survey-js-ui 1.12.7 → 1.12.8
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 +566 -497
- package/survey-js-ui.js.map +1 -1
- package/survey-js-ui.min.js +2 -2
- package/typings/packages/survey-react-ui/entries/react-ui-model.d.ts +1 -0
- package/typings/packages/survey-react-ui/src/components/popup/popup-modal.d.ts +23 -0
- package/typings/packages/survey-react-ui/src/components/popup/popup.d.ts +1 -3
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.8
|
|
3
3
|
* Copyright (c) 2015-2024 Devsoft Baltic OÜ - http://surveyjs.io/
|
|
4
4
|
* License: MIT (http://www.opensource.org/licenses/mit-license.php)
|
|
5
5
|
*/
|
|
@@ -103,9 +103,9 @@ return /******/ (function(modules) { // webpackBootstrap
|
|
|
103
103
|
|
|
104
104
|
/***/ "./src/entries/js-ui.ts":
|
|
105
105
|
/*!********************************************!*\
|
|
106
|
-
!*** ./src/entries/js-ui.ts +
|
|
106
|
+
!*** ./src/entries/js-ui.ts + 103 modules ***!
|
|
107
107
|
\********************************************/
|
|
108
|
-
/*! exports provided: useState, useId, useReducer, useEffect, useLayoutEffect, useInsertionEffect, useTransition, useDeferredValue, useSyncExternalStore, startTransition, useRef, useImperativeHandle, useMemo, useCallback, useContext, useDebugValue, version, Children, render, hydrate, unmountComponentAtNode, createPortal, createElement, createContext, createFactory, cloneElement, createRef, Fragment, isValidElement, isFragment, isMemo, findDOMNode, Component, PureComponent, memo, forwardRef, flushSync, unstable_batchedUpdates, StrictMode, Suspense, SuspenseList, lazy, renderSurvey, renderPopupSurvey, preact, Survey, attachKey2click, ReactSurveyElementsWrapper, SurveyNavigationBase, SurveyTimerPanel, SurveyPage, SurveyRow, SurveyPanel, SurveyFlowPanel, SurveyQuestion, SurveyElementErrors, SurveyQuestionAndErrorsCell, ReactSurveyElement, SurveyElementBase, SurveyQuestionElementBase, SurveyQuestionCommentItem, SurveyQuestionComment, SurveyQuestionCheckbox, SurveyQuestionCheckboxItem, SurveyQuestionRanking, SurveyQuestionRankingItem, SurveyQuestionRankingItemContent, RatingItem, RatingItemStar, RatingItemSmiley, RatingDropdownItem, TagboxFilterString, SurveyQuestionOptionItem, SurveyQuestionDropdownBase, SurveyQuestionDropdown, SurveyQuestionTagboxItem, SurveyQuestionTagbox, SurveyQuestionDropdownSelect, SurveyQuestionMatrix, SurveyQuestionMatrixRow, SurveyQuestionMatrixCell, SurveyQuestionHtml, SurveyQuestionFile, SurveyFileChooseButton, SurveyFilePreview, SurveyQuestionMultipleText, SurveyQuestionRadiogroup, SurveyQuestionRadioItem, SurveyQuestionText, SurveyQuestionBoolean, SurveyQuestionBooleanCheckbox, SurveyQuestionBooleanRadio, SurveyQuestionEmpty, SurveyQuestionMatrixDropdownCell, SurveyQuestionMatrixDropdownBase, SurveyQuestionMatrixDropdown, SurveyQuestionMatrixDynamic, SurveyQuestionMatrixDynamicAddButton, SurveyQuestionPanelDynamic, SurveyProgress, SurveyProgressButtons, SurveyProgressToc, SurveyQuestionRating, SurveyQuestionRatingDropdown, SurveyQuestionExpression, PopupSurvey, SurveyWindow, ReactQuestionFactory, ReactElementFactory, SurveyQuestionImagePicker, SurveyQuestionImage, SurveyQuestionSignaturePad, SurveyQuestionButtonGroup, SurveyQuestionCustom, SurveyQuestionComposite, Popup, ListItemContent, ListItemGroup, List, TitleActions, TitleElement, SurveyActionBar, LogoImage, SurveyHeader, SvgIcon, SurveyQuestionMatrixDynamicRemoveButton, SurveyQuestionMatrixDetailButton, SurveyQuestionMatrixDynamicDragDropIcon, SurveyQuestionPanelDynamicAddButton, SurveyQuestionPanelDynamicRemoveButton, SurveyQuestionPanelDynamicPrevButton, SurveyQuestionPanelDynamicNextButton, SurveyQuestionPanelDynamicProgressText, SurveyNavigationButton, QuestionErrorComponent, MatrixRow, Skeleton, NotifierComponent, ComponentsContainer, CharacterCounterComponent, HeaderMobile, HeaderCell, Header, SurveyLocStringViewer, SurveyLocStringEditor, LoadingIndicatorComponent, SvgBundleComponent, SurveyModel, SurveyWindowModel, settings, surveyLocalization, surveyStrings, Model */
|
|
108
|
+
/*! exports provided: useState, useId, useReducer, useEffect, useLayoutEffect, useInsertionEffect, useTransition, useDeferredValue, useSyncExternalStore, startTransition, useRef, useImperativeHandle, useMemo, useCallback, useContext, useDebugValue, version, Children, render, hydrate, unmountComponentAtNode, createPortal, createElement, createContext, createFactory, cloneElement, createRef, Fragment, isValidElement, isFragment, isMemo, findDOMNode, Component, PureComponent, memo, forwardRef, flushSync, unstable_batchedUpdates, StrictMode, Suspense, SuspenseList, lazy, renderSurvey, renderPopupSurvey, preact, Survey, attachKey2click, ReactSurveyElementsWrapper, SurveyNavigationBase, SurveyTimerPanel, SurveyPage, SurveyRow, SurveyPanel, SurveyFlowPanel, SurveyQuestion, SurveyElementErrors, SurveyQuestionAndErrorsCell, ReactSurveyElement, SurveyElementBase, SurveyQuestionElementBase, SurveyQuestionCommentItem, SurveyQuestionComment, SurveyQuestionCheckbox, SurveyQuestionCheckboxItem, SurveyQuestionRanking, SurveyQuestionRankingItem, SurveyQuestionRankingItemContent, RatingItem, RatingItemStar, RatingItemSmiley, RatingDropdownItem, TagboxFilterString, SurveyQuestionOptionItem, SurveyQuestionDropdownBase, SurveyQuestionDropdown, SurveyQuestionTagboxItem, SurveyQuestionTagbox, SurveyQuestionDropdownSelect, SurveyQuestionMatrix, SurveyQuestionMatrixRow, SurveyQuestionMatrixCell, SurveyQuestionHtml, SurveyQuestionFile, SurveyFileChooseButton, SurveyFilePreview, SurveyQuestionMultipleText, SurveyQuestionRadiogroup, SurveyQuestionRadioItem, SurveyQuestionText, SurveyQuestionBoolean, SurveyQuestionBooleanCheckbox, SurveyQuestionBooleanRadio, SurveyQuestionEmpty, SurveyQuestionMatrixDropdownCell, SurveyQuestionMatrixDropdownBase, SurveyQuestionMatrixDropdown, SurveyQuestionMatrixDynamic, SurveyQuestionMatrixDynamicAddButton, SurveyQuestionPanelDynamic, SurveyProgress, SurveyProgressButtons, SurveyProgressToc, SurveyQuestionRating, SurveyQuestionRatingDropdown, SurveyQuestionExpression, PopupSurvey, SurveyWindow, ReactQuestionFactory, ReactElementFactory, SurveyQuestionImagePicker, SurveyQuestionImage, SurveyQuestionSignaturePad, SurveyQuestionButtonGroup, SurveyQuestionCustom, SurveyQuestionComposite, Popup, ListItemContent, ListItemGroup, List, TitleActions, TitleElement, SurveyActionBar, LogoImage, SurveyHeader, SvgIcon, SurveyQuestionMatrixDynamicRemoveButton, SurveyQuestionMatrixDetailButton, SurveyQuestionMatrixDynamicDragDropIcon, SurveyQuestionPanelDynamicAddButton, SurveyQuestionPanelDynamicRemoveButton, SurveyQuestionPanelDynamicPrevButton, SurveyQuestionPanelDynamicNextButton, SurveyQuestionPanelDynamicProgressText, SurveyNavigationButton, QuestionErrorComponent, MatrixRow, Skeleton, NotifierComponent, ComponentsContainer, CharacterCounterComponent, HeaderMobile, HeaderCell, Header, SurveyLocStringViewer, SurveyLocStringEditor, LoadingIndicatorComponent, SvgBundleComponent, PopupModal, SurveyModel, SurveyWindowModel, settings, surveyLocalization, surveyStrings, Model */
|
|
109
109
|
/*! ModuleConcatenation bailout: Cannot concat with external {"root":"Survey","commonjs2":"survey-core","commonjs":"survey-core","amd":"survey-core"} (<- Module is not an ECMAScript module) */
|
|
110
110
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
111
111
|
|
|
@@ -136,7 +136,7 @@ __webpack_require__.d(__webpack_exports__, "render", function() { return /* reex
|
|
|
136
136
|
__webpack_require__.d(__webpack_exports__, "hydrate", function() { return /* reexport */ compat_module_q; });
|
|
137
137
|
__webpack_require__.d(__webpack_exports__, "unmountComponentAtNode", function() { return /* reexport */ hn; });
|
|
138
138
|
__webpack_require__.d(__webpack_exports__, "createPortal", function() { return /* reexport */ compat_module_P; });
|
|
139
|
-
__webpack_require__.d(__webpack_exports__, "createElement", function() { return /* reexport */
|
|
139
|
+
__webpack_require__.d(__webpack_exports__, "createElement", function() { return /* reexport */ _; });
|
|
140
140
|
__webpack_require__.d(__webpack_exports__, "createContext", function() { return /* reexport */ G; });
|
|
141
141
|
__webpack_require__.d(__webpack_exports__, "createFactory", function() { return /* reexport */ cn; });
|
|
142
142
|
__webpack_require__.d(__webpack_exports__, "cloneElement", function() { return /* reexport */ sn; });
|
|
@@ -261,6 +261,7 @@ __webpack_require__.d(__webpack_exports__, "SurveyLocStringViewer", function() {
|
|
|
261
261
|
__webpack_require__.d(__webpack_exports__, "SurveyLocStringEditor", function() { return /* reexport */ string_editor_SurveyLocStringEditor; });
|
|
262
262
|
__webpack_require__.d(__webpack_exports__, "LoadingIndicatorComponent", function() { return /* reexport */ loading_indicator_LoadingIndicatorComponent; });
|
|
263
263
|
__webpack_require__.d(__webpack_exports__, "SvgBundleComponent", function() { return /* reexport */ svgbundle_SvgBundleComponent; });
|
|
264
|
+
__webpack_require__.d(__webpack_exports__, "PopupModal", function() { return /* reexport */ popup_modal_PopupModal; });
|
|
264
265
|
__webpack_require__.d(__webpack_exports__, "SurveyModel", function() { return /* reexport */ external_root_Survey_commonjs2_survey_core_commonjs_survey_core_amd_survey_core_["SurveyModel"]; });
|
|
265
266
|
__webpack_require__.d(__webpack_exports__, "SurveyWindowModel", function() { return /* reexport */ external_root_Survey_commonjs2_survey_core_commonjs_survey_core_amd_survey_core_["SurveyWindowModel"]; });
|
|
266
267
|
__webpack_require__.d(__webpack_exports__, "settings", function() { return /* reexport */ external_root_Survey_commonjs2_survey_core_commonjs_survey_core_amd_survey_core_["settings"]; });
|
|
@@ -274,7 +275,7 @@ __webpack_require__.r(compat_module_namespaceObject);
|
|
|
274
275
|
__webpack_require__.d(compat_module_namespaceObject, "Component", function() { return k; });
|
|
275
276
|
__webpack_require__.d(compat_module_namespaceObject, "Fragment", function() { return b; });
|
|
276
277
|
__webpack_require__.d(compat_module_namespaceObject, "createContext", function() { return G; });
|
|
277
|
-
__webpack_require__.d(compat_module_namespaceObject, "createElement", function() { return
|
|
278
|
+
__webpack_require__.d(compat_module_namespaceObject, "createElement", function() { return _; });
|
|
278
279
|
__webpack_require__.d(compat_module_namespaceObject, "createRef", function() { return m; });
|
|
279
280
|
__webpack_require__.d(compat_module_namespaceObject, "useCallback", function() { return hooks_module_q; });
|
|
280
281
|
__webpack_require__.d(compat_module_namespaceObject, "useContext", function() { return hooks_module_x; });
|
|
@@ -319,7 +320,7 @@ __webpack_require__.d(compat_module_namespaceObject, "useTransition", function()
|
|
|
319
320
|
__webpack_require__.d(compat_module_namespaceObject, "version", function() { return on; });
|
|
320
321
|
|
|
321
322
|
// CONCATENATED MODULE: ./node_modules/preact/dist/preact.module.js
|
|
322
|
-
var preact_module_n,l,preact_module_u,preact_module_t,preact_module_i,preact_module_o,preact_module_r,preact_module_f,preact_module_e,preact_module_c,s,a,h={},v=[],p=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i,y=Array.isArray;function d(n,l){for(var u in l)n[u]=l[u];return n}function w(n){n&&n.parentNode&&n.parentNode.removeChild(n)}function preact_module_(l,u,t){var i,o,r,f={};for(r in u)"key"==r?i=u[r]:"ref"==r?o=u[r]:f[r]=u[r];if(arguments.length>2&&(f.children=arguments.length>3?preact_module_n.call(arguments,2):t),"function"==typeof l&&null!=l.defaultProps)for(r in l.defaultProps)void 0===f[r]&&(f[r]=l.defaultProps[r]);return g(l,f,i,o,null)}function g(n,t,i,o,r){var f={type:n,props:t,key:i,ref:o,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,constructor:void 0,__v:null==r?++preact_module_u:r,__i:-1,__u:0};return null==r&&null!=l.vnode&&l.vnode(f),f}function m(){return{current:null}}function b(n){return n.children}function k(n,l){this.props=n,this.context=l}function x(n,l){if(null==l)return n.__?x(n.__,n.__i+1):null;for(var u;l<n.__k.length;l++)if(null!=(u=n.__k[l])&&null!=u.__e)return u.__e;return"function"==typeof n.type?x(n):null}function C(n){var l,u;if(null!=(n=n.__)&&null!=n.__c){for(n.__e=n.__c.base=null,l=0;l<n.__k.length;l++)if(null!=(u=n.__k[l])&&null!=u.__e){n.__e=n.__c.base=u.__e;break}return C(n)}}function S(n){(!n.__d&&(n.__d=!0)&&preact_module_i.push(n)&&!M.__r++||preact_module_o!==l.debounceRendering)&&((preact_module_o=l.debounceRendering)||preact_module_r)(M)}function M(){var n,u,t,o,r,e,c,s;for(preact_module_i.sort(preact_module_f);n=preact_module_i.shift();)n.__d&&(u=preact_module_i.length,o=void 0,e=(r=(t=n).__v).__e,c=[],s=[],t.__P&&((o=d({},r)).__v=r.__v+1,l.vnode&&l.vnode(o),O(t.__P,o,r,t.__n,t.__P.namespaceURI,32&r.__u?[e]:null,c,null==e?x(r):e,!!(32&r.__u),s),o.__v=r.__v,o.__.__k[o.__i]=o,j(c,o,s),o.__e!=e&&C(o)),preact_module_i.length>u&&preact_module_i.sort(preact_module_f));M.__r=0}function P(n,l,u,t,i,o,r,f,e,c,s){var a,p,y,d,w,_=t&&t.__k||v,g=l.length;for(u.__d=e,$(u,l,_),e=u.__d,a=0;a<g;a++)null!=(y=u.__k[a])&&(p=-1===y.__i?h:_[y.__i]||h,y.__i=a,O(n,y,p,i,o,r,f,e,c,s),d=y.__e,y.ref&&p.ref!=y.ref&&(p.ref&&N(p.ref,null,y),s.push(y.ref,y.__c||d,y)),null==w&&null!=d&&(w=d),65536&y.__u||p.__k===y.__k?e=I(y,e,n):"function"==typeof y.type&&void 0!==y.__d?e=y.__d:d&&(e=d.nextSibling),y.__d=void 0,y.__u&=-196609);u.__d=e,u.__e=w}function $(n,l,u){var t,i,o,r,f,e=l.length,c=u.length,s=c,a=0;for(n.__k=[],t=0;t<e;t++)null!=(i=l[t])&&"boolean"!=typeof i&&"function"!=typeof i?(r=t+a,(i=n.__k[t]="string"==typeof i||"number"==typeof i||"bigint"==typeof i||i.constructor==String?g(null,i,null,null,null):y(i)?g(b,{children:i},null,null,null):void 0===i.constructor&&i.__b>0?g(i.type,i.props,i.key,i.ref?i.ref:null,i.__v):i).__=n,i.__b=n.__b+1,o=null,-1!==(f=i.__i=L(i,u,r,s))&&(s--,(o=u[f])&&(o.__u|=131072)),null==o||null===o.__v?(-1==f&&a--,"function"!=typeof i.type&&(i.__u|=65536)):f!==r&&(f==r-1?a--:f==r+1?a++:(f>r?a--:a++,i.__u|=65536))):i=n.__k[t]=null;if(s)for(t=0;t<c;t++)null!=(o=u[t])&&0==(131072&o.__u)&&(o.__e==n.__d&&(n.__d=x(o)),V(o,o))}function I(n,l,u){var t,i;if("function"==typeof n.type){for(t=n.__k,i=0;t&&i<t.length;i++)t[i]&&(t[i].__=n,l=I(t[i],l,u));return l}n.__e!=l&&(l&&n.type&&!u.contains(l)&&(l=x(n)),u.insertBefore(n.__e,l||null),l=n.__e);do{l=l&&l.nextSibling}while(null!=l&&8===l.nodeType);return l}function H(n,l){return l=l||[],null==n||"boolean"==typeof n||(y(n)?n.some(function(n){H(n,l)}):l.push(n)),l}function L(n,l,u,t){var i=n.key,o=n.type,r=u-1,f=u+1,e=l[u];if(null===e||e&&i==e.key&&o===e.type&&0==(131072&e.__u))return u;if(t>(null!=e&&0==(131072&e.__u)?1:0))for(;r>=0||f<l.length;){if(r>=0){if((e=l[r])&&0==(131072&e.__u)&&i==e.key&&o===e.type)return r;r--}if(f<l.length){if((e=l[f])&&0==(131072&e.__u)&&i==e.key&&o===e.type)return f;f++}}return-1}function T(n,l,u){"-"===l[0]?n.setProperty(l,null==u?"":u):n[l]=null==u?"":"number"!=typeof u||p.test(l)?u:u+"px"}function A(n,l,u,t,i){var o;n:if("style"===l)if("string"==typeof u)n.style.cssText=u;else{if("string"==typeof t&&(n.style.cssText=t=""),t)for(l in t)u&&l in u||T(n.style,l,"");if(u)for(l in u)t&&u[l]===t[l]||T(n.style,l,u[l])}else if("o"===l[0]&&"n"===l[1])o=l!==(l=l.replace(/(PointerCapture)$|Capture$/i,"$1")),l=l.toLowerCase()in n||"onFocusOut"===l||"onFocusIn"===l?l.toLowerCase().slice(2):l.slice(2),n.l||(n.l={}),n.l[l+o]=u,u?t?u.u=t.u:(u.u=preact_module_e,n.addEventListener(l,o?s:preact_module_c,o)):n.removeEventListener(l,o?s:preact_module_c,o);else{if("http://www.w3.org/2000/svg"==i)l=l.replace(/xlink(H|:h)/,"h").replace(/sName$/,"s");else if("width"!=l&&"height"!=l&&"href"!=l&&"list"!=l&&"form"!=l&&"tabIndex"!=l&&"download"!=l&&"rowSpan"!=l&&"colSpan"!=l&&"role"!=l&&"popover"!=l&&l in n)try{n[l]=null==u?"":u;break n}catch(n){}"function"==typeof u||(null==u||!1===u&&"-"!==l[4]?n.removeAttribute(l):n.setAttribute(l,"popover"==l&&1==u?"":u))}}function F(n){return function(u){if(this.l){var t=this.l[u.type+n];if(null==u.t)u.t=preact_module_e++;else if(u.t<t.u)return;return t(l.event?l.event(u):u)}}}function O(n,u,t,i,o,r,f,e,c,s){var a,h,v,p,w,_,g,m,x,C,S,M,$,I,H,L,T=u.type;if(void 0!==u.constructor)return null;128&t.__u&&(c=!!(32&t.__u),r=[e=u.__e=t.__e]),(a=l.__b)&&a(u);n:if("function"==typeof T)try{if(m=u.props,x="prototype"in T&&T.prototype.render,C=(a=T.contextType)&&i[a.__c],S=a?C?C.props.value:a.__:i,t.__c?g=(h=u.__c=t.__c).__=h.__E:(x?u.__c=h=new T(m,S):(u.__c=h=new k(m,S),h.constructor=T,h.render=q),C&&C.sub(h),h.props=m,h.state||(h.state={}),h.context=S,h.__n=i,v=h.__d=!0,h.__h=[],h._sb=[]),x&&null==h.__s&&(h.__s=h.state),x&&null!=T.getDerivedStateFromProps&&(h.__s==h.state&&(h.__s=d({},h.__s)),d(h.__s,T.getDerivedStateFromProps(m,h.__s))),p=h.props,w=h.state,h.__v=u,v)x&&null==T.getDerivedStateFromProps&&null!=h.componentWillMount&&h.componentWillMount(),x&&null!=h.componentDidMount&&h.__h.push(h.componentDidMount);else{if(x&&null==T.getDerivedStateFromProps&&m!==p&&null!=h.componentWillReceiveProps&&h.componentWillReceiveProps(m,S),!h.__e&&(null!=h.shouldComponentUpdate&&!1===h.shouldComponentUpdate(m,h.__s,S)||u.__v===t.__v)){for(u.__v!==t.__v&&(h.props=m,h.state=h.__s,h.__d=!1),u.__e=t.__e,u.__k=t.__k,u.__k.some(function(n){n&&(n.__=u)}),M=0;M<h._sb.length;M++)h.__h.push(h._sb[M]);h._sb=[],h.__h.length&&f.push(h);break n}null!=h.componentWillUpdate&&h.componentWillUpdate(m,h.__s,S),x&&null!=h.componentDidUpdate&&h.__h.push(function(){h.componentDidUpdate(p,w,_)})}if(h.context=S,h.props=m,h.__P=n,h.__e=!1,$=l.__r,I=0,x){for(h.state=h.__s,h.__d=!1,$&&$(u),a=h.render(h.props,h.state,h.context),H=0;H<h._sb.length;H++)h.__h.push(h._sb[H]);h._sb=[]}else do{h.__d=!1,$&&$(u),a=h.render(h.props,h.state,h.context),h.state=h.__s}while(h.__d&&++I<25);h.state=h.__s,null!=h.getChildContext&&(i=d(d({},i),h.getChildContext())),x&&!v&&null!=h.getSnapshotBeforeUpdate&&(_=h.getSnapshotBeforeUpdate(p,w)),P(n,y(L=null!=a&&a.type===b&&null==a.key?a.props.children:a)?L:[L],u,t,i,o,r,f,e,c,s),h.base=u.__e,u.__u&=-161,h.__h.length&&f.push(h),g&&(h.__E=h.__=null)}catch(n){if(u.__v=null,c||null!=r){for(u.__u|=c?160:128;e&&8===e.nodeType&&e.nextSibling;)e=e.nextSibling;r[r.indexOf(e)]=null,u.__e=e}else u.__e=t.__e,u.__k=t.__k;l.__e(n,u,t)}else null==r&&u.__v===t.__v?(u.__k=t.__k,u.__e=t.__e):u.__e=z(t.__e,u,t,i,o,r,f,c,s);(a=l.diffed)&&a(u)}function j(n,u,t){u.__d=void 0;for(var i=0;i<t.length;i++)N(t[i],t[++i],t[++i]);l.__c&&l.__c(u,n),n.some(function(u){try{n=u.__h,u.__h=[],n.some(function(n){n.call(u)})}catch(n){l.__e(n,u.__v)}})}function z(u,t,i,o,r,f,e,c,s){var a,v,p,d,_,g,m,b=i.props,k=t.props,C=t.type;if("svg"===C?r="http://www.w3.org/2000/svg":"math"===C?r="http://www.w3.org/1998/Math/MathML":r||(r="http://www.w3.org/1999/xhtml"),null!=f)for(a=0;a<f.length;a++)if((_=f[a])&&"setAttribute"in _==!!C&&(C?_.localName===C:3===_.nodeType)){u=_,f[a]=null;break}if(null==u){if(null===C)return document.createTextNode(k);u=document.createElementNS(r,C,k.is&&k),c&&(l.__m&&l.__m(t,f),c=!1),f=null}if(null===C)b===k||c&&u.data===k||(u.data=k);else{if(f=f&&preact_module_n.call(u.childNodes),b=i.props||h,!c&&null!=f)for(b={},a=0;a<u.attributes.length;a++)b[(_=u.attributes[a]).name]=_.value;for(a in b)if(_=b[a],"children"==a);else if("dangerouslySetInnerHTML"==a)p=_;else if(!(a in k)){if("value"==a&&"defaultValue"in k||"checked"==a&&"defaultChecked"in k)continue;A(u,a,null,_,r)}for(a in k)_=k[a],"children"==a?d=_:"dangerouslySetInnerHTML"==a?v=_:"value"==a?g=_:"checked"==a?m=_:c&&"function"!=typeof _||b[a]===_||A(u,a,_,b[a],r);if(v)c||p&&(v.__html===p.__html||v.__html===u.innerHTML)||(u.innerHTML=v.__html),t.__k=[];else if(p&&(u.innerHTML=""),P(u,y(d)?d:[d],t,i,o,"foreignObject"===C?"http://www.w3.org/1999/xhtml":r,f,e,f?f[0]:i.__k&&x(i,0),c,s),null!=f)for(a=f.length;a--;)w(f[a]);c||(a="value","progress"===C&&null==g?u.removeAttribute("value"):void 0!==g&&(g!==u[a]||"progress"===C&&!g||"option"===C&&g!==b[a])&&A(u,a,g,b[a],r),a="checked",void 0!==m&&m!==u[a]&&A(u,a,m,b[a],r))}return u}function N(n,u,t){try{if("function"==typeof n){var i="function"==typeof n.__u;i&&n.__u(),i&&null==u||(n.__u=n(u))}else n.current=u}catch(n){l.__e(n,t)}}function V(n,u,t){var i,o;if(l.unmount&&l.unmount(n),(i=n.ref)&&(i.current&&i.current!==n.__e||N(i,null,u)),null!=(i=n.__c)){if(i.componentWillUnmount)try{i.componentWillUnmount()}catch(n){l.__e(n,u)}i.base=i.__P=null}if(i=n.__k)for(o=0;o<i.length;o++)i[o]&&V(i[o],u,t||"function"!=typeof n.type);t||w(n.__e),n.__c=n.__=n.__e=n.__d=void 0}function q(n,l,u){return this.constructor(n,u)}function B(u,t,i){var o,r,f,e;l.__&&l.__(u,t),r=(o="function"==typeof i)?null:i&&i.__k||t.__k,f=[],e=[],O(t,u=(!o&&i||t).__k=preact_module_(b,null,[u]),r||h,h,t.namespaceURI,!o&&i?[i]:r?null:t.firstChild?preact_module_n.call(t.childNodes):null,f,!o&&i?i:r?r.__e:t.firstChild,o,e),j(f,u,e)}function D(n,l){B(n,l,D)}function E(l,u,t){var i,o,r,f,e=d({},l.props);for(r in l.type&&l.type.defaultProps&&(f=l.type.defaultProps),u)"key"==r?i=u[r]:"ref"==r?o=u[r]:e[r]=void 0===u[r]&&void 0!==f?f[r]:u[r];return arguments.length>2&&(e.children=arguments.length>3?preact_module_n.call(arguments,2):t),g(l.type,e,i||l.key,o||l.ref,null)}function G(n,l){var u={__c:l="__cC"+a++,__:n,Consumer:function(n,l){return n.children(l)},Provider:function(n){var u,t;return this.getChildContext||(u=new Set,(t={})[l]=this,this.getChildContext=function(){return t},this.componentWillUnmount=function(){u=null},this.shouldComponentUpdate=function(n){this.props.value!==n.value&&u.forEach(function(n){n.__e=!0,S(n)})},this.sub=function(n){u.add(n);var l=n.componentWillUnmount;n.componentWillUnmount=function(){u&&u.delete(n),l&&l.call(n)}}),n.children}};return u.Provider.__=u.Consumer.contextType=u}preact_module_n=v.slice,l={__e:function(n,l,u,t){for(var i,o,r;l=l.__;)if((i=l.__c)&&!i.__)try{if((o=i.constructor)&&null!=o.getDerivedStateFromError&&(i.setState(o.getDerivedStateFromError(n)),r=i.__d),null!=i.componentDidCatch&&(i.componentDidCatch(n,t||{}),r=i.__d),r)return i.__E=i}catch(l){n=l}throw n}},preact_module_u=0,preact_module_t=function(n){return null!=n&&null==n.constructor},k.prototype.setState=function(n,l){var u;u=null!=this.__s&&this.__s!==this.state?this.__s:this.__s=d({},this.state),"function"==typeof n&&(n=n(d({},u),this.props)),n&&d(u,n),null!=n&&this.__v&&(l&&this._sb.push(l),S(this))},k.prototype.forceUpdate=function(n){this.__v&&(this.__e=!0,n&&this.__h.push(n),S(this))},k.prototype.render=b,preact_module_i=[],preact_module_r="function"==typeof Promise?Promise.prototype.then.bind(Promise.resolve()):setTimeout,preact_module_f=function(n,l){return n.__v.__b-l.__v.__b},M.__r=0,preact_module_e=0,preact_module_c=F(!1),s=F(!0),a=0;
|
|
323
|
+
var preact_module_n,l,preact_module_u,preact_module_t,preact_module_i,preact_module_o,preact_module_r,preact_module_f,preact_module_e,preact_module_c,s,a,h={},v=[],p=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i,y=Array.isArray;function d(n,l){for(var u in l)n[u]=l[u];return n}function w(n){n&&n.parentNode&&n.parentNode.removeChild(n)}function _(l,u,t){var i,o,r,f={};for(r in u)"key"==r?i=u[r]:"ref"==r?o=u[r]:f[r]=u[r];if(arguments.length>2&&(f.children=arguments.length>3?preact_module_n.call(arguments,2):t),"function"==typeof l&&null!=l.defaultProps)for(r in l.defaultProps)void 0===f[r]&&(f[r]=l.defaultProps[r]);return g(l,f,i,o,null)}function g(n,t,i,o,r){var f={type:n,props:t,key:i,ref:o,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,constructor:void 0,__v:null==r?++preact_module_u:r,__i:-1,__u:0};return null==r&&null!=l.vnode&&l.vnode(f),f}function m(){return{current:null}}function b(n){return n.children}function k(n,l){this.props=n,this.context=l}function x(n,l){if(null==l)return n.__?x(n.__,n.__i+1):null;for(var u;l<n.__k.length;l++)if(null!=(u=n.__k[l])&&null!=u.__e)return u.__e;return"function"==typeof n.type?x(n):null}function C(n){var l,u;if(null!=(n=n.__)&&null!=n.__c){for(n.__e=n.__c.base=null,l=0;l<n.__k.length;l++)if(null!=(u=n.__k[l])&&null!=u.__e){n.__e=n.__c.base=u.__e;break}return C(n)}}function S(n){(!n.__d&&(n.__d=!0)&&preact_module_i.push(n)&&!M.__r++||preact_module_o!==l.debounceRendering)&&((preact_module_o=l.debounceRendering)||preact_module_r)(M)}function M(){var n,u,t,o,r,e,c,s;for(preact_module_i.sort(preact_module_f);n=preact_module_i.shift();)n.__d&&(u=preact_module_i.length,o=void 0,e=(r=(t=n).__v).__e,c=[],s=[],t.__P&&((o=d({},r)).__v=r.__v+1,l.vnode&&l.vnode(o),O(t.__P,o,r,t.__n,t.__P.namespaceURI,32&r.__u?[e]:null,c,null==e?x(r):e,!!(32&r.__u),s),o.__v=r.__v,o.__.__k[o.__i]=o,j(c,o,s),o.__e!=e&&C(o)),preact_module_i.length>u&&preact_module_i.sort(preact_module_f));M.__r=0}function P(n,l,u,t,i,o,r,f,e,c,s){var a,p,y,d,w,_=t&&t.__k||v,g=l.length;for(u.__d=e,$(u,l,_),e=u.__d,a=0;a<g;a++)null!=(y=u.__k[a])&&(p=-1===y.__i?h:_[y.__i]||h,y.__i=a,O(n,y,p,i,o,r,f,e,c,s),d=y.__e,y.ref&&p.ref!=y.ref&&(p.ref&&N(p.ref,null,y),s.push(y.ref,y.__c||d,y)),null==w&&null!=d&&(w=d),65536&y.__u||p.__k===y.__k?e=I(y,e,n):"function"==typeof y.type&&void 0!==y.__d?e=y.__d:d&&(e=d.nextSibling),y.__d=void 0,y.__u&=-196609);u.__d=e,u.__e=w}function $(n,l,u){var t,i,o,r,f,e=l.length,c=u.length,s=c,a=0;for(n.__k=[],t=0;t<e;t++)null!=(i=l[t])&&"boolean"!=typeof i&&"function"!=typeof i?(r=t+a,(i=n.__k[t]="string"==typeof i||"number"==typeof i||"bigint"==typeof i||i.constructor==String?g(null,i,null,null,null):y(i)?g(b,{children:i},null,null,null):void 0===i.constructor&&i.__b>0?g(i.type,i.props,i.key,i.ref?i.ref:null,i.__v):i).__=n,i.__b=n.__b+1,o=null,-1!==(f=i.__i=L(i,u,r,s))&&(s--,(o=u[f])&&(o.__u|=131072)),null==o||null===o.__v?(-1==f&&a--,"function"!=typeof i.type&&(i.__u|=65536)):f!==r&&(f==r-1?a--:f==r+1?a++:(f>r?a--:a++,i.__u|=65536))):i=n.__k[t]=null;if(s)for(t=0;t<c;t++)null!=(o=u[t])&&0==(131072&o.__u)&&(o.__e==n.__d&&(n.__d=x(o)),V(o,o))}function I(n,l,u){var t,i;if("function"==typeof n.type){for(t=n.__k,i=0;t&&i<t.length;i++)t[i]&&(t[i].__=n,l=I(t[i],l,u));return l}n.__e!=l&&(l&&n.type&&!u.contains(l)&&(l=x(n)),u.insertBefore(n.__e,l||null),l=n.__e);do{l=l&&l.nextSibling}while(null!=l&&8===l.nodeType);return l}function H(n,l){return l=l||[],null==n||"boolean"==typeof n||(y(n)?n.some(function(n){H(n,l)}):l.push(n)),l}function L(n,l,u,t){var i=n.key,o=n.type,r=u-1,f=u+1,e=l[u];if(null===e||e&&i==e.key&&o===e.type&&0==(131072&e.__u))return u;if(t>(null!=e&&0==(131072&e.__u)?1:0))for(;r>=0||f<l.length;){if(r>=0){if((e=l[r])&&0==(131072&e.__u)&&i==e.key&&o===e.type)return r;r--}if(f<l.length){if((e=l[f])&&0==(131072&e.__u)&&i==e.key&&o===e.type)return f;f++}}return-1}function T(n,l,u){"-"===l[0]?n.setProperty(l,null==u?"":u):n[l]=null==u?"":"number"!=typeof u||p.test(l)?u:u+"px"}function A(n,l,u,t,i){var o;n:if("style"===l)if("string"==typeof u)n.style.cssText=u;else{if("string"==typeof t&&(n.style.cssText=t=""),t)for(l in t)u&&l in u||T(n.style,l,"");if(u)for(l in u)t&&u[l]===t[l]||T(n.style,l,u[l])}else if("o"===l[0]&&"n"===l[1])o=l!==(l=l.replace(/(PointerCapture)$|Capture$/i,"$1")),l=l.toLowerCase()in n||"onFocusOut"===l||"onFocusIn"===l?l.toLowerCase().slice(2):l.slice(2),n.l||(n.l={}),n.l[l+o]=u,u?t?u.u=t.u:(u.u=preact_module_e,n.addEventListener(l,o?s:preact_module_c,o)):n.removeEventListener(l,o?s:preact_module_c,o);else{if("http://www.w3.org/2000/svg"==i)l=l.replace(/xlink(H|:h)/,"h").replace(/sName$/,"s");else if("width"!=l&&"height"!=l&&"href"!=l&&"list"!=l&&"form"!=l&&"tabIndex"!=l&&"download"!=l&&"rowSpan"!=l&&"colSpan"!=l&&"role"!=l&&"popover"!=l&&l in n)try{n[l]=null==u?"":u;break n}catch(n){}"function"==typeof u||(null==u||!1===u&&"-"!==l[4]?n.removeAttribute(l):n.setAttribute(l,"popover"==l&&1==u?"":u))}}function F(n){return function(u){if(this.l){var t=this.l[u.type+n];if(null==u.t)u.t=preact_module_e++;else if(u.t<t.u)return;return t(l.event?l.event(u):u)}}}function O(n,u,t,i,o,r,f,e,c,s){var a,h,v,p,w,_,g,m,x,C,S,M,$,I,H,L,T=u.type;if(void 0!==u.constructor)return null;128&t.__u&&(c=!!(32&t.__u),r=[e=u.__e=t.__e]),(a=l.__b)&&a(u);n:if("function"==typeof T)try{if(m=u.props,x="prototype"in T&&T.prototype.render,C=(a=T.contextType)&&i[a.__c],S=a?C?C.props.value:a.__:i,t.__c?g=(h=u.__c=t.__c).__=h.__E:(x?u.__c=h=new T(m,S):(u.__c=h=new k(m,S),h.constructor=T,h.render=q),C&&C.sub(h),h.props=m,h.state||(h.state={}),h.context=S,h.__n=i,v=h.__d=!0,h.__h=[],h._sb=[]),x&&null==h.__s&&(h.__s=h.state),x&&null!=T.getDerivedStateFromProps&&(h.__s==h.state&&(h.__s=d({},h.__s)),d(h.__s,T.getDerivedStateFromProps(m,h.__s))),p=h.props,w=h.state,h.__v=u,v)x&&null==T.getDerivedStateFromProps&&null!=h.componentWillMount&&h.componentWillMount(),x&&null!=h.componentDidMount&&h.__h.push(h.componentDidMount);else{if(x&&null==T.getDerivedStateFromProps&&m!==p&&null!=h.componentWillReceiveProps&&h.componentWillReceiveProps(m,S),!h.__e&&(null!=h.shouldComponentUpdate&&!1===h.shouldComponentUpdate(m,h.__s,S)||u.__v===t.__v)){for(u.__v!==t.__v&&(h.props=m,h.state=h.__s,h.__d=!1),u.__e=t.__e,u.__k=t.__k,u.__k.some(function(n){n&&(n.__=u)}),M=0;M<h._sb.length;M++)h.__h.push(h._sb[M]);h._sb=[],h.__h.length&&f.push(h);break n}null!=h.componentWillUpdate&&h.componentWillUpdate(m,h.__s,S),x&&null!=h.componentDidUpdate&&h.__h.push(function(){h.componentDidUpdate(p,w,_)})}if(h.context=S,h.props=m,h.__P=n,h.__e=!1,$=l.__r,I=0,x){for(h.state=h.__s,h.__d=!1,$&&$(u),a=h.render(h.props,h.state,h.context),H=0;H<h._sb.length;H++)h.__h.push(h._sb[H]);h._sb=[]}else do{h.__d=!1,$&&$(u),a=h.render(h.props,h.state,h.context),h.state=h.__s}while(h.__d&&++I<25);h.state=h.__s,null!=h.getChildContext&&(i=d(d({},i),h.getChildContext())),x&&!v&&null!=h.getSnapshotBeforeUpdate&&(_=h.getSnapshotBeforeUpdate(p,w)),P(n,y(L=null!=a&&a.type===b&&null==a.key?a.props.children:a)?L:[L],u,t,i,o,r,f,e,c,s),h.base=u.__e,u.__u&=-161,h.__h.length&&f.push(h),g&&(h.__E=h.__=null)}catch(n){if(u.__v=null,c||null!=r){for(u.__u|=c?160:128;e&&8===e.nodeType&&e.nextSibling;)e=e.nextSibling;r[r.indexOf(e)]=null,u.__e=e}else u.__e=t.__e,u.__k=t.__k;l.__e(n,u,t)}else null==r&&u.__v===t.__v?(u.__k=t.__k,u.__e=t.__e):u.__e=z(t.__e,u,t,i,o,r,f,c,s);(a=l.diffed)&&a(u)}function j(n,u,t){u.__d=void 0;for(var i=0;i<t.length;i++)N(t[i],t[++i],t[++i]);l.__c&&l.__c(u,n),n.some(function(u){try{n=u.__h,u.__h=[],n.some(function(n){n.call(u)})}catch(n){l.__e(n,u.__v)}})}function z(u,t,i,o,r,f,e,c,s){var a,v,p,d,_,g,m,b=i.props,k=t.props,C=t.type;if("svg"===C?r="http://www.w3.org/2000/svg":"math"===C?r="http://www.w3.org/1998/Math/MathML":r||(r="http://www.w3.org/1999/xhtml"),null!=f)for(a=0;a<f.length;a++)if((_=f[a])&&"setAttribute"in _==!!C&&(C?_.localName===C:3===_.nodeType)){u=_,f[a]=null;break}if(null==u){if(null===C)return document.createTextNode(k);u=document.createElementNS(r,C,k.is&&k),c&&(l.__m&&l.__m(t,f),c=!1),f=null}if(null===C)b===k||c&&u.data===k||(u.data=k);else{if(f=f&&preact_module_n.call(u.childNodes),b=i.props||h,!c&&null!=f)for(b={},a=0;a<u.attributes.length;a++)b[(_=u.attributes[a]).name]=_.value;for(a in b)if(_=b[a],"children"==a);else if("dangerouslySetInnerHTML"==a)p=_;else if(!(a in k)){if("value"==a&&"defaultValue"in k||"checked"==a&&"defaultChecked"in k)continue;A(u,a,null,_,r)}for(a in k)_=k[a],"children"==a?d=_:"dangerouslySetInnerHTML"==a?v=_:"value"==a?g=_:"checked"==a?m=_:c&&"function"!=typeof _||b[a]===_||A(u,a,_,b[a],r);if(v)c||p&&(v.__html===p.__html||v.__html===u.innerHTML)||(u.innerHTML=v.__html),t.__k=[];else if(p&&(u.innerHTML=""),P(u,y(d)?d:[d],t,i,o,"foreignObject"===C?"http://www.w3.org/1999/xhtml":r,f,e,f?f[0]:i.__k&&x(i,0),c,s),null!=f)for(a=f.length;a--;)w(f[a]);c||(a="value","progress"===C&&null==g?u.removeAttribute("value"):void 0!==g&&(g!==u[a]||"progress"===C&&!g||"option"===C&&g!==b[a])&&A(u,a,g,b[a],r),a="checked",void 0!==m&&m!==u[a]&&A(u,a,m,b[a],r))}return u}function N(n,u,t){try{if("function"==typeof n){var i="function"==typeof n.__u;i&&n.__u(),i&&null==u||(n.__u=n(u))}else n.current=u}catch(n){l.__e(n,t)}}function V(n,u,t){var i,o;if(l.unmount&&l.unmount(n),(i=n.ref)&&(i.current&&i.current!==n.__e||N(i,null,u)),null!=(i=n.__c)){if(i.componentWillUnmount)try{i.componentWillUnmount()}catch(n){l.__e(n,u)}i.base=i.__P=null}if(i=n.__k)for(o=0;o<i.length;o++)i[o]&&V(i[o],u,t||"function"!=typeof n.type);t||w(n.__e),n.__c=n.__=n.__e=n.__d=void 0}function q(n,l,u){return this.constructor(n,u)}function B(u,t,i){var o,r,f,e;l.__&&l.__(u,t),r=(o="function"==typeof i)?null:i&&i.__k||t.__k,f=[],e=[],O(t,u=(!o&&i||t).__k=_(b,null,[u]),r||h,h,t.namespaceURI,!o&&i?[i]:r?null:t.firstChild?preact_module_n.call(t.childNodes):null,f,!o&&i?i:r?r.__e:t.firstChild,o,e),j(f,u,e)}function D(n,l){B(n,l,D)}function E(l,u,t){var i,o,r,f,e=d({},l.props);for(r in l.type&&l.type.defaultProps&&(f=l.type.defaultProps),u)"key"==r?i=u[r]:"ref"==r?o=u[r]:e[r]=void 0===u[r]&&void 0!==f?f[r]:u[r];return arguments.length>2&&(e.children=arguments.length>3?preact_module_n.call(arguments,2):t),g(l.type,e,i||l.key,o||l.ref,null)}function G(n,l){var u={__c:l="__cC"+a++,__:n,Consumer:function(n,l){return n.children(l)},Provider:function(n){var u,t;return this.getChildContext||(u=new Set,(t={})[l]=this,this.getChildContext=function(){return t},this.componentWillUnmount=function(){u=null},this.shouldComponentUpdate=function(n){this.props.value!==n.value&&u.forEach(function(n){n.__e=!0,S(n)})},this.sub=function(n){u.add(n);var l=n.componentWillUnmount;n.componentWillUnmount=function(){u&&u.delete(n),l&&l.call(n)}}),n.children}};return u.Provider.__=u.Consumer.contextType=u}preact_module_n=v.slice,l={__e:function(n,l,u,t){for(var i,o,r;l=l.__;)if((i=l.__c)&&!i.__)try{if((o=i.constructor)&&null!=o.getDerivedStateFromError&&(i.setState(o.getDerivedStateFromError(n)),r=i.__d),null!=i.componentDidCatch&&(i.componentDidCatch(n,t||{}),r=i.__d),r)return i.__E=i}catch(l){n=l}throw n}},preact_module_u=0,preact_module_t=function(n){return null!=n&&null==n.constructor},k.prototype.setState=function(n,l){var u;u=null!=this.__s&&this.__s!==this.state?this.__s:this.__s=d({},this.state),"function"==typeof n&&(n=n(d({},u),this.props)),n&&d(u,n),null!=n&&this.__v&&(l&&this._sb.push(l),S(this))},k.prototype.forceUpdate=function(n){this.__v&&(this.__e=!0,n&&this.__h.push(n),S(this))},k.prototype.render=b,preact_module_i=[],preact_module_r="function"==typeof Promise?Promise.prototype.then.bind(Promise.resolve()):setTimeout,preact_module_f=function(n,l){return n.__v.__b-l.__v.__b},M.__r=0,preact_module_e=0,preact_module_c=F(!1),s=F(!0),a=0;
|
|
323
324
|
//# sourceMappingURL=preact.module.js.map
|
|
324
325
|
|
|
325
326
|
// CONCATENATED MODULE: ./node_modules/preact/hooks/dist/hooks.module.js
|
|
@@ -327,7 +328,7 @@ var hooks_module_t,hooks_module_r,hooks_module_u,hooks_module_i,hooks_module_o=0
|
|
|
327
328
|
//# sourceMappingURL=hooks.module.js.map
|
|
328
329
|
|
|
329
330
|
// CONCATENATED MODULE: ./node_modules/preact/compat/dist/compat.module.js
|
|
330
|
-
function compat_module_g(n,t){for(var e in n)if("__source"!==e&&!(e in t))return!0;for(var r in t)if("__source"!==r&&n[r]!==t[r])return!0;return!1}function compat_module_E(n,t){this.props=n,this.context=t}function compat_module_C(n,e){function r(n){var t=this.props.ref,r=t==n.ref;return!r&&t&&(t.call?t(null):t.current=null),e?!e(this.props,n)||!r:compat_module_g(this.props,n)}function u(e){return this.shouldComponentUpdate=r,preact_module_(n,e)}return u.displayName="Memo("+(n.displayName||n.name)+")",u.prototype.isReactComponent=!0,u.__f=!0,u}(compat_module_E.prototype=new k).isPureReactComponent=!0,compat_module_E.prototype.shouldComponentUpdate=function(n,t){return compat_module_g(this.props,n)||compat_module_g(this.state,t)};var compat_module_x=l.__b;l.__b=function(n){n.type&&n.type.__f&&n.ref&&(n.props.ref=n.ref,n.ref=null),compat_module_x&&compat_module_x(n)};var R="undefined"!=typeof Symbol&&Symbol.for&&Symbol.for("react.forward_ref")||3911;function compat_module_w(n){function t(t){if(!("ref"in t))return n(t,null);var e=t.ref;delete t.ref;var r=n(t,e);return t.ref=e,r}return t.$$typeof=R,t.render=t,t.prototype.isReactComponent=t.__f=!0,t.displayName="ForwardRef("+(n.displayName||n.name)+")",t}var compat_module_k=function(n,t){return null==n?null:H(H(n).map(t))},compat_module_I={map:compat_module_k,forEach:compat_module_k,count:function(n){return n?H(n).length:0},only:function(n){var t=H(n);if(1!==t.length)throw"Children.only";return t[0]},toArray:H},compat_module_N=l.__e;l.__e=function(n,t,e,r){if(n.then)for(var u,o=t;o=o.__;)if((u=o.__c)&&u.__c)return null==t.__e&&(t.__e=e.__e,t.__k=e.__k),u.__c(n,t);compat_module_N(n,t,e,r)};var compat_module_M=l.unmount;function compat_module_T(n,t,e){return n&&(n.__c&&n.__c.__H&&(n.__c.__H.__.forEach(function(n){"function"==typeof n.__c&&n.__c()}),n.__c.__H=null),null!=(n=function(n,t){for(var e in t)n[e]=t[e];return n}({},n)).__c&&(n.__c.__P===e&&(n.__c.__P=t),n.__c=null),n.__k=n.__k&&n.__k.map(function(n){return compat_module_T(n,t,e)})),n}function compat_module_A(n,t,e){return n&&e&&(n.__v=null,n.__k=n.__k&&n.__k.map(function(n){return compat_module_A(n,t,e)}),n.__c&&n.__c.__P===t&&(n.__e&&e.appendChild(n.__e),n.__c.__e=!0,n.__c.__P=e)),n}function compat_module_D(){this.__u=0,this.t=null,this.__b=null}function compat_module_L(n){var t=n.__.__c;return t&&t.__a&&t.__a(n)}function compat_module_O(n){var e,r,u;function o(o){if(e||(e=n()).then(function(n){r=n.default||n},function(n){u=n}),u)throw u;if(!r)throw e;return preact_module_(r,o)}return o.displayName="Lazy",o.__f=!0,o}function compat_module_F(){this.u=null,this.o=null}l.unmount=function(n){var t=n.__c;t&&t.__R&&t.__R(),t&&32&n.__u&&(n.type=null),compat_module_M&&compat_module_M(n)},(compat_module_D.prototype=new k).__c=function(n,t){var e=t.__c,r=this;null==r.t&&(r.t=[]),r.t.push(e);var u=compat_module_L(r.__v),o=!1,i=function(){o||(o=!0,e.__R=null,u?u(c):c())};e.__R=i;var c=function(){if(!--r.__u){if(r.state.__a){var n=r.state.__a;r.__v.__k[0]=compat_module_A(n,n.__c.__P,n.__c.__O)}var t;for(r.setState({__a:r.__b=null});t=r.t.pop();)t.forceUpdate()}};r.__u++||32&t.__u||r.setState({__a:r.__b=r.__v.__k[0]}),n.then(i,i)},compat_module_D.prototype.componentWillUnmount=function(){this.t=[]},compat_module_D.prototype.render=function(n,e){if(this.__b){if(this.__v.__k){var r=document.createElement("div"),o=this.__v.__k[0].__c;this.__v.__k[0]=compat_module_T(this.__b,r,o.__O=o.__P)}this.__b=null}var i=e.__a&&preact_module_(b,null,n.fallback);return i&&(i.__u&=-33),[preact_module_(b,null,e.__a?null:n.children),i]};var U=function(n,t,e){if(++e[1]===e[0]&&n.o.delete(t),n.props.revealOrder&&("t"!==n.props.revealOrder[0]||!n.o.size))for(e=n.u;e;){for(;e.length>3;)e.pop()();if(e[1]<e[0])break;n.u=e=e[2]}};function compat_module_V(n){return this.getChildContext=function(){return n.context},n.children}function W(n){var e=this,r=n.i;e.componentWillUnmount=function(){B(null,e.l),e.l=null,e.i=null},e.i&&e.i!==r&&e.componentWillUnmount(),e.l||(e.i=r,e.l={nodeType:1,parentNode:r,childNodes:[],contains:function(){return!0},appendChild:function(n){this.childNodes.push(n),e.i.appendChild(n)},insertBefore:function(n,t){this.childNodes.push(n),e.i.appendChild(n)},removeChild:function(n){this.childNodes.splice(this.childNodes.indexOf(n)>>>1,1),e.i.removeChild(n)}}),B(preact_module_(compat_module_V,{context:e.context},n.__v),e.l)}function compat_module_P(n,e){var r=preact_module_(W,{__v:n,i:e});return r.containerInfo=e,r}(compat_module_F.prototype=new k).__a=function(n){var t=this,e=compat_module_L(t.__v),r=t.o.get(n);return r[0]++,function(u){var o=function(){t.props.revealOrder?(r.push(u),U(t,n,r)):u()};e?e(o):o()}},compat_module_F.prototype.render=function(n){this.u=null,this.o=new Map;var t=H(n.children);n.revealOrder&&"b"===n.revealOrder[0]&&t.reverse();for(var e=t.length;e--;)this.o.set(t[e],this.u=[1,0,this.u]);return n.children},compat_module_F.prototype.componentDidUpdate=compat_module_F.prototype.componentDidMount=function(){var n=this;this.o.forEach(function(t,e){U(n,e,t)})};var compat_module_j="undefined"!=typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103,compat_module_z=/^(?:accent|alignment|arabic|baseline|cap|clip(?!PathU)|color|dominant|fill|flood|font|glyph(?!R)|horiz|image(!S)|letter|lighting|marker(?!H|W|U)|overline|paint|pointer|shape|stop|strikethrough|stroke|text(?!L)|transform|underline|unicode|units|v|vector|vert|word|writing|x(?!C))[A-Z]/,compat_module_B=/^on(Ani|Tra|Tou|BeforeInp|Compo)/,compat_module_H=/[A-Z0-9]/g,Z="undefined"!=typeof document,Y=function(n){return("undefined"!=typeof Symbol&&"symbol"==typeof Symbol()?/fil|che|rad/:/fil|che|ra/).test(n)};function compat_module_$(n,t,e){return null==t.__k&&(t.textContent=""),B(n,t),"function"==typeof e&&e(),n?n.__c:null}function compat_module_q(n,t,e){return D(n,t),"function"==typeof e&&e(),n?n.__c:null}k.prototype.isReactComponent={},["componentWillMount","componentWillReceiveProps","componentWillUpdate"].forEach(function(t){Object.defineProperty(k.prototype,t,{configurable:!0,get:function(){return this["UNSAFE_"+t]},set:function(n){Object.defineProperty(this,t,{configurable:!0,writable:!0,value:n})}})});var compat_module_G=l.event;function J(){}function K(){return this.cancelBubble}function Q(){return this.defaultPrevented}l.event=function(n){return compat_module_G&&(n=compat_module_G(n)),n.persist=J,n.isPropagationStopped=K,n.isDefaultPrevented=Q,n.nativeEvent=n};var X,nn={enumerable:!1,configurable:!0,get:function(){return this.class}},tn=l.vnode;l.vnode=function(n){"string"==typeof n.type&&function(n){var t=n.props,e=n.type,u={},o=-1===e.indexOf("-");for(var i in t){var c=t[i];if(!("value"===i&&"defaultValue"in t&&null==c||Z&&"children"===i&&"noscript"===e||"class"===i||"className"===i)){var f=i.toLowerCase();"defaultValue"===i&&"value"in t&&null==t.value?i="value":"download"===i&&!0===c?c="":"translate"===f&&"no"===c?c=!1:"o"===f[0]&&"n"===f[1]?"ondoubleclick"===f?i="ondblclick":"onchange"!==f||"input"!==e&&"textarea"!==e||Y(t.type)?"onfocus"===f?i="onfocusin":"onblur"===f?i="onfocusout":compat_module_B.test(i)&&(i=f):f=i="oninput":o&&compat_module_z.test(i)?i=i.replace(compat_module_H,"-$&").toLowerCase():null===c&&(c=void 0),"oninput"===f&&u[i=f]&&(i="oninputCapture"),u[i]=c}}"select"==e&&u.multiple&&Array.isArray(u.value)&&(u.value=H(t.children).forEach(function(n){n.props.selected=-1!=u.value.indexOf(n.props.value)})),"select"==e&&null!=u.defaultValue&&(u.value=H(t.children).forEach(function(n){n.props.selected=u.multiple?-1!=u.defaultValue.indexOf(n.props.value):u.defaultValue==n.props.value})),t.class&&!t.className?(u.class=t.class,Object.defineProperty(u,"className",nn)):(t.className&&!t.class||t.class&&t.className)&&(u.class=u.className=t.className),n.props=u}(n),n.$$typeof=compat_module_j,tn&&tn(n)};var en=l.__r;l.__r=function(n){en&&en(n),X=n.__c};var rn=l.diffed;l.diffed=function(n){rn&&rn(n);var t=n.props,e=n.__e;null!=e&&"textarea"===n.type&&"value"in t&&t.value!==e.value&&(e.value=null==t.value?"":t.value),X=null};var un={ReactCurrentDispatcher:{current:{readContext:function(n){return X.__n[n.__c].props.value},useCallback:hooks_module_q,useContext:hooks_module_x,useDebugValue:hooks_module_P,useDeferredValue:_n,useEffect:hooks_module_y,useId:hooks_module_g,useImperativeHandle:hooks_module_F,useInsertionEffect:Sn,useLayoutEffect:hooks_module_,useMemo:hooks_module_T,useReducer:hooks_module_p,useRef:hooks_module_A,useState:hooks_module_h,useSyncExternalStore:En,useTransition:bn}}},on="18.3.1";function cn(n){return preact_module_.bind(null,n)}function fn(n){return!!n&&n.$$typeof===compat_module_j}function ln(n){return fn(n)&&n.type===b}function an(n){return!!n&&!!n.displayName&&("string"==typeof n.displayName||n.displayName instanceof String)&&n.displayName.startsWith("Memo(")}function sn(n){return fn(n)?E.apply(null,arguments):n}function hn(n){return!!n.__k&&(B(null,n),!0)}function vn(n){return n&&(n.base||1===n.nodeType&&n)||null}var dn=function(n,t){return n(t)},pn=function(n,t){return n(t)},mn=b;function yn(n){n()}function _n(n){return n}function bn(){return[!1,yn]}var Sn=hooks_module_,gn=fn;function En(n,t){var e=t(),r=hooks_module_h({h:{__:e,v:t}}),u=r[0].h,o=r[1];return hooks_module_(function(){u.__=e,u.v=t,Cn(u)&&o({h:u})},[n,e,t]),hooks_module_y(function(){return Cn(u)&&o({h:u}),n(function(){Cn(u)&&o({h:u})})},[n]),e}function Cn(n){var t,e,r=n.v,u=n.__;try{var o=r();return!((t=u)===(e=o)&&(0!==t||1/t==1/e)||t!=t&&e!=e)}catch(n){return!0}}var xn={useState:hooks_module_h,useId:hooks_module_g,useReducer:hooks_module_p,useEffect:hooks_module_y,useLayoutEffect:hooks_module_,useInsertionEffect:Sn,useTransition:bn,useDeferredValue:_n,useSyncExternalStore:En,startTransition:yn,useRef:hooks_module_A,useImperativeHandle:hooks_module_F,useMemo:hooks_module_T,useCallback:hooks_module_q,useContext:hooks_module_x,useDebugValue:hooks_module_P,version:"18.3.1",Children:compat_module_I,render:compat_module_$,hydrate:compat_module_q,unmountComponentAtNode:hn,createPortal:compat_module_P,createElement:preact_module_,createContext:G,createFactory:cn,cloneElement:sn,createRef:m,Fragment:b,isValidElement:fn,isElement:gn,isFragment:ln,isMemo:an,findDOMNode:vn,Component:k,PureComponent:compat_module_E,memo:compat_module_C,forwardRef:compat_module_w,flushSync:pn,unstable_batchedUpdates:dn,StrictMode:mn,Suspense:compat_module_D,SuspenseList:compat_module_F,lazy:compat_module_O,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:un};
|
|
331
|
+
function compat_module_g(n,t){for(var e in n)if("__source"!==e&&!(e in t))return!0;for(var r in t)if("__source"!==r&&n[r]!==t[r])return!0;return!1}function compat_module_E(n,t){this.props=n,this.context=t}function compat_module_C(n,e){function r(n){var t=this.props.ref,r=t==n.ref;return!r&&t&&(t.call?t(null):t.current=null),e?!e(this.props,n)||!r:compat_module_g(this.props,n)}function u(e){return this.shouldComponentUpdate=r,_(n,e)}return u.displayName="Memo("+(n.displayName||n.name)+")",u.prototype.isReactComponent=!0,u.__f=!0,u}(compat_module_E.prototype=new k).isPureReactComponent=!0,compat_module_E.prototype.shouldComponentUpdate=function(n,t){return compat_module_g(this.props,n)||compat_module_g(this.state,t)};var compat_module_x=l.__b;l.__b=function(n){n.type&&n.type.__f&&n.ref&&(n.props.ref=n.ref,n.ref=null),compat_module_x&&compat_module_x(n)};var R="undefined"!=typeof Symbol&&Symbol.for&&Symbol.for("react.forward_ref")||3911;function compat_module_w(n){function t(t){if(!("ref"in t))return n(t,null);var e=t.ref;delete t.ref;var r=n(t,e);return t.ref=e,r}return t.$$typeof=R,t.render=t,t.prototype.isReactComponent=t.__f=!0,t.displayName="ForwardRef("+(n.displayName||n.name)+")",t}var compat_module_k=function(n,t){return null==n?null:H(H(n).map(t))},compat_module_I={map:compat_module_k,forEach:compat_module_k,count:function(n){return n?H(n).length:0},only:function(n){var t=H(n);if(1!==t.length)throw"Children.only";return t[0]},toArray:H},compat_module_N=l.__e;l.__e=function(n,t,e,r){if(n.then)for(var u,o=t;o=o.__;)if((u=o.__c)&&u.__c)return null==t.__e&&(t.__e=e.__e,t.__k=e.__k),u.__c(n,t);compat_module_N(n,t,e,r)};var compat_module_M=l.unmount;function compat_module_T(n,t,e){return n&&(n.__c&&n.__c.__H&&(n.__c.__H.__.forEach(function(n){"function"==typeof n.__c&&n.__c()}),n.__c.__H=null),null!=(n=function(n,t){for(var e in t)n[e]=t[e];return n}({},n)).__c&&(n.__c.__P===e&&(n.__c.__P=t),n.__c=null),n.__k=n.__k&&n.__k.map(function(n){return compat_module_T(n,t,e)})),n}function compat_module_A(n,t,e){return n&&e&&(n.__v=null,n.__k=n.__k&&n.__k.map(function(n){return compat_module_A(n,t,e)}),n.__c&&n.__c.__P===t&&(n.__e&&e.appendChild(n.__e),n.__c.__e=!0,n.__c.__P=e)),n}function compat_module_D(){this.__u=0,this.t=null,this.__b=null}function compat_module_L(n){var t=n.__.__c;return t&&t.__a&&t.__a(n)}function compat_module_O(n){var e,r,u;function o(o){if(e||(e=n()).then(function(n){r=n.default||n},function(n){u=n}),u)throw u;if(!r)throw e;return _(r,o)}return o.displayName="Lazy",o.__f=!0,o}function compat_module_F(){this.u=null,this.o=null}l.unmount=function(n){var t=n.__c;t&&t.__R&&t.__R(),t&&32&n.__u&&(n.type=null),compat_module_M&&compat_module_M(n)},(compat_module_D.prototype=new k).__c=function(n,t){var e=t.__c,r=this;null==r.t&&(r.t=[]),r.t.push(e);var u=compat_module_L(r.__v),o=!1,i=function(){o||(o=!0,e.__R=null,u?u(c):c())};e.__R=i;var c=function(){if(!--r.__u){if(r.state.__a){var n=r.state.__a;r.__v.__k[0]=compat_module_A(n,n.__c.__P,n.__c.__O)}var t;for(r.setState({__a:r.__b=null});t=r.t.pop();)t.forceUpdate()}};r.__u++||32&t.__u||r.setState({__a:r.__b=r.__v.__k[0]}),n.then(i,i)},compat_module_D.prototype.componentWillUnmount=function(){this.t=[]},compat_module_D.prototype.render=function(n,e){if(this.__b){if(this.__v.__k){var r=document.createElement("div"),o=this.__v.__k[0].__c;this.__v.__k[0]=compat_module_T(this.__b,r,o.__O=o.__P)}this.__b=null}var i=e.__a&&_(b,null,n.fallback);return i&&(i.__u&=-33),[_(b,null,e.__a?null:n.children),i]};var U=function(n,t,e){if(++e[1]===e[0]&&n.o.delete(t),n.props.revealOrder&&("t"!==n.props.revealOrder[0]||!n.o.size))for(e=n.u;e;){for(;e.length>3;)e.pop()();if(e[1]<e[0])break;n.u=e=e[2]}};function compat_module_V(n){return this.getChildContext=function(){return n.context},n.children}function W(n){var e=this,r=n.i;e.componentWillUnmount=function(){B(null,e.l),e.l=null,e.i=null},e.i&&e.i!==r&&e.componentWillUnmount(),e.l||(e.i=r,e.l={nodeType:1,parentNode:r,childNodes:[],contains:function(){return!0},appendChild:function(n){this.childNodes.push(n),e.i.appendChild(n)},insertBefore:function(n,t){this.childNodes.push(n),e.i.appendChild(n)},removeChild:function(n){this.childNodes.splice(this.childNodes.indexOf(n)>>>1,1),e.i.removeChild(n)}}),B(_(compat_module_V,{context:e.context},n.__v),e.l)}function compat_module_P(n,e){var r=_(W,{__v:n,i:e});return r.containerInfo=e,r}(compat_module_F.prototype=new k).__a=function(n){var t=this,e=compat_module_L(t.__v),r=t.o.get(n);return r[0]++,function(u){var o=function(){t.props.revealOrder?(r.push(u),U(t,n,r)):u()};e?e(o):o()}},compat_module_F.prototype.render=function(n){this.u=null,this.o=new Map;var t=H(n.children);n.revealOrder&&"b"===n.revealOrder[0]&&t.reverse();for(var e=t.length;e--;)this.o.set(t[e],this.u=[1,0,this.u]);return n.children},compat_module_F.prototype.componentDidUpdate=compat_module_F.prototype.componentDidMount=function(){var n=this;this.o.forEach(function(t,e){U(n,e,t)})};var compat_module_j="undefined"!=typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103,compat_module_z=/^(?:accent|alignment|arabic|baseline|cap|clip(?!PathU)|color|dominant|fill|flood|font|glyph(?!R)|horiz|image(!S)|letter|lighting|marker(?!H|W|U)|overline|paint|pointer|shape|stop|strikethrough|stroke|text(?!L)|transform|underline|unicode|units|v|vector|vert|word|writing|x(?!C))[A-Z]/,compat_module_B=/^on(Ani|Tra|Tou|BeforeInp|Compo)/,compat_module_H=/[A-Z0-9]/g,Z="undefined"!=typeof document,Y=function(n){return("undefined"!=typeof Symbol&&"symbol"==typeof Symbol()?/fil|che|rad/:/fil|che|ra/).test(n)};function compat_module_$(n,t,e){return null==t.__k&&(t.textContent=""),B(n,t),"function"==typeof e&&e(),n?n.__c:null}function compat_module_q(n,t,e){return D(n,t),"function"==typeof e&&e(),n?n.__c:null}k.prototype.isReactComponent={},["componentWillMount","componentWillReceiveProps","componentWillUpdate"].forEach(function(t){Object.defineProperty(k.prototype,t,{configurable:!0,get:function(){return this["UNSAFE_"+t]},set:function(n){Object.defineProperty(this,t,{configurable:!0,writable:!0,value:n})}})});var compat_module_G=l.event;function J(){}function K(){return this.cancelBubble}function Q(){return this.defaultPrevented}l.event=function(n){return compat_module_G&&(n=compat_module_G(n)),n.persist=J,n.isPropagationStopped=K,n.isDefaultPrevented=Q,n.nativeEvent=n};var X,nn={enumerable:!1,configurable:!0,get:function(){return this.class}},tn=l.vnode;l.vnode=function(n){"string"==typeof n.type&&function(n){var t=n.props,e=n.type,u={},o=-1===e.indexOf("-");for(var i in t){var c=t[i];if(!("value"===i&&"defaultValue"in t&&null==c||Z&&"children"===i&&"noscript"===e||"class"===i||"className"===i)){var f=i.toLowerCase();"defaultValue"===i&&"value"in t&&null==t.value?i="value":"download"===i&&!0===c?c="":"translate"===f&&"no"===c?c=!1:"o"===f[0]&&"n"===f[1]?"ondoubleclick"===f?i="ondblclick":"onchange"!==f||"input"!==e&&"textarea"!==e||Y(t.type)?"onfocus"===f?i="onfocusin":"onblur"===f?i="onfocusout":compat_module_B.test(i)&&(i=f):f=i="oninput":o&&compat_module_z.test(i)?i=i.replace(compat_module_H,"-$&").toLowerCase():null===c&&(c=void 0),"oninput"===f&&u[i=f]&&(i="oninputCapture"),u[i]=c}}"select"==e&&u.multiple&&Array.isArray(u.value)&&(u.value=H(t.children).forEach(function(n){n.props.selected=-1!=u.value.indexOf(n.props.value)})),"select"==e&&null!=u.defaultValue&&(u.value=H(t.children).forEach(function(n){n.props.selected=u.multiple?-1!=u.defaultValue.indexOf(n.props.value):u.defaultValue==n.props.value})),t.class&&!t.className?(u.class=t.class,Object.defineProperty(u,"className",nn)):(t.className&&!t.class||t.class&&t.className)&&(u.class=u.className=t.className),n.props=u}(n),n.$$typeof=compat_module_j,tn&&tn(n)};var en=l.__r;l.__r=function(n){en&&en(n),X=n.__c};var rn=l.diffed;l.diffed=function(n){rn&&rn(n);var t=n.props,e=n.__e;null!=e&&"textarea"===n.type&&"value"in t&&t.value!==e.value&&(e.value=null==t.value?"":t.value),X=null};var un={ReactCurrentDispatcher:{current:{readContext:function(n){return X.__n[n.__c].props.value},useCallback:hooks_module_q,useContext:hooks_module_x,useDebugValue:hooks_module_P,useDeferredValue:_n,useEffect:hooks_module_y,useId:hooks_module_g,useImperativeHandle:hooks_module_F,useInsertionEffect:Sn,useLayoutEffect:hooks_module_,useMemo:hooks_module_T,useReducer:hooks_module_p,useRef:hooks_module_A,useState:hooks_module_h,useSyncExternalStore:En,useTransition:bn}}},on="18.3.1";function cn(n){return _.bind(null,n)}function fn(n){return!!n&&n.$$typeof===compat_module_j}function ln(n){return fn(n)&&n.type===b}function an(n){return!!n&&!!n.displayName&&("string"==typeof n.displayName||n.displayName instanceof String)&&n.displayName.startsWith("Memo(")}function sn(n){return fn(n)?E.apply(null,arguments):n}function hn(n){return!!n.__k&&(B(null,n),!0)}function vn(n){return n&&(n.base||1===n.nodeType&&n)||null}var dn=function(n,t){return n(t)},pn=function(n,t){return n(t)},mn=b;function yn(n){n()}function _n(n){return n}function bn(){return[!1,yn]}var Sn=hooks_module_,gn=fn;function En(n,t){var e=t(),r=hooks_module_h({h:{__:e,v:t}}),u=r[0].h,o=r[1];return hooks_module_(function(){u.__=e,u.v=t,Cn(u)&&o({h:u})},[n,e,t]),hooks_module_y(function(){return Cn(u)&&o({h:u}),n(function(){Cn(u)&&o({h:u})})},[n]),e}function Cn(n){var t,e,r=n.v,u=n.__;try{var o=r();return!((t=u)===(e=o)&&(0!==t||1/t==1/e)||t!=t&&e!=e)}catch(n){return!0}}var xn={useState:hooks_module_h,useId:hooks_module_g,useReducer:hooks_module_p,useEffect:hooks_module_y,useLayoutEffect:hooks_module_,useInsertionEffect:Sn,useTransition:bn,useDeferredValue:_n,useSyncExternalStore:En,startTransition:yn,useRef:hooks_module_A,useImperativeHandle:hooks_module_F,useMemo:hooks_module_T,useCallback:hooks_module_q,useContext:hooks_module_x,useDebugValue:hooks_module_P,version:"18.3.1",Children:compat_module_I,render:compat_module_$,hydrate:compat_module_q,unmountComponentAtNode:hn,createPortal:compat_module_P,createElement:_,createContext:G,createFactory:cn,cloneElement:sn,createRef:m,Fragment:b,isValidElement:fn,isElement:gn,isFragment:ln,isMemo:an,findDOMNode:vn,Component:k,PureComponent:compat_module_E,memo:compat_module_C,forwardRef:compat_module_w,flushSync:pn,unstable_batchedUpdates:dn,StrictMode:mn,Suspense:compat_module_D,SuspenseList:compat_module_F,lazy:compat_module_O,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:un};
|
|
331
332
|
//# sourceMappingURL=compat.module.js.map
|
|
332
333
|
|
|
333
334
|
// EXTERNAL MODULE: external {"root":"Survey","commonjs2":"survey-core","commonjs":"survey-core","amd":"survey-core"}
|
|
@@ -459,7 +460,7 @@ var reactquestion_element_SurveyElementBase = /** @class */ (function (_super) {
|
|
|
459
460
|
};
|
|
460
461
|
SurveyElementBase.renderQuestionDescription = function (question) {
|
|
461
462
|
var descriptionText = SurveyElementBase.renderLocString(question.locDescription);
|
|
462
|
-
return
|
|
463
|
+
return _("div", { style: question.hasDescription ? undefined : { display: "none" }, id: question.ariaDescriptionId, className: question.cssDescription }, descriptionText);
|
|
463
464
|
};
|
|
464
465
|
SurveyElementBase.prototype.componentDidMount = function () {
|
|
465
466
|
this.makeBaseElementsReact();
|
|
@@ -901,7 +902,7 @@ var element_SurveyRowElement = /** @class */ (function (_super) {
|
|
|
901
902
|
el.focusIn();
|
|
902
903
|
}
|
|
903
904
|
};
|
|
904
|
-
return (
|
|
905
|
+
return (_("div", { className: css.questionWrapper, style: element.rootStyle, "data-key": innerElement.key, key: innerElement.key, onFocus: focusIn, ref: this.rootRef }, this.row.isNeedRender ? innerElement : ReactElementFactory.Instance.createElement(element.skeletonComponentName, { element: element, css: this.css, })));
|
|
905
906
|
};
|
|
906
907
|
SurveyRowElement.prototype.createElement = function (element, elementIndex) {
|
|
907
908
|
var index = elementIndex ? "-" + elementIndex : 0;
|
|
@@ -992,9 +993,9 @@ var row_SurveyRow = /** @class */ (function (_super) {
|
|
|
992
993
|
var elements = this.row.visibleElements.map(function (element, elementIndex) {
|
|
993
994
|
var index = elementIndex ? "-" + elementIndex : 0;
|
|
994
995
|
var key = element.name + index;
|
|
995
|
-
return (
|
|
996
|
+
return (_(element_SurveyRowElement, { element: element, index: elementIndex, row: _this.row, survey: _this.survey, creator: _this.creator, css: _this.css, key: key }));
|
|
996
997
|
});
|
|
997
|
-
return (
|
|
998
|
+
return (_("div", { ref: this.rootRef, className: this.row.getRowCss() }, elements));
|
|
998
999
|
};
|
|
999
1000
|
SurveyRow.prototype.renderElement = function () {
|
|
1000
1001
|
var survey = this.survey;
|
|
@@ -1166,7 +1167,7 @@ var panel_base_SurveyPanelBase = /** @class */ (function (_super) {
|
|
|
1166
1167
|
return this.panelBase.visibleRows.map(function (row) { return _this.createRow(row, css); });
|
|
1167
1168
|
};
|
|
1168
1169
|
SurveyPanelBase.prototype.createRow = function (row, css) {
|
|
1169
|
-
return (
|
|
1170
|
+
return (_(row_SurveyRow, { key: row.id, row: row, survey: this.survey, creator: this.creator, css: css }));
|
|
1170
1171
|
};
|
|
1171
1172
|
return SurveyPanelBase;
|
|
1172
1173
|
}(reactquestion_element_SurveyElementBase));
|
|
@@ -1379,7 +1380,6 @@ var popup_extends = (undefined && undefined.__extends) || (function () {
|
|
|
1379
1380
|
|
|
1380
1381
|
|
|
1381
1382
|
|
|
1382
|
-
|
|
1383
1383
|
var popup_Popup = /** @class */ (function (_super) {
|
|
1384
1384
|
popup_extends(Popup, _super);
|
|
1385
1385
|
function Popup(props) {
|
|
@@ -1546,41 +1546,6 @@ var popup_PopupDropdownContainer = /** @class */ (function (_super) {
|
|
|
1546
1546
|
return PopupDropdownContainer;
|
|
1547
1547
|
}(popup_PopupContainer));
|
|
1548
1548
|
|
|
1549
|
-
// replace to showDialog then delete
|
|
1550
|
-
function showModal(componentName, data, onApply, onCancel, cssClass, title, displayMode) {
|
|
1551
|
-
if (displayMode === void 0) { displayMode = "popup"; }
|
|
1552
|
-
var options = Object(external_root_Survey_commonjs2_survey_core_commonjs_survey_core_amd_survey_core_["createDialogOptions"])(componentName, data, onApply, onCancel, undefined, undefined, cssClass, title, displayMode);
|
|
1553
|
-
return showDialog(options);
|
|
1554
|
-
}
|
|
1555
|
-
function showDialog(dialogOptions, rootElement) {
|
|
1556
|
-
var popupViewModel = Object(external_root_Survey_commonjs2_survey_core_commonjs_survey_core_amd_survey_core_["createPopupModalViewModel"])(dialogOptions, rootElement);
|
|
1557
|
-
var onVisibilityChangedCallback = function (_, options) {
|
|
1558
|
-
if (!options.isVisible) {
|
|
1559
|
-
if (typeof xn.createRoot == "function") {
|
|
1560
|
-
if (!!root) {
|
|
1561
|
-
root.unmount();
|
|
1562
|
-
}
|
|
1563
|
-
}
|
|
1564
|
-
else {
|
|
1565
|
-
xn.unmountComponentAtNode(popupViewModel.container);
|
|
1566
|
-
}
|
|
1567
|
-
popupViewModel.dispose();
|
|
1568
|
-
}
|
|
1569
|
-
};
|
|
1570
|
-
popupViewModel.onVisibilityChanged.add(onVisibilityChangedCallback);
|
|
1571
|
-
var root;
|
|
1572
|
-
if (typeof xn.createRoot == "function") {
|
|
1573
|
-
root = xn.createRoot(popupViewModel.container);
|
|
1574
|
-
root.render(xn.createElement(popup_PopupContainer, { model: popupViewModel }));
|
|
1575
|
-
}
|
|
1576
|
-
else {
|
|
1577
|
-
xn.render(xn.createElement(popup_PopupContainer, { model: popupViewModel }), popupViewModel.container);
|
|
1578
|
-
}
|
|
1579
|
-
popupViewModel.model.isVisible = true;
|
|
1580
|
-
return popupViewModel;
|
|
1581
|
-
}
|
|
1582
|
-
external_root_Survey_commonjs2_survey_core_commonjs_survey_core_amd_survey_core_["settings"].showModal = showModal;
|
|
1583
|
-
external_root_Survey_commonjs2_survey_core_commonjs_survey_core_amd_survey_core_["settings"].showDialog = showDialog;
|
|
1584
1549
|
|
|
1585
1550
|
// CONCATENATED MODULE: ./packages/survey-react-ui/src/components/action-bar/action-bar-item-dropdown.tsx
|
|
1586
1551
|
var action_bar_item_dropdown_extends = (undefined && undefined.__extends) || (function () {
|
|
@@ -2043,18 +2008,18 @@ var reactquestion_comment_SurveyQuestionComment = /** @class */ (function (_supe
|
|
|
2043
2008
|
SurveyQuestionComment.prototype.renderCharacterCounter = function () {
|
|
2044
2009
|
var counter = null;
|
|
2045
2010
|
if (!!this.question.getMaxLength()) {
|
|
2046
|
-
counter =
|
|
2011
|
+
counter = _(character_counter_CharacterCounterComponent, { counter: this.question.characterCounter, remainingCharacterCounter: this.question.cssClasses.remainingCharacterCounter });
|
|
2047
2012
|
}
|
|
2048
2013
|
return counter;
|
|
2049
2014
|
};
|
|
2050
2015
|
SurveyQuestionComment.prototype.renderElement = function () {
|
|
2051
2016
|
if (this.question.isReadOnlyRenderDiv()) {
|
|
2052
|
-
return
|
|
2017
|
+
return _("div", null, this.question.value);
|
|
2053
2018
|
}
|
|
2054
2019
|
var counter = this.renderCharacterCounter();
|
|
2055
2020
|
var textAreaModel = this.props.question.textAreaModel;
|
|
2056
|
-
return (
|
|
2057
|
-
|
|
2021
|
+
return (_(b, null,
|
|
2022
|
+
_(text_area_TextAreaComponent, { viewModel: textAreaModel }),
|
|
2058
2023
|
counter));
|
|
2059
2024
|
};
|
|
2060
2025
|
return SurveyQuestionComment;
|
|
@@ -2077,9 +2042,9 @@ var reactquestion_comment_SurveyQuestionCommentItem = /** @class */ (function (_
|
|
|
2077
2042
|
var question = this.props.question;
|
|
2078
2043
|
if (question.isReadOnlyRenderDiv()) {
|
|
2079
2044
|
var comment = this.textAreaModel.getTextValue() || "";
|
|
2080
|
-
return
|
|
2045
|
+
return _("div", null, comment);
|
|
2081
2046
|
}
|
|
2082
|
-
return (
|
|
2047
|
+
return (_(text_area_TextAreaComponent, { viewModel: this.textAreaModel }));
|
|
2083
2048
|
};
|
|
2084
2049
|
return SurveyQuestionCommentItem;
|
|
2085
2050
|
}(ReactSurveyElement));
|
|
@@ -2096,7 +2061,7 @@ var SurveyQuestionOtherValueItem = /** @class */ (function (_super) {
|
|
|
2096
2061
|
}(reactquestion_comment_SurveyQuestionCommentItem));
|
|
2097
2062
|
|
|
2098
2063
|
ReactQuestionFactory.Instance.registerQuestion("comment", function (props) {
|
|
2099
|
-
return
|
|
2064
|
+
return _(reactquestion_comment_SurveyQuestionComment, props);
|
|
2100
2065
|
});
|
|
2101
2066
|
|
|
2102
2067
|
// CONCATENATED MODULE: ./packages/survey-react-ui/src/custom-widget.tsx
|
|
@@ -2162,7 +2127,7 @@ var custom_widget_SurveyCustomWidget = /** @class */ (function (_super) {
|
|
|
2162
2127
|
SurveyCustomWidget.prototype.renderElement = function () {
|
|
2163
2128
|
var customWidget = this.questionBase.customWidget;
|
|
2164
2129
|
if (customWidget.isDefaultRender) {
|
|
2165
|
-
return (
|
|
2130
|
+
return (_("div", { ref: this.widgetRef }, this.creator.createQuestionElement(this.questionBase)));
|
|
2166
2131
|
}
|
|
2167
2132
|
var widget = null;
|
|
2168
2133
|
if (customWidget.widgetJson.render) {
|
|
@@ -2171,10 +2136,10 @@ var custom_widget_SurveyCustomWidget = /** @class */ (function (_super) {
|
|
|
2171
2136
|
else {
|
|
2172
2137
|
if (customWidget.htmlTemplate) {
|
|
2173
2138
|
var htmlValue = { __html: customWidget.htmlTemplate };
|
|
2174
|
-
return
|
|
2139
|
+
return _("div", { ref: this.widgetRef, dangerouslySetInnerHTML: htmlValue });
|
|
2175
2140
|
}
|
|
2176
2141
|
}
|
|
2177
|
-
return
|
|
2142
|
+
return _("div", { ref: this.widgetRef }, widget);
|
|
2178
2143
|
};
|
|
2179
2144
|
return SurveyCustomWidget;
|
|
2180
2145
|
}(reactquestion_element_SurveyQuestionElementBase));
|
|
@@ -2270,7 +2235,7 @@ var reactquestion_SurveyQuestion = /** @class */ (function (_super) {
|
|
|
2270
2235
|
if (!customWidget) {
|
|
2271
2236
|
return creator.createQuestionElement(question);
|
|
2272
2237
|
}
|
|
2273
|
-
return
|
|
2238
|
+
return _(custom_widget_SurveyCustomWidget, { creator: creator, question: question });
|
|
2274
2239
|
};
|
|
2275
2240
|
SurveyQuestion.prototype.getStateElement = function () {
|
|
2276
2241
|
return this.question;
|
|
@@ -2350,7 +2315,7 @@ var reactquestion_SurveyQuestion = /** @class */ (function (_super) {
|
|
|
2350
2315
|
var descriptionUnderInput = question.hasDescriptionUnderInput
|
|
2351
2316
|
? this.renderDescription()
|
|
2352
2317
|
: null;
|
|
2353
|
-
return (
|
|
2318
|
+
return (_("div", { className: question.cssContent || undefined, style: contentStyle, role: "presentation" },
|
|
2354
2319
|
errorsTop,
|
|
2355
2320
|
questionRender,
|
|
2356
2321
|
comment,
|
|
@@ -2371,8 +2336,8 @@ var reactquestion_SurveyQuestion = /** @class */ (function (_super) {
|
|
|
2371
2336
|
: null;
|
|
2372
2337
|
var rootStyle = question.getRootStyle();
|
|
2373
2338
|
var questionContent = this.wrapQuestionContent(this.renderQuestionContent());
|
|
2374
|
-
return (
|
|
2375
|
-
|
|
2339
|
+
return (_(b, null,
|
|
2340
|
+
_("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 },
|
|
2376
2341
|
errorsAboveQuestion,
|
|
2377
2342
|
headerTop,
|
|
2378
2343
|
questionContent,
|
|
@@ -2403,21 +2368,21 @@ var reactquestion_SurveyQuestion = /** @class */ (function (_super) {
|
|
|
2403
2368
|
};
|
|
2404
2369
|
SurveyQuestion.prototype.renderComment = function (cssClasses) {
|
|
2405
2370
|
var commentText = reactquestion_element_SurveyElementBase.renderLocString(this.question.locCommentText);
|
|
2406
|
-
return (
|
|
2407
|
-
|
|
2408
|
-
|
|
2371
|
+
return (_("div", { className: this.question.getCommentAreaCss() },
|
|
2372
|
+
_("div", null, commentText),
|
|
2373
|
+
_(reactquestion_comment_SurveyQuestionCommentItem, { question: this.question, cssClasses: cssClasses, otherCss: cssClasses.other, isDisplayMode: this.question.isInputReadOnly })));
|
|
2409
2374
|
};
|
|
2410
2375
|
SurveyQuestion.prototype.renderHeader = function (question) {
|
|
2411
|
-
return
|
|
2376
|
+
return _(element_header_SurveyElementHeader, { element: question });
|
|
2412
2377
|
};
|
|
2413
2378
|
SurveyQuestion.prototype.renderErrors = function (cssClasses, location) {
|
|
2414
|
-
return (
|
|
2379
|
+
return (_(reactquestion_SurveyElementErrors, { element: this.question, cssClasses: cssClasses, creator: this.creator, location: location, id: this.question.id + "_errors" }));
|
|
2415
2380
|
};
|
|
2416
2381
|
return SurveyQuestion;
|
|
2417
2382
|
}(reactquestion_element_SurveyElementBase));
|
|
2418
2383
|
|
|
2419
2384
|
ReactElementFactory.Instance.registerElement("question", function (props) {
|
|
2420
|
-
return
|
|
2385
|
+
return _(reactquestion_SurveyQuestion, props);
|
|
2421
2386
|
});
|
|
2422
2387
|
var reactquestion_SurveyElementErrors = /** @class */ (function (_super) {
|
|
2423
2388
|
reactquestion_extends(SurveyElementErrors, _super);
|
|
@@ -2469,7 +2434,7 @@ var reactquestion_SurveyElementErrors = /** @class */ (function (_super) {
|
|
|
2469
2434
|
var key = "error" + i;
|
|
2470
2435
|
errors.push(this.creator.renderError(key, this.element.errors[i], this.cssClasses, this.element));
|
|
2471
2436
|
}
|
|
2472
|
-
return (
|
|
2437
|
+
return (_("div", { role: "alert", "aria-live": "polite", className: this.element.cssError, id: this.id }, errors));
|
|
2473
2438
|
};
|
|
2474
2439
|
return SurveyElementErrors;
|
|
2475
2440
|
}(ReactSurveyElement));
|
|
@@ -2520,7 +2485,7 @@ var reactquestion_SurveyQuestionAndErrorsWrapped = /** @class */ (function (_sup
|
|
|
2520
2485
|
};
|
|
2521
2486
|
SurveyQuestionAndErrorsWrapped.prototype.renderContent = function () {
|
|
2522
2487
|
var renderedQuestion = this.renderQuestion();
|
|
2523
|
-
return (
|
|
2488
|
+
return (_(b, null, renderedQuestion));
|
|
2524
2489
|
};
|
|
2525
2490
|
SurveyQuestionAndErrorsWrapped.prototype.getShowErrors = function () {
|
|
2526
2491
|
return this.question.isVisible;
|
|
@@ -2548,13 +2513,13 @@ var reactquestion_SurveyQuestionAndErrorsCell = /** @class */ (function (_super)
|
|
|
2548
2513
|
}
|
|
2549
2514
|
};
|
|
2550
2515
|
SurveyQuestionAndErrorsCell.prototype.renderCellContent = function () {
|
|
2551
|
-
return (
|
|
2516
|
+
return (_("div", { className: this.props.cell.cellQuestionWrapperClassName }, this.renderQuestion()));
|
|
2552
2517
|
};
|
|
2553
2518
|
SurveyQuestionAndErrorsCell.prototype.renderElement = function () {
|
|
2554
2519
|
var style = this.getCellStyle();
|
|
2555
2520
|
var cell = this.props.cell;
|
|
2556
2521
|
var focusIn = function () { cell.focusIn(); };
|
|
2557
|
-
return (
|
|
2522
|
+
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())));
|
|
2558
2523
|
};
|
|
2559
2524
|
SurveyQuestionAndErrorsCell.prototype.getCellStyle = function () {
|
|
2560
2525
|
return null;
|
|
@@ -2624,7 +2589,7 @@ var reactquestion_SurveyQuestionErrorCell = /** @class */ (function (_super) {
|
|
|
2624
2589
|
}
|
|
2625
2590
|
};
|
|
2626
2591
|
SurveyQuestionErrorCell.prototype.render = function () {
|
|
2627
|
-
return
|
|
2592
|
+
return _(reactquestion_SurveyElementErrors, { element: this.question, creator: this.props.creator, cssClasses: this.question.cssClasses });
|
|
2628
2593
|
};
|
|
2629
2594
|
return SurveyQuestionErrorCell;
|
|
2630
2595
|
}(k));
|
|
@@ -2674,21 +2639,21 @@ var page_SurveyPage = /** @class */ (function (_super) {
|
|
|
2674
2639
|
var title = this.renderTitle();
|
|
2675
2640
|
var description = this.renderDescription();
|
|
2676
2641
|
var rows = this.renderRows(this.panelBase.cssClasses);
|
|
2677
|
-
var errors = (
|
|
2678
|
-
return (
|
|
2642
|
+
var errors = (_(reactquestion_SurveyElementErrors, { element: this.panelBase, cssClasses: this.panelBase.cssClasses, creator: this.creator }));
|
|
2643
|
+
return (_("div", { ref: this.rootRef, className: this.page.cssRoot },
|
|
2679
2644
|
title,
|
|
2680
2645
|
description,
|
|
2681
2646
|
errors,
|
|
2682
2647
|
rows));
|
|
2683
2648
|
};
|
|
2684
2649
|
SurveyPage.prototype.renderTitle = function () {
|
|
2685
|
-
return
|
|
2650
|
+
return _(title_element_TitleElement, { element: this.page });
|
|
2686
2651
|
};
|
|
2687
2652
|
SurveyPage.prototype.renderDescription = function () {
|
|
2688
2653
|
if (!this.page._showDescription)
|
|
2689
2654
|
return null;
|
|
2690
2655
|
var text = reactquestion_element_SurveyElementBase.renderLocString(this.page.locDescription);
|
|
2691
|
-
return (
|
|
2656
|
+
return (_("div", { className: this.panelBase.cssClasses.page.description }, text));
|
|
2692
2657
|
};
|
|
2693
2658
|
return SurveyPage;
|
|
2694
2659
|
}(panel_base_SurveyPanelBase));
|
|
@@ -2951,6 +2916,107 @@ var svgbundle_SvgBundleComponent = /** @class */ (function (_super) {
|
|
|
2951
2916
|
}(xn.Component));
|
|
2952
2917
|
|
|
2953
2918
|
|
|
2919
|
+
// CONCATENATED MODULE: ./packages/survey-react-ui/src/components/popup/popup-modal.tsx
|
|
2920
|
+
var popup_modal_extends = (undefined && undefined.__extends) || (function () {
|
|
2921
|
+
var extendStatics = function (d, b) {
|
|
2922
|
+
extendStatics = Object.setPrototypeOf ||
|
|
2923
|
+
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
2924
|
+
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
2925
|
+
return extendStatics(d, b);
|
|
2926
|
+
};
|
|
2927
|
+
return function (d, b) {
|
|
2928
|
+
if (typeof b !== "function" && b !== null)
|
|
2929
|
+
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
2930
|
+
extendStatics(d, b);
|
|
2931
|
+
function __() { this.constructor = d; }
|
|
2932
|
+
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
2933
|
+
};
|
|
2934
|
+
})();
|
|
2935
|
+
|
|
2936
|
+
|
|
2937
|
+
|
|
2938
|
+
|
|
2939
|
+
|
|
2940
|
+
var popup_modal_PopupModal = /** @class */ (function (_super) {
|
|
2941
|
+
popup_modal_extends(PopupModal, _super);
|
|
2942
|
+
function PopupModal(props) {
|
|
2943
|
+
var _this = _super.call(this, props) || this;
|
|
2944
|
+
_this.isInitialized = false;
|
|
2945
|
+
_this.init = function () {
|
|
2946
|
+
if (!_this.isInitialized) {
|
|
2947
|
+
external_root_Survey_commonjs2_survey_core_commonjs_survey_core_amd_survey_core_["settings"].showModal = function (componentName, data, onApply, onCancel, cssClass, title, displayMode) {
|
|
2948
|
+
if (displayMode === void 0) { displayMode = "popup"; }
|
|
2949
|
+
var options = Object(external_root_Survey_commonjs2_survey_core_commonjs_survey_core_amd_survey_core_["createDialogOptions"])(componentName, data, onApply, onCancel, undefined, undefined, cssClass, title, displayMode);
|
|
2950
|
+
return _this.showDialog(options);
|
|
2951
|
+
};
|
|
2952
|
+
external_root_Survey_commonjs2_survey_core_commonjs_survey_core_amd_survey_core_["settings"].showDialog = function (dialogOptions, rootElement) {
|
|
2953
|
+
return _this.showDialog(dialogOptions, rootElement);
|
|
2954
|
+
};
|
|
2955
|
+
_this.isInitialized = true;
|
|
2956
|
+
}
|
|
2957
|
+
};
|
|
2958
|
+
_this.clean = function () {
|
|
2959
|
+
if (_this.isInitialized) {
|
|
2960
|
+
external_root_Survey_commonjs2_survey_core_commonjs_survey_core_amd_survey_core_["settings"].showModal = undefined;
|
|
2961
|
+
external_root_Survey_commonjs2_survey_core_commonjs_survey_core_amd_survey_core_["settings"].showDialog = undefined;
|
|
2962
|
+
_this.isInitialized = false;
|
|
2963
|
+
}
|
|
2964
|
+
};
|
|
2965
|
+
_this.state = { changed: 0 };
|
|
2966
|
+
_this.descriptor = {
|
|
2967
|
+
init: _this.init,
|
|
2968
|
+
clean: _this.clean
|
|
2969
|
+
};
|
|
2970
|
+
return _this;
|
|
2971
|
+
}
|
|
2972
|
+
PopupModal.addModalDescriptor = function (descriptor) {
|
|
2973
|
+
if (!external_root_Survey_commonjs2_survey_core_commonjs_survey_core_amd_survey_core_["settings"].showModal) {
|
|
2974
|
+
descriptor.init();
|
|
2975
|
+
}
|
|
2976
|
+
this.modalDescriptors.push(descriptor);
|
|
2977
|
+
};
|
|
2978
|
+
PopupModal.removeModalDescriptor = function (descriptor) {
|
|
2979
|
+
descriptor.clean();
|
|
2980
|
+
this.modalDescriptors.splice(this.modalDescriptors.indexOf(descriptor), 1);
|
|
2981
|
+
if (!external_root_Survey_commonjs2_survey_core_commonjs_survey_core_amd_survey_core_["settings"].showModal && this.modalDescriptors[0]) {
|
|
2982
|
+
this.modalDescriptors[0].init();
|
|
2983
|
+
}
|
|
2984
|
+
};
|
|
2985
|
+
PopupModal.prototype.renderElement = function () {
|
|
2986
|
+
if (!this.model)
|
|
2987
|
+
return null;
|
|
2988
|
+
return compat_module_P(xn.createElement(popup_PopupContainer, { model: this.model }), this.model.container);
|
|
2989
|
+
};
|
|
2990
|
+
PopupModal.prototype.showDialog = function (dialogOptions, rootElement) {
|
|
2991
|
+
var _this = this;
|
|
2992
|
+
this.model = Object(external_root_Survey_commonjs2_survey_core_commonjs_survey_core_amd_survey_core_["createPopupModalViewModel"])(dialogOptions, rootElement);
|
|
2993
|
+
var onVisibilityChangedCallback = function (_, options) {
|
|
2994
|
+
if (!options.isVisible) {
|
|
2995
|
+
_this.model.dispose();
|
|
2996
|
+
_this.model = undefined;
|
|
2997
|
+
_this.setState({ changed: _this.state.changed + 1 });
|
|
2998
|
+
}
|
|
2999
|
+
};
|
|
3000
|
+
this.model.onVisibilityChanged.add(onVisibilityChangedCallback);
|
|
3001
|
+
this.model.model.isVisible = true;
|
|
3002
|
+
this.setState({ changed: this.state.changed + 1 });
|
|
3003
|
+
return this.model;
|
|
3004
|
+
};
|
|
3005
|
+
PopupModal.prototype.componentDidMount = function () {
|
|
3006
|
+
PopupModal.addModalDescriptor(this.descriptor);
|
|
3007
|
+
};
|
|
3008
|
+
PopupModal.prototype.componentWillUnmount = function () {
|
|
3009
|
+
if (this.model) {
|
|
3010
|
+
this.model.dispose();
|
|
3011
|
+
this.model = undefined;
|
|
3012
|
+
}
|
|
3013
|
+
PopupModal.removeModalDescriptor(this.descriptor);
|
|
3014
|
+
};
|
|
3015
|
+
PopupModal.modalDescriptors = [];
|
|
3016
|
+
return PopupModal;
|
|
3017
|
+
}(reactquestion_element_SurveyElementBase));
|
|
3018
|
+
|
|
3019
|
+
|
|
2954
3020
|
// CONCATENATED MODULE: ./packages/survey-react-ui/src/reactSurvey.tsx
|
|
2955
3021
|
var reactSurvey_extends = (undefined && undefined.__extends) || (function () {
|
|
2956
3022
|
var extendStatics = function (d, b) {
|
|
@@ -2989,6 +3055,7 @@ var __assign = (undefined && undefined.__assign) || function () {
|
|
|
2989
3055
|
|
|
2990
3056
|
|
|
2991
3057
|
|
|
3058
|
+
|
|
2992
3059
|
var reactSurvey_Survey = /** @class */ (function (_super) {
|
|
2993
3060
|
reactSurvey_extends(Survey, _super);
|
|
2994
3061
|
function Survey(props) {
|
|
@@ -3076,29 +3143,30 @@ var reactSurvey_Survey = /** @class */ (function (_super) {
|
|
|
3076
3143
|
else {
|
|
3077
3144
|
renderResult = this.renderSurvey();
|
|
3078
3145
|
}
|
|
3079
|
-
var backgroundImage = !!this.survey.backgroundImage ?
|
|
3080
|
-
var header = this.survey.headerView === "basic" ?
|
|
3146
|
+
var backgroundImage = !!this.survey.backgroundImage ? _("div", { className: this.css.rootBackgroundImage, style: this.survey.backgroundImageStyle }) : null;
|
|
3147
|
+
var header = this.survey.headerView === "basic" ? _(survey_header_SurveyHeader, { survey: this.survey }) : null;
|
|
3081
3148
|
var onSubmit = function (event) {
|
|
3082
3149
|
event.preventDefault();
|
|
3083
3150
|
};
|
|
3084
|
-
var customHeader =
|
|
3151
|
+
var customHeader = _("div", { className: "sv_custom_header" });
|
|
3085
3152
|
if (this.survey.hasLogo) {
|
|
3086
3153
|
customHeader = null;
|
|
3087
3154
|
}
|
|
3088
3155
|
var rootCss = this.survey.getRootCss();
|
|
3089
3156
|
var cssClasses = this.rootNodeClassName ? this.rootNodeClassName + " " + rootCss : rootCss;
|
|
3090
|
-
return (
|
|
3091
|
-
this.survey.needRenderIcons ?
|
|
3092
|
-
|
|
3157
|
+
return (_("div", { id: this.rootNodeId, ref: this.rootRef, className: cssClasses, style: this.survey.themeVariables, lang: this.survey.locale || "en", dir: this.survey.localeDir },
|
|
3158
|
+
this.survey.needRenderIcons ? _(svgbundle_SvgBundleComponent, null) : null,
|
|
3159
|
+
_(popup_modal_PopupModal, null),
|
|
3160
|
+
_("div", { className: this.survey.wrapperFormCss },
|
|
3093
3161
|
backgroundImage,
|
|
3094
|
-
|
|
3162
|
+
_("form", { onSubmit: onSubmit },
|
|
3095
3163
|
customHeader,
|
|
3096
|
-
|
|
3164
|
+
_("div", { className: this.css.container },
|
|
3097
3165
|
header,
|
|
3098
|
-
|
|
3166
|
+
_(components_container_ComponentsContainer, { survey: this.survey, container: "header", needRenderWrapper: false }),
|
|
3099
3167
|
renderResult,
|
|
3100
|
-
|
|
3101
|
-
|
|
3168
|
+
_(components_container_ComponentsContainer, { survey: this.survey, container: "footer", needRenderWrapper: false }))),
|
|
3169
|
+
_(notifier_NotifierComponent, { notifier: this.survey.notifier }))));
|
|
3102
3170
|
};
|
|
3103
3171
|
Survey.prototype.renderElement = function () {
|
|
3104
3172
|
return this.doRender();
|
|
@@ -3117,17 +3185,17 @@ var reactSurvey_Survey = /** @class */ (function (_super) {
|
|
|
3117
3185
|
if (!this.survey.showCompletedPage)
|
|
3118
3186
|
return null;
|
|
3119
3187
|
var htmlValue = { __html: this.survey.processedCompletedHtml };
|
|
3120
|
-
return (
|
|
3121
|
-
|
|
3122
|
-
|
|
3188
|
+
return (_(b, null,
|
|
3189
|
+
_("div", { dangerouslySetInnerHTML: htmlValue, className: this.survey.completedCss }),
|
|
3190
|
+
_(components_container_ComponentsContainer, { survey: this.survey, container: "completePage", needRenderWrapper: false })));
|
|
3123
3191
|
};
|
|
3124
3192
|
Survey.prototype.renderCompletedBefore = function () {
|
|
3125
3193
|
var htmlValue = { __html: this.survey.processedCompletedBeforeHtml };
|
|
3126
|
-
return (
|
|
3194
|
+
return (_("div", { dangerouslySetInnerHTML: htmlValue, className: this.survey.completedBeforeCss }));
|
|
3127
3195
|
};
|
|
3128
3196
|
Survey.prototype.renderLoading = function () {
|
|
3129
3197
|
var htmlValue = { __html: this.survey.processedLoadingHtml };
|
|
3130
|
-
return (
|
|
3198
|
+
return (_("div", { dangerouslySetInnerHTML: htmlValue, className: this.survey.loadingBodyCss }));
|
|
3131
3199
|
};
|
|
3132
3200
|
Survey.prototype.renderSurvey = function () {
|
|
3133
3201
|
var activePage = this.survey.activePage
|
|
@@ -3140,22 +3208,22 @@ var reactSurvey_Survey = /** @class */ (function (_super) {
|
|
|
3140
3208
|
if (!!this.survey.renderedWidth) {
|
|
3141
3209
|
style.maxWidth = this.survey.renderedWidth;
|
|
3142
3210
|
}
|
|
3143
|
-
return (
|
|
3144
|
-
|
|
3145
|
-
|
|
3146
|
-
|
|
3147
|
-
|
|
3148
|
-
|
|
3211
|
+
return (_("div", { className: this.survey.bodyContainerCss },
|
|
3212
|
+
_(components_container_ComponentsContainer, { survey: this.survey, container: "left" }),
|
|
3213
|
+
_("div", { className: "sv-components-column sv-components-column--expandable" },
|
|
3214
|
+
_(components_container_ComponentsContainer, { survey: this.survey, container: "center" }),
|
|
3215
|
+
_("div", { id: pageId, className: className, style: style },
|
|
3216
|
+
_(components_container_ComponentsContainer, { survey: this.survey, container: "contentTop" }),
|
|
3149
3217
|
activePage,
|
|
3150
|
-
|
|
3151
|
-
this.survey.showBrandInfo ?
|
|
3152
|
-
|
|
3218
|
+
_(components_container_ComponentsContainer, { survey: this.survey, container: "contentBottom" }),
|
|
3219
|
+
this.survey.showBrandInfo ? _(brand_info_BrandInfo, null) : null)),
|
|
3220
|
+
_(components_container_ComponentsContainer, { survey: this.survey, container: "right" })));
|
|
3153
3221
|
};
|
|
3154
3222
|
Survey.prototype.renderPage = function (page) {
|
|
3155
|
-
return (
|
|
3223
|
+
return (_(page_SurveyPage, { survey: this.survey, page: page, css: this.css, creator: this }));
|
|
3156
3224
|
};
|
|
3157
3225
|
Survey.prototype.renderEmptySurvey = function () {
|
|
3158
|
-
return
|
|
3226
|
+
return _("div", { className: this.css.bodyEmpty }, this.survey.emptySurveyText);
|
|
3159
3227
|
};
|
|
3160
3228
|
Survey.prototype.createSurvey = function (newProps) {
|
|
3161
3229
|
if (!newProps)
|
|
@@ -3248,7 +3316,7 @@ var reactSurvey_Survey = /** @class */ (function (_super) {
|
|
|
3248
3316
|
}(reactquestion_element_SurveyElementBase));
|
|
3249
3317
|
|
|
3250
3318
|
ReactElementFactory.Instance.registerElement("survey", function (props) {
|
|
3251
|
-
return
|
|
3319
|
+
return _(reactSurvey_Survey, props);
|
|
3252
3320
|
});
|
|
3253
3321
|
function attachKey2click(element, viewModel, options) {
|
|
3254
3322
|
if (options === void 0) { options = { processEsc: true, disableTabStop: false }; }
|
|
@@ -3375,16 +3443,16 @@ var reacttimerpanel_SurveyTimerPanel = /** @class */ (function (_super) {
|
|
|
3375
3443
|
if (!this.timerModel.isRunning) {
|
|
3376
3444
|
return null;
|
|
3377
3445
|
}
|
|
3378
|
-
var result =
|
|
3446
|
+
var result = _("div", { className: this.timerModel.survey.getCss().timerRoot }, this.timerModel.text);
|
|
3379
3447
|
if (this.timerModel.showTimerAsClock) {
|
|
3380
3448
|
var style = { strokeDasharray: this.circleLength, strokeDashoffset: this.progress };
|
|
3381
|
-
var progress = (this.timerModel.showProgress ?
|
|
3449
|
+
var progress = (this.timerModel.showProgress ? _(svg_icon_SvgIcon, { className: this.timerModel.getProgressCss(), style: style, iconName: "icon-timercircle", size: "auto" }) : null);
|
|
3382
3450
|
result =
|
|
3383
|
-
(
|
|
3451
|
+
(_("div", { className: this.timerModel.rootCss },
|
|
3384
3452
|
progress,
|
|
3385
|
-
|
|
3386
|
-
|
|
3387
|
-
(this.timerModel.clockMinorText ?
|
|
3453
|
+
_("div", { className: this.timerModel.textContainerCss },
|
|
3454
|
+
_("span", { className: this.timerModel.majorTextCss }, this.timerModel.clockMajorText),
|
|
3455
|
+
(this.timerModel.clockMinorText ? _("span", { className: this.timerModel.minorTextCss }, this.timerModel.clockMinorText) : null))));
|
|
3388
3456
|
}
|
|
3389
3457
|
return result;
|
|
3390
3458
|
};
|
|
@@ -3392,7 +3460,7 @@ var reacttimerpanel_SurveyTimerPanel = /** @class */ (function (_super) {
|
|
|
3392
3460
|
}(ReactSurveyElement));
|
|
3393
3461
|
|
|
3394
3462
|
ReactElementFactory.Instance.registerElement("sv-timerpanel", function (props) {
|
|
3395
|
-
return
|
|
3463
|
+
return _(reacttimerpanel_SurveyTimerPanel, props);
|
|
3396
3464
|
});
|
|
3397
3465
|
|
|
3398
3466
|
// CONCATENATED MODULE: ./packages/survey-react-ui/src/panel.tsx
|
|
@@ -3437,7 +3505,7 @@ var panel_SurveyPanel = /** @class */ (function (_super) {
|
|
|
3437
3505
|
SurveyPanel.prototype.renderElement = function () {
|
|
3438
3506
|
var _this = this;
|
|
3439
3507
|
var header = this.renderHeader();
|
|
3440
|
-
var errors = (
|
|
3508
|
+
var errors = (_(reactquestion_SurveyElementErrors, { element: this.panelBase, cssClasses: this.panelBase.cssClasses, creator: this.creator }));
|
|
3441
3509
|
var style = {
|
|
3442
3510
|
paddingLeft: this.panel.innerPaddingLeft,
|
|
3443
3511
|
display: this.panel.renderedIsExpanded ? undefined : "none",
|
|
@@ -3453,7 +3521,7 @@ var panel_SurveyPanel = /** @class */ (function (_super) {
|
|
|
3453
3521
|
if (_this.panelBase)
|
|
3454
3522
|
_this.panelBase.focusIn();
|
|
3455
3523
|
};
|
|
3456
|
-
return (
|
|
3524
|
+
return (_("div", { ref: this.rootRef, className: this.panelBase.getContainerCss(), onFocus: focusIn, id: this.panelBase.id },
|
|
3457
3525
|
this.panel.showErrorsAbovePanel ? errors : null,
|
|
3458
3526
|
header,
|
|
3459
3527
|
this.panel.showErrorsAbovePanel ? null : errors,
|
|
@@ -3463,7 +3531,7 @@ var panel_SurveyPanel = /** @class */ (function (_super) {
|
|
|
3463
3531
|
if (!this.panel.hasTitle && !this.panel.hasDescription) {
|
|
3464
3532
|
return null;
|
|
3465
3533
|
}
|
|
3466
|
-
return
|
|
3534
|
+
return _(element_header_SurveyElementHeader, { element: this.panel });
|
|
3467
3535
|
};
|
|
3468
3536
|
SurveyPanel.prototype.wrapElement = function (element) {
|
|
3469
3537
|
var survey = this.panel.survey;
|
|
@@ -3475,26 +3543,26 @@ var panel_SurveyPanel = /** @class */ (function (_super) {
|
|
|
3475
3543
|
};
|
|
3476
3544
|
SurveyPanel.prototype.renderContent = function (style, rows, className) {
|
|
3477
3545
|
var bottom = this.renderBottom();
|
|
3478
|
-
return (
|
|
3546
|
+
return (_("div", { style: style, className: className, id: this.panel.contentId },
|
|
3479
3547
|
rows,
|
|
3480
3548
|
bottom));
|
|
3481
3549
|
};
|
|
3482
3550
|
SurveyPanel.prototype.renderTitle = function () {
|
|
3483
3551
|
if (!this.panelBase.title)
|
|
3484
3552
|
return null;
|
|
3485
|
-
return
|
|
3553
|
+
return _(title_element_TitleElement, { element: this.panelBase });
|
|
3486
3554
|
};
|
|
3487
3555
|
SurveyPanel.prototype.renderDescription = function () {
|
|
3488
3556
|
if (!this.panelBase.description)
|
|
3489
3557
|
return null;
|
|
3490
3558
|
var text = reactquestion_element_SurveyElementBase.renderLocString(this.panelBase.locDescription);
|
|
3491
|
-
return (
|
|
3559
|
+
return (_("div", { className: this.panel.cssClasses.panel.description }, text));
|
|
3492
3560
|
};
|
|
3493
3561
|
SurveyPanel.prototype.renderBottom = function () {
|
|
3494
3562
|
var footerToolbar = this.panel.getFooterToolbar();
|
|
3495
3563
|
if (!footerToolbar.hasActions)
|
|
3496
3564
|
return null;
|
|
3497
|
-
return
|
|
3565
|
+
return _(action_bar_SurveyActionBar, { model: footerToolbar });
|
|
3498
3566
|
};
|
|
3499
3567
|
SurveyPanel.prototype.getIsVisible = function () {
|
|
3500
3568
|
return this.panelBase.getIsContentVisible();
|
|
@@ -3503,7 +3571,7 @@ var panel_SurveyPanel = /** @class */ (function (_super) {
|
|
|
3503
3571
|
}(panel_base_SurveyPanelBase));
|
|
3504
3572
|
|
|
3505
3573
|
ReactElementFactory.Instance.registerElement("panel", function (props) {
|
|
3506
|
-
return
|
|
3574
|
+
return _(panel_SurveyPanel, props);
|
|
3507
3575
|
});
|
|
3508
3576
|
|
|
3509
3577
|
// CONCATENATED MODULE: ./packages/survey-react-ui/src/flow-panel.tsx
|
|
@@ -3578,7 +3646,7 @@ var flow_panel_SurveyFlowPanel = /** @class */ (function (_super) {
|
|
|
3578
3646
|
var html = "<span>" + this.flowPanel.produceHtml() + "</span>";
|
|
3579
3647
|
if (!DOMParser) {
|
|
3580
3648
|
var htmlValue = { __html: html };
|
|
3581
|
-
return
|
|
3649
|
+
return _("div", { dangerouslySetInnerHTML: htmlValue });
|
|
3582
3650
|
}
|
|
3583
3651
|
var doc = new DOMParser().parseFromString(html, "text/xml");
|
|
3584
3652
|
this.renderedIndex = 0;
|
|
@@ -3611,8 +3679,8 @@ var flow_panel_SurveyFlowPanel = /** @class */ (function (_super) {
|
|
|
3611
3679
|
var nodeType = node.nodeName.toLowerCase();
|
|
3612
3680
|
var children = this.renderNodes(this.getChildDomNodes(node));
|
|
3613
3681
|
if (nodeType === "div")
|
|
3614
|
-
return
|
|
3615
|
-
return (
|
|
3682
|
+
return _("div", { key: this.getNodeIndex() }, children);
|
|
3683
|
+
return (_("span", { key: this.getNodeIndex(), style: this.getStyle(nodeType) }, children));
|
|
3616
3684
|
};
|
|
3617
3685
|
SurveyFlowPanel.prototype.renderNode = function (node) {
|
|
3618
3686
|
if (!this.hasTextChildNodesOnly(node)) {
|
|
@@ -3623,13 +3691,13 @@ var flow_panel_SurveyFlowPanel = /** @class */ (function (_super) {
|
|
|
3623
3691
|
var question = this.flowPanel.getQuestionByName(node.textContent);
|
|
3624
3692
|
if (!question)
|
|
3625
3693
|
return null;
|
|
3626
|
-
var questionBody = (
|
|
3627
|
-
return
|
|
3694
|
+
var questionBody = (_(reactquestion_SurveyQuestion, { key: question.name, element: question, creator: this.creator, css: this.css }));
|
|
3695
|
+
return _("span", { key: this.getNodeIndex() }, questionBody);
|
|
3628
3696
|
}
|
|
3629
3697
|
if (nodeType === "div") {
|
|
3630
|
-
return
|
|
3698
|
+
return _("div", { key: this.getNodeIndex() }, node.textContent);
|
|
3631
3699
|
}
|
|
3632
|
-
return (
|
|
3700
|
+
return (_("span", { key: this.getNodeIndex(), style: this.getStyle(nodeType) }, node.textContent));
|
|
3633
3701
|
};
|
|
3634
3702
|
SurveyFlowPanel.prototype.getChildDomNodes = function (node) {
|
|
3635
3703
|
var domNodes = [];
|
|
@@ -3647,13 +3715,13 @@ var flow_panel_SurveyFlowPanel = /** @class */ (function (_super) {
|
|
|
3647
3715
|
return true;
|
|
3648
3716
|
};
|
|
3649
3717
|
SurveyFlowPanel.prototype.renderContent = function (style, rows) {
|
|
3650
|
-
return
|
|
3718
|
+
return _("f-panel", { style: style }, rows);
|
|
3651
3719
|
};
|
|
3652
3720
|
return SurveyFlowPanel;
|
|
3653
3721
|
}(panel_SurveyPanel));
|
|
3654
3722
|
|
|
3655
3723
|
ReactElementFactory.Instance.registerElement("flowpanel", function (props) {
|
|
3656
|
-
return
|
|
3724
|
+
return _(flow_panel_SurveyFlowPanel, props);
|
|
3657
3725
|
});
|
|
3658
3726
|
|
|
3659
3727
|
// CONCATENATED MODULE: ./packages/survey-react-ui/src/reactquestion_checkbox.tsx
|
|
@@ -3693,8 +3761,8 @@ var reactquestion_checkbox_SurveyQuestionCheckbox = /** @class */ (function (_su
|
|
|
3693
3761
|
SurveyQuestionCheckbox.prototype.renderElement = function () {
|
|
3694
3762
|
var _this = this;
|
|
3695
3763
|
var cssClasses = this.question.cssClasses;
|
|
3696
|
-
return (
|
|
3697
|
-
|
|
3764
|
+
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 },
|
|
3765
|
+
_("legend", { className: "sv-hidden" }, this.question.locTitle.renderedHtml),
|
|
3698
3766
|
this.getHeader(),
|
|
3699
3767
|
this.question.hasColumns
|
|
3700
3768
|
? this.getColumnedBody(cssClasses)
|
|
@@ -3719,7 +3787,7 @@ var reactquestion_checkbox_SurveyQuestionCheckbox = /** @class */ (function (_su
|
|
|
3719
3787
|
}
|
|
3720
3788
|
};
|
|
3721
3789
|
SurveyQuestionCheckbox.prototype.getColumnedBody = function (cssClasses) {
|
|
3722
|
-
return (
|
|
3790
|
+
return (_("div", { className: cssClasses.rootMultiColumn }, this.getColumns(cssClasses)));
|
|
3723
3791
|
};
|
|
3724
3792
|
SurveyQuestionCheckbox.prototype.getColumns = function (cssClasses) {
|
|
3725
3793
|
var _this = this;
|
|
@@ -3727,15 +3795,15 @@ var reactquestion_checkbox_SurveyQuestionCheckbox = /** @class */ (function (_su
|
|
|
3727
3795
|
var items = column.map(function (item, ii) {
|
|
3728
3796
|
return _this.renderItem(item, ci === 0 && ii === 0, cssClasses, "" + ci + ii);
|
|
3729
3797
|
});
|
|
3730
|
-
return (
|
|
3798
|
+
return (_("div", { key: "column" + ci + _this.question.getItemsColumnKey(column), className: _this.question.getColumnClass(), role: "presentation" }, items));
|
|
3731
3799
|
});
|
|
3732
3800
|
};
|
|
3733
3801
|
SurveyQuestionCheckbox.prototype.getBody = function (cssClasses) {
|
|
3734
3802
|
if (this.question.blockedRow) {
|
|
3735
|
-
return
|
|
3803
|
+
return _("div", { className: cssClasses.rootRow }, this.getItems(cssClasses, this.question.dataChoices));
|
|
3736
3804
|
}
|
|
3737
3805
|
else
|
|
3738
|
-
return
|
|
3806
|
+
return _(b, null, this.getItems(cssClasses, this.question.bodyItems));
|
|
3739
3807
|
};
|
|
3740
3808
|
SurveyQuestionCheckbox.prototype.getItems = function (cssClasses, choices) {
|
|
3741
3809
|
var renderedItems = [];
|
|
@@ -3758,8 +3826,8 @@ var reactquestion_checkbox_SurveyQuestionCheckbox = /** @class */ (function (_su
|
|
|
3758
3826
|
});
|
|
3759
3827
|
SurveyQuestionCheckbox.prototype.renderOther = function () {
|
|
3760
3828
|
var cssClasses = this.question.cssClasses;
|
|
3761
|
-
return (
|
|
3762
|
-
|
|
3829
|
+
return (_("div", { className: this.question.getCommentAreaCss(true) },
|
|
3830
|
+
_(SurveyQuestionOtherValueItem, { question: this.question, otherCss: cssClasses.other, cssClasses: cssClasses, isDisplayMode: this.isDisplayMode })));
|
|
3763
3831
|
};
|
|
3764
3832
|
SurveyQuestionCheckbox.prototype.renderItem = function (item, isFirst, cssClasses, index) {
|
|
3765
3833
|
var renderedItem = ReactElementFactory.Instance.createElement(this.question.itemComponent, {
|
|
@@ -3874,14 +3942,14 @@ var reactquestion_checkbox_SurveyQuestionCheckboxItem = /** @class */ (function
|
|
|
3874
3942
|
var id = this.question.getItemId(this.item);
|
|
3875
3943
|
var itemClass = this.question.getItemClass(this.item);
|
|
3876
3944
|
var labelClass = this.question.getLabelClass(this.item);
|
|
3877
|
-
var itemLabel = !this.hideCaption ?
|
|
3878
|
-
return (
|
|
3879
|
-
|
|
3880
|
-
|
|
3945
|
+
var itemLabel = !this.hideCaption ? _("span", { className: this.cssClasses.controlLabel }, this.renderLocString(this.item.locText, this.textStyle)) : null;
|
|
3946
|
+
return (_("div", { className: itemClass, role: "presentation", ref: this.rootRef },
|
|
3947
|
+
_("label", { className: labelClass },
|
|
3948
|
+
_("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() }),
|
|
3881
3949
|
this.cssClasses.materialDecorator ?
|
|
3882
|
-
|
|
3883
|
-
|
|
3884
|
-
|
|
3950
|
+
_("span", { className: this.cssClasses.materialDecorator }, this.question.itemSvgIcon ?
|
|
3951
|
+
_("svg", { className: this.cssClasses.itemDecorator },
|
|
3952
|
+
_("use", { xlinkHref: this.question.itemSvgIcon })) :
|
|
3885
3953
|
null) :
|
|
3886
3954
|
null,
|
|
3887
3955
|
itemLabel),
|
|
@@ -3903,10 +3971,10 @@ var reactquestion_checkbox_SurveyQuestionCheckboxItem = /** @class */ (function
|
|
|
3903
3971
|
}(ReactSurveyElement));
|
|
3904
3972
|
|
|
3905
3973
|
ReactElementFactory.Instance.registerElement("survey-checkbox-item", function (props) {
|
|
3906
|
-
return
|
|
3974
|
+
return _(reactquestion_checkbox_SurveyQuestionCheckboxItem, props);
|
|
3907
3975
|
});
|
|
3908
3976
|
ReactQuestionFactory.Instance.registerQuestion("checkbox", function (props) {
|
|
3909
|
-
return
|
|
3977
|
+
return _(reactquestion_checkbox_SurveyQuestionCheckbox, props);
|
|
3910
3978
|
});
|
|
3911
3979
|
|
|
3912
3980
|
// CONCATENATED MODULE: ./packages/survey-react-ui/src/reactquestion_ranking.tsx
|
|
@@ -3945,21 +4013,21 @@ var reactquestion_ranking_SurveyQuestionRanking = /** @class */ (function (_supe
|
|
|
3945
4013
|
SurveyQuestionRanking.prototype.renderElement = function () {
|
|
3946
4014
|
var _this = this;
|
|
3947
4015
|
if (!this.question.selectToRankEnabled) {
|
|
3948
|
-
return (
|
|
4016
|
+
return (_("div", { className: this.question.rootClass, ref: function (root) { return (_this.setControl(root)); } }, this.getItems()));
|
|
3949
4017
|
}
|
|
3950
4018
|
else {
|
|
3951
4019
|
var unrankedItem = true;
|
|
3952
|
-
return (
|
|
3953
|
-
|
|
4020
|
+
return (_("div", { className: this.question.rootClass, ref: function (root) { return (_this.setControl(root)); } },
|
|
4021
|
+
_("div", { className: this.question.getContainerClasses("from"), "data-ranking": "from-container" },
|
|
3954
4022
|
this.getItems(this.question.renderedUnRankingChoices, unrankedItem),
|
|
3955
|
-
this.question.renderedUnRankingChoices.length === 0 ?
|
|
4023
|
+
this.question.renderedUnRankingChoices.length === 0 ? _("div", { className: this.question.cssClasses.containerPlaceholder },
|
|
3956
4024
|
" ",
|
|
3957
4025
|
this.renderLocString(this.question.locSelectToRankEmptyRankedAreaText),
|
|
3958
4026
|
" ") : null),
|
|
3959
|
-
|
|
3960
|
-
|
|
4027
|
+
_("div", { className: this.question.cssClasses.containersDivider }),
|
|
4028
|
+
_("div", { className: this.question.getContainerClasses("to"), "data-ranking": "to-container" },
|
|
3961
4029
|
this.getItems(),
|
|
3962
|
-
this.question.renderedRankingChoices.length === 0 ?
|
|
4030
|
+
this.question.renderedRankingChoices.length === 0 ? _("div", { className: this.question.cssClasses.containerPlaceholder },
|
|
3963
4031
|
" ",
|
|
3964
4032
|
this.renderLocString(this.question.locSelectToRankEmptyUnrankedAreaText),
|
|
3965
4033
|
" ") : null)));
|
|
@@ -3995,7 +4063,7 @@ var reactquestion_ranking_SurveyQuestionRanking = /** @class */ (function (_supe
|
|
|
3995
4063
|
var index = i;
|
|
3996
4064
|
var indexText = this.question.getNumberByIndex(index);
|
|
3997
4065
|
var tabIndex = this.question.getItemTabIndex(item);
|
|
3998
|
-
var renderedItem = (
|
|
4066
|
+
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 }));
|
|
3999
4067
|
var survey = this.question.survey;
|
|
4000
4068
|
var wrappedItem = null;
|
|
4001
4069
|
if (!!survey) {
|
|
@@ -4096,21 +4164,21 @@ var reactquestion_ranking_SurveyQuestionRankingItem = /** @class */ (function (_
|
|
|
4096
4164
|
configurable: true
|
|
4097
4165
|
});
|
|
4098
4166
|
SurveyQuestionRankingItem.prototype.renderEmptyIcon = function () {
|
|
4099
|
-
return (
|
|
4100
|
-
|
|
4167
|
+
return (_("svg", null,
|
|
4168
|
+
_("use", { xlinkHref: this.question.dashSvgIcon })));
|
|
4101
4169
|
};
|
|
4102
4170
|
SurveyQuestionRankingItem.prototype.renderElement = function () {
|
|
4103
4171
|
var itemContent = ReactElementFactory.Instance.createElement(this.question.itemComponent, { item: this.item, cssClasses: this.cssClasses });
|
|
4104
|
-
return (
|
|
4105
|
-
|
|
4106
|
-
|
|
4107
|
-
|
|
4108
|
-
|
|
4109
|
-
|
|
4110
|
-
|
|
4111
|
-
|
|
4112
|
-
|
|
4113
|
-
|
|
4172
|
+
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 },
|
|
4173
|
+
_("div", { tabIndex: -1, style: { outline: "none" } },
|
|
4174
|
+
_("div", { className: this.cssClasses.itemGhostNode }),
|
|
4175
|
+
_("div", { className: this.cssClasses.itemContent },
|
|
4176
|
+
_("div", { className: this.cssClasses.itemIconContainer },
|
|
4177
|
+
_("svg", { className: this.question.getIconHoverCss() },
|
|
4178
|
+
_("use", { xlinkHref: this.question.dragDropSvgIcon })),
|
|
4179
|
+
_("svg", { className: this.question.getIconFocusCss() },
|
|
4180
|
+
_("use", { xlinkHref: this.question.arrowsSvgIcon }))),
|
|
4181
|
+
_("div", { className: this.question.getItemIndexClasses(this.item) }, (!this.unrankedItem && this.indexText) ? this.indexText : this.renderEmptyIcon()),
|
|
4114
4182
|
itemContent))));
|
|
4115
4183
|
};
|
|
4116
4184
|
return SurveyQuestionRankingItem;
|
|
@@ -4136,16 +4204,16 @@ var reactquestion_ranking_SurveyQuestionRankingItemContent = /** @class */ (func
|
|
|
4136
4204
|
configurable: true
|
|
4137
4205
|
});
|
|
4138
4206
|
SurveyQuestionRankingItemContent.prototype.renderElement = function () {
|
|
4139
|
-
return
|
|
4207
|
+
return _("div", { className: this.cssClasses.controlLabel }, reactquestion_element_SurveyElementBase.renderLocString(this.item.locText));
|
|
4140
4208
|
};
|
|
4141
4209
|
return SurveyQuestionRankingItemContent;
|
|
4142
4210
|
}(ReactSurveyElement));
|
|
4143
4211
|
|
|
4144
4212
|
ReactElementFactory.Instance.registerElement("sv-ranking-item", function (props) {
|
|
4145
|
-
return
|
|
4213
|
+
return _(reactquestion_ranking_SurveyQuestionRankingItemContent, props);
|
|
4146
4214
|
});
|
|
4147
4215
|
ReactQuestionFactory.Instance.registerQuestion("ranking", function (props) {
|
|
4148
|
-
return
|
|
4216
|
+
return _(reactquestion_ranking_SurveyQuestionRanking, props);
|
|
4149
4217
|
});
|
|
4150
4218
|
|
|
4151
4219
|
// CONCATENATED MODULE: ./packages/survey-react-ui/src/components/rating/rating-item.tsx
|
|
@@ -4433,22 +4501,22 @@ var tagbox_filter_TagboxFilterString = /** @class */ (function (_super) {
|
|
|
4433
4501
|
};
|
|
4434
4502
|
TagboxFilterString.prototype.render = function () {
|
|
4435
4503
|
var _this = this;
|
|
4436
|
-
return (
|
|
4504
|
+
return (_("div", { className: this.question.cssClasses.hint },
|
|
4437
4505
|
this.model.showHintPrefix ?
|
|
4438
|
-
(
|
|
4439
|
-
|
|
4440
|
-
|
|
4506
|
+
(_("div", { className: this.question.cssClasses.hintPrefix },
|
|
4507
|
+
_("span", null, this.model.hintStringPrefix))) : null,
|
|
4508
|
+
_("div", { className: this.question.cssClasses.hintSuffixWrapper },
|
|
4441
4509
|
this.model.showHintString ?
|
|
4442
|
-
(
|
|
4443
|
-
|
|
4444
|
-
|
|
4445
|
-
|
|
4510
|
+
(_("div", { className: this.question.cssClasses.hintSuffix },
|
|
4511
|
+
_("span", { style: { visibility: "hidden" }, "data-bind": "text: model.filterString" }, this.model.inputStringRendered),
|
|
4512
|
+
_("span", null, this.model.hintStringSuffix))) : null,
|
|
4513
|
+
_("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); } }))));
|
|
4446
4514
|
};
|
|
4447
4515
|
return TagboxFilterString;
|
|
4448
4516
|
}(reactquestion_element_SurveyElementBase));
|
|
4449
4517
|
|
|
4450
4518
|
ReactQuestionFactory.Instance.registerQuestion("sv-tagbox-filter", function (props) {
|
|
4451
|
-
return
|
|
4519
|
+
return _(tagbox_filter_TagboxFilterString, props);
|
|
4452
4520
|
});
|
|
4453
4521
|
|
|
4454
4522
|
// CONCATENATED MODULE: ./packages/survey-react-ui/src/dropdown-item.tsx
|
|
@@ -4513,7 +4581,7 @@ var dropdown_item_SurveyQuestionOptionItem = /** @class */ (function (_super) {
|
|
|
4513
4581
|
return !!this.item;
|
|
4514
4582
|
};
|
|
4515
4583
|
SurveyQuestionOptionItem.prototype.renderElement = function () {
|
|
4516
|
-
return (
|
|
4584
|
+
return (_("option", { value: this.item.value, disabled: !this.item.isEnabled }, this.item.text));
|
|
4517
4585
|
};
|
|
4518
4586
|
return SurveyQuestionOptionItem;
|
|
4519
4587
|
}(ReactSurveyElement));
|
|
@@ -4581,7 +4649,7 @@ var dropdown_base_SurveyQuestionDropdownBase = /** @class */ (function (_super)
|
|
|
4581
4649
|
return this.questionBase.renderedValue;
|
|
4582
4650
|
};
|
|
4583
4651
|
SurveyQuestionDropdownBase.prototype.renderReadOnlyElement = function () {
|
|
4584
|
-
return
|
|
4652
|
+
return _("div", null, this.question.readOnlyText);
|
|
4585
4653
|
};
|
|
4586
4654
|
SurveyQuestionDropdownBase.prototype.renderSelect = function (cssClasses) {
|
|
4587
4655
|
var _a, _b;
|
|
@@ -4590,16 +4658,16 @@ var dropdown_base_SurveyQuestionDropdownBase = /** @class */ (function (_super)
|
|
|
4590
4658
|
var text = (this.question.selectedItemLocText) ? this.renderLocString(this.question.selectedItemLocText) : "";
|
|
4591
4659
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
4592
4660
|
// @ts-ignore
|
|
4593
|
-
selectElement =
|
|
4661
|
+
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() },
|
|
4594
4662
|
text,
|
|
4595
4663
|
this.renderReadOnlyElement());
|
|
4596
4664
|
}
|
|
4597
4665
|
else {
|
|
4598
|
-
selectElement =
|
|
4666
|
+
selectElement = _(b, null,
|
|
4599
4667
|
this.renderInput(this.question["dropdownListModel"]),
|
|
4600
|
-
|
|
4668
|
+
_(popup_Popup, { model: (_b = (_a = this.question) === null || _a === void 0 ? void 0 : _a.dropdownListModel) === null || _b === void 0 ? void 0 : _b.popupModel }));
|
|
4601
4669
|
}
|
|
4602
|
-
return (
|
|
4670
|
+
return (_("div", { className: cssClasses.selectWrapper, onClick: this.click },
|
|
4603
4671
|
selectElement,
|
|
4604
4672
|
this.createChevronButton()));
|
|
4605
4673
|
};
|
|
@@ -4621,38 +4689,38 @@ var dropdown_base_SurveyQuestionDropdownBase = /** @class */ (function (_super)
|
|
|
4621
4689
|
dropdownListModel.inputStringRendered = e.target.value;
|
|
4622
4690
|
}
|
|
4623
4691
|
};
|
|
4624
|
-
return (
|
|
4692
|
+
return (_("div", { id: this.question.inputId, className: this.question.getControlClass(), tabIndex: dropdownListModel.noTabIndex ? undefined : 0,
|
|
4625
4693
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
4626
4694
|
// @ts-ignore
|
|
4627
4695
|
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 },
|
|
4628
4696
|
dropdownListModel.showHintPrefix ?
|
|
4629
|
-
(
|
|
4630
|
-
|
|
4631
|
-
|
|
4697
|
+
(_("div", { className: this.question.cssClasses.hintPrefix },
|
|
4698
|
+
_("span", null, dropdownListModel.hintStringPrefix))) : null,
|
|
4699
|
+
_("div", { className: this.question.cssClasses.controlValue },
|
|
4632
4700
|
dropdownListModel.showHintString ?
|
|
4633
|
-
(
|
|
4634
|
-
|
|
4635
|
-
|
|
4701
|
+
(_("div", { className: this.question.cssClasses.hintSuffix },
|
|
4702
|
+
_("span", { style: { visibility: "hidden" }, "data-bind": "text: model.filterString" }, dropdownListModel.inputStringRendered),
|
|
4703
|
+
_("span", null, dropdownListModel.hintStringSuffix))) : null,
|
|
4636
4704
|
valueElement,
|
|
4637
|
-
|
|
4705
|
+
_("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 })),
|
|
4638
4706
|
this.createClearButton()));
|
|
4639
4707
|
};
|
|
4640
4708
|
SurveyQuestionDropdownBase.prototype.createClearButton = function () {
|
|
4641
4709
|
if (!this.question.allowClear || !this.question.cssClasses.cleanButtonIconId)
|
|
4642
4710
|
return null;
|
|
4643
4711
|
var style = { display: !this.question.showClearButton ? "none" : "" };
|
|
4644
|
-
return (
|
|
4645
|
-
|
|
4712
|
+
return (_("div", { className: this.question.cssClasses.cleanButton, style: style, onClick: this.clear, "aria-hidden": "true" },
|
|
4713
|
+
_(svg_icon_SvgIcon, { className: this.question.cssClasses.cleanButtonSvg, iconName: this.question.cssClasses.cleanButtonIconId, title: this.question.clearCaption, size: "auto" })));
|
|
4646
4714
|
};
|
|
4647
4715
|
SurveyQuestionDropdownBase.prototype.createChevronButton = function () {
|
|
4648
4716
|
if (!this.question.cssClasses.chevronButtonIconId)
|
|
4649
4717
|
return null;
|
|
4650
|
-
return (
|
|
4651
|
-
|
|
4718
|
+
return (_("div", { className: this.question.cssClasses.chevronButton, "aria-hidden": "true", onPointerDown: this.chevronPointerDown },
|
|
4719
|
+
_(svg_icon_SvgIcon, { className: this.question.cssClasses.chevronButtonSvg, iconName: this.question.cssClasses.chevronButtonIconId, size: "auto" })));
|
|
4652
4720
|
};
|
|
4653
4721
|
SurveyQuestionDropdownBase.prototype.renderOther = function (cssClasses) {
|
|
4654
|
-
return (
|
|
4655
|
-
|
|
4722
|
+
return (_("div", { className: this.question.getCommentAreaCss(true) },
|
|
4723
|
+
_(SurveyQuestionOtherValueItem, { question: this.question, otherCss: cssClasses.other, cssClasses: cssClasses, isDisplayMode: this.isDisplayMode, isOther: true })));
|
|
4656
4724
|
};
|
|
4657
4725
|
SurveyQuestionDropdownBase.prototype.componentDidUpdate = function (prevProps, prevState) {
|
|
4658
4726
|
_super.prototype.componentDidUpdate.call(this, prevProps, prevState);
|
|
@@ -4703,7 +4771,7 @@ var reactquestion_dropdown_SurveyQuestionDropdown = /** @class */ (function (_su
|
|
|
4703
4771
|
var cssClasses = this.question.cssClasses;
|
|
4704
4772
|
var comment = this.question.isOtherSelected ? this.renderOther(cssClasses) : null;
|
|
4705
4773
|
var select = this.renderSelect(cssClasses);
|
|
4706
|
-
return (
|
|
4774
|
+
return (_("div", { className: this.question.renderCssRoot },
|
|
4707
4775
|
select,
|
|
4708
4776
|
comment));
|
|
4709
4777
|
};
|
|
@@ -4711,7 +4779,7 @@ var reactquestion_dropdown_SurveyQuestionDropdown = /** @class */ (function (_su
|
|
|
4711
4779
|
}(dropdown_base_SurveyQuestionDropdownBase));
|
|
4712
4780
|
|
|
4713
4781
|
ReactQuestionFactory.Instance.registerQuestion("dropdown", function (props) {
|
|
4714
|
-
return
|
|
4782
|
+
return _(reactquestion_dropdown_SurveyQuestionDropdown, props);
|
|
4715
4783
|
});
|
|
4716
4784
|
|
|
4717
4785
|
// CONCATENATED MODULE: ./packages/survey-react-ui/src/tagbox-item.tsx
|
|
@@ -4762,10 +4830,10 @@ var tagbox_item_SurveyQuestionTagboxItem = /** @class */ (function (_super) {
|
|
|
4762
4830
|
_this.question.dropdownListModel.deselectItem(_this.item.value);
|
|
4763
4831
|
event.stopPropagation();
|
|
4764
4832
|
};
|
|
4765
|
-
return (
|
|
4766
|
-
|
|
4767
|
-
|
|
4768
|
-
|
|
4833
|
+
return (_("div", { className: "sv-tagbox__item" },
|
|
4834
|
+
_("div", { className: "sv-tagbox__item-text" }, text),
|
|
4835
|
+
_("div", { className: this.question.cssClasses.cleanItemButton, onClick: removeItem },
|
|
4836
|
+
_(svg_icon_SvgIcon, { className: this.question.cssClasses.cleanItemButtonSvg, iconName: this.question.cssClasses.cleanItemButtonIconId, size: "auto" }))));
|
|
4769
4837
|
};
|
|
4770
4838
|
return SurveyQuestionTagboxItem;
|
|
4771
4839
|
}(ReactSurveyElement));
|
|
@@ -4798,27 +4866,27 @@ var reactquestion_tagbox_SurveyQuestionTagbox = /** @class */ (function (_super)
|
|
|
4798
4866
|
return _super.call(this, props) || this;
|
|
4799
4867
|
}
|
|
4800
4868
|
SurveyQuestionTagbox.prototype.renderItem = function (key, item) {
|
|
4801
|
-
var renderedItem = (
|
|
4869
|
+
var renderedItem = (_(tagbox_item_SurveyQuestionTagboxItem, { key: key, question: this.question, item: item }));
|
|
4802
4870
|
return renderedItem;
|
|
4803
4871
|
};
|
|
4804
4872
|
SurveyQuestionTagbox.prototype.renderInput = function (dropdownListModel) {
|
|
4805
4873
|
var _this = this;
|
|
4806
4874
|
var dropdownMultiSelectListModel = dropdownListModel;
|
|
4807
4875
|
var items = this.question.selectedChoices.map(function (choice, index) { return _this.renderItem("item" + index, choice); });
|
|
4808
|
-
return (
|
|
4876
|
+
return (_("div", { id: this.question.inputId, className: this.question.getControlClass(), tabIndex: dropdownListModel.noTabIndex ? undefined : 0,
|
|
4809
4877
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
4810
4878
|
// @ts-ignore
|
|
4811
4879
|
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 },
|
|
4812
|
-
|
|
4880
|
+
_("div", { className: this.question.cssClasses.controlValue },
|
|
4813
4881
|
items,
|
|
4814
|
-
|
|
4882
|
+
_(tagbox_filter_TagboxFilterString, { model: dropdownMultiSelectListModel, question: this.question })),
|
|
4815
4883
|
this.createClearButton()));
|
|
4816
4884
|
};
|
|
4817
4885
|
SurveyQuestionTagbox.prototype.renderElement = function () {
|
|
4818
4886
|
var cssClasses = this.question.cssClasses;
|
|
4819
4887
|
var comment = this.question.isOtherSelected ? this.renderOther(cssClasses) : null;
|
|
4820
4888
|
var select = this.renderSelect(cssClasses);
|
|
4821
|
-
return (
|
|
4889
|
+
return (_("div", { className: this.question.renderCssRoot },
|
|
4822
4890
|
select,
|
|
4823
4891
|
comment));
|
|
4824
4892
|
};
|
|
@@ -4834,7 +4902,7 @@ var reactquestion_tagbox_SurveyQuestionTagbox = /** @class */ (function (_super)
|
|
|
4834
4902
|
}(dropdown_base_SurveyQuestionDropdownBase));
|
|
4835
4903
|
|
|
4836
4904
|
ReactQuestionFactory.Instance.registerQuestion("tagbox", function (props) {
|
|
4837
|
-
return
|
|
4905
|
+
return _(reactquestion_tagbox_SurveyQuestionTagbox, props);
|
|
4838
4906
|
});
|
|
4839
4907
|
|
|
4840
4908
|
// CONCATENATED MODULE: ./packages/survey-react-ui/src/dropdown-select.tsx
|
|
@@ -4874,11 +4942,11 @@ var dropdown_select_SurveyQuestionDropdownSelect = /** @class */ (function (_sup
|
|
|
4874
4942
|
var selectElement = this.isDisplayMode ? (
|
|
4875
4943
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
4876
4944
|
// @ts-ignore
|
|
4877
|
-
|
|
4878
|
-
(
|
|
4879
|
-
this.question.allowClear ? (
|
|
4880
|
-
this.question.visibleChoices.map(function (item, i) { return
|
|
4881
|
-
return (
|
|
4945
|
+
_("div", { id: this.question.inputId, className: this.question.getControlClass(), disabled: true }, this.question.readOnlyText)) :
|
|
4946
|
+
(_("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 },
|
|
4947
|
+
this.question.allowClear ? (_("option", { value: "" }, this.question.placeholder)) : null,
|
|
4948
|
+
this.question.visibleChoices.map(function (item, i) { return _(dropdown_item_SurveyQuestionOptionItem, { key: "item" + i, item: item }); })));
|
|
4949
|
+
return (_("div", { className: cssClasses.selectWrapper },
|
|
4882
4950
|
selectElement,
|
|
4883
4951
|
this.createChevronButton()));
|
|
4884
4952
|
};
|
|
@@ -4886,7 +4954,7 @@ var dropdown_select_SurveyQuestionDropdownSelect = /** @class */ (function (_sup
|
|
|
4886
4954
|
}(reactquestion_dropdown_SurveyQuestionDropdown));
|
|
4887
4955
|
|
|
4888
4956
|
ReactQuestionFactory.Instance.registerQuestion("sv-dropdown-select", function (props) {
|
|
4889
|
-
return
|
|
4957
|
+
return _(dropdown_select_SurveyQuestionDropdownSelect, props);
|
|
4890
4958
|
});
|
|
4891
4959
|
external_root_Survey_commonjs2_survey_core_commonjs_survey_core_amd_survey_core_["RendererFactory"].Instance.registerRenderer("dropdown", "select", "sv-dropdown-select");
|
|
4892
4960
|
|
|
@@ -4943,7 +5011,7 @@ var reactquestion_matrix_SurveyQuestionMatrix = /** @class */ (function (_super)
|
|
|
4943
5011
|
SurveyQuestionMatrix.prototype.renderElement = function () {
|
|
4944
5012
|
var _this = this;
|
|
4945
5013
|
var cssClasses = this.question.cssClasses;
|
|
4946
|
-
var rowsTH = this.question.hasRows ?
|
|
5014
|
+
var rowsTH = this.question.hasRows ? _("td", null) : null;
|
|
4947
5015
|
var headers = [];
|
|
4948
5016
|
for (var i = 0; i < this.question.visibleColumns.length; i++) {
|
|
4949
5017
|
var column = this.question.visibleColumns[i];
|
|
@@ -4954,25 +5022,25 @@ var reactquestion_matrix_SurveyQuestionMatrix = /** @class */ (function (_super)
|
|
|
4954
5022
|
style.minWidth = this.question.columnMinWidth;
|
|
4955
5023
|
style.width = this.question.columnMinWidth;
|
|
4956
5024
|
}
|
|
4957
|
-
headers.push(
|
|
5025
|
+
headers.push(_("th", { className: this.question.cssClasses.headerCell, style: style, key: key }, this.wrapCell({ column: column }, columText, "column-header")));
|
|
4958
5026
|
}
|
|
4959
5027
|
var rows = [];
|
|
4960
5028
|
var visibleRows = this.question.visibleRows;
|
|
4961
5029
|
for (var i = 0; i < visibleRows.length; i++) {
|
|
4962
5030
|
var row = visibleRows[i];
|
|
4963
5031
|
var key = "row-" + row.name + "-" + i;
|
|
4964
|
-
rows.push(
|
|
5032
|
+
rows.push(_(reactquestion_matrix_SurveyQuestionMatrixRow, { key: key, question: this.question, cssClasses: cssClasses, row: row, isFirst: i == 0 }));
|
|
4965
5033
|
}
|
|
4966
|
-
var header = !this.question.showHeader ? null : (
|
|
4967
|
-
|
|
5034
|
+
var header = !this.question.showHeader ? null : (_("thead", null,
|
|
5035
|
+
_("tr", null,
|
|
4968
5036
|
rowsTH,
|
|
4969
5037
|
headers)));
|
|
4970
|
-
return (
|
|
4971
|
-
|
|
4972
|
-
|
|
4973
|
-
|
|
5038
|
+
return (_("div", { className: cssClasses.tableWrapper, ref: function (root) { return (_this.setControl(root)); } },
|
|
5039
|
+
_("fieldset", null,
|
|
5040
|
+
_("legend", { className: "sv-hidden" }, this.question.locTitle.renderedHtml),
|
|
5041
|
+
_("table", { className: this.question.getTableCss() },
|
|
4974
5042
|
header,
|
|
4975
|
-
|
|
5043
|
+
_("tbody", null, rows)))));
|
|
4976
5044
|
};
|
|
4977
5045
|
return SurveyQuestionMatrix;
|
|
4978
5046
|
}(reactquestion_element_SurveyQuestionElementBase));
|
|
@@ -5024,10 +5092,10 @@ var reactquestion_matrix_SurveyQuestionMatrixRow = /** @class */ (function (_sup
|
|
|
5024
5092
|
style.minWidth = this.question.rowTitleWidth;
|
|
5025
5093
|
style.width = this.question.rowTitleWidth;
|
|
5026
5094
|
}
|
|
5027
|
-
rowsTD =
|
|
5095
|
+
rowsTD = _("td", { style: style, className: this.row.rowTextClasses }, this.wrapCell({ row: this.row }, rowText, "row-header"));
|
|
5028
5096
|
}
|
|
5029
5097
|
var tds = this.generateTds();
|
|
5030
|
-
return (
|
|
5098
|
+
return (_("tr", { className: this.row.rowClasses || undefined },
|
|
5031
5099
|
rowsTD,
|
|
5032
5100
|
tds));
|
|
5033
5101
|
};
|
|
@@ -5043,7 +5111,7 @@ var reactquestion_matrix_SurveyQuestionMatrixRow = /** @class */ (function (_sup
|
|
|
5043
5111
|
var itemClass = this_1.question.getItemClass(row, column);
|
|
5044
5112
|
if (this_1.question.hasCellText) {
|
|
5045
5113
|
var getHandler = function (column) { return function () { return _this.cellClick(row, column); }; };
|
|
5046
|
-
td = (
|
|
5114
|
+
td = (_("td", { key: key, className: itemClass, onClick: getHandler ? getHandler(column) : function () { } }, this_1.renderLocString(this_1.question.getCellDisplayLocText(row.name, column))));
|
|
5047
5115
|
}
|
|
5048
5116
|
else {
|
|
5049
5117
|
var renderedCell = ReactElementFactory.Instance.createElement(cellComponent, {
|
|
@@ -5054,7 +5122,7 @@ var reactquestion_matrix_SurveyQuestionMatrixRow = /** @class */ (function (_sup
|
|
|
5054
5122
|
cssClasses: this_1.cssClasses,
|
|
5055
5123
|
cellChanged: function () { _this.cellClick(_this.row, column); }
|
|
5056
5124
|
});
|
|
5057
|
-
td = (
|
|
5125
|
+
td = (_("td", { key: key, "data-responsive-title": column.locText.renderedHtml, className: this_1.question.cssClasses.cell }, renderedCell));
|
|
5058
5126
|
}
|
|
5059
5127
|
tds.push(td);
|
|
5060
5128
|
};
|
|
@@ -5123,27 +5191,27 @@ var reactquestion_matrix_SurveyQuestionMatrixCell = /** @class */ (function (_su
|
|
|
5123
5191
|
var inputId = this.question.inputId + "_" + this.row.name + "_" + this.columnIndex;
|
|
5124
5192
|
var itemClass = this.question.getItemClass(this.row, this.column);
|
|
5125
5193
|
var mobileSpan = this.question.isMobile ?
|
|
5126
|
-
(
|
|
5194
|
+
(_("span", { className: this.question.cssClasses.cellResponsiveTitle }, this.renderLocString(this.column.locText)))
|
|
5127
5195
|
: undefined;
|
|
5128
|
-
return (
|
|
5196
|
+
return (_("label", { onMouseDown: this.handleOnMouseDown, className: itemClass },
|
|
5129
5197
|
this.renderInput(inputId, isChecked),
|
|
5130
|
-
|
|
5131
|
-
|
|
5132
|
-
|
|
5198
|
+
_("span", { className: this.question.cssClasses.materialDecorator }, this.question.itemSvgIcon ?
|
|
5199
|
+
_("svg", { className: this.cssClasses.itemDecorator },
|
|
5200
|
+
_("use", { xlinkHref: this.question.itemSvgIcon })) :
|
|
5133
5201
|
null),
|
|
5134
5202
|
mobileSpan));
|
|
5135
5203
|
};
|
|
5136
5204
|
SurveyQuestionMatrixCell.prototype.renderInput = function (inputId, isChecked) {
|
|
5137
|
-
return (
|
|
5205
|
+
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 }));
|
|
5138
5206
|
};
|
|
5139
5207
|
return SurveyQuestionMatrixCell;
|
|
5140
5208
|
}(ReactSurveyElement));
|
|
5141
5209
|
|
|
5142
5210
|
ReactElementFactory.Instance.registerElement("survey-matrix-cell", function (props) {
|
|
5143
|
-
return
|
|
5211
|
+
return _(reactquestion_matrix_SurveyQuestionMatrixCell, props);
|
|
5144
5212
|
});
|
|
5145
5213
|
ReactQuestionFactory.Instance.registerQuestion("matrix", function (props) {
|
|
5146
|
-
return
|
|
5214
|
+
return _(reactquestion_matrix_SurveyQuestionMatrix, props);
|
|
5147
5215
|
});
|
|
5148
5216
|
|
|
5149
5217
|
// CONCATENATED MODULE: ./packages/survey-react-ui/src/reactquestion_html.tsx
|
|
@@ -5197,13 +5265,13 @@ var reactquestion_html_SurveyQuestionHtml = /** @class */ (function (_super) {
|
|
|
5197
5265
|
};
|
|
5198
5266
|
SurveyQuestionHtml.prototype.renderElement = function () {
|
|
5199
5267
|
var htmlValue = { __html: this.question.locHtml.renderedHtml };
|
|
5200
|
-
return (
|
|
5268
|
+
return (_("div", { className: this.question.renderCssRoot, dangerouslySetInnerHTML: htmlValue }));
|
|
5201
5269
|
};
|
|
5202
5270
|
return SurveyQuestionHtml;
|
|
5203
5271
|
}(reactquestion_element_SurveyQuestionElementBase));
|
|
5204
5272
|
|
|
5205
5273
|
ReactQuestionFactory.Instance.registerQuestion("html", function (props) {
|
|
5206
|
-
return
|
|
5274
|
+
return _(reactquestion_html_SurveyQuestionHtml, props);
|
|
5207
5275
|
});
|
|
5208
5276
|
|
|
5209
5277
|
// CONCATENATED MODULE: ./packages/survey-react-ui/src/components/loading-indicator.tsx
|
|
@@ -5230,8 +5298,8 @@ var loading_indicator_LoadingIndicatorComponent = /** @class */ (function (_supe
|
|
|
5230
5298
|
return _super !== null && _super.apply(this, arguments) || this;
|
|
5231
5299
|
}
|
|
5232
5300
|
LoadingIndicatorComponent.prototype.render = function () {
|
|
5233
|
-
return (
|
|
5234
|
-
|
|
5301
|
+
return (_("div", { className: "sd-loading-indicator" },
|
|
5302
|
+
_(svg_icon_SvgIcon, { iconName: "icon-loading", size: "auto" })));
|
|
5235
5303
|
};
|
|
5236
5304
|
return LoadingIndicatorComponent;
|
|
5237
5305
|
}(k));
|
|
@@ -5329,23 +5397,23 @@ var reactquestion_file_SurveyQuestionFile = /** @class */ (function (_super) {
|
|
|
5329
5397
|
var fileDecorator = this.question.showFileDecorator ? this.renderFileDecorator() : null;
|
|
5330
5398
|
var clearButton = this.question.showRemoveButton ? this.renderClearButton(this.question.cssClasses.removeButton) : null;
|
|
5331
5399
|
var clearButtonBottom = this.question.showRemoveButtonBottom ? this.renderClearButton(this.question.cssClasses.removeButtonBottom) : null;
|
|
5332
|
-
var fileNavigator = this.question.fileNavigatorVisible ? (
|
|
5400
|
+
var fileNavigator = this.question.fileNavigatorVisible ? (_(action_bar_SurveyActionBar, { model: this.question.fileNavigator })) : null;
|
|
5333
5401
|
var fileInput;
|
|
5334
5402
|
if (this.question.isReadOnlyAttr) {
|
|
5335
|
-
fileInput =
|
|
5403
|
+
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 });
|
|
5336
5404
|
}
|
|
5337
5405
|
else if (this.question.isDisabledAttr) {
|
|
5338
|
-
fileInput =
|
|
5406
|
+
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 });
|
|
5339
5407
|
}
|
|
5340
5408
|
else if (this.question.hasFileUI) {
|
|
5341
|
-
fileInput =
|
|
5409
|
+
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 });
|
|
5342
5410
|
}
|
|
5343
5411
|
else {
|
|
5344
5412
|
fileInput = null;
|
|
5345
5413
|
}
|
|
5346
|
-
return (
|
|
5414
|
+
return (_("div", { className: this.question.fileRootCss, ref: function (el) { return (_this.setContent(el)); } },
|
|
5347
5415
|
fileInput,
|
|
5348
|
-
|
|
5416
|
+
_("div", { className: this.question.cssClasses.dragArea, onDrop: this.question.onDrop, onDragOver: this.question.onDragOver, onDragLeave: this.question.onDragLeave, onDragEnter: this.question.onDragEnter },
|
|
5349
5417
|
fileDecorator,
|
|
5350
5418
|
loadingIndicator,
|
|
5351
5419
|
video,
|
|
@@ -5356,42 +5424,42 @@ var reactquestion_file_SurveyQuestionFile = /** @class */ (function (_super) {
|
|
|
5356
5424
|
};
|
|
5357
5425
|
SurveyQuestionFile.prototype.renderFileDecorator = function () {
|
|
5358
5426
|
var chooseButton = this.question.showChooseButton ? this.renderChooseButton() : null;
|
|
5359
|
-
var actionsContainer = this.question.actionsContainerVisible ?
|
|
5360
|
-
var noFileChosen = this.question.isEmpty() ? (
|
|
5361
|
-
return (
|
|
5362
|
-
|
|
5363
|
-
|
|
5427
|
+
var actionsContainer = this.question.actionsContainerVisible ? _(action_bar_SurveyActionBar, { model: this.question.actionsContainer }) : null;
|
|
5428
|
+
var noFileChosen = this.question.isEmpty() ? (_("span", { className: this.question.cssClasses.noFileChosen }, this.question.noFileChosenCaption)) : null;
|
|
5429
|
+
return (_("div", { className: this.question.getFileDecoratorCss() },
|
|
5430
|
+
_("span", { className: this.question.cssClasses.dragAreaPlaceholder }, this.renderLocString(this.question.locRenderedPlaceholder)),
|
|
5431
|
+
_("div", { className: this.question.cssClasses.wrapper },
|
|
5364
5432
|
chooseButton,
|
|
5365
5433
|
actionsContainer,
|
|
5366
5434
|
noFileChosen)));
|
|
5367
5435
|
};
|
|
5368
5436
|
SurveyQuestionFile.prototype.renderChooseButton = function () {
|
|
5369
|
-
return
|
|
5437
|
+
return _(file_choose_button_SurveyFileChooseButton, { data: { question: this.question } });
|
|
5370
5438
|
};
|
|
5371
5439
|
SurveyQuestionFile.prototype.renderClearButton = function (className) {
|
|
5372
|
-
return !this.question.isUploading ? (
|
|
5373
|
-
|
|
5374
|
-
(!!this.question.cssClasses.removeButtonIconId) ?
|
|
5440
|
+
return !this.question.isUploading ? (_("button", { type: "button", onClick: this.question.doClean, className: className },
|
|
5441
|
+
_("span", null, this.question.clearButtonCaption),
|
|
5442
|
+
(!!this.question.cssClasses.removeButtonIconId) ? _(svg_icon_SvgIcon, { iconName: this.question.cssClasses.removeButtonIconId, size: "auto", title: this.question.clearButtonCaption }) : null)) : null;
|
|
5375
5443
|
};
|
|
5376
5444
|
SurveyQuestionFile.prototype.renderPreview = function () {
|
|
5377
5445
|
return ReactElementFactory.Instance.createElement("sv-file-preview", { question: this.question });
|
|
5378
5446
|
};
|
|
5379
5447
|
SurveyQuestionFile.prototype.renderLoadingIndicator = function () {
|
|
5380
|
-
return
|
|
5381
|
-
|
|
5448
|
+
return _("div", { className: this.question.cssClasses.loadingIndicator },
|
|
5449
|
+
_(loading_indicator_LoadingIndicatorComponent, null));
|
|
5382
5450
|
};
|
|
5383
5451
|
SurveyQuestionFile.prototype.renderVideo = function () {
|
|
5384
|
-
return (
|
|
5385
|
-
|
|
5386
|
-
|
|
5387
|
-
|
|
5388
|
-
|
|
5452
|
+
return (_("div", { className: this.question.cssClasses.videoContainer },
|
|
5453
|
+
_(action_bar_item_SurveyAction, { item: this.question.changeCameraAction }),
|
|
5454
|
+
_(action_bar_item_SurveyAction, { item: this.question.closeCameraAction }),
|
|
5455
|
+
_("video", { autoPlay: true, playsInline: true, id: this.question.videoId, className: this.question.cssClasses.video }),
|
|
5456
|
+
_(action_bar_item_SurveyAction, { item: this.question.takePictureAction })));
|
|
5389
5457
|
};
|
|
5390
5458
|
return SurveyQuestionFile;
|
|
5391
5459
|
}(reactquestion_element_SurveyQuestionElementBase));
|
|
5392
5460
|
|
|
5393
5461
|
ReactQuestionFactory.Instance.registerQuestion("file", function (props) {
|
|
5394
|
-
return
|
|
5462
|
+
return _(reactquestion_file_SurveyQuestionFile, props);
|
|
5395
5463
|
});
|
|
5396
5464
|
|
|
5397
5465
|
// CONCATENATED MODULE: ./packages/survey-react-ui/src/components/file/file-item.tsx
|
|
@@ -5609,19 +5677,19 @@ var reactquestion_multipletext_SurveyQuestionMultipleText = /** @class */ (funct
|
|
|
5609
5677
|
rows.push(this.renderRow(i, tableRows[i].cells, cssClasses));
|
|
5610
5678
|
}
|
|
5611
5679
|
}
|
|
5612
|
-
return (
|
|
5613
|
-
|
|
5680
|
+
return (_("table", { className: this.question.getQuestionRootCss() },
|
|
5681
|
+
_("tbody", null, rows)));
|
|
5614
5682
|
};
|
|
5615
5683
|
SurveyQuestionMultipleText.prototype.renderCell = function (cell, cssClasses, index) {
|
|
5616
5684
|
var cellContent;
|
|
5617
5685
|
var focusIn = function () { cell.item.focusIn(); };
|
|
5618
5686
|
if (cell.isErrorsCell) {
|
|
5619
|
-
cellContent =
|
|
5687
|
+
cellContent = _(reactquestion_SurveyQuestionErrorCell, { question: cell.item.editor, creator: this.creator });
|
|
5620
5688
|
}
|
|
5621
5689
|
else {
|
|
5622
|
-
cellContent =
|
|
5690
|
+
cellContent = _(reactquestion_multipletext_SurveyMultipleTextItem, { question: this.question, item: cell.item, creator: this.creator, cssClasses: cssClasses });
|
|
5623
5691
|
}
|
|
5624
|
-
return (
|
|
5692
|
+
return (_("td", { key: "item" + index, className: cell.className, onFocus: focusIn }, cellContent));
|
|
5625
5693
|
};
|
|
5626
5694
|
SurveyQuestionMultipleText.prototype.renderRow = function (rowIndex, cells, cssClasses) {
|
|
5627
5695
|
var key = "item" + rowIndex;
|
|
@@ -5630,7 +5698,7 @@ var reactquestion_multipletext_SurveyQuestionMultipleText = /** @class */ (funct
|
|
|
5630
5698
|
var cell = cells[i];
|
|
5631
5699
|
tds.push(this.renderCell(cell, cssClasses, i));
|
|
5632
5700
|
}
|
|
5633
|
-
return (
|
|
5701
|
+
return (_("tr", { key: key, className: cssClasses.row }, tds));
|
|
5634
5702
|
};
|
|
5635
5703
|
return SurveyQuestionMultipleText;
|
|
5636
5704
|
}(reactquestion_element_SurveyQuestionElementBase));
|
|
@@ -5672,10 +5740,10 @@ var reactquestion_multipletext_SurveyMultipleTextItem = /** @class */ (function
|
|
|
5672
5740
|
titleStyle.minWidth = this.question.itemTitleWidth;
|
|
5673
5741
|
titleStyle.width = this.question.itemTitleWidth;
|
|
5674
5742
|
}
|
|
5675
|
-
return (
|
|
5676
|
-
|
|
5677
|
-
|
|
5678
|
-
|
|
5743
|
+
return (_("label", { className: this.question.getItemLabelCss(item) },
|
|
5744
|
+
_("span", { className: cssClasses.itemTitle, style: titleStyle },
|
|
5745
|
+
_(title_content_TitleContent, { element: item.editor, cssClasses: item.editor.cssClasses })),
|
|
5746
|
+
_(reactquestion_multipletext_SurveyMultipleTextItemEditor, { cssClasses: cssClasses, itemCss: this.question.getItemCss(), question: item.editor, creator: this.creator })));
|
|
5679
5747
|
};
|
|
5680
5748
|
return SurveyMultipleTextItem;
|
|
5681
5749
|
}(ReactSurveyElement));
|
|
@@ -5686,13 +5754,13 @@ var reactquestion_multipletext_SurveyMultipleTextItemEditor = /** @class */ (fun
|
|
|
5686
5754
|
return _super !== null && _super.apply(this, arguments) || this;
|
|
5687
5755
|
}
|
|
5688
5756
|
SurveyMultipleTextItemEditor.prototype.renderElement = function () {
|
|
5689
|
-
return
|
|
5757
|
+
return _("div", { className: this.itemCss }, this.renderContent());
|
|
5690
5758
|
};
|
|
5691
5759
|
return SurveyMultipleTextItemEditor;
|
|
5692
5760
|
}(reactquestion_SurveyQuestionAndErrorsWrapped));
|
|
5693
5761
|
|
|
5694
5762
|
ReactQuestionFactory.Instance.registerQuestion("multipletext", function (props) {
|
|
5695
|
-
return
|
|
5763
|
+
return _(reactquestion_multipletext_SurveyQuestionMultipleText, props);
|
|
5696
5764
|
});
|
|
5697
5765
|
|
|
5698
5766
|
// CONCATENATED MODULE: ./packages/survey-react-ui/src/reactquestion_radiogroup.tsx
|
|
@@ -5734,10 +5802,10 @@ var reactquestion_radiogroup_SurveyQuestionRadiogroup = /** @class */ (function
|
|
|
5734
5802
|
var cssClasses = this.question.cssClasses;
|
|
5735
5803
|
var clearButton = null;
|
|
5736
5804
|
if (this.question.showClearButtonInContent) {
|
|
5737
|
-
clearButton = (
|
|
5738
|
-
|
|
5805
|
+
clearButton = (_("div", null,
|
|
5806
|
+
_("input", { type: "button", className: this.question.cssClasses.clearButton, onClick: function () { return _this.question.clearValue(true); }, value: this.question.clearButtonCaption })));
|
|
5739
5807
|
}
|
|
5740
|
-
return (
|
|
5808
|
+
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 },
|
|
5741
5809
|
this.question.hasColumns
|
|
5742
5810
|
? this.getColumnedBody(cssClasses)
|
|
5743
5811
|
: this.getBody(cssClasses),
|
|
@@ -5754,7 +5822,7 @@ var reactquestion_radiogroup_SurveyQuestionRadiogroup = /** @class */ (function
|
|
|
5754
5822
|
}
|
|
5755
5823
|
};
|
|
5756
5824
|
SurveyQuestionRadiogroup.prototype.getColumnedBody = function (cssClasses) {
|
|
5757
|
-
return (
|
|
5825
|
+
return (_("div", { className: cssClasses.rootMultiColumn }, this.getColumns(cssClasses)));
|
|
5758
5826
|
};
|
|
5759
5827
|
SurveyQuestionRadiogroup.prototype.getColumns = function (cssClasses) {
|
|
5760
5828
|
var _this = this;
|
|
@@ -5763,15 +5831,15 @@ var reactquestion_radiogroup_SurveyQuestionRadiogroup = /** @class */ (function
|
|
|
5763
5831
|
var items = column.map(function (item, ii) {
|
|
5764
5832
|
return _this.renderItem(item, value, cssClasses, "" + ci + ii);
|
|
5765
5833
|
});
|
|
5766
|
-
return (
|
|
5834
|
+
return (_("div", { key: "column" + ci + _this.question.getItemsColumnKey(column), className: _this.question.getColumnClass(), role: "presentation" }, items));
|
|
5767
5835
|
});
|
|
5768
5836
|
};
|
|
5769
5837
|
SurveyQuestionRadiogroup.prototype.getBody = function (cssClasses) {
|
|
5770
5838
|
if (this.question.blockedRow) {
|
|
5771
|
-
return
|
|
5839
|
+
return _("div", { className: cssClasses.rootRow }, this.getItems(cssClasses, this.question.dataChoices));
|
|
5772
5840
|
}
|
|
5773
5841
|
else
|
|
5774
|
-
return
|
|
5842
|
+
return _(b, null, this.getItems(cssClasses, this.question.bodyItems));
|
|
5775
5843
|
};
|
|
5776
5844
|
SurveyQuestionRadiogroup.prototype.getItems = function (cssClasses, choices) {
|
|
5777
5845
|
var items = [];
|
|
@@ -5791,8 +5859,8 @@ var reactquestion_radiogroup_SurveyQuestionRadiogroup = /** @class */ (function
|
|
|
5791
5859
|
configurable: true
|
|
5792
5860
|
});
|
|
5793
5861
|
SurveyQuestionRadiogroup.prototype.renderOther = function (cssClasses) {
|
|
5794
|
-
return (
|
|
5795
|
-
|
|
5862
|
+
return (_("div", { className: this.question.getCommentAreaCss(true) },
|
|
5863
|
+
_(SurveyQuestionOtherValueItem, { question: this.question, otherCss: cssClasses.other, cssClasses: cssClasses, isDisplayMode: this.isDisplayMode })));
|
|
5796
5864
|
};
|
|
5797
5865
|
SurveyQuestionRadiogroup.prototype.renderItem = function (item, value, cssClasses, index) {
|
|
5798
5866
|
var renderedItem = ReactElementFactory.Instance.createElement(this.question.itemComponent, {
|
|
@@ -5906,14 +5974,14 @@ var reactquestion_radiogroup_SurveyQuestionRadioItem = /** @class */ (function (
|
|
|
5906
5974
|
var itemClass = this.question.getItemClass(this.item);
|
|
5907
5975
|
var labelClass = this.question.getLabelClass(this.item);
|
|
5908
5976
|
var controlLabelClass = this.question.getControlLabelClass(this.item);
|
|
5909
|
-
var itemLabel = !this.hideCaption ?
|
|
5910
|
-
return (
|
|
5911
|
-
|
|
5912
|
-
|
|
5977
|
+
var itemLabel = !this.hideCaption ? _("span", { className: controlLabelClass }, this.renderLocString(this.item.locText, this.textStyle)) : null;
|
|
5978
|
+
return (_("div", { className: itemClass, role: "presentation", ref: this.rootRef },
|
|
5979
|
+
_("label", { onMouseDown: this.handleOnMouseDown, className: labelClass },
|
|
5980
|
+
_("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 }),
|
|
5913
5981
|
this.cssClasses.materialDecorator ?
|
|
5914
|
-
|
|
5915
|
-
|
|
5916
|
-
|
|
5982
|
+
_("span", { className: this.cssClasses.materialDecorator }, this.question.itemSvgIcon ?
|
|
5983
|
+
_("svg", { className: this.cssClasses.itemDecorator },
|
|
5984
|
+
_("use", { xlinkHref: this.question.itemSvgIcon })) :
|
|
5917
5985
|
null) :
|
|
5918
5986
|
null,
|
|
5919
5987
|
itemLabel)));
|
|
@@ -5934,10 +6002,10 @@ var reactquestion_radiogroup_SurveyQuestionRadioItem = /** @class */ (function (
|
|
|
5934
6002
|
}(ReactSurveyElement));
|
|
5935
6003
|
|
|
5936
6004
|
ReactElementFactory.Instance.registerElement("survey-radiogroup-item", function (props) {
|
|
5937
|
-
return
|
|
6005
|
+
return _(reactquestion_radiogroup_SurveyQuestionRadioItem, props);
|
|
5938
6006
|
});
|
|
5939
6007
|
ReactQuestionFactory.Instance.registerQuestion("radiogroup", function (props) {
|
|
5940
|
-
return
|
|
6008
|
+
return _(reactquestion_radiogroup_SurveyQuestionRadiogroup, props);
|
|
5941
6009
|
});
|
|
5942
6010
|
|
|
5943
6011
|
// CONCATENATED MODULE: ./packages/survey-react-ui/src/reactquestion_text.tsx
|
|
@@ -5972,11 +6040,11 @@ var reactquestion_text_SurveyQuestionText = /** @class */ (function (_super) {
|
|
|
5972
6040
|
var inputClass = this.question.getControlClass();
|
|
5973
6041
|
var placeholder = this.question.renderedPlaceholder;
|
|
5974
6042
|
if (this.question.isReadOnlyRenderDiv()) {
|
|
5975
|
-
return
|
|
6043
|
+
return _("div", null, this.question.inputValue);
|
|
5976
6044
|
}
|
|
5977
|
-
var counter = !!this.question.getMaxLength() ? (
|
|
5978
|
-
return (
|
|
5979
|
-
|
|
6045
|
+
var counter = !!this.question.getMaxLength() ? (_(character_counter_CharacterCounterComponent, { counter: this.question.characterCounter, remainingCharacterCounter: this.question.cssClasses.remainingCharacterCounter })) : null;
|
|
6046
|
+
return (_(b, null,
|
|
6047
|
+
_("input", { id: this.question.inputId,
|
|
5980
6048
|
// disabled={this.isDisplayMode}
|
|
5981
6049
|
disabled: this.question.isDisabledAttr, readOnly: this.question.isReadOnlyAttr, className: inputClass, type: this.question.inputType,
|
|
5982
6050
|
//ref={this.controlRef}
|
|
@@ -5985,7 +6053,7 @@ var reactquestion_text_SurveyQuestionText = /** @class */ (function (_super) {
|
|
|
5985
6053
|
};
|
|
5986
6054
|
SurveyQuestionText.prototype.renderElement = function () {
|
|
5987
6055
|
return (this.question.dataListId ?
|
|
5988
|
-
|
|
6056
|
+
_("div", null,
|
|
5989
6057
|
this.renderInput(),
|
|
5990
6058
|
this.renderDataList()) :
|
|
5991
6059
|
this.renderInput());
|
|
@@ -6004,15 +6072,15 @@ var reactquestion_text_SurveyQuestionText = /** @class */ (function (_super) {
|
|
|
6004
6072
|
return null;
|
|
6005
6073
|
var options = [];
|
|
6006
6074
|
for (var i = 0; i < items.length; i++) {
|
|
6007
|
-
options.push(
|
|
6075
|
+
options.push(_("option", { key: "item" + i, value: items[i] }));
|
|
6008
6076
|
}
|
|
6009
|
-
return
|
|
6077
|
+
return _("datalist", { id: this.question.dataListId }, options);
|
|
6010
6078
|
};
|
|
6011
6079
|
return SurveyQuestionText;
|
|
6012
6080
|
}(reactquestion_element_SurveyQuestionUncontrolledElement));
|
|
6013
6081
|
|
|
6014
6082
|
ReactQuestionFactory.Instance.registerQuestion("text", function (props) {
|
|
6015
|
-
return
|
|
6083
|
+
return _(reactquestion_text_SurveyQuestionText, props);
|
|
6016
6084
|
});
|
|
6017
6085
|
|
|
6018
6086
|
// CONCATENATED MODULE: ./packages/survey-react-ui/src/boolean.tsx
|
|
@@ -6093,25 +6161,25 @@ var boolean_SurveyQuestionBoolean = /** @class */ (function (_super) {
|
|
|
6093
6161
|
var _this = this;
|
|
6094
6162
|
var cssClasses = this.question.cssClasses;
|
|
6095
6163
|
var itemClass = this.question.getItemCss();
|
|
6096
|
-
return (
|
|
6097
|
-
|
|
6098
|
-
|
|
6164
|
+
return (_("div", { className: cssClasses.root, onKeyDown: this.handleOnKeyDown },
|
|
6165
|
+
_("label", { className: itemClass, onClick: this.handleOnClick },
|
|
6166
|
+
_("input", { ref: this.checkRef, type: "checkbox", name: this.question.name, value: this.question.booleanValue === null
|
|
6099
6167
|
? ""
|
|
6100
6168
|
: 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 }),
|
|
6101
|
-
|
|
6102
|
-
|
|
6103
|
-
|
|
6104
|
-
|
|
6105
|
-
|
|
6169
|
+
_("div", { className: cssClasses.sliderGhost, onClick: function (event) { return _this.handleOnLabelClick(event, _this.question.swapOrder); } },
|
|
6170
|
+
_("span", { className: this.question.getLabelCss(this.question.swapOrder) }, this.renderLocString(this.question.locLabelLeft))),
|
|
6171
|
+
_("div", { className: cssClasses.switch, onClick: this.handleOnSwitchClick },
|
|
6172
|
+
_("span", { className: cssClasses.slider }, this.question.isDeterminated && cssClasses.sliderText ?
|
|
6173
|
+
_("span", { className: cssClasses.sliderText }, this.renderLocString(this.question.getCheckedLabel()))
|
|
6106
6174
|
: null)),
|
|
6107
|
-
|
|
6108
|
-
|
|
6175
|
+
_("div", { className: cssClasses.sliderGhost, onClick: function (event) { return _this.handleOnLabelClick(event, !_this.question.swapOrder); } },
|
|
6176
|
+
_("span", { className: this.question.getLabelCss(!this.question.swapOrder) }, this.renderLocString(this.question.locLabelRight))))));
|
|
6109
6177
|
};
|
|
6110
6178
|
return SurveyQuestionBoolean;
|
|
6111
6179
|
}(reactquestion_element_SurveyQuestionElementBase));
|
|
6112
6180
|
|
|
6113
6181
|
ReactQuestionFactory.Instance.registerQuestion("boolean", function (props) {
|
|
6114
|
-
return
|
|
6182
|
+
return _(boolean_SurveyQuestionBoolean, props);
|
|
6115
6183
|
});
|
|
6116
6184
|
|
|
6117
6185
|
// CONCATENATED MODULE: ./packages/survey-react-ui/src/boolean-checkbox.tsx
|
|
@@ -6146,26 +6214,26 @@ var boolean_checkbox_SurveyQuestionBooleanCheckbox = /** @class */ (function (_s
|
|
|
6146
6214
|
var itemClass = this.question.getCheckboxItemCss();
|
|
6147
6215
|
var description = this.question.canRenderLabelDescription ?
|
|
6148
6216
|
reactquestion_element_SurveyElementBase.renderQuestionDescription(this.question) : null;
|
|
6149
|
-
return (
|
|
6150
|
-
|
|
6151
|
-
|
|
6152
|
-
|
|
6217
|
+
return (_("div", { className: cssClasses.rootCheckbox },
|
|
6218
|
+
_("div", { className: itemClass },
|
|
6219
|
+
_("label", { className: cssClasses.checkboxLabel },
|
|
6220
|
+
_("input", { ref: this.checkRef, type: "checkbox", name: this.question.name, value: this.question.booleanValue === null
|
|
6153
6221
|
? ""
|
|
6154
6222
|
: 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 }),
|
|
6155
|
-
|
|
6223
|
+
_("span", { className: cssClasses.checkboxMaterialDecorator },
|
|
6156
6224
|
this.question.svgIcon ?
|
|
6157
|
-
|
|
6158
|
-
|
|
6159
|
-
|
|
6160
|
-
this.question.isLabelRendered && (
|
|
6161
|
-
|
|
6225
|
+
_("svg", { className: cssClasses.checkboxItemDecorator },
|
|
6226
|
+
_("use", { xlinkHref: this.question.svgIcon })) : null,
|
|
6227
|
+
_("span", { className: "check" })),
|
|
6228
|
+
this.question.isLabelRendered && (_("span", { className: cssClasses.checkboxControlLabel, id: this.question.labelRenderedAriaID },
|
|
6229
|
+
_(title_actions_TitleActions, { element: this.question, cssClasses: this.question.cssClasses })))),
|
|
6162
6230
|
description)));
|
|
6163
6231
|
};
|
|
6164
6232
|
return SurveyQuestionBooleanCheckbox;
|
|
6165
6233
|
}(boolean_SurveyQuestionBoolean));
|
|
6166
6234
|
|
|
6167
6235
|
ReactQuestionFactory.Instance.registerQuestion("sv-boolean-checkbox", function (props) {
|
|
6168
|
-
return
|
|
6236
|
+
return _(boolean_checkbox_SurveyQuestionBooleanCheckbox, props);
|
|
6169
6237
|
});
|
|
6170
6238
|
external_root_Survey_commonjs2_survey_core_commonjs_survey_core_amd_survey_core_["RendererFactory"].Instance.registerRenderer("boolean", "checkbox", "sv-boolean-checkbox");
|
|
6171
6239
|
|
|
@@ -6200,24 +6268,24 @@ var boolean_radio_SurveyQuestionBooleanRadio = /** @class */ (function (_super)
|
|
|
6200
6268
|
}
|
|
6201
6269
|
SurveyQuestionBooleanRadio.prototype.renderRadioItem = function (value, locText) {
|
|
6202
6270
|
var cssClasses = this.question.cssClasses;
|
|
6203
|
-
return (
|
|
6204
|
-
|
|
6205
|
-
|
|
6271
|
+
return (_("div", { role: "presentation", className: this.question.getRadioItemClass(cssClasses, value) },
|
|
6272
|
+
_("label", { className: cssClasses.radioLabel },
|
|
6273
|
+
_("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 }),
|
|
6206
6274
|
this.question.cssClasses.materialRadioDecorator ?
|
|
6207
|
-
(
|
|
6208
|
-
(
|
|
6209
|
-
|
|
6210
|
-
|
|
6275
|
+
(_("span", { className: cssClasses.materialRadioDecorator }, this.question.itemSvgIcon ?
|
|
6276
|
+
(_("svg", { className: cssClasses.itemRadioDecorator },
|
|
6277
|
+
_("use", { xlinkHref: this.question.itemSvgIcon }))) : null)) : null,
|
|
6278
|
+
_("span", { className: cssClasses.radioControlLabel }, this.renderLocString(locText)))));
|
|
6211
6279
|
};
|
|
6212
6280
|
SurveyQuestionBooleanRadio.prototype.renderElement = function () {
|
|
6213
6281
|
var cssClasses = this.question.cssClasses;
|
|
6214
|
-
return (
|
|
6215
|
-
|
|
6216
|
-
(
|
|
6282
|
+
return (_("div", { className: cssClasses.rootRadio },
|
|
6283
|
+
_("fieldset", { role: "presentation", className: cssClasses.radioFieldset }, !this.question.swapOrder ?
|
|
6284
|
+
(_(b, null,
|
|
6217
6285
|
this.renderRadioItem(false, this.question.locLabelFalse),
|
|
6218
6286
|
this.renderRadioItem(true, this.question.locLabelTrue)))
|
|
6219
6287
|
:
|
|
6220
|
-
(
|
|
6288
|
+
(_(b, null,
|
|
6221
6289
|
this.renderRadioItem(true, this.question.locLabelTrue),
|
|
6222
6290
|
this.renderRadioItem(false, this.question.locLabelFalse))))));
|
|
6223
6291
|
};
|
|
@@ -6225,7 +6293,7 @@ var boolean_radio_SurveyQuestionBooleanRadio = /** @class */ (function (_super)
|
|
|
6225
6293
|
}(boolean_SurveyQuestionBoolean));
|
|
6226
6294
|
|
|
6227
6295
|
ReactQuestionFactory.Instance.registerQuestion("sv-boolean-radio", function (props) {
|
|
6228
|
-
return
|
|
6296
|
+
return _(boolean_radio_SurveyQuestionBooleanRadio, props);
|
|
6229
6297
|
});
|
|
6230
6298
|
external_root_Survey_commonjs2_survey_core_commonjs_survey_core_amd_survey_core_["RendererFactory"].Instance.registerRenderer("boolean", "radio", "sv-boolean-radio");
|
|
6231
6299
|
|
|
@@ -6263,13 +6331,13 @@ var reactquestion_empty_SurveyQuestionEmpty = /** @class */ (function (_super) {
|
|
|
6263
6331
|
configurable: true
|
|
6264
6332
|
});
|
|
6265
6333
|
SurveyQuestionEmpty.prototype.renderElement = function () {
|
|
6266
|
-
return
|
|
6334
|
+
return _("div", null);
|
|
6267
6335
|
};
|
|
6268
6336
|
return SurveyQuestionEmpty;
|
|
6269
6337
|
}(reactquestion_element_SurveyQuestionElementBase));
|
|
6270
6338
|
|
|
6271
6339
|
ReactQuestionFactory.Instance.registerQuestion("empty", function (props) {
|
|
6272
|
-
return
|
|
6340
|
+
return _(reactquestion_empty_SurveyQuestionEmpty, props);
|
|
6273
6341
|
});
|
|
6274
6342
|
|
|
6275
6343
|
// CONCATENATED MODULE: ./packages/survey-react-ui/src/components/matrix/row.tsx
|
|
@@ -6482,22 +6550,22 @@ var reactquestion_matrixdropdownbase_SurveyQuestionMatrixTable = /** @class */ (
|
|
|
6482
6550
|
}
|
|
6483
6551
|
var cellContent = this.renderCellContent(cell, "column-header", {});
|
|
6484
6552
|
var header = cell.hasTitle ?
|
|
6485
|
-
|
|
6553
|
+
_("th", { className: cell.className, key: key, style: columnStyle },
|
|
6486
6554
|
" ",
|
|
6487
6555
|
cellContent,
|
|
6488
6556
|
" ")
|
|
6489
|
-
:
|
|
6557
|
+
: _("td", { className: cell.className, key: key, style: columnStyle });
|
|
6490
6558
|
headers.push(header);
|
|
6491
6559
|
}
|
|
6492
|
-
return (
|
|
6493
|
-
|
|
6560
|
+
return (_("thead", null,
|
|
6561
|
+
_("tr", null, headers)));
|
|
6494
6562
|
};
|
|
6495
6563
|
SurveyQuestionMatrixTable.prototype.renderFooter = function () {
|
|
6496
6564
|
var table = this.question.renderedTable;
|
|
6497
6565
|
if (!table.showFooter)
|
|
6498
6566
|
return null;
|
|
6499
6567
|
var row = this.renderRow("footer", table.footerRow, this.question.cssClasses, "row-footer");
|
|
6500
|
-
return
|
|
6568
|
+
return _("tfoot", null, row);
|
|
6501
6569
|
};
|
|
6502
6570
|
SurveyQuestionMatrixTable.prototype.renderRows = function () {
|
|
6503
6571
|
var cssClasses = this.question.cssClasses;
|
|
@@ -6506,7 +6574,7 @@ var reactquestion_matrixdropdownbase_SurveyQuestionMatrixTable = /** @class */ (
|
|
|
6506
6574
|
for (var i = 0; i < renderedRows.length; i++) {
|
|
6507
6575
|
rows.push(this.renderRow(renderedRows[i].id, renderedRows[i], cssClasses));
|
|
6508
6576
|
}
|
|
6509
|
-
return
|
|
6577
|
+
return _("tbody", null, rows);
|
|
6510
6578
|
};
|
|
6511
6579
|
SurveyQuestionMatrixTable.prototype.renderRow = function (keyValue, row, cssClasses, reason) {
|
|
6512
6580
|
var matrixrow = [];
|
|
@@ -6515,16 +6583,16 @@ var reactquestion_matrixdropdownbase_SurveyQuestionMatrixTable = /** @class */ (
|
|
|
6515
6583
|
matrixrow.push(this.renderCell(cells[i], i, cssClasses, reason));
|
|
6516
6584
|
}
|
|
6517
6585
|
var key = "row" + keyValue;
|
|
6518
|
-
return (
|
|
6586
|
+
return (_(b, { key: key }, (reason == "row-footer") ? _("tr", null, matrixrow) : _(row_MatrixRow, { model: row, parentMatrix: this.question }, matrixrow)));
|
|
6519
6587
|
};
|
|
6520
6588
|
SurveyQuestionMatrixTable.prototype.renderCell = function (cell, index, cssClasses, reason) {
|
|
6521
6589
|
var key = "cell" + index;
|
|
6522
6590
|
if (cell.hasQuestion) {
|
|
6523
|
-
return (
|
|
6591
|
+
return (_(reactquestion_matrixdropdownbase_SurveyQuestionMatrixDropdownCell, { key: key, cssClasses: cssClasses, cell: cell, creator: this.creator, reason: reason }));
|
|
6524
6592
|
}
|
|
6525
6593
|
if (cell.isErrorsCell) {
|
|
6526
6594
|
if (cell.isErrorsCell) {
|
|
6527
|
-
return (
|
|
6595
|
+
return (_(reactquestion_matrixdropdownbase_SurveyQuestionMatrixDropdownErrorsCell, { cell: cell, key: key, keyValue: key, question: cell.question, creator: this.creator }));
|
|
6528
6596
|
}
|
|
6529
6597
|
}
|
|
6530
6598
|
var calcReason = reason;
|
|
@@ -6540,7 +6608,7 @@ var reactquestion_matrixdropdownbase_SurveyQuestionMatrixTable = /** @class */ (
|
|
|
6540
6608
|
if (!!cell.minWidth)
|
|
6541
6609
|
cellStyle.minWidth = cell.minWidth;
|
|
6542
6610
|
}
|
|
6543
|
-
return (
|
|
6611
|
+
return (_("td", { className: cell.className, key: key, style: cellStyle, colSpan: cell.colSpans, title: cell.getTitle() }, cellContent));
|
|
6544
6612
|
};
|
|
6545
6613
|
SurveyQuestionMatrixTable.prototype.renderCellContent = function (cell, reason, cssClasses) {
|
|
6546
6614
|
var cellContent = null;
|
|
@@ -6555,14 +6623,14 @@ var reactquestion_matrixdropdownbase_SurveyQuestionMatrixTable = /** @class */ (
|
|
|
6555
6623
|
if (cell.hasTitle) {
|
|
6556
6624
|
reason = "row-header";
|
|
6557
6625
|
var str = this.renderLocString(cell.locTitle);
|
|
6558
|
-
var require_1 = !!cell.column ?
|
|
6559
|
-
cellContent = (
|
|
6626
|
+
var require_1 = !!cell.column ? _(reactquestion_matrixdropdownbase_SurveyQuestionMatrixHeaderRequired, { column: cell.column, question: this.question }) : null;
|
|
6627
|
+
cellContent = (_(b, null,
|
|
6560
6628
|
str,
|
|
6561
6629
|
require_1));
|
|
6562
6630
|
}
|
|
6563
6631
|
if (cell.isDragHandlerCell) {
|
|
6564
|
-
cellContent = (
|
|
6565
|
-
|
|
6632
|
+
cellContent = (_(b, null,
|
|
6633
|
+
_(drag_drop_icon_SurveyQuestionMatrixDynamicDragDropIcon, { item: { data: { row: cell.row, question: this.question } } })));
|
|
6566
6634
|
}
|
|
6567
6635
|
if (cell.isActionsCell) {
|
|
6568
6636
|
cellContent = (ReactElementFactory.Instance.createElement("sv-matrixdynamic-actions-cell", {
|
|
@@ -6572,18 +6640,18 @@ var reactquestion_matrixdropdownbase_SurveyQuestionMatrixTable = /** @class */ (
|
|
|
6572
6640
|
}));
|
|
6573
6641
|
}
|
|
6574
6642
|
if (cell.hasPanel) {
|
|
6575
|
-
cellContent = (
|
|
6643
|
+
cellContent = (_(panel_SurveyPanel, { key: cell.panel.id, element: cell.panel, survey: this.question.survey, cssClasses: cssClasses, isDisplayMode: this.isDisplayMode, creator: this.creator }));
|
|
6576
6644
|
}
|
|
6577
6645
|
if (!cellContent)
|
|
6578
6646
|
return null;
|
|
6579
|
-
var readyCell = (
|
|
6647
|
+
var readyCell = (_(b, null, cellContent));
|
|
6580
6648
|
return this.wrapCell(cell, readyCell, reason);
|
|
6581
6649
|
};
|
|
6582
6650
|
SurveyQuestionMatrixTable.prototype.renderElement = function () {
|
|
6583
6651
|
var header = this.renderHeader();
|
|
6584
6652
|
var footers = this.renderFooter();
|
|
6585
6653
|
var rows = this.renderRows();
|
|
6586
|
-
return (
|
|
6654
|
+
return (_("table", { className: this.question.getTableCss() },
|
|
6587
6655
|
header,
|
|
6588
6656
|
rows,
|
|
6589
6657
|
footers));
|
|
@@ -6634,8 +6702,8 @@ var reactquestion_matrixdropdownbase_SurveyQuestionMatrixDropdownBase = /** @cla
|
|
|
6634
6702
|
var divStyle = this.question.showHorizontalScroll
|
|
6635
6703
|
? { overflowX: "scroll" }
|
|
6636
6704
|
: {};
|
|
6637
|
-
return (
|
|
6638
|
-
|
|
6705
|
+
return (_("div", { style: divStyle, className: this.question.cssClasses.tableWrapper, ref: function (root) { return (_this.setControl(root)); } },
|
|
6706
|
+
_(reactquestion_matrixdropdownbase_SurveyQuestionMatrixTable, { question: this.question, creator: this.creator, wrapCell: function (cell, element, reason) { return _this.wrapCell(cell, element, reason); } })));
|
|
6639
6707
|
};
|
|
6640
6708
|
return SurveyQuestionMatrixDropdownBase;
|
|
6641
6709
|
}(reactquestion_element_SurveyQuestionElementBase));
|
|
@@ -6653,7 +6721,7 @@ var reactquestion_matrixdropdownbase_SurveyQuestionMatrixActionsCell = /** @clas
|
|
|
6653
6721
|
configurable: true
|
|
6654
6722
|
});
|
|
6655
6723
|
SurveyQuestionMatrixActionsCell.prototype.renderElement = function () {
|
|
6656
|
-
return (
|
|
6724
|
+
return (_(action_bar_SurveyActionBar, { model: this.model, handleClick: false }));
|
|
6657
6725
|
};
|
|
6658
6726
|
return SurveyQuestionMatrixActionsCell;
|
|
6659
6727
|
}(ReactSurveyElement));
|
|
@@ -6679,7 +6747,7 @@ var reactquestion_matrixdropdownbase_SurveyQuestionMatrixDropdownErrorsCell = /*
|
|
|
6679
6747
|
SurveyQuestionMatrixDropdownErrorsCell.prototype.render = function () {
|
|
6680
6748
|
if (!this.cell.isVisible)
|
|
6681
6749
|
return null;
|
|
6682
|
-
return
|
|
6750
|
+
return _("td", { className: this.cell.className, key: this.key, colSpan: this.cell.colSpans, title: this.cell.getTitle() }, _super.prototype.render.call(this));
|
|
6683
6751
|
};
|
|
6684
6752
|
SurveyQuestionMatrixDropdownErrorsCell.prototype.getQuestionPropertiesToTrack = function () {
|
|
6685
6753
|
return _super.prototype.getQuestionPropertiesToTrack.call(this).concat(["visible"]);
|
|
@@ -6687,7 +6755,7 @@ var reactquestion_matrixdropdownbase_SurveyQuestionMatrixDropdownErrorsCell = /*
|
|
|
6687
6755
|
return SurveyQuestionMatrixDropdownErrorsCell;
|
|
6688
6756
|
}(reactquestion_SurveyQuestionErrorCell));
|
|
6689
6757
|
ReactElementFactory.Instance.registerElement("sv-matrixdynamic-actions-cell", function (props) {
|
|
6690
|
-
return
|
|
6758
|
+
return _(reactquestion_matrixdropdownbase_SurveyQuestionMatrixActionsCell, props);
|
|
6691
6759
|
});
|
|
6692
6760
|
var reactquestion_matrixdropdownbase_SurveyQuestionMatrixHeaderRequired = /** @class */ (function (_super) {
|
|
6693
6761
|
reactquestion_matrixdropdownbase_extends(SurveyQuestionMatrixHeaderRequired, _super);
|
|
@@ -6714,9 +6782,9 @@ var reactquestion_matrixdropdownbase_SurveyQuestionMatrixHeaderRequired = /** @c
|
|
|
6714
6782
|
SurveyQuestionMatrixHeaderRequired.prototype.renderElement = function () {
|
|
6715
6783
|
if (!this.column.isRenderedRequired)
|
|
6716
6784
|
return null;
|
|
6717
|
-
return (
|
|
6718
|
-
|
|
6719
|
-
|
|
6785
|
+
return (_(b, null,
|
|
6786
|
+
_("span", null, "\u00A0"),
|
|
6787
|
+
_("span", { className: this.question.cssClasses.cellRequiredText }, this.column.requiredText)));
|
|
6720
6788
|
};
|
|
6721
6789
|
return SurveyQuestionMatrixHeaderRequired;
|
|
6722
6790
|
}(ReactSurveyElement));
|
|
@@ -6791,14 +6859,14 @@ var reactquestion_matrixdropdownbase_SurveyQuestionMatrixDropdownCell = /** @cla
|
|
|
6791
6859
|
};
|
|
6792
6860
|
SurveyQuestionMatrixDropdownCell.prototype.renderCellContent = function () {
|
|
6793
6861
|
var content = _super.prototype.renderCellContent.call(this);
|
|
6794
|
-
var responsiveTitle = this.cell.showResponsiveTitle ? (
|
|
6795
|
-
return
|
|
6862
|
+
var responsiveTitle = this.cell.showResponsiveTitle ? (_("span", { className: this.cell.responsiveTitleCss }, this.renderLocString(this.cell.responsiveLocTitle))) : null;
|
|
6863
|
+
return _(b, null,
|
|
6796
6864
|
responsiveTitle,
|
|
6797
6865
|
content);
|
|
6798
6866
|
};
|
|
6799
6867
|
SurveyQuestionMatrixDropdownCell.prototype.renderQuestion = function () {
|
|
6800
6868
|
if (!this.question.isVisible)
|
|
6801
|
-
return
|
|
6869
|
+
return _(b, null);
|
|
6802
6870
|
if (!this.cell.isChoice)
|
|
6803
6871
|
return reactquestion_SurveyQuestion.renderQuestionBody(this.creator, this.question);
|
|
6804
6872
|
if (this.cell.isOtherChoice)
|
|
@@ -6810,15 +6878,15 @@ var reactquestion_matrixdropdownbase_SurveyQuestionMatrixDropdownCell = /** @cla
|
|
|
6810
6878
|
SurveyQuestionMatrixDropdownCell.prototype.renderOtherComment = function () {
|
|
6811
6879
|
var question = this.cell.question;
|
|
6812
6880
|
var cssClasses = question.cssClasses || {};
|
|
6813
|
-
return
|
|
6881
|
+
return _(SurveyQuestionOtherValueItem, { question: question, cssClasses: cssClasses, otherCss: cssClasses.other, isDisplayMode: question.isInputReadOnly });
|
|
6814
6882
|
};
|
|
6815
6883
|
SurveyQuestionMatrixDropdownCell.prototype.renderCellCheckboxButton = function () {
|
|
6816
6884
|
var key = this.cell.question.id + "item" + this.cell.choiceIndex;
|
|
6817
|
-
return (
|
|
6885
|
+
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 }));
|
|
6818
6886
|
};
|
|
6819
6887
|
SurveyQuestionMatrixDropdownCell.prototype.renderCellRadiogroupButton = function () {
|
|
6820
6888
|
var key = this.cell.question.id + "item" + this.cell.choiceIndex;
|
|
6821
|
-
return (
|
|
6889
|
+
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 }));
|
|
6822
6890
|
};
|
|
6823
6891
|
return SurveyQuestionMatrixDropdownCell;
|
|
6824
6892
|
}(reactquestion_SurveyQuestionAndErrorsCell));
|
|
@@ -6852,7 +6920,7 @@ var SurveyQuestionMatrixDropdown = /** @class */ (function (_super) {
|
|
|
6852
6920
|
}(reactquestion_matrixdropdownbase_SurveyQuestionMatrixDropdownBase));
|
|
6853
6921
|
|
|
6854
6922
|
ReactQuestionFactory.Instance.registerQuestion("matrixdropdown", function (props) {
|
|
6855
|
-
return
|
|
6923
|
+
return _(SurveyQuestionMatrixDropdown, props);
|
|
6856
6924
|
});
|
|
6857
6925
|
|
|
6858
6926
|
// CONCATENATED MODULE: ./packages/survey-react-ui/src/reactquestion_matrixdynamic.tsx
|
|
@@ -6899,7 +6967,7 @@ var reactquestion_matrixdynamic_SurveyQuestionMatrixDynamic = /** @class */ (fun
|
|
|
6899
6967
|
var mainDiv = showTable
|
|
6900
6968
|
? this.renderTableDiv()
|
|
6901
6969
|
: this.renderNoRowsContent(cssClasses);
|
|
6902
|
-
return (
|
|
6970
|
+
return (_("div", null,
|
|
6903
6971
|
this.renderAddRowButtonOnTop(cssClasses),
|
|
6904
6972
|
mainDiv,
|
|
6905
6973
|
this.renderAddRowButtonOnBottom(cssClasses)));
|
|
@@ -6916,9 +6984,9 @@ var reactquestion_matrixdynamic_SurveyQuestionMatrixDynamic = /** @class */ (fun
|
|
|
6916
6984
|
};
|
|
6917
6985
|
SurveyQuestionMatrixDynamic.prototype.renderNoRowsContent = function (cssClasses) {
|
|
6918
6986
|
var text = this.renderLocString(this.matrix.locEmptyRowsText);
|
|
6919
|
-
var textDiv =
|
|
6987
|
+
var textDiv = _("div", { className: cssClasses.emptyRowsText }, text);
|
|
6920
6988
|
var btn = this.matrix.renderedTable.showAddRow ? this.renderAddRowButton(cssClasses, true) : undefined;
|
|
6921
|
-
return (
|
|
6989
|
+
return (_("div", { className: cssClasses.emptyRowsSection },
|
|
6922
6990
|
textDiv,
|
|
6923
6991
|
btn));
|
|
6924
6992
|
};
|
|
@@ -6933,7 +7001,7 @@ var reactquestion_matrixdynamic_SurveyQuestionMatrixDynamic = /** @class */ (fun
|
|
|
6933
7001
|
}(reactquestion_matrixdropdownbase_SurveyQuestionMatrixDropdownBase));
|
|
6934
7002
|
|
|
6935
7003
|
ReactQuestionFactory.Instance.registerQuestion("matrixdynamic", function (props) {
|
|
6936
|
-
return
|
|
7004
|
+
return _(reactquestion_matrixdynamic_SurveyQuestionMatrixDynamic, props);
|
|
6937
7005
|
});
|
|
6938
7006
|
var reactquestion_matrixdynamic_SurveyQuestionMatrixDynamicAddButton = /** @class */ (function (_super) {
|
|
6939
7007
|
reactquestion_matrixdynamic_extends(SurveyQuestionMatrixDynamicAddButton, _super);
|
|
@@ -6954,16 +7022,16 @@ var reactquestion_matrixdynamic_SurveyQuestionMatrixDynamicAddButton = /** @clas
|
|
|
6954
7022
|
};
|
|
6955
7023
|
SurveyQuestionMatrixDynamicAddButton.prototype.renderElement = function () {
|
|
6956
7024
|
var addRowText = this.renderLocString(this.matrix.locAddRowText);
|
|
6957
|
-
var addButton = (
|
|
7025
|
+
var addButton = (_("button", { className: this.matrix.getAddRowButtonCss(this.props.isEmptySection), type: "button", disabled: this.matrix.isInputReadOnly, onClick: this.matrix.isDesignMode ? undefined : this.handleOnRowAddClick },
|
|
6958
7026
|
addRowText,
|
|
6959
|
-
|
|
6960
|
-
return (this.props.isEmptySection ? addButton :
|
|
7027
|
+
_("span", { className: this.props.cssClasses.iconAdd })));
|
|
7028
|
+
return (this.props.isEmptySection ? addButton : _("div", { className: this.props.cssClasses.footer }, addButton));
|
|
6961
7029
|
};
|
|
6962
7030
|
return SurveyQuestionMatrixDynamicAddButton;
|
|
6963
7031
|
}(ReactSurveyElement));
|
|
6964
7032
|
|
|
6965
7033
|
ReactElementFactory.Instance.registerElement("sv-matrixdynamic-add-btn", function (props) {
|
|
6966
|
-
return
|
|
7034
|
+
return _(reactquestion_matrixdynamic_SurveyQuestionMatrixDynamicAddButton, props);
|
|
6967
7035
|
});
|
|
6968
7036
|
|
|
6969
7037
|
// CONCATENATED MODULE: ./packages/survey-react-ui/src/components/paneldynamic-actions/paneldynamic-add-btn.tsx
|
|
@@ -7210,7 +7278,7 @@ var reactquestion_paneldynamic_SurveyQuestionPanelDynamic = /** @class */ (funct
|
|
|
7210
7278
|
var _this = this;
|
|
7211
7279
|
var panels = [];
|
|
7212
7280
|
this.question.renderedPanels.forEach(function (panel, index) {
|
|
7213
|
-
panels.push(
|
|
7281
|
+
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 }));
|
|
7214
7282
|
});
|
|
7215
7283
|
var btnAdd = this.question.isRenderModeList && this.question["showLegacyNavigation"]
|
|
7216
7284
|
? this.renderAddRowButton()
|
|
@@ -7223,10 +7291,10 @@ var reactquestion_paneldynamic_SurveyQuestionPanelDynamic = /** @class */ (funct
|
|
|
7223
7291
|
: null;
|
|
7224
7292
|
var navV2 = this.renderNavigatorV2();
|
|
7225
7293
|
var noEntriesPlaceholder = this.renderPlaceholder();
|
|
7226
|
-
return (
|
|
7294
|
+
return (_("div", { className: this.question.cssClasses.root },
|
|
7227
7295
|
noEntriesPlaceholder,
|
|
7228
7296
|
navTop,
|
|
7229
|
-
|
|
7297
|
+
_("div", { className: this.question.cssClasses.panelsContainer }, panels),
|
|
7230
7298
|
navBottom,
|
|
7231
7299
|
btnAdd,
|
|
7232
7300
|
navV2));
|
|
@@ -7247,9 +7315,9 @@ var reactquestion_paneldynamic_SurveyQuestionPanelDynamic = /** @class */ (funct
|
|
|
7247
7315
|
var progressClass = this.question.isProgressTopShowing
|
|
7248
7316
|
? this.question.cssClasses.progressTop
|
|
7249
7317
|
: this.question.cssClasses.progressBottom;
|
|
7250
|
-
return (
|
|
7251
|
-
|
|
7252
|
-
|
|
7318
|
+
return (_("div", { className: progressClass },
|
|
7319
|
+
_("div", { style: { clear: "both" } },
|
|
7320
|
+
_("div", { className: this.question.cssClasses.progressContainer },
|
|
7253
7321
|
btnPrev,
|
|
7254
7322
|
range,
|
|
7255
7323
|
btnNext),
|
|
@@ -7257,17 +7325,17 @@ var reactquestion_paneldynamic_SurveyQuestionPanelDynamic = /** @class */ (funct
|
|
|
7257
7325
|
this.renderProgressText())));
|
|
7258
7326
|
};
|
|
7259
7327
|
SurveyQuestionPanelDynamic.prototype.renderProgressText = function () {
|
|
7260
|
-
return (
|
|
7328
|
+
return (_(paneldynamic_progress_text_SurveyQuestionPanelDynamicProgressText, { data: { question: this.question } }));
|
|
7261
7329
|
};
|
|
7262
7330
|
SurveyQuestionPanelDynamic.prototype.rendrerPrevButton = function () {
|
|
7263
|
-
return (
|
|
7331
|
+
return (_(paneldynamic_prev_btn_SurveyQuestionPanelDynamicPrevButton, { data: { question: this.question } }));
|
|
7264
7332
|
};
|
|
7265
7333
|
SurveyQuestionPanelDynamic.prototype.rendrerNextButton = function () {
|
|
7266
|
-
return (
|
|
7334
|
+
return (_(paneldynamic_next_btn_SurveyQuestionPanelDynamicNextButton, { data: { question: this.question } }));
|
|
7267
7335
|
};
|
|
7268
7336
|
SurveyQuestionPanelDynamic.prototype.renderRange = function () {
|
|
7269
|
-
return (
|
|
7270
|
-
|
|
7337
|
+
return (_("div", { className: this.question.cssClasses.progress },
|
|
7338
|
+
_("div", { className: this.question.cssClasses.progressBar, style: { width: this.question.progress }, role: "progressbar" })));
|
|
7271
7339
|
};
|
|
7272
7340
|
SurveyQuestionPanelDynamic.prototype.renderAddRowButton = function () {
|
|
7273
7341
|
return ReactElementFactory.Instance.createElement("sv-paneldynamic-add-btn", {
|
|
@@ -7278,16 +7346,16 @@ var reactquestion_paneldynamic_SurveyQuestionPanelDynamic = /** @class */ (funct
|
|
|
7278
7346
|
if (!this.question.showNavigation)
|
|
7279
7347
|
return null;
|
|
7280
7348
|
var range = this.question.isRangeShowing && this.question.isProgressBottomShowing ? this.renderRange() : null;
|
|
7281
|
-
return (
|
|
7282
|
-
|
|
7349
|
+
return (_("div", { className: this.question.cssClasses.footer },
|
|
7350
|
+
_("hr", { className: this.question.cssClasses.separator }),
|
|
7283
7351
|
range,
|
|
7284
|
-
this.question.footerToolbar.visibleActions.length ? (
|
|
7285
|
-
|
|
7352
|
+
this.question.footerToolbar.visibleActions.length ? (_("div", { className: this.question.cssClasses.footerButtonsContainer },
|
|
7353
|
+
_(action_bar_SurveyActionBar, { model: this.question.footerToolbar }))) : null));
|
|
7286
7354
|
};
|
|
7287
7355
|
SurveyQuestionPanelDynamic.prototype.renderPlaceholder = function () {
|
|
7288
7356
|
if (this.question.getShowNoEntriesPlaceholder()) {
|
|
7289
|
-
return (
|
|
7290
|
-
|
|
7357
|
+
return (_("div", { className: this.question.cssClasses.noEntriesPlaceholder },
|
|
7358
|
+
_("span", null, this.renderLocString(this.question.locNoEntriesText)),
|
|
7291
7359
|
this.renderAddRowButton()));
|
|
7292
7360
|
}
|
|
7293
7361
|
return null;
|
|
@@ -7325,9 +7393,9 @@ var reactquestion_paneldynamic_SurveyQuestionPanelDynamicItem = /** @class */ (f
|
|
|
7325
7393
|
var panel = _super.prototype.render.call(this);
|
|
7326
7394
|
var removeButton = this.renderButton();
|
|
7327
7395
|
var separator = this.question.showSeparator(this.index) ?
|
|
7328
|
-
(
|
|
7329
|
-
return (
|
|
7330
|
-
|
|
7396
|
+
(_("hr", { className: this.question.cssClasses.separator })) : null;
|
|
7397
|
+
return (_(b, null,
|
|
7398
|
+
_("div", { className: this.question.getPanelWrapperCss(this.panel) },
|
|
7331
7399
|
panel,
|
|
7332
7400
|
removeButton),
|
|
7333
7401
|
separator));
|
|
@@ -7346,7 +7414,7 @@ var reactquestion_paneldynamic_SurveyQuestionPanelDynamicItem = /** @class */ (f
|
|
|
7346
7414
|
}(panel_SurveyPanel));
|
|
7347
7415
|
|
|
7348
7416
|
ReactQuestionFactory.Instance.registerQuestion("paneldynamic", function (props) {
|
|
7349
|
-
return
|
|
7417
|
+
return _(reactquestion_paneldynamic_SurveyQuestionPanelDynamic, props);
|
|
7350
7418
|
});
|
|
7351
7419
|
|
|
7352
7420
|
// CONCATENATED MODULE: ./packages/survey-react-ui/src/progress.tsx
|
|
@@ -7399,25 +7467,25 @@ var progress_SurveyProgress = /** @class */ (function (_super) {
|
|
|
7399
7467
|
var progressStyle = {
|
|
7400
7468
|
width: this.progress + "%",
|
|
7401
7469
|
};
|
|
7402
|
-
return (
|
|
7403
|
-
|
|
7404
|
-
|
|
7405
|
-
|
|
7470
|
+
return (_("div", { className: this.survey.getProgressCssClasses(this.props.container) },
|
|
7471
|
+
_("div", { style: progressStyle, className: this.css.progressBar, role: "progressbar", "aria-valuemin": 0, "aria-valuemax": 100, "aria-label": "progress" },
|
|
7472
|
+
_("span", { className: external_root_Survey_commonjs2_survey_core_commonjs_survey_core_amd_survey_core_["SurveyProgressModel"].getProgressTextInBarCss(this.css) }, this.progressText)),
|
|
7473
|
+
_("span", { className: external_root_Survey_commonjs2_survey_core_commonjs_survey_core_amd_survey_core_["SurveyProgressModel"].getProgressTextUnderBarCss(this.css) }, this.progressText)));
|
|
7406
7474
|
};
|
|
7407
7475
|
return SurveyProgress;
|
|
7408
7476
|
}(SurveyNavigationBase));
|
|
7409
7477
|
|
|
7410
7478
|
ReactElementFactory.Instance.registerElement("sv-progress-pages", function (props) {
|
|
7411
|
-
return
|
|
7479
|
+
return _(progress_SurveyProgress, props);
|
|
7412
7480
|
});
|
|
7413
7481
|
ReactElementFactory.Instance.registerElement("sv-progress-questions", function (props) {
|
|
7414
|
-
return
|
|
7482
|
+
return _(progress_SurveyProgress, props);
|
|
7415
7483
|
});
|
|
7416
7484
|
ReactElementFactory.Instance.registerElement("sv-progress-correctquestions", function (props) {
|
|
7417
|
-
return
|
|
7485
|
+
return _(progress_SurveyProgress, props);
|
|
7418
7486
|
});
|
|
7419
7487
|
ReactElementFactory.Instance.registerElement("sv-progress-requiredquestions", function (props) {
|
|
7420
|
-
return
|
|
7488
|
+
return _(progress_SurveyProgress, props);
|
|
7421
7489
|
});
|
|
7422
7490
|
|
|
7423
7491
|
// CONCATENATED MODULE: ./packages/survey-react-ui/src/progressButtons.tsx
|
|
@@ -7475,20 +7543,20 @@ var progressButtons_SurveyProgressButtons = /** @class */ (function (_super) {
|
|
|
7475
7543
|
};
|
|
7476
7544
|
SurveyProgressButtons.prototype.render = function () {
|
|
7477
7545
|
var _this = this;
|
|
7478
|
-
return (
|
|
7479
|
-
this.state.canShowHeader ?
|
|
7480
|
-
|
|
7481
|
-
|
|
7482
|
-
|
|
7546
|
+
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" },
|
|
7547
|
+
this.state.canShowHeader ? _("div", { className: this.css.progressButtonsHeader },
|
|
7548
|
+
_("div", { className: this.css.progressButtonsPageTitle, title: this.model.headerText }, this.model.headerText)) : null,
|
|
7549
|
+
_("div", { className: this.css.progressButtonsContainer },
|
|
7550
|
+
_("div", { className: this.model.getScrollButtonCss(this.state.hasScroller, true), role: "button", onClick: function () {
|
|
7483
7551
|
return _this.clickScrollButton(_this.listContainerRef.current, true);
|
|
7484
7552
|
} }),
|
|
7485
|
-
|
|
7486
|
-
|
|
7487
|
-
|
|
7553
|
+
_("div", { className: this.css.progressButtonsListContainer, ref: this.listContainerRef },
|
|
7554
|
+
_("ul", { className: this.css.progressButtonsList }, this.getListElements())),
|
|
7555
|
+
_("div", { className: this.model.getScrollButtonCss(this.state.hasScroller, false), role: "button", onClick: function () {
|
|
7488
7556
|
return _this.clickScrollButton(_this.listContainerRef.current, false);
|
|
7489
7557
|
} })),
|
|
7490
|
-
this.state.canShowFooter ?
|
|
7491
|
-
|
|
7558
|
+
this.state.canShowFooter ? _("div", { className: this.css.progressButtonsFooter },
|
|
7559
|
+
_("div", { className: this.css.progressButtonsPageTitle, title: this.model.footerText }, this.model.footerText)) : null));
|
|
7492
7560
|
};
|
|
7493
7561
|
SurveyProgressButtons.prototype.getListElements = function () {
|
|
7494
7562
|
var _this = this;
|
|
@@ -7501,17 +7569,17 @@ var progressButtons_SurveyProgressButtons = /** @class */ (function (_super) {
|
|
|
7501
7569
|
SurveyProgressButtons.prototype.renderListElement = function (page, index) {
|
|
7502
7570
|
var _this = this;
|
|
7503
7571
|
var text = reactquestion_element_SurveyElementBase.renderLocString(page.locNavigationTitle);
|
|
7504
|
-
return (
|
|
7572
|
+
return (_("li", { key: "listelement" + index, className: this.model.getListElementCss(index), onClick: this.model.isListElementClickable(index)
|
|
7505
7573
|
? function () { return _this.model.clickListElement(page); }
|
|
7506
7574
|
: undefined, "data-page-number": this.model.getItemNumber(page) },
|
|
7507
|
-
|
|
7508
|
-
this.state.canShowItemTitles ?
|
|
7509
|
-
|
|
7510
|
-
|
|
7511
|
-
|
|
7512
|
-
|
|
7513
|
-
|
|
7514
|
-
|
|
7575
|
+
_("div", { className: this.css.progressButtonsConnector }),
|
|
7576
|
+
this.state.canShowItemTitles ? _(b, null,
|
|
7577
|
+
_("div", { className: this.css.progressButtonsPageTitle, title: page.renderedNavigationTitle }, text),
|
|
7578
|
+
_("div", { className: this.css.progressButtonsPageDescription, title: page.navigationDescription }, page.navigationDescription)) : null,
|
|
7579
|
+
_("div", { className: this.css.progressButtonsButton },
|
|
7580
|
+
_("div", { className: this.css.progressButtonsButtonBackground }),
|
|
7581
|
+
_("div", { className: this.css.progressButtonsButtonContent }),
|
|
7582
|
+
_("span", null, this.model.getItemNumber(page)))));
|
|
7515
7583
|
};
|
|
7516
7584
|
SurveyProgressButtons.prototype.clickScrollButton = function (listContainerElement, isLeftScroll) {
|
|
7517
7585
|
if (!!listContainerElement) {
|
|
@@ -7535,7 +7603,7 @@ var progressButtons_SurveyProgressButtons = /** @class */ (function (_super) {
|
|
|
7535
7603
|
}(SurveyNavigationBase));
|
|
7536
7604
|
|
|
7537
7605
|
ReactElementFactory.Instance.registerElement("sv-progress-buttons", function (props) {
|
|
7538
|
-
return
|
|
7606
|
+
return _(progressButtons_SurveyProgressButtons, props);
|
|
7539
7607
|
});
|
|
7540
7608
|
|
|
7541
7609
|
// CONCATENATED MODULE: ./packages/survey-react-ui/src/components/list/list-item.tsx
|
|
@@ -7785,20 +7853,20 @@ var progressToc_SurveyProgressToc = /** @class */ (function (_super) {
|
|
|
7785
7853
|
var tocModel = this.props.model;
|
|
7786
7854
|
var content;
|
|
7787
7855
|
if (tocModel.isMobile) {
|
|
7788
|
-
content =
|
|
7789
|
-
|
|
7790
|
-
|
|
7856
|
+
content = _("div", { onClick: tocModel.togglePopup },
|
|
7857
|
+
_(svg_icon_SvgIcon, { iconName: tocModel.icon, size: 24 }),
|
|
7858
|
+
_(popup_Popup, { model: tocModel.popupModel }));
|
|
7791
7859
|
}
|
|
7792
7860
|
else {
|
|
7793
|
-
content =
|
|
7861
|
+
content = _(list_List, { model: tocModel.listModel });
|
|
7794
7862
|
}
|
|
7795
|
-
return (
|
|
7863
|
+
return (_("div", { className: tocModel.containerCss }, content));
|
|
7796
7864
|
};
|
|
7797
7865
|
return SurveyProgressToc;
|
|
7798
7866
|
}(SurveyNavigationBase));
|
|
7799
7867
|
|
|
7800
7868
|
ReactElementFactory.Instance.registerElement("sv-navigation-toc", function (props) {
|
|
7801
|
-
return
|
|
7869
|
+
return _(progressToc_SurveyProgressToc, props);
|
|
7802
7870
|
});
|
|
7803
7871
|
|
|
7804
7872
|
// CONCATENATED MODULE: ./packages/survey-react-ui/src/reactquestion_rating.tsx
|
|
@@ -7859,18 +7927,18 @@ var reactquestion_rating_SurveyQuestionRating = /** @class */ (function (_super)
|
|
|
7859
7927
|
var maxText = this.question.maxRateDescription
|
|
7860
7928
|
? this.renderLocString(this.question.locMaxRateDescription)
|
|
7861
7929
|
: null;
|
|
7862
|
-
return (
|
|
7863
|
-
|
|
7864
|
-
|
|
7865
|
-
!!this.question.hasMinLabel ?
|
|
7930
|
+
return (_("div", { className: this.question.ratingRootCss, ref: function (div) { return (_this.setControl(div)); } },
|
|
7931
|
+
_("fieldset", { role: "radiogroup" },
|
|
7932
|
+
_("legend", { role: "presentation", className: "sv-hidden" }),
|
|
7933
|
+
!!this.question.hasMinLabel ? _("span", { className: cssClasses.minText }, minText) : null,
|
|
7866
7934
|
this.question.renderedRateItems.map(function (item, index) { return _this.renderItem(item, index); }),
|
|
7867
|
-
!!this.question.hasMaxLabel ?
|
|
7935
|
+
!!this.question.hasMaxLabel ? _("span", { className: cssClasses.maxText }, maxText) : null)));
|
|
7868
7936
|
};
|
|
7869
7937
|
return SurveyQuestionRating;
|
|
7870
7938
|
}(reactquestion_element_SurveyQuestionElementBase));
|
|
7871
7939
|
|
|
7872
7940
|
ReactQuestionFactory.Instance.registerQuestion("rating", function (props) {
|
|
7873
|
-
return
|
|
7941
|
+
return _(reactquestion_rating_SurveyQuestionRating, props);
|
|
7874
7942
|
});
|
|
7875
7943
|
|
|
7876
7944
|
// CONCATENATED MODULE: ./packages/survey-react-ui/src/rating-dropdown.tsx
|
|
@@ -7902,13 +7970,13 @@ var rating_dropdown_SurveyQuestionRatingDropdown = /** @class */ (function (_sup
|
|
|
7902
7970
|
SurveyQuestionRatingDropdown.prototype.renderElement = function () {
|
|
7903
7971
|
var cssClasses = this.question.cssClasses;
|
|
7904
7972
|
var select = this.renderSelect(cssClasses);
|
|
7905
|
-
return (
|
|
7973
|
+
return (_("div", { className: this.question.cssClasses.rootDropdown }, select));
|
|
7906
7974
|
};
|
|
7907
7975
|
return SurveyQuestionRatingDropdown;
|
|
7908
7976
|
}(dropdown_base_SurveyQuestionDropdownBase));
|
|
7909
7977
|
|
|
7910
7978
|
ReactQuestionFactory.Instance.registerQuestion("sv-rating-dropdown", function (props) {
|
|
7911
|
-
return
|
|
7979
|
+
return _(rating_dropdown_SurveyQuestionRatingDropdown, props);
|
|
7912
7980
|
});
|
|
7913
7981
|
external_root_Survey_commonjs2_survey_core_commonjs_survey_core_amd_survey_core_["RendererFactory"].Instance.registerRenderer("rating", "dropdown", "sv-rating-dropdown");
|
|
7914
7982
|
|
|
@@ -7946,13 +8014,13 @@ var reactquestion_expression_SurveyQuestionExpression = /** @class */ (function
|
|
|
7946
8014
|
SurveyQuestionExpression.prototype.renderElement = function () {
|
|
7947
8015
|
var _this = this;
|
|
7948
8016
|
var cssClasses = this.question.cssClasses;
|
|
7949
|
-
return (
|
|
8017
|
+
return (_("div", { id: this.question.inputId, className: cssClasses.root, ref: function (div) { return (_this.setControl(div)); } }, this.question.formatedValue));
|
|
7950
8018
|
};
|
|
7951
8019
|
return SurveyQuestionExpression;
|
|
7952
8020
|
}(reactquestion_element_SurveyQuestionElementBase));
|
|
7953
8021
|
|
|
7954
8022
|
ReactQuestionFactory.Instance.registerQuestion("expression", function (props) {
|
|
7955
|
-
return
|
|
8023
|
+
return _(reactquestion_expression_SurveyQuestionExpression, props);
|
|
7956
8024
|
});
|
|
7957
8025
|
|
|
7958
8026
|
// CONCATENATED MODULE: ./packages/survey-react-ui/src/react-popup-survey.tsx
|
|
@@ -8000,8 +8068,8 @@ var react_popup_survey_PopupSurvey = /** @class */ (function (_super) {
|
|
|
8000
8068
|
style.width = this.popup.renderedWidth;
|
|
8001
8069
|
style.maxWidth = this.popup.renderedWidth;
|
|
8002
8070
|
}
|
|
8003
|
-
return (
|
|
8004
|
-
|
|
8071
|
+
return (_("div", { className: this.popup.cssRoot, style: style, onScroll: function () { return _this.popup.onScroll(); } },
|
|
8072
|
+
_("div", { className: this.popup.cssRootContent },
|
|
8005
8073
|
header,
|
|
8006
8074
|
body)));
|
|
8007
8075
|
};
|
|
@@ -8026,46 +8094,46 @@ var react_popup_survey_PopupSurvey = /** @class */ (function (_super) {
|
|
|
8026
8094
|
if (popup.allowFullScreen) {
|
|
8027
8095
|
allowFullScreenButon = this.renderAllowFullScreenButon(this.popup);
|
|
8028
8096
|
}
|
|
8029
|
-
return (
|
|
8097
|
+
return (_("div", { className: popup.cssHeaderRoot },
|
|
8030
8098
|
titleCollapsed,
|
|
8031
|
-
|
|
8099
|
+
_("div", { className: popup.cssHeaderButtonsContainer },
|
|
8032
8100
|
allowFullScreenButon,
|
|
8033
|
-
|
|
8101
|
+
_("div", { className: popup.cssHeaderCollapseButton, onClick: this.handleOnExpanded }, expandCollapseIcon),
|
|
8034
8102
|
closeButton)));
|
|
8035
8103
|
};
|
|
8036
8104
|
PopupSurvey.prototype.renderTitleCollapsed = function (popup) {
|
|
8037
8105
|
if (!popup.locTitle)
|
|
8038
8106
|
return null;
|
|
8039
|
-
return
|
|
8107
|
+
return _("div", { className: popup.cssHeaderTitleCollapsed }, popup.locTitle.renderedHtml);
|
|
8040
8108
|
};
|
|
8041
8109
|
PopupSurvey.prototype.renderExpandIcon = function () {
|
|
8042
|
-
return
|
|
8110
|
+
return _(svg_icon_SvgIcon, { iconName: "icon-restore_16x16", size: 16 });
|
|
8043
8111
|
};
|
|
8044
8112
|
PopupSurvey.prototype.renderCollapseIcon = function () {
|
|
8045
|
-
return
|
|
8113
|
+
return _(svg_icon_SvgIcon, { iconName: "icon-minimize_16x16", size: 16 });
|
|
8046
8114
|
};
|
|
8047
8115
|
PopupSurvey.prototype.renderCloseButton = function (popup) {
|
|
8048
8116
|
var _this = this;
|
|
8049
|
-
return (
|
|
8117
|
+
return (_("div", { className: popup.cssHeaderCloseButton, onClick: function () {
|
|
8050
8118
|
popup.hide();
|
|
8051
8119
|
if (typeof _this.props.onClose == "function") {
|
|
8052
8120
|
_this.props.onClose();
|
|
8053
8121
|
}
|
|
8054
8122
|
} },
|
|
8055
|
-
|
|
8123
|
+
_(svg_icon_SvgIcon, { iconName: "icon-close_16x16", size: 16 })));
|
|
8056
8124
|
};
|
|
8057
8125
|
PopupSurvey.prototype.renderAllowFullScreenButon = function (popup) {
|
|
8058
8126
|
var Icon;
|
|
8059
8127
|
if (popup.isFullScreen) {
|
|
8060
|
-
Icon =
|
|
8128
|
+
Icon = _(svg_icon_SvgIcon, { iconName: "icon-back-to-panel_16x16", size: 16 });
|
|
8061
8129
|
}
|
|
8062
8130
|
else {
|
|
8063
|
-
Icon =
|
|
8131
|
+
Icon = _(svg_icon_SvgIcon, { iconName: "icon-full-screen_16x16", size: 16 });
|
|
8064
8132
|
}
|
|
8065
|
-
return (
|
|
8133
|
+
return (_("div", { className: popup.cssHeaderFullScreenButton, onClick: function () { popup.toggleFullScreen(); } }, Icon));
|
|
8066
8134
|
};
|
|
8067
8135
|
PopupSurvey.prototype.renderBody = function () {
|
|
8068
|
-
return
|
|
8136
|
+
return _("div", { className: this.popup.cssBody }, this.doRender());
|
|
8069
8137
|
};
|
|
8070
8138
|
PopupSurvey.prototype.createSurvey = function (newProps) {
|
|
8071
8139
|
if (!newProps)
|
|
@@ -8131,8 +8199,8 @@ var imagepicker_SurveyQuestionImagePicker = /** @class */ (function (_super) {
|
|
|
8131
8199
|
});
|
|
8132
8200
|
SurveyQuestionImagePicker.prototype.renderElement = function () {
|
|
8133
8201
|
var cssClasses = this.question.cssClasses;
|
|
8134
|
-
return (
|
|
8135
|
-
|
|
8202
|
+
return (_("fieldset", { className: this.question.getSelectBaseRootCss() },
|
|
8203
|
+
_("legend", { className: "sv-hidden" }, this.question.locTitle.renderedHtml),
|
|
8136
8204
|
this.question.hasColumns ? this.getColumns(cssClasses) : this.getItems(cssClasses)));
|
|
8137
8205
|
};
|
|
8138
8206
|
SurveyQuestionImagePicker.prototype.getColumns = function (cssClasses) {
|
|
@@ -8141,7 +8209,7 @@ var imagepicker_SurveyQuestionImagePicker = /** @class */ (function (_super) {
|
|
|
8141
8209
|
var items = column.map(function (item, ii) {
|
|
8142
8210
|
return _this.renderItem("item" + ii, item, cssClasses);
|
|
8143
8211
|
});
|
|
8144
|
-
return (
|
|
8212
|
+
return (_("div", { key: "column" + ci + _this.question.getItemsColumnKey(column), className: _this.question.getColumnClass(), role: "presentation" }, items));
|
|
8145
8213
|
});
|
|
8146
8214
|
};
|
|
8147
8215
|
SurveyQuestionImagePicker.prototype.getItems = function (cssClasses) {
|
|
@@ -8161,7 +8229,7 @@ var imagepicker_SurveyQuestionImagePicker = /** @class */ (function (_super) {
|
|
|
8161
8229
|
configurable: true
|
|
8162
8230
|
});
|
|
8163
8231
|
SurveyQuestionImagePicker.prototype.renderItem = function (key, item, cssClasses) {
|
|
8164
|
-
var renderedItem =
|
|
8232
|
+
var renderedItem = _(imagepicker_SurveyQuestionImagePickerItem, { key: key, question: this.question, item: item, cssClasses: cssClasses });
|
|
8165
8233
|
var survey = this.question.survey;
|
|
8166
8234
|
var wrappedItem = null;
|
|
8167
8235
|
if (!!survey) {
|
|
@@ -8248,15 +8316,15 @@ var imagepicker_SurveyQuestionImagePickerItem = /** @class */ (function (_super)
|
|
|
8248
8316
|
var itemClass = question.getItemClass(item);
|
|
8249
8317
|
var text = null;
|
|
8250
8318
|
if (question.showLabel) {
|
|
8251
|
-
text = (
|
|
8319
|
+
text = (_("span", { className: question.cssClasses.itemText }, item.text ? reactquestion_element_SurveyElementBase.renderLocString(item.locText) : item.value));
|
|
8252
8320
|
}
|
|
8253
8321
|
var style = { objectFit: this.question.imageFit };
|
|
8254
8322
|
var control = null;
|
|
8255
8323
|
if (item.locImageLink.renderedHtml && this.question.contentMode === "image") {
|
|
8256
|
-
control = (
|
|
8324
|
+
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); } }));
|
|
8257
8325
|
}
|
|
8258
8326
|
if (item.locImageLink.renderedHtml && this.question.contentMode === "video") {
|
|
8259
|
-
control = (
|
|
8327
|
+
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); } }));
|
|
8260
8328
|
}
|
|
8261
8329
|
if (!item.locImageLink.renderedHtml || item.contentNotLoaded) {
|
|
8262
8330
|
var style_1 = {
|
|
@@ -8264,17 +8332,17 @@ var imagepicker_SurveyQuestionImagePickerItem = /** @class */ (function (_super)
|
|
|
8264
8332
|
height: this.question.renderedImageHeight,
|
|
8265
8333
|
objectFit: this.question.imageFit
|
|
8266
8334
|
};
|
|
8267
|
-
control = (
|
|
8268
|
-
|
|
8335
|
+
control = (_("div", { className: cssClasses.itemNoImage, style: style_1 }, cssClasses.itemNoImageSvgIcon ?
|
|
8336
|
+
_(svg_icon_SvgIcon, { className: cssClasses.itemNoImageSvgIcon, iconName: this.question.cssClasses.itemNoImageSvgIconId, size: 48 }) :
|
|
8269
8337
|
null));
|
|
8270
8338
|
}
|
|
8271
|
-
var renderedItem = (
|
|
8272
|
-
|
|
8273
|
-
|
|
8274
|
-
|
|
8275
|
-
|
|
8339
|
+
var renderedItem = (_("div", { className: itemClass },
|
|
8340
|
+
_("label", { className: cssClasses.label },
|
|
8341
|
+
_("input", { className: cssClasses.itemControl, id: this.question.getItemId(item), type: this.question.inputType, name: this.question.questionName, checked: isChecked, value: item.value, disabled: !this.question.getItemEnabled(item), readOnly: this.question.isReadOnlyAttr, onChange: this.handleOnChange, "aria-required": this.question.ariaRequired, "aria-label": this.question.ariaLabel, "aria-invalid": this.question.ariaInvalid, "aria-errormessage": this.question.ariaErrormessage }),
|
|
8342
|
+
_("div", { className: this.question.cssClasses.itemDecorator },
|
|
8343
|
+
_("div", { className: this.question.cssClasses.imageContainer },
|
|
8276
8344
|
!!this.question.cssClasses.checkedItemDecorator ?
|
|
8277
|
-
|
|
8345
|
+
_("span", { className: this.question.cssClasses.checkedItemDecorator }, !!this.question.cssClasses.checkedItemSvgIconId ? _(svg_icon_SvgIcon, { size: "auto", className: this.question.cssClasses.checkedItemSvgIcon, iconName: this.question.cssClasses.checkedItemSvgIconId }) : null) : null,
|
|
8278
8346
|
control),
|
|
8279
8347
|
text))));
|
|
8280
8348
|
return renderedItem;
|
|
@@ -8283,7 +8351,7 @@ var imagepicker_SurveyQuestionImagePickerItem = /** @class */ (function (_super)
|
|
|
8283
8351
|
}(ReactSurveyElement));
|
|
8284
8352
|
|
|
8285
8353
|
ReactQuestionFactory.Instance.registerQuestion("imagepicker", function (props) {
|
|
8286
|
-
return
|
|
8354
|
+
return _(imagepicker_SurveyQuestionImagePicker, props);
|
|
8287
8355
|
});
|
|
8288
8356
|
|
|
8289
8357
|
// CONCATENATED MODULE: ./packages/survey-react-ui/src/image.tsx
|
|
@@ -8338,22 +8406,22 @@ var image_SurveyQuestionImage = /** @class */ (function (_super) {
|
|
|
8338
8406
|
}
|
|
8339
8407
|
var control = null;
|
|
8340
8408
|
if (this.question.renderedMode === "image") {
|
|
8341
|
-
control = (
|
|
8409
|
+
control = (_("img", { className: cssClasses, src: this.question.locImageLink.renderedHtml, alt: this.question.altText || this.question.title, width: this.question.renderedWidth, height: this.question.renderedHeight,
|
|
8342
8410
|
//alt={item.text || item.value}
|
|
8343
8411
|
style: style, onLoad: function (event) { _this.question.onLoadHandler(); }, onError: function (event) { _this.question.onErrorHandler(); } }));
|
|
8344
8412
|
}
|
|
8345
8413
|
if (this.question.renderedMode === "video") {
|
|
8346
|
-
control = (
|
|
8414
|
+
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(); } }));
|
|
8347
8415
|
}
|
|
8348
8416
|
if (this.question.renderedMode === "youtube") {
|
|
8349
|
-
control = (
|
|
8417
|
+
control = (_("iframe", { className: cssClasses, src: this.question.locImageLink.renderedHtml, width: this.question.renderedWidth, height: this.question.renderedHeight, style: style }));
|
|
8350
8418
|
}
|
|
8351
8419
|
var noImage = null;
|
|
8352
8420
|
if (!this.question.imageLink || this.question.contentNotLoaded) {
|
|
8353
|
-
noImage = (
|
|
8354
|
-
|
|
8421
|
+
noImage = (_("div", { className: this.question.cssClasses.noImage },
|
|
8422
|
+
_(svg_icon_SvgIcon, { iconName: this.question.cssClasses.noImageSvgIconId, size: 48 })));
|
|
8355
8423
|
}
|
|
8356
|
-
return
|
|
8424
|
+
return _("div", { className: this.question.cssClasses.root },
|
|
8357
8425
|
control,
|
|
8358
8426
|
noImage);
|
|
8359
8427
|
};
|
|
@@ -8361,7 +8429,7 @@ var image_SurveyQuestionImage = /** @class */ (function (_super) {
|
|
|
8361
8429
|
}(reactquestion_element_SurveyQuestionElementBase));
|
|
8362
8430
|
|
|
8363
8431
|
ReactQuestionFactory.Instance.registerQuestion("image", function (props) {
|
|
8364
|
-
return
|
|
8432
|
+
return _(image_SurveyQuestionImage, props);
|
|
8365
8433
|
});
|
|
8366
8434
|
|
|
8367
8435
|
// CONCATENATED MODULE: ./packages/survey-react-ui/src/signaturepad.tsx
|
|
@@ -8404,36 +8472,36 @@ var signaturepad_SurveyQuestionSignaturePad = /** @class */ (function (_super) {
|
|
|
8404
8472
|
var cssClasses = this.question.cssClasses;
|
|
8405
8473
|
var loadingIndicator = this.question.showLoadingIndicator ? this.renderLoadingIndicator() : null;
|
|
8406
8474
|
var clearButton = this.renderCleanButton();
|
|
8407
|
-
return (
|
|
8408
|
-
|
|
8409
|
-
|
|
8475
|
+
return (_("div", { className: cssClasses.root, ref: function (root) { return (_this.setControl(root)); }, style: { width: this.question.renderedCanvasWidth } },
|
|
8476
|
+
_("div", { className: cssClasses.placeholder, style: { display: this.question.needShowPlaceholder() ? "" : "none" } }, this.renderLocString(this.question.locRenderedPlaceholder)),
|
|
8477
|
+
_("div", null,
|
|
8410
8478
|
this.renderBackgroundImage(),
|
|
8411
|
-
|
|
8479
|
+
_("canvas", { tabIndex: -1, className: this.question.cssClasses.canvas, onBlur: function (event) { _this.question.onBlur(event); } })),
|
|
8412
8480
|
clearButton,
|
|
8413
8481
|
loadingIndicator));
|
|
8414
8482
|
};
|
|
8415
8483
|
SurveyQuestionSignaturePad.prototype.renderBackgroundImage = function () {
|
|
8416
8484
|
if (!this.question.backgroundImage)
|
|
8417
8485
|
return null;
|
|
8418
|
-
return
|
|
8486
|
+
return _("img", { className: this.question.cssClasses.backgroundImage, src: this.question.backgroundImage, style: { width: this.question.renderedCanvasWidth } });
|
|
8419
8487
|
};
|
|
8420
8488
|
SurveyQuestionSignaturePad.prototype.renderLoadingIndicator = function () {
|
|
8421
|
-
return
|
|
8422
|
-
|
|
8489
|
+
return _("div", { className: this.question.cssClasses.loadingIndicator },
|
|
8490
|
+
_(loading_indicator_LoadingIndicatorComponent, null));
|
|
8423
8491
|
};
|
|
8424
8492
|
SurveyQuestionSignaturePad.prototype.renderCleanButton = function () {
|
|
8425
8493
|
var _this = this;
|
|
8426
8494
|
if (!this.question.canShowClearButton)
|
|
8427
8495
|
return null;
|
|
8428
8496
|
var cssClasses = this.question.cssClasses;
|
|
8429
|
-
return
|
|
8430
|
-
|
|
8497
|
+
return _("div", { className: cssClasses.controls },
|
|
8498
|
+
_("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")));
|
|
8431
8499
|
};
|
|
8432
8500
|
return SurveyQuestionSignaturePad;
|
|
8433
8501
|
}(reactquestion_element_SurveyQuestionElementBase));
|
|
8434
8502
|
|
|
8435
8503
|
ReactQuestionFactory.Instance.registerQuestion("signaturepad", function (props) {
|
|
8436
|
-
return
|
|
8504
|
+
return _(signaturepad_SurveyQuestionSignaturePad, props);
|
|
8437
8505
|
});
|
|
8438
8506
|
|
|
8439
8507
|
// CONCATENATED MODULE: ./packages/survey-react-ui/src/reactquestion_buttongroup.tsx
|
|
@@ -8598,16 +8666,16 @@ var reactquestion_custom_SurveyQuestionComposite = /** @class */ (function (_sup
|
|
|
8598
8666
|
return !!this.question.contentPanel;
|
|
8599
8667
|
};
|
|
8600
8668
|
SurveyQuestionComposite.prototype.renderElement = function () {
|
|
8601
|
-
return (
|
|
8669
|
+
return (_(panel_SurveyPanel, { element: this.question.contentPanel, creator: this.creator, survey: this.question.survey }));
|
|
8602
8670
|
};
|
|
8603
8671
|
return SurveyQuestionComposite;
|
|
8604
8672
|
}(reactquestion_element_SurveyQuestionUncontrolledElement));
|
|
8605
8673
|
|
|
8606
8674
|
ReactQuestionFactory.Instance.registerQuestion("custom", function (props) {
|
|
8607
|
-
return
|
|
8675
|
+
return _(reactquestion_custom_SurveyQuestionCustom, props);
|
|
8608
8676
|
});
|
|
8609
8677
|
ReactQuestionFactory.Instance.registerQuestion("composite", function (props) {
|
|
8610
|
-
return
|
|
8678
|
+
return _(reactquestion_custom_SurveyQuestionComposite, props);
|
|
8611
8679
|
});
|
|
8612
8680
|
|
|
8613
8681
|
// CONCATENATED MODULE: ./packages/survey-react-ui/src/components/list/list-item-content.tsx
|
|
@@ -9427,6 +9495,7 @@ ReactElementFactory.Instance.registerElement(external_root_Survey_commonjs2_surv
|
|
|
9427
9495
|
|
|
9428
9496
|
|
|
9429
9497
|
|
|
9498
|
+
|
|
9430
9499
|
|
|
9431
9500
|
|
|
9432
9501
|
//Uncomment to include the "date" question type.
|
|
@@ -9457,12 +9526,12 @@ var js_ui_assign = (undefined && undefined.__assign) || function () {
|
|
|
9457
9526
|
|
|
9458
9527
|
function renderSurvey(model, element, props) {
|
|
9459
9528
|
if (props === void 0) { props = {}; }
|
|
9460
|
-
var survey =
|
|
9529
|
+
var survey = _(reactSurvey_Survey, js_ui_assign({ model: model }, props));
|
|
9461
9530
|
compat_module_$(survey, element);
|
|
9462
9531
|
}
|
|
9463
9532
|
function renderPopupSurvey(model, element, props) {
|
|
9464
9533
|
if (props === void 0) { props = {}; }
|
|
9465
|
-
var survey =
|
|
9534
|
+
var survey = _(react_popup_survey_PopupSurvey, js_ui_assign({ model: model }, props));
|
|
9466
9535
|
compat_module_$(survey, element);
|
|
9467
9536
|
}
|
|
9468
9537
|
function doPopupSurvey(props) {
|
|
@@ -9511,7 +9580,7 @@ var preact = compat_module_namespaceObject;
|
|
|
9511
9580
|
|
|
9512
9581
|
|
|
9513
9582
|
|
|
9514
|
-
Object(external_root_Survey_commonjs2_survey_core_commonjs_survey_core_amd_survey_core_["checkLibraryVersion"])("" + "1.12.
|
|
9583
|
+
Object(external_root_Survey_commonjs2_survey_core_commonjs_survey_core_amd_survey_core_["checkLibraryVersion"])("" + "1.12.8", "survey-js-ui");
|
|
9515
9584
|
|
|
9516
9585
|
|
|
9517
9586
|
/***/ }),
|