survey-creator-js 2.3.2 → 2.3.3
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.
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* SurveyJS Creator UI v2.3.
|
|
2
|
+
* SurveyJS Creator UI v2.3.3
|
|
3
3
|
* (c) 2015-2025 Devsoft Baltic OÜ - http://surveyjs.io/
|
|
4
4
|
* Github: https://github.com/surveyjs/survey-creator
|
|
5
5
|
* License: https://surveyjs.io/Licenses#SurveyCreator
|
|
@@ -2849,8 +2849,8 @@ ReactQuestionFactory.Instance.registerQuestion("sv-boolean-switch", (props) => {
|
|
|
2849
2849
|
RendererFactory.Instance.registerRenderer("boolean", "switch", "sv-boolean-switch");
|
|
2850
2850
|
|
|
2851
2851
|
let Version;
|
|
2852
|
-
Version = `${"2.3.
|
|
2853
|
-
checkLibraryVersion(`${"2.3.
|
|
2852
|
+
Version = `${"2.3.3"}`;
|
|
2853
|
+
checkLibraryVersion(`${"2.3.3"}`, "survey-creator-react");
|
|
2854
2854
|
|
|
2855
2855
|
function renderSurveyCreator(creator, element, props = {}) {
|
|
2856
2856
|
let node = element;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "survey-creator-js",
|
|
3
|
-
"version": "2.3.
|
|
3
|
+
"version": "2.3.3",
|
|
4
4
|
"description": "Use SurveyJS Creator to create or edit JSON for SurveyJS Form Library.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"Survey",
|
|
@@ -28,9 +28,9 @@
|
|
|
28
28
|
"typings": "./typings/survey-creator-js/entries/index.d.ts",
|
|
29
29
|
"peerDependencies": {
|
|
30
30
|
"ace-builds": "^1.4.12",
|
|
31
|
-
"survey-core": "2.3.
|
|
32
|
-
"survey-js-ui": "2.3.
|
|
33
|
-
"survey-creator-core": "2.3.
|
|
31
|
+
"survey-core": "2.3.3",
|
|
32
|
+
"survey-js-ui": "2.3.3",
|
|
33
|
+
"survey-creator-core": "2.3.3",
|
|
34
34
|
"@types/react-dom": "*",
|
|
35
35
|
"@types/react": "*"
|
|
36
36
|
},
|
package/survey-creator-js.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* SurveyJS Creator UI v2.3.
|
|
2
|
+
* SurveyJS Creator UI v2.3.3
|
|
3
3
|
* (c) 2015-2025 Devsoft Baltic OÜ - http://surveyjs.io/
|
|
4
4
|
* Github: https://github.com/surveyjs/survey-creator
|
|
5
5
|
* License: https://surveyjs.io/Licenses#SurveyCreator
|
|
@@ -3731,7 +3731,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
3731
3731
|
/* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_63__ = __webpack_require__(/*! survey-core */ "survey-core");
|
|
3732
3732
|
/* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_63___default = /*#__PURE__*/__webpack_require__.n(survey_core__WEBPACK_IMPORTED_MODULE_63__);
|
|
3733
3733
|
var Version;
|
|
3734
|
-
Version = "".concat("2.3.
|
|
3734
|
+
Version = "".concat("2.3.3");
|
|
3735
3735
|
// import "@survey/creator/survey-creator-core.css";
|
|
3736
3736
|
|
|
3737
3737
|
|
|
@@ -3803,7 +3803,7 @@ Version = "".concat("2.3.2");
|
|
|
3803
3803
|
|
|
3804
3804
|
|
|
3805
3805
|
|
|
3806
|
-
(0,survey_core__WEBPACK_IMPORTED_MODULE_63__.checkLibraryVersion)("".concat("2.3.
|
|
3806
|
+
(0,survey_core__WEBPACK_IMPORTED_MODULE_63__.checkLibraryVersion)("".concat("2.3.3"), "survey-creator-react");
|
|
3807
3807
|
|
|
3808
3808
|
|
|
3809
3809
|
/***/ }),
|
package/survey-creator-js.min.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/*! For license information please see survey-creator-js.min.js.LICENSE.txt */
|
|
2
|
-
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("survey-core"),require("survey-creator-core"),require("survey-js-ui")):"function"==typeof define&&define.amd?define("survey-creator-js",["survey-core","survey-creator-core","survey-js-ui"],t):"object"==typeof exports?exports["survey-creator-js"]=t(require("survey-core"),require("survey-creator-core"),require("survey-js-ui")):e.SurveyCreator=t(e.Survey,e.SurveyCreatorCore,e.SurveyUI)}(this,(e,t,n)=>(()=>{"use strict";var o={156:t=>{t.exports=e},675:e=>{e.exports=n},982:e=>{e.exports=t}},r={};function i(e){var t=r[e];if(void 0!==t)return t.exports;var n=r[e]={exports:{}};return o[e](n,n.exports,i),n.exports}i.d=(e,t)=>{for(var n in t)i.o(t,n)&&!i.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},i.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a={};i.r(a),i.d(a,{ActionButton:()=>R,AdaptiveToolbox:()=>Te,CellQuestionAdornerComponent:()=>H,CellQuestionDropdownAdornerComponent:()=>W,CreatorSurveyPageComponent:()=>X,IPropertyGridEditor:()=>l.IPropertyGridEditor,ISurveyCreatorOptions:()=>l.ISurveyCreatorOptions,ImageItemValueAdornerComponent:()=>de,ItemValueAdornerComponent:()=>ue,LogoImageComponent:()=>ne,MatrixCellAdornerComponent:()=>fe,PanelAdornerComponent:()=>ee,PropertyGridComponent:()=>Rt,PropertyGridEditorCollection:()=>l.PropertyGridEditorCollection,PropertyGridPlaceholderComponent:()=>St,QuestionAdornerComponent:()=>N,QuestionBanner:()=>D,QuestionDropdownAdornerComponent:()=>B,QuestionEditorContentComponent:()=>ce,QuestionErrorComponent:()=>et,QuestionImageAdornerComponent:()=>A,QuestionRatingAdornerComponent:()=>Q,QuestionWidgetAdornerComponent:()=>V,QuestionWrapperFooter:()=>T,QuestionWrapperHeader:()=>x,ReactDragEvent:()=>C,ReactMouseEvent:()=>w,RowWrapper:()=>E,SearchComponent:()=>xe,SideBarDefaultHeader:()=>Ae,SidebarComponent:()=>He,SurveyCreator:()=>en,SurveyCreatorComponent:()=>h,SurveyCreatorToolboxCategory:()=>Oe,SurveyCreatorToolboxItem:()=>Ee,SurveyCreatorToolboxItemGroup:()=>we,SurveyCreatorToolboxTool:()=>_e,SurveyElementEmbeddedSurvey:()=>ae,SurveyLocStringEditor:()=>Ze,SurveyLogic:()=>l.SurveyLogic,SurveyLogicOpertor:()=>nt,SurveyLogicUI:()=>l.SurveyLogicUI,SurveyNavigation:()=>Ie,SurveyQuestionBooleanSwitch:()=>Xt,SurveyQuestionColor:()=>Vt,SurveyQuestionEditorDefinition:()=>l.SurveyQuestionEditorDefinition,SurveyQuestionFileEditor:()=>Ht,SurveyQuestionLinkValue:()=>re,SurveyQuestionSpinEditor:()=>At,SurveyQuestionTextWithReset:()=>Wt,SurveyResults:()=>ye,SurveyResultsByRow:()=>ve,SurveySimulator:()=>Et,SwitcherComponent:()=>Dt,TabButtonComponent:()=>Me,TabDesignerComponent:()=>ut,TabJsonEditorAceComponent:()=>ht,TabJsonEditorErrorsComponent:()=>dt,TabJsonEditorTextareaComponent:()=>mt,TabLogicAddButtonComponent:()=>vt,TabLogicComponent:()=>gt,TabPreviewSurveyComponent:()=>Ct,TabPreviewTestSurveyAgainComponent:()=>wt,TabThemeSurveyComponent:()=>Pt,TabTranslationComponent:()=>jt,TabbedMenuComponent:()=>p,TabbedMenuItemComponent:()=>m,ToolboxList:()=>Ne,ToolboxToolViewModel:()=>l.ToolboxToolViewModel,TranslateFromAction:()=>Xe,TranslationLineSkeleton:()=>Ge,Version:()=>Gt,editorLocalization:()=>l.editorLocalization,localization:()=>l.localization,renderSurveyCreator:()=>$t,settings:()=>l.settings,svgBundle:()=>l.svgBundle});var s,c=i(675),l=i(982),u=(s=function(e,t){return s=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},s(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}s(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),p=function(e){function t(t){var n=e.call(this,t)||this;return n.rootRef=c.createRef(),n}return u(t,e),Object.defineProperty(t.prototype,"model",{get:function(){return this.props.model},enumerable:!1,configurable:!0}),t.prototype.getStateElement=function(){return this.model},t.prototype.renderElement=function(){var e=this.model.renderedActions.map(function(e){return c.createElement(d,{item:e,key:e.renderedId})});return c.createElement("div",{ref:this.rootRef,className:"svc-tabbed-menu",role:"tablist",style:this.model.getRootStyle()},e)},t.prototype.componentDidUpdate=function(t,n){e.prototype.componentDidUpdate.call(this,t,n);var o=this.rootRef.current;o&&this.model.initResponsivityManager(o)},t.prototype.componentDidMount=function(){e.prototype.componentDidMount.call(this);var t=this.rootRef.current;t&&this.model.initResponsivityManager(t)},t.prototype.componentWillUnmount=function(){this.model.resetResponsivityManager(),e.prototype.componentWillUnmount.call(this)},t}(c.SurveyElementBase),d=function(e){function t(t){var n=e.call(this,t)||this;return n.ref=c.createRef(),n}return u(t,e),Object.defineProperty(t.prototype,"item",{get:function(){return this.props.item},enumerable:!1,configurable:!0}),t.prototype.getStateElement=function(){return this.item},t.prototype.renderElement=function(){var e="svc-tabbed-menu-item-container";this.item.css&&(e+=" "+this.item.css),e+=this.item.isVisible?"":" sv-action--hidden";var t=c.ReactElementFactory.Instance.createElement(this.item.component||"svc-tabbed-menu-item",{item:this.item});return c.createElement("span",{key:this.item.id,className:e,ref:this.ref},c.createElement("div",{className:"sv-action__content"},t))},t.prototype.componentDidMount=function(){var t=this;e.prototype.componentDidMount.call(this),this.item.updateModeCallback=function(e,n){queueMicrotask(function(){c.flushSync?c.flushSync(function(){t.item.mode=e}):t.item.mode=e,queueMicrotask(function(){n(e,t.ref.current)})})},this.item.afterRender()},t.prototype.componentWillUnmount=function(){e.prototype.componentWillUnmount.call(this),this.item.updateModeCallback=void 0},t}(c.SurveyElementBase),m=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),Object.defineProperty(t.prototype,"item",{get:function(){return this.props.item},enumerable:!1,configurable:!0}),t.prototype.getStateElement=function(){return this.item},t.prototype.render=function(){var e=this.item;return(0,c.attachKey2click)(c.createElement("div",{role:"tab",id:"tab-"+e.id,"aria-selected":e.active,"aria-controls":"scrollableDiv-"+e.id,className:e.getRootCss(),onClick:function(){return e.action(e)}},e.hasTitle?c.createElement("span",{className:e.getTitleCss()},e.title):null,e.hasIcon?c.createElement(c.SvgIcon,{iconName:e.iconName,className:e.getIconCss(),size:"auto",title:e.tooltip||e.title}):null))},t}(c.SurveyElementBase);c.ReactElementFactory.Instance.registerElement("svc-tabbed-menu-item",function(e){return c.createElement(m,e)});var f=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),h=function(e){function t(t){var n=e.call(this,t)||this;return n.rootNode=c.createRef(),n}return f(t,e),Object.defineProperty(t.prototype,"creator",{get:function(){return this.props.creator},enumerable:!1,configurable:!0}),t.prototype.getStateElement=function(){return this.creator},Object.defineProperty(t.prototype,"style",{get:function(){return this.props.style},enumerable:!1,configurable:!0}),t.prototype.componentDidUpdate=function(t,n){e.prototype.componentDidUpdate.call(this,t,n),this.creator!==t.creator&&(t.creator&&t.creator.unsubscribeRootElement(),this.creator&&this.rootNode.current&&this.creator.setRootElement(this.rootNode.current))},t.prototype.componentDidMount=function(){e.prototype.componentDidMount.call(this),this.creator.setRootElement(this.rootNode.current)},t.prototype.componentWillUnmount=function(){e.prototype.componentWillUnmount.call(this),this.creator.unsubscribeRootElement()},t.prototype.renderElement=function(){var e=this.props.creator;if(e.isCreatorDisposed)return null;var t="svc-full-container svc-creator__area svc-flex-column"+(this.props.creator.haveCommercialLicense?"":" svc-creator__area--with-banner"),n="svc-creator__content-wrapper svc-flex-row"+(this.props.creator.isMobileView?" svc-creator__content-wrapper--footer-toolbar":""),o="svc-flex-row svc-full-container svc-creator__side-bar--"+this.creator.sidebarLocation,r={};(0,l.assign)(r,this.style,this.props.creator.themeVariables);var i=null;if(!this.props.creator.haveCommercialLicense){var a={__html:this.props.creator.licenseText};i=c.createElement("div",{className:"svc-creator__banner"},c.createElement("span",{className:"svc-creator__non-commercial-text",dangerouslySetInnerHTML:a}))}return c.createElement("div",{className:this.creator.getRootCss(),ref:this.rootNode,style:r},c.createElement(c.SvgBundleComponent,null),c.createElement(c.PopupModal,null),c.createElement("div",{className:t},c.createElement("div",{className:o},c.createElement("div",{className:"svc-flex-column svc-flex-row__element svc-flex-row__element--growing"},c.createElement("div",{className:"svc-top-bar"},e.showTabs?c.createElement("div",{className:"svc-tabbed-menu-wrapper"},c.createElement(p,{model:e.tabbedMenu})):null,e.showToolbar?c.createElement("div",{className:"svc-toolbar-wrapper"},c.createElement(c.SurveyActionBar,{model:e.toolbar})):null),c.createElement("div",{className:n},c.createElement("div",{className:"svc-creator__content-holder svc-flex-column"},this.renderActiveTab())),c.createElement("div",{className:"svc-footer-bar"},e.isMobileView?c.createElement("div",{className:"svc-toolbar-wrapper"},c.createElement(c.SurveyActionBar,{model:e.footerToolbar})):null)),this.renderSidebar()),i,c.createElement(c.NotifierComponent,{notifier:e.notifier})))},t.prototype.renderActiveTab=function(){for(var e=this.props.creator,t=0;t<e.tabs.length;t++)if(e.tabs[t].id===e.activeTab)return this.renderCreatorTab(e.tabs[t]);return null},t.prototype.renderCreatorTab=function(e){if(!1===e.visible)return null;var t=this.props.creator,n=e.renderTab?e.renderTab():c.ReactElementFactory.Instance.createElement(e.componentContent,{creator:t,survey:t.survey,data:e.data.model}),o="svc-creator-tab"+("right"==t.toolboxLocation?" svc-creator__toolbox--right":"");return c.createElement("div",{role:"tabpanel",key:e.id,id:"scrollableDiv-"+e.id,"aria-labelledby":"tab-"+e.id,className:o},n)},t.prototype.renderSidebar=function(){return this.creator.sidebar?c.ReactElementFactory.Instance.createElement("svc-side-bar",{model:this.creator.sidebar}):null},t}(c.SurveyElementBase),y=function(e){function t(t,n){return void 0===t&&(t={}),e.call(this,t,n)||this}return f(t,e),t.prototype.render=function(e){console.error("The render method is deprecated. Use SurveyCreatorComponent instead.")},t.prototype.createQuestionElement=function(e){return c.ReactQuestionFactory.Instance.createQuestion(e.isDefaultRendering()?e.getTemplate():e.getComponentName(),{question:e,isDisplayMode:e.isReadOnly,creator:this})},t.prototype.renderError=function(e,t,n){return c.createElement("div",{key:e},c.createElement("span",{className:n.error.icon,"aria-hidden":"true"}),c.createElement("span",{className:n.error.item},c.createElement(c.SurveyLocStringViewer,{locStr:t.locText})))},t.prototype.questionTitleLocation=function(){return this.survey.questionTitleLocation},t.prototype.questionErrorLocation=function(){return this.survey.questionErrorLocation},t}(l.SurveyCreatorModel);c.ReactElementFactory.Instance.registerElement("survey-widget",function(e){return c.createElement(c.Survey,e)});var v=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),g=function(e){function t(t){var n=e.call(this,t)||this;return n.createModel(t),n}return v(t,e),t.prototype.shouldComponentUpdate=function(t,n){var o=e.prototype.shouldComponentUpdate.call(this,t,n);return o&&this.needUpdateModel(t)&&this.createModel(t),o},t.prototype.createModel=function(e){},t.prototype.needUpdateModel=function(e){var t=this.getUpdatedModelProps();if(!Array.isArray(t))return!0;for(var n=0;n<t.length;n++){var o=t[n];if(this.props[o]!==e[o])return!0}return!1},t.prototype.getUpdatedModelProps=function(){},t}(c.SurveyElementBase),_=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),E=function(e){function t(t){return e.call(this,t)||this}return _(t,e),t.prototype.createModel=function(e){this.model&&this.model.dispose(),this.model=new l.RowViewModel(e.componentData.creator,e.row,null)},t.prototype.getUpdatedModelProps=function(){return["row","componentData"]},t.prototype.getStateElement=function(){return this.model},t.prototype.componentDidMount=function(){e.prototype.componentDidMount.call(this),this.model.subscribeElementChanges()},t.prototype.componentWillUnmount=function(){this.model.unsubscribeElementChanges(),e.prototype.componentWillUnmount.call(this)},t.prototype.render=function(){return c.createElement("div",{key:"svc-row-"+this.props.row.id,className:this.model.cssClasses},c.createElement("div",{className:"svc-row__drop-indicator svc-row__drop-indicator--top"}),c.createElement("div",{className:"svc-row__drop-indicator svc-row__drop-indicator--bottom"}),this.props.element)},t}(g);c.ReactElementFactory.Instance.registerElement("svc-row",function(e){return c.createElement(E,e)});var b=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),w=function(){function e(e){this.event=e}return e.prototype.stopPropagation=function(){this.event.stopPropagation()},e.prototype.preventDefault=function(){this.event.preventDefault()},Object.defineProperty(e.prototype,"cancelBubble",{get:function(){return!1},set:function(e){},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"target",{get:function(){return this.event.target},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"currentTarget",{get:function(){return this.event.currentTarget},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"clientX",{get:function(){return this.event.clientX},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"clientY",{get:function(){return this.event.clientY},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"offsetX",{get:function(){return this.event.nativeEvent.offsetX},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"offsetY",{get:function(){return this.event.nativeEvent.offsetY},enumerable:!1,configurable:!0}),e}(),C=function(e){function t(t){var n=e.call(this,t)||this;return n.event=t,n}return b(t,e),Object.defineProperty(t.prototype,"dataTransfer",{get:function(){return this.event.dataTransfer},enumerable:!1,configurable:!0}),t}(w),O=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),S=c.memo(function(e){return e.element});S.displayName="QuestionElementContent";var N=function(e){function t(t){var n=e.call(this,t)||this;return n.rootRef=c.createRef(),n}return O(t,e),t.prototype.createModel=function(e){this.model?this.model.attachToUI(e.question,this.rootRef.current):this.modelValue=this.createQuestionViewModel(e)},t.prototype.createQuestionViewModel=function(e){return new l.QuestionAdornerViewModel(e.componentData,e.question,null)},t.prototype.getUpdatedModelProps=function(){return["question","componentData"]},Object.defineProperty(t.prototype,"model",{get:function(){return this.modelValue},enumerable:!1,configurable:!0}),t.prototype.getStateElement=function(){return this.model},t.prototype.renderElement=function(){var e=this,t=this.model.element.isInteractiveDesignElement,n=this.renderQuestionTitle(),o=this.renderContent(t);return c.createElement("div",{ref:this.rootRef,"data-sv-drop-target-survey-element":this.model.element.name||null,className:this.model.rootCss(),onDoubleClick:function(n){t&&e.model.dblclick(n.nativeEvent),n.stopPropagation()},onMouseLeave:function(n){return t&&e.model.hover(n.nativeEvent,n.currentTarget)},onMouseOver:function(n){return t&&e.model.hover(n.nativeEvent,n.currentTarget)}},n,o)},t.prototype.disableTabStop=function(){return!0},t.prototype.renderContent=function(e){var t=this,n=this.model.needToRenderContent?this.renderElementContent():null;return(0,c.attachKey2click)(c.createElement("div",{className:this.model.css(),onClick:function(e){return t.model.select(t.model,new w(e))}},c.createElement("div",{className:"svc-question__drop-indicator svc-question__drop-indicator--left"}),c.createElement("div",{className:"svc-question__drop-indicator svc-question__drop-indicator--right"}),c.createElement("div",{className:"svc-question__drop-indicator svc-question__drop-indicator--top"}),c.createElement("div",{className:"svc-question__drop-indicator svc-question__drop-indicator--bottom"}),e?this.renderHeader():null,n,this.model.needToRenderContent?this.renderFooter():null),void 0,{disableTabStop:this.disableTabStop()})},t.prototype.renderHeader=function(){return c.ReactElementFactory.Instance.createElement("svc-question-header",{model:this.model})},t.prototype.renderFooter=function(){return this.model.element.isInteractiveDesignElement?c.ReactElementFactory.Instance.createElement("svc-question-footer",{className:"svc-question__content-actions",model:this.model}):null},t.prototype.renderCarryForwardBanner=function(){return this.model.isBannerShowing?c.ReactElementFactory.Instance.createElement("svc-question-banner",this.model.createBannerParams()):null},t.prototype.renderQuestionTitle=function(){var e=this;if(!this.model.showHiddenTitle)return null;var t=this.model.element;return c.createElement("div",{ref:function(t){return t&&(e.model.renderedCollapsed?t.removeAttribute("inert"):t.setAttribute("inert",""))},className:this.model.cssCollapsedHiddenHeader},t.hasTitle?c.createElement(c.TitleElement,{element:t}):c.createElement("div",{className:this.model.cssCollapsedHiddenTitle},c.createElement("span",{className:"svc-fake-title"},t.name)))},t.prototype.renderElementContent=function(){return c.createElement(c.Fragment,null,c.createElement(S,{element:this.props.element}),this.renderElementPlaceholder(),this.renderCarryForwardBanner())},t.prototype.componentDidMount=function(){e.prototype.componentDidMount.call(this),this.model.attachToUI(this.props.question,this.rootRef.current)},t.prototype.renderElementPlaceholder=function(){return this.model.isEmptyElement?c.createElement("div",{className:"svc-panel__placeholder_frame-wrapper"},c.createElement("div",{className:"svc-panel__placeholder_frame"},c.createElement("div",{className:"svc-panel__placeholder"},this.model.placeholderText))):null},t.prototype.componentWillUnmount=function(){e.prototype.componentWillUnmount.call(this),this.model.detachFromUI()},t}(g);c.ReactElementFactory.Instance.registerElement("svc-question",function(e){return c.createElement(N,e)});var P=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),x=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return P(t,e),t.prototype.render=function(){var e=this;return this.props.model.allowDragging?c.createElement("div",{className:"svc-question__drag-area",onPointerDown:function(t){return e.props.model.onPointerDown(t)}},c.createElement(c.SvgIcon,{className:"svc-question__drag-element",size:"auto",iconName:"icon-drag-area-indicator_24x16"}),c.createElement("div",{className:"svc-question__top-actions"},c.createElement(c.SurveyActionBar,{model:this.props.model.topActionContainer,handleClick:!1}))):null},t}(c.Component);c.ReactElementFactory.Instance.registerElement("svc-question-header",function(e){return c.createElement(x,e)});var j=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),T=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return j(t,e),t.prototype.render=function(){var e=this;return c.createElement("div",{className:this.props.className,onFocus:function(t){return e.props.model.select(e.props.model,new w(t))}},c.createElement(c.SurveyActionBar,{model:this.props.model.actionContainer,handleClick:!1}))},t}(c.Component);c.ReactElementFactory.Instance.registerElement("svc-question-footer",function(e){return c.createElement(T,e)});var q=i(156),I=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),R=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return I(t,e),t.prototype.renderElement=function(){var e=(new q.CssClassBuilder).append(this.props.classes).append("svc-action-button").append("svc-action-button--selected",!!this.props.selected).append("svc-action-button--disabled",!!this.props.disabled).toString();return this.props.iconName?this.renderIcon(e):this.renderButtonText(e)},t.prototype.renderButtonText=function(e){var t=this;return this.props.disabled?c.createElement("span",{className:e},this.props.text):c.createElement(c.Fragment,null,(0,c.attachKey2click)(c.createElement("span",{role:"button",className:e,onClick:function(e){t.props.allowBubble||e.stopPropagation(),t.props.click()},title:this.props.title},this.props.text)))},t.prototype.renderIcon=function(e){var t=this;return e+=" svc-action-button--icon",this.props.disabled?c.createElement("span",{className:e},c.createElement(c.SvgIcon,{size:"auto",iconName:this.props.iconName})):c.createElement(c.Fragment,null,(0,c.attachKey2click)(c.createElement("span",{className:e,onClick:function(e){t.props.allowBubble||e.stopPropagation(),t.props.click()},title:this.props.title},c.createElement(c.SvgIcon,{size:"auto",iconName:this.props.iconName}))))},t}(c.SurveyElementBase);c.ReactElementFactory.Instance.registerElement("svc-action-button",function(e){return c.createElement(R,e)});var M=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),D=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return M(t,e),t.prototype.render=function(){var e=this;return c.createElement("div",{className:"svc-carry-forward-panel-wrapper"},c.createElement("div",{className:"svc-carry-forward-panel"},c.createElement("span",null,this.props.text," "),c.createElement("span",{className:"svc-carry-forward-panel__link"},c.createElement(R,{click:function(){return e.props.onClick()},text:this.props.actionText}))))},t}(c.Component);c.ReactElementFactory.Instance.registerElement("svc-question-banner",function(e){return c.createElement(D,e)});var F=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),B=function(e){function t(t){return e.call(this,t)||this}return F(t,e),t.prototype.createQuestionViewModel=function(e){return new l.QuestionDropdownAdornerViewModel(e.componentData,e.question,null)},Object.defineProperty(t.prototype,"dropdownModel",{get:function(){return this.model},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"question",{get:function(){return this.dropdownModel.question},enumerable:!1,configurable:!0}),t.prototype.renderElementPlaceholder=function(){var e=this,t=this.question.textStyle;return c.createElement("div",{className:"svc-question__dropdown-choices--wrapper"},c.createElement("div",null,c.createElement("div",{className:"svc-question__dropdown-choices"},(this.dropdownModel.getRenderedItems()||[]).map(function(n,o){return c.createElement("div",{className:e.dropdownModel.getChoiceCss(),key:"editable_choice_".concat(o)},c.ReactSurveyElementsWrapper.wrapItemValue(e.question.survey,c.ReactElementFactory.Instance.createElement(e.dropdownModel.itemComponent,{key:n.value,question:e.question,cssClasses:e.question.cssClasses,isDisplayMode:!0,item:n,textStyle:t,index:o,isChecked:e.question.value===n.value}),e.question,n))})),this.dropdownModel.needToCollapse?c.createElement(R,{click:this.dropdownModel.switchCollapse,text:this.dropdownModel.getButtonText(),allowBubble:!0}):null))},t}(N);c.ReactElementFactory.Instance.registerElement("svc-dropdown-question",function(e){return c.createElement(B,e)});var k=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),A=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return k(t,e),t.prototype.createQuestionViewModel=function(e){return new l.QuestionImageAdornerViewModel(e.componentData,e.question,null)},Object.defineProperty(t.prototype,"imageModel",{get:function(){return this.model},enumerable:!1,configurable:!0}),t.prototype.renderHeader=function(){return c.createElement(c.Fragment,null,c.createElement("input",{type:"file","aria-hidden":"true",tabIndex:-1,accept:this.imageModel.acceptedTypes,className:"svc-choose-file-input",style:{position:"absolute",opacity:0,width:"1px",height:"1px",overflow:"hidden"}}),e.prototype.renderHeader.call(this))},t.prototype.renderLoadingPlaceholder=function(){return c.createElement("div",{className:"svc-image-question__loading-placeholder"},c.createElement("div",{className:"svc-image-question__loading"},c.createElement(c.LoadingIndicatorComponent,null)))},t.prototype.renderChooseButton=function(){var e=this;return c.createElement("div",{className:"svc-image-question-controls"},this.model.allowEdit?(0,c.attachKey2click)(c.createElement("span",{className:"svc-context-button",onClick:function(){return e.imageModel.chooseFile(e.imageModel)}},c.createElement(c.SvgIcon,{size:"auto",iconName:"icon-choosefile"}))):null)},t.prototype.renderElementPlaceholder=function(){return this.imageModel.isUploading?this.renderLoadingPlaceholder():this.renderChooseButton()},t.prototype.getStateElements=function(){return[this.model,this.imageModel.filePresentationModel]},t.prototype.renderElementContent=function(){if(this.imageModel.isEmptyImageLink){var e=c.ReactQuestionFactory.Instance.createQuestion("file",{creator:this.imageModel.question.survey,isDisplayMode:!1,question:this.imageModel.filePresentationModel});return c.createElement(c.Fragment,null,e)}return c.createElement(c.Fragment,null,this.props.element,this.renderElementPlaceholder())},t}(N);c.ReactElementFactory.Instance.registerElement("svc-image-question",function(e){return c.createElement(A,e)});var U=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),Q=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return U(t,e),t.prototype.createModel=function(e){this.modelValue=this.createQuestionViewModel(e)},t.prototype.createQuestionViewModel=function(e){return new l.QuestionRatingAdornerViewModel(e.componentData,e.question,null)},t.prototype.getUpdatedModelProps=function(){return["question","componentData"]},Object.defineProperty(t.prototype,"ratingModel",{get:function(){return this.model},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"model",{get:function(){return this.modelValue},enumerable:!1,configurable:!0}),t.prototype.getStateElement=function(){return this.model},t.prototype.renderElement=function(){var e=this.ratingModel;return c.createElement(c.Fragment,null,c.createElement("div",{className:"svc-rating-question-content"},c.createElement("div",{className:e.controlsClassNames},e.allowRemove?(0,c.attachKey2click)(c.createElement("span",{role:"button",className:e.removeClassNames,"aria-label":e.removeTooltip,onClick:function(){return e.removeItem(e)}},c.createElement(c.SvgIcon,{size:"auto",iconName:"icon-remove_16x16",title:e.removeTooltip}))):null,e.allowAdd?(0,c.attachKey2click)(c.createElement("span",{role:"button",className:e.addClassNames,"aria-label":e.addTooltip,onClick:function(){return e.addItem(e)}},c.createElement(c.SvgIcon,{size:"auto",iconName:"icon-add_16x16",title:e.addTooltip}))):null),this.props.element))},t}(g);c.ReactElementFactory.Instance.registerElement("svc-rating-question",function(e){return c.createElement(Q,e)}),c.ReactElementFactory.Instance.registerElement("svc-rating-question-content",function(e){return c.createElement(Q,e)});var L=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),V=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return L(t,e),t.prototype.createQuestionViewModel=function(e){return new l.QuestionAdornerViewModel(e.componentData,e.question,null)},Object.defineProperty(t.prototype,"widgetModel",{get:function(){return this.model},enumerable:!1,configurable:!0}),t.prototype.renderElementContent=function(){return c.createElement("div",{className:"svc-widget__content"},this.props.element)},t}(N);c.ReactElementFactory.Instance.registerElement("svc-widget-question",function(e){return c.createElement(V,e)});var K=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),H=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return K(t,e),t.prototype.createModel=function(e){this.model=new l.QuestionAdornerViewModel(e.componentData,e.question,null)},t.prototype.getStateElement=function(){return this.model},t.prototype.getUpdatedModelProps=function(){return["question","componentData"]},t.prototype.render=function(){return c.createElement(c.Fragment,null,c.createElement("div",{"data-sv-drop-target-survey-element":this.model.element.name,className:"svc-question__adorner"},c.createElement("div",{className:" svc-question__content--in-popup svc-question__content"},this.props.element)))},t}(g);c.ReactElementFactory.Instance.registerElement("svc-cell-question",function(e){return c.createElement(H,e)});var z=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),W=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return z(t,e),t.prototype.createModel=function(e){this.model=new l.QuestionAdornerViewModel(e.componentData,e.question,null)},t.prototype.getUpdatedModelProps=function(){return["question","componentData"]},t.prototype.getStateElement=function(){return this.model},t.prototype.render=function(){var e=this.props.question,t=this.props.question.textStyle;return c.createElement(c.Fragment,null,c.createElement("div",{"data-sv-drop-target-survey-element":this.model.element.name,className:"svc-question__adorner"},c.createElement("div",{className:" svc-question__content--in-popup svc-question__content"},this.props.element,c.createElement("div",{className:"svc-question__dropdown-choices"},e.visibleChoices.map(function(n,o){return c.createElement("div",{className:"svc-question__dropdown-choice",key:"editable_choice_".concat(o)},c.ReactSurveyElementsWrapper.wrapItemValue(e.survey,c.ReactElementFactory.Instance.createElement("survey-radiogroup-item",{question:e,cssClasses:e.cssClasses,isDisplayMode:!0,item:n,textStyle:t,index:o,isChecked:e.value===n.value}),e,n))})))))},t}(g);c.ReactElementFactory.Instance.registerElement("svc-cell-dropdown-question",function(e){return c.createElement(W,e)});var G=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),J=c.memo(function(e){var t=e.page,n=e.survey,o=e.creator;return c.createElement(c.SurveyPage,{page:t,survey:n,creator:o})});J.displayName="PageElementContent";var X=function(e){function t(t){var n=e.call(this,t)||this;return n.rootRef=c.createRef(),n}return G(t,e),t.prototype.createModel=function(e){this.model&&this.model.attachToUI(e.page,this.rootRef.current),this.model=this.createPageAdorner(e.creator,e.page),this.model.isGhost=this.props.isGhost},t.prototype.createPageAdorner=function(e,t){return new l.PageAdorner(e,t)},t.prototype.shouldComponentUpdate=function(t,n){var o=e.prototype.shouldComponentUpdate.call(this,t,n);return this.model&&(this.model.isGhost=this.props.isGhost),o},t.prototype.componentDidUpdate=function(t,n){e.prototype.componentDidUpdate.call(this,t,n)},t.prototype.getUpdatedModelProps=function(){return["creator","page"]},t.prototype.getStateElement=function(){return this.model},t.prototype.componentDidMount=function(){e.prototype.componentDidMount.call(this),this.model.attachToUI(this.props.page,this.rootRef.current),this.model.isGhost=this.props.isGhost},t.prototype.componentWillUnmount=function(){e.prototype.componentWillUnmount.call(this),this.model.detachFromUI()},t.prototype.canRender=function(){return e.prototype.canRender.call(this)},t.prototype.renderElement=function(){var e=this;return this.props.page?(0,c.attachKey2click)(c.createElement("div",{ref:this.rootRef,id:this.props.page.id,"data-sv-drop-target-survey-page":this.model.dropTargetName,className:"svc-page__content "+this.model.css,onClick:function(t){return e.model.select(e.model,new w(t))},onDoubleClick:function(t){return e.model.dblclick(t.nativeEvent)},onMouseLeave:function(t){return e.model.hover(t.nativeEvent,t.currentTarget)},onMouseOver:function(t){return e.model.hover(t.nativeEvent,t.currentTarget)}},c.createElement("div",{className:"svc-question__drop-indicator svc-question__drop-indicator--top"}),c.createElement("div",{className:"svc-question__drop-indicator svc-question__drop-indicator--bottom"}),this.renderContent(),this.renderPlaceholder(),this.renderHeader(),this.renderFooter())):null},t.prototype.renderPlaceholder=function(){return this.model.showPlaceholder?c.createElement("div",{className:"svc-page__placeholder_frame"},c.createElement("div",{className:"svc-panel__placeholder_frame"},c.createElement("div",{className:"svc-panel__placeholder"},this.model.placeholderText))):null},t.prototype.renderContent=function(){return this.model.needRenderContent?c.createElement(J,{page:this.props.page,survey:this.props.survey,creator:this.props.creator}):c.createElement("div",{className:"svc-page__loading-content"},c.createElement(c.LoadingIndicatorComponent,null))},t.prototype.renderHeader=function(){var e=this,t=c.createElement("div",{className:"svc-page__content-actions"},c.createElement(c.SurveyActionBar,{model:this.model.actionContainer}),this.model.topActionContainer.hasActions?c.createElement(c.SurveyActionBar,{model:this.model.topActionContainer}):null);return this.model.isGhost||!this.model.allowDragging?t:c.createElement("div",{className:"svc-question__drag-area",onPointerDown:function(t){return e.model.onPointerDown(t)}},c.createElement(c.SvgIcon,{className:"svc-question__drag-element",size:"auto",iconName:"icon-drag-area-indicator_24x16"}),t)},t.prototype.renderFooter=function(){return c.createElement(c.SurveyActionBar,{model:this.model.footerActionsBar})},t}(g);c.ReactElementFactory.Instance.registerElement("svc-page",function(e){return c.createElement(X,e)});var Y=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),Z=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return Y(t,e),Object.defineProperty(t.prototype,"model",{get:function(){return this.props.item.data},enumerable:!1,configurable:!0}),t.prototype.renderTypeSelector=function(){var e=this.model.questionTypeSelectorModel;return(0,c.attachKey2click)(c.createElement("button",{type:"button",onClick:function(t){t.stopPropagation(),e.action()},className:"svc-element__question-type-selector",title:this.model.addNewQuestionText,role:"button"},c.createElement("span",{className:"svc-element__question-type-selector-icon"},c.createElement(c.SvgIcon,{iconName:e.iconName,size:"auto",title:this.model.addNewQuestionText})),void 0===this.props.renderPopup||this.props.renderPopup?c.createElement(c.Popup,{model:e.popupModel}):null))},t.prototype.renderElement=function(){var e=this,t=this.props.buttonClass||"svc-btn";return c.createElement(c.Fragment,null,(0,c.attachKey2click)(c.createElement("div",{className:"svc-element__add-new-question "+t,onClick:function(t){t.stopPropagation(),e.model.addNewQuestion(e.model,new w(t))},onMouseOver:function(t){return e.model.hoverStopper&&e.model.hoverStopper(t.nativeEvent,t.currentTarget)}},c.createElement(c.SvgIcon,{className:"svc-panel__add-new-question-icon",iconName:"icon-add_24x24",size:"auto"}),c.createElement("span",{className:"svc-add-new-item-button__text"},this.model.addNewQuestionText),!1!==this.props.renderPopup?this.renderTypeSelector():null)),!1===this.props.renderPopup?this.renderTypeSelector():null)},t}(c.SurveyElementBase);c.ReactElementFactory.Instance.registerElement("svc-add-new-question-btn",function(e){return c.createElement(Z,e)});var $=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),ee=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return $(t,e),t.prototype.renderElementPlaceholder=function(){var e=this;return this.model.isEmptyElement?c.createElement("div",{className:"svc-panel__placeholder_frame-wrapper"},c.createElement("div",{className:"svc-panel__placeholder_frame"},c.createElement("div",{className:"svc-panel__placeholder"},this.model.placeholderText),this.model.showAddQuestionButton?(0,c.attachKey2click)(c.createElement("div",{className:"svc-panel__add-new-question svc-action-button",onClick:function(t){t.stopPropagation(),e.model.addNewQuestion()}},c.createElement(c.SvgIcon,{className:"svc-panel__add-new-question-icon",iconName:"icon-add_24x24",size:"auto"}),c.createElement("span",{className:"svc-add-new-item-button__text"},this.model.addNewQuestionText))):null)):null},t.prototype.disableTabStop=function(){return!0},t.prototype.renderFooter=function(){return c.createElement(c.Fragment,null,!this.model.isEmptyElement&&this.model.element.isPanel&&this.model.showAddQuestionButton?c.createElement("div",{className:"svc-panel__add-new-question-container"},c.createElement("div",{className:"svc-panel__question-type-selector-popup"},c.createElement(c.Popup,{model:this.model.questionTypeSelectorModel.popupModel})),c.createElement("div",{className:"svc-panel__add-new-question-wrapper"},c.createElement(Z,{item:{data:this.model},buttonClass:"svc-action-button",renderPopup:!1}))):null,e.prototype.renderFooter.call(this))},t}(N);c.ReactElementFactory.Instance.registerElement("svc-panel",function(e){return c.createElement(ee,e)});var te=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),ne=function(e){function t(t){var n=e.call(this,t)||this;return n.rootRef=c.createRef(),n}return te(t,e),t.prototype.createModel=function(e){var t=null;this.model&&(t=this.model.root),this.model=new l.LogoImageViewModel(e.data,t)},t.prototype.getUpdatedModelProps=function(){return["data"]},t.prototype.getStateElement=function(){return this.model},t.prototype.componentDidMount=function(){e.prototype.componentDidMount.call(this),this.model.root=this.rootRef.current},t.prototype.renderChooseButton=function(){var e=this;return(0,c.attachKey2click)(c.createElement("span",{className:"svc-context-button",onClick:function(){return e.model.chooseFile(e.model)}},c.createElement(c.SvgIcon,{size:"auto",iconName:"icon-choosefile"})))},t.prototype.renderClearButton=function(){var e=this;return(0,c.attachKey2click)(c.createElement("span",{className:"svc-context-button svc-context-button--danger",onClick:function(){return e.model.remove(e.model)}},c.createElement(c.SvgIcon,{size:"auto",iconName:"icon-clear"})))},t.prototype.renderButtons=function(){return c.createElement("div",{className:"svc-context-container svc-logo-image-controls"},this.renderChooseButton(),this.renderClearButton())},t.prototype.renderImage=function(){return c.createElement("div",{className:this.model.containerCss},this.renderButtons(),c.createElement(c.LogoImage,{data:this.props.data.survey}))},t.prototype.renderPlaceHolder=function(){var e=this;return this.model.allowEdit&&!this.model.isUploading?(0,c.attachKey2click)(c.createElement("div",{className:"svc-logo-image-placeholder",onClick:function(){return e.model.chooseFile(e.model)}},c.createElement("svg",null,c.createElement("use",{xlinkHref:"#icon-image-48x48"})))):null},t.prototype.renderInput=function(){return c.createElement("input",{"aria-hidden":"true",type:"file",tabIndex:-1,accept:this.model.acceptedTypes,className:"svc-choose-file-input"})},t.prototype.renderLoadingIndicator=function(){return c.createElement("div",{className:"svc-logo-image__loading"},c.createElement(c.LoadingIndicatorComponent,null))},t.prototype.render=function(){var e;return e=this.model.survey.locLogo.renderedHtml&&!this.model.isUploading?this.renderImage():this.model.isUploading?this.renderLoadingIndicator():this.renderPlaceHolder(),c.createElement("div",{ref:this.rootRef,className:"svc-logo-image"},this.renderInput(),e)},t}(g);c.ReactElementFactory.Instance.registerElement("svc-logo-image",function(e){return c.createElement(ne,e)});var oe=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),re=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return oe(t,e),Object.defineProperty(t.prototype,"question",{get:function(){return this.questionBase},enumerable:!1,configurable:!0}),t.prototype.renderClear=function(){var e=this,t=this.questionBase.showClear;return!this.questionBase.isReadOnly&&t?c.createElement(R,{classes:this.question.linkClearButtonCssClasses,click:function(){return e.question.doClearClick()},text:l.editorLocalization.getString("pe.clear")}):null},t.prototype.renderElement=function(){var e=this;return c.createElement(c.Fragment,null,c.createElement(R,{classes:this.question.linkSetButtonCssClasses,click:function(){return e.question.doLinkClick()},selected:this.question.isSelected,disabled:!this.question.isClickable,text:this.question.linkValueText,title:this.question.tooltip,iconName:this.question.iconName}),this.renderClear())},t}(c.SurveyQuestionElementBase);c.ReactQuestionFactory.Instance.registerQuestion("linkvalue",function(e){return c.createElement(re,e)});var ie=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),ae=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return ie(t,e),Object.defineProperty(t.prototype,"embeddedSurvey",{get:function(){return this.props.element||this.props.question},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"creator",{get:function(){return this.props.creator},enumerable:!1,configurable:!0}),t.prototype.render=function(){if(!this.embeddedSurvey)return null;var e=this.embeddedSurvey.embeddedSurvey;return e&&e.currentPage?c.createElement(c.SurveyPage,{survey:e,page:e.currentPage,css:e.css,creator:this.creator}):null},t}(c.SurveyQuestionElementBase);c.ReactQuestionFactory.Instance.registerQuestion("embeddedsurvey",function(e){return c.createElement(ae,e)});var se=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),ce=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return se(t,e),Object.defineProperty(t.prototype,"survey",{get:function(){return this.props.survey},enumerable:!1,configurable:!0}),t.prototype.createQuestionElement=function(e){return c.ReactQuestionFactory.Instance.createQuestion(!e.isDefaultRendering||e.isDefaultRendering()?e.getTemplate():e.getComponentName(),{question:e,isDisplayMode:e.isInputReadOnly,creator:this})},t.prototype.questionTitleLocation=function(){return this.survey.questionTitleLocation},t.prototype.questionErrorLocation=function(){return this.survey.questionErrorLocation},t.prototype.renderError=function(e,t,n){return null},t.prototype.render=function(){var e=this.survey.getAllQuestions()[0];return c.createElement("div",{style:this.props.style},c.createElement(c.SurveyQuestion,{creator:this,element:e}))},t}(c.Component);c.ReactElementFactory.Instance.registerElement("svc-question-editor-content",function(e){return c.createElement(ce,e)});var le=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),ue=function(e){function t(t){var n=e.call(this,t)||this;return n.onBlur=function(e){n.model.onFocusOut(e.nativeEvent)},n.rootRef=c.createRef(),n}return le(t,e),t.prototype.createModel=function(e){this.model=new l.ItemValueWrapperViewModel(e.componentData.creator,e.question,e.item)},t.prototype.getUpdatedModelProps=function(){return["question","item"]},t.prototype.getStateElement=function(){return this.model},t.prototype.componentDidUpdate=function(t,n){e.prototype.componentDidUpdate.call(this,t,n),this.props.item.setRootElement(this.rootRef.current),t.item!==this.props.item&&t.item&&t.item.setRootElement(void 0)},t.prototype.componentDidMount=function(){e.prototype.componentDidMount.call(this),this.props.item.setRootElement(this.rootRef.current)},t.prototype.componentWillUnmount=function(){e.prototype.componentWillUnmount.call(this),this.props.item.setRootElement(void 0)},t.prototype.render=function(){var e=this;this.model.item=this.props.item;var t=this.model.allowAdd?(0,c.attachKey2click)(c.createElement("span",{role:"button",className:"svc-item-value-controls__button svc-item-value-controls__add","aria-label":this.model.tooltip,onClick:function(){e.model.add(e.model),e.model.isNew=!1}},c.createElement(c.SvgIcon,{size:"auto",iconName:"icon-add_16x16",title:this.model.tooltip}))):c.createElement(c.Fragment,null," ",this.model.isDraggable?c.createElement("span",{className:"svc-item-value-controls__button svc-item-value-controls__drag"},c.createElement(c.SvgIcon,{className:"svc-item-value-controls__drag-icon",size:"auto",iconName:"icon-drag-24x24",title:this.model.dragTooltip})):null,this.model.allowRemove?(0,c.attachKey2click)(c.createElement("span",{role:"button",className:"svc-item-value-controls__button svc-item-value-controls__remove","aria-label":this.model.tooltip,onClick:function(){return e.model.remove(e.model)}},c.createElement(c.SvgIcon,{size:"auto",iconName:"icon-remove_16x16",title:this.model.tooltip}))):null),n=this.props.element.key+(this.model.allowAdd?"_new":"");return c.createElement("div",{ref:this.rootRef,className:"svc-item-value-wrapper"+(this.model.allowAdd?" svc-item-value--new":"")+(this.model.isDragging?" svc-item-value--dragging":"")+(this.model.isDragDropGhost?" svc-item-value--ghost":"")+(this.model.isDragDropMoveDown?" svc-item-value--movedown":"")+(this.model.isDragDropMoveUp?" svc-item-value--moveup":""),key:n,"data-sv-drop-target-item-value":this.model.isDraggable?this.model.item.value:void 0,onPointerDown:function(t){return e.model.onPointerDown(t)}},c.createElement("div",{className:"svc-item-value__ghost"}),c.createElement("div",{className:"svc-item-value-controls",onBlur:this.onBlur},t),c.createElement("div",{className:"svc-item-value__item",onClick:function(t){return e.model.select(e.model,t.nativeEvent)}},this.props.element))},t}(g);c.ReactElementFactory.Instance.registerElement("svc-item-value",function(e){return c.createElement(ue,e)});var pe=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),de=function(e){function t(t){var n=e.call(this,t)||this;return n.preventDragHandler=function(e){e.preventDefault()},n.rootRef=c.createRef(),n}return pe(t,e),t.prototype.createModel=function(e){this.model=new l.ImageItemValueWrapperViewModel(e.componentData.creator,e.question,e.item,null,null)},t.prototype.getUpdatedModelProps=function(){return["question","item"]},t.prototype.getStateElement=function(){return this.model},Object.defineProperty(t.prototype,"question",{get:function(){return this.props.question},enumerable:!1,configurable:!0}),t.prototype.componentDidMount=function(){e.prototype.componentDidMount.call(this),this.model.itemsRoot=this.rootRef.current},t.prototype.componentDidUpdate=function(t,n){e.prototype.componentDidUpdate.call(this,t,n),this.model.itemsRoot=this.rootRef.current},t.prototype.renderLoadingIndicator=function(){return c.createElement("div",{className:"svc-image-item-value__loading"},c.createElement(c.LoadingIndicatorComponent,null))},t.prototype.renderNewItemControls=function(){var e=this,t=(0,c.attachKey2click)(c.createElement("span",{className:this.model.addButtonCss,onClick:function(){return e.model.chooseNewFile(e.model)}},this.model.showChooseButtonAsIcon?c.createElement(c.SvgIcon,{size:"auto",iconName:"icon-add-lg",title:this.model.addFileTitle}):c.createElement("span",null,this.model.chooseImageText))),n=this.model.showPlaceholder?c.createElement("span",{className:"svc-image-item-value__placeholder"},this.model.placeholderText):null;return c.createElement(c.Fragment,null,n,t)},t.prototype.render=function(){var e=this;this.model.item=this.props.item;var t=!this.props.question.isItemInList(this.props.item);this.model.isNew=t;var n,o=this.model.getIsNewItemSingle()?null:{width:this.question.renderedImageWidth,height:this.question.renderedImageHeight};return n=t||this.model.isUploading?c.createElement(c.Fragment,null,c.createElement("div",{className:"svc-image-item-value__item"},c.createElement("div",{className:"sd-imagepicker__item sd-imagepicker__item--inline"},c.createElement("label",{className:"sd-imagepicker__label"},c.createElement("div",{style:o,className:"sd-imagepicker__image"},this.model.isUploading?this.renderLoadingIndicator():null)))),this.model.allowAdd&&!this.model.isUploading?c.createElement("div",{className:"svc-image-item-value-controls"},this.renderNewItemControls()):null):c.createElement(c.Fragment,null,c.createElement("div",{className:"svc-image-item-value__item"},this.props.element),this.model.isDraggable&&this.model.canRenderControls?c.createElement("span",{className:"svc-context-button svc-image-item-value-controls__drag-area-indicator",onPointerDown:function(t){return e.model.onPointerDown(t)}},c.createElement(c.SvgIcon,{size:"auto",iconName:"icon-drag-24x24"})):null,this.model.canRenderControls?c.createElement("div",{className:"svc-context-container svc-image-item-value-controls"},this.model.allowRemove&&!this.model.isUploading?(0,c.attachKey2click)(c.createElement("span",{className:"svc-context-button",onClick:function(){return e.model.chooseFile(e.model)}},c.createElement(c.SvgIcon,{role:"button",size:"auto",iconName:"icon-choosefile",title:this.model.selectFileTitle}))):null,this.model.allowRemove&&!this.model.isUploading?(0,c.attachKey2click)(c.createElement("span",{className:"svc-context-button svc-context-button--danger",onClick:function(){return e.model.remove(e.model)}},c.createElement(c.SvgIcon,{role:"button",size:"auto",iconName:"icon-delete",title:this.model.removeFileTitle}))):null):null),c.createElement("div",{ref:this.rootRef,className:this.model.getRootCss(),key:this.props.element.key,"data-sv-drop-target-item-value":this.model.isDraggable?this.model.item.value:void 0,onPointerDown:function(t){return e.model.onPointerDown(t)},onDragStart:this.preventDragHandler,onDrop:this.model.onDrop,onDragEnter:this.model.onDragEnter,onDragOver:this.model.onDragOver,onDragLeave:this.model.onDragLeave},c.createElement("div",{className:"svc-image-item-value-wrapper__ghost",style:o}),c.createElement("div",{className:"svc-image-item-value-wrapper__content"},c.createElement("input",{type:"file","aria-hidden":"true",tabIndex:-1,accept:this.model.acceptedTypes,className:"svc-choose-file-input",style:{position:"absolute",opacity:0,width:"1px",height:"1px",overflow:"hidden"}}),n))},t}(g);c.ReactElementFactory.Instance.registerElement("svc-image-item-value",function(e){return c.createElement(de,e)});var me=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),fe=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return me(t,e),t.prototype.createModel=function(e){var t,n=e.componentData,o=!1;this.model&&(o=this.model.isSelected),this.model=new l.MatrixCellWrapperViewModel(n.creator,n.element,n.question,n.row,n.column||(null===(t=n.element.cell)||void 0===t?void 0:t.column)),this.model.isSelected=o},t.prototype.getUpdatedModelProps=function(){return["componentData"]},t.prototype.componentDidUpdate=function(t,n){var o,r;e.prototype.componentDidUpdate.call(this,t,n);var i=this.props.componentData;this.model.templateData=i.element,this.model.row=i.row,this.model.column=i.column||(null===(r=null===(o=i.element)||void 0===o?void 0:o.cell)||void 0===r?void 0:r.column),this.model.question=i.question},t.prototype.getStateElement=function(){return this.model},t.prototype.render=function(){var e=this,t=null;return this.model.isSupportCellEditor&&(t=c.createElement("div",{className:"svc-matrix-cell__question-controls"},(0,c.attachKey2click)(c.createElement("span",{className:"svc-matrix-cell__question-controls-button svc-context-button",onClick:function(t){return e.model.editQuestion(e.model,t)}},c.createElement(c.SvgIcon,{size:"auto",iconName:"icon-edit"}))))),c.createElement("div",{className:"svc-matrix-cell",tabIndex:-1,key:this.props.element.key,onClick:function(t){return!e.props.question&&e.model.selectContext(e.model,t)},onMouseOut:function(t){return e.model.hover(t.nativeEvent,t.currentTarget)},onMouseOver:function(t){return e.model.hover(t.nativeEvent,t.currentTarget)}},c.createElement("div",{className:"svc-matrix-cell--selected"+(this.model.isSelected?" svc-visible":"")}),this.props.element,t)},t}(g);c.ReactElementFactory.Instance.registerElement("svc-matrix-cell",function(e){return c.createElement(fe,e)});var he=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),ye=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return he(t,e),t.prototype.createModel=function(e){this.props.survey&&(this.model=new l.SurveyResultsModel(e.survey))},t.prototype.getUpdatedModelProps=function(){return["survey"]},t.prototype.getStateElement=function(){return this.model},t.prototype.render=function(){var e=this;return this.model?c.createElement("div",{className:"svd-test-results"},c.createElement("div",{className:"svd-test-results__content"},c.createElement("div",{className:"svd-test-results__header"},c.createElement("div",{className:"svd-test-results__header-text"},this.model.surveyResultsText),c.createElement("div",{className:"svd-test-results__header-types"},c.createElement(R,{click:function(){return e.model.selectTableClick()},text:this.model.surveyResultsTableText,selected:this.model.isTableSelected,disabled:!1}),c.createElement(R,{click:function(){return e.model.selectJsonClick()},text:this.model.surveyResultsJsonText,selected:this.model.isJsonSelected,disabled:!1}))),this.renderResultAsText(),this.renderResultAsTable())):null},t.prototype.renderResultAsText=function(){return"text"!==this.model.resultViewType?null:c.createElement("div",{className:"svd-test-results__text svd-light-bg-color"},c.createElement("div",null,this.model.resultText))},t.prototype.renderResultAsTable=function(){return"table"!==this.model.resultViewType?null:c.createElement("div",{className:"svd-test-results__table svd-light-bg-color"},c.createElement("table",null,c.createElement("thead",null,c.createElement("tr",{className:"svd-light-background-color"},c.createElement("th",{key:1,className:"svd-dark-border-color"},this.model.resultsTitle),c.createElement("th",{key:2,className:"svd-dark-border-color"},this.model.resultsDisplayValue))),c.createElement("tbody",null,t.renderRows(this.model.resultData))))},t.renderRows=function(e){for(var t=[],n=0;n<e.length;n++)t.push(c.createElement(ve,{key:n+1,row:e[n]}));return t},t}(g),ve=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return he(t,e),Object.defineProperty(t.prototype,"row",{get:function(){return this.props.row},enumerable:!1,configurable:!0}),t.prototype.getStateElement=function(){return this.row},t.prototype.render=function(){var e=this;return c.createElement(c.Fragment,null,(0,c.attachKey2click)(c.createElement("tr",{onClick:function(){return e.row.toggle()}},c.createElement("td",{key:1,style:{paddingLeft:this.row.textMargin},className:"svd-dark-border-color"},this.row.isNode?c.createElement("span",{style:{left:this.row.markerMargin},className:"svd-test-results__marker "+(this.row.collapsed?"":"svd-test-results__marker--expanded")},c.createElement(c.SvgIcon,{iconName:"icon-expand_16x16",size:16})):null,this.row.question?c.createElement(c.SurveyLocStringViewer,{locStr:this.row.question.locTitle}):c.createElement("span",null,this.row.title)),c.createElement("td",{key:2,className:this.row.isNode?"svd-test-results__node-value":"svd-dark-border-color"},this.row.getString(this.row.displayValue)))),this.row.isNode&&!this.row.collapsed?ye.renderRows(this.row.data):null)},t}(g),ge=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),_e=function(e){function t(t){var n=e.call(this,t)||this;return n.rootRef=c.createRef(),n}return ge(t,e),t.prototype.createModel=function(e){this.model=new l.ToolboxToolViewModel(e.item,e.creator,e.parentModel)},t.prototype.getUpdatedModelProps=function(){return["creator","item"]},Object.defineProperty(t.prototype,"item",{get:function(){return this.props.item},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"creator",{get:function(){return this.props.creator},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"isCompact",{get:function(){return this.props.isCompact},enumerable:!1,configurable:!0}),t.prototype.getStateElement=function(){return this.item},t.prototype.render=function(){var e=this,t=this.item,n=c.ReactElementFactory.Instance.createElement(this.model.itemComponent,{item:t,creator:this.creator,parentModel:this.creator.toolbox,model:this.model,isCompact:this.isCompact});return c.createElement("div",{className:t.css,key:t.id,ref:this.rootRef},t.needSeparator&&!this.creator.toolbox.showCategoryTitles?c.createElement("div",{className:"svc-toolbox__category-separator"}):null,c.createElement("div",{className:"svc-toolbox__tool-content sv-action__content",onPointerDown:function(t){t.persist(),e.model.onPointerDown(t)}},n))},t.prototype.componentWillUnmount=function(){e.prototype.componentWillUnmount.call(this),this.item.updateModeCallback=void 0},t.prototype.componentDidMount=function(){var t=this;e.prototype.componentDidMount.call(this),this.item.updateModeCallback=function(e,n){queueMicrotask(function(){c.flushSync?c.flushSync(function(){t.item.mode=e}):t.item.mode=e,queueMicrotask(function(){n(e,t.rootRef.current)})})},this.item.afterRender()},t}(g),Ee=function(e){function t(t){return e.call(this,t)||this}return ge(t,e),t.prototype.getUpdatedModelProps=function(){return["creator","item"]},Object.defineProperty(t.prototype,"item",{get:function(){return this.props.item},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"creator",{get:function(){return this.props.creator},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"model",{get:function(){return this.props.model},enumerable:!1,configurable:!0}),t.prototype.getStateElement=function(){return this.model},t.prototype.render=function(){var e=this,t=this.props.isCompact?c.createElement("span",{className:"svc-toolbox__item-banner",onClick:function(t){t.persist(),e.model.click(t)}},c.createElement(c.SvgIcon,{size:"auto",iconName:this.item.iconName,className:"svc-toolbox__item-icon",title:this.item.tooltip}),c.createElement("span",null,this.item.title)):null,n=(0,c.attachKey2click)(c.createElement("div",{className:this.item.renderedCss,tabIndex:0,role:"button","aria-label":this.item.tooltip,onClick:function(t){t.persist(),e.model.click(t)}},c.createElement("span",{className:"svc-toolbox__item-container"},this.item.iconName?c.createElement(c.SvgIcon,{size:"auto",iconName:this.item.iconName,className:"svc-toolbox__item-icon"}):null),this.props.isCompact?null:c.createElement("span",{className:"svc-toolbox__item-title"},this.item.title)));return c.createElement(c.Fragment,null,n,t)},t}(g);c.ReactElementFactory.Instance.registerElement("svc-toolbox-item",function(e){return(0,c.createElement)(Ee,e)});var be=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),we=function(e){function t(t){return e.call(this,t)||this}return be(t,e),t.prototype.getUpdatedModelProps=function(){return["creator","item"]},Object.defineProperty(t.prototype,"item",{get:function(){return this.props.item},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"model",{get:function(){return this.props.model},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"creator",{get:function(){return this.props.creator},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"isCompact",{get:function(){return this.props.isCompact},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"parentModel",{get:function(){return this.props.parentModel},enumerable:!1,configurable:!0}),t.prototype.getStateElement=function(){return this.item},t.prototype.render=function(){var e=this;return c.createElement(c.Fragment,null,c.createElement(Ee,{item:this.item,creator:this.creator,model:this.model,parentModel:this.parentModel,isCompact:this.isCompact}),c.createElement("div",{className:"svc-toolbox__item-submenu-button",onMouseOver:function(t){return e.model.onMouseOver(e.item,t)},onMouseLeave:function(t){return e.model.onMouseLeave(e.item,t)}},c.createElement(c.SvgIcon,{size:"auto",iconName:this.item.subitemsButtonIcon}),c.createElement(c.Popup,{model:this.item.popupModel})))},t}(g);c.ReactElementFactory.Instance.registerElement("svc-toolbox-item-group",function(e){return c.createElement(we,e)});var Ce=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),Oe=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return Ce(t,e),Object.defineProperty(t.prototype,"category",{get:function(){return this.props.category},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"toolbox",{get:function(){return this.props.toolbox},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"class",{get:function(){return"svc-toolbox__category"+(this.category.collapsed?" svc-toolbox__category--collapsed":"")+(this.category.empty?" svc-toolbox__category--empty":"")},enumerable:!1,configurable:!0}),t.prototype.getStateElement=function(){return this.category},t.prototype.render=function(){var e=this.renderCategoryHeader(),t=this.renderCategoryContent();return c.createElement("div",{className:this.class,key:this.category.name},c.createElement("div",{className:"svc-toolbox__category-header-wrapper"},e),t)},t.prototype.renderCategoryHeader=function(){var e=this,t="svc-toolbox__category-header";return this.toolbox.canCollapseCategories&&(t+=" svc-toolbox__category-header--collapsed"),(0,c.attachKey2click)(c.createElement("div",{className:t,onClick:function(t){return e.category.toggleState()}},c.createElement("span",{className:"svc-toolbox__category-title"},this.category.title),this.renderButton()))},t.prototype.renderButton=function(){if(!this.toolbox.canCollapseCategories)return null;var e=this.category.iconName;return c.createElement("div",{className:"svc-toolbox__category-header__controls"},c.createElement(c.SvgIcon,{className:this.category.iconClassName,iconName:e,size:"auto"}))},t.prototype.renderCategoryContent=function(){return this.renderItems(this.category.items)},t.prototype.renderItems=function(e,t){var n=this;return void 0===t&&(t=!1),e.map(function(e,o){return c.createElement(_e,{item:e,creator:n.toolbox.creator,parentModel:n.toolbox,isCompact:t,key:"item"+o})})},t}(c.SurveyElementBase);c.ReactElementFactory.Instance.registerElement("svc-toolbox-category",function(e){return c.createElement(Oe,e)});var Se=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),Ne=function(e){function t(t){return e.call(this,t)||this}return Se(t,e),Object.defineProperty(t.prototype,"model",{get:function(){return this.props.model},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"creator",{get:function(){return this.props.creator},enumerable:!1,configurable:!0}),t.prototype.getStateElement=function(){return this.model},t.prototype.render=function(){if(!this.model||!this.model.renderElements)return null;var e=this.renderItems();return c.createElement("div",{className:this.model.cssClasses.root},e)},t.prototype.renderItems=function(){var e=this;return this.model.renderedActions.map(function(t,n){return c.createElement(_e,{item:t,creator:e.creator,parentModel:e.model,isCompact:!1,key:"item"+n})})},t}(c.SurveyElementBase);c.ReactElementFactory.Instance.registerElement("svc-toolbox-list",function(e){return c.createElement(Ne,e)});var Pe=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),xe=function(e){function t(t){var n=e.call(this,t)||this;return n.state={filterString:n.model.filterString||""},n}return Pe(t,e),Object.defineProperty(t.prototype,"model",{get:function(){return this.props.model},enumerable:!1,configurable:!0}),t.prototype.getStateElement=function(){return this.model},t.prototype.renderElement=function(){var e=this;return this.model.isVisible?c.createElement("div",{className:"svc-search"},c.createElement("div",{className:"svc-search__search-icon"},c.createElement(c.SvgIcon,{iconName:"icon-search",size:"auto"})),c.createElement("input",{type:"text",className:"svc-search__input","aria-label":this.model.filterStringPlaceholder,placeholder:this.model.filterStringPlaceholder,value:this.state.filterString,onChange:function(t){var n=q.settings.environment.root;t.target===n.activeElement&&(e.model.filterString=t.target.value)}}),c.createElement("div",{className:"svc-search__toolbar"},c.createElement("div",{className:"svc-search__toolbar-counter"},this.model.matchCounterText),c.createElement(c.SurveyActionBar,{model:this.model.searchActionBar}))):null},t}(c.SurveyElementBase);c.ReactElementFactory.Instance.registerElement("svc-search",function(e){return c.createElement(xe,e)});var je=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),Te=function(e){function t(t){var n=e.call(this,t)||this;return n.rootRef=c.createRef(),n}return je(t,e),t.prototype.componentDidUpdate=function(t,n){e.prototype.componentDidUpdate.call(this,t,n);var o=this.rootRef.current;o&&this.toolbox.afterRender(o)},t.prototype.componentDidMount=function(){e.prototype.componentDidMount.call(this);var t=this.rootRef.current;t&&this.toolbox.afterRender(t)},t.prototype.componentWillUnmount=function(){this.toolbox.beforeDestroy(),e.prototype.componentWillUnmount.call(this)},Object.defineProperty(t.prototype,"creator",{get:function(){return this.props.model},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"toolbox",{get:function(){return this.creator.toolbox},enumerable:!1,configurable:!0}),t.prototype.getStateElement=function(){return this.toolbox},t.prototype.renderItems=function(e,t){var n=this;return void 0===t&&(t=!1),e.map(function(e,o){return c.createElement(_e,{item:e,creator:n.creator,parentModel:n.toolbox,isCompact:t,key:e.renderedId})})},t.prototype.renderCategories=function(){var e=this;return this.toolbox.categories.map(function(t,n){return c.ReactElementFactory.Instance.createElement("svc-toolbox-category",{category:t,toolbox:e.toolbox,key:"category"+n})})},t.prototype.renderSearch=function(){var e=this.toolbox.isCompactRendered?c.createElement(c.Fragment,null,c.createElement(_e,{item:this.toolbox.searchItem,creator:this.creator,parentModel:this.toolbox,isCompact:this.toolbox.isCompactRendered,key:"searchitem"})):null;return c.createElement("div",{className:"svc-toolbox__search-container"},e,c.createElement(xe,{model:this.toolbox.searchManager}),c.createElement("div",{className:"svc-toolbox__category-separator svc-toolbox__category-separator--search"}))},t.prototype.render=function(){var e=this,t=this.toolbox.showSearch?this.renderSearch():null,n=this.toolbox.showPlaceholder?c.createElement("div",{className:"svc-toolbox__placeholder"},this.toolbox.toolboxNoResultsFound):null;return c.createElement("div",{ref:this.rootRef,className:this.toolbox.classNames,style:this.toolbox.getRootStyle()},c.createElement("div",{onBlur:function(t){return e.toolbox.focusOut(t)},className:"svc-toolbox__panel"},t,n,c.createElement(c.Scroll,null,this.toolbox.showInSingleCategory?c.createElement("div",{className:"svc-toolbox__category"},this.renderItems(this.toolbox.renderedActions,this.toolbox.isCompactRendered)):this.renderCategories())))},t}(c.SurveyElementBase);c.ReactElementFactory.Instance.registerElement("svc-toolbox",function(e){return c.createElement(Te,e)});var qe=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),Ie=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.onPropChangedHandler=function(e,n){if(!t.isRendering){var o=["showProgressBar","progressBarType","currentPageValue"];if(!(o.indexOf(n.name)<0)){for(var r={},i=0;i<o.length;i++){var a=o[i];r[a]=t.survey[a]}t.setState(r)}}},t}return qe(t,e),t.prototype.componentDidMount=function(){e.prototype.componentDidMount.call(this),this.setHandler()},t.prototype.componentDidUpdate=function(t,n){e.prototype.componentDidUpdate.call(this,t,n),this.setHandler()},t.prototype.setHandler=function(){this.survey&&!this.survey.onPropertyChanged.hasFunc(this.onPropChangedHandler)&&this.survey.onPropertyChanged.add(this.onPropChangedHandler)},t.prototype.componentWillUnmount=function(){e.prototype.componentWillUnmount.call(this),this.survey&&this.survey.onPropertyChanged.remove(this.onPropChangedHandler)},Object.defineProperty(t.prototype,"survey",{get:function(){return this.props.survey},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"location",{get:function(){return this.props.location},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"isTop",{get:function(){return"top"==this.location},enumerable:!1,configurable:!0}),t.prototype.canRender=function(){return this.isTop?this.survey.isShowProgressBarOnTop:this.survey.isShowProgressBarOnBottom},t.prototype.renderElement=function(){return c.ReactElementFactory.Instance.createElement(this.survey.getProgressTypeComponent(),{survey:this.survey,css:this.survey.css,isTop:this.isTop})},t}(c.SurveyElementBase),Re=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),Me=function(e){function t(t){return e.call(this,t)||this}return Re(t,e),t.prototype.getStateElement=function(){return this.props.model},t.prototype.renderElement=function(){var e=this.props.model;if(!e.visible)return null;var t=(0,c.attachKey2click)(c.createElement("div",{className:e.buttonClassName,title:e.tooltip,onClick:function(){e.action()}},c.createElement("div",{className:"svc-menu-action__icon"},c.createElement("div",{className:"svc-menu-action__icon-container"},c.createElement(c.SvgIcon,{iconName:e.iconName,size:"auto"})))),e);return c.createElement("div",{className:"svc-menu-action"},t)},t}(c.SurveyElementBase),De=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),Fe=function(e){function t(t){return e.call(this,t)||this}return De(t,e),t.prototype.getStateElement=function(){return this.props.model},t.prototype.canRender=function(){return!!this.props.model&&e.prototype.canRender.call(this)},t.prototype.renderElement=function(){return c.createElement("div",{className:this.props.model.sideBarClassName},c.createElement("div",{className:"svc-sidebar-tabs__top-container"},c.createElement("div",{className:"svc-sidebar-tabs__collapse-button"},c.createElement(Me,{model:this.props.model.expandCollapseAction})),c.createElement("div",{className:"svc-sidebar-tabs__separator"},c.createElement("div",null)),c.createElement(c.Scroll,null,c.createElement("div",{className:"svc-sidebar-tabs__items"},c.createElement(Be,{model:this.props.model.topToolbar})))),c.createElement("div",{className:"svc-sidebar-tabs__bottom-container"},c.createElement("div",{className:"svc-sidebar-tabs__items"},c.createElement(Be,{model:this.props.model.bottomToolbar}))))},t}(c.SurveyElementBase);c.ReactElementFactory.Instance.registerElement("svc-tab-control",function(e){return c.createElement(Fe,e)});var Be=function(e){function t(t){return e.call(this,t)||this}return De(t,e),t.prototype.getStateElement=function(){return this.props.model},t.prototype.renderElement=function(){return c.createElement(c.Fragment,null,this.props.model.actions.map(function(e,t){return c.createElement(Me,{model:e,key:"item"+t})}))},t}(c.SurveyElementBase),ke=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),Ae=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return ke(t,e),Object.defineProperty(t.prototype,"model",{get:function(){return this.props.model},enumerable:!1,configurable:!0}),t.prototype.getStateElement=function(){return this.model},t.prototype.renderElement=function(){var e=this.model.title?c.createElement("div",{className:"svc-side-bar__container-title"},this.model.title):null;return c.createElement("div",{className:"svc-side-bar__container-header"},c.createElement("div",{className:"svc-side-bar__container-actions"},c.createElement(c.SurveyActionBar,{model:this.model.toolbar})),e)},t}(c.SurveyElementBase);c.ReactElementFactory.Instance.registerElement("svc-side-bar-default-header",function(e){return c.createElement(Ae,e)});var Ue=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),Qe=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return Ue(t,e),Object.defineProperty(t.prototype,"objectSelectionAction",{get:function(){return this.props.model},enumerable:!1,configurable:!0}),t.prototype.getStateElement=function(){return this.objectSelectionAction},t.prototype.renderElement=function(){var e=this,t=(0,c.attachKey2click)(c.createElement("div",{className:this.objectSelectionAction.buttonClassName,onClick:function(){return e.objectSelectionAction.action()}},c.createElement("div",{className:"svc-sidebar__header-caption"},c.createElement("span",{className:"svc-sidebar__header-title"},this.objectSelectionAction.title),c.createElement("span",{className:"svc-sidebar__header-subtitle"},this.objectSelectionAction.tooltip))),this.props.model);return c.createElement("div",{className:"svc-sidebar__header svc-sidebar__header--tabbed"},c.createElement("div",{className:"svc-sidebar__header-container svc-sidebar__header-container--with-subtitle"},c.createElement("div",{className:"svc-sidebar__header-content"},t,c.createElement(c.Popup,{model:this.objectSelectionAction.popupModel}))))},t}(c.SurveyElementBase);c.ReactElementFactory.Instance.registerElement("svc-side-bar-property-grid-header",function(e){return c.createElement(Qe,e)});var Le=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),Ve=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return Le(t,e),Object.defineProperty(t.prototype,"model",{get:function(){return this.props.model},enumerable:!1,configurable:!0}),t.prototype.getStateElement=function(){return this.model},t.prototype.renderElement=function(){return c.createElement("div",{className:"svc-side-bar__container-header svc-sidebar__header-container"},this.model.subTitle?c.createElement("div",{className:"svc-sidebar__header-caption"},c.createElement("span",{className:"svc-sidebar__header-title"},this.model.title),c.createElement("span",{className:"svc-sidebar__header-subtitle"},this.model.subTitle)):c.createElement("div",{className:"svc-side-bar__container-title"},this.model.title))},t}(c.SurveyElementBase);c.ReactElementFactory.Instance.registerElement("svc-side-bar-header",function(e){return c.createElement(Ve,e)});var Ke=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),He=function(e){function t(t){var n=e.call(this,t)||this;return n.containerRef=c.createRef(),n}return Ke(t,e),Object.defineProperty(t.prototype,"model",{get:function(){return this.props.model},enumerable:!1,configurable:!0}),t.prototype.getStateElement=function(){return this.model},t.prototype.componentDidMount=function(){e.prototype.componentDidMount.call(this),this.model.initResizeManager(this.containerRef.current)},t.prototype.componentWillUnmount=function(){e.prototype.componentWillUnmount.call(this),this.model.resetResizeManager()},t.prototype.canRender=function(){return!!this.model&&e.prototype.canRender.call(this)},t.prototype.renderElement=function(){var e=this,t={display:this.model.renderRoot?"":"none"},n={display:this.model.renderContainer?"":"none"},o=this.model.pages.map(function(e){return c.createElement(ze,{page:e,key:e.id})}),r=c.ReactElementFactory.Instance.createElement(this.model.header.component,{model:this.model.header.componentModel}),i=null;return this.model.sideAreaComponentName&&(i=c.ReactElementFactory.Instance.createElement(this.model.sideAreaComponentName,{model:this.model.sideAreaComponentData})),c.createElement("div",{className:this.model.rootCss,style:t},c.createElement("div",{className:"svc-side-bar__shadow",onClick:function(){return e.model.collapseSidebar()},style:n}),c.createElement("div",{className:"svc-flex-row svc-side-bar__wrapper"},c.createElement("div",{className:"svc-side-bar__container-wrapper",style:n},c.createElement("div",{ref:this.containerRef,className:"svc-side-bar__container"},r,c.createElement("div",{className:"svc-side-bar__container-content"},o))),i))},t}(c.SurveyElementBase),ze=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return Ke(t,e),Object.defineProperty(t.prototype,"page",{get:function(){return this.props.page},enumerable:!1,configurable:!0}),t.prototype.getStateElement=function(){return this.page},t.prototype.renderElement=function(){return this.page.visible?c.ReactElementFactory.Instance.createElement(this.page.componentName,{model:this.page.componentData}):null},t}(c.SurveyElementBase);c.ReactQuestionFactory.Instance.registerQuestion("svc-side-bar-page",function(e){return c.createElement(ze,e)}),c.ReactElementFactory.Instance.registerElement("svc-side-bar",function(e){return c.createElement(He,e)});var We=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),Ge=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return We(t,e),t.prototype.render=function(){return c.createElement("div",{className:"sd-translation-line-skeleton"})},t}(c.Component);c.ReactElementFactory.Instance.registerElement("sd-translation-line-skeleton",function(e){return c.createElement(Ge,e)});var Je=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),Xe=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return Je(t,e),Object.defineProperty(t.prototype,"item",{get:function(){return this.props.item},enumerable:!1,configurable:!0}),t.prototype.getStateElement=function(){return this.item},t.prototype.renderElement=function(){var e=this.item;return c.createElement("div",{className:e.data.containerCss},c.createElement("span",{className:e.data.additionalTitleCss},e.data.additionalTitle),c.ReactElementFactory.Instance.createElement("sv-action-bar-item-dropdown",{item:this.item}))},t}(c.SurveyElementBase);c.ReactElementFactory.Instance.registerElement("svc-translate-from-action",function(e){return c.createElement(Xe,e)});var Ye=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),Ze=function(e){function t(t){var n,o=e.call(this,t)||this;return o.onChangedHandler=function(e,t){o.setState({changed:o.state&&o.state.changed?o.state.changed+1:1})},o.onBlur=function(e){return o.svStringEditorRef.current&&(o.svStringEditorRef.current.spellcheck=!1),o.locString.__isEditing=!1,o.justFocused=!1,o.baseModel.onBlur(e.nativeEvent),o.baseModel.errorText},o.onCompositionStart=function(e){o.baseModel.onCompositionStart(e.nativeEvent)},o.onCompositionEnd=function(e){o.baseModel.onCompositionEnd(e.nativeEvent)},o.onBeforeInput=function(e){o.baseModel.onBeforeInput(e)},o.onInput=function(e){o.baseModel.onInput(e.nativeEvent)},o.onPaste=function(e){o.baseModel.onPaste(e.nativeEvent)},o.justFocused=!1,o.onFocus=function(e){o.baseModel.onFocus(e.nativeEvent),o.justFocused=!0},o.onKeyDown=function(e){return o.baseModel.onKeyDown(e.nativeEvent)},o.onKeyUp=function(e){return o.baseModel.onKeyUp(e.nativeEvent)},o.onMouseUp=function(e){return o.baseModel.onMouseUp(e.nativeEvent)},o.done=function(e){o.baseModel.done(e),o.locString.__isEditing=!1},o.edit=function(e){o.svStringEditorRef.current.focus(),o.locString.__isEditing=!0,o.baseModel.onClick(e)},o.htmlValue={__html:null===(n=o.locString)||void 0===n?void 0:n.renderedHtml},o.state={changed:0},o.svStringEditorRef=c.createRef(),o}return Ye(t,e),t.prototype.createModel=function(e){this.baseModel&&this.baseModel.dispose(),this.baseModel=new l.StringEditorViewModelBase(this.locString,this.creator)},t.prototype.getUpdatedModelProps=function(){return["creator","locString"]},Object.defineProperty(t.prototype,"locString",{get:function(){return this.props.locStr.locStr},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"creator",{get:function(){return this.props.locStr.creator},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"style",{get:function(){return this.props.style},enumerable:!1,configurable:!0}),t.prototype.getStateElement=function(){return this.baseModel},Object.defineProperty(t.prototype,"errorText",{get:function(){return this.baseModel.errorText},enumerable:!1,configurable:!0}),t.prototype.componentDidMount=function(){var t=this;e.prototype.componentDidMount.call(this),this.locString&&(this.baseModel.setLocString(this.locString),this.baseModel.getEditorElement=function(){return t.svStringEditorRef.current},this.baseModel.blurEditor=function(){t.svStringEditorRef.current.blur(),t.svStringEditorRef.current.spellcheck=!1},this.baseModel.afterRender(),this.locString.onStringChanged.add(this.onChangedHandler),this.locString.__isEditing&&this.svStringEditorRef.current.focus())},t.prototype.componentDidUpdate=function(t,n){e.prototype.componentDidUpdate.call(this,t,n),this.baseModel.setLocString(this.locString),this.baseModel.afterRender(),this.locString.onStringChanged.add(this.onChangedHandler)},t.prototype.componentWillUnmount=function(){e.prototype.componentWillUnmount.call(this),this.baseModel.detachFromUI(),this.locString&&this.locString.onStringChanged.remove(this.onChangedHandler)},Object.defineProperty(t.prototype,"placeholder",{get:function(){return this.baseModel.placeholder},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"contentEditable",{get:function(){return this.baseModel.contentEditable},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"className",{get:function(){return this.baseModel.className(this.locString.renderedHtml)},enumerable:!1,configurable:!0}),t.prototype.render=function(){if(!this.locString)return null;var e=null;this.locString.hasHtml?(this.htmlValue.__html!==this.locString.renderedHtml&&(this.htmlValue={__html:this.locString.renderedHtml}),e=c.createElement("span",{role:"textbox",ref:this.svStringEditorRef,className:"sv-string-editor sv-string-editor--html",contentEditable:this.contentEditable,spellCheck:!1,"aria-placeholder":this.placeholder,"aria-label":this.placeholder||"content editable",suppressContentEditableWarning:!0,tabIndex:this.baseModel.tabIndex,dangerouslySetInnerHTML:this.htmlValue,onBlur:this.onBlur,onFocus:this.onFocus,onKeyDown:this.onKeyDown,onMouseUp:this.onMouseUp,onClick:this.edit})):e=c.createElement("span",{role:"textbox",ref:this.svStringEditorRef,className:"sv-string-editor",contentEditable:this.contentEditable,tabIndex:this.baseModel.tabIndex,spellCheck:!1,"aria-placeholder":this.placeholder,"aria-label":this.placeholder||"content editable",suppressContentEditableWarning:!0,key:this.locString.renderedHtml,onBlur:this.onBlur,onBeforeInput:this.onBeforeInput,onInput:this.onInput,onPaste:this.onPaste,onCompositionStart:this.onCompositionStart,onCompositionEnd:this.onCompositionEnd,onFocus:this.onFocus,onKeyDown:this.onKeyDown,onKeyUp:this.onKeyUp,onMouseUp:this.onMouseUp,onClick:this.edit},this.locString.renderedHtml);var t=this.baseModel.showCharacterCounter?c.createElement(c.CharacterCounterComponent,{counter:this.baseModel.characterCounter,remainingCharacterCounter:this.baseModel.getCharacterCounterClass}):null;return c.createElement("span",{className:this.className},c.createElement("span",{className:"svc-string-editor__content"},c.createElement("div",{className:"svc-string-editor__border svc-string-editor__border--hover",onClick:this.edit}),c.createElement("div",{className:"svc-string-editor__border svc-string-editor__border--focus",onClick:this.edit}),c.createElement("span",{className:"svc-string-editor__input"},e,c.createElement("div",{className:"svc-string-editor__controls",onClick:this.edit}),t)),this.errorText?c.createElement("span",{className:"svc-string-editor__error"},this.errorText):"")},t}(g);c.ReactElementFactory.Instance.registerElement(l.editableStringRendererName,function(e){return c.createElement(Ze,e)});var $e=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),et=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return $e(t,e),t.prototype.render=function(){return c.createElement("div",null,c.createElement(c.SvgIcon,{"aria-hidden":"true",iconName:"icon-alert_24x24",size:"24",className:this.props.cssClasses.error.icon}),c.createElement("span",{className:this.props.cssClasses.error.item||void 0},c.createElement(c.SurveyLocStringViewer,{locStr:this.props.error.locText})))},t}(c.Component);c.ReactElementFactory.Instance.registerElement("svc-question-error",function(e){return c.createElement(et,e)});var tt=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),nt=function(e){function t(t){return e.call(this,t)||this}return tt(t,e),t.prototype.renderInput=function(){var e=this.question;(0,l.initLogicOperator)(e);var t=e.locReadOnlyText?this.renderLocString(e.locReadOnlyText):"",n=this.question.dropdownListModel;return c.createElement("div",{id:this.question.inputId,className:e.getControlClass(),tabIndex:this.question.isInputReadOnly?void 0:0,disabled:this.question.isInputReadOnly,required:this.question.isRequired,onChange:this.updateValueOnEvent,onInput:this.updateValueOnEvent,onKeyUp:this.keyhandler,role:n.ariaQuestionRole,"aria-required":n.ariaQuestionRequired,"aria-invalid":n.ariaQuestionInvalid,"aria-errormessage":n.ariaQuestionErrorMessage,"aria-expanded":n.ariaQuestionExpanded,"aria-label":n.ariaQuestionLabel,"aria-labelledby":n.ariaQuestionLabelledby,"aria-controls":n.ariaQuestionControls},c.createElement("div",{className:this.question.cssClasses.controlValue},t))},t.prototype.renderEditorButtons=function(){return null},t}(c.SurveyQuestionDropdown);c.ReactQuestionFactory.Instance.registerQuestion("sv-logic-operator",function(e){return c.createElement(nt,e)}),q.RendererFactory.Instance.registerRenderer("dropdown","logicoperator","sv-logic-operator");var ot=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),rt=function(e){function t(t){var n=e.call(this,t)||this;return n.containerRef=c.createRef(),n}return ot(t,e),t.prototype.createModel=function(e){this.model&&this.model.dispose(),this.model=new l.PageNavigatorViewModel(e.pagesController,e.pageEditMode)},t.prototype.getUpdatedModelProps=function(){return["pagesController","pageEditMode"]},t.prototype.getStateElement=function(){return this.model},t.prototype.componentDidMount=function(){if(e.prototype.componentDidMount.call(this),"bypage"!==this.props.pageEditMode){var t=this.containerRef.current;this.model.attachToUI(t)}},t.prototype.componentWillUnmount=function(){e.prototype.componentWillUnmount.call(this),this.model.stopItemsContainerHeightObserver(),this.model.setScrollableContainer(void 0)},t.prototype.renderElement=function(){var e=this,t="svc-page-navigator__selector svc-page-navigator__button";return this.model.isPopupOpened&&(t+=" svc-page-navigator__button--pressed"),c.createElement("div",{className:"svc-page-navigator",ref:this.containerRef,style:{display:this.model.visible?"flex":"none"}},c.createElement("div",null,(0,c.attachKey2click)(c.createElement("div",{role:"button",className:t,onClick:function(){return e.model.togglePageSelector()},title:this.model.pageSelectorCaption},c.createElement(c.SvgIcon,{className:"svc-page-navigator__button-icon",iconName:this.model.icon,size:"auto",title:this.model.pageSelectorCaption}))),c.createElement(c.Popup,{model:this.model.popupModel})),c.createElement("div",null,this.model.visibleItems.map(function(e){return c.createElement(it,{key:e.id,item:e})})))},t}(g),it=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return ot(t,e),t.prototype.getStateElement=function(){return this.props.item},t.prototype.renderElement=function(){var e=this.props.item,t="svc-page-navigator-item-content";return(0,q.unwrap)(e.active)&&(t+=" svc-page-navigator-item--selected"),(0,q.unwrap)(e.disabled)&&(t+=" svc-page-navigator-item--disabled"),c.createElement("div",{className:"svc-page-navigator-item"},(0,c.attachKey2click)(c.createElement("div",{role:"button",className:t,onClick:function(t){e.action(e),t.stopPropagation()}},c.createElement("div",{className:"svc-page-navigator-item__dot",title:e.title},c.createElement("div",{className:"svc-page-navigator-item__dot-content"})),c.createElement("div",{className:"svc-page-navigator-item__banner"},c.createElement("span",{className:"svc-page-navigator-item__text"},e.title),c.createElement("span",{className:"svc-page-navigator-item__dot"},c.createElement("span",{className:"svc-page-navigator-item__dot-content"}))))))},t}(g),at=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),st=function(e){function t(t){return e.call(this,t)||this}return at(t,e),t.prototype.render=function(){return c.createElement("div",{className:"svc-surface-placeholder"},c.createElement("div",{className:"svc-surface-placeholder__image svc-surface-placeholder__image--"+this.props.name}),c.createElement("div",{className:"svc-surface-placeholder__text"},c.createElement("div",{className:"svc-surface-placeholder__title"},this.props.placeholderTitleText),c.createElement("div",{className:"svc-surface-placeholder__description"},this.props.placeholderDescriptionText)))},t}(c.Component);c.ReactElementFactory.Instance.registerElement("svc-surface-placeholder",function(e){return c.createElement(st,e)});var ct=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),lt=function(){return lt=Object.assign||function(e){for(var t,n=1,o=arguments.length;n<o;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},lt.apply(this,arguments)},ut=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.denyUpdate=function(){t.denyComponentUpdate()},t.allowUpdate=function(){t.allowComponentUpdate()},t.addDragDropEvents=function(){t.creator.onDragStart.add(t.denyUpdate),t.creator.onDragClear.add(t.allowUpdate)},t.clearDragDropEvents=function(){t.creator.onDragStart.remove(t.denyUpdate),t.creator.onDragClear.remove(t.allowUpdate)},t}return ct(t,e),Object.defineProperty(t.prototype,"model",{get:function(){return this.props.data},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"creator",{get:function(){return this.model.creator},enumerable:!1,configurable:!0}),t.prototype.componentDidMount=function(){e.prototype.componentDidMount.call(this),this.addDragDropEvents()},t.prototype.componentWillUnmount=function(){e.prototype.componentWillUnmount.call(this),this.clearDragDropEvents(),e.prototype.componentWillUnmount.call(this)},t.prototype.getStateElements=function(){return[this.model,this.model.survey,this.model.pagesController]},t.prototype.getRenderedPages=function(){var e=this,t=[];if("bypage"!==this.creator.pageEditMode)this.model.pages.forEach(function(n){t.push(e.createRenderedPage(n,n==e.model.newPage))});else{var n=this.model.pagesController.page2Display;n&&t.push(this.createRenderedPage(n,this.model.newPage===n))}return t},t.prototype.createRenderedPage=function(e,t){return c.createElement("div",{className:"svc-page","data-sv-drop-target-page":e.name,"data-sv-drop-target-survey-element":t?"newGhostPage":e.name,key:e.id},this.renderPage(e,t))},t.prototype.renderNewPage=function(e,t){return void 0===t&&(t=""),c.createElement(c.Fragment,{key:t},c.createElement("div",{className:e,"data-sv-drop-target-survey-element":"newGhostPage"},this.model.newPage?this.renderPage(this.model.newPage,!0):null))},t.prototype.renderPage=function(e,t){return c.ReactElementFactory.Instance.createElement("svc-page",{survey:this.creator.survey,page:e,creator:this.creator,isGhost:t})},t.prototype.renderElement=function(){var e=this,t="svc-tab-designer "+this.model.getRootCss();return c.createElement(c.Fragment,null,c.createElement("div",{className:"svc-flex-column"},this.model.isToolboxVisible?c.ReactElementFactory.Instance.createElement("svc-toolbox",{model:this.creator}):null),c.createElement("div",{className:t,onClick:function(){return e.model.clickDesigner()}},c.createElement(c.Scroll,null,c.createElement("div",{className:"svc-tab-designer_content"},this.model.showPlaceholder?this.renderPlaceHolder():this.renderTabContent()))))},t.prototype.renderHeader=function(e){if(!e)return null;var t=this.creator.survey;return c.createElement(c.Fragment,null,c.createElement("div",{className:"svc-designer-header"},c.createElement(c.SurveyHeader,{survey:t})))},t.prototype.renderPlaceHolder=function(){var e=this.renderHeader(this.creator.allowEditSurveyTitle&&this.creator.showHeaderInEmptySurvey);return c.createElement(c.Fragment,null,e,c.createElement("div",{className:"svc-designer__placeholder-container","data-sv-drop-target-survey-element":"newGhostPage"},this.renderPlaceHolderContent(),this.renderNewPage("svc-designer-placeholder-page")))},t.prototype.renderPlaceHolderContent=function(){return c.createElement(st,{name:"designer",placeholderTitleText:this.model.placeholderTitleText,placeholderDescriptionText:this.model.placeholderDescriptionText})},t.prototype.renderTabContent=function(){var e=this.creator.survey,t=this.renderHeader(this.creator.allowEditSurveyTitle),n=lt({},this.model.surfaceCssVariables);n.maxWidth=e.renderedWidth;var o=this.renderTabTools();return c.createElement(c.Fragment,null,c.createElement("div",{className:this.model.designerCss,style:n},t,this.getRenderedPages()),o)},t.prototype.renderTabTools=function(){if(!this.model.showSurfaceTools)return null;var e=this.creator.showPageNavigator?c.createElement("div",{className:"svc-tab-designer__page-navigator"},c.createElement(rt,{pagesController:this.model.pagesController,pageEditMode:this.model.creator.pageEditMode})):null,t=this.model.showSurfaceToolbar?c.createElement(c.SurveyActionBar,{model:this.model.surfaceToolbar,handleClick:!1}):null;return c.createElement("div",{className:"svc-tab-designer__tools"},e,t)},t}(c.SurveyElementBase);c.ReactElementFactory.Instance.registerElement("svc-tab-designer",function(e){return c.createElement(ut,e)});var pt=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),dt=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return pt(t,e),t.prototype.getStateElement=function(){return this.model},Object.defineProperty(t.prototype,"model",{get:function(){return this.props.data},enumerable:!1,configurable:!0}),t.prototype.renderElement=function(){return c.createElement("div",{className:"svc-json-editor-tab__errros_list",style:{display:this.model.hasErrors?"block":"none"}},c.createElement(c.List,{model:this.model.errorList}))},t}(c.SurveyElementBase),mt=function(e){function t(t){return e.call(this,t)||this}return pt(t,e),t.prototype.getStateElement=function(){return this.model},Object.defineProperty(t.prototype,"model",{get:function(){return this.props.data},enumerable:!1,configurable:!0}),t.prototype.renderElement=function(){var e=this,t=c.createElement(dt,{data:this.model});return c.createElement("div",{className:"svc-creator-tab__content"},c.createElement("div",{className:"svc-json-editor-tab__content"},c.createElement("textarea",{ref:function(t){return n=t,void(e.model.textElement=n);var n},className:"svc-json-editor-tab__content-area",value:this.model.text,onChange:function(t){return e.model.text=t.target.value},onKeyDown:function(t){return e.model.checkKey(t,t)},disabled:this.model.readOnly,"aria-label":this.model.ariaLabel}),t))},t}(c.SurveyElementBase);c.ReactElementFactory.Instance.registerElement("svc-tab-json-editor-textarea",function(e){return c.createElement(mt,e)});var ft=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),ht=function(e){function t(t){var n=e.call(this,t)||this;return n.aceEditorrRef=c.createRef(),n}return ft(t,e),t.prototype.getStateElement=function(){return this.model},Object.defineProperty(t.prototype,"model",{get:function(){return this.props.data},enumerable:!1,configurable:!0}),t.prototype.componentDidMount=function(){this.model.init(ace.edit(this.aceEditorrRef.current))},t.prototype.renderElement=function(){var e=c.createElement(dt,{data:this.model});return c.createElement("div",{className:"svc-creator-tab__content"},c.createElement("div",{className:"svc-json-editor-tab__content"},c.createElement("div",{className:"svc-json-editor-tab__ace-editor",ref:this.aceEditorrRef}),e))},t}(c.SurveyElementBase);c.ReactElementFactory.Instance.registerElement("svc-tab-json-editor-ace",function(e){return c.createElement(ht,e)});var yt=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),vt=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return yt(t,e),Object.defineProperty(t.prototype,"model",{get:function(){return this.props.button},enumerable:!1,configurable:!0}),t.prototype.getStateElement=function(){return this.model},t.prototype.renderElement=function(){var e=this,t="svc-logic-tab__content-action svc-btn"+(void 0===this.model.enabled||this.model.enabled?"":" svc-logic-tab__content-action--disabled");return(0,c.attachKey2click)(c.createElement("div",{role:"button",onClick:function(t){t.stopPropagation(),e.model.action()},className:t,title:this.model.title},c.createElement("span",{className:"svc-btn__text"},this.model.title)))},t}(c.SurveyElementBase);c.ReactElementFactory.Instance.registerElement("svc-tab-logic-add-button",function(e){return c.createElement(vt,e)});var gt=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return yt(t,e),Object.defineProperty(t.prototype,"model",{get:function(){return this.props.data},enumerable:!1,configurable:!0}),t.prototype.getStateElement=function(){return this.model},t.prototype.renderElement=function(){this.model;var e=this.renderViewContent();return c.createElement("div",{className:"svc-creator-tab__content svc-logic-tab"},e)},t.prototype.renderViewContent=function(){var e="svc-plugin-tab__content svc-logic-tab svc-logic-tab__content "+(this.model.hasItems?"":"svc-logic-tab--empty"),t=this.model.readOnly?void 0:c.createElement(vt,{button:this.model.addNewButton});return c.createElement(c.Fragment,null,c.createElement("div",{className:e},this.model.hasItems?c.createElement(c.Fragment,null,c.createElement(c.Survey,{model:this.model.itemsSurvey}),t):c.createElement("div",{className:"svc-logic-tab__content-empty"},c.createElement(st,{name:"logic",placeholderTitleText:this.model.placeholderTitleText,placeholderDescriptionText:this.model.placeholderDescriptionText}),t)))},t}(c.SurveyElementBase);c.ReactElementFactory.Instance.registerElement("svc-tab-logic",function(e){return c.createElement(gt,e)});var _t=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),Et=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return _t(t,e),Object.defineProperty(t.prototype,"model",{get:function(){return this.props.model},enumerable:!1,configurable:!0}),t.prototype.getStateElement=function(){return this.model},t.prototype.renderElement=function(){var e=this,t=this.model.getRootCss();return this.model.survey?this.model.hasFrame?c.createElement("div",{className:t,onKeyDown:function(t){return e.model.tryToZoom(t,t)},onMouseEnter:"desktop"===this.model.device?null:this.model.activateZoom,onMouseLeave:"desktop"===this.model.device?null:this.model.deactivateZoom},c.createElement("div",{className:"svd-simulator-wrapper",id:"svd-simulator-wrapper",style:{width:this.model.simulatorFrame.frameWidth+"px",height:this.model.simulatorFrame.frameHeight+"px"}},c.createElement("div",{className:"svd-simulator",style:{width:this.model.simulatorFrame.deviceWidth+"px",height:this.model.simulatorFrame.deviceHeight+"px",transform:"scale("+this.model.simulatorFrame.scale+") translate(-50%, -50%)"}},c.createElement("div",{className:"svd-simulator-content"},c.createElement(c.Survey,{model:this.model.survey}))))):c.createElement("div",{className:t},c.createElement("div",{className:"svd-simulator-content"},c.createElement(c.Survey,{model:this.model.survey}))):c.createElement("div",{className:t})},t}(c.SurveyElementBase),bt=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),wt=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return bt(t,e),Object.defineProperty(t.prototype,"model",{get:function(){return this.props.model.testAgainAction},enumerable:!1,configurable:!0}),t.prototype.getStateElement=function(){return this.model},t.prototype.renderElement=function(){var e=this;return(0,c.attachKey2click)(c.createElement("div",{role:"button",onClick:function(t){t.stopPropagation(),e.model.action()},className:"svc-preview__test-again svc-btn",title:this.model.title},c.createElement("span",{className:"svc-btn__text"},this.model.title)))},t}(c.SurveyElementBase);c.ReactElementFactory.Instance.registerElement("svc-complete-page",function(e){return c.createElement(wt,e)});var Ct=function(e){function t(t){return e.call(this,t)||this}return bt(t,e),Object.defineProperty(t.prototype,"model",{get:function(){return this.props.data},enumerable:!1,configurable:!0}),t.prototype.getStateElement=function(){return this.model},t.prototype.renderPlaceholder=function(){return c.createElement(st,{name:"preview",placeholderTitleText:this.model.placeholderTitleText,placeholderDescriptionText:this.model.placeholderDescriptionText})},t.prototype.renderSimulator=function(){return c.createElement("div",{className:"svc-plugin-tab__content"},c.createElement(Et,{model:this.model.simulator}),this.model.showResults?c.createElement(ye,{survey:this.model.simulator.survey}):null)},t.prototype.renderElement=function(){var e="svc-creator-tab__content svc-test-tab__content"+(this.model.isPageToolbarVisible?" svc-creator-tab__content--with-toolbar":"");return c.createElement("div",{className:e},this.model.simulator.survey.isEmpty?this.renderPlaceholder():this.renderSimulator(),this.getBottomToolbar())},t.prototype.getBottomToolbar=function(){return this.model.isPageToolbarVisible?c.createElement("div",{className:"svc-test-tab__content-actions"},c.createElement(c.SurveyActionBar,{model:this.model.pages})):null},t}(c.SurveyElementBase);c.ReactElementFactory.Instance.registerElement("svc-tab-preview",function(e){return c.createElement(Ct,e)});var Ot=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),St=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return Ot(t,e),t.prototype.render=function(){return c.createElement("div",{className:"svc-property-grid-placeholder"},c.createElement("div",{className:"svc-property-grid-placeholder__header"},c.createElement("span",{className:"svc-property-grid-placeholder__title"},l.editorLocalization.getString("ed.propertyGridPlaceholderTitle")),c.createElement("span",{className:"svc-property-grid-placeholder__description"},l.editorLocalization.getString("ed.propertyGridPlaceholderDescription"))),c.createElement("div",{className:"svc-property-grid-placeholder__content"},c.createElement("div",{className:"svc-property-grid-placeholder__gap"}),c.createElement("div",{className:"svc-property-grid-placeholder__image"})))},t}(c.Component);c.ReactElementFactory.Instance.registerElement("svc-property-grid-placeholder",function(e){return c.createElement(St,e)});var Nt=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),Pt=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return Nt(t,e),Object.defineProperty(t.prototype,"model",{get:function(){return this.props.data},enumerable:!1,configurable:!0}),t.prototype.getStateElement=function(){return this.model},t.prototype.renderPlaceholder=function(){return c.createElement(st,{name:"theme",placeholderTitleText:this.model.placeholderTitleText,placeholderDescriptionText:this.model.placeholderDescriptionText})},t.prototype.renderSimulator=function(){return c.createElement("div",{className:"svc-plugin-tab__content"},c.createElement(Et,{model:this.model.simulator}),this.model.showResults?c.createElement(ye,{survey:this.model.simulator.survey}):null)},t.prototype.renderElement=function(){var e="svc-creator-tab__content svc-test-tab__content"+(this.model.isPageToolbarVisible?" svc-creator-tab__content--with-toolbar":"");return c.createElement("div",{className:e},this.model.simulator.survey.isEmpty?this.renderPlaceholder():this.renderSimulator(),this.getBottomToolbar())},t.prototype.getBottomToolbar=function(){return this.model.isPageToolbarVisible?c.createElement("div",{className:"svc-test-tab__content-actions"},c.createElement(c.SurveyActionBar,{model:this.model.pages})):null},t}(c.SurveyElementBase);c.ReactElementFactory.Instance.registerElement("svc-tab-theme",function(e){return c.createElement(Pt,e)});var xt=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),jt=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return xt(t,e),Object.defineProperty(t.prototype,"model",{get:function(){return this.props.data||this.props.model},enumerable:!1,configurable:!0}),t.prototype.getStateElement=function(){return this.model},t.prototype.renderElement=function(){return this.model?c.createElement("div",{className:"svc-creator-tab__content svc-translation-tab"+(this.model.isEmpty?" svc-translation-tab--empty":"")},this.renderElementContent()):null},t.prototype.renderElementContent=function(){return this.model.isEmpty?c.createElement(st,{name:"translation",placeholderTitleText:this.model.placeholderTitleText,placeholderDescriptionText:this.model.placeholderDescriptionText}):c.createElement("div",{className:"st-content"},c.createElement("div",{className:"svc-flex-column st-strings-wrapper"},c.createElement("div",{className:"svc-flex-row st-strings-header"},c.createElement(c.Survey,{model:this.model.stringsHeaderSurvey})),c.createElement("div",{className:"svc-flex-row svc-plugin-tab__content st-strings"},c.createElement(c.Survey,{model:this.model.stringsSurvey}))))},t}(c.SurveyElementBase);c.ReactElementFactory.Instance.registerElement("svc-tab-translation",function(e){return c.createElement(jt,e)});var Tt=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),qt=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return Tt(t,e),Object.defineProperty(t.prototype,"model",{get:function(){return this.props.model},enumerable:!1,configurable:!0}),t.prototype.getStateElement=function(){return this.model},t.prototype.renderElement=function(){return this.model.isVisible?c.createElement(c.List,{model:this.model.list}):null},t}(c.SurveyElementBase);c.ReactElementFactory.Instance.registerElement("svc-object-selector",function(e){return c.createElement(qt,e)});var It=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),Rt=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return It(t,e),Object.defineProperty(t.prototype,"model",{get:function(){return this.props.model},enumerable:!1,configurable:!0}),t.prototype.getStateElement=function(){return this.model},t.prototype.canRender=function(){return!!this.model&&e.prototype.canRender.call(this)},t.prototype.renderElement=function(){return c.createElement("div",{className:this.model.rootCss},c.createElement(xe,{model:this.model.searchManager}),c.createElement(c.Survey,{model:this.model.survey}))},t}(c.SurveyElementBase);c.ReactElementFactory.Instance.registerElement("svc-property-grid",function(e){return c.createElement(Rt,e)});var Mt=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),Dt=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return Mt(t,e),Object.defineProperty(t.prototype,"item",{get:function(){return this.props.item},enumerable:!1,configurable:!0}),t.prototype.getStateElement=function(){return this.item},t.prototype.renderElement=function(){var e=this,t=this.item.tooltip||this.item.title,n=this.item.hasTitle?c.createElement("span",{className:"svc-switcher__title"},this.item.title):null;return(0,c.attachKey2click)(c.createElement("button",{className:this.item.getActionBarItemCss(),type:"button",disabled:this.item.disabled,onClick:function(t){return e.item.action(e.item,e.item.getIsTrusted(t))},title:t,"aria-checked":this.item.ariaChecked,"aria-expanded":this.item.ariaExpanded,role:this.item.ariaRole},c.createElement("div",{className:this.item.getSwitcherIconCss()},c.createElement("div",{className:"svc-switcher__icon-thumb"})),n),this.item,{processEsc:!1})},t}(c.SurveyElementBase);c.ReactElementFactory.Instance.registerElement("svc-switcher",function(e){return c.createElement(Dt,e)});var Ft=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),Bt=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return Ft(t,e),t.prototype.render=function(){var e=this.props.item;return c.createElement(c.Fragment,null,c.createElement(c.SvgIcon,{iconName:e.iconName,size:e.iconSize,className:"svc-json-error__icon"}),c.createElement("div",{className:"svc-json-error__container"},c.createElement("div",{className:"svc-json-error__title"},c.createElement("span",{key:2},this.renderLocString(e.locTitle,void 0,"locString"))),this.renderFixButton()))},t.prototype.renderFixButton=function(){if(!this.props.item.data.showFixButton)return null;var e=this.props.item;return(0,c.attachKey2click)(c.createElement("button",{type:"button",onClick:function(t){t.stopPropagation(),e.data.fixError()},title:e.data.fixButtonTitle,className:"svc-json-error__fix-button"},c.createElement(c.SvgIcon,{iconName:e.data.fixButtonIcon,size:"auto"})))},t}(c.SurveyElementBase);c.ReactElementFactory.Instance.registerElement("json-error-item",function(e){return c.createElement(Bt,e)});var kt=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),At=function(e){function t(t){return e.call(this,t)||this}return kt(t,e),Object.defineProperty(t.prototype,"question",{get:function(){return this.questionBase},enumerable:!1,configurable:!0}),t.prototype.renderInput=function(){var e=this;return c.createElement(c.Fragment,null,c.createElement("input",{role:"spinbutton",id:this.question.inputId,disabled:this.isDisplayMode,className:this.question.cssClasses.control,ref:function(t){return e.setControl(t)},placeholder:this.question.renderedPlaceholder,autoComplete:"off",onBlur:function(t){return e.question.onBlur(t.nativeEvent)},onFocus:function(t){return e.question.onFocus(t.nativeEvent)},onChange:this.question.onChange,onBeforeInput:function(t){return e.question.onBeforeInput(t.nativeEvent)},onKeyUp:function(t){return e.question.onKeyUp(t.nativeEvent)},onKeyDown:function(t){return e.question.onInputKeyDown(t.nativeEvent)},"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}))},t.prototype.renderElement=function(){var e=this;return c.createElement("div",{className:this.question.cssClasses.root,onKeyDown:function(t){return e.question.onKeyDown(t.nativeEvent)}},this.renderInput(),this.renderButtons())},t.prototype.getValueCore=function(){return this.question.renderedValue},t.prototype.renderButtons=function(){var e=this;return c.createElement("span",{className:this.question.cssClasses.buttonsContainer},c.createElement("button",{tabIndex:-1,"aria-hidden":"true",className:this.question.cssClasses.arrowButton,disabled:this.isDisplayMode,onClick:this.question.onDownButtonClick,onMouseDown:this.question.onDownButtonMouseDown,onMouseUp:this.question.onButtonMouseUp,onMouseLeave:this.question.onButtonMouseLeave,onBlur:function(t){return e.question.onBlur(t.nativeEvent)},onFocus:function(t){return e.question.onFocus(t.nativeEvent)}},c.createElement(c.SvgIcon,{iconName:this.question.cssClasses.decreaseButtonIcon,size:"auto"})),c.createElement("button",{tabIndex:-1,"aria-hidden":"true",className:this.question.cssClasses.arrowButton,disabled:this.isDisplayMode,onClick:this.question.onUpButtonClick,onMouseDown:this.question.onUpButtonMouseDown,onMouseUp:this.question.onButtonMouseUp,onMouseLeave:this.question.onButtonMouseLeave,onBlur:function(t){return e.question.onBlur(t.nativeEvent)},onFocus:function(t){return e.question.onFocus(t.nativeEvent)}},c.createElement(c.SvgIcon,{iconName:this.question.cssClasses.increaseButtonIcon,size:"auto"})))},t}(c.SurveyQuestionText);c.ReactQuestionFactory.Instance.registerQuestion("spinedit",function(e){return c.createElement(At,e)});var Ut=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),Qt=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return Ut(t,e),t.prototype.render=function(){var e=this.props.item;return c.createElement(c.Fragment,null,c.createElement("span",{className:"spg-color-editor__color-swatch",style:{backgroundColor:e.value}}),c.createElement("span",{key:2},this.renderLocString(e.locTitle,void 0,"locString")))},t}(c.SurveyElementBase);c.ReactElementFactory.Instance.registerElement("color-item",function(e){return c.createElement(Qt,e)});var Lt=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),Vt=function(e){function t(t){return e.call(this,t)||this}return Lt(t,e),Object.defineProperty(t.prototype,"question",{get:function(){return this.questionBase},enumerable:!1,configurable:!0}),t.prototype.renderInput=function(){var e=this;return c.createElement(c.Fragment,null,c.createElement("input",{id:this.question.inputId,disabled:this.isDisplayMode,className:this.question.cssClasses.control,ref:function(t){return e.setControl(t)},placeholder:this.question.renderedPlaceholder,autoComplete:"off",onKeyUp:function(t){return e.question.onKeyUp(t.nativeEvent)},onBlur:function(t){return e.question.onBlur(t.nativeEvent)},onChange:this.question.onChange,onBeforeInput:function(t){return e.question.onBeforeInput(t.nativeEvent)},"aria-required":this.question.a11y_input_ariaRequired,"aria-labelledby":this.question.a11y_input_ariaLabelledBy,"aria-label":this.question.a11y_input_ariaLabel,"aria-invalid":this.question.a11y_input_ariaInvalid,"aria-describedby":this.question.a11y_input_ariaDescribedBy}))},t.prototype.renderElement=function(){var e=this;return c.createElement("div",{className:this.question.cssClasses.root,onKeyDown:function(t){return e.question.onKeyDown(t.nativeEvent)}},this.renderColorSwatch(),this.renderInput(),this.question.showDropdownAction?this.renderDropdownAction():null)},t.prototype.getValueCore=function(){return this.question.renderedValue},t.prototype.renderColorSwatch=function(){var e=this;return c.createElement("label",{className:this.question.getSwatchCss(),style:this.question.getSwatchStyle()},c.createElement(c.SvgIcon,{iconName:this.question.cssClasses.swatchIcon,size:"auto"}),c.createElement("input",{type:"color",disabled:this.isDisplayMode,value:this.question.renderedColorValue,className:this.question.cssClasses.colorInput,onChange:function(t){return e.question.onColorInputChange(t.nativeEvent)},tabIndex:-1,"aria-required":this.question.a11y_input_ariaRequired,"aria-labelledby":this.question.a11y_input_ariaLabelledBy,"aria-label":this.question.a11y_input_ariaLabel,"aria-invalid":this.question.a11y_input_ariaInvalid,"aria-describedby":this.question.a11y_input_ariaDescribedBy}))},t.prototype.renderDropdownAction=function(){return c.createElement(c.Fragment,null,c.createElement("div",{"aria-hidden":"true",className:this.question.cssClasses.choicesButtonWrapper},c.ReactElementFactory.Instance.createElement("sv-action-bar-item",{item:this.question.dropdownAction})),this.renderPopup())},t.prototype.renderPopup=function(){return c.createElement(c.Popup,{model:this.question.dropdownAction.popupModel})},t}(c.SurveyQuestionText);c.ReactQuestionFactory.Instance.registerQuestion("color",function(e){return c.createElement(Vt,e)});var Kt=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),Ht=function(e){function t(t){return e.call(this,t)||this}return Kt(t,e),Object.defineProperty(t.prototype,"questionFile",{get:function(){return this.questionBase},enumerable:!1,configurable:!0}),t.prototype.getValueCore=function(){return this.question.renderedValue},t.prototype.renderInput=function(){var e=this;return c.createElement(c.Fragment,null,c.createElement("input",{disabled:this.question.isTextInputReadOnly,className:this.questionFile.cssClasses.control,placeholder:this.questionFile.renderedPlaceholder,ref:function(t){return e.setControl(t)},autoComplete:"off",type:"text",onBlur:function(t){return e.questionFile.onInputBlur(t.nativeEvent)},onChange:function(t){return e.questionFile.onInputChange(t.nativeEvent)}}))},t.prototype.renderFileInput=function(){var e=this;return c.createElement("input",{type:"file",disabled:this.isDisplayMode,className:this.questionFile.cssClasses.fileInput,id:this.questionFile.inputId,"aria-required":this.questionFile.ariaRequired,"aria-label":this.questionFile.ariaLabel,"aria-invalid":this.questionFile.ariaInvalid,"aria-describedby":this.questionFile.ariaDescribedBy,multiple:!1,title:this.questionFile.inputTitle,accept:this.questionFile.acceptedTypes,tabIndex:-1,onChange:function(t){return e.questionFile.onFileInputChange(t.nativeEvent)}})},t.prototype.renderButtons=function(){return c.createElement("div",{className:this.questionFile.cssClasses.buttonsContainer},this.renderClearButton(),this.renderChooseButton())},t.prototype.renderClearButton=function(){return(0,c.attachKey2click)(c.createElement("button",{className:this.questionFile.cssClasses.clearButton,title:this.questionFile.clearButtonCaption,disabled:this.questionFile.getIsClearButtonDisabled(),onClick:this.questionFile.doClean},c.createElement(c.SvgIcon,{iconName:this.questionFile.cssClasses.clearButtonIcon,size:"auto"})))},t.prototype.renderChooseButton=function(){var e=this;return(0,c.attachKey2click)(c.createElement("label",{onClick:function(t){return e.questionFile.chooseFiles(t.nativeEvent)},className:this.questionFile.getChooseButtonCss(),htmlFor:this.questionFile.inputId,"aria-label":this.questionFile.chooseButtonCaption},c.createElement(c.SvgIcon,{iconName:this.questionFile.cssClasses.chooseButtonIcon,size:"auto",title:this.questionFile.chooseButtonCaption})))},t.prototype.renderElement=function(){var e=this;return c.createElement("div",{className:this.questionFile.cssClasses.root,ref:function(t){return e.setContent(t)},onDragEnter:this.questionFile.onDragEnter,onDragOver:this.questionFile.onDragOver,onDrop:this.questionFile.onDrop,onDragLeave:this.questionFile.onDragLeave,onKeyDown:function(t){return e.question.onKeyDown(t.nativeEvent)}},this.renderInput(),this.renderFileInput(),this.renderButtons())},t}(c.SurveyQuestionText);c.ReactQuestionFactory.Instance.registerQuestion("fileedit",function(e){return c.createElement(Ht,e)});var zt=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),Wt=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return zt(t,e),Object.defineProperty(t.prototype,"question",{get:function(){return this.questionBase},enumerable:!1,configurable:!0}),t.prototype.renderElement=function(){var e=this.renderInput(),t=this.renderResetButton();return c.createElement("div",{className:this.question.getRootClass()},e,t)},t.prototype.renderInput=function(){return c.ReactQuestionFactory.Instance.createQuestion(this.question.wrappedQuestionTemplate,{question:this.question,isDisplayMode:this.question.isInputReadOnly,creator:this})},t.prototype.renderResetButton=function(){var e=this;return c.createElement("button",{className:this.question.cssClasses.resetButton,disabled:this.question.resetValueAdorner.isDisabled,title:this.question.resetValueAdorner.caption,onClick:function(){return e.question.resetValueAdorner.resetValue()}},c.createElement(c.SvgIcon,{iconName:this.question.cssClasses.resetButtonIcon,size:"auto"}))},t}(c.SurveyQuestionElementBase);c.ReactQuestionFactory.Instance.registerQuestion("textwithreset",function(e){return c.createElement(Wt,e)}),c.ReactQuestionFactory.Instance.registerQuestion("commentwithreset",function(e){return c.createElement(Wt,e)});var Gt,Jt=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),Xt=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return Jt(t,e),t.prototype.renderElement=function(){var e=this,t=(0,c.attachKey2click)(c.createElement("div",{className:"spg-boolean-switch__button"+(this.questionBase.value?" spg-boolean-switch__button--checked":""),tabIndex:0,role:"checkbox","aria-checked":this.questionBase.booleanValue||!1,"aria-required":this.questionBase.a11y_input_ariaRequired,"aria-label":this.questionBase.a11y_input_ariaLabel,"aria-labelledby":this.questionBase.a11y_input_ariaLabelledBy,"aria-invalid":this.questionBase.a11y_input_ariaInvalid,"aria-errormessage":this.questionBase.a11y_input_ariaErrormessage},c.createElement("div",{className:"spg-boolean-switch__thumb"},c.createElement("div",{className:"spg-boolean-switch__thumb-circle spg-boolean-switch__thumb--left"})),c.createElement("div",{className:"spg-boolean-switch__thumb"},c.createElement("div",{className:"spg-boolean-switch__thumb-circle spg-boolean-switch__thumb--right"}))),this.questionBase,{processEsc:!1});return c.createElement("div",{className:"spg-boolean-switch",onClick:function(){return e.questionBase.value=!e.questionBase.value}},t,c.createElement("div",{className:"spg-boolean-switch__caption"},c.createElement("div",{className:"spg-boolean-switch__title",id:this.questionBase.labelRenderedAriaID},c.SurveyElementBase.renderLocString(this.questionBase.locTitle))))},t}(c.SurveyQuestionElementBase);c.ReactQuestionFactory.Instance.registerQuestion("sv-boolean-switch",function(e){return c.createElement(Xt,e)}),q.RendererFactory.Instance.registerRenderer("boolean","switch","sv-boolean-switch"),Gt="".concat("2.3.2"),(0,q.checkLibraryVersion)("".concat("2.3.2"),"survey-creator-react");var Yt=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),Zt=function(){return Zt=Object.assign||function(e){for(var t,n=1,o=arguments.length;n<o;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},Zt.apply(this,arguments)};function $t(e,t,n){void 0===n&&(n={});var o=t;"string"==typeof t&&(o=document.getElementById(t));var r=c.preact.createElement(h,Zt({creator:e},n));c.preact.render(r,o)}var en=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return Yt(t,e),t.prototype.render=function(e){$t(this,e)},t}(y);if("undefined"!=typeof window){var tn=window.jQuery||window.$;tn&&tn.fn.extend({SurveyCreator:function(e){return this.each(function(){$t(e.model,this,e)})}})}return a})());
|
|
2
|
+
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("survey-core"),require("survey-creator-core"),require("survey-js-ui")):"function"==typeof define&&define.amd?define("survey-creator-js",["survey-core","survey-creator-core","survey-js-ui"],t):"object"==typeof exports?exports["survey-creator-js"]=t(require("survey-core"),require("survey-creator-core"),require("survey-js-ui")):e.SurveyCreator=t(e.Survey,e.SurveyCreatorCore,e.SurveyUI)}(this,(e,t,n)=>(()=>{"use strict";var o={156:t=>{t.exports=e},675:e=>{e.exports=n},982:e=>{e.exports=t}},r={};function i(e){var t=r[e];if(void 0!==t)return t.exports;var n=r[e]={exports:{}};return o[e](n,n.exports,i),n.exports}i.d=(e,t)=>{for(var n in t)i.o(t,n)&&!i.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},i.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a={};i.r(a),i.d(a,{ActionButton:()=>R,AdaptiveToolbox:()=>Te,CellQuestionAdornerComponent:()=>H,CellQuestionDropdownAdornerComponent:()=>W,CreatorSurveyPageComponent:()=>X,IPropertyGridEditor:()=>l.IPropertyGridEditor,ISurveyCreatorOptions:()=>l.ISurveyCreatorOptions,ImageItemValueAdornerComponent:()=>de,ItemValueAdornerComponent:()=>ue,LogoImageComponent:()=>ne,MatrixCellAdornerComponent:()=>fe,PanelAdornerComponent:()=>ee,PropertyGridComponent:()=>Rt,PropertyGridEditorCollection:()=>l.PropertyGridEditorCollection,PropertyGridPlaceholderComponent:()=>St,QuestionAdornerComponent:()=>N,QuestionBanner:()=>D,QuestionDropdownAdornerComponent:()=>B,QuestionEditorContentComponent:()=>ce,QuestionErrorComponent:()=>et,QuestionImageAdornerComponent:()=>A,QuestionRatingAdornerComponent:()=>Q,QuestionWidgetAdornerComponent:()=>V,QuestionWrapperFooter:()=>T,QuestionWrapperHeader:()=>x,ReactDragEvent:()=>C,ReactMouseEvent:()=>w,RowWrapper:()=>E,SearchComponent:()=>xe,SideBarDefaultHeader:()=>Ae,SidebarComponent:()=>He,SurveyCreator:()=>en,SurveyCreatorComponent:()=>h,SurveyCreatorToolboxCategory:()=>Oe,SurveyCreatorToolboxItem:()=>Ee,SurveyCreatorToolboxItemGroup:()=>we,SurveyCreatorToolboxTool:()=>_e,SurveyElementEmbeddedSurvey:()=>ae,SurveyLocStringEditor:()=>Ze,SurveyLogic:()=>l.SurveyLogic,SurveyLogicOpertor:()=>nt,SurveyLogicUI:()=>l.SurveyLogicUI,SurveyNavigation:()=>Ie,SurveyQuestionBooleanSwitch:()=>Xt,SurveyQuestionColor:()=>Vt,SurveyQuestionEditorDefinition:()=>l.SurveyQuestionEditorDefinition,SurveyQuestionFileEditor:()=>Ht,SurveyQuestionLinkValue:()=>re,SurveyQuestionSpinEditor:()=>At,SurveyQuestionTextWithReset:()=>Wt,SurveyResults:()=>ye,SurveyResultsByRow:()=>ve,SurveySimulator:()=>Et,SwitcherComponent:()=>Dt,TabButtonComponent:()=>Me,TabDesignerComponent:()=>ut,TabJsonEditorAceComponent:()=>ht,TabJsonEditorErrorsComponent:()=>dt,TabJsonEditorTextareaComponent:()=>mt,TabLogicAddButtonComponent:()=>vt,TabLogicComponent:()=>gt,TabPreviewSurveyComponent:()=>Ct,TabPreviewTestSurveyAgainComponent:()=>wt,TabThemeSurveyComponent:()=>Pt,TabTranslationComponent:()=>jt,TabbedMenuComponent:()=>p,TabbedMenuItemComponent:()=>m,ToolboxList:()=>Ne,ToolboxToolViewModel:()=>l.ToolboxToolViewModel,TranslateFromAction:()=>Xe,TranslationLineSkeleton:()=>Ge,Version:()=>Gt,editorLocalization:()=>l.editorLocalization,localization:()=>l.localization,renderSurveyCreator:()=>$t,settings:()=>l.settings,svgBundle:()=>l.svgBundle});var s,c=i(675),l=i(982),u=(s=function(e,t){return s=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},s(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}s(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),p=function(e){function t(t){var n=e.call(this,t)||this;return n.rootRef=c.createRef(),n}return u(t,e),Object.defineProperty(t.prototype,"model",{get:function(){return this.props.model},enumerable:!1,configurable:!0}),t.prototype.getStateElement=function(){return this.model},t.prototype.renderElement=function(){var e=this.model.renderedActions.map(function(e){return c.createElement(d,{item:e,key:e.renderedId})});return c.createElement("div",{ref:this.rootRef,className:"svc-tabbed-menu",role:"tablist",style:this.model.getRootStyle()},e)},t.prototype.componentDidUpdate=function(t,n){e.prototype.componentDidUpdate.call(this,t,n);var o=this.rootRef.current;o&&this.model.initResponsivityManager(o)},t.prototype.componentDidMount=function(){e.prototype.componentDidMount.call(this);var t=this.rootRef.current;t&&this.model.initResponsivityManager(t)},t.prototype.componentWillUnmount=function(){this.model.resetResponsivityManager(),e.prototype.componentWillUnmount.call(this)},t}(c.SurveyElementBase),d=function(e){function t(t){var n=e.call(this,t)||this;return n.ref=c.createRef(),n}return u(t,e),Object.defineProperty(t.prototype,"item",{get:function(){return this.props.item},enumerable:!1,configurable:!0}),t.prototype.getStateElement=function(){return this.item},t.prototype.renderElement=function(){var e="svc-tabbed-menu-item-container";this.item.css&&(e+=" "+this.item.css),e+=this.item.isVisible?"":" sv-action--hidden";var t=c.ReactElementFactory.Instance.createElement(this.item.component||"svc-tabbed-menu-item",{item:this.item});return c.createElement("span",{key:this.item.id,className:e,ref:this.ref},c.createElement("div",{className:"sv-action__content"},t))},t.prototype.componentDidMount=function(){var t=this;e.prototype.componentDidMount.call(this),this.item.updateModeCallback=function(e,n){queueMicrotask(function(){c.flushSync?c.flushSync(function(){t.item.mode=e}):t.item.mode=e,queueMicrotask(function(){n(e,t.ref.current)})})},this.item.afterRender()},t.prototype.componentWillUnmount=function(){e.prototype.componentWillUnmount.call(this),this.item.updateModeCallback=void 0},t}(c.SurveyElementBase),m=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),Object.defineProperty(t.prototype,"item",{get:function(){return this.props.item},enumerable:!1,configurable:!0}),t.prototype.getStateElement=function(){return this.item},t.prototype.render=function(){var e=this.item;return(0,c.attachKey2click)(c.createElement("div",{role:"tab",id:"tab-"+e.id,"aria-selected":e.active,"aria-controls":"scrollableDiv-"+e.id,className:e.getRootCss(),onClick:function(){return e.action(e)}},e.hasTitle?c.createElement("span",{className:e.getTitleCss()},e.title):null,e.hasIcon?c.createElement(c.SvgIcon,{iconName:e.iconName,className:e.getIconCss(),size:"auto",title:e.tooltip||e.title}):null))},t}(c.SurveyElementBase);c.ReactElementFactory.Instance.registerElement("svc-tabbed-menu-item",function(e){return c.createElement(m,e)});var f=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),h=function(e){function t(t){var n=e.call(this,t)||this;return n.rootNode=c.createRef(),n}return f(t,e),Object.defineProperty(t.prototype,"creator",{get:function(){return this.props.creator},enumerable:!1,configurable:!0}),t.prototype.getStateElement=function(){return this.creator},Object.defineProperty(t.prototype,"style",{get:function(){return this.props.style},enumerable:!1,configurable:!0}),t.prototype.componentDidUpdate=function(t,n){e.prototype.componentDidUpdate.call(this,t,n),this.creator!==t.creator&&(t.creator&&t.creator.unsubscribeRootElement(),this.creator&&this.rootNode.current&&this.creator.setRootElement(this.rootNode.current))},t.prototype.componentDidMount=function(){e.prototype.componentDidMount.call(this),this.creator.setRootElement(this.rootNode.current)},t.prototype.componentWillUnmount=function(){e.prototype.componentWillUnmount.call(this),this.creator.unsubscribeRootElement()},t.prototype.renderElement=function(){var e=this.props.creator;if(e.isCreatorDisposed)return null;var t="svc-full-container svc-creator__area svc-flex-column"+(this.props.creator.haveCommercialLicense?"":" svc-creator__area--with-banner"),n="svc-creator__content-wrapper svc-flex-row"+(this.props.creator.isMobileView?" svc-creator__content-wrapper--footer-toolbar":""),o="svc-flex-row svc-full-container svc-creator__side-bar--"+this.creator.sidebarLocation,r={};(0,l.assign)(r,this.style,this.props.creator.themeVariables);var i=null;if(!this.props.creator.haveCommercialLicense){var a={__html:this.props.creator.licenseText};i=c.createElement("div",{className:"svc-creator__banner"},c.createElement("span",{className:"svc-creator__non-commercial-text",dangerouslySetInnerHTML:a}))}return c.createElement("div",{className:this.creator.getRootCss(),ref:this.rootNode,style:r},c.createElement(c.SvgBundleComponent,null),c.createElement(c.PopupModal,null),c.createElement("div",{className:t},c.createElement("div",{className:o},c.createElement("div",{className:"svc-flex-column svc-flex-row__element svc-flex-row__element--growing"},c.createElement("div",{className:"svc-top-bar"},e.showTabs?c.createElement("div",{className:"svc-tabbed-menu-wrapper"},c.createElement(p,{model:e.tabbedMenu})):null,e.showToolbar?c.createElement("div",{className:"svc-toolbar-wrapper"},c.createElement(c.SurveyActionBar,{model:e.toolbar})):null),c.createElement("div",{className:n},c.createElement("div",{className:"svc-creator__content-holder svc-flex-column"},this.renderActiveTab())),c.createElement("div",{className:"svc-footer-bar"},e.isMobileView?c.createElement("div",{className:"svc-toolbar-wrapper"},c.createElement(c.SurveyActionBar,{model:e.footerToolbar})):null)),this.renderSidebar()),i,c.createElement(c.NotifierComponent,{notifier:e.notifier})))},t.prototype.renderActiveTab=function(){for(var e=this.props.creator,t=0;t<e.tabs.length;t++)if(e.tabs[t].id===e.activeTab)return this.renderCreatorTab(e.tabs[t]);return null},t.prototype.renderCreatorTab=function(e){if(!1===e.visible)return null;var t=this.props.creator,n=e.renderTab?e.renderTab():c.ReactElementFactory.Instance.createElement(e.componentContent,{creator:t,survey:t.survey,data:e.data.model}),o="svc-creator-tab"+("right"==t.toolboxLocation?" svc-creator__toolbox--right":"");return c.createElement("div",{role:"tabpanel",key:e.id,id:"scrollableDiv-"+e.id,"aria-labelledby":"tab-"+e.id,className:o},n)},t.prototype.renderSidebar=function(){return this.creator.sidebar?c.ReactElementFactory.Instance.createElement("svc-side-bar",{model:this.creator.sidebar}):null},t}(c.SurveyElementBase),y=function(e){function t(t,n){return void 0===t&&(t={}),e.call(this,t,n)||this}return f(t,e),t.prototype.render=function(e){console.error("The render method is deprecated. Use SurveyCreatorComponent instead.")},t.prototype.createQuestionElement=function(e){return c.ReactQuestionFactory.Instance.createQuestion(e.isDefaultRendering()?e.getTemplate():e.getComponentName(),{question:e,isDisplayMode:e.isReadOnly,creator:this})},t.prototype.renderError=function(e,t,n){return c.createElement("div",{key:e},c.createElement("span",{className:n.error.icon,"aria-hidden":"true"}),c.createElement("span",{className:n.error.item},c.createElement(c.SurveyLocStringViewer,{locStr:t.locText})))},t.prototype.questionTitleLocation=function(){return this.survey.questionTitleLocation},t.prototype.questionErrorLocation=function(){return this.survey.questionErrorLocation},t}(l.SurveyCreatorModel);c.ReactElementFactory.Instance.registerElement("survey-widget",function(e){return c.createElement(c.Survey,e)});var v=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),g=function(e){function t(t){var n=e.call(this,t)||this;return n.createModel(t),n}return v(t,e),t.prototype.shouldComponentUpdate=function(t,n){var o=e.prototype.shouldComponentUpdate.call(this,t,n);return o&&this.needUpdateModel(t)&&this.createModel(t),o},t.prototype.createModel=function(e){},t.prototype.needUpdateModel=function(e){var t=this.getUpdatedModelProps();if(!Array.isArray(t))return!0;for(var n=0;n<t.length;n++){var o=t[n];if(this.props[o]!==e[o])return!0}return!1},t.prototype.getUpdatedModelProps=function(){},t}(c.SurveyElementBase),_=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),E=function(e){function t(t){return e.call(this,t)||this}return _(t,e),t.prototype.createModel=function(e){this.model&&this.model.dispose(),this.model=new l.RowViewModel(e.componentData.creator,e.row,null)},t.prototype.getUpdatedModelProps=function(){return["row","componentData"]},t.prototype.getStateElement=function(){return this.model},t.prototype.componentDidMount=function(){e.prototype.componentDidMount.call(this),this.model.subscribeElementChanges()},t.prototype.componentWillUnmount=function(){this.model.unsubscribeElementChanges(),e.prototype.componentWillUnmount.call(this)},t.prototype.render=function(){return c.createElement("div",{key:"svc-row-"+this.props.row.id,className:this.model.cssClasses},c.createElement("div",{className:"svc-row__drop-indicator svc-row__drop-indicator--top"}),c.createElement("div",{className:"svc-row__drop-indicator svc-row__drop-indicator--bottom"}),this.props.element)},t}(g);c.ReactElementFactory.Instance.registerElement("svc-row",function(e){return c.createElement(E,e)});var b=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),w=function(){function e(e){this.event=e}return e.prototype.stopPropagation=function(){this.event.stopPropagation()},e.prototype.preventDefault=function(){this.event.preventDefault()},Object.defineProperty(e.prototype,"cancelBubble",{get:function(){return!1},set:function(e){},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"target",{get:function(){return this.event.target},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"currentTarget",{get:function(){return this.event.currentTarget},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"clientX",{get:function(){return this.event.clientX},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"clientY",{get:function(){return this.event.clientY},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"offsetX",{get:function(){return this.event.nativeEvent.offsetX},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"offsetY",{get:function(){return this.event.nativeEvent.offsetY},enumerable:!1,configurable:!0}),e}(),C=function(e){function t(t){var n=e.call(this,t)||this;return n.event=t,n}return b(t,e),Object.defineProperty(t.prototype,"dataTransfer",{get:function(){return this.event.dataTransfer},enumerable:!1,configurable:!0}),t}(w),O=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),S=c.memo(function(e){return e.element});S.displayName="QuestionElementContent";var N=function(e){function t(t){var n=e.call(this,t)||this;return n.rootRef=c.createRef(),n}return O(t,e),t.prototype.createModel=function(e){this.model?this.model.attachToUI(e.question,this.rootRef.current):this.modelValue=this.createQuestionViewModel(e)},t.prototype.createQuestionViewModel=function(e){return new l.QuestionAdornerViewModel(e.componentData,e.question,null)},t.prototype.getUpdatedModelProps=function(){return["question","componentData"]},Object.defineProperty(t.prototype,"model",{get:function(){return this.modelValue},enumerable:!1,configurable:!0}),t.prototype.getStateElement=function(){return this.model},t.prototype.renderElement=function(){var e=this,t=this.model.element.isInteractiveDesignElement,n=this.renderQuestionTitle(),o=this.renderContent(t);return c.createElement("div",{ref:this.rootRef,"data-sv-drop-target-survey-element":this.model.element.name||null,className:this.model.rootCss(),onDoubleClick:function(n){t&&e.model.dblclick(n.nativeEvent),n.stopPropagation()},onMouseLeave:function(n){return t&&e.model.hover(n.nativeEvent,n.currentTarget)},onMouseOver:function(n){return t&&e.model.hover(n.nativeEvent,n.currentTarget)}},n,o)},t.prototype.disableTabStop=function(){return!0},t.prototype.renderContent=function(e){var t=this,n=this.model.needToRenderContent?this.renderElementContent():null;return(0,c.attachKey2click)(c.createElement("div",{className:this.model.css(),onClick:function(e){return t.model.select(t.model,new w(e))}},c.createElement("div",{className:"svc-question__drop-indicator svc-question__drop-indicator--left"}),c.createElement("div",{className:"svc-question__drop-indicator svc-question__drop-indicator--right"}),c.createElement("div",{className:"svc-question__drop-indicator svc-question__drop-indicator--top"}),c.createElement("div",{className:"svc-question__drop-indicator svc-question__drop-indicator--bottom"}),e?this.renderHeader():null,n,this.model.needToRenderContent?this.renderFooter():null),void 0,{disableTabStop:this.disableTabStop()})},t.prototype.renderHeader=function(){return c.ReactElementFactory.Instance.createElement("svc-question-header",{model:this.model})},t.prototype.renderFooter=function(){return this.model.element.isInteractiveDesignElement?c.ReactElementFactory.Instance.createElement("svc-question-footer",{className:"svc-question__content-actions",model:this.model}):null},t.prototype.renderCarryForwardBanner=function(){return this.model.isBannerShowing?c.ReactElementFactory.Instance.createElement("svc-question-banner",this.model.createBannerParams()):null},t.prototype.renderQuestionTitle=function(){var e=this;if(!this.model.showHiddenTitle)return null;var t=this.model.element;return c.createElement("div",{ref:function(t){return t&&(e.model.renderedCollapsed?t.removeAttribute("inert"):t.setAttribute("inert",""))},className:this.model.cssCollapsedHiddenHeader},t.hasTitle?c.createElement(c.TitleElement,{element:t}):c.createElement("div",{className:this.model.cssCollapsedHiddenTitle},c.createElement("span",{className:"svc-fake-title"},t.name)))},t.prototype.renderElementContent=function(){return c.createElement(c.Fragment,null,c.createElement(S,{element:this.props.element}),this.renderElementPlaceholder(),this.renderCarryForwardBanner())},t.prototype.componentDidMount=function(){e.prototype.componentDidMount.call(this),this.model.attachToUI(this.props.question,this.rootRef.current)},t.prototype.renderElementPlaceholder=function(){return this.model.isEmptyElement?c.createElement("div",{className:"svc-panel__placeholder_frame-wrapper"},c.createElement("div",{className:"svc-panel__placeholder_frame"},c.createElement("div",{className:"svc-panel__placeholder"},this.model.placeholderText))):null},t.prototype.componentWillUnmount=function(){e.prototype.componentWillUnmount.call(this),this.model.detachFromUI()},t}(g);c.ReactElementFactory.Instance.registerElement("svc-question",function(e){return c.createElement(N,e)});var P=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),x=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return P(t,e),t.prototype.render=function(){var e=this;return this.props.model.allowDragging?c.createElement("div",{className:"svc-question__drag-area",onPointerDown:function(t){return e.props.model.onPointerDown(t)}},c.createElement(c.SvgIcon,{className:"svc-question__drag-element",size:"auto",iconName:"icon-drag-area-indicator_24x16"}),c.createElement("div",{className:"svc-question__top-actions"},c.createElement(c.SurveyActionBar,{model:this.props.model.topActionContainer,handleClick:!1}))):null},t}(c.Component);c.ReactElementFactory.Instance.registerElement("svc-question-header",function(e){return c.createElement(x,e)});var j=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),T=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return j(t,e),t.prototype.render=function(){var e=this;return c.createElement("div",{className:this.props.className,onFocus:function(t){return e.props.model.select(e.props.model,new w(t))}},c.createElement(c.SurveyActionBar,{model:this.props.model.actionContainer,handleClick:!1}))},t}(c.Component);c.ReactElementFactory.Instance.registerElement("svc-question-footer",function(e){return c.createElement(T,e)});var q=i(156),I=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),R=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return I(t,e),t.prototype.renderElement=function(){var e=(new q.CssClassBuilder).append(this.props.classes).append("svc-action-button").append("svc-action-button--selected",!!this.props.selected).append("svc-action-button--disabled",!!this.props.disabled).toString();return this.props.iconName?this.renderIcon(e):this.renderButtonText(e)},t.prototype.renderButtonText=function(e){var t=this;return this.props.disabled?c.createElement("span",{className:e},this.props.text):c.createElement(c.Fragment,null,(0,c.attachKey2click)(c.createElement("span",{role:"button",className:e,onClick:function(e){t.props.allowBubble||e.stopPropagation(),t.props.click()},title:this.props.title},this.props.text)))},t.prototype.renderIcon=function(e){var t=this;return e+=" svc-action-button--icon",this.props.disabled?c.createElement("span",{className:e},c.createElement(c.SvgIcon,{size:"auto",iconName:this.props.iconName})):c.createElement(c.Fragment,null,(0,c.attachKey2click)(c.createElement("span",{className:e,onClick:function(e){t.props.allowBubble||e.stopPropagation(),t.props.click()},title:this.props.title},c.createElement(c.SvgIcon,{size:"auto",iconName:this.props.iconName}))))},t}(c.SurveyElementBase);c.ReactElementFactory.Instance.registerElement("svc-action-button",function(e){return c.createElement(R,e)});var M=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),D=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return M(t,e),t.prototype.render=function(){var e=this;return c.createElement("div",{className:"svc-carry-forward-panel-wrapper"},c.createElement("div",{className:"svc-carry-forward-panel"},c.createElement("span",null,this.props.text," "),c.createElement("span",{className:"svc-carry-forward-panel__link"},c.createElement(R,{click:function(){return e.props.onClick()},text:this.props.actionText}))))},t}(c.Component);c.ReactElementFactory.Instance.registerElement("svc-question-banner",function(e){return c.createElement(D,e)});var F=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),B=function(e){function t(t){return e.call(this,t)||this}return F(t,e),t.prototype.createQuestionViewModel=function(e){return new l.QuestionDropdownAdornerViewModel(e.componentData,e.question,null)},Object.defineProperty(t.prototype,"dropdownModel",{get:function(){return this.model},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"question",{get:function(){return this.dropdownModel.question},enumerable:!1,configurable:!0}),t.prototype.renderElementPlaceholder=function(){var e=this,t=this.question.textStyle;return c.createElement("div",{className:"svc-question__dropdown-choices--wrapper"},c.createElement("div",null,c.createElement("div",{className:"svc-question__dropdown-choices"},(this.dropdownModel.getRenderedItems()||[]).map(function(n,o){return c.createElement("div",{className:e.dropdownModel.getChoiceCss(),key:"editable_choice_".concat(o)},c.ReactSurveyElementsWrapper.wrapItemValue(e.question.survey,c.ReactElementFactory.Instance.createElement(e.dropdownModel.itemComponent,{key:n.value,question:e.question,cssClasses:e.question.cssClasses,isDisplayMode:!0,item:n,textStyle:t,index:o,isChecked:e.question.value===n.value}),e.question,n))})),this.dropdownModel.needToCollapse?c.createElement(R,{click:this.dropdownModel.switchCollapse,text:this.dropdownModel.getButtonText(),allowBubble:!0}):null))},t}(N);c.ReactElementFactory.Instance.registerElement("svc-dropdown-question",function(e){return c.createElement(B,e)});var k=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),A=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return k(t,e),t.prototype.createQuestionViewModel=function(e){return new l.QuestionImageAdornerViewModel(e.componentData,e.question,null)},Object.defineProperty(t.prototype,"imageModel",{get:function(){return this.model},enumerable:!1,configurable:!0}),t.prototype.renderHeader=function(){return c.createElement(c.Fragment,null,c.createElement("input",{type:"file","aria-hidden":"true",tabIndex:-1,accept:this.imageModel.acceptedTypes,className:"svc-choose-file-input",style:{position:"absolute",opacity:0,width:"1px",height:"1px",overflow:"hidden"}}),e.prototype.renderHeader.call(this))},t.prototype.renderLoadingPlaceholder=function(){return c.createElement("div",{className:"svc-image-question__loading-placeholder"},c.createElement("div",{className:"svc-image-question__loading"},c.createElement(c.LoadingIndicatorComponent,null)))},t.prototype.renderChooseButton=function(){var e=this;return c.createElement("div",{className:"svc-image-question-controls"},this.model.allowEdit?(0,c.attachKey2click)(c.createElement("span",{className:"svc-context-button",onClick:function(){return e.imageModel.chooseFile(e.imageModel)}},c.createElement(c.SvgIcon,{size:"auto",iconName:"icon-choosefile"}))):null)},t.prototype.renderElementPlaceholder=function(){return this.imageModel.isUploading?this.renderLoadingPlaceholder():this.renderChooseButton()},t.prototype.getStateElements=function(){return[this.model,this.imageModel.filePresentationModel]},t.prototype.renderElementContent=function(){if(this.imageModel.isEmptyImageLink){var e=c.ReactQuestionFactory.Instance.createQuestion("file",{creator:this.imageModel.question.survey,isDisplayMode:!1,question:this.imageModel.filePresentationModel});return c.createElement(c.Fragment,null,e)}return c.createElement(c.Fragment,null,this.props.element,this.renderElementPlaceholder())},t}(N);c.ReactElementFactory.Instance.registerElement("svc-image-question",function(e){return c.createElement(A,e)});var U=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),Q=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return U(t,e),t.prototype.createModel=function(e){this.modelValue=this.createQuestionViewModel(e)},t.prototype.createQuestionViewModel=function(e){return new l.QuestionRatingAdornerViewModel(e.componentData,e.question,null)},t.prototype.getUpdatedModelProps=function(){return["question","componentData"]},Object.defineProperty(t.prototype,"ratingModel",{get:function(){return this.model},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"model",{get:function(){return this.modelValue},enumerable:!1,configurable:!0}),t.prototype.getStateElement=function(){return this.model},t.prototype.renderElement=function(){var e=this.ratingModel;return c.createElement(c.Fragment,null,c.createElement("div",{className:"svc-rating-question-content"},c.createElement("div",{className:e.controlsClassNames},e.allowRemove?(0,c.attachKey2click)(c.createElement("span",{role:"button",className:e.removeClassNames,"aria-label":e.removeTooltip,onClick:function(){return e.removeItem(e)}},c.createElement(c.SvgIcon,{size:"auto",iconName:"icon-remove_16x16",title:e.removeTooltip}))):null,e.allowAdd?(0,c.attachKey2click)(c.createElement("span",{role:"button",className:e.addClassNames,"aria-label":e.addTooltip,onClick:function(){return e.addItem(e)}},c.createElement(c.SvgIcon,{size:"auto",iconName:"icon-add_16x16",title:e.addTooltip}))):null),this.props.element))},t}(g);c.ReactElementFactory.Instance.registerElement("svc-rating-question",function(e){return c.createElement(Q,e)}),c.ReactElementFactory.Instance.registerElement("svc-rating-question-content",function(e){return c.createElement(Q,e)});var L=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),V=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return L(t,e),t.prototype.createQuestionViewModel=function(e){return new l.QuestionAdornerViewModel(e.componentData,e.question,null)},Object.defineProperty(t.prototype,"widgetModel",{get:function(){return this.model},enumerable:!1,configurable:!0}),t.prototype.renderElementContent=function(){return c.createElement("div",{className:"svc-widget__content"},this.props.element)},t}(N);c.ReactElementFactory.Instance.registerElement("svc-widget-question",function(e){return c.createElement(V,e)});var K=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),H=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return K(t,e),t.prototype.createModel=function(e){this.model=new l.QuestionAdornerViewModel(e.componentData,e.question,null)},t.prototype.getStateElement=function(){return this.model},t.prototype.getUpdatedModelProps=function(){return["question","componentData"]},t.prototype.render=function(){return c.createElement(c.Fragment,null,c.createElement("div",{"data-sv-drop-target-survey-element":this.model.element.name,className:"svc-question__adorner"},c.createElement("div",{className:" svc-question__content--in-popup svc-question__content"},this.props.element)))},t}(g);c.ReactElementFactory.Instance.registerElement("svc-cell-question",function(e){return c.createElement(H,e)});var z=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),W=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return z(t,e),t.prototype.createModel=function(e){this.model=new l.QuestionAdornerViewModel(e.componentData,e.question,null)},t.prototype.getUpdatedModelProps=function(){return["question","componentData"]},t.prototype.getStateElement=function(){return this.model},t.prototype.render=function(){var e=this.props.question,t=this.props.question.textStyle;return c.createElement(c.Fragment,null,c.createElement("div",{"data-sv-drop-target-survey-element":this.model.element.name,className:"svc-question__adorner"},c.createElement("div",{className:" svc-question__content--in-popup svc-question__content"},this.props.element,c.createElement("div",{className:"svc-question__dropdown-choices"},e.visibleChoices.map(function(n,o){return c.createElement("div",{className:"svc-question__dropdown-choice",key:"editable_choice_".concat(o)},c.ReactSurveyElementsWrapper.wrapItemValue(e.survey,c.ReactElementFactory.Instance.createElement("survey-radiogroup-item",{question:e,cssClasses:e.cssClasses,isDisplayMode:!0,item:n,textStyle:t,index:o,isChecked:e.value===n.value}),e,n))})))))},t}(g);c.ReactElementFactory.Instance.registerElement("svc-cell-dropdown-question",function(e){return c.createElement(W,e)});var G=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),J=c.memo(function(e){var t=e.page,n=e.survey,o=e.creator;return c.createElement(c.SurveyPage,{page:t,survey:n,creator:o})});J.displayName="PageElementContent";var X=function(e){function t(t){var n=e.call(this,t)||this;return n.rootRef=c.createRef(),n}return G(t,e),t.prototype.createModel=function(e){this.model&&this.model.attachToUI(e.page,this.rootRef.current),this.model=this.createPageAdorner(e.creator,e.page),this.model.isGhost=this.props.isGhost},t.prototype.createPageAdorner=function(e,t){return new l.PageAdorner(e,t)},t.prototype.shouldComponentUpdate=function(t,n){var o=e.prototype.shouldComponentUpdate.call(this,t,n);return this.model&&(this.model.isGhost=this.props.isGhost),o},t.prototype.componentDidUpdate=function(t,n){e.prototype.componentDidUpdate.call(this,t,n)},t.prototype.getUpdatedModelProps=function(){return["creator","page"]},t.prototype.getStateElement=function(){return this.model},t.prototype.componentDidMount=function(){e.prototype.componentDidMount.call(this),this.model.attachToUI(this.props.page,this.rootRef.current),this.model.isGhost=this.props.isGhost},t.prototype.componentWillUnmount=function(){e.prototype.componentWillUnmount.call(this),this.model.detachFromUI()},t.prototype.canRender=function(){return e.prototype.canRender.call(this)},t.prototype.renderElement=function(){var e=this;return this.props.page?(0,c.attachKey2click)(c.createElement("div",{ref:this.rootRef,id:this.props.page.id,"data-sv-drop-target-survey-page":this.model.dropTargetName,className:"svc-page__content "+this.model.css,onClick:function(t){return e.model.select(e.model,new w(t))},onDoubleClick:function(t){return e.model.dblclick(t.nativeEvent)},onMouseLeave:function(t){return e.model.hover(t.nativeEvent,t.currentTarget)},onMouseOver:function(t){return e.model.hover(t.nativeEvent,t.currentTarget)}},c.createElement("div",{className:"svc-question__drop-indicator svc-question__drop-indicator--top"}),c.createElement("div",{className:"svc-question__drop-indicator svc-question__drop-indicator--bottom"}),this.renderContent(),this.renderPlaceholder(),this.renderHeader(),this.renderFooter())):null},t.prototype.renderPlaceholder=function(){return this.model.showPlaceholder?c.createElement("div",{className:"svc-page__placeholder_frame"},c.createElement("div",{className:"svc-panel__placeholder_frame"},c.createElement("div",{className:"svc-panel__placeholder"},this.model.placeholderText))):null},t.prototype.renderContent=function(){return this.model.needRenderContent?c.createElement(J,{page:this.props.page,survey:this.props.survey,creator:this.props.creator}):c.createElement("div",{className:"svc-page__loading-content"},c.createElement(c.LoadingIndicatorComponent,null))},t.prototype.renderHeader=function(){var e=this,t=c.createElement("div",{className:"svc-page__content-actions"},c.createElement(c.SurveyActionBar,{model:this.model.actionContainer}),this.model.topActionContainer.hasActions?c.createElement(c.SurveyActionBar,{model:this.model.topActionContainer}):null);return this.model.isGhost||!this.model.allowDragging?t:c.createElement("div",{className:"svc-question__drag-area",onPointerDown:function(t){return e.model.onPointerDown(t)}},c.createElement(c.SvgIcon,{className:"svc-question__drag-element",size:"auto",iconName:"icon-drag-area-indicator_24x16"}),t)},t.prototype.renderFooter=function(){return c.createElement(c.SurveyActionBar,{model:this.model.footerActionsBar})},t}(g);c.ReactElementFactory.Instance.registerElement("svc-page",function(e){return c.createElement(X,e)});var Y=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),Z=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return Y(t,e),Object.defineProperty(t.prototype,"model",{get:function(){return this.props.item.data},enumerable:!1,configurable:!0}),t.prototype.renderTypeSelector=function(){var e=this.model.questionTypeSelectorModel;return(0,c.attachKey2click)(c.createElement("button",{type:"button",onClick:function(t){t.stopPropagation(),e.action()},className:"svc-element__question-type-selector",title:this.model.addNewQuestionText,role:"button"},c.createElement("span",{className:"svc-element__question-type-selector-icon"},c.createElement(c.SvgIcon,{iconName:e.iconName,size:"auto",title:this.model.addNewQuestionText})),void 0===this.props.renderPopup||this.props.renderPopup?c.createElement(c.Popup,{model:e.popupModel}):null))},t.prototype.renderElement=function(){var e=this,t=this.props.buttonClass||"svc-btn";return c.createElement(c.Fragment,null,(0,c.attachKey2click)(c.createElement("div",{className:"svc-element__add-new-question "+t,onClick:function(t){t.stopPropagation(),e.model.addNewQuestion(e.model,new w(t))},onMouseOver:function(t){return e.model.hoverStopper&&e.model.hoverStopper(t.nativeEvent,t.currentTarget)}},c.createElement(c.SvgIcon,{className:"svc-panel__add-new-question-icon",iconName:"icon-add_24x24",size:"auto"}),c.createElement("span",{className:"svc-add-new-item-button__text"},this.model.addNewQuestionText),!1!==this.props.renderPopup?this.renderTypeSelector():null)),!1===this.props.renderPopup?this.renderTypeSelector():null)},t}(c.SurveyElementBase);c.ReactElementFactory.Instance.registerElement("svc-add-new-question-btn",function(e){return c.createElement(Z,e)});var $=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),ee=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return $(t,e),t.prototype.renderElementPlaceholder=function(){var e=this;return this.model.isEmptyElement?c.createElement("div",{className:"svc-panel__placeholder_frame-wrapper"},c.createElement("div",{className:"svc-panel__placeholder_frame"},c.createElement("div",{className:"svc-panel__placeholder"},this.model.placeholderText),this.model.showAddQuestionButton?(0,c.attachKey2click)(c.createElement("div",{className:"svc-panel__add-new-question svc-action-button",onClick:function(t){t.stopPropagation(),e.model.addNewQuestion()}},c.createElement(c.SvgIcon,{className:"svc-panel__add-new-question-icon",iconName:"icon-add_24x24",size:"auto"}),c.createElement("span",{className:"svc-add-new-item-button__text"},this.model.addNewQuestionText))):null)):null},t.prototype.disableTabStop=function(){return!0},t.prototype.renderFooter=function(){return c.createElement(c.Fragment,null,!this.model.isEmptyElement&&this.model.element.isPanel&&this.model.showAddQuestionButton?c.createElement("div",{className:"svc-panel__add-new-question-container"},c.createElement("div",{className:"svc-panel__question-type-selector-popup"},c.createElement(c.Popup,{model:this.model.questionTypeSelectorModel.popupModel})),c.createElement("div",{className:"svc-panel__add-new-question-wrapper"},c.createElement(Z,{item:{data:this.model},buttonClass:"svc-action-button",renderPopup:!1}))):null,e.prototype.renderFooter.call(this))},t}(N);c.ReactElementFactory.Instance.registerElement("svc-panel",function(e){return c.createElement(ee,e)});var te=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),ne=function(e){function t(t){var n=e.call(this,t)||this;return n.rootRef=c.createRef(),n}return te(t,e),t.prototype.createModel=function(e){var t=null;this.model&&(t=this.model.root),this.model=new l.LogoImageViewModel(e.data,t)},t.prototype.getUpdatedModelProps=function(){return["data"]},t.prototype.getStateElement=function(){return this.model},t.prototype.componentDidMount=function(){e.prototype.componentDidMount.call(this),this.model.root=this.rootRef.current},t.prototype.renderChooseButton=function(){var e=this;return(0,c.attachKey2click)(c.createElement("span",{className:"svc-context-button",onClick:function(){return e.model.chooseFile(e.model)}},c.createElement(c.SvgIcon,{size:"auto",iconName:"icon-choosefile"})))},t.prototype.renderClearButton=function(){var e=this;return(0,c.attachKey2click)(c.createElement("span",{className:"svc-context-button svc-context-button--danger",onClick:function(){return e.model.remove(e.model)}},c.createElement(c.SvgIcon,{size:"auto",iconName:"icon-clear"})))},t.prototype.renderButtons=function(){return c.createElement("div",{className:"svc-context-container svc-logo-image-controls"},this.renderChooseButton(),this.renderClearButton())},t.prototype.renderImage=function(){return c.createElement("div",{className:this.model.containerCss},this.renderButtons(),c.createElement(c.LogoImage,{data:this.props.data.survey}))},t.prototype.renderPlaceHolder=function(){var e=this;return this.model.allowEdit&&!this.model.isUploading?(0,c.attachKey2click)(c.createElement("div",{className:"svc-logo-image-placeholder",onClick:function(){return e.model.chooseFile(e.model)}},c.createElement("svg",null,c.createElement("use",{xlinkHref:"#icon-image-48x48"})))):null},t.prototype.renderInput=function(){return c.createElement("input",{"aria-hidden":"true",type:"file",tabIndex:-1,accept:this.model.acceptedTypes,className:"svc-choose-file-input"})},t.prototype.renderLoadingIndicator=function(){return c.createElement("div",{className:"svc-logo-image__loading"},c.createElement(c.LoadingIndicatorComponent,null))},t.prototype.render=function(){var e;return e=this.model.survey.locLogo.renderedHtml&&!this.model.isUploading?this.renderImage():this.model.isUploading?this.renderLoadingIndicator():this.renderPlaceHolder(),c.createElement("div",{ref:this.rootRef,className:"svc-logo-image"},this.renderInput(),e)},t}(g);c.ReactElementFactory.Instance.registerElement("svc-logo-image",function(e){return c.createElement(ne,e)});var oe=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),re=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return oe(t,e),Object.defineProperty(t.prototype,"question",{get:function(){return this.questionBase},enumerable:!1,configurable:!0}),t.prototype.renderClear=function(){var e=this,t=this.questionBase.showClear;return!this.questionBase.isReadOnly&&t?c.createElement(R,{classes:this.question.linkClearButtonCssClasses,click:function(){return e.question.doClearClick()},text:l.editorLocalization.getString("pe.clear")}):null},t.prototype.renderElement=function(){var e=this;return c.createElement(c.Fragment,null,c.createElement(R,{classes:this.question.linkSetButtonCssClasses,click:function(){return e.question.doLinkClick()},selected:this.question.isSelected,disabled:!this.question.isClickable,text:this.question.linkValueText,title:this.question.tooltip,iconName:this.question.iconName}),this.renderClear())},t}(c.SurveyQuestionElementBase);c.ReactQuestionFactory.Instance.registerQuestion("linkvalue",function(e){return c.createElement(re,e)});var ie=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),ae=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return ie(t,e),Object.defineProperty(t.prototype,"embeddedSurvey",{get:function(){return this.props.element||this.props.question},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"creator",{get:function(){return this.props.creator},enumerable:!1,configurable:!0}),t.prototype.render=function(){if(!this.embeddedSurvey)return null;var e=this.embeddedSurvey.embeddedSurvey;return e&&e.currentPage?c.createElement(c.SurveyPage,{survey:e,page:e.currentPage,css:e.css,creator:this.creator}):null},t}(c.SurveyQuestionElementBase);c.ReactQuestionFactory.Instance.registerQuestion("embeddedsurvey",function(e){return c.createElement(ae,e)});var se=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),ce=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return se(t,e),Object.defineProperty(t.prototype,"survey",{get:function(){return this.props.survey},enumerable:!1,configurable:!0}),t.prototype.createQuestionElement=function(e){return c.ReactQuestionFactory.Instance.createQuestion(!e.isDefaultRendering||e.isDefaultRendering()?e.getTemplate():e.getComponentName(),{question:e,isDisplayMode:e.isInputReadOnly,creator:this})},t.prototype.questionTitleLocation=function(){return this.survey.questionTitleLocation},t.prototype.questionErrorLocation=function(){return this.survey.questionErrorLocation},t.prototype.renderError=function(e,t,n){return null},t.prototype.render=function(){var e=this.survey.getAllQuestions()[0];return c.createElement("div",{style:this.props.style},c.createElement(c.SurveyQuestion,{creator:this,element:e}))},t}(c.Component);c.ReactElementFactory.Instance.registerElement("svc-question-editor-content",function(e){return c.createElement(ce,e)});var le=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),ue=function(e){function t(t){var n=e.call(this,t)||this;return n.onBlur=function(e){n.model.onFocusOut(e.nativeEvent)},n.rootRef=c.createRef(),n}return le(t,e),t.prototype.createModel=function(e){this.model=new l.ItemValueWrapperViewModel(e.componentData.creator,e.question,e.item)},t.prototype.getUpdatedModelProps=function(){return["question","item"]},t.prototype.getStateElement=function(){return this.model},t.prototype.componentDidUpdate=function(t,n){e.prototype.componentDidUpdate.call(this,t,n),this.props.item.setRootElement(this.rootRef.current),t.item!==this.props.item&&t.item&&t.item.setRootElement(void 0)},t.prototype.componentDidMount=function(){e.prototype.componentDidMount.call(this),this.props.item.setRootElement(this.rootRef.current)},t.prototype.componentWillUnmount=function(){e.prototype.componentWillUnmount.call(this),this.props.item.setRootElement(void 0)},t.prototype.render=function(){var e=this;this.model.item=this.props.item;var t=this.model.allowAdd?(0,c.attachKey2click)(c.createElement("span",{role:"button",className:"svc-item-value-controls__button svc-item-value-controls__add","aria-label":this.model.tooltip,onClick:function(){e.model.add(e.model),e.model.isNew=!1}},c.createElement(c.SvgIcon,{size:"auto",iconName:"icon-add_16x16",title:this.model.tooltip}))):c.createElement(c.Fragment,null," ",this.model.isDraggable?c.createElement("span",{className:"svc-item-value-controls__button svc-item-value-controls__drag"},c.createElement(c.SvgIcon,{className:"svc-item-value-controls__drag-icon",size:"auto",iconName:"icon-drag-24x24",title:this.model.dragTooltip})):null,this.model.allowRemove?(0,c.attachKey2click)(c.createElement("span",{role:"button",className:"svc-item-value-controls__button svc-item-value-controls__remove","aria-label":this.model.tooltip,onClick:function(){return e.model.remove(e.model)}},c.createElement(c.SvgIcon,{size:"auto",iconName:"icon-remove_16x16",title:this.model.tooltip}))):null),n=this.props.element.key+(this.model.allowAdd?"_new":"");return c.createElement("div",{ref:this.rootRef,className:"svc-item-value-wrapper"+(this.model.allowAdd?" svc-item-value--new":"")+(this.model.isDragging?" svc-item-value--dragging":"")+(this.model.isDragDropGhost?" svc-item-value--ghost":"")+(this.model.isDragDropMoveDown?" svc-item-value--movedown":"")+(this.model.isDragDropMoveUp?" svc-item-value--moveup":""),key:n,"data-sv-drop-target-item-value":this.model.isDraggable?this.model.item.value:void 0,onPointerDown:function(t){return e.model.onPointerDown(t)}},c.createElement("div",{className:"svc-item-value__ghost"}),c.createElement("div",{className:"svc-item-value-controls",onBlur:this.onBlur},t),c.createElement("div",{className:"svc-item-value__item",onClick:function(t){return e.model.select(e.model,t.nativeEvent)}},this.props.element))},t}(g);c.ReactElementFactory.Instance.registerElement("svc-item-value",function(e){return c.createElement(ue,e)});var pe=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),de=function(e){function t(t){var n=e.call(this,t)||this;return n.preventDragHandler=function(e){e.preventDefault()},n.rootRef=c.createRef(),n}return pe(t,e),t.prototype.createModel=function(e){this.model=new l.ImageItemValueWrapperViewModel(e.componentData.creator,e.question,e.item,null,null)},t.prototype.getUpdatedModelProps=function(){return["question","item"]},t.prototype.getStateElement=function(){return this.model},Object.defineProperty(t.prototype,"question",{get:function(){return this.props.question},enumerable:!1,configurable:!0}),t.prototype.componentDidMount=function(){e.prototype.componentDidMount.call(this),this.model.itemsRoot=this.rootRef.current},t.prototype.componentDidUpdate=function(t,n){e.prototype.componentDidUpdate.call(this,t,n),this.model.itemsRoot=this.rootRef.current},t.prototype.renderLoadingIndicator=function(){return c.createElement("div",{className:"svc-image-item-value__loading"},c.createElement(c.LoadingIndicatorComponent,null))},t.prototype.renderNewItemControls=function(){var e=this,t=(0,c.attachKey2click)(c.createElement("span",{className:this.model.addButtonCss,onClick:function(){return e.model.chooseNewFile(e.model)}},this.model.showChooseButtonAsIcon?c.createElement(c.SvgIcon,{size:"auto",iconName:"icon-add-lg",title:this.model.addFileTitle}):c.createElement("span",null,this.model.chooseImageText))),n=this.model.showPlaceholder?c.createElement("span",{className:"svc-image-item-value__placeholder"},this.model.placeholderText):null;return c.createElement(c.Fragment,null,n,t)},t.prototype.render=function(){var e=this;this.model.item=this.props.item;var t=!this.props.question.isItemInList(this.props.item);this.model.isNew=t;var n,o=this.model.getIsNewItemSingle()?null:{width:this.question.renderedImageWidth,height:this.question.renderedImageHeight};return n=t||this.model.isUploading?c.createElement(c.Fragment,null,c.createElement("div",{className:"svc-image-item-value__item"},c.createElement("div",{className:"sd-imagepicker__item sd-imagepicker__item--inline"},c.createElement("label",{className:"sd-imagepicker__label"},c.createElement("div",{style:o,className:"sd-imagepicker__image"},this.model.isUploading?this.renderLoadingIndicator():null)))),this.model.allowAdd&&!this.model.isUploading?c.createElement("div",{className:"svc-image-item-value-controls"},this.renderNewItemControls()):null):c.createElement(c.Fragment,null,c.createElement("div",{className:"svc-image-item-value__item"},this.props.element),this.model.isDraggable&&this.model.canRenderControls?c.createElement("span",{className:"svc-context-button svc-image-item-value-controls__drag-area-indicator",onPointerDown:function(t){return e.model.onPointerDown(t)}},c.createElement(c.SvgIcon,{size:"auto",iconName:"icon-drag-24x24"})):null,this.model.canRenderControls?c.createElement("div",{className:"svc-context-container svc-image-item-value-controls"},this.model.allowRemove&&!this.model.isUploading?(0,c.attachKey2click)(c.createElement("span",{className:"svc-context-button",onClick:function(){return e.model.chooseFile(e.model)}},c.createElement(c.SvgIcon,{role:"button",size:"auto",iconName:"icon-choosefile",title:this.model.selectFileTitle}))):null,this.model.allowRemove&&!this.model.isUploading?(0,c.attachKey2click)(c.createElement("span",{className:"svc-context-button svc-context-button--danger",onClick:function(){return e.model.remove(e.model)}},c.createElement(c.SvgIcon,{role:"button",size:"auto",iconName:"icon-delete",title:this.model.removeFileTitle}))):null):null),c.createElement("div",{ref:this.rootRef,className:this.model.getRootCss(),key:this.props.element.key,"data-sv-drop-target-item-value":this.model.isDraggable?this.model.item.value:void 0,onPointerDown:function(t){return e.model.onPointerDown(t)},onDragStart:this.preventDragHandler,onDrop:this.model.onDrop,onDragEnter:this.model.onDragEnter,onDragOver:this.model.onDragOver,onDragLeave:this.model.onDragLeave},c.createElement("div",{className:"svc-image-item-value-wrapper__ghost",style:o}),c.createElement("div",{className:"svc-image-item-value-wrapper__content"},c.createElement("input",{type:"file","aria-hidden":"true",tabIndex:-1,accept:this.model.acceptedTypes,className:"svc-choose-file-input",style:{position:"absolute",opacity:0,width:"1px",height:"1px",overflow:"hidden"}}),n))},t}(g);c.ReactElementFactory.Instance.registerElement("svc-image-item-value",function(e){return c.createElement(de,e)});var me=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),fe=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return me(t,e),t.prototype.createModel=function(e){var t,n=e.componentData,o=!1;this.model&&(o=this.model.isSelected),this.model=new l.MatrixCellWrapperViewModel(n.creator,n.element,n.question,n.row,n.column||(null===(t=n.element.cell)||void 0===t?void 0:t.column)),this.model.isSelected=o},t.prototype.getUpdatedModelProps=function(){return["componentData"]},t.prototype.componentDidUpdate=function(t,n){var o,r;e.prototype.componentDidUpdate.call(this,t,n);var i=this.props.componentData;this.model.templateData=i.element,this.model.row=i.row,this.model.column=i.column||(null===(r=null===(o=i.element)||void 0===o?void 0:o.cell)||void 0===r?void 0:r.column),this.model.question=i.question},t.prototype.getStateElement=function(){return this.model},t.prototype.render=function(){var e=this,t=null;return this.model.isSupportCellEditor&&(t=c.createElement("div",{className:"svc-matrix-cell__question-controls"},(0,c.attachKey2click)(c.createElement("span",{className:"svc-matrix-cell__question-controls-button svc-context-button",onClick:function(t){return e.model.editQuestion(e.model,t)}},c.createElement(c.SvgIcon,{size:"auto",iconName:"icon-edit"}))))),c.createElement("div",{className:"svc-matrix-cell",tabIndex:-1,key:this.props.element.key,onClick:function(t){return!e.props.question&&e.model.selectContext(e.model,t)},onMouseOut:function(t){return e.model.hover(t.nativeEvent,t.currentTarget)},onMouseOver:function(t){return e.model.hover(t.nativeEvent,t.currentTarget)}},c.createElement("div",{className:"svc-matrix-cell--selected"+(this.model.isSelected?" svc-visible":"")}),this.props.element,t)},t}(g);c.ReactElementFactory.Instance.registerElement("svc-matrix-cell",function(e){return c.createElement(fe,e)});var he=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),ye=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return he(t,e),t.prototype.createModel=function(e){this.props.survey&&(this.model=new l.SurveyResultsModel(e.survey))},t.prototype.getUpdatedModelProps=function(){return["survey"]},t.prototype.getStateElement=function(){return this.model},t.prototype.render=function(){var e=this;return this.model?c.createElement("div",{className:"svd-test-results"},c.createElement("div",{className:"svd-test-results__content"},c.createElement("div",{className:"svd-test-results__header"},c.createElement("div",{className:"svd-test-results__header-text"},this.model.surveyResultsText),c.createElement("div",{className:"svd-test-results__header-types"},c.createElement(R,{click:function(){return e.model.selectTableClick()},text:this.model.surveyResultsTableText,selected:this.model.isTableSelected,disabled:!1}),c.createElement(R,{click:function(){return e.model.selectJsonClick()},text:this.model.surveyResultsJsonText,selected:this.model.isJsonSelected,disabled:!1}))),this.renderResultAsText(),this.renderResultAsTable())):null},t.prototype.renderResultAsText=function(){return"text"!==this.model.resultViewType?null:c.createElement("div",{className:"svd-test-results__text svd-light-bg-color"},c.createElement("div",null,this.model.resultText))},t.prototype.renderResultAsTable=function(){return"table"!==this.model.resultViewType?null:c.createElement("div",{className:"svd-test-results__table svd-light-bg-color"},c.createElement("table",null,c.createElement("thead",null,c.createElement("tr",{className:"svd-light-background-color"},c.createElement("th",{key:1,className:"svd-dark-border-color"},this.model.resultsTitle),c.createElement("th",{key:2,className:"svd-dark-border-color"},this.model.resultsDisplayValue))),c.createElement("tbody",null,t.renderRows(this.model.resultData))))},t.renderRows=function(e){for(var t=[],n=0;n<e.length;n++)t.push(c.createElement(ve,{key:n+1,row:e[n]}));return t},t}(g),ve=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return he(t,e),Object.defineProperty(t.prototype,"row",{get:function(){return this.props.row},enumerable:!1,configurable:!0}),t.prototype.getStateElement=function(){return this.row},t.prototype.render=function(){var e=this;return c.createElement(c.Fragment,null,(0,c.attachKey2click)(c.createElement("tr",{onClick:function(){return e.row.toggle()}},c.createElement("td",{key:1,style:{paddingLeft:this.row.textMargin},className:"svd-dark-border-color"},this.row.isNode?c.createElement("span",{style:{left:this.row.markerMargin},className:"svd-test-results__marker "+(this.row.collapsed?"":"svd-test-results__marker--expanded")},c.createElement(c.SvgIcon,{iconName:"icon-expand_16x16",size:16})):null,this.row.question?c.createElement(c.SurveyLocStringViewer,{locStr:this.row.question.locTitle}):c.createElement("span",null,this.row.title)),c.createElement("td",{key:2,className:this.row.isNode?"svd-test-results__node-value":"svd-dark-border-color"},this.row.getString(this.row.displayValue)))),this.row.isNode&&!this.row.collapsed?ye.renderRows(this.row.data):null)},t}(g),ge=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),_e=function(e){function t(t){var n=e.call(this,t)||this;return n.rootRef=c.createRef(),n}return ge(t,e),t.prototype.createModel=function(e){this.model=new l.ToolboxToolViewModel(e.item,e.creator,e.parentModel)},t.prototype.getUpdatedModelProps=function(){return["creator","item"]},Object.defineProperty(t.prototype,"item",{get:function(){return this.props.item},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"creator",{get:function(){return this.props.creator},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"isCompact",{get:function(){return this.props.isCompact},enumerable:!1,configurable:!0}),t.prototype.getStateElement=function(){return this.item},t.prototype.render=function(){var e=this,t=this.item,n=c.ReactElementFactory.Instance.createElement(this.model.itemComponent,{item:t,creator:this.creator,parentModel:this.creator.toolbox,model:this.model,isCompact:this.isCompact});return c.createElement("div",{className:t.css,key:t.id,ref:this.rootRef},t.needSeparator&&!this.creator.toolbox.showCategoryTitles?c.createElement("div",{className:"svc-toolbox__category-separator"}):null,c.createElement("div",{className:"svc-toolbox__tool-content sv-action__content",onPointerDown:function(t){t.persist(),e.model.onPointerDown(t)}},n))},t.prototype.componentWillUnmount=function(){e.prototype.componentWillUnmount.call(this),this.item.updateModeCallback=void 0},t.prototype.componentDidMount=function(){var t=this;e.prototype.componentDidMount.call(this),this.item.updateModeCallback=function(e,n){queueMicrotask(function(){c.flushSync?c.flushSync(function(){t.item.mode=e}):t.item.mode=e,queueMicrotask(function(){n(e,t.rootRef.current)})})},this.item.afterRender()},t}(g),Ee=function(e){function t(t){return e.call(this,t)||this}return ge(t,e),t.prototype.getUpdatedModelProps=function(){return["creator","item"]},Object.defineProperty(t.prototype,"item",{get:function(){return this.props.item},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"creator",{get:function(){return this.props.creator},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"model",{get:function(){return this.props.model},enumerable:!1,configurable:!0}),t.prototype.getStateElement=function(){return this.model},t.prototype.render=function(){var e=this,t=this.props.isCompact?c.createElement("span",{className:"svc-toolbox__item-banner",onClick:function(t){t.persist(),e.model.click(t)}},c.createElement(c.SvgIcon,{size:"auto",iconName:this.item.iconName,className:"svc-toolbox__item-icon",title:this.item.tooltip}),c.createElement("span",null,this.item.title)):null,n=(0,c.attachKey2click)(c.createElement("div",{className:this.item.renderedCss,tabIndex:0,role:"button","aria-label":this.item.tooltip,onClick:function(t){t.persist(),e.model.click(t)}},c.createElement("span",{className:"svc-toolbox__item-container"},this.item.iconName?c.createElement(c.SvgIcon,{size:"auto",iconName:this.item.iconName,className:"svc-toolbox__item-icon"}):null),this.props.isCompact?null:c.createElement("span",{className:"svc-toolbox__item-title"},this.item.title)));return c.createElement(c.Fragment,null,n,t)},t}(g);c.ReactElementFactory.Instance.registerElement("svc-toolbox-item",function(e){return(0,c.createElement)(Ee,e)});var be=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),we=function(e){function t(t){return e.call(this,t)||this}return be(t,e),t.prototype.getUpdatedModelProps=function(){return["creator","item"]},Object.defineProperty(t.prototype,"item",{get:function(){return this.props.item},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"model",{get:function(){return this.props.model},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"creator",{get:function(){return this.props.creator},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"isCompact",{get:function(){return this.props.isCompact},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"parentModel",{get:function(){return this.props.parentModel},enumerable:!1,configurable:!0}),t.prototype.getStateElement=function(){return this.item},t.prototype.render=function(){var e=this;return c.createElement(c.Fragment,null,c.createElement(Ee,{item:this.item,creator:this.creator,model:this.model,parentModel:this.parentModel,isCompact:this.isCompact}),c.createElement("div",{className:"svc-toolbox__item-submenu-button",onMouseOver:function(t){return e.model.onMouseOver(e.item,t)},onMouseLeave:function(t){return e.model.onMouseLeave(e.item,t)}},c.createElement(c.SvgIcon,{size:"auto",iconName:this.item.subitemsButtonIcon}),c.createElement(c.Popup,{model:this.item.popupModel})))},t}(g);c.ReactElementFactory.Instance.registerElement("svc-toolbox-item-group",function(e){return c.createElement(we,e)});var Ce=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),Oe=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return Ce(t,e),Object.defineProperty(t.prototype,"category",{get:function(){return this.props.category},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"toolbox",{get:function(){return this.props.toolbox},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"class",{get:function(){return"svc-toolbox__category"+(this.category.collapsed?" svc-toolbox__category--collapsed":"")+(this.category.empty?" svc-toolbox__category--empty":"")},enumerable:!1,configurable:!0}),t.prototype.getStateElement=function(){return this.category},t.prototype.render=function(){var e=this.renderCategoryHeader(),t=this.renderCategoryContent();return c.createElement("div",{className:this.class,key:this.category.name},c.createElement("div",{className:"svc-toolbox__category-header-wrapper"},e),t)},t.prototype.renderCategoryHeader=function(){var e=this,t="svc-toolbox__category-header";return this.toolbox.canCollapseCategories&&(t+=" svc-toolbox__category-header--collapsed"),(0,c.attachKey2click)(c.createElement("div",{className:t,onClick:function(t){return e.category.toggleState()}},c.createElement("span",{className:"svc-toolbox__category-title"},this.category.title),this.renderButton()))},t.prototype.renderButton=function(){if(!this.toolbox.canCollapseCategories)return null;var e=this.category.iconName;return c.createElement("div",{className:"svc-toolbox__category-header__controls"},c.createElement(c.SvgIcon,{className:this.category.iconClassName,iconName:e,size:"auto"}))},t.prototype.renderCategoryContent=function(){return this.renderItems(this.category.items)},t.prototype.renderItems=function(e,t){var n=this;return void 0===t&&(t=!1),e.map(function(e,o){return c.createElement(_e,{item:e,creator:n.toolbox.creator,parentModel:n.toolbox,isCompact:t,key:"item"+o})})},t}(c.SurveyElementBase);c.ReactElementFactory.Instance.registerElement("svc-toolbox-category",function(e){return c.createElement(Oe,e)});var Se=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),Ne=function(e){function t(t){return e.call(this,t)||this}return Se(t,e),Object.defineProperty(t.prototype,"model",{get:function(){return this.props.model},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"creator",{get:function(){return this.props.creator},enumerable:!1,configurable:!0}),t.prototype.getStateElement=function(){return this.model},t.prototype.render=function(){if(!this.model||!this.model.renderElements)return null;var e=this.renderItems();return c.createElement("div",{className:this.model.cssClasses.root},e)},t.prototype.renderItems=function(){var e=this;return this.model.renderedActions.map(function(t,n){return c.createElement(_e,{item:t,creator:e.creator,parentModel:e.model,isCompact:!1,key:"item"+n})})},t}(c.SurveyElementBase);c.ReactElementFactory.Instance.registerElement("svc-toolbox-list",function(e){return c.createElement(Ne,e)});var Pe=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),xe=function(e){function t(t){var n=e.call(this,t)||this;return n.state={filterString:n.model.filterString||""},n}return Pe(t,e),Object.defineProperty(t.prototype,"model",{get:function(){return this.props.model},enumerable:!1,configurable:!0}),t.prototype.getStateElement=function(){return this.model},t.prototype.renderElement=function(){var e=this;return this.model.isVisible?c.createElement("div",{className:"svc-search"},c.createElement("div",{className:"svc-search__search-icon"},c.createElement(c.SvgIcon,{iconName:"icon-search",size:"auto"})),c.createElement("input",{type:"text",className:"svc-search__input","aria-label":this.model.filterStringPlaceholder,placeholder:this.model.filterStringPlaceholder,value:this.state.filterString,onChange:function(t){var n=q.settings.environment.root;t.target===n.activeElement&&(e.model.filterString=t.target.value)}}),c.createElement("div",{className:"svc-search__toolbar"},c.createElement("div",{className:"svc-search__toolbar-counter"},this.model.matchCounterText),c.createElement(c.SurveyActionBar,{model:this.model.searchActionBar}))):null},t}(c.SurveyElementBase);c.ReactElementFactory.Instance.registerElement("svc-search",function(e){return c.createElement(xe,e)});var je=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),Te=function(e){function t(t){var n=e.call(this,t)||this;return n.rootRef=c.createRef(),n}return je(t,e),t.prototype.componentDidUpdate=function(t,n){e.prototype.componentDidUpdate.call(this,t,n);var o=this.rootRef.current;o&&this.toolbox.afterRender(o)},t.prototype.componentDidMount=function(){e.prototype.componentDidMount.call(this);var t=this.rootRef.current;t&&this.toolbox.afterRender(t)},t.prototype.componentWillUnmount=function(){this.toolbox.beforeDestroy(),e.prototype.componentWillUnmount.call(this)},Object.defineProperty(t.prototype,"creator",{get:function(){return this.props.model},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"toolbox",{get:function(){return this.creator.toolbox},enumerable:!1,configurable:!0}),t.prototype.getStateElement=function(){return this.toolbox},t.prototype.renderItems=function(e,t){var n=this;return void 0===t&&(t=!1),e.map(function(e,o){return c.createElement(_e,{item:e,creator:n.creator,parentModel:n.toolbox,isCompact:t,key:e.renderedId})})},t.prototype.renderCategories=function(){var e=this;return this.toolbox.categories.map(function(t,n){return c.ReactElementFactory.Instance.createElement("svc-toolbox-category",{category:t,toolbox:e.toolbox,key:"category"+n})})},t.prototype.renderSearch=function(){var e=this.toolbox.isCompactRendered?c.createElement(c.Fragment,null,c.createElement(_e,{item:this.toolbox.searchItem,creator:this.creator,parentModel:this.toolbox,isCompact:this.toolbox.isCompactRendered,key:"searchitem"})):null;return c.createElement("div",{className:"svc-toolbox__search-container"},e,c.createElement(xe,{model:this.toolbox.searchManager}),c.createElement("div",{className:"svc-toolbox__category-separator svc-toolbox__category-separator--search"}))},t.prototype.render=function(){var e=this,t=this.toolbox.showSearch?this.renderSearch():null,n=this.toolbox.showPlaceholder?c.createElement("div",{className:"svc-toolbox__placeholder"},this.toolbox.toolboxNoResultsFound):null;return c.createElement("div",{ref:this.rootRef,className:this.toolbox.classNames,style:this.toolbox.getRootStyle()},c.createElement("div",{onBlur:function(t){return e.toolbox.focusOut(t)},className:"svc-toolbox__panel"},t,n,c.createElement(c.Scroll,null,this.toolbox.showInSingleCategory?c.createElement("div",{className:"svc-toolbox__category"},this.renderItems(this.toolbox.renderedActions,this.toolbox.isCompactRendered)):this.renderCategories())))},t}(c.SurveyElementBase);c.ReactElementFactory.Instance.registerElement("svc-toolbox",function(e){return c.createElement(Te,e)});var qe=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),Ie=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.onPropChangedHandler=function(e,n){if(!t.isRendering){var o=["showProgressBar","progressBarType","currentPageValue"];if(!(o.indexOf(n.name)<0)){for(var r={},i=0;i<o.length;i++){var a=o[i];r[a]=t.survey[a]}t.setState(r)}}},t}return qe(t,e),t.prototype.componentDidMount=function(){e.prototype.componentDidMount.call(this),this.setHandler()},t.prototype.componentDidUpdate=function(t,n){e.prototype.componentDidUpdate.call(this,t,n),this.setHandler()},t.prototype.setHandler=function(){this.survey&&!this.survey.onPropertyChanged.hasFunc(this.onPropChangedHandler)&&this.survey.onPropertyChanged.add(this.onPropChangedHandler)},t.prototype.componentWillUnmount=function(){e.prototype.componentWillUnmount.call(this),this.survey&&this.survey.onPropertyChanged.remove(this.onPropChangedHandler)},Object.defineProperty(t.prototype,"survey",{get:function(){return this.props.survey},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"location",{get:function(){return this.props.location},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"isTop",{get:function(){return"top"==this.location},enumerable:!1,configurable:!0}),t.prototype.canRender=function(){return this.isTop?this.survey.isShowProgressBarOnTop:this.survey.isShowProgressBarOnBottom},t.prototype.renderElement=function(){return c.ReactElementFactory.Instance.createElement(this.survey.getProgressTypeComponent(),{survey:this.survey,css:this.survey.css,isTop:this.isTop})},t}(c.SurveyElementBase),Re=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),Me=function(e){function t(t){return e.call(this,t)||this}return Re(t,e),t.prototype.getStateElement=function(){return this.props.model},t.prototype.renderElement=function(){var e=this.props.model;if(!e.visible)return null;var t=(0,c.attachKey2click)(c.createElement("div",{className:e.buttonClassName,title:e.tooltip,onClick:function(){e.action()}},c.createElement("div",{className:"svc-menu-action__icon"},c.createElement("div",{className:"svc-menu-action__icon-container"},c.createElement(c.SvgIcon,{iconName:e.iconName,size:"auto"})))),e);return c.createElement("div",{className:"svc-menu-action"},t)},t}(c.SurveyElementBase),De=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),Fe=function(e){function t(t){return e.call(this,t)||this}return De(t,e),t.prototype.getStateElement=function(){return this.props.model},t.prototype.canRender=function(){return!!this.props.model&&e.prototype.canRender.call(this)},t.prototype.renderElement=function(){return c.createElement("div",{className:this.props.model.sideBarClassName},c.createElement("div",{className:"svc-sidebar-tabs__top-container"},c.createElement("div",{className:"svc-sidebar-tabs__collapse-button"},c.createElement(Me,{model:this.props.model.expandCollapseAction})),c.createElement("div",{className:"svc-sidebar-tabs__separator"},c.createElement("div",null)),c.createElement(c.Scroll,null,c.createElement("div",{className:"svc-sidebar-tabs__items"},c.createElement(Be,{model:this.props.model.topToolbar})))),c.createElement("div",{className:"svc-sidebar-tabs__bottom-container"},c.createElement("div",{className:"svc-sidebar-tabs__items"},c.createElement(Be,{model:this.props.model.bottomToolbar}))))},t}(c.SurveyElementBase);c.ReactElementFactory.Instance.registerElement("svc-tab-control",function(e){return c.createElement(Fe,e)});var Be=function(e){function t(t){return e.call(this,t)||this}return De(t,e),t.prototype.getStateElement=function(){return this.props.model},t.prototype.renderElement=function(){return c.createElement(c.Fragment,null,this.props.model.actions.map(function(e,t){return c.createElement(Me,{model:e,key:"item"+t})}))},t}(c.SurveyElementBase),ke=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),Ae=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return ke(t,e),Object.defineProperty(t.prototype,"model",{get:function(){return this.props.model},enumerable:!1,configurable:!0}),t.prototype.getStateElement=function(){return this.model},t.prototype.renderElement=function(){var e=this.model.title?c.createElement("div",{className:"svc-side-bar__container-title"},this.model.title):null;return c.createElement("div",{className:"svc-side-bar__container-header"},c.createElement("div",{className:"svc-side-bar__container-actions"},c.createElement(c.SurveyActionBar,{model:this.model.toolbar})),e)},t}(c.SurveyElementBase);c.ReactElementFactory.Instance.registerElement("svc-side-bar-default-header",function(e){return c.createElement(Ae,e)});var Ue=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),Qe=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return Ue(t,e),Object.defineProperty(t.prototype,"objectSelectionAction",{get:function(){return this.props.model},enumerable:!1,configurable:!0}),t.prototype.getStateElement=function(){return this.objectSelectionAction},t.prototype.renderElement=function(){var e=this,t=(0,c.attachKey2click)(c.createElement("div",{className:this.objectSelectionAction.buttonClassName,onClick:function(){return e.objectSelectionAction.action()}},c.createElement("div",{className:"svc-sidebar__header-caption"},c.createElement("span",{className:"svc-sidebar__header-title"},this.objectSelectionAction.title),c.createElement("span",{className:"svc-sidebar__header-subtitle"},this.objectSelectionAction.tooltip))),this.props.model);return c.createElement("div",{className:"svc-sidebar__header svc-sidebar__header--tabbed"},c.createElement("div",{className:"svc-sidebar__header-container svc-sidebar__header-container--with-subtitle"},c.createElement("div",{className:"svc-sidebar__header-content"},t,c.createElement(c.Popup,{model:this.objectSelectionAction.popupModel}))))},t}(c.SurveyElementBase);c.ReactElementFactory.Instance.registerElement("svc-side-bar-property-grid-header",function(e){return c.createElement(Qe,e)});var Le=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),Ve=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return Le(t,e),Object.defineProperty(t.prototype,"model",{get:function(){return this.props.model},enumerable:!1,configurable:!0}),t.prototype.getStateElement=function(){return this.model},t.prototype.renderElement=function(){return c.createElement("div",{className:"svc-side-bar__container-header svc-sidebar__header-container"},this.model.subTitle?c.createElement("div",{className:"svc-sidebar__header-caption"},c.createElement("span",{className:"svc-sidebar__header-title"},this.model.title),c.createElement("span",{className:"svc-sidebar__header-subtitle"},this.model.subTitle)):c.createElement("div",{className:"svc-side-bar__container-title"},this.model.title))},t}(c.SurveyElementBase);c.ReactElementFactory.Instance.registerElement("svc-side-bar-header",function(e){return c.createElement(Ve,e)});var Ke=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),He=function(e){function t(t){var n=e.call(this,t)||this;return n.containerRef=c.createRef(),n}return Ke(t,e),Object.defineProperty(t.prototype,"model",{get:function(){return this.props.model},enumerable:!1,configurable:!0}),t.prototype.getStateElement=function(){return this.model},t.prototype.componentDidMount=function(){e.prototype.componentDidMount.call(this),this.model.initResizeManager(this.containerRef.current)},t.prototype.componentWillUnmount=function(){e.prototype.componentWillUnmount.call(this),this.model.resetResizeManager()},t.prototype.canRender=function(){return!!this.model&&e.prototype.canRender.call(this)},t.prototype.renderElement=function(){var e=this,t={display:this.model.renderRoot?"":"none"},n={display:this.model.renderContainer?"":"none"},o=this.model.pages.map(function(e){return c.createElement(ze,{page:e,key:e.id})}),r=c.ReactElementFactory.Instance.createElement(this.model.header.component,{model:this.model.header.componentModel}),i=null;return this.model.sideAreaComponentName&&(i=c.ReactElementFactory.Instance.createElement(this.model.sideAreaComponentName,{model:this.model.sideAreaComponentData})),c.createElement("div",{className:this.model.rootCss,style:t},c.createElement("div",{className:"svc-side-bar__shadow",onClick:function(){return e.model.collapseSidebar()},style:n}),c.createElement("div",{className:"svc-flex-row svc-side-bar__wrapper"},c.createElement("div",{className:"svc-side-bar__container-wrapper",style:n},c.createElement("div",{ref:this.containerRef,className:"svc-side-bar__container"},r,c.createElement("div",{className:"svc-side-bar__container-content"},o))),i))},t}(c.SurveyElementBase),ze=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return Ke(t,e),Object.defineProperty(t.prototype,"page",{get:function(){return this.props.page},enumerable:!1,configurable:!0}),t.prototype.getStateElement=function(){return this.page},t.prototype.renderElement=function(){return this.page.visible?c.ReactElementFactory.Instance.createElement(this.page.componentName,{model:this.page.componentData}):null},t}(c.SurveyElementBase);c.ReactQuestionFactory.Instance.registerQuestion("svc-side-bar-page",function(e){return c.createElement(ze,e)}),c.ReactElementFactory.Instance.registerElement("svc-side-bar",function(e){return c.createElement(He,e)});var We=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),Ge=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return We(t,e),t.prototype.render=function(){return c.createElement("div",{className:"sd-translation-line-skeleton"})},t}(c.Component);c.ReactElementFactory.Instance.registerElement("sd-translation-line-skeleton",function(e){return c.createElement(Ge,e)});var Je=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),Xe=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return Je(t,e),Object.defineProperty(t.prototype,"item",{get:function(){return this.props.item},enumerable:!1,configurable:!0}),t.prototype.getStateElement=function(){return this.item},t.prototype.renderElement=function(){var e=this.item;return c.createElement("div",{className:e.data.containerCss},c.createElement("span",{className:e.data.additionalTitleCss},e.data.additionalTitle),c.ReactElementFactory.Instance.createElement("sv-action-bar-item-dropdown",{item:this.item}))},t}(c.SurveyElementBase);c.ReactElementFactory.Instance.registerElement("svc-translate-from-action",function(e){return c.createElement(Xe,e)});var Ye=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),Ze=function(e){function t(t){var n,o=e.call(this,t)||this;return o.onChangedHandler=function(e,t){o.setState({changed:o.state&&o.state.changed?o.state.changed+1:1})},o.onBlur=function(e){return o.svStringEditorRef.current&&(o.svStringEditorRef.current.spellcheck=!1),o.locString.__isEditing=!1,o.justFocused=!1,o.baseModel.onBlur(e.nativeEvent),o.baseModel.errorText},o.onCompositionStart=function(e){o.baseModel.onCompositionStart(e.nativeEvent)},o.onCompositionEnd=function(e){o.baseModel.onCompositionEnd(e.nativeEvent)},o.onBeforeInput=function(e){o.baseModel.onBeforeInput(e)},o.onInput=function(e){o.baseModel.onInput(e.nativeEvent)},o.onPaste=function(e){o.baseModel.onPaste(e.nativeEvent)},o.justFocused=!1,o.onFocus=function(e){o.baseModel.onFocus(e.nativeEvent),o.justFocused=!0},o.onKeyDown=function(e){return o.baseModel.onKeyDown(e.nativeEvent)},o.onKeyUp=function(e){return o.baseModel.onKeyUp(e.nativeEvent)},o.onMouseUp=function(e){return o.baseModel.onMouseUp(e.nativeEvent)},o.done=function(e){o.baseModel.done(e),o.locString.__isEditing=!1},o.edit=function(e){o.svStringEditorRef.current.focus(),o.locString.__isEditing=!0,o.baseModel.onClick(e)},o.htmlValue={__html:null===(n=o.locString)||void 0===n?void 0:n.renderedHtml},o.state={changed:0},o.svStringEditorRef=c.createRef(),o}return Ye(t,e),t.prototype.createModel=function(e){this.baseModel&&this.baseModel.dispose(),this.baseModel=new l.StringEditorViewModelBase(this.locString,this.creator)},t.prototype.getUpdatedModelProps=function(){return["creator","locString"]},Object.defineProperty(t.prototype,"locString",{get:function(){return this.props.locStr.locStr},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"creator",{get:function(){return this.props.locStr.creator},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"style",{get:function(){return this.props.style},enumerable:!1,configurable:!0}),t.prototype.getStateElement=function(){return this.baseModel},Object.defineProperty(t.prototype,"errorText",{get:function(){return this.baseModel.errorText},enumerable:!1,configurable:!0}),t.prototype.componentDidMount=function(){var t=this;e.prototype.componentDidMount.call(this),this.locString&&(this.baseModel.setLocString(this.locString),this.baseModel.getEditorElement=function(){return t.svStringEditorRef.current},this.baseModel.blurEditor=function(){t.svStringEditorRef.current.blur(),t.svStringEditorRef.current.spellcheck=!1},this.baseModel.afterRender(),this.locString.onStringChanged.add(this.onChangedHandler),this.locString.__isEditing&&this.svStringEditorRef.current.focus())},t.prototype.componentDidUpdate=function(t,n){e.prototype.componentDidUpdate.call(this,t,n),this.baseModel.setLocString(this.locString),this.baseModel.afterRender(),this.locString.onStringChanged.add(this.onChangedHandler)},t.prototype.componentWillUnmount=function(){e.prototype.componentWillUnmount.call(this),this.baseModel.detachFromUI(),this.locString&&this.locString.onStringChanged.remove(this.onChangedHandler)},Object.defineProperty(t.prototype,"placeholder",{get:function(){return this.baseModel.placeholder},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"contentEditable",{get:function(){return this.baseModel.contentEditable},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"className",{get:function(){return this.baseModel.className(this.locString.renderedHtml)},enumerable:!1,configurable:!0}),t.prototype.render=function(){if(!this.locString)return null;var e=null;this.locString.hasHtml?(this.htmlValue.__html!==this.locString.renderedHtml&&(this.htmlValue={__html:this.locString.renderedHtml}),e=c.createElement("span",{role:"textbox",ref:this.svStringEditorRef,className:"sv-string-editor sv-string-editor--html",contentEditable:this.contentEditable,spellCheck:!1,"aria-placeholder":this.placeholder,"aria-label":this.placeholder||"content editable",suppressContentEditableWarning:!0,tabIndex:this.baseModel.tabIndex,dangerouslySetInnerHTML:this.htmlValue,onBlur:this.onBlur,onFocus:this.onFocus,onKeyDown:this.onKeyDown,onMouseUp:this.onMouseUp,onClick:this.edit})):e=c.createElement("span",{role:"textbox",ref:this.svStringEditorRef,className:"sv-string-editor",contentEditable:this.contentEditable,tabIndex:this.baseModel.tabIndex,spellCheck:!1,"aria-placeholder":this.placeholder,"aria-label":this.placeholder||"content editable",suppressContentEditableWarning:!0,key:this.locString.renderedHtml,onBlur:this.onBlur,onBeforeInput:this.onBeforeInput,onInput:this.onInput,onPaste:this.onPaste,onCompositionStart:this.onCompositionStart,onCompositionEnd:this.onCompositionEnd,onFocus:this.onFocus,onKeyDown:this.onKeyDown,onKeyUp:this.onKeyUp,onMouseUp:this.onMouseUp,onClick:this.edit},this.locString.renderedHtml);var t=this.baseModel.showCharacterCounter?c.createElement(c.CharacterCounterComponent,{counter:this.baseModel.characterCounter,remainingCharacterCounter:this.baseModel.getCharacterCounterClass}):null;return c.createElement("span",{className:this.className},c.createElement("span",{className:"svc-string-editor__content"},c.createElement("div",{className:"svc-string-editor__border svc-string-editor__border--hover",onClick:this.edit}),c.createElement("div",{className:"svc-string-editor__border svc-string-editor__border--focus",onClick:this.edit}),c.createElement("span",{className:"svc-string-editor__input"},e,c.createElement("div",{className:"svc-string-editor__controls",onClick:this.edit}),t)),this.errorText?c.createElement("span",{className:"svc-string-editor__error"},this.errorText):"")},t}(g);c.ReactElementFactory.Instance.registerElement(l.editableStringRendererName,function(e){return c.createElement(Ze,e)});var $e=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),et=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return $e(t,e),t.prototype.render=function(){return c.createElement("div",null,c.createElement(c.SvgIcon,{"aria-hidden":"true",iconName:"icon-alert_24x24",size:"24",className:this.props.cssClasses.error.icon}),c.createElement("span",{className:this.props.cssClasses.error.item||void 0},c.createElement(c.SurveyLocStringViewer,{locStr:this.props.error.locText})))},t}(c.Component);c.ReactElementFactory.Instance.registerElement("svc-question-error",function(e){return c.createElement(et,e)});var tt=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),nt=function(e){function t(t){return e.call(this,t)||this}return tt(t,e),t.prototype.renderInput=function(){var e=this.question;(0,l.initLogicOperator)(e);var t=e.locReadOnlyText?this.renderLocString(e.locReadOnlyText):"",n=this.question.dropdownListModel;return c.createElement("div",{id:this.question.inputId,className:e.getControlClass(),tabIndex:this.question.isInputReadOnly?void 0:0,disabled:this.question.isInputReadOnly,required:this.question.isRequired,onChange:this.updateValueOnEvent,onInput:this.updateValueOnEvent,onKeyUp:this.keyhandler,role:n.ariaQuestionRole,"aria-required":n.ariaQuestionRequired,"aria-invalid":n.ariaQuestionInvalid,"aria-errormessage":n.ariaQuestionErrorMessage,"aria-expanded":n.ariaQuestionExpanded,"aria-label":n.ariaQuestionLabel,"aria-labelledby":n.ariaQuestionLabelledby,"aria-controls":n.ariaQuestionControls},c.createElement("div",{className:this.question.cssClasses.controlValue},t))},t.prototype.renderEditorButtons=function(){return null},t}(c.SurveyQuestionDropdown);c.ReactQuestionFactory.Instance.registerQuestion("sv-logic-operator",function(e){return c.createElement(nt,e)}),q.RendererFactory.Instance.registerRenderer("dropdown","logicoperator","sv-logic-operator");var ot=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),rt=function(e){function t(t){var n=e.call(this,t)||this;return n.containerRef=c.createRef(),n}return ot(t,e),t.prototype.createModel=function(e){this.model&&this.model.dispose(),this.model=new l.PageNavigatorViewModel(e.pagesController,e.pageEditMode)},t.prototype.getUpdatedModelProps=function(){return["pagesController","pageEditMode"]},t.prototype.getStateElement=function(){return this.model},t.prototype.componentDidMount=function(){if(e.prototype.componentDidMount.call(this),"bypage"!==this.props.pageEditMode){var t=this.containerRef.current;this.model.attachToUI(t)}},t.prototype.componentWillUnmount=function(){e.prototype.componentWillUnmount.call(this),this.model.stopItemsContainerHeightObserver(),this.model.setScrollableContainer(void 0)},t.prototype.renderElement=function(){var e=this,t="svc-page-navigator__selector svc-page-navigator__button";return this.model.isPopupOpened&&(t+=" svc-page-navigator__button--pressed"),c.createElement("div",{className:"svc-page-navigator",ref:this.containerRef,style:{display:this.model.visible?"flex":"none"}},c.createElement("div",null,(0,c.attachKey2click)(c.createElement("div",{role:"button",className:t,onClick:function(){return e.model.togglePageSelector()},title:this.model.pageSelectorCaption},c.createElement(c.SvgIcon,{className:"svc-page-navigator__button-icon",iconName:this.model.icon,size:"auto",title:this.model.pageSelectorCaption}))),c.createElement(c.Popup,{model:this.model.popupModel})),c.createElement("div",null,this.model.visibleItems.map(function(e){return c.createElement(it,{key:e.id,item:e})})))},t}(g),it=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return ot(t,e),t.prototype.getStateElement=function(){return this.props.item},t.prototype.renderElement=function(){var e=this.props.item,t="svc-page-navigator-item-content";return(0,q.unwrap)(e.active)&&(t+=" svc-page-navigator-item--selected"),(0,q.unwrap)(e.disabled)&&(t+=" svc-page-navigator-item--disabled"),c.createElement("div",{className:"svc-page-navigator-item"},(0,c.attachKey2click)(c.createElement("div",{role:"button",className:t,onClick:function(t){e.action(e),t.stopPropagation()}},c.createElement("div",{className:"svc-page-navigator-item__dot",title:e.title},c.createElement("div",{className:"svc-page-navigator-item__dot-content"})),c.createElement("div",{className:"svc-page-navigator-item__banner"},c.createElement("span",{className:"svc-page-navigator-item__text"},e.title),c.createElement("span",{className:"svc-page-navigator-item__dot"},c.createElement("span",{className:"svc-page-navigator-item__dot-content"}))))))},t}(g),at=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),st=function(e){function t(t){return e.call(this,t)||this}return at(t,e),t.prototype.render=function(){return c.createElement("div",{className:"svc-surface-placeholder"},c.createElement("div",{className:"svc-surface-placeholder__image svc-surface-placeholder__image--"+this.props.name}),c.createElement("div",{className:"svc-surface-placeholder__text"},c.createElement("div",{className:"svc-surface-placeholder__title"},this.props.placeholderTitleText),c.createElement("div",{className:"svc-surface-placeholder__description"},this.props.placeholderDescriptionText)))},t}(c.Component);c.ReactElementFactory.Instance.registerElement("svc-surface-placeholder",function(e){return c.createElement(st,e)});var ct=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),lt=function(){return lt=Object.assign||function(e){for(var t,n=1,o=arguments.length;n<o;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},lt.apply(this,arguments)},ut=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.denyUpdate=function(){t.denyComponentUpdate()},t.allowUpdate=function(){t.allowComponentUpdate()},t.addDragDropEvents=function(){t.creator.onDragStart.add(t.denyUpdate),t.creator.onDragClear.add(t.allowUpdate)},t.clearDragDropEvents=function(){t.creator.onDragStart.remove(t.denyUpdate),t.creator.onDragClear.remove(t.allowUpdate)},t}return ct(t,e),Object.defineProperty(t.prototype,"model",{get:function(){return this.props.data},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"creator",{get:function(){return this.model.creator},enumerable:!1,configurable:!0}),t.prototype.componentDidMount=function(){e.prototype.componentDidMount.call(this),this.addDragDropEvents()},t.prototype.componentWillUnmount=function(){e.prototype.componentWillUnmount.call(this),this.clearDragDropEvents(),e.prototype.componentWillUnmount.call(this)},t.prototype.getStateElements=function(){return[this.model,this.model.survey,this.model.pagesController]},t.prototype.getRenderedPages=function(){var e=this,t=[];if("bypage"!==this.creator.pageEditMode)this.model.pages.forEach(function(n){t.push(e.createRenderedPage(n,n==e.model.newPage))});else{var n=this.model.pagesController.page2Display;n&&t.push(this.createRenderedPage(n,this.model.newPage===n))}return t},t.prototype.createRenderedPage=function(e,t){return c.createElement("div",{className:"svc-page","data-sv-drop-target-page":e.name,"data-sv-drop-target-survey-element":t?"newGhostPage":e.name,key:e.id},this.renderPage(e,t))},t.prototype.renderNewPage=function(e,t){return void 0===t&&(t=""),c.createElement(c.Fragment,{key:t},c.createElement("div",{className:e,"data-sv-drop-target-survey-element":"newGhostPage"},this.model.newPage?this.renderPage(this.model.newPage,!0):null))},t.prototype.renderPage=function(e,t){return c.ReactElementFactory.Instance.createElement("svc-page",{survey:this.creator.survey,page:e,creator:this.creator,isGhost:t})},t.prototype.renderElement=function(){var e=this,t="svc-tab-designer "+this.model.getRootCss();return c.createElement(c.Fragment,null,c.createElement("div",{className:"svc-flex-column"},this.model.isToolboxVisible?c.ReactElementFactory.Instance.createElement("svc-toolbox",{model:this.creator}):null),c.createElement("div",{className:t,onClick:function(){return e.model.clickDesigner()}},c.createElement(c.Scroll,null,c.createElement("div",{className:"svc-tab-designer_content"},this.model.showPlaceholder?this.renderPlaceHolder():this.renderTabContent()))))},t.prototype.renderHeader=function(e){if(!e)return null;var t=this.creator.survey;return c.createElement(c.Fragment,null,c.createElement("div",{className:"svc-designer-header"},c.createElement(c.SurveyHeader,{survey:t})))},t.prototype.renderPlaceHolder=function(){var e=this.renderHeader(this.creator.allowEditSurveyTitle&&this.creator.showHeaderInEmptySurvey);return c.createElement(c.Fragment,null,e,c.createElement("div",{className:"svc-designer__placeholder-container","data-sv-drop-target-survey-element":"newGhostPage"},this.renderPlaceHolderContent(),this.renderNewPage("svc-designer-placeholder-page")))},t.prototype.renderPlaceHolderContent=function(){return c.createElement(st,{name:"designer",placeholderTitleText:this.model.placeholderTitleText,placeholderDescriptionText:this.model.placeholderDescriptionText})},t.prototype.renderTabContent=function(){var e=this.creator.survey,t=this.renderHeader(this.creator.allowEditSurveyTitle),n=lt({},this.model.surfaceCssVariables);n.maxWidth=e.renderedWidth;var o=this.renderTabTools();return c.createElement(c.Fragment,null,c.createElement("div",{className:this.model.designerCss,style:n},t,this.getRenderedPages()),o)},t.prototype.renderTabTools=function(){if(!this.model.showSurfaceTools)return null;var e=this.creator.showPageNavigator?c.createElement("div",{className:"svc-tab-designer__page-navigator"},c.createElement(rt,{pagesController:this.model.pagesController,pageEditMode:this.model.creator.pageEditMode})):null,t=this.model.showSurfaceToolbar?c.createElement(c.SurveyActionBar,{model:this.model.surfaceToolbar,handleClick:!1}):null;return c.createElement("div",{className:"svc-tab-designer__tools"},e,t)},t}(c.SurveyElementBase);c.ReactElementFactory.Instance.registerElement("svc-tab-designer",function(e){return c.createElement(ut,e)});var pt=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),dt=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return pt(t,e),t.prototype.getStateElement=function(){return this.model},Object.defineProperty(t.prototype,"model",{get:function(){return this.props.data},enumerable:!1,configurable:!0}),t.prototype.renderElement=function(){return c.createElement("div",{className:"svc-json-editor-tab__errros_list",style:{display:this.model.hasErrors?"block":"none"}},c.createElement(c.List,{model:this.model.errorList}))},t}(c.SurveyElementBase),mt=function(e){function t(t){return e.call(this,t)||this}return pt(t,e),t.prototype.getStateElement=function(){return this.model},Object.defineProperty(t.prototype,"model",{get:function(){return this.props.data},enumerable:!1,configurable:!0}),t.prototype.renderElement=function(){var e=this,t=c.createElement(dt,{data:this.model});return c.createElement("div",{className:"svc-creator-tab__content"},c.createElement("div",{className:"svc-json-editor-tab__content"},c.createElement("textarea",{ref:function(t){return n=t,void(e.model.textElement=n);var n},className:"svc-json-editor-tab__content-area",value:this.model.text,onChange:function(t){return e.model.text=t.target.value},onKeyDown:function(t){return e.model.checkKey(t,t)},disabled:this.model.readOnly,"aria-label":this.model.ariaLabel}),t))},t}(c.SurveyElementBase);c.ReactElementFactory.Instance.registerElement("svc-tab-json-editor-textarea",function(e){return c.createElement(mt,e)});var ft=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),ht=function(e){function t(t){var n=e.call(this,t)||this;return n.aceEditorrRef=c.createRef(),n}return ft(t,e),t.prototype.getStateElement=function(){return this.model},Object.defineProperty(t.prototype,"model",{get:function(){return this.props.data},enumerable:!1,configurable:!0}),t.prototype.componentDidMount=function(){this.model.init(ace.edit(this.aceEditorrRef.current))},t.prototype.renderElement=function(){var e=c.createElement(dt,{data:this.model});return c.createElement("div",{className:"svc-creator-tab__content"},c.createElement("div",{className:"svc-json-editor-tab__content"},c.createElement("div",{className:"svc-json-editor-tab__ace-editor",ref:this.aceEditorrRef}),e))},t}(c.SurveyElementBase);c.ReactElementFactory.Instance.registerElement("svc-tab-json-editor-ace",function(e){return c.createElement(ht,e)});var yt=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),vt=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return yt(t,e),Object.defineProperty(t.prototype,"model",{get:function(){return this.props.button},enumerable:!1,configurable:!0}),t.prototype.getStateElement=function(){return this.model},t.prototype.renderElement=function(){var e=this,t="svc-logic-tab__content-action svc-btn"+(void 0===this.model.enabled||this.model.enabled?"":" svc-logic-tab__content-action--disabled");return(0,c.attachKey2click)(c.createElement("div",{role:"button",onClick:function(t){t.stopPropagation(),e.model.action()},className:t,title:this.model.title},c.createElement("span",{className:"svc-btn__text"},this.model.title)))},t}(c.SurveyElementBase);c.ReactElementFactory.Instance.registerElement("svc-tab-logic-add-button",function(e){return c.createElement(vt,e)});var gt=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return yt(t,e),Object.defineProperty(t.prototype,"model",{get:function(){return this.props.data},enumerable:!1,configurable:!0}),t.prototype.getStateElement=function(){return this.model},t.prototype.renderElement=function(){this.model;var e=this.renderViewContent();return c.createElement("div",{className:"svc-creator-tab__content svc-logic-tab"},e)},t.prototype.renderViewContent=function(){var e="svc-plugin-tab__content svc-logic-tab svc-logic-tab__content "+(this.model.hasItems?"":"svc-logic-tab--empty"),t=this.model.readOnly?void 0:c.createElement(vt,{button:this.model.addNewButton});return c.createElement(c.Fragment,null,c.createElement("div",{className:e},this.model.hasItems?c.createElement(c.Fragment,null,c.createElement(c.Survey,{model:this.model.itemsSurvey}),t):c.createElement("div",{className:"svc-logic-tab__content-empty"},c.createElement(st,{name:"logic",placeholderTitleText:this.model.placeholderTitleText,placeholderDescriptionText:this.model.placeholderDescriptionText}),t)))},t}(c.SurveyElementBase);c.ReactElementFactory.Instance.registerElement("svc-tab-logic",function(e){return c.createElement(gt,e)});var _t=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),Et=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return _t(t,e),Object.defineProperty(t.prototype,"model",{get:function(){return this.props.model},enumerable:!1,configurable:!0}),t.prototype.getStateElement=function(){return this.model},t.prototype.renderElement=function(){var e=this,t=this.model.getRootCss();return this.model.survey?this.model.hasFrame?c.createElement("div",{className:t,onKeyDown:function(t){return e.model.tryToZoom(t,t)},onMouseEnter:"desktop"===this.model.device?null:this.model.activateZoom,onMouseLeave:"desktop"===this.model.device?null:this.model.deactivateZoom},c.createElement("div",{className:"svd-simulator-wrapper",id:"svd-simulator-wrapper",style:{width:this.model.simulatorFrame.frameWidth+"px",height:this.model.simulatorFrame.frameHeight+"px"}},c.createElement("div",{className:"svd-simulator",style:{width:this.model.simulatorFrame.deviceWidth+"px",height:this.model.simulatorFrame.deviceHeight+"px",transform:"scale("+this.model.simulatorFrame.scale+") translate(-50%, -50%)"}},c.createElement("div",{className:"svd-simulator-content"},c.createElement(c.Survey,{model:this.model.survey}))))):c.createElement("div",{className:t},c.createElement("div",{className:"svd-simulator-content"},c.createElement(c.Survey,{model:this.model.survey}))):c.createElement("div",{className:t})},t}(c.SurveyElementBase),bt=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),wt=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return bt(t,e),Object.defineProperty(t.prototype,"model",{get:function(){return this.props.model.testAgainAction},enumerable:!1,configurable:!0}),t.prototype.getStateElement=function(){return this.model},t.prototype.renderElement=function(){var e=this;return(0,c.attachKey2click)(c.createElement("div",{role:"button",onClick:function(t){t.stopPropagation(),e.model.action()},className:"svc-preview__test-again svc-btn",title:this.model.title},c.createElement("span",{className:"svc-btn__text"},this.model.title)))},t}(c.SurveyElementBase);c.ReactElementFactory.Instance.registerElement("svc-complete-page",function(e){return c.createElement(wt,e)});var Ct=function(e){function t(t){return e.call(this,t)||this}return bt(t,e),Object.defineProperty(t.prototype,"model",{get:function(){return this.props.data},enumerable:!1,configurable:!0}),t.prototype.getStateElement=function(){return this.model},t.prototype.renderPlaceholder=function(){return c.createElement(st,{name:"preview",placeholderTitleText:this.model.placeholderTitleText,placeholderDescriptionText:this.model.placeholderDescriptionText})},t.prototype.renderSimulator=function(){return c.createElement("div",{className:"svc-plugin-tab__content"},c.createElement(Et,{model:this.model.simulator}),this.model.showResults?c.createElement(ye,{survey:this.model.simulator.survey}):null)},t.prototype.renderElement=function(){var e="svc-creator-tab__content svc-test-tab__content"+(this.model.isPageToolbarVisible?" svc-creator-tab__content--with-toolbar":"");return c.createElement("div",{className:e},this.model.simulator.survey.isEmpty?this.renderPlaceholder():this.renderSimulator(),this.getBottomToolbar())},t.prototype.getBottomToolbar=function(){return this.model.isPageToolbarVisible?c.createElement("div",{className:"svc-test-tab__content-actions"},c.createElement(c.SurveyActionBar,{model:this.model.pages})):null},t}(c.SurveyElementBase);c.ReactElementFactory.Instance.registerElement("svc-tab-preview",function(e){return c.createElement(Ct,e)});var Ot=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),St=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return Ot(t,e),t.prototype.render=function(){return c.createElement("div",{className:"svc-property-grid-placeholder"},c.createElement("div",{className:"svc-property-grid-placeholder__header"},c.createElement("span",{className:"svc-property-grid-placeholder__title"},l.editorLocalization.getString("ed.propertyGridPlaceholderTitle")),c.createElement("span",{className:"svc-property-grid-placeholder__description"},l.editorLocalization.getString("ed.propertyGridPlaceholderDescription"))),c.createElement("div",{className:"svc-property-grid-placeholder__content"},c.createElement("div",{className:"svc-property-grid-placeholder__gap"}),c.createElement("div",{className:"svc-property-grid-placeholder__image"})))},t}(c.Component);c.ReactElementFactory.Instance.registerElement("svc-property-grid-placeholder",function(e){return c.createElement(St,e)});var Nt=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),Pt=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return Nt(t,e),Object.defineProperty(t.prototype,"model",{get:function(){return this.props.data},enumerable:!1,configurable:!0}),t.prototype.getStateElement=function(){return this.model},t.prototype.renderPlaceholder=function(){return c.createElement(st,{name:"theme",placeholderTitleText:this.model.placeholderTitleText,placeholderDescriptionText:this.model.placeholderDescriptionText})},t.prototype.renderSimulator=function(){return c.createElement("div",{className:"svc-plugin-tab__content"},c.createElement(Et,{model:this.model.simulator}),this.model.showResults?c.createElement(ye,{survey:this.model.simulator.survey}):null)},t.prototype.renderElement=function(){var e="svc-creator-tab__content svc-test-tab__content"+(this.model.isPageToolbarVisible?" svc-creator-tab__content--with-toolbar":"");return c.createElement("div",{className:e},this.model.simulator.survey.isEmpty?this.renderPlaceholder():this.renderSimulator(),this.getBottomToolbar())},t.prototype.getBottomToolbar=function(){return this.model.isPageToolbarVisible?c.createElement("div",{className:"svc-test-tab__content-actions"},c.createElement(c.SurveyActionBar,{model:this.model.pages})):null},t}(c.SurveyElementBase);c.ReactElementFactory.Instance.registerElement("svc-tab-theme",function(e){return c.createElement(Pt,e)});var xt=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),jt=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return xt(t,e),Object.defineProperty(t.prototype,"model",{get:function(){return this.props.data||this.props.model},enumerable:!1,configurable:!0}),t.prototype.getStateElement=function(){return this.model},t.prototype.renderElement=function(){return this.model?c.createElement("div",{className:"svc-creator-tab__content svc-translation-tab"+(this.model.isEmpty?" svc-translation-tab--empty":"")},this.renderElementContent()):null},t.prototype.renderElementContent=function(){return this.model.isEmpty?c.createElement(st,{name:"translation",placeholderTitleText:this.model.placeholderTitleText,placeholderDescriptionText:this.model.placeholderDescriptionText}):c.createElement("div",{className:"st-content"},c.createElement("div",{className:"svc-flex-column st-strings-wrapper"},c.createElement("div",{className:"svc-flex-row st-strings-header"},c.createElement(c.Survey,{model:this.model.stringsHeaderSurvey})),c.createElement("div",{className:"svc-flex-row svc-plugin-tab__content st-strings"},c.createElement(c.Survey,{model:this.model.stringsSurvey}))))},t}(c.SurveyElementBase);c.ReactElementFactory.Instance.registerElement("svc-tab-translation",function(e){return c.createElement(jt,e)});var Tt=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),qt=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return Tt(t,e),Object.defineProperty(t.prototype,"model",{get:function(){return this.props.model},enumerable:!1,configurable:!0}),t.prototype.getStateElement=function(){return this.model},t.prototype.renderElement=function(){return this.model.isVisible?c.createElement(c.List,{model:this.model.list}):null},t}(c.SurveyElementBase);c.ReactElementFactory.Instance.registerElement("svc-object-selector",function(e){return c.createElement(qt,e)});var It=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),Rt=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return It(t,e),Object.defineProperty(t.prototype,"model",{get:function(){return this.props.model},enumerable:!1,configurable:!0}),t.prototype.getStateElement=function(){return this.model},t.prototype.canRender=function(){return!!this.model&&e.prototype.canRender.call(this)},t.prototype.renderElement=function(){return c.createElement("div",{className:this.model.rootCss},c.createElement(xe,{model:this.model.searchManager}),c.createElement(c.Survey,{model:this.model.survey}))},t}(c.SurveyElementBase);c.ReactElementFactory.Instance.registerElement("svc-property-grid",function(e){return c.createElement(Rt,e)});var Mt=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),Dt=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return Mt(t,e),Object.defineProperty(t.prototype,"item",{get:function(){return this.props.item},enumerable:!1,configurable:!0}),t.prototype.getStateElement=function(){return this.item},t.prototype.renderElement=function(){var e=this,t=this.item.tooltip||this.item.title,n=this.item.hasTitle?c.createElement("span",{className:"svc-switcher__title"},this.item.title):null;return(0,c.attachKey2click)(c.createElement("button",{className:this.item.getActionBarItemCss(),type:"button",disabled:this.item.disabled,onClick:function(t){return e.item.action(e.item,e.item.getIsTrusted(t))},title:t,"aria-checked":this.item.ariaChecked,"aria-expanded":this.item.ariaExpanded,role:this.item.ariaRole},c.createElement("div",{className:this.item.getSwitcherIconCss()},c.createElement("div",{className:"svc-switcher__icon-thumb"})),n),this.item,{processEsc:!1})},t}(c.SurveyElementBase);c.ReactElementFactory.Instance.registerElement("svc-switcher",function(e){return c.createElement(Dt,e)});var Ft=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),Bt=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return Ft(t,e),t.prototype.render=function(){var e=this.props.item;return c.createElement(c.Fragment,null,c.createElement(c.SvgIcon,{iconName:e.iconName,size:e.iconSize,className:"svc-json-error__icon"}),c.createElement("div",{className:"svc-json-error__container"},c.createElement("div",{className:"svc-json-error__title"},c.createElement("span",{key:2},this.renderLocString(e.locTitle,void 0,"locString"))),this.renderFixButton()))},t.prototype.renderFixButton=function(){if(!this.props.item.data.showFixButton)return null;var e=this.props.item;return(0,c.attachKey2click)(c.createElement("button",{type:"button",onClick:function(t){t.stopPropagation(),e.data.fixError()},title:e.data.fixButtonTitle,className:"svc-json-error__fix-button"},c.createElement(c.SvgIcon,{iconName:e.data.fixButtonIcon,size:"auto"})))},t}(c.SurveyElementBase);c.ReactElementFactory.Instance.registerElement("json-error-item",function(e){return c.createElement(Bt,e)});var kt=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),At=function(e){function t(t){return e.call(this,t)||this}return kt(t,e),Object.defineProperty(t.prototype,"question",{get:function(){return this.questionBase},enumerable:!1,configurable:!0}),t.prototype.renderInput=function(){var e=this;return c.createElement(c.Fragment,null,c.createElement("input",{role:"spinbutton",id:this.question.inputId,disabled:this.isDisplayMode,className:this.question.cssClasses.control,ref:function(t){return e.setControl(t)},placeholder:this.question.renderedPlaceholder,autoComplete:"off",onBlur:function(t){return e.question.onBlur(t.nativeEvent)},onFocus:function(t){return e.question.onFocus(t.nativeEvent)},onChange:this.question.onChange,onBeforeInput:function(t){return e.question.onBeforeInput(t.nativeEvent)},onKeyUp:function(t){return e.question.onKeyUp(t.nativeEvent)},onKeyDown:function(t){return e.question.onInputKeyDown(t.nativeEvent)},"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}))},t.prototype.renderElement=function(){var e=this;return c.createElement("div",{className:this.question.cssClasses.root,onKeyDown:function(t){return e.question.onKeyDown(t.nativeEvent)}},this.renderInput(),this.renderButtons())},t.prototype.getValueCore=function(){return this.question.renderedValue},t.prototype.renderButtons=function(){var e=this;return c.createElement("span",{className:this.question.cssClasses.buttonsContainer},c.createElement("button",{tabIndex:-1,"aria-hidden":"true",className:this.question.cssClasses.arrowButton,disabled:this.isDisplayMode,onClick:this.question.onDownButtonClick,onMouseDown:this.question.onDownButtonMouseDown,onMouseUp:this.question.onButtonMouseUp,onMouseLeave:this.question.onButtonMouseLeave,onBlur:function(t){return e.question.onBlur(t.nativeEvent)},onFocus:function(t){return e.question.onFocus(t.nativeEvent)}},c.createElement(c.SvgIcon,{iconName:this.question.cssClasses.decreaseButtonIcon,size:"auto"})),c.createElement("button",{tabIndex:-1,"aria-hidden":"true",className:this.question.cssClasses.arrowButton,disabled:this.isDisplayMode,onClick:this.question.onUpButtonClick,onMouseDown:this.question.onUpButtonMouseDown,onMouseUp:this.question.onButtonMouseUp,onMouseLeave:this.question.onButtonMouseLeave,onBlur:function(t){return e.question.onBlur(t.nativeEvent)},onFocus:function(t){return e.question.onFocus(t.nativeEvent)}},c.createElement(c.SvgIcon,{iconName:this.question.cssClasses.increaseButtonIcon,size:"auto"})))},t}(c.SurveyQuestionText);c.ReactQuestionFactory.Instance.registerQuestion("spinedit",function(e){return c.createElement(At,e)});var Ut=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),Qt=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return Ut(t,e),t.prototype.render=function(){var e=this.props.item;return c.createElement(c.Fragment,null,c.createElement("span",{className:"spg-color-editor__color-swatch",style:{backgroundColor:e.value}}),c.createElement("span",{key:2},this.renderLocString(e.locTitle,void 0,"locString")))},t}(c.SurveyElementBase);c.ReactElementFactory.Instance.registerElement("color-item",function(e){return c.createElement(Qt,e)});var Lt=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),Vt=function(e){function t(t){return e.call(this,t)||this}return Lt(t,e),Object.defineProperty(t.prototype,"question",{get:function(){return this.questionBase},enumerable:!1,configurable:!0}),t.prototype.renderInput=function(){var e=this;return c.createElement(c.Fragment,null,c.createElement("input",{id:this.question.inputId,disabled:this.isDisplayMode,className:this.question.cssClasses.control,ref:function(t){return e.setControl(t)},placeholder:this.question.renderedPlaceholder,autoComplete:"off",onKeyUp:function(t){return e.question.onKeyUp(t.nativeEvent)},onBlur:function(t){return e.question.onBlur(t.nativeEvent)},onChange:this.question.onChange,onBeforeInput:function(t){return e.question.onBeforeInput(t.nativeEvent)},"aria-required":this.question.a11y_input_ariaRequired,"aria-labelledby":this.question.a11y_input_ariaLabelledBy,"aria-label":this.question.a11y_input_ariaLabel,"aria-invalid":this.question.a11y_input_ariaInvalid,"aria-describedby":this.question.a11y_input_ariaDescribedBy}))},t.prototype.renderElement=function(){var e=this;return c.createElement("div",{className:this.question.cssClasses.root,onKeyDown:function(t){return e.question.onKeyDown(t.nativeEvent)}},this.renderColorSwatch(),this.renderInput(),this.question.showDropdownAction?this.renderDropdownAction():null)},t.prototype.getValueCore=function(){return this.question.renderedValue},t.prototype.renderColorSwatch=function(){var e=this;return c.createElement("label",{className:this.question.getSwatchCss(),style:this.question.getSwatchStyle()},c.createElement(c.SvgIcon,{iconName:this.question.cssClasses.swatchIcon,size:"auto"}),c.createElement("input",{type:"color",disabled:this.isDisplayMode,value:this.question.renderedColorValue,className:this.question.cssClasses.colorInput,onChange:function(t){return e.question.onColorInputChange(t.nativeEvent)},tabIndex:-1,"aria-required":this.question.a11y_input_ariaRequired,"aria-labelledby":this.question.a11y_input_ariaLabelledBy,"aria-label":this.question.a11y_input_ariaLabel,"aria-invalid":this.question.a11y_input_ariaInvalid,"aria-describedby":this.question.a11y_input_ariaDescribedBy}))},t.prototype.renderDropdownAction=function(){return c.createElement(c.Fragment,null,c.createElement("div",{"aria-hidden":"true",className:this.question.cssClasses.choicesButtonWrapper},c.ReactElementFactory.Instance.createElement("sv-action-bar-item",{item:this.question.dropdownAction})),this.renderPopup())},t.prototype.renderPopup=function(){return c.createElement(c.Popup,{model:this.question.dropdownAction.popupModel})},t}(c.SurveyQuestionText);c.ReactQuestionFactory.Instance.registerQuestion("color",function(e){return c.createElement(Vt,e)});var Kt=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),Ht=function(e){function t(t){return e.call(this,t)||this}return Kt(t,e),Object.defineProperty(t.prototype,"questionFile",{get:function(){return this.questionBase},enumerable:!1,configurable:!0}),t.prototype.getValueCore=function(){return this.question.renderedValue},t.prototype.renderInput=function(){var e=this;return c.createElement(c.Fragment,null,c.createElement("input",{disabled:this.question.isTextInputReadOnly,className:this.questionFile.cssClasses.control,placeholder:this.questionFile.renderedPlaceholder,ref:function(t){return e.setControl(t)},autoComplete:"off",type:"text",onBlur:function(t){return e.questionFile.onInputBlur(t.nativeEvent)},onChange:function(t){return e.questionFile.onInputChange(t.nativeEvent)}}))},t.prototype.renderFileInput=function(){var e=this;return c.createElement("input",{type:"file",disabled:this.isDisplayMode,className:this.questionFile.cssClasses.fileInput,id:this.questionFile.inputId,"aria-required":this.questionFile.ariaRequired,"aria-label":this.questionFile.ariaLabel,"aria-invalid":this.questionFile.ariaInvalid,"aria-describedby":this.questionFile.ariaDescribedBy,multiple:!1,title:this.questionFile.inputTitle,accept:this.questionFile.acceptedTypes,tabIndex:-1,onChange:function(t){return e.questionFile.onFileInputChange(t.nativeEvent)}})},t.prototype.renderButtons=function(){return c.createElement("div",{className:this.questionFile.cssClasses.buttonsContainer},this.renderClearButton(),this.renderChooseButton())},t.prototype.renderClearButton=function(){return(0,c.attachKey2click)(c.createElement("button",{className:this.questionFile.cssClasses.clearButton,title:this.questionFile.clearButtonCaption,disabled:this.questionFile.getIsClearButtonDisabled(),onClick:this.questionFile.doClean},c.createElement(c.SvgIcon,{iconName:this.questionFile.cssClasses.clearButtonIcon,size:"auto"})))},t.prototype.renderChooseButton=function(){var e=this;return(0,c.attachKey2click)(c.createElement("label",{onClick:function(t){return e.questionFile.chooseFiles(t.nativeEvent)},className:this.questionFile.getChooseButtonCss(),htmlFor:this.questionFile.inputId,"aria-label":this.questionFile.chooseButtonCaption},c.createElement(c.SvgIcon,{iconName:this.questionFile.cssClasses.chooseButtonIcon,size:"auto",title:this.questionFile.chooseButtonCaption})))},t.prototype.renderElement=function(){var e=this;return c.createElement("div",{className:this.questionFile.cssClasses.root,ref:function(t){return e.setContent(t)},onDragEnter:this.questionFile.onDragEnter,onDragOver:this.questionFile.onDragOver,onDrop:this.questionFile.onDrop,onDragLeave:this.questionFile.onDragLeave,onKeyDown:function(t){return e.question.onKeyDown(t.nativeEvent)}},this.renderInput(),this.renderFileInput(),this.renderButtons())},t}(c.SurveyQuestionText);c.ReactQuestionFactory.Instance.registerQuestion("fileedit",function(e){return c.createElement(Ht,e)});var zt=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),Wt=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return zt(t,e),Object.defineProperty(t.prototype,"question",{get:function(){return this.questionBase},enumerable:!1,configurable:!0}),t.prototype.renderElement=function(){var e=this.renderInput(),t=this.renderResetButton();return c.createElement("div",{className:this.question.getRootClass()},e,t)},t.prototype.renderInput=function(){return c.ReactQuestionFactory.Instance.createQuestion(this.question.wrappedQuestionTemplate,{question:this.question,isDisplayMode:this.question.isInputReadOnly,creator:this})},t.prototype.renderResetButton=function(){var e=this;return c.createElement("button",{className:this.question.cssClasses.resetButton,disabled:this.question.resetValueAdorner.isDisabled,title:this.question.resetValueAdorner.caption,onClick:function(){return e.question.resetValueAdorner.resetValue()}},c.createElement(c.SvgIcon,{iconName:this.question.cssClasses.resetButtonIcon,size:"auto"}))},t}(c.SurveyQuestionElementBase);c.ReactQuestionFactory.Instance.registerQuestion("textwithreset",function(e){return c.createElement(Wt,e)}),c.ReactQuestionFactory.Instance.registerQuestion("commentwithreset",function(e){return c.createElement(Wt,e)});var Gt,Jt=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),Xt=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return Jt(t,e),t.prototype.renderElement=function(){var e=this,t=(0,c.attachKey2click)(c.createElement("div",{className:"spg-boolean-switch__button"+(this.questionBase.value?" spg-boolean-switch__button--checked":""),tabIndex:0,role:"checkbox","aria-checked":this.questionBase.booleanValue||!1,"aria-required":this.questionBase.a11y_input_ariaRequired,"aria-label":this.questionBase.a11y_input_ariaLabel,"aria-labelledby":this.questionBase.a11y_input_ariaLabelledBy,"aria-invalid":this.questionBase.a11y_input_ariaInvalid,"aria-errormessage":this.questionBase.a11y_input_ariaErrormessage},c.createElement("div",{className:"spg-boolean-switch__thumb"},c.createElement("div",{className:"spg-boolean-switch__thumb-circle spg-boolean-switch__thumb--left"})),c.createElement("div",{className:"spg-boolean-switch__thumb"},c.createElement("div",{className:"spg-boolean-switch__thumb-circle spg-boolean-switch__thumb--right"}))),this.questionBase,{processEsc:!1});return c.createElement("div",{className:"spg-boolean-switch",onClick:function(){return e.questionBase.value=!e.questionBase.value}},t,c.createElement("div",{className:"spg-boolean-switch__caption"},c.createElement("div",{className:"spg-boolean-switch__title",id:this.questionBase.labelRenderedAriaID},c.SurveyElementBase.renderLocString(this.questionBase.locTitle))))},t}(c.SurveyQuestionElementBase);c.ReactQuestionFactory.Instance.registerQuestion("sv-boolean-switch",function(e){return c.createElement(Xt,e)}),q.RendererFactory.Instance.registerRenderer("boolean","switch","sv-boolean-switch"),Gt="".concat("2.3.3"),(0,q.checkLibraryVersion)("".concat("2.3.3"),"survey-creator-react");var Yt=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),Zt=function(){return Zt=Object.assign||function(e){for(var t,n=1,o=arguments.length;n<o;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},Zt.apply(this,arguments)};function $t(e,t,n){void 0===n&&(n={});var o=t;"string"==typeof t&&(o=document.getElementById(t));var r=c.preact.createElement(h,Zt({creator:e},n));c.preact.render(r,o)}var en=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return Yt(t,e),t.prototype.render=function(e){$t(this,e)},t}(y);if("undefined"!=typeof window){var tn=window.jQuery||window.$;tn&&tn.fn.extend({SurveyCreator:function(e){return this.each(function(){$t(e.model,this,e)})}})}return a})());
|