survey-creator-react 1.9.130 → 1.9.131

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "survey-creator-react",
-  "version": "1.9.130",
+  "version": "1.9.131",
   "description": "Use SurveyJS Creator to create or edit JSON for SurveyJS Form Library.",
   "keywords": [
     "Survey",
@@ -36,9 +36,9 @@
     }
   },
   "dependencies": {
-    "survey-core": "1.9.130",
-    "survey-react-ui": "1.9.130",
-    "survey-creator-core": "1.9.130"
+    "survey-core": "1.9.131",
+    "survey-react-ui": "1.9.131",
+    "survey-creator-core": "1.9.131"
   },
   "devDependencies": {}
 }

package/survey-creator-react.js

@@ -1,5 +1,5 @@
 /*!
- * SurveyJS Creator React v1.9.130
+ * SurveyJS Creator React v1.9.131
  * (c) 2015-2024 Devsoft Baltic OÜ - http://surveyjs.io/
  * Github: https://github.com/surveyjs/survey-creator
  * License: https://surveyjs.io/Licenses#SurveyCreator
@@ -3415,7 +3415,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_53__ = __webpack_require__(/*! survey-core */ "survey-core");
 /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_53___default = /*#__PURE__*/__webpack_require__.n(survey_core__WEBPACK_IMPORTED_MODULE_53__);
 var Version;
-Version = "".concat("1.9.130");
+Version = "".concat("1.9.131");
 // import "@survey/creator/survey-creator-core.css";
 
 
@@ -3478,7 +3478,7 @@ Version = "".concat("1.9.130");
 
 
 
-Object(survey_core__WEBPACK_IMPORTED_MODULE_53__["checkLibraryVersion"])("".concat("1.9.130"), "survey-creator-react");
+Object(survey_core__WEBPACK_IMPORTED_MODULE_53__["checkLibraryVersion"])("".concat("1.9.131"), "survey-creator-react");
 
 
 /***/ }),

package/survey-creator-react.min.js

@@ -1,7 +1,7 @@
 /*!
- * SurveyJS Creator React v1.9.130
+ * SurveyJS Creator React v1.9.131
  * (c) 2015-2024 Devsoft Baltic OÜ - http://surveyjs.io/
  * Github: https://github.com/surveyjs/survey-creator
  * License: https://surveyjs.io/Licenses#SurveyCreator
  */
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("survey-react-ui"),require("survey-creator-core"),require("survey-core"),require("react-dom")):"function"==typeof define&&define.amd?define("SurveyCreator",["react","survey-react-ui","survey-creator-core","survey-core","react-dom"],t):"object"==typeof exports?exports.SurveyCreator=t(require("react"),require("survey-react-ui"),require("survey-creator-core"),require("survey-core"),require("react-dom")):e.SurveyCreator=t(e.React,e.SurveyReact,e.SurveyCreatorCore,e.Survey,e.ReactDOM)}(this,(function(e,t,n,r,o){return function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=5)}([function(t,n){t.exports=e},function(e,n){e.exports=t},function(e,t){e.exports=n},function(e,t){e.exports=r},function(e,t){e.exports=o},function(e,t,n){"use strict";n.r(t),n.d(t,"Version",(function(){return Ce})),n.d(t,"SurveyCreatorComponent",(function(){return h})),n.d(t,"SurveyCreator",(function(){return v})),n.d(t,"RowWrapper",(function(){return y})),n.d(t,"QuestionAdornerComponent",(function(){return b})),n.d(t,"QuestionWrapperHeader",(function(){return _})),n.d(t,"QuestionWrapperFooter",(function(){return C})),n.d(t,"QuestionBanner",(function(){return S})),n.d(t,"QuestionDropdownAdornerComponent",(function(){return w})),n.d(t,"QuestionImageAdornerComponent",(function(){return q})),n.d(t,"QuestionRatingAdornerComponent",(function(){return x})),n.d(t,"QuestionWidgetAdornerComponent",(function(){return M})),n.d(t,"CellQuestionAdornerComponent",(function(){return I})),n.d(t,"CellQuestionDropdownAdornerComponent",(function(){return P})),n.d(t,"CreatorSurveyPageComponent",(function(){return R})),n.d(t,"PanelAdornerComponent",(function(){return D})),n.d(t,"LogoImageComponent",(function(){return T})),n.d(t,"SurveyQuestionLinkValue",(function(){return k})),n.d(t,"SurveyElementEmbeddedSurvey",(function(){return B})),n.d(t,"QuestionEditorContentComponent",(function(){return O})),n.d(t,"ItemValueAdornerComponent",(function(){return j})),n.d(t,"ImageItemValueAdornerComponent",(function(){return U})),n.d(t,"MatrixCellAdornerComponent",(function(){return Q})),n.d(t,"SurveyResults",(function(){return V})),n.d(t,"SurveyResultsByRow",(function(){return L})),n.d(t,"SurveyCreatorToolboxTool",(function(){return A})),n.d(t,"SurveyCreatorToolboxItem",(function(){return K})),n.d(t,"SurveyCreatorToolboxCategory",(function(){return H})),n.d(t,"Toolbox",(function(){return z})),n.d(t,"AdaptiveToolbox",(function(){return W})),n.d(t,"TabbedMenuComponent",(function(){return d})),n.d(t,"TabbedMenuItemComponent",(function(){return p})),n.d(t,"SurveyNavigation",(function(){return G})),n.d(t,"SidebarComponent",(function(){return J})),n.d(t,"TranslationLineSkeleton",(function(){return Y})),n.d(t,"ActionButton",(function(){return N})),n.d(t,"SurveyLocStringEditor",(function(){return Z})),n.d(t,"SurveyLogicOpertor",(function(){return $})),n.d(t,"TabDesignerComponent",(function(){return ne})),n.d(t,"TabJsonEditorAceComponent",(function(){return ae})),n.d(t,"TabJsonEditorErrorsComponent",(function(){return re})),n.d(t,"TabJsonEditorTextareaComponent",(function(){return oe})),n.d(t,"TabLogicAddButtonComponent",(function(){return ie})),n.d(t,"TabLogicComponent",(function(){return se})),n.d(t,"TabPreviewTestSurveyAgainComponent",(function(){return ce})),n.d(t,"TabPreviewSurveyComponent",(function(){return ue})),n.d(t,"TabThemeSurveyComponent",(function(){return de})),n.d(t,"TabTranslationComponent",(function(){return me})),n.d(t,"SurveySimulator",(function(){return le})),n.d(t,"ReactMouseEvent",(function(){return g})),n.d(t,"ReactDragEvent",(function(){return E})),n.d(t,"PropertyGridComponent",(function(){return ve})),n.d(t,"SearchComponent",(function(){return he})),n.d(t,"SwitcherComponent",(function(){return fe})),n.d(t,"SurveyQuestionSpinEditor",(function(){return ge})),n.d(t,"SurveyQuestionColor",(function(){return be})),n.d(t,"SurveyQuestionFileEditor",(function(){return _e})),n.d(t,"SurveyQuestionTextWithReset",(function(){return Ne})),n.d(t,"editorLocalization",(function(){return c.editorLocalization})),n.d(t,"localization",(function(){return c.localization})),n.d(t,"settings",(function(){return c.settings})),n.d(t,"svgBundle",(function(){return c.svgBundle})),n.d(t,"SurveyLogic",(function(){return c.SurveyLogic})),n.d(t,"SurveyLogicUI",(function(){return c.SurveyLogicUI})),n.d(t,"SurveyQuestionEditorDefinition",(function(){return c.SurveyQuestionEditorDefinition})),n.d(t,"ToolboxToolViewModel",(function(){return c.ToolboxToolViewModel})),n.d(t,"PropertyGridEditorCollection",(function(){return c.PropertyGridEditorCollection})),n.d(t,"StylesManager",(function(){return c.StylesManager}));Object.assign;function r(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n]);function r(){this.constructor=e}e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)}var o=n(0),a=n.n(o),i=n(4),s=n.n(i),l=n(1),c=n(2),u=n(3),d=function(e){function t(t){var n=e.call(this,t)||this;return n.rootRef=a.a.createRef(),n}return r(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 a.a.createElement(m,{item:e,key:e.id})}));return a.a.createElement("div",{ref:this.rootRef,className:"svc-tabbed-menu"},e)},t.prototype.componentDidMount=function(){e.prototype.componentDidMount.call(this);var t=this.rootRef.current;t&&(this.manager=new u.ResponsivityManager(t,this.model,".svc-tabbed-menu-item-container:not(.sv-dots)>.sv-action__content"))},t.prototype.componentWillUnmount=function(){this.manager&&this.manager.dispose(),e.prototype.componentWillUnmount.call(this)},t}(l.SurveyElementBase),m=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(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=l.ReactElementFactory.Instance.createElement(this.item.component||"svc-tabbed-menu-item",{item:this.item});return a.a.createElement("span",{key:this.item.id,className:e},a.a.createElement("div",{className:"sv-action__content"},t))},t}(l.SurveyElementBase),p=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(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,t="svc-tabbed-menu-item";e.active&&(t+=" svc-tabbed-menu-item--selected"),void 0===e.enabled||e.enabled||(t+=" svc-tabbed-menu-item--disabled");var n="svc-text svc-tabbed-menu-item__text svc-text--normal";return e.active&&(n+=" svc-text--bold"),Object(l.attachKey2click)(a.a.createElement("div",{className:t,onClick:function(){return e.action(e)}},a.a.createElement("span",{className:n},e.title)))},t}(l.SurveyElementBase);l.ReactElementFactory.Instance.registerElement("svc-tabbed-menu-item",(function(e){return a.a.createElement(p,e)}));var h=function(e){function t(t){var n=e.call(this,t)||this;return n.rootNode=a.a.createRef(),n}return r(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-creator"+(this.props.creator.isMobileView?" svc-creator--mobile":"")+(this.props.creator.isTouch?" svc-creator--touch":""),n="svc-full-container svc-creator__area svc-flex-column"+(this.props.creator.haveCommercialLicense?"":" svc-creator__area--with-banner"),r="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,i=null;if(!this.props.creator.haveCommercialLicense){var s={__html:this.props.creator.licenseText};i=a.a.createElement("div",{className:"svc-creator__banner"},a.a.createElement("span",{className:"svc-creator__non-commercial-text",dangerouslySetInnerHTML:s}))}return a.a.createElement("div",{className:t,ref:this.rootNode,style:this.style},a.a.createElement(l.SvgBundleComponent,null),a.a.createElement("div",{className:n},a.a.createElement("div",{className:o},a.a.createElement("div",{className:"svc-flex-column svc-flex-row__element svc-flex-row__element--growing"},a.a.createElement("div",{className:"svc-top-bar"},e.showTabs?a.a.createElement("div",{className:"svc-tabbed-menu-wrapper"},a.a.createElement(d,{model:e.tabbedMenu})):null,e.showToolbar?a.a.createElement("div",{className:"svc-toolbar-wrapper"},a.a.createElement(l.SurveyActionBar,{model:e.toolbar})):null),a.a.createElement("div",{className:r},a.a.createElement("div",{className:"svc-creator__content-holder svc-flex-column"},this.renderActiveTab())),a.a.createElement("div",{className:"svc-footer-bar"},e.isMobileView?a.a.createElement("div",{className:"svc-toolbar-wrapper"},a.a.createElement(l.SurveyActionBar,{model:e.footerToolbar})):null)),this.renderSidebar()),i,a.a.createElement(l.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():l.ReactElementFactory.Instance.createElement(e.componentContent,{creator:t,survey:t.survey,data:e.data.model}),r="svc-creator-tab"+("right"==t.toolboxLocation?" svc-creator__toolbox--right":"");return a.a.createElement("div",{key:e.id,id:"scrollableDiv-"+e.id,className:r},n)},t.prototype.renderSidebar=function(){if(this.creator.sidebar){var e=this.creator.isMobileView?"sv-mobile-side-bar":"";return a.a.createElement("div",{className:e},l.ReactElementFactory.Instance.createElement("svc-side-bar",{model:this.creator.sidebar}))}return null},t}(l.SurveyElementBase),v=function(e){function t(t,n){return void 0===t&&(t={}),e.call(this,t,n)||this}return r(t,e),t.prototype.render=function(e){var t=e;"string"==typeof e&&(t=document.getElementById(e)),s.a.unmountComponentAtNode(t),s.a.render(a.a.createElement(a.a.StrictMode,null,a.a.createElement(h,{creator:this})),t)},t.prototype.createQuestionElement=function(e){return l.ReactQuestionFactory.Instance.createQuestion(e.isDefaultRendering()?e.getTemplate():e.getComponentName(),{question:e,isDisplayMode:e.isReadOnly,creator:this})},t.prototype.renderError=function(e,t,n){return a.a.createElement("div",{key:e},a.a.createElement("span",{className:n.error.icon,"aria-hidden":"true"}),a.a.createElement("span",{className:n.error.item},a.a.createElement(l.SurveyLocStringViewer,{locStr:t.locText})))},t.prototype.questionTitleLocation=function(){return this.survey.questionTitleLocation},t.prototype.questionErrorLocation=function(){return this.survey.questionErrorLocation},t}(c.SurveyCreatorModel);l.ReactElementFactory.Instance.registerElement("survey-widget",(function(e){return a.a.createElement(l.Survey,e)}));var f=function(e){function t(t){var n=e.call(this,t)||this;return n.createModel(),n}return r(t,e),t.prototype.componentDidUpdate=function(t,n){e.prototype.componentDidUpdate.call(this,t,n),this.needUpdateModel(t)&&this.createModel()},t.prototype.createModel=function(){},t.prototype.needUpdateModel=function(e){var t=this.getUpdatedModelProps();if(!Array.isArray(t))return!0;for(var n=0;n<t.length;n++){var r=t[n];if(this.props[r]!==e[r])return!0}return!1},t.prototype.getUpdatedModelProps=function(){},t}(l.SurveyElementBase),y=function(e){function t(t){return e.call(this,t)||this}return r(t,e),t.prototype.createModel=function(){this.model=new c.RowViewModel(this.props.componentData.creator,this.props.row,null)},t.prototype.getUpdatedModelProps=function(){return["row","componentData"]},t.prototype.getStateElement=function(){return this.model},t.prototype.render=function(){return a.a.createElement("div",{key:"svc-row-"+this.props.row.id,className:this.model.cssClasses},this.props.element)},t}(f);l.ReactElementFactory.Instance.registerElement("svc-row",(function(e){return a.a.createElement(y,e)}));var g=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}(),E=function(e){function t(t){var n=e.call(this,t)||this;return n.event=t,n}return r(t,e),Object.defineProperty(t.prototype,"dataTransfer",{get:function(){return this.event.dataTransfer},enumerable:!1,configurable:!0}),t}(g),b=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(t,e),t.prototype.createModel=function(){this.modelValue&&this.modelValue.dispose(),this.modelValue=this.createQuestionViewModel()},t.prototype.createQuestionViewModel=function(){return new c.QuestionAdornerViewModel(this.props.componentData,this.props.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.canRender=function(){return e.prototype.canRender.call(this)&&!this.model.isDragged},t.prototype.renderElement=function(){var e=this,t=this.model.element.isInteractiveDesignElement,n=this.renderContent(t);return a.a.createElement("div",{ref:this.rootRef,"data-sv-drop-target-survey-element":this.model.element.name||null,className:"svc-question__adorner"+this.model.rootCss(),onMouseOut:function(n){return t&&e.model.hover(n.nativeEvent,n.currentTarget)},onMouseOver:function(n){return t&&e.model.hover(n.nativeEvent,n.currentTarget)}},n)},t.prototype.disableTabStop=function(){return!0},t.prototype.renderContent=function(e){var t=this,n=this.renderElementContent();return Object(l.attachKey2click)(a.a.createElement("div",{className:this.model.css(),onClick:function(e){return t.model.select(t.model,new g(e))}},e?this.renderHeader():null,n,this.renderFooter()),void 0,{disableTabStop:this.disableTabStop()})},t.prototype.renderHeader=function(){return l.ReactElementFactory.Instance.createElement("svc-question-header",{model:this.model})},t.prototype.renderFooter=function(){return this.model.element.isInteractiveDesignElement?l.ReactElementFactory.Instance.createElement("svc-question-footer",{className:"svc-question__content-actions",model:this.model}):null},t.prototype.renderCarryForwardBanner=function(){return this.model.isBannerShowing?l.ReactElementFactory.Instance.createElement("svc-question-banner",this.model.createBannerParams()):null},t.prototype.renderElementContent=function(){return a.a.createElement(a.a.Fragment,null,this.props.element,this.renderElementPlaceholder(),this.renderCarryForwardBanner())},t.prototype.renderElementPlaceholder=function(){return this.model.isEmptyElement?a.a.createElement("div",{className:"svc-panel__placeholder_frame-wrapper"},a.a.createElement("div",{className:"svc-panel__placeholder_frame"},a.a.createElement("div",{className:"svc-panel__placeholder"},this.model.placeholderText))):null},t}(f);l.ReactElementFactory.Instance.registerElement("svc-question",(function(e){return a.a.createElement(b,e)}));var _=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(t,e),t.prototype.render=function(){var e=this;return this.props.model.allowDragging?a.a.createElement("div",{className:"svc-question__drag-area",onPointerDown:function(t){return e.props.model.onPointerDown(t)}},a.a.createElement(l.SvgIcon,{className:"svc-question__drag-element",size:24,iconName:"icon-drag-area-indicator_24x16"})):null},t}(a.a.Component);l.ReactElementFactory.Instance.registerElement("svc-question-header",(function(e){return a.a.createElement(_,e)}));var C=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(t,e),t.prototype.render=function(){var e=this;return a.a.createElement("div",{className:this.props.className,onFocus:function(t){return e.props.model.select(e.props.model,new g(t))}},a.a.createElement(l.SurveyActionBar,{model:this.props.model.actionContainer,handleClick:!1}))},t}(a.a.Component);l.ReactElementFactory.Instance.registerElement("svc-question-footer",(function(e){return a.a.createElement(C,e)}));var N=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(t,e),t.prototype.renderElement=function(){var e=this,t=this.props.classes+" svc-action-button";return this.props.selected&&(t+=" svc-action-button--selected"),this.props.disabled?(t+=" svc-action-button--disabled",a.a.createElement("span",{className:t},this.props.text)):a.a.createElement(a.a.Fragment,null,Object(l.attachKey2click)(a.a.createElement("span",{role:"button",className:t,onClick:function(t){e.props.allowBubble||t.stopPropagation(),e.props.click()},title:this.props.title},this.props.text)))},t}(l.SurveyElementBase),S=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(t,e),t.prototype.render=function(){var e=this;return a.a.createElement("div",{className:"svc-carry-forward-panel-wrapper"},a.a.createElement("div",{className:"svc-carry-forward-panel"},a.a.createElement("span",null,this.props.text," "),a.a.createElement("span",{className:"svc-carry-forward-panel__link"},a.a.createElement(N,{click:function(){return e.props.onClick()},text:this.props.actionText}))))},t}(a.a.Component);l.ReactElementFactory.Instance.registerElement("svc-question-banner",(function(e){return a.a.createElement(S,e)}));var w=function(e){function t(t){return e.call(this,t)||this}return r(t,e),t.prototype.createQuestionViewModel=function(){return new c.QuestionDropdownAdornerViewModel(this.props.componentData,this.props.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 a.a.createElement("div",{className:"svc-question__dropdown-choices--wrapper"},a.a.createElement("div",null,a.a.createElement("div",{className:"svc-question__dropdown-choices"},(this.dropdownModel.getRenderedItems()||[]).map((function(n,r){return a.a.createElement("div",{className:e.dropdownModel.getChoiceCss(),key:"editable_choice_".concat(r)},l.ReactSurveyElementsWrapper.wrapItemValue(e.question.survey,l.ReactElementFactory.Instance.createElement(e.dropdownModel.itemComponent,{key:n.value,question:e.question,cssClasses:e.question.cssClasses,isDisplayMode:!0,item:n,textStyle:t,index:r,isChecked:e.question.value===n.value}),e.question,n))}))),this.dropdownModel.needToCollapse?a.a.createElement(N,{click:this.dropdownModel.switchCollapse,text:this.dropdownModel.getButtonText(),allowBubble:!0}):null))},t}(b);l.ReactElementFactory.Instance.registerElement("svc-dropdown-question",(function(e){return a.a.createElement(w,e)}));var q=function(e){function t(t){var n=e.call(this,t)||this;return n.rootRef=a.a.createRef(),n}return r(t,e),t.prototype.createQuestionViewModel=function(){return new c.QuestionImageAdornerViewModel(this.props.componentData,this.props.question,null,null)},Object.defineProperty(t.prototype,"imageModel",{get:function(){return this.model},enumerable:!1,configurable:!0}),t.prototype.componentDidMount=function(){e.prototype.componentDidMount.call(this),this.imageModel.questionRoot=this.rootRef.current},t.prototype.renderHeader=function(){return a.a.createElement(a.a.Fragment,null,a.a.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 a.a.createElement("div",{className:"svc-image-question__loading-placeholder"},a.a.createElement("div",{className:"svc-image-question__loading"},a.a.createElement(l.LoadingIndicatorComponent,null)))},t.prototype.renderChooseButton=function(){var e=this;return a.a.createElement("div",{className:"svc-image-question-controls"},this.model.allowEdit?Object(l.attachKey2click)(a.a.createElement("span",{className:"svc-context-button",onClick:function(){return e.imageModel.chooseFile(e.imageModel)}},a.a.createElement(l.SvgIcon,{size:24,iconName:"icon-file"}))):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(){return this.imageModel.isEmptyImageLink?l.ReactQuestionFactory.Instance.createQuestion("file",{creator:this.imageModel.question.survey,isDisplayMode:!1,question:this.imageModel.filePresentationModel}):a.a.createElement(a.a.Fragment,null,this.props.element,this.renderElementPlaceholder())},t}(b);l.ReactElementFactory.Instance.registerElement("svc-image-question",(function(e){return a.a.createElement(q,e)}));var x=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(t,e),t.prototype.createModel=function(){this.modelValue=this.createQuestionViewModel()},t.prototype.createQuestionViewModel=function(){return new c.QuestionRatingAdornerViewModel(this.props.componentData,this.props.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 a.a.createElement(a.a.Fragment,null,a.a.createElement("div",{className:"svc-rating-question-content"},a.a.createElement("div",{className:e.controlsClassNames},e.allowRemove?Object(l.attachKey2click)(a.a.createElement("span",{className:e.removeClassNames,"aria-label":e.removeTooltip,onClick:function(){return e.removeItem(e)}},a.a.createElement(l.SvgIcon,{size:16,iconName:"icon-remove_16x16",title:e.removeTooltip}))):null,e.allowAdd?Object(l.attachKey2click)(a.a.createElement("span",{className:e.addClassNames,"aria-label":e.addTooltip,onClick:function(){return e.addItem(e)}},a.a.createElement(l.SvgIcon,{size:16,iconName:"icon-add_16x16",title:e.addTooltip}))):null),this.props.element))},t}(f);l.ReactElementFactory.Instance.registerElement("svc-rating-question",(function(e){return a.a.createElement(x,e)})),l.ReactElementFactory.Instance.registerElement("svc-rating-question-content",(function(e){return a.a.createElement(x,e)}));var M=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(t,e),t.prototype.createQuestionViewModel=function(){return new c.QuestionAdornerViewModel(this.props.componentData,this.props.question,null)},Object.defineProperty(t.prototype,"widgetModel",{get:function(){return this.model},enumerable:!1,configurable:!0}),t.prototype.renderElementContent=function(){return a.a.createElement("div",{className:"svc-widget__content"},this.props.element)},t}(b);l.ReactElementFactory.Instance.registerElement("svc-widget-question",(function(e){return a.a.createElement(M,e)}));var I=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(t,e),t.prototype.createModel=function(){this.model=new c.QuestionAdornerViewModel(this.props.componentData,this.props.question,null)},t.prototype.getStateElement=function(){return this.model},t.prototype.getUpdatedModelProps=function(){return["question","componentData"]},t.prototype.render=function(){return this.model.isDragged?null:a.a.createElement(a.a.Fragment,null,a.a.createElement("div",{"data-sv-drop-target-survey-element":this.model.element.name,className:"svc-question__adorner"},a.a.createElement("div",{className:" svc-question__content--in-popup svc-question__content"},this.props.element)))},t}(f);l.ReactElementFactory.Instance.registerElement("svc-cell-question",(function(e){return a.a.createElement(I,e)}));var P=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(t,e),t.prototype.createModel=function(){this.model=new c.QuestionAdornerViewModel(this.props.componentData,this.props.question,null)},t.prototype.getUpdatedModelProps=function(){return["question","componentData"]},t.prototype.getStateElement=function(){return this.model},t.prototype.render=function(){if(this.model.isDragged)return null;var e=this.props.question,t=this.props.question.textStyle;return a.a.createElement(a.a.Fragment,null,a.a.createElement("div",{"data-sv-drop-target-survey-element":this.model.element.name,className:"svc-question__adorner"},a.a.createElement("div",{className:" svc-question__content--in-popup svc-question__content"},this.props.element,a.a.createElement("div",{className:"svc-question__dropdown-choices"},e.visibleChoices.map((function(n,r){return a.a.createElement("div",{className:"svc-question__dropdown-choice",key:"editable_choice_".concat(r)},l.ReactSurveyElementsWrapper.wrapItemValue(e.survey,l.ReactElementFactory.Instance.createElement("survey-radiogroup-item",{question:e,cssClasses:e.cssClasses,isDisplayMode:!0,item:n,textStyle:t,index:r,isChecked:e.value===n.value}),e,n))}))))))},t}(f);l.ReactElementFactory.Instance.registerElement("svc-cell-dropdown-question",(function(e){return a.a.createElement(P,e)}));var R=function(e){function t(t){var n=e.call(this,t)||this;return n.rootRef=a.a.createRef(),n}return r(t,e),t.prototype.createModel=function(){this.model=new c.PageAdorner(this.props.creator,this.props.page)},t.prototype.getUpdatedModelProps=function(){return["creator","page"]},t.prototype.getStateElement=function(){return this.model},t.prototype.componentDidMount=function(){var t=this;e.prototype.componentDidMount.call(this),this.model.onPageSelectedCallback=function(){t.rootRef.current&&c.SurveyHelper.scrollIntoViewIfNeeded(t.rootRef.current)}},t.prototype.componentWillUnmount=function(){e.prototype.componentWillUnmount.call(this),this.model.onPageSelectedCallback=void 0,this.model.dispose()},t.prototype.canRender=function(){return!!this.model&&this.model.isPageLive&&!!this.model.page&&!!this.model.page.survey},t.prototype.renderElement=function(){var e=this;return this.props.page?Object(l.attachKey2click)(a.a.createElement("div",{ref:this.rootRef,className:"svc-page__content "+this.model.css,id:this.props.page.id,onClick:function(t){return e.model.select(e.model,new g(t))},onMouseLeave:function(t){return e.model.hover(t.nativeEvent,t.currentTarget)},onMouseOver:function(t){return e.model.hover(t.nativeEvent,t.currentTarget)}},this.renderHeader(),this.renderContent(),this.renderFooter())):null},t.prototype.renderContent=function(){return a.a.createElement(l.SurveyPage,{page:this.props.page,survey:this.props.survey,creator:this.props.creator,css:this.model.css})},t.prototype.renderHeader=function(){return a.a.createElement("div",{className:"svc-page__content-actions"},a.a.createElement(l.SurveyActionBar,{model:this.model.actionContainer}))},t.prototype.renderFooter=function(){return a.a.createElement(l.SurveyActionBar,{model:this.model.footerActionsBar})},t}(f);l.ReactElementFactory.Instance.registerElement("svc-page",(function(e){return a.a.createElement(R,e)}));var F=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(t,e),Object.defineProperty(t.prototype,"model",{get:function(){return this.props.item.data},enumerable:!1,configurable:!0}),t.prototype.renderElement=function(){var e=this,t=this.model.questionTypeSelectorModel;return Object(l.attachKey2click)(a.a.createElement("div",{className:"svc-page__add-new-question svc-btn",onClick:function(t){t.stopPropagation(),e.model.addNewQuestion(e.model,new g(t))},onMouseOver:function(t){return e.model.hoverStopper(t.nativeEvent,t.currentTarget)}},a.a.createElement("span",{className:"svc-text svc-text--normal svc-text--bold"},this.model.addNewQuestionText),Object(l.attachKey2click)(a.a.createElement("button",{type:"button",onClick:function(e){e.stopPropagation(),t.action()},className:"svc-page__question-type-selector",title:this.model.addNewQuestionText},a.a.createElement("span",{className:"svc-page__question-type-selector-icon"},a.a.createElement(l.SvgIcon,{iconName:t.iconName,size:24,title:this.model.addNewQuestionText})),a.a.createElement(l.Popup,{model:t.popupModel})))))},t}(l.SurveyElementBase);l.ReactElementFactory.Instance.registerElement("svc-add-new-question-btn",(function(e){return a.a.createElement(F,e)}));var D=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(t,e),t.prototype.renderElementPlaceholder=function(){var e=this;return this.model.isEmptyElement?a.a.createElement("div",{className:"svc-panel__placeholder_frame-wrapper"},a.a.createElement("div",{className:"svc-panel__placeholder_frame"},a.a.createElement("div",{className:"svc-panel__placeholder"},this.model.placeholderText),this.model.showAddQuestionButton?Object(l.attachKey2click)(a.a.createElement("div",{className:"svc-panel__add-new-question svc-action-button",onClick:function(t){t.stopPropagation(),e.model.addNewQuestion()}},a.a.createElement(l.SvgIcon,{className:"svc-panel__add-new-question-icon",iconName:"icon-add_24x24",size:24}),a.a.createElement("span",{className:"svc-text svc-text--normal svc-text--bold"},this.model.addNewQuestionText))):null)):null},t.prototype.disableTabStop=function(){return!0},t.prototype.renderFooter=function(){var t=this;return a.a.createElement(a.a.Fragment,null,!this.model.isEmptyElement&&this.model.element.isPanel&&this.model.showAddQuestionButton?a.a.createElement("div",{className:"svc-panel__add-new-question-container"},a.a.createElement("div",{className:"svc-panel__question-type-selector-popup"},a.a.createElement(l.Popup,{model:this.model.questionTypeSelectorModel.popupModel})),a.a.createElement("div",{className:"svc-panel__add-new-question-wrapper"},Object(l.attachKey2click)(a.a.createElement("div",{className:"svc-panel__add-new-question svc-action-button",onClick:function(e){e.stopPropagation(),t.model.addNewQuestion()}},a.a.createElement(l.SvgIcon,{className:"svc-panel__add-new-question-icon",iconName:"icon-add_24x24",size:24}),a.a.createElement("span",{className:"svc-text svc-text--normal svc-text--bold"},this.model.addNewQuestionText)),void 0),Object(l.attachKey2click)(a.a.createElement("button",{type:"button",onClick:function(e){e.stopPropagation(),t.model.questionTypeSelectorModel.action()},className:"svc-panel__question-type-selector",title:this.model.addNewQuestionText},a.a.createElement("span",{className:"svc-panel__question-type-selector-icon"},a.a.createElement(l.SvgIcon,{iconName:this.model.questionTypeSelectorModel.iconName,size:24})))))):null,e.prototype.renderFooter.call(this))},t}(b);l.ReactElementFactory.Instance.registerElement("svc-panel",(function(e){return a.a.createElement(D,e)}));var T=function(e){function t(t){var n=e.call(this,t)||this;return n.rootRef=a.a.createRef(),n}return r(t,e),t.prototype.createModel=function(){var e=null;this.model&&(e=this.model.root),this.model=new c.LogoImageViewModel(this.props.data,e)},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 Object(l.attachKey2click)(a.a.createElement("span",{className:"svc-context-button",onClick:function(){return e.model.chooseFile(e.model)}},a.a.createElement(l.SvgIcon,{size:24,iconName:"icon-file"})))},t.prototype.renderClearButton=function(){var e=this;return Object(l.attachKey2click)(a.a.createElement("span",{className:"svc-context-button svc-context-button--danger",onClick:function(){return e.model.remove(e.model)}},a.a.createElement(l.SvgIcon,{size:24,iconName:"icon-clear"})))},t.prototype.renderButtons=function(){return a.a.createElement("div",{className:"svc-context-container svc-logo-image-controls"},this.renderChooseButton(),this.renderClearButton())},t.prototype.renderImage=function(){return a.a.createElement("div",{className:this.model.containerCss},this.renderButtons(),a.a.createElement(l.LogoImage,{data:this.props.data.survey}))},t.prototype.renderPlaceHolder=function(){var e=this;return this.model.allowEdit&&!this.model.isUploading?Object(l.attachKey2click)(a.a.createElement("div",{className:"svc-logo-image-placeholder",onClick:function(){return e.model.chooseFile(e.model)}},a.a.createElement("svg",null,a.a.createElement("use",{xlinkHref:"#icon-logo"})))):null},t.prototype.renderInput=function(){return a.a.createElement("input",{"aria-hidden":"true",type:"file",tabIndex:-1,accept:this.model.acceptedTypes,className:"svc-choose-file-input"})},t.prototype.renderLoadingIndicator=function(){return a.a.createElement("div",{className:"svc-logo-image__loading"},a.a.createElement(l.LoadingIndicatorComponent,null))},t.prototype.render=function(){var e=null;return e=this.model.survey.locLogo.renderedHtml&&!this.model.isUploading?this.renderImage():this.model.isUploading?this.renderLoadingIndicator():this.renderPlaceHolder(),a.a.createElement("div",{ref:this.rootRef,className:"svc-logo-image"},this.renderInput(),e)},t}(f);l.ReactElementFactory.Instance.registerElement("svc-logo-image",(function(e){return a.a.createElement(T,e)}));var k=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(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?a.a.createElement(N,{classes:this.question.linkClearButtonCssClasses,click:function(){return e.question.doClearClick()},selected:this.question.isSelected,text:c.editorLocalization.getString("pe.clear")}):null},t.prototype.renderElement=function(){var e=this;return a.a.createElement(a.a.Fragment,null,a.a.createElement(N,{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}),this.renderClear())},t}(l.SurveyQuestionElementBase);l.ReactQuestionFactory.Instance.registerQuestion("linkvalue",(function(e){return a.a.createElement(k,e)}));var B=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(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?a.a.createElement(l.SurveyPage,{survey:e,page:e.currentPage,css:e.css,creator:this.creator}):null},t}(l.SurveyQuestionElementBase);l.ReactQuestionFactory.Instance.registerQuestion("embeddedsurvey",(function(e){return a.a.createElement(B,e)}));var O=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(t,e),Object.defineProperty(t.prototype,"survey",{get:function(){return this.props.survey},enumerable:!1,configurable:!0}),t.prototype.createQuestionElement=function(e){return l.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 a.a.createElement(a.a.Fragment,null,a.a.createElement(l.SurveyQuestion,{creator:this,element:e}))},t}(a.a.Component);l.ReactElementFactory.Instance.registerElement("svc-question-editor-content",(function(e){return a.a.createElement(O,e)}));var j=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.onBlur=function(e){t.model.onFocusOut(e.nativeEvent)},t}return r(t,e),t.prototype.createModel=function(){this.model=new c.ItemValueWrapperViewModel(this.props.componentData.creator,this.props.question,this.props.item)},t.prototype.getUpdatedModelProps=function(){return["question","item"]},t.prototype.getStateElement=function(){return this.model},t.prototype.render=function(){var e=this;this.model.item=this.props.item;var t=this.model.allowAdd?Object(l.attachKey2click)(a.a.createElement("span",{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}},a.a.createElement(l.SvgIcon,{size:16,iconName:"icon-add_16x16",title:this.model.tooltip}))):a.a.createElement(a.a.Fragment,null," ",this.model.isDraggable?a.a.createElement("span",{className:"svc-item-value-controls__button svc-item-value-controls__drag"},a.a.createElement(l.SvgIcon,{className:"svc-item-value-controls__drag-icon",size:24,iconName:"icon-drag-area-indicator",title:this.model.dragTooltip})):null,this.model.allowRemove?Object(l.attachKey2click)(a.a.createElement("span",{className:"svc-item-value-controls__button svc-item-value-controls__remove","aria-label":this.model.tooltip,onClick:function(){return e.model.remove(e.model)}},a.a.createElement(l.SvgIcon,{size:16,iconName:"icon-remove_16x16",title:this.model.tooltip}))):null),n=this.props.element.key+(this.model.allowAdd?"_new":"");return a.a.createElement("div",{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)}},a.a.createElement("div",{className:"svc-item-value__ghost"}),a.a.createElement("div",{className:"svc-item-value-controls",onBlur:this.onBlur},t),a.a.createElement("div",{className:"svc-item-value__item",onClick:function(t){return e.model.select(e.model,t.nativeEvent)}},this.props.element))},t}(f);l.ReactElementFactory.Instance.registerElement("svc-item-value",(function(e){return a.a.createElement(j,e)}));var U=function(e){function t(t){var n=e.call(this,t)||this;return n.preventDragHandler=function(e){e.preventDefault()},n.rootRef=a.a.createRef(),n}return r(t,e),t.prototype.createModel=function(){this.model=new c.ImageItemValueWrapperViewModel(this.props.componentData.creator,this.props.question,this.props.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 a.a.createElement("div",{className:"svc-image-item-value__loading"},a.a.createElement(l.LoadingIndicatorComponent,null))},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=this.model.getIsNewItemSingle()?null:{width:this.question.renderedImageWidth,height:this.question.renderedImageHeight},r=null;return r=t||this.model.isUploading?a.a.createElement(a.a.Fragment,null,a.a.createElement("div",{className:"svc-image-item-value__item",onDrop:this.model.onDrop,onDragOver:this.model.onDragOver,onDragLeave:this.model.onDragLeave},a.a.createElement("div",{className:"sd-imagepicker__item sd-imagepicker__item--inline"},a.a.createElement("label",{className:"sd-imagepicker__label"},a.a.createElement("div",{style:n,className:"sd-imagepicker__image"},this.model.isUploading?this.renderLoadingIndicator():null)))),a.a.createElement("div",{className:"svc-image-item-value-controls"},this.model.allowAdd&&!this.model.isUploading?Object(l.attachKey2click)(a.a.createElement("span",{className:"svc-context-button svc-image-item-value-controls__add",onClick:function(){return e.model.chooseNewFile(e.model)}},a.a.createElement(l.SvgIcon,{size:24,iconName:"icon-add-lg"}))):null)):a.a.createElement(a.a.Fragment,null,a.a.createElement("div",{className:"svc-image-item-value__item"},this.props.element),this.model.isDraggable&&this.model.canRenderControls?a.a.createElement("span",{className:"svc-context-button svc-image-item-value-controls__drag-area-indicator",onPointerDown:function(t){return e.model.onPointerDown(t)}},a.a.createElement(l.SvgIcon,{size:24,iconName:"icon-drag-area-indicator"})):null,this.model.canRenderControls?a.a.createElement("div",{className:"svc-context-container svc-image-item-value-controls"},this.model.allowRemove&&!this.model.isUploading?Object(l.attachKey2click)(a.a.createElement("span",{className:"svc-context-button",onClick:function(){return e.model.chooseFile(e.model)}},a.a.createElement(l.SvgIcon,{size:24,iconName:"icon-file"}))):null,this.model.allowRemove&&!this.model.isUploading?Object(l.attachKey2click)(a.a.createElement("span",{className:"svc-context-button svc-context-button--danger",onClick:function(){return e.model.remove(e.model)}},a.a.createElement(l.SvgIcon,{size:24,iconName:"icon-delete"}))):null):null),a.a.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},a.a.createElement("div",{className:"svc-image-item-value-wrapper__ghost",style:n}),a.a.createElement("div",{className:"svc-image-item-value-wrapper__content"},a.a.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"}}),r))},t}(f);l.ReactElementFactory.Instance.registerElement("svc-image-item-value",(function(e){return a.a.createElement(U,e)}));var Q=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(t,e),t.prototype.createModel=function(){var e,t=this.props.componentData;this.model=new c.MatrixCellWrapperViewModel(t.creator,t.element,t.question,t.row,t.column||(null===(e=t.element.cell)||void 0===e?void 0:e.column))},t.prototype.getUpdatedModelProps=function(){return["componentData"]},t.prototype.componentDidUpdate=function(t,n){var r,o;e.prototype.componentDidUpdate.call(this,t,n);var a=this.props.componentData;this.model.templateData=a.element,this.model.row=a.row,this.model.column=a.column||(null===(o=null===(r=a.element)||void 0===r?void 0:r.cell)||void 0===o?void 0:o.column),this.model.question=a.question},t.prototype.getStateElement=function(){return this.model},t.prototype.render=function(){var e=this,t=null;return this.model.isSupportCellEditor&&(t=a.a.createElement("div",{className:"svc-matrix-cell__question-controls"},Object(l.attachKey2click)(a.a.createElement("span",{className:"svc-matrix-cell__question-controls-button",onClick:function(t){return e.model.editQuestion(e.model,t)}},a.a.createElement(l.SvgIcon,{size:24,iconName:"icon-edit"}))))),a.a.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)}},a.a.createElement("div",{className:"svc-matrix-cell--selected"+(this.model.isSelected?" svc-visible":"")}),this.props.element,t)},t}(f);l.ReactElementFactory.Instance.registerElement("svc-matrix-cell",(function(e){return a.a.createElement(Q,e)}));var V=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(t,e),t.prototype.createModel=function(){this.props.survey&&(this.model=new c.SurveyResultsModel(this.props.survey))},t.prototype.getUpdatedModelProps=function(){return["survey"]},t.prototype.getStateElement=function(){return this.model},t.prototype.render=function(){var e=this;return this.model?a.a.createElement("div",{className:"svd-test-results"},a.a.createElement("div",{className:"svd-test-results__header"},a.a.createElement("div",{className:"svd-test-results__header-text"},this.model.surveyResultsText),a.a.createElement("div",{className:"svd-test-results__header-types"},a.a.createElement(N,{click:function(){return e.model.selectTableClick()},text:this.model.surveyResultsTableText,selected:this.model.isTableSelected,disabled:!1}),a.a.createElement(N,{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:a.a.createElement("div",{className:"svd-test-results__text svd-light-bg-color"},a.a.createElement("div",null,this.model.resultText))},t.prototype.renderResultAsTable=function(){return"table"!==this.model.resultViewType?null:a.a.createElement("div",{className:"svd-test-results__table svd-light-bg-color"},a.a.createElement("table",null,a.a.createElement("thead",null,a.a.createElement("tr",{className:"svd-light-background-color"},a.a.createElement("th",{key:1,className:"svd-dark-border-color"},this.model.resultsTitle),a.a.createElement("th",{key:2,className:"svd-dark-border-color"},this.model.resultsDisplayValue))),a.a.createElement("tbody",null,t.renderRows(this.model.resultData))))},t.renderRows=function(e){for(var t=[],n=0;n<e.length;n++)t.push(a.a.createElement(L,{key:n+1,row:e[n]}));return t},t}(f),L=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(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 a.a.createElement(a.a.Fragment,null,Object(l.attachKey2click)(a.a.createElement("tr",{onClick:function(){return e.row.toggle()}},a.a.createElement("td",{key:1,style:{paddingLeft:this.row.textMargin},className:"svd-dark-border-color"},this.row.isNode?a.a.createElement("span",{style:{left:this.row.markerMargin},className:"svd-test-results__marker "+(this.row.collapsed?"":"svd-test-results__marker--expanded")},a.a.createElement(l.SvgIcon,{iconName:"icon-expand_16x16",size:16})):null,this.row.question?a.a.createElement(l.SurveyLocStringViewer,{locStr:this.row.question.locTitle}):a.a.createElement("span",null,this.row.title)),a.a.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?V.renderRows(this.row.data):null)},t}(f),A=function(e){function t(t){return e.call(this,t)||this}return r(t,e),t.prototype.createModel=function(){this.model=new c.ToolboxToolViewModel(this.item,this.props.creator)},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="svc-toolbox__tool "+(t.css||"")+(t.isVisible?"":" sv-action--hidden"),r=l.ReactElementFactory.Instance.createElement(this.item.component||"svc-toolbox-item",{item:this.item,creator:this.creator,isCompact:this.isCompact});return a.a.createElement("div",{className:n,key:t.id,onPointerDown:function(t){t.persist(),e.model.onPointerDown(t)}},a.a.createElement("div",{className:"sv-action__content"},t.needSeparator&&!this.creator.toolbox.showCategoryTitles?a.a.createElement("div",{className:"svc-toolbox__category-separator"}):null,r))},t}(f),K=function(e){function t(t){return e.call(this,t)||this}return r(t,e),t.prototype.createModel=function(){var e=this.props.item;this.model=new c.ToolboxToolViewModel(e,this.props.creator)},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}),t.prototype.getStateElement=function(){return this.model},t.prototype.render=function(){var e=this;return Object(l.attachKey2click)(a.a.createElement("div",{className:"svc-toolbox__item "+this.item.className,tabIndex:0,role:"button","aria-label":this.item.tooltip,title:this.item.tooltip,onClick:function(t){t.persist(),e.model.click(t)}},a.a.createElement("span",{className:"svc-toolbox__item-container"},a.a.createElement(l.SvgIcon,{size:24,iconName:this.item.iconName,title:this.item.tooltip})),this.props.isCompact?a.a.createElement("span",{className:"svc-toolbox__item-banner svc-item__banner"},a.a.createElement(l.SvgIcon,{size:24,iconName:this.item.iconName,className:"svc-toolbox__item-icon",title:this.item.tooltip}),a.a.createElement("span",{className:"svc-toolbox__item-title"},this.item.title)):a.a.createElement("span",{className:"svc-toolbox__item-title"},this.item.title)))},t}(f);l.ReactElementFactory.Instance.registerElement("svc-toolbox-item",(function(e){return a.a.createElement(K,e)}));var H=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(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":"")},enumerable:!1,configurable:!0}),t.prototype.getStateElement=function(){return this.category},t.prototype.render=function(){var e=this.renderCategoryHeader(),t=this.renderCategoryContent();return a.a.createElement("div",{className:this.class,key:this.category.name},e,t)},t.prototype.renderCategoryHeader=function(){var e=this,t="svc-toolbox__category-header";return this.toolbox.canCollapseCategories&&(t+=" svc-toolbox__category-header--collapsed"),Object(l.attachKey2click)(a.a.createElement("div",{className:t,onClick:function(t){return e.category.toggleState()}},a.a.createElement("span",{className:"svc-toolbox__category-title"},this.category.name),this.renderButton()))},t.prototype.renderButton=function(){if(!this.toolbox.canCollapseCategories)return null;var e=this.category.collapsed?"arrow-down":"arrow-up",t="svc-toolbox__category-header__button svc-string-editor__button--"+(this.category.collapsed?"expand":"collapse");return a.a.createElement("div",{className:"svc-toolbox__category-header__controls"},a.a.createElement(l.SvgIcon,{className:t,iconName:"icon-"+e,size:24}))},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,r){return a.a.createElement(A,{item:e,creator:n.toolbox.creator,isCompact:t,key:"item"+r})}))},t}(l.SurveyElementBase);l.ReactElementFactory.Instance.registerElement("svc-toolbox-category",(function(e){return a.a.createElement(H,e)}));var z=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(t,e),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.render=function(){return this.toolbox.hasActions?a.a.createElement("div",{className:"svc-toolbox"},a.a.createElement("div",{className:"svc-toolbox__container"},1!=this.toolbox.categories.length&&this.toolbox.showCategoryTitles?this.renderCategories():a.a.createElement("div",{className:"svc-toolbox__category"},this.renderItems(this.toolbox.visibleActions)))):null},t.prototype.renderItems=function(e,t){var n=this;return void 0===t&&(t=!1),e.map((function(e,r){return a.a.createElement(A,{item:e,creator:n.creator,isCompact:t,key:"item"+r})}))},t.prototype.renderCategories=function(){var e=this;return this.toolbox.categories.map((function(t,n){return a.a.createElement(H,{category:t,toolbox:e.toolbox,key:"item"+n})}))},t}(l.SurveyElementBase);l.ReactElementFactory.Instance.registerElement("svc-toolbox",(function(e){return a.a.createElement(z,e)}));var W=function(e){function t(t){var n=e.call(this,t)||this;return n.rootRef=a.a.createRef(),n}return r(t,e),t.prototype.componentDidMount=function(){e.prototype.componentDidMount.call(this);var t=this.rootRef.current;t&&(this.manager=new u.VerticalResponsivityManager(t,this.toolbox,".svc-toolbox__tool:not(.sv-dots)",null,void 0,(function(e){return setTimeout(e)})))},t.prototype.componentWillUnmount=function(){this.manager&&this.manager.dispose(),e.prototype.componentWillUnmount.call(this)},t.prototype.render=function(){if(!this.toolbox.hasActions)return null;var e="svc-toolbox"+(this.toolbox.isCompact?" svc-toolbox--compact":"");return a.a.createElement("div",{ref:this.rootRef,className:e},a.a.createElement("div",{className:"svc-toolbox__container"},this.toolbox.isCompact||1==this.toolbox.categories.length||!this.toolbox.showCategoryTitles?a.a.createElement("div",{className:"svc-toolbox__category"},this.renderItems(this.toolbox.renderedActions,this.toolbox.isCompact)):this.renderCategories()))},t}(z);l.ReactElementFactory.Instance.registerElement("svc-adaptive-toolbox",(function(e){return a.a.createElement(W,e)}));var G=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.onPropChangedHandler=function(e,n){if(!t.isRendering){var r=["showProgressBar","progressBarType","currentPageValue"];if(!(r.indexOf(n.name)<0)){for(var o={},a=0;a<r.length;a++){var i=r[a];o[i]=t.survey[i]}t.setState(o)}}},t}return r(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 l.ReactElementFactory.Instance.createElement(this.survey.getProgressTypeComponent(),{survey:this.survey,css:this.survey.css,isTop:this.isTop})},t}(l.SurveyElementBase),J=function(e){function t(t){var n=e.call(this,t)||this;return n.containerRef=a.a.createRef(),n}return r(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.visible?"":"none"},n="svc-side-bar"+(this.model.flyoutPanelMode?" svc-flyout-side-bar":""),r=this.model.tabs.map((function(e){return a.a.createElement(X,{item:e,key:e.id})}));return a.a.createElement("div",{className:n,style:{display:this.model.hasVisibleTabs?"":"none"}},a.a.createElement("div",{className:"svc-side-bar__shadow",onClick:function(){return e.model.collapseSidebar()}}),a.a.createElement("div",{className:"svc-flex-column svc-side-bar__wrapper"},a.a.createElement("div",{ref:this.containerRef,style:t,className:"svc-side-bar__container"},a.a.createElement("div",{className:"svc-side-bar__container-header"},a.a.createElement("div",{className:"svc-side-bar__container-actions"},a.a.createElement(l.SurveyActionBar,{model:this.model.toolbar})),this.model.headerText?a.a.createElement("div",{className:"svc-side-bar__container-title"},this.model.headerText):null),a.a.createElement("div",{className:"svc-side-bar__container-content"},r))))},t}(l.SurveyElementBase),X=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(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(){return this.item.visible?l.ReactElementFactory.Instance.createElement(this.item.componentName,{model:this.item.model}):null},t}(l.SurveyElementBase);l.ReactQuestionFactory.Instance.registerQuestion("svc-side-bar-tab",(function(e){return a.a.createElement(X,e)}));l.ReactElementFactory.Instance.registerElement("svc-side-bar",(function(e){return a.a.createElement(J,e)}));var Y=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(t,e),t.prototype.render=function(){return a.a.createElement("div",{className:"sd-translation-line-skeleton"})},t}(a.a.Component);l.ReactElementFactory.Instance.registerElement("sd-translation-line-skeleton",(function(e){return a.a.createElement(Y,e)}));var Z=function(e){function t(t){var n=e.call(this,t)||this;return n.onChangedHandler=function(e,t){n.setState({changed:n.state&&n.state.changed?n.state.changed+1:1})},n.onBlur=function(e){return n.svStringEditorRef.current.spellcheck=!1,n.locString.__isEditing=!1,n.justFocused=!1,n.baseModel.onBlur(e.nativeEvent),n.baseModel.errorText},n.onCompositionStart=function(e){n.baseModel.onCompositionStart(e.nativeEvent)},n.onCompositionEnd=function(e){n.baseModel.onCompositionEnd(e.nativeEvent)},n.onInput=function(e){n.baseModel.onInput(e.nativeEvent)},n.onPaste=function(e){n.baseModel.onPaste(e.nativeEvent)},n.justFocused=!1,n.onFocus=function(e){n.baseModel.onFocus(e.nativeEvent),n.justFocused=!0},n.onKeyDown=function(e){return n.baseModel.onKeyDown(e.nativeEvent)},n.onKeyUp=function(e){return n.baseModel.onKeyUp(e.nativeEvent)},n.onMouseUp=function(e){return n.baseModel.onMouseUp(e.nativeEvent)},n.done=function(e){n.baseModel.done(e),n.locString.__isEditing=!1},n.edit=function(e){n.svStringEditorRef.current.focus(),n.locString.__isEditing=!0,n.baseModel.onClick(e)},n.state={changed:0},n.svStringEditorRef=a.a.createRef(),n}return r(t,e),t.prototype.createModel=function(){this.baseModel&&this.baseModel.dispose(),this.baseModel=new c.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()},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;if(this.locString.hasHtml){var t={__html:this.baseModel.focused&&this.baseModel.editAsText&&this.locString.text||this.locString.renderedHtml};e=a.a.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,dangerouslySetInnerHTML:t,onBlur:this.onBlur,onFocus:this.onFocus,onKeyDown:this.onKeyDown,onMouseUp:this.onMouseUp,onClick:this.edit})}else e=a.a.createElement("span",{role:"textbox",ref:this.svStringEditorRef,className:"sv-string-editor",contentEditable:this.contentEditable,spellCheck:!1,"aria-placeholder":this.placeholder,"aria-label":this.placeholder||"content editable",suppressContentEditableWarning:!0,onBlur:this.onBlur,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 n=this.baseModel.showCharacterCounter?a.a.createElement(l.CharacterCounterComponent,{counter:this.baseModel.characterCounter,remainingCharacterCounter:this.baseModel.getCharacterCounterClass}):null;return a.a.createElement("span",{className:this.className},a.a.createElement("span",{className:"svc-string-editor__content"},a.a.createElement("div",{className:"svc-string-editor__border",onClick:this.edit},a.a.createElement(l.SvgIcon,{className:"svc-string-editor__button svc-string-editor__button--edit",size:16,iconName:"icon-edit"})),a.a.createElement("span",{className:"svc-string-editor__input"},e,a.a.createElement("div",{className:"svc-string-editor__controls",onClick:this.edit}),n)),this.errorText?a.a.createElement("span",{className:"svc-string-editor__error"},this.errorText):"")},t}(f);l.ReactElementFactory.Instance.registerElement(c.editableStringRendererName,(function(e){return a.a.createElement(Z,e)}));var $=function(e){function t(t){return e.call(this,t)||this}return r(t,e),t.prototype.renderInput=function(){var e=this.question;Object(c.initLogicOperator)(e);var t=e.selectedItemLocText?this.renderLocString(e.selectedItemLocText):"";return o.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:this.question.ariaRole,"aria-required":this.question.ariaRequired,"aria-label":this.question.ariaLabel,"aria-invalid":this.question.ariaInvalid,"aria-describedby":this.question.ariaDescribedBy},o.createElement("div",{className:this.question.cssClasses.controlValue},t,o.createElement("div",null,e.readOnlyText)),this.createClearButton())},t}(l.SurveyQuestionDropdown);l.ReactQuestionFactory.Instance.registerQuestion("sv-logic-operator",(function(e){return o.createElement($,e)})),u.RendererFactory.Instance.registerRenderer("dropdown","logicoperator","sv-logic-operator");var ee=function(e){function t(t){var n=e.call(this,t)||this;return n.containerRef=a.a.createRef(),n}return r(t,e),t.prototype.createModel=function(){this.model&&this.model.dispose(),this.model=new c.PageNavigatorViewModel(this.props.pagesController,this.props.pageEditMode)},t.prototype.getUpdatedModelProps=function(){return["pagesController","pageEditMode"]},t.prototype.getStateElement=function(){return this.model},Object.defineProperty(t.prototype,"scrollableContainer",{get:function(){var e=this.containerRef.current;if(e){return e.parentElement.parentElement.parentElement}return e},enumerable:!1,configurable:!0}),t.prototype.componentDidMount=function(){if(e.prototype.componentDidMount.call(this),"bypage"!==this.props.pageEditMode){var t=this.containerRef.current;if(t){var n=this;t.parentElement.parentElement.parentElement.onscroll=function(e){return n.model.onContainerScroll(e.currentTarget)},n.model.setItemsContainer(t.parentElement),n.model.setScrollableContainer(t.parentElement.parentElement.parentElement)}}},t.prototype.componentWillUnmount=function(){e.prototype.componentWillUnmount.call(this);var t=this.containerRef.current;t&&(t.parentElement.parentElement.parentElement.onscroll=void 0),this.model.stopItemsContainerHeightObserver(),this.model.setScrollableContainer(void 0)},t.prototype.renderElement=function(){var e=this,t="svc-page-navigator__selector";return this.model.isPopupOpened&&(t+=" svc-page-navigator__selector--opened"),a.a.createElement("div",{className:"svc-page-navigator",ref:this.containerRef,style:{display:this.model.visible?"flex":"none"}},Object(l.attachKey2click)(a.a.createElement("div",{className:t,onClick:function(){return e.model.togglePageSelector()},title:this.model.pageSelectorCaption},a.a.createElement(l.SvgIcon,{className:"svc-page-navigator__navigator-icon",iconName:this.model.icon,size:24,title:this.model.pageSelectorCaption}),a.a.createElement(l.Popup,{model:this.model.popupModel}))),a.a.createElement("div",null,this.model.visibleItems.map((function(e){return a.a.createElement(te,{key:e.id,item:e})}))))},t}(f),te=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(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 Object(u.unwrap)(e.active)&&(t+=" svc-page-navigator-item--selected"),Object(u.unwrap)(e.disabled)&&(t+=" svc-page-navigator-item--disabled"),a.a.createElement("div",{className:"svc-page-navigator-item"},Object(l.attachKey2click)(a.a.createElement("div",{className:t,onClick:function(t){e.action(e),t.stopPropagation()}},a.a.createElement("div",{className:"svc-page-navigator-item__dot",title:e.title}),a.a.createElement("div",{className:"svc-page-navigator-item__banner svc-item__banner"},a.a.createElement("span",{className:"svc-text svc-text--small svc-text--bold"},e.title),a.a.createElement("span",{className:"svc-page-navigator-item__dot"})))))},t}(f),ne=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.onDragEnd.add(t.allowUpdate)},t.clearDragDropEvents=function(){t.creator.onDragStart.remove(t.denyUpdate),t.creator.onDragEnd.remove(t.allowUpdate)},t.renderedPagesCache={},t}return r(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;"pages"!==this.changedStatePropName&&(this.renderedPagesCache={});var t=[];if("bypage"!==this.creator.pageEditMode){this.creator.survey.pages.forEach((function(n,r){var o=e.renderedPagesCache[n.id];o||(o=e.createRenderedPage(n,r),e.renderedPagesCache[n.id]=o),t.push(o)})),this.model.showNewPage&&t.push(this.renderNewPage("svc-page",this.model.newPage.id+"-ghost-new-page"))}else{var n=this.model.pagesController.page2Display;if(n){var r=this.renderedPagesCache[n.id];r||(r=this.createRenderedPage(n,0,!0),this.renderedPagesCache[n.id]=r),t.push(r)}}return t},t.prototype.createRenderedPage=function(e,t,n){return a.a.createElement("div",{className:"svc-page","data-sv-drop-target-page":e.name,"data-sv-drop-target-survey-element":n?"newGhostPage":e.name,key:e.id+"-"+t},this.renderPage(e))},t.prototype.renderNewPage=function(e,t){return void 0===t&&(t=""),a.a.createElement(a.a.Fragment,{key:t},a.a.createElement("div",{className:e,"data-sv-drop-target-survey-element":"newGhostPage"},this.model.newPage?this.renderPage(this.model.newPage):null))},t.prototype.renderPage=function(e){return l.ReactElementFactory.Instance.createElement("svc-page",{survey:this.creator.survey,page:e,creator:this.creator})},t.prototype.renderElement=function(){var e=this,t="svc-tab-designer "+this.model.getRootCss();return a.a.createElement(a.a.Fragment,null,a.a.createElement("div",{className:"svc-flex-column"},this.model.isToolboxVisible?l.ReactElementFactory.Instance.createElement("svc-adaptive-toolbox",{model:this.creator}):null),a.a.createElement("div",{className:t,onClick:function(){return e.model.clickDesigner()}},a.a.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 a.a.createElement(a.a.Fragment,null,a.a.createElement("div",{className:"svc-designer-header"},a.a.createElement(l.SurveyHeader,{survey:t})))},t.prototype.renderPlaceHolder=function(){var e=this.renderHeader(this.creator.allowEditSurveyTitle&&this.creator.showHeaderInEmptySurvey);return a.a.createElement(a.a.Fragment,null,e,a.a.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 a.a.createElement("span",{className:"svc-designer-placeholder-text svc-text svc-text--normal"},this.model.placeholderText)},t.prototype.renderTabContent=function(){var e=this.creator.survey,t=this.renderHeader(this.creator.allowEditSurveyTitle),n={};return e.width&&(n.maxWidth=e.renderedWidth),a.a.createElement(a.a.Fragment,null,a.a.createElement("div",{className:this.model.designerCss,style:n},t,a.a.createElement(G,{survey:e,location:"top"}),this.getRenderedPages(),a.a.createElement(G,{survey:e,location:"bottom",css:e.css})),this.creator.showPageNavigator?a.a.createElement("div",{className:"svc-tab-designer__page-navigator"},a.a.createElement(ee,{pagesController:this.model.pagesController,pageEditMode:this.model.creator.pageEditMode})):null)},t}(l.SurveyElementBase);l.ReactElementFactory.Instance.registerElement("svc-tab-designer",(function(e){return a.a.createElement(ne,e)}));var re=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(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 a.a.createElement("div",{className:"svc-json-editor-tab__errros_list",style:{display:this.model.hasErrors?"block":"none"}},a.a.createElement(l.List,{model:this.model.errorList}))},t}(l.SurveyElementBase),oe=function(e){function t(t){return e.call(this,t)||this}return r(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=a.a.createElement(re,{data:this.model});return a.a.createElement("div",{className:"svc-creator-tab__content"},a.a.createElement("div",{className:"svc-json-editor-tab__content"},a.a.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}(l.SurveyElementBase);l.ReactElementFactory.Instance.registerElement("svc-tab-json-editor-textarea",(function(e){return a.a.createElement(oe,e)}));var ae=function(e){function t(t){var n=e.call(this,t)||this;return n.aceEditorrRef=a.a.createRef(),n}return r(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=a.a.createElement(re,{data:this.model});return a.a.createElement("div",{className:"svc-creator-tab__content"},a.a.createElement("div",{className:"svc-json-editor-tab__content"},a.a.createElement("div",{className:"svc-json-editor-tab__ace-editor",ref:this.aceEditorrRef}),e))},t}(l.SurveyElementBase);l.ReactElementFactory.Instance.registerElement("svc-tab-json-editor-ace",(function(e){return a.a.createElement(ae,e)}));var ie=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(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 Object(l.attachKey2click)(a.a.createElement("div",{role:"button",onClick:function(t){t.stopPropagation(),e.model.action()},className:t,title:this.model.title},a.a.createElement("span",{className:"svc-text svc-text--normal svc-text--bold"},this.model.title)))},t}(l.SurveyElementBase);l.ReactElementFactory.Instance.registerElement("svc-tab-logic-add-button",(function(e){return a.a.createElement(ie,e)}));var se=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(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 a.a.createElement("div",{className:"svc-creator-tab__content"},e)},t.prototype.renderViewContent=function(){var e="svc-plugin-tab__content svc-logic-tab__content "+(this.model.hasItems?"":"svc-logic-tab__empty"),t=this.model.readOnly?void 0:a.a.createElement(ie,{button:this.model.addNewButton});return a.a.createElement(o.Fragment,null,a.a.createElement("div",{className:e},a.a.createElement(l.Survey,{model:this.model.itemsSurvey}),this.model.hasItems?null:a.a.createElement("div",{className:"svc-logic-tab__content-empty"},a.a.createElement("span",{className:"svc-text"},this.model.emptyTabPlaceholder)),t))},t}(l.SurveyElementBase);l.ReactElementFactory.Instance.registerElement("svc-tab-logic",(function(e){return a.a.createElement(se,e)}));var le=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(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?a.a.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},a.a.createElement("div",{className:"svd-simulator-wrapper",id:"svd-simulator-wrapper",style:{width:this.model.simulatorFrame.frameWidth+"px",height:this.model.simulatorFrame.frameHeight+"px"}},a.a.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%)"}},a.a.createElement("div",{className:"svd-simulator-content"},a.a.createElement(l.Survey,{model:this.model.survey}))))):a.a.createElement("div",{className:t},a.a.createElement("div",{className:"svd-simulator-content"},a.a.createElement(l.Survey,{model:this.model.survey}))):a.a.createElement("div",{className:t})},t}(l.SurveyElementBase),ce=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(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 Object(l.attachKey2click)(a.a.createElement("div",{role:"button",onClick:function(t){t.stopPropagation(),e.model.action()},className:"svc-preview__test-again svc-btn",title:this.model.title},a.a.createElement("span",{className:"svc-text svc-text--normal svc-text--bold"},this.model.title)))},t}(l.SurveyElementBase);l.ReactElementFactory.Instance.registerElement("svc-complete-page",(function(e){return a.a.createElement(ce,e)}));var ue=function(e){function t(t){return e.call(this,t)||this}return r(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(){var e="svc-creator-tab__content svc-test-tab__content"+(this.model.isPageToolbarVisible?" svc-creator-tab__content--with-toolbar":"");return a.a.createElement("div",{className:e},a.a.createElement("div",{className:"svc-plugin-tab__content"},a.a.createElement(le,{model:this.model.simulator}),this.model.showResults?a.a.createElement(V,{survey:this.model.simulator.survey}):null),this.getBottomToolbar())},t.prototype.getBottomToolbar=function(){return this.model.isPageToolbarVisible?a.a.createElement("div",{className:"svc-test-tab__content-actions"},a.a.createElement(l.SurveyActionBar,{model:this.model.pages})):null},t}(l.SurveyElementBase);l.ReactElementFactory.Instance.registerElement("svc-tab-test",(function(e){return a.a.createElement(ue,e)}));var de=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(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(){var e="svc-creator-tab__content svc-test-tab__content"+(this.model.isPageToolbarVisible?" svc-creator-tab__content--with-toolbar":"");return a.a.createElement("div",{className:e},a.a.createElement("div",{className:"svc-plugin-tab__content"},a.a.createElement(le,{model:this.model.simulator}),this.model.showResults?a.a.createElement(V,{survey:this.model.simulator.survey}):null),this.getBottomToolbar())},t.prototype.getBottomToolbar=function(){return this.model.isPageToolbarVisible?a.a.createElement("div",{className:"svc-test-tab__content-actions"},a.a.createElement(l.SurveyActionBar,{model:this.model.pages})):null},t}(l.SurveyElementBase);l.ReactElementFactory.Instance.registerElement("svc-tab-theme",(function(e){return a.a.createElement(de,e)}));var me=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(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(){return this.model?a.a.createElement("div",{className:"svc-creator-tab__content svc-translation-tab"},this.renderElementContent()):null},t.prototype.renderElementContent=function(){return this.model.isEmpty?a.a.createElement("div",{className:"st-no-strings"},a.a.createElement("span",null,this.model.noStringsText)):a.a.createElement("div",{className:"st-content"},a.a.createElement("div",{className:"svc-flex-column st-strings-wrapper"},a.a.createElement("div",{className:"svc-flex-row st-strings-header"},a.a.createElement(l.Survey,{model:this.model.stringsHeaderSurvey})),a.a.createElement("div",{className:"svc-flex-row svc-plugin-tab__content st-strings"},a.a.createElement(l.Survey,{model:this.model.stringsSurvey}))))},t}(l.SurveyElementBase);l.ReactElementFactory.Instance.registerElement("svc-tab-translation",(function(e){return a.a.createElement(me,e)}));var pe=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(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?a.a.createElement(l.List,{model:this.model.list}):null},t}(l.SurveyElementBase);l.ReactElementFactory.Instance.registerElement("svc-object-selector",(function(e){return a.a.createElement(pe,e)}));var he=function(e){function t(t){var n=e.call(this,t)||this;return n.state={filterString:n.model.filterString||""},n}return r(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;if(!this.model.isVisible)return null;return a.a.createElement("div",{className:"spg-search-editor_container"},a.a.createElement("div",{className:"spg-search-editor_search-icon"},a.a.createElement(l.SvgIcon,{iconName:"icon-search",size:"auto"})),a.a.createElement("input",{type:"text",className:"spg-search-editor_input","aria-label":this.model.filterStringPlaceholder,placeholder:this.model.filterStringPlaceholder,value:this.state.filterString,onChange:function(t){var n=u.settings.environment.root;t.target===n.activeElement&&(e.model.filterString=t.target.value)}}),a.a.createElement("div",{className:"spg-search-editor_toolbar"},a.a.createElement("div",{className:"spg-search-editor_toolbar-counter"},this.model.matchCounterText),a.a.createElement(l.SurveyActionBar,{model:this.model.searchActionBar})))},t}(l.SurveyElementBase);l.ReactElementFactory.Instance.registerElement("svc-search",(function(e){return a.a.createElement(he,e)}));var ve=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(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(){var e=this.model.searchEnabled?"spg-container spg-container_search":"spg-container";return a.a.createElement("div",{className:e},a.a.createElement(he,{model:this.model.searchManager}),a.a.createElement(l.Survey,{model:this.model.survey}))},t}(l.SurveyElementBase);l.ReactQuestionFactory.Instance.registerQuestion("buttongroup",(function(e){return a.a.createElement(l.SurveyQuestionButtonGroup,e)}));l.ReactElementFactory.Instance.registerElement("svc-property-grid",(function(e){return a.a.createElement(ve,e)}));var fe=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(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?a.a.createElement("span",{className:"svc-switcher__title"},this.item.title):null;return Object(l.attachKey2click)(a.a.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},a.a.createElement("div",{className:this.item.getSwitcherIconCss()},a.a.createElement("div",{className:"svc-switcher__icon-thumb"})),n),this.item,{processEsc:!1})},t}(l.SurveyElementBase);l.ReactElementFactory.Instance.registerElement("svc-switcher",(function(e){return a.a.createElement(fe,e)}));var ye=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(t,e),t.prototype.render=function(){var e=this.props.item;return a.a.createElement(a.a.Fragment,null,a.a.createElement(l.SvgIcon,{iconName:e.iconName,iconSize:e.iconSize,className:"svc-json-error__icon"}),a.a.createElement("div",{className:"svc-json-error__container"},a.a.createElement("div",{className:"svc-json-error__title"},a.a.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 Object(l.attachKey2click)(a.a.createElement("button",{type:"button",onClick:function(t){t.stopPropagation(),e.data.fixError()},title:e.data.fixButtonTitle,className:"svc-json-error__fix-button"},a.a.createElement(l.SvgIcon,{iconName:e.data.fixButtonIcon,size:"auto"})))},t}(l.SurveyElementBase);l.ReactElementFactory.Instance.registerElement("json-error-item",(function(e){return a.a.createElement(ye,e)}));var ge=function(e){function t(t){return e.call(this,t)||this}return r(t,e),Object.defineProperty(t.prototype,"question",{get:function(){return this.questionBase},enumerable:!1,configurable:!0}),t.prototype.renderInput=function(){var e=this;return o.createElement(o.Fragment,null,o.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",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.ariaRequired,"aria-label":this.question.ariaLabel,"aria-invalid":this.question.ariaInvalid,"aria-describedby":this.question.ariaDescribedBy}))},t.prototype.renderElement=function(){var e=this;return o.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 o.createElement("span",{className:this.question.cssClasses.buttonsContainer},o.createElement("button",{tabIndex:-1,className:this.question.cssClasses.arrowButton,disabled:this.isDisplayMode,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)}},o.createElement(l.SvgIcon,{iconName:this.question.cssClasses.decreaseButtonIcon,size:"auto"})),o.createElement("button",{tabIndex:-1,className:this.question.cssClasses.arrowButton,disabled:this.isDisplayMode,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)}},o.createElement(l.SvgIcon,{iconName:this.question.cssClasses.increaseButtonIcon,size:"auto"})))},t}(l.SurveyQuestionText);l.ReactQuestionFactory.Instance.registerQuestion("spinedit",(function(e){return o.createElement(ge,e)}));var Ee=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(t,e),t.prototype.render=function(){var e=this.props.item;return a.a.createElement(a.a.Fragment,null,a.a.createElement("span",{className:"spg-color-editor__color-swatch",style:{backgroundColor:e.value}}),a.a.createElement("span",{key:2},this.renderLocString(e.locTitle,void 0,"locString")))},t}(l.SurveyElementBase);l.ReactElementFactory.Instance.registerElement("color-item",(function(e){return a.a.createElement(Ee,e)}));var be=function(e){function t(t){return e.call(this,t)||this}return r(t,e),Object.defineProperty(t.prototype,"question",{get:function(){return this.questionBase},enumerable:!1,configurable:!0}),t.prototype.renderInput=function(){var e=this;return o.createElement(o.Fragment,null,o.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.ariaRequired,"aria-label":this.question.ariaLabel,"aria-invalid":this.question.ariaInvalid,"aria-describedby":this.question.ariaDescribedBy}))},t.prototype.renderElement=function(){var e=this;return o.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 o.createElement("label",{className:this.question.getSwatchCss(),style:this.question.getSwatchStyle()},o.createElement(l.SvgIcon,{iconName:this.question.cssClasses.swatchIcon,size:"auto"}),o.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}))},t.prototype.renderDropdownAction=function(){return o.createElement(o.Fragment,null,l.ReactElementFactory.Instance.createElement("sv-action-bar-item",{item:this.question.dropdownAction}),this.renderPopup())},t.prototype.renderPopup=function(){return o.createElement(l.Popup,{model:this.question.dropdownAction.popupModel})},t}(l.SurveyQuestionText);l.ReactQuestionFactory.Instance.registerQuestion("color",(function(e){return o.createElement(be,e)}));var _e=function(e){function t(t){return e.call(this,t)||this}return r(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 o.createElement(o.Fragment,null,o.createElement("input",{disabled:this.isDisplayMode,className:this.questionFile.cssClasses.control,placeholder:this.questionFile.placeholder,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 o.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 o.createElement("div",{className:this.questionFile.cssClasses.buttonsContainer},this.renderClearButton(),this.renderChooseButton())},t.prototype.renderClearButton=function(){return Object(l.attachKey2click)(o.createElement("button",{type:"button",className:this.questionFile.cssClasses.clearButton,disabled:this.questionFile.getIsClearButtonDisabled(),onClick:this.questionFile.doClean},o.createElement(l.SvgIcon,{iconName:this.questionFile.cssClasses.clearButtonIcon,size:"auto",title:this.questionFile.clearButtonCaption})))},t.prototype.renderChooseButton=function(){var e=this;return Object(l.attachKey2click)(o.createElement("label",{role:"button",onClick:function(t){return e.questionFile.chooseFiles(t.nativeEvent)},className:this.questionFile.getChooseButtonCss(),htmlFor:this.questionFile.inputId,"aria-label":this.questionFile.chooseButtonCaption},o.createElement(l.SvgIcon,{iconName:this.questionFile.cssClasses.chooseButtonIcon,size:"auto",title:this.questionFile.chooseButtonCaption})))},t.prototype.renderElement=function(){var e=this;return o.createElement("div",{className:this.questionFile.cssClasses.root,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}(l.SurveyQuestionText);l.ReactQuestionFactory.Instance.registerQuestion("fileedit",(function(e){return o.createElement(_e,e)}));var Ce,Ne=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(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 o.createElement("div",{className:this.question.getRootClass()},e,t)},t.prototype.renderInput=function(){return l.ReactQuestionFactory.Instance.createQuestion(this.question.wrappedQuestionTemplate,{question:this.question,isDisplayMode:this.question.isInputReadOnly,creator:this})},t.prototype.renderResetButton=function(){var e=this;return o.createElement("button",{className:this.question.cssClasses.resetButton,disabled:this.question.resetValueAdorner.isDisabled,title:this.question.resetValueAdorner.caption,onClick:function(){return e.question.resetValueAdorner.resetValue()}},o.createElement(l.SvgIcon,{iconName:this.question.cssClasses.resetButtonIcon,size:"auto"}))},t}(l.SurveyQuestionElementBase);l.ReactQuestionFactory.Instance.registerQuestion("textwithreset",(function(e){return o.createElement(Ne,e)})),l.ReactQuestionFactory.Instance.registerQuestion("commentwithreset",(function(e){return o.createElement(Ne,e)})),Ce="".concat("1.9.130"),Object(u.checkLibraryVersion)("".concat("1.9.130"),"survey-creator-react")}])}));
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("survey-react-ui"),require("survey-creator-core"),require("survey-core"),require("react-dom")):"function"==typeof define&&define.amd?define("SurveyCreator",["react","survey-react-ui","survey-creator-core","survey-core","react-dom"],t):"object"==typeof exports?exports.SurveyCreator=t(require("react"),require("survey-react-ui"),require("survey-creator-core"),require("survey-core"),require("react-dom")):e.SurveyCreator=t(e.React,e.SurveyReact,e.SurveyCreatorCore,e.Survey,e.ReactDOM)}(this,(function(e,t,n,r,o){return function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=5)}([function(t,n){t.exports=e},function(e,n){e.exports=t},function(e,t){e.exports=n},function(e,t){e.exports=r},function(e,t){e.exports=o},function(e,t,n){"use strict";n.r(t),n.d(t,"Version",(function(){return Ce})),n.d(t,"SurveyCreatorComponent",(function(){return h})),n.d(t,"SurveyCreator",(function(){return v})),n.d(t,"RowWrapper",(function(){return y})),n.d(t,"QuestionAdornerComponent",(function(){return b})),n.d(t,"QuestionWrapperHeader",(function(){return _})),n.d(t,"QuestionWrapperFooter",(function(){return C})),n.d(t,"QuestionBanner",(function(){return S})),n.d(t,"QuestionDropdownAdornerComponent",(function(){return w})),n.d(t,"QuestionImageAdornerComponent",(function(){return q})),n.d(t,"QuestionRatingAdornerComponent",(function(){return x})),n.d(t,"QuestionWidgetAdornerComponent",(function(){return M})),n.d(t,"CellQuestionAdornerComponent",(function(){return I})),n.d(t,"CellQuestionDropdownAdornerComponent",(function(){return P})),n.d(t,"CreatorSurveyPageComponent",(function(){return R})),n.d(t,"PanelAdornerComponent",(function(){return D})),n.d(t,"LogoImageComponent",(function(){return T})),n.d(t,"SurveyQuestionLinkValue",(function(){return k})),n.d(t,"SurveyElementEmbeddedSurvey",(function(){return B})),n.d(t,"QuestionEditorContentComponent",(function(){return O})),n.d(t,"ItemValueAdornerComponent",(function(){return j})),n.d(t,"ImageItemValueAdornerComponent",(function(){return U})),n.d(t,"MatrixCellAdornerComponent",(function(){return Q})),n.d(t,"SurveyResults",(function(){return V})),n.d(t,"SurveyResultsByRow",(function(){return L})),n.d(t,"SurveyCreatorToolboxTool",(function(){return A})),n.d(t,"SurveyCreatorToolboxItem",(function(){return K})),n.d(t,"SurveyCreatorToolboxCategory",(function(){return H})),n.d(t,"Toolbox",(function(){return z})),n.d(t,"AdaptiveToolbox",(function(){return W})),n.d(t,"TabbedMenuComponent",(function(){return d})),n.d(t,"TabbedMenuItemComponent",(function(){return p})),n.d(t,"SurveyNavigation",(function(){return G})),n.d(t,"SidebarComponent",(function(){return J})),n.d(t,"TranslationLineSkeleton",(function(){return Y})),n.d(t,"ActionButton",(function(){return N})),n.d(t,"SurveyLocStringEditor",(function(){return Z})),n.d(t,"SurveyLogicOpertor",(function(){return $})),n.d(t,"TabDesignerComponent",(function(){return ne})),n.d(t,"TabJsonEditorAceComponent",(function(){return ae})),n.d(t,"TabJsonEditorErrorsComponent",(function(){return re})),n.d(t,"TabJsonEditorTextareaComponent",(function(){return oe})),n.d(t,"TabLogicAddButtonComponent",(function(){return ie})),n.d(t,"TabLogicComponent",(function(){return se})),n.d(t,"TabPreviewTestSurveyAgainComponent",(function(){return ce})),n.d(t,"TabPreviewSurveyComponent",(function(){return ue})),n.d(t,"TabThemeSurveyComponent",(function(){return de})),n.d(t,"TabTranslationComponent",(function(){return me})),n.d(t,"SurveySimulator",(function(){return le})),n.d(t,"ReactMouseEvent",(function(){return g})),n.d(t,"ReactDragEvent",(function(){return E})),n.d(t,"PropertyGridComponent",(function(){return ve})),n.d(t,"SearchComponent",(function(){return he})),n.d(t,"SwitcherComponent",(function(){return fe})),n.d(t,"SurveyQuestionSpinEditor",(function(){return ge})),n.d(t,"SurveyQuestionColor",(function(){return be})),n.d(t,"SurveyQuestionFileEditor",(function(){return _e})),n.d(t,"SurveyQuestionTextWithReset",(function(){return Ne})),n.d(t,"editorLocalization",(function(){return c.editorLocalization})),n.d(t,"localization",(function(){return c.localization})),n.d(t,"settings",(function(){return c.settings})),n.d(t,"svgBundle",(function(){return c.svgBundle})),n.d(t,"SurveyLogic",(function(){return c.SurveyLogic})),n.d(t,"SurveyLogicUI",(function(){return c.SurveyLogicUI})),n.d(t,"SurveyQuestionEditorDefinition",(function(){return c.SurveyQuestionEditorDefinition})),n.d(t,"ToolboxToolViewModel",(function(){return c.ToolboxToolViewModel})),n.d(t,"PropertyGridEditorCollection",(function(){return c.PropertyGridEditorCollection})),n.d(t,"StylesManager",(function(){return c.StylesManager}));Object.assign;function r(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n]);function r(){this.constructor=e}e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)}var o=n(0),a=n.n(o),i=n(4),s=n.n(i),l=n(1),c=n(2),u=n(3),d=function(e){function t(t){var n=e.call(this,t)||this;return n.rootRef=a.a.createRef(),n}return r(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 a.a.createElement(m,{item:e,key:e.id})}));return a.a.createElement("div",{ref:this.rootRef,className:"svc-tabbed-menu"},e)},t.prototype.componentDidMount=function(){e.prototype.componentDidMount.call(this);var t=this.rootRef.current;t&&(this.manager=new u.ResponsivityManager(t,this.model,".svc-tabbed-menu-item-container:not(.sv-dots)>.sv-action__content"))},t.prototype.componentWillUnmount=function(){this.manager&&this.manager.dispose(),e.prototype.componentWillUnmount.call(this)},t}(l.SurveyElementBase),m=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(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=l.ReactElementFactory.Instance.createElement(this.item.component||"svc-tabbed-menu-item",{item:this.item});return a.a.createElement("span",{key:this.item.id,className:e},a.a.createElement("div",{className:"sv-action__content"},t))},t}(l.SurveyElementBase),p=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(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,t="svc-tabbed-menu-item";e.active&&(t+=" svc-tabbed-menu-item--selected"),void 0===e.enabled||e.enabled||(t+=" svc-tabbed-menu-item--disabled");var n="svc-text svc-tabbed-menu-item__text svc-text--normal";return e.active&&(n+=" svc-text--bold"),Object(l.attachKey2click)(a.a.createElement("div",{className:t,onClick:function(){return e.action(e)}},a.a.createElement("span",{className:n},e.title)))},t}(l.SurveyElementBase);l.ReactElementFactory.Instance.registerElement("svc-tabbed-menu-item",(function(e){return a.a.createElement(p,e)}));var h=function(e){function t(t){var n=e.call(this,t)||this;return n.rootNode=a.a.createRef(),n}return r(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-creator"+(this.props.creator.isMobileView?" svc-creator--mobile":"")+(this.props.creator.isTouch?" svc-creator--touch":""),n="svc-full-container svc-creator__area svc-flex-column"+(this.props.creator.haveCommercialLicense?"":" svc-creator__area--with-banner"),r="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,i=null;if(!this.props.creator.haveCommercialLicense){var s={__html:this.props.creator.licenseText};i=a.a.createElement("div",{className:"svc-creator__banner"},a.a.createElement("span",{className:"svc-creator__non-commercial-text",dangerouslySetInnerHTML:s}))}return a.a.createElement("div",{className:t,ref:this.rootNode,style:this.style},a.a.createElement(l.SvgBundleComponent,null),a.a.createElement("div",{className:n},a.a.createElement("div",{className:o},a.a.createElement("div",{className:"svc-flex-column svc-flex-row__element svc-flex-row__element--growing"},a.a.createElement("div",{className:"svc-top-bar"},e.showTabs?a.a.createElement("div",{className:"svc-tabbed-menu-wrapper"},a.a.createElement(d,{model:e.tabbedMenu})):null,e.showToolbar?a.a.createElement("div",{className:"svc-toolbar-wrapper"},a.a.createElement(l.SurveyActionBar,{model:e.toolbar})):null),a.a.createElement("div",{className:r},a.a.createElement("div",{className:"svc-creator__content-holder svc-flex-column"},this.renderActiveTab())),a.a.createElement("div",{className:"svc-footer-bar"},e.isMobileView?a.a.createElement("div",{className:"svc-toolbar-wrapper"},a.a.createElement(l.SurveyActionBar,{model:e.footerToolbar})):null)),this.renderSidebar()),i,a.a.createElement(l.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():l.ReactElementFactory.Instance.createElement(e.componentContent,{creator:t,survey:t.survey,data:e.data.model}),r="svc-creator-tab"+("right"==t.toolboxLocation?" svc-creator__toolbox--right":"");return a.a.createElement("div",{key:e.id,id:"scrollableDiv-"+e.id,className:r},n)},t.prototype.renderSidebar=function(){if(this.creator.sidebar){var e=this.creator.isMobileView?"sv-mobile-side-bar":"";return a.a.createElement("div",{className:e},l.ReactElementFactory.Instance.createElement("svc-side-bar",{model:this.creator.sidebar}))}return null},t}(l.SurveyElementBase),v=function(e){function t(t,n){return void 0===t&&(t={}),e.call(this,t,n)||this}return r(t,e),t.prototype.render=function(e){var t=e;"string"==typeof e&&(t=document.getElementById(e)),s.a.unmountComponentAtNode(t),s.a.render(a.a.createElement(a.a.StrictMode,null,a.a.createElement(h,{creator:this})),t)},t.prototype.createQuestionElement=function(e){return l.ReactQuestionFactory.Instance.createQuestion(e.isDefaultRendering()?e.getTemplate():e.getComponentName(),{question:e,isDisplayMode:e.isReadOnly,creator:this})},t.prototype.renderError=function(e,t,n){return a.a.createElement("div",{key:e},a.a.createElement("span",{className:n.error.icon,"aria-hidden":"true"}),a.a.createElement("span",{className:n.error.item},a.a.createElement(l.SurveyLocStringViewer,{locStr:t.locText})))},t.prototype.questionTitleLocation=function(){return this.survey.questionTitleLocation},t.prototype.questionErrorLocation=function(){return this.survey.questionErrorLocation},t}(c.SurveyCreatorModel);l.ReactElementFactory.Instance.registerElement("survey-widget",(function(e){return a.a.createElement(l.Survey,e)}));var f=function(e){function t(t){var n=e.call(this,t)||this;return n.createModel(),n}return r(t,e),t.prototype.componentDidUpdate=function(t,n){e.prototype.componentDidUpdate.call(this,t,n),this.needUpdateModel(t)&&this.createModel()},t.prototype.createModel=function(){},t.prototype.needUpdateModel=function(e){var t=this.getUpdatedModelProps();if(!Array.isArray(t))return!0;for(var n=0;n<t.length;n++){var r=t[n];if(this.props[r]!==e[r])return!0}return!1},t.prototype.getUpdatedModelProps=function(){},t}(l.SurveyElementBase),y=function(e){function t(t){return e.call(this,t)||this}return r(t,e),t.prototype.createModel=function(){this.model=new c.RowViewModel(this.props.componentData.creator,this.props.row,null)},t.prototype.getUpdatedModelProps=function(){return["row","componentData"]},t.prototype.getStateElement=function(){return this.model},t.prototype.render=function(){return a.a.createElement("div",{key:"svc-row-"+this.props.row.id,className:this.model.cssClasses},this.props.element)},t}(f);l.ReactElementFactory.Instance.registerElement("svc-row",(function(e){return a.a.createElement(y,e)}));var g=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}(),E=function(e){function t(t){var n=e.call(this,t)||this;return n.event=t,n}return r(t,e),Object.defineProperty(t.prototype,"dataTransfer",{get:function(){return this.event.dataTransfer},enumerable:!1,configurable:!0}),t}(g),b=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(t,e),t.prototype.createModel=function(){this.modelValue&&this.modelValue.dispose(),this.modelValue=this.createQuestionViewModel()},t.prototype.createQuestionViewModel=function(){return new c.QuestionAdornerViewModel(this.props.componentData,this.props.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.canRender=function(){return e.prototype.canRender.call(this)&&!this.model.isDragged},t.prototype.renderElement=function(){var e=this,t=this.model.element.isInteractiveDesignElement,n=this.renderContent(t);return a.a.createElement("div",{ref:this.rootRef,"data-sv-drop-target-survey-element":this.model.element.name||null,className:"svc-question__adorner"+this.model.rootCss(),onMouseOut:function(n){return t&&e.model.hover(n.nativeEvent,n.currentTarget)},onMouseOver:function(n){return t&&e.model.hover(n.nativeEvent,n.currentTarget)}},n)},t.prototype.disableTabStop=function(){return!0},t.prototype.renderContent=function(e){var t=this,n=this.renderElementContent();return Object(l.attachKey2click)(a.a.createElement("div",{className:this.model.css(),onClick:function(e){return t.model.select(t.model,new g(e))}},e?this.renderHeader():null,n,this.renderFooter()),void 0,{disableTabStop:this.disableTabStop()})},t.prototype.renderHeader=function(){return l.ReactElementFactory.Instance.createElement("svc-question-header",{model:this.model})},t.prototype.renderFooter=function(){return this.model.element.isInteractiveDesignElement?l.ReactElementFactory.Instance.createElement("svc-question-footer",{className:"svc-question__content-actions",model:this.model}):null},t.prototype.renderCarryForwardBanner=function(){return this.model.isBannerShowing?l.ReactElementFactory.Instance.createElement("svc-question-banner",this.model.createBannerParams()):null},t.prototype.renderElementContent=function(){return a.a.createElement(a.a.Fragment,null,this.props.element,this.renderElementPlaceholder(),this.renderCarryForwardBanner())},t.prototype.renderElementPlaceholder=function(){return this.model.isEmptyElement?a.a.createElement("div",{className:"svc-panel__placeholder_frame-wrapper"},a.a.createElement("div",{className:"svc-panel__placeholder_frame"},a.a.createElement("div",{className:"svc-panel__placeholder"},this.model.placeholderText))):null},t}(f);l.ReactElementFactory.Instance.registerElement("svc-question",(function(e){return a.a.createElement(b,e)}));var _=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(t,e),t.prototype.render=function(){var e=this;return this.props.model.allowDragging?a.a.createElement("div",{className:"svc-question__drag-area",onPointerDown:function(t){return e.props.model.onPointerDown(t)}},a.a.createElement(l.SvgIcon,{className:"svc-question__drag-element",size:24,iconName:"icon-drag-area-indicator_24x16"})):null},t}(a.a.Component);l.ReactElementFactory.Instance.registerElement("svc-question-header",(function(e){return a.a.createElement(_,e)}));var C=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(t,e),t.prototype.render=function(){var e=this;return a.a.createElement("div",{className:this.props.className,onFocus:function(t){return e.props.model.select(e.props.model,new g(t))}},a.a.createElement(l.SurveyActionBar,{model:this.props.model.actionContainer,handleClick:!1}))},t}(a.a.Component);l.ReactElementFactory.Instance.registerElement("svc-question-footer",(function(e){return a.a.createElement(C,e)}));var N=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(t,e),t.prototype.renderElement=function(){var e=this,t=this.props.classes+" svc-action-button";return this.props.selected&&(t+=" svc-action-button--selected"),this.props.disabled?(t+=" svc-action-button--disabled",a.a.createElement("span",{className:t},this.props.text)):a.a.createElement(a.a.Fragment,null,Object(l.attachKey2click)(a.a.createElement("span",{role:"button",className:t,onClick:function(t){e.props.allowBubble||t.stopPropagation(),e.props.click()},title:this.props.title},this.props.text)))},t}(l.SurveyElementBase),S=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(t,e),t.prototype.render=function(){var e=this;return a.a.createElement("div",{className:"svc-carry-forward-panel-wrapper"},a.a.createElement("div",{className:"svc-carry-forward-panel"},a.a.createElement("span",null,this.props.text," "),a.a.createElement("span",{className:"svc-carry-forward-panel__link"},a.a.createElement(N,{click:function(){return e.props.onClick()},text:this.props.actionText}))))},t}(a.a.Component);l.ReactElementFactory.Instance.registerElement("svc-question-banner",(function(e){return a.a.createElement(S,e)}));var w=function(e){function t(t){return e.call(this,t)||this}return r(t,e),t.prototype.createQuestionViewModel=function(){return new c.QuestionDropdownAdornerViewModel(this.props.componentData,this.props.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 a.a.createElement("div",{className:"svc-question__dropdown-choices--wrapper"},a.a.createElement("div",null,a.a.createElement("div",{className:"svc-question__dropdown-choices"},(this.dropdownModel.getRenderedItems()||[]).map((function(n,r){return a.a.createElement("div",{className:e.dropdownModel.getChoiceCss(),key:"editable_choice_".concat(r)},l.ReactSurveyElementsWrapper.wrapItemValue(e.question.survey,l.ReactElementFactory.Instance.createElement(e.dropdownModel.itemComponent,{key:n.value,question:e.question,cssClasses:e.question.cssClasses,isDisplayMode:!0,item:n,textStyle:t,index:r,isChecked:e.question.value===n.value}),e.question,n))}))),this.dropdownModel.needToCollapse?a.a.createElement(N,{click:this.dropdownModel.switchCollapse,text:this.dropdownModel.getButtonText(),allowBubble:!0}):null))},t}(b);l.ReactElementFactory.Instance.registerElement("svc-dropdown-question",(function(e){return a.a.createElement(w,e)}));var q=function(e){function t(t){var n=e.call(this,t)||this;return n.rootRef=a.a.createRef(),n}return r(t,e),t.prototype.createQuestionViewModel=function(){return new c.QuestionImageAdornerViewModel(this.props.componentData,this.props.question,null,null)},Object.defineProperty(t.prototype,"imageModel",{get:function(){return this.model},enumerable:!1,configurable:!0}),t.prototype.componentDidMount=function(){e.prototype.componentDidMount.call(this),this.imageModel.questionRoot=this.rootRef.current},t.prototype.renderHeader=function(){return a.a.createElement(a.a.Fragment,null,a.a.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 a.a.createElement("div",{className:"svc-image-question__loading-placeholder"},a.a.createElement("div",{className:"svc-image-question__loading"},a.a.createElement(l.LoadingIndicatorComponent,null)))},t.prototype.renderChooseButton=function(){var e=this;return a.a.createElement("div",{className:"svc-image-question-controls"},this.model.allowEdit?Object(l.attachKey2click)(a.a.createElement("span",{className:"svc-context-button",onClick:function(){return e.imageModel.chooseFile(e.imageModel)}},a.a.createElement(l.SvgIcon,{size:24,iconName:"icon-file"}))):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(){return this.imageModel.isEmptyImageLink?l.ReactQuestionFactory.Instance.createQuestion("file",{creator:this.imageModel.question.survey,isDisplayMode:!1,question:this.imageModel.filePresentationModel}):a.a.createElement(a.a.Fragment,null,this.props.element,this.renderElementPlaceholder())},t}(b);l.ReactElementFactory.Instance.registerElement("svc-image-question",(function(e){return a.a.createElement(q,e)}));var x=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(t,e),t.prototype.createModel=function(){this.modelValue=this.createQuestionViewModel()},t.prototype.createQuestionViewModel=function(){return new c.QuestionRatingAdornerViewModel(this.props.componentData,this.props.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 a.a.createElement(a.a.Fragment,null,a.a.createElement("div",{className:"svc-rating-question-content"},a.a.createElement("div",{className:e.controlsClassNames},e.allowRemove?Object(l.attachKey2click)(a.a.createElement("span",{className:e.removeClassNames,"aria-label":e.removeTooltip,onClick:function(){return e.removeItem(e)}},a.a.createElement(l.SvgIcon,{size:16,iconName:"icon-remove_16x16",title:e.removeTooltip}))):null,e.allowAdd?Object(l.attachKey2click)(a.a.createElement("span",{className:e.addClassNames,"aria-label":e.addTooltip,onClick:function(){return e.addItem(e)}},a.a.createElement(l.SvgIcon,{size:16,iconName:"icon-add_16x16",title:e.addTooltip}))):null),this.props.element))},t}(f);l.ReactElementFactory.Instance.registerElement("svc-rating-question",(function(e){return a.a.createElement(x,e)})),l.ReactElementFactory.Instance.registerElement("svc-rating-question-content",(function(e){return a.a.createElement(x,e)}));var M=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(t,e),t.prototype.createQuestionViewModel=function(){return new c.QuestionAdornerViewModel(this.props.componentData,this.props.question,null)},Object.defineProperty(t.prototype,"widgetModel",{get:function(){return this.model},enumerable:!1,configurable:!0}),t.prototype.renderElementContent=function(){return a.a.createElement("div",{className:"svc-widget__content"},this.props.element)},t}(b);l.ReactElementFactory.Instance.registerElement("svc-widget-question",(function(e){return a.a.createElement(M,e)}));var I=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(t,e),t.prototype.createModel=function(){this.model=new c.QuestionAdornerViewModel(this.props.componentData,this.props.question,null)},t.prototype.getStateElement=function(){return this.model},t.prototype.getUpdatedModelProps=function(){return["question","componentData"]},t.prototype.render=function(){return this.model.isDragged?null:a.a.createElement(a.a.Fragment,null,a.a.createElement("div",{"data-sv-drop-target-survey-element":this.model.element.name,className:"svc-question__adorner"},a.a.createElement("div",{className:" svc-question__content--in-popup svc-question__content"},this.props.element)))},t}(f);l.ReactElementFactory.Instance.registerElement("svc-cell-question",(function(e){return a.a.createElement(I,e)}));var P=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(t,e),t.prototype.createModel=function(){this.model=new c.QuestionAdornerViewModel(this.props.componentData,this.props.question,null)},t.prototype.getUpdatedModelProps=function(){return["question","componentData"]},t.prototype.getStateElement=function(){return this.model},t.prototype.render=function(){if(this.model.isDragged)return null;var e=this.props.question,t=this.props.question.textStyle;return a.a.createElement(a.a.Fragment,null,a.a.createElement("div",{"data-sv-drop-target-survey-element":this.model.element.name,className:"svc-question__adorner"},a.a.createElement("div",{className:" svc-question__content--in-popup svc-question__content"},this.props.element,a.a.createElement("div",{className:"svc-question__dropdown-choices"},e.visibleChoices.map((function(n,r){return a.a.createElement("div",{className:"svc-question__dropdown-choice",key:"editable_choice_".concat(r)},l.ReactSurveyElementsWrapper.wrapItemValue(e.survey,l.ReactElementFactory.Instance.createElement("survey-radiogroup-item",{question:e,cssClasses:e.cssClasses,isDisplayMode:!0,item:n,textStyle:t,index:r,isChecked:e.value===n.value}),e,n))}))))))},t}(f);l.ReactElementFactory.Instance.registerElement("svc-cell-dropdown-question",(function(e){return a.a.createElement(P,e)}));var R=function(e){function t(t){var n=e.call(this,t)||this;return n.rootRef=a.a.createRef(),n}return r(t,e),t.prototype.createModel=function(){this.model=new c.PageAdorner(this.props.creator,this.props.page)},t.prototype.getUpdatedModelProps=function(){return["creator","page"]},t.prototype.getStateElement=function(){return this.model},t.prototype.componentDidMount=function(){var t=this;e.prototype.componentDidMount.call(this),this.model.onPageSelectedCallback=function(){t.rootRef.current&&c.SurveyHelper.scrollIntoViewIfNeeded(t.rootRef.current)}},t.prototype.componentWillUnmount=function(){e.prototype.componentWillUnmount.call(this),this.model.onPageSelectedCallback=void 0,this.model.dispose()},t.prototype.canRender=function(){return!!this.model&&this.model.isPageLive&&!!this.model.page&&!!this.model.page.survey},t.prototype.renderElement=function(){var e=this;return this.props.page?Object(l.attachKey2click)(a.a.createElement("div",{ref:this.rootRef,className:"svc-page__content "+this.model.css,id:this.props.page.id,onClick:function(t){return e.model.select(e.model,new g(t))},onMouseLeave:function(t){return e.model.hover(t.nativeEvent,t.currentTarget)},onMouseOver:function(t){return e.model.hover(t.nativeEvent,t.currentTarget)}},this.renderHeader(),this.renderContent(),this.renderFooter())):null},t.prototype.renderContent=function(){return a.a.createElement(l.SurveyPage,{page:this.props.page,survey:this.props.survey,creator:this.props.creator,css:this.model.css})},t.prototype.renderHeader=function(){return a.a.createElement("div",{className:"svc-page__content-actions"},a.a.createElement(l.SurveyActionBar,{model:this.model.actionContainer}))},t.prototype.renderFooter=function(){return a.a.createElement(l.SurveyActionBar,{model:this.model.footerActionsBar})},t}(f);l.ReactElementFactory.Instance.registerElement("svc-page",(function(e){return a.a.createElement(R,e)}));var F=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(t,e),Object.defineProperty(t.prototype,"model",{get:function(){return this.props.item.data},enumerable:!1,configurable:!0}),t.prototype.renderElement=function(){var e=this,t=this.model.questionTypeSelectorModel;return Object(l.attachKey2click)(a.a.createElement("div",{className:"svc-page__add-new-question svc-btn",onClick:function(t){t.stopPropagation(),e.model.addNewQuestion(e.model,new g(t))},onMouseOver:function(t){return e.model.hoverStopper(t.nativeEvent,t.currentTarget)}},a.a.createElement("span",{className:"svc-text svc-text--normal svc-text--bold"},this.model.addNewQuestionText),Object(l.attachKey2click)(a.a.createElement("button",{type:"button",onClick:function(e){e.stopPropagation(),t.action()},className:"svc-page__question-type-selector",title:this.model.addNewQuestionText},a.a.createElement("span",{className:"svc-page__question-type-selector-icon"},a.a.createElement(l.SvgIcon,{iconName:t.iconName,size:24,title:this.model.addNewQuestionText})),a.a.createElement(l.Popup,{model:t.popupModel})))))},t}(l.SurveyElementBase);l.ReactElementFactory.Instance.registerElement("svc-add-new-question-btn",(function(e){return a.a.createElement(F,e)}));var D=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(t,e),t.prototype.renderElementPlaceholder=function(){var e=this;return this.model.isEmptyElement?a.a.createElement("div",{className:"svc-panel__placeholder_frame-wrapper"},a.a.createElement("div",{className:"svc-panel__placeholder_frame"},a.a.createElement("div",{className:"svc-panel__placeholder"},this.model.placeholderText),this.model.showAddQuestionButton?Object(l.attachKey2click)(a.a.createElement("div",{className:"svc-panel__add-new-question svc-action-button",onClick:function(t){t.stopPropagation(),e.model.addNewQuestion()}},a.a.createElement(l.SvgIcon,{className:"svc-panel__add-new-question-icon",iconName:"icon-add_24x24",size:24}),a.a.createElement("span",{className:"svc-text svc-text--normal svc-text--bold"},this.model.addNewQuestionText))):null)):null},t.prototype.disableTabStop=function(){return!0},t.prototype.renderFooter=function(){var t=this;return a.a.createElement(a.a.Fragment,null,!this.model.isEmptyElement&&this.model.element.isPanel&&this.model.showAddQuestionButton?a.a.createElement("div",{className:"svc-panel__add-new-question-container"},a.a.createElement("div",{className:"svc-panel__question-type-selector-popup"},a.a.createElement(l.Popup,{model:this.model.questionTypeSelectorModel.popupModel})),a.a.createElement("div",{className:"svc-panel__add-new-question-wrapper"},Object(l.attachKey2click)(a.a.createElement("div",{className:"svc-panel__add-new-question svc-action-button",onClick:function(e){e.stopPropagation(),t.model.addNewQuestion()}},a.a.createElement(l.SvgIcon,{className:"svc-panel__add-new-question-icon",iconName:"icon-add_24x24",size:24}),a.a.createElement("span",{className:"svc-text svc-text--normal svc-text--bold"},this.model.addNewQuestionText)),void 0),Object(l.attachKey2click)(a.a.createElement("button",{type:"button",onClick:function(e){e.stopPropagation(),t.model.questionTypeSelectorModel.action()},className:"svc-panel__question-type-selector",title:this.model.addNewQuestionText},a.a.createElement("span",{className:"svc-panel__question-type-selector-icon"},a.a.createElement(l.SvgIcon,{iconName:this.model.questionTypeSelectorModel.iconName,size:24})))))):null,e.prototype.renderFooter.call(this))},t}(b);l.ReactElementFactory.Instance.registerElement("svc-panel",(function(e){return a.a.createElement(D,e)}));var T=function(e){function t(t){var n=e.call(this,t)||this;return n.rootRef=a.a.createRef(),n}return r(t,e),t.prototype.createModel=function(){var e=null;this.model&&(e=this.model.root),this.model=new c.LogoImageViewModel(this.props.data,e)},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 Object(l.attachKey2click)(a.a.createElement("span",{className:"svc-context-button",onClick:function(){return e.model.chooseFile(e.model)}},a.a.createElement(l.SvgIcon,{size:24,iconName:"icon-file"})))},t.prototype.renderClearButton=function(){var e=this;return Object(l.attachKey2click)(a.a.createElement("span",{className:"svc-context-button svc-context-button--danger",onClick:function(){return e.model.remove(e.model)}},a.a.createElement(l.SvgIcon,{size:24,iconName:"icon-clear"})))},t.prototype.renderButtons=function(){return a.a.createElement("div",{className:"svc-context-container svc-logo-image-controls"},this.renderChooseButton(),this.renderClearButton())},t.prototype.renderImage=function(){return a.a.createElement("div",{className:this.model.containerCss},this.renderButtons(),a.a.createElement(l.LogoImage,{data:this.props.data.survey}))},t.prototype.renderPlaceHolder=function(){var e=this;return this.model.allowEdit&&!this.model.isUploading?Object(l.attachKey2click)(a.a.createElement("div",{className:"svc-logo-image-placeholder",onClick:function(){return e.model.chooseFile(e.model)}},a.a.createElement("svg",null,a.a.createElement("use",{xlinkHref:"#icon-logo"})))):null},t.prototype.renderInput=function(){return a.a.createElement("input",{"aria-hidden":"true",type:"file",tabIndex:-1,accept:this.model.acceptedTypes,className:"svc-choose-file-input"})},t.prototype.renderLoadingIndicator=function(){return a.a.createElement("div",{className:"svc-logo-image__loading"},a.a.createElement(l.LoadingIndicatorComponent,null))},t.prototype.render=function(){var e=null;return e=this.model.survey.locLogo.renderedHtml&&!this.model.isUploading?this.renderImage():this.model.isUploading?this.renderLoadingIndicator():this.renderPlaceHolder(),a.a.createElement("div",{ref:this.rootRef,className:"svc-logo-image"},this.renderInput(),e)},t}(f);l.ReactElementFactory.Instance.registerElement("svc-logo-image",(function(e){return a.a.createElement(T,e)}));var k=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(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?a.a.createElement(N,{classes:this.question.linkClearButtonCssClasses,click:function(){return e.question.doClearClick()},selected:this.question.isSelected,text:c.editorLocalization.getString("pe.clear")}):null},t.prototype.renderElement=function(){var e=this;return a.a.createElement(a.a.Fragment,null,a.a.createElement(N,{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}),this.renderClear())},t}(l.SurveyQuestionElementBase);l.ReactQuestionFactory.Instance.registerQuestion("linkvalue",(function(e){return a.a.createElement(k,e)}));var B=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(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?a.a.createElement(l.SurveyPage,{survey:e,page:e.currentPage,css:e.css,creator:this.creator}):null},t}(l.SurveyQuestionElementBase);l.ReactQuestionFactory.Instance.registerQuestion("embeddedsurvey",(function(e){return a.a.createElement(B,e)}));var O=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(t,e),Object.defineProperty(t.prototype,"survey",{get:function(){return this.props.survey},enumerable:!1,configurable:!0}),t.prototype.createQuestionElement=function(e){return l.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 a.a.createElement(a.a.Fragment,null,a.a.createElement(l.SurveyQuestion,{creator:this,element:e}))},t}(a.a.Component);l.ReactElementFactory.Instance.registerElement("svc-question-editor-content",(function(e){return a.a.createElement(O,e)}));var j=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.onBlur=function(e){t.model.onFocusOut(e.nativeEvent)},t}return r(t,e),t.prototype.createModel=function(){this.model=new c.ItemValueWrapperViewModel(this.props.componentData.creator,this.props.question,this.props.item)},t.prototype.getUpdatedModelProps=function(){return["question","item"]},t.prototype.getStateElement=function(){return this.model},t.prototype.render=function(){var e=this;this.model.item=this.props.item;var t=this.model.allowAdd?Object(l.attachKey2click)(a.a.createElement("span",{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}},a.a.createElement(l.SvgIcon,{size:16,iconName:"icon-add_16x16",title:this.model.tooltip}))):a.a.createElement(a.a.Fragment,null," ",this.model.isDraggable?a.a.createElement("span",{className:"svc-item-value-controls__button svc-item-value-controls__drag"},a.a.createElement(l.SvgIcon,{className:"svc-item-value-controls__drag-icon",size:24,iconName:"icon-drag-area-indicator",title:this.model.dragTooltip})):null,this.model.allowRemove?Object(l.attachKey2click)(a.a.createElement("span",{className:"svc-item-value-controls__button svc-item-value-controls__remove","aria-label":this.model.tooltip,onClick:function(){return e.model.remove(e.model)}},a.a.createElement(l.SvgIcon,{size:16,iconName:"icon-remove_16x16",title:this.model.tooltip}))):null),n=this.props.element.key+(this.model.allowAdd?"_new":"");return a.a.createElement("div",{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)}},a.a.createElement("div",{className:"svc-item-value__ghost"}),a.a.createElement("div",{className:"svc-item-value-controls",onBlur:this.onBlur},t),a.a.createElement("div",{className:"svc-item-value__item",onClick:function(t){return e.model.select(e.model,t.nativeEvent)}},this.props.element))},t}(f);l.ReactElementFactory.Instance.registerElement("svc-item-value",(function(e){return a.a.createElement(j,e)}));var U=function(e){function t(t){var n=e.call(this,t)||this;return n.preventDragHandler=function(e){e.preventDefault()},n.rootRef=a.a.createRef(),n}return r(t,e),t.prototype.createModel=function(){this.model=new c.ImageItemValueWrapperViewModel(this.props.componentData.creator,this.props.question,this.props.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 a.a.createElement("div",{className:"svc-image-item-value__loading"},a.a.createElement(l.LoadingIndicatorComponent,null))},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=this.model.getIsNewItemSingle()?null:{width:this.question.renderedImageWidth,height:this.question.renderedImageHeight},r=null;return r=t||this.model.isUploading?a.a.createElement(a.a.Fragment,null,a.a.createElement("div",{className:"svc-image-item-value__item",onDrop:this.model.onDrop,onDragOver:this.model.onDragOver,onDragLeave:this.model.onDragLeave},a.a.createElement("div",{className:"sd-imagepicker__item sd-imagepicker__item--inline"},a.a.createElement("label",{className:"sd-imagepicker__label"},a.a.createElement("div",{style:n,className:"sd-imagepicker__image"},this.model.isUploading?this.renderLoadingIndicator():null)))),a.a.createElement("div",{className:"svc-image-item-value-controls"},this.model.allowAdd&&!this.model.isUploading?Object(l.attachKey2click)(a.a.createElement("span",{className:"svc-context-button svc-image-item-value-controls__add",onClick:function(){return e.model.chooseNewFile(e.model)}},a.a.createElement(l.SvgIcon,{size:24,iconName:"icon-add-lg"}))):null)):a.a.createElement(a.a.Fragment,null,a.a.createElement("div",{className:"svc-image-item-value__item"},this.props.element),this.model.isDraggable&&this.model.canRenderControls?a.a.createElement("span",{className:"svc-context-button svc-image-item-value-controls__drag-area-indicator",onPointerDown:function(t){return e.model.onPointerDown(t)}},a.a.createElement(l.SvgIcon,{size:24,iconName:"icon-drag-area-indicator"})):null,this.model.canRenderControls?a.a.createElement("div",{className:"svc-context-container svc-image-item-value-controls"},this.model.allowRemove&&!this.model.isUploading?Object(l.attachKey2click)(a.a.createElement("span",{className:"svc-context-button",onClick:function(){return e.model.chooseFile(e.model)}},a.a.createElement(l.SvgIcon,{size:24,iconName:"icon-file"}))):null,this.model.allowRemove&&!this.model.isUploading?Object(l.attachKey2click)(a.a.createElement("span",{className:"svc-context-button svc-context-button--danger",onClick:function(){return e.model.remove(e.model)}},a.a.createElement(l.SvgIcon,{size:24,iconName:"icon-delete"}))):null):null),a.a.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},a.a.createElement("div",{className:"svc-image-item-value-wrapper__ghost",style:n}),a.a.createElement("div",{className:"svc-image-item-value-wrapper__content"},a.a.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"}}),r))},t}(f);l.ReactElementFactory.Instance.registerElement("svc-image-item-value",(function(e){return a.a.createElement(U,e)}));var Q=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(t,e),t.prototype.createModel=function(){var e,t=this.props.componentData;this.model=new c.MatrixCellWrapperViewModel(t.creator,t.element,t.question,t.row,t.column||(null===(e=t.element.cell)||void 0===e?void 0:e.column))},t.prototype.getUpdatedModelProps=function(){return["componentData"]},t.prototype.componentDidUpdate=function(t,n){var r,o;e.prototype.componentDidUpdate.call(this,t,n);var a=this.props.componentData;this.model.templateData=a.element,this.model.row=a.row,this.model.column=a.column||(null===(o=null===(r=a.element)||void 0===r?void 0:r.cell)||void 0===o?void 0:o.column),this.model.question=a.question},t.prototype.getStateElement=function(){return this.model},t.prototype.render=function(){var e=this,t=null;return this.model.isSupportCellEditor&&(t=a.a.createElement("div",{className:"svc-matrix-cell__question-controls"},Object(l.attachKey2click)(a.a.createElement("span",{className:"svc-matrix-cell__question-controls-button",onClick:function(t){return e.model.editQuestion(e.model,t)}},a.a.createElement(l.SvgIcon,{size:24,iconName:"icon-edit"}))))),a.a.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)}},a.a.createElement("div",{className:"svc-matrix-cell--selected"+(this.model.isSelected?" svc-visible":"")}),this.props.element,t)},t}(f);l.ReactElementFactory.Instance.registerElement("svc-matrix-cell",(function(e){return a.a.createElement(Q,e)}));var V=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(t,e),t.prototype.createModel=function(){this.props.survey&&(this.model=new c.SurveyResultsModel(this.props.survey))},t.prototype.getUpdatedModelProps=function(){return["survey"]},t.prototype.getStateElement=function(){return this.model},t.prototype.render=function(){var e=this;return this.model?a.a.createElement("div",{className:"svd-test-results"},a.a.createElement("div",{className:"svd-test-results__header"},a.a.createElement("div",{className:"svd-test-results__header-text"},this.model.surveyResultsText),a.a.createElement("div",{className:"svd-test-results__header-types"},a.a.createElement(N,{click:function(){return e.model.selectTableClick()},text:this.model.surveyResultsTableText,selected:this.model.isTableSelected,disabled:!1}),a.a.createElement(N,{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:a.a.createElement("div",{className:"svd-test-results__text svd-light-bg-color"},a.a.createElement("div",null,this.model.resultText))},t.prototype.renderResultAsTable=function(){return"table"!==this.model.resultViewType?null:a.a.createElement("div",{className:"svd-test-results__table svd-light-bg-color"},a.a.createElement("table",null,a.a.createElement("thead",null,a.a.createElement("tr",{className:"svd-light-background-color"},a.a.createElement("th",{key:1,className:"svd-dark-border-color"},this.model.resultsTitle),a.a.createElement("th",{key:2,className:"svd-dark-border-color"},this.model.resultsDisplayValue))),a.a.createElement("tbody",null,t.renderRows(this.model.resultData))))},t.renderRows=function(e){for(var t=[],n=0;n<e.length;n++)t.push(a.a.createElement(L,{key:n+1,row:e[n]}));return t},t}(f),L=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(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 a.a.createElement(a.a.Fragment,null,Object(l.attachKey2click)(a.a.createElement("tr",{onClick:function(){return e.row.toggle()}},a.a.createElement("td",{key:1,style:{paddingLeft:this.row.textMargin},className:"svd-dark-border-color"},this.row.isNode?a.a.createElement("span",{style:{left:this.row.markerMargin},className:"svd-test-results__marker "+(this.row.collapsed?"":"svd-test-results__marker--expanded")},a.a.createElement(l.SvgIcon,{iconName:"icon-expand_16x16",size:16})):null,this.row.question?a.a.createElement(l.SurveyLocStringViewer,{locStr:this.row.question.locTitle}):a.a.createElement("span",null,this.row.title)),a.a.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?V.renderRows(this.row.data):null)},t}(f),A=function(e){function t(t){return e.call(this,t)||this}return r(t,e),t.prototype.createModel=function(){this.model=new c.ToolboxToolViewModel(this.item,this.props.creator)},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="svc-toolbox__tool "+(t.css||"")+(t.isVisible?"":" sv-action--hidden"),r=l.ReactElementFactory.Instance.createElement(this.item.component||"svc-toolbox-item",{item:this.item,creator:this.creator,isCompact:this.isCompact});return a.a.createElement("div",{className:n,key:t.id,onPointerDown:function(t){t.persist(),e.model.onPointerDown(t)}},a.a.createElement("div",{className:"sv-action__content"},t.needSeparator&&!this.creator.toolbox.showCategoryTitles?a.a.createElement("div",{className:"svc-toolbox__category-separator"}):null,r))},t}(f),K=function(e){function t(t){return e.call(this,t)||this}return r(t,e),t.prototype.createModel=function(){var e=this.props.item;this.model=new c.ToolboxToolViewModel(e,this.props.creator)},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}),t.prototype.getStateElement=function(){return this.model},t.prototype.render=function(){var e=this;return Object(l.attachKey2click)(a.a.createElement("div",{className:"svc-toolbox__item "+this.item.className,tabIndex:0,role:"button","aria-label":this.item.tooltip,title:this.item.tooltip,onClick:function(t){t.persist(),e.model.click(t)}},a.a.createElement("span",{className:"svc-toolbox__item-container"},a.a.createElement(l.SvgIcon,{size:24,iconName:this.item.iconName,title:this.item.tooltip})),this.props.isCompact?a.a.createElement("span",{className:"svc-toolbox__item-banner svc-item__banner"},a.a.createElement(l.SvgIcon,{size:24,iconName:this.item.iconName,className:"svc-toolbox__item-icon",title:this.item.tooltip}),a.a.createElement("span",{className:"svc-toolbox__item-title"},this.item.title)):a.a.createElement("span",{className:"svc-toolbox__item-title"},this.item.title)))},t}(f);l.ReactElementFactory.Instance.registerElement("svc-toolbox-item",(function(e){return a.a.createElement(K,e)}));var H=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(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":"")},enumerable:!1,configurable:!0}),t.prototype.getStateElement=function(){return this.category},t.prototype.render=function(){var e=this.renderCategoryHeader(),t=this.renderCategoryContent();return a.a.createElement("div",{className:this.class,key:this.category.name},e,t)},t.prototype.renderCategoryHeader=function(){var e=this,t="svc-toolbox__category-header";return this.toolbox.canCollapseCategories&&(t+=" svc-toolbox__category-header--collapsed"),Object(l.attachKey2click)(a.a.createElement("div",{className:t,onClick:function(t){return e.category.toggleState()}},a.a.createElement("span",{className:"svc-toolbox__category-title"},this.category.name),this.renderButton()))},t.prototype.renderButton=function(){if(!this.toolbox.canCollapseCategories)return null;var e=this.category.collapsed?"arrow-down":"arrow-up",t="svc-toolbox__category-header__button svc-string-editor__button--"+(this.category.collapsed?"expand":"collapse");return a.a.createElement("div",{className:"svc-toolbox__category-header__controls"},a.a.createElement(l.SvgIcon,{className:t,iconName:"icon-"+e,size:24}))},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,r){return a.a.createElement(A,{item:e,creator:n.toolbox.creator,isCompact:t,key:"item"+r})}))},t}(l.SurveyElementBase);l.ReactElementFactory.Instance.registerElement("svc-toolbox-category",(function(e){return a.a.createElement(H,e)}));var z=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(t,e),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.render=function(){return this.toolbox.hasActions?a.a.createElement("div",{className:"svc-toolbox"},a.a.createElement("div",{className:"svc-toolbox__container"},1!=this.toolbox.categories.length&&this.toolbox.showCategoryTitles?this.renderCategories():a.a.createElement("div",{className:"svc-toolbox__category"},this.renderItems(this.toolbox.visibleActions)))):null},t.prototype.renderItems=function(e,t){var n=this;return void 0===t&&(t=!1),e.map((function(e,r){return a.a.createElement(A,{item:e,creator:n.creator,isCompact:t,key:"item"+r})}))},t.prototype.renderCategories=function(){var e=this;return this.toolbox.categories.map((function(t,n){return a.a.createElement(H,{category:t,toolbox:e.toolbox,key:"item"+n})}))},t}(l.SurveyElementBase);l.ReactElementFactory.Instance.registerElement("svc-toolbox",(function(e){return a.a.createElement(z,e)}));var W=function(e){function t(t){var n=e.call(this,t)||this;return n.rootRef=a.a.createRef(),n}return r(t,e),t.prototype.componentDidMount=function(){e.prototype.componentDidMount.call(this);var t=this.rootRef.current;t&&(this.manager=new u.VerticalResponsivityManager(t,this.toolbox,".svc-toolbox__tool:not(.sv-dots)",null,void 0,(function(e){return setTimeout(e)})))},t.prototype.componentWillUnmount=function(){this.manager&&this.manager.dispose(),e.prototype.componentWillUnmount.call(this)},t.prototype.render=function(){if(!this.toolbox.hasActions)return null;var e="svc-toolbox"+(this.toolbox.isCompact?" svc-toolbox--compact":"");return a.a.createElement("div",{ref:this.rootRef,className:e},a.a.createElement("div",{className:"svc-toolbox__container"},this.toolbox.isCompact||1==this.toolbox.categories.length||!this.toolbox.showCategoryTitles?a.a.createElement("div",{className:"svc-toolbox__category"},this.renderItems(this.toolbox.renderedActions,this.toolbox.isCompact)):this.renderCategories()))},t}(z);l.ReactElementFactory.Instance.registerElement("svc-adaptive-toolbox",(function(e){return a.a.createElement(W,e)}));var G=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.onPropChangedHandler=function(e,n){if(!t.isRendering){var r=["showProgressBar","progressBarType","currentPageValue"];if(!(r.indexOf(n.name)<0)){for(var o={},a=0;a<r.length;a++){var i=r[a];o[i]=t.survey[i]}t.setState(o)}}},t}return r(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 l.ReactElementFactory.Instance.createElement(this.survey.getProgressTypeComponent(),{survey:this.survey,css:this.survey.css,isTop:this.isTop})},t}(l.SurveyElementBase),J=function(e){function t(t){var n=e.call(this,t)||this;return n.containerRef=a.a.createRef(),n}return r(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.visible?"":"none"},n="svc-side-bar"+(this.model.flyoutPanelMode?" svc-flyout-side-bar":""),r=this.model.tabs.map((function(e){return a.a.createElement(X,{item:e,key:e.id})}));return a.a.createElement("div",{className:n,style:{display:this.model.hasVisibleTabs?"":"none"}},a.a.createElement("div",{className:"svc-side-bar__shadow",onClick:function(){return e.model.collapseSidebar()}}),a.a.createElement("div",{className:"svc-flex-column svc-side-bar__wrapper"},a.a.createElement("div",{ref:this.containerRef,style:t,className:"svc-side-bar__container"},a.a.createElement("div",{className:"svc-side-bar__container-header"},a.a.createElement("div",{className:"svc-side-bar__container-actions"},a.a.createElement(l.SurveyActionBar,{model:this.model.toolbar})),this.model.headerText?a.a.createElement("div",{className:"svc-side-bar__container-title"},this.model.headerText):null),a.a.createElement("div",{className:"svc-side-bar__container-content"},r))))},t}(l.SurveyElementBase),X=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(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(){return this.item.visible?l.ReactElementFactory.Instance.createElement(this.item.componentName,{model:this.item.model}):null},t}(l.SurveyElementBase);l.ReactQuestionFactory.Instance.registerQuestion("svc-side-bar-tab",(function(e){return a.a.createElement(X,e)}));l.ReactElementFactory.Instance.registerElement("svc-side-bar",(function(e){return a.a.createElement(J,e)}));var Y=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(t,e),t.prototype.render=function(){return a.a.createElement("div",{className:"sd-translation-line-skeleton"})},t}(a.a.Component);l.ReactElementFactory.Instance.registerElement("sd-translation-line-skeleton",(function(e){return a.a.createElement(Y,e)}));var Z=function(e){function t(t){var n=e.call(this,t)||this;return n.onChangedHandler=function(e,t){n.setState({changed:n.state&&n.state.changed?n.state.changed+1:1})},n.onBlur=function(e){return n.svStringEditorRef.current.spellcheck=!1,n.locString.__isEditing=!1,n.justFocused=!1,n.baseModel.onBlur(e.nativeEvent),n.baseModel.errorText},n.onCompositionStart=function(e){n.baseModel.onCompositionStart(e.nativeEvent)},n.onCompositionEnd=function(e){n.baseModel.onCompositionEnd(e.nativeEvent)},n.onInput=function(e){n.baseModel.onInput(e.nativeEvent)},n.onPaste=function(e){n.baseModel.onPaste(e.nativeEvent)},n.justFocused=!1,n.onFocus=function(e){n.baseModel.onFocus(e.nativeEvent),n.justFocused=!0},n.onKeyDown=function(e){return n.baseModel.onKeyDown(e.nativeEvent)},n.onKeyUp=function(e){return n.baseModel.onKeyUp(e.nativeEvent)},n.onMouseUp=function(e){return n.baseModel.onMouseUp(e.nativeEvent)},n.done=function(e){n.baseModel.done(e),n.locString.__isEditing=!1},n.edit=function(e){n.svStringEditorRef.current.focus(),n.locString.__isEditing=!0,n.baseModel.onClick(e)},n.state={changed:0},n.svStringEditorRef=a.a.createRef(),n}return r(t,e),t.prototype.createModel=function(){this.baseModel&&this.baseModel.dispose(),this.baseModel=new c.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()},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;if(this.locString.hasHtml){var t={__html:this.baseModel.focused&&this.baseModel.editAsText&&this.locString.text||this.locString.renderedHtml};e=a.a.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,dangerouslySetInnerHTML:t,onBlur:this.onBlur,onFocus:this.onFocus,onKeyDown:this.onKeyDown,onMouseUp:this.onMouseUp,onClick:this.edit})}else e=a.a.createElement("span",{role:"textbox",ref:this.svStringEditorRef,className:"sv-string-editor",contentEditable:this.contentEditable,spellCheck:!1,"aria-placeholder":this.placeholder,"aria-label":this.placeholder||"content editable",suppressContentEditableWarning:!0,onBlur:this.onBlur,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 n=this.baseModel.showCharacterCounter?a.a.createElement(l.CharacterCounterComponent,{counter:this.baseModel.characterCounter,remainingCharacterCounter:this.baseModel.getCharacterCounterClass}):null;return a.a.createElement("span",{className:this.className},a.a.createElement("span",{className:"svc-string-editor__content"},a.a.createElement("div",{className:"svc-string-editor__border",onClick:this.edit},a.a.createElement(l.SvgIcon,{className:"svc-string-editor__button svc-string-editor__button--edit",size:16,iconName:"icon-edit"})),a.a.createElement("span",{className:"svc-string-editor__input"},e,a.a.createElement("div",{className:"svc-string-editor__controls",onClick:this.edit}),n)),this.errorText?a.a.createElement("span",{className:"svc-string-editor__error"},this.errorText):"")},t}(f);l.ReactElementFactory.Instance.registerElement(c.editableStringRendererName,(function(e){return a.a.createElement(Z,e)}));var $=function(e){function t(t){return e.call(this,t)||this}return r(t,e),t.prototype.renderInput=function(){var e=this.question;Object(c.initLogicOperator)(e);var t=e.selectedItemLocText?this.renderLocString(e.selectedItemLocText):"";return o.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:this.question.ariaRole,"aria-required":this.question.ariaRequired,"aria-label":this.question.ariaLabel,"aria-invalid":this.question.ariaInvalid,"aria-describedby":this.question.ariaDescribedBy},o.createElement("div",{className:this.question.cssClasses.controlValue},t,o.createElement("div",null,e.readOnlyText)),this.createClearButton())},t}(l.SurveyQuestionDropdown);l.ReactQuestionFactory.Instance.registerQuestion("sv-logic-operator",(function(e){return o.createElement($,e)})),u.RendererFactory.Instance.registerRenderer("dropdown","logicoperator","sv-logic-operator");var ee=function(e){function t(t){var n=e.call(this,t)||this;return n.containerRef=a.a.createRef(),n}return r(t,e),t.prototype.createModel=function(){this.model&&this.model.dispose(),this.model=new c.PageNavigatorViewModel(this.props.pagesController,this.props.pageEditMode)},t.prototype.getUpdatedModelProps=function(){return["pagesController","pageEditMode"]},t.prototype.getStateElement=function(){return this.model},Object.defineProperty(t.prototype,"scrollableContainer",{get:function(){var e=this.containerRef.current;if(e){return e.parentElement.parentElement.parentElement}return e},enumerable:!1,configurable:!0}),t.prototype.componentDidMount=function(){if(e.prototype.componentDidMount.call(this),"bypage"!==this.props.pageEditMode){var t=this.containerRef.current;if(t){var n=this;t.parentElement.parentElement.parentElement.onscroll=function(e){return n.model.onContainerScroll(e.currentTarget)},n.model.setItemsContainer(t.parentElement),n.model.setScrollableContainer(t.parentElement.parentElement.parentElement)}}},t.prototype.componentWillUnmount=function(){e.prototype.componentWillUnmount.call(this);var t=this.containerRef.current;t&&(t.parentElement.parentElement.parentElement.onscroll=void 0),this.model.stopItemsContainerHeightObserver(),this.model.setScrollableContainer(void 0)},t.prototype.renderElement=function(){var e=this,t="svc-page-navigator__selector";return this.model.isPopupOpened&&(t+=" svc-page-navigator__selector--opened"),a.a.createElement("div",{className:"svc-page-navigator",ref:this.containerRef,style:{display:this.model.visible?"flex":"none"}},Object(l.attachKey2click)(a.a.createElement("div",{className:t,onClick:function(){return e.model.togglePageSelector()},title:this.model.pageSelectorCaption},a.a.createElement(l.SvgIcon,{className:"svc-page-navigator__navigator-icon",iconName:this.model.icon,size:24,title:this.model.pageSelectorCaption}),a.a.createElement(l.Popup,{model:this.model.popupModel}))),a.a.createElement("div",null,this.model.visibleItems.map((function(e){return a.a.createElement(te,{key:e.id,item:e})}))))},t}(f),te=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(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 Object(u.unwrap)(e.active)&&(t+=" svc-page-navigator-item--selected"),Object(u.unwrap)(e.disabled)&&(t+=" svc-page-navigator-item--disabled"),a.a.createElement("div",{className:"svc-page-navigator-item"},Object(l.attachKey2click)(a.a.createElement("div",{className:t,onClick:function(t){e.action(e),t.stopPropagation()}},a.a.createElement("div",{className:"svc-page-navigator-item__dot",title:e.title}),a.a.createElement("div",{className:"svc-page-navigator-item__banner svc-item__banner"},a.a.createElement("span",{className:"svc-text svc-text--small svc-text--bold"},e.title),a.a.createElement("span",{className:"svc-page-navigator-item__dot"})))))},t}(f),ne=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.onDragEnd.add(t.allowUpdate)},t.clearDragDropEvents=function(){t.creator.onDragStart.remove(t.denyUpdate),t.creator.onDragEnd.remove(t.allowUpdate)},t.renderedPagesCache={},t}return r(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;"pages"!==this.changedStatePropName&&(this.renderedPagesCache={});var t=[];if("bypage"!==this.creator.pageEditMode){this.creator.survey.pages.forEach((function(n,r){var o=e.renderedPagesCache[n.id];o||(o=e.createRenderedPage(n,r),e.renderedPagesCache[n.id]=o),t.push(o)})),this.model.showNewPage&&t.push(this.renderNewPage("svc-page",this.model.newPage.id+"-ghost-new-page"))}else{var n=this.model.pagesController.page2Display;if(n){var r=this.renderedPagesCache[n.id];r||(r=this.createRenderedPage(n,0,!0),this.renderedPagesCache[n.id]=r),t.push(r)}}return t},t.prototype.createRenderedPage=function(e,t,n){return a.a.createElement("div",{className:"svc-page","data-sv-drop-target-page":e.name,"data-sv-drop-target-survey-element":n?"newGhostPage":e.name,key:e.id+"-"+t},this.renderPage(e))},t.prototype.renderNewPage=function(e,t){return void 0===t&&(t=""),a.a.createElement(a.a.Fragment,{key:t},a.a.createElement("div",{className:e,"data-sv-drop-target-survey-element":"newGhostPage"},this.model.newPage?this.renderPage(this.model.newPage):null))},t.prototype.renderPage=function(e){return l.ReactElementFactory.Instance.createElement("svc-page",{survey:this.creator.survey,page:e,creator:this.creator})},t.prototype.renderElement=function(){var e=this,t="svc-tab-designer "+this.model.getRootCss();return a.a.createElement(a.a.Fragment,null,a.a.createElement("div",{className:"svc-flex-column"},this.model.isToolboxVisible?l.ReactElementFactory.Instance.createElement("svc-adaptive-toolbox",{model:this.creator}):null),a.a.createElement("div",{className:t,onClick:function(){return e.model.clickDesigner()}},a.a.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 a.a.createElement(a.a.Fragment,null,a.a.createElement("div",{className:"svc-designer-header"},a.a.createElement(l.SurveyHeader,{survey:t})))},t.prototype.renderPlaceHolder=function(){var e=this.renderHeader(this.creator.allowEditSurveyTitle&&this.creator.showHeaderInEmptySurvey);return a.a.createElement(a.a.Fragment,null,e,a.a.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 a.a.createElement("span",{className:"svc-designer-placeholder-text svc-text svc-text--normal"},this.model.placeholderText)},t.prototype.renderTabContent=function(){var e=this.creator.survey,t=this.renderHeader(this.creator.allowEditSurveyTitle),n={};return e.width&&(n.maxWidth=e.renderedWidth),a.a.createElement(a.a.Fragment,null,a.a.createElement("div",{className:this.model.designerCss,style:n},t,a.a.createElement(G,{survey:e,location:"top"}),this.getRenderedPages(),a.a.createElement(G,{survey:e,location:"bottom",css:e.css})),this.creator.showPageNavigator?a.a.createElement("div",{className:"svc-tab-designer__page-navigator"},a.a.createElement(ee,{pagesController:this.model.pagesController,pageEditMode:this.model.creator.pageEditMode})):null)},t}(l.SurveyElementBase);l.ReactElementFactory.Instance.registerElement("svc-tab-designer",(function(e){return a.a.createElement(ne,e)}));var re=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(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 a.a.createElement("div",{className:"svc-json-editor-tab__errros_list",style:{display:this.model.hasErrors?"block":"none"}},a.a.createElement(l.List,{model:this.model.errorList}))},t}(l.SurveyElementBase),oe=function(e){function t(t){return e.call(this,t)||this}return r(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=a.a.createElement(re,{data:this.model});return a.a.createElement("div",{className:"svc-creator-tab__content"},a.a.createElement("div",{className:"svc-json-editor-tab__content"},a.a.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}(l.SurveyElementBase);l.ReactElementFactory.Instance.registerElement("svc-tab-json-editor-textarea",(function(e){return a.a.createElement(oe,e)}));var ae=function(e){function t(t){var n=e.call(this,t)||this;return n.aceEditorrRef=a.a.createRef(),n}return r(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=a.a.createElement(re,{data:this.model});return a.a.createElement("div",{className:"svc-creator-tab__content"},a.a.createElement("div",{className:"svc-json-editor-tab__content"},a.a.createElement("div",{className:"svc-json-editor-tab__ace-editor",ref:this.aceEditorrRef}),e))},t}(l.SurveyElementBase);l.ReactElementFactory.Instance.registerElement("svc-tab-json-editor-ace",(function(e){return a.a.createElement(ae,e)}));var ie=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(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 Object(l.attachKey2click)(a.a.createElement("div",{role:"button",onClick:function(t){t.stopPropagation(),e.model.action()},className:t,title:this.model.title},a.a.createElement("span",{className:"svc-text svc-text--normal svc-text--bold"},this.model.title)))},t}(l.SurveyElementBase);l.ReactElementFactory.Instance.registerElement("svc-tab-logic-add-button",(function(e){return a.a.createElement(ie,e)}));var se=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(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 a.a.createElement("div",{className:"svc-creator-tab__content"},e)},t.prototype.renderViewContent=function(){var e="svc-plugin-tab__content svc-logic-tab__content "+(this.model.hasItems?"":"svc-logic-tab__empty"),t=this.model.readOnly?void 0:a.a.createElement(ie,{button:this.model.addNewButton});return a.a.createElement(o.Fragment,null,a.a.createElement("div",{className:e},a.a.createElement(l.Survey,{model:this.model.itemsSurvey}),this.model.hasItems?null:a.a.createElement("div",{className:"svc-logic-tab__content-empty"},a.a.createElement("span",{className:"svc-text"},this.model.emptyTabPlaceholder)),t))},t}(l.SurveyElementBase);l.ReactElementFactory.Instance.registerElement("svc-tab-logic",(function(e){return a.a.createElement(se,e)}));var le=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(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?a.a.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},a.a.createElement("div",{className:"svd-simulator-wrapper",id:"svd-simulator-wrapper",style:{width:this.model.simulatorFrame.frameWidth+"px",height:this.model.simulatorFrame.frameHeight+"px"}},a.a.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%)"}},a.a.createElement("div",{className:"svd-simulator-content"},a.a.createElement(l.Survey,{model:this.model.survey}))))):a.a.createElement("div",{className:t},a.a.createElement("div",{className:"svd-simulator-content"},a.a.createElement(l.Survey,{model:this.model.survey}))):a.a.createElement("div",{className:t})},t}(l.SurveyElementBase),ce=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(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 Object(l.attachKey2click)(a.a.createElement("div",{role:"button",onClick:function(t){t.stopPropagation(),e.model.action()},className:"svc-preview__test-again svc-btn",title:this.model.title},a.a.createElement("span",{className:"svc-text svc-text--normal svc-text--bold"},this.model.title)))},t}(l.SurveyElementBase);l.ReactElementFactory.Instance.registerElement("svc-complete-page",(function(e){return a.a.createElement(ce,e)}));var ue=function(e){function t(t){return e.call(this,t)||this}return r(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(){var e="svc-creator-tab__content svc-test-tab__content"+(this.model.isPageToolbarVisible?" svc-creator-tab__content--with-toolbar":"");return a.a.createElement("div",{className:e},a.a.createElement("div",{className:"svc-plugin-tab__content"},a.a.createElement(le,{model:this.model.simulator}),this.model.showResults?a.a.createElement(V,{survey:this.model.simulator.survey}):null),this.getBottomToolbar())},t.prototype.getBottomToolbar=function(){return this.model.isPageToolbarVisible?a.a.createElement("div",{className:"svc-test-tab__content-actions"},a.a.createElement(l.SurveyActionBar,{model:this.model.pages})):null},t}(l.SurveyElementBase);l.ReactElementFactory.Instance.registerElement("svc-tab-test",(function(e){return a.a.createElement(ue,e)}));var de=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(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(){var e="svc-creator-tab__content svc-test-tab__content"+(this.model.isPageToolbarVisible?" svc-creator-tab__content--with-toolbar":"");return a.a.createElement("div",{className:e},a.a.createElement("div",{className:"svc-plugin-tab__content"},a.a.createElement(le,{model:this.model.simulator}),this.model.showResults?a.a.createElement(V,{survey:this.model.simulator.survey}):null),this.getBottomToolbar())},t.prototype.getBottomToolbar=function(){return this.model.isPageToolbarVisible?a.a.createElement("div",{className:"svc-test-tab__content-actions"},a.a.createElement(l.SurveyActionBar,{model:this.model.pages})):null},t}(l.SurveyElementBase);l.ReactElementFactory.Instance.registerElement("svc-tab-theme",(function(e){return a.a.createElement(de,e)}));var me=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(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(){return this.model?a.a.createElement("div",{className:"svc-creator-tab__content svc-translation-tab"},this.renderElementContent()):null},t.prototype.renderElementContent=function(){return this.model.isEmpty?a.a.createElement("div",{className:"st-no-strings"},a.a.createElement("span",null,this.model.noStringsText)):a.a.createElement("div",{className:"st-content"},a.a.createElement("div",{className:"svc-flex-column st-strings-wrapper"},a.a.createElement("div",{className:"svc-flex-row st-strings-header"},a.a.createElement(l.Survey,{model:this.model.stringsHeaderSurvey})),a.a.createElement("div",{className:"svc-flex-row svc-plugin-tab__content st-strings"},a.a.createElement(l.Survey,{model:this.model.stringsSurvey}))))},t}(l.SurveyElementBase);l.ReactElementFactory.Instance.registerElement("svc-tab-translation",(function(e){return a.a.createElement(me,e)}));var pe=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(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?a.a.createElement(l.List,{model:this.model.list}):null},t}(l.SurveyElementBase);l.ReactElementFactory.Instance.registerElement("svc-object-selector",(function(e){return a.a.createElement(pe,e)}));var he=function(e){function t(t){var n=e.call(this,t)||this;return n.state={filterString:n.model.filterString||""},n}return r(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;if(!this.model.isVisible)return null;return a.a.createElement("div",{className:"spg-search-editor_container"},a.a.createElement("div",{className:"spg-search-editor_search-icon"},a.a.createElement(l.SvgIcon,{iconName:"icon-search",size:"auto"})),a.a.createElement("input",{type:"text",className:"spg-search-editor_input","aria-label":this.model.filterStringPlaceholder,placeholder:this.model.filterStringPlaceholder,value:this.state.filterString,onChange:function(t){var n=u.settings.environment.root;t.target===n.activeElement&&(e.model.filterString=t.target.value)}}),a.a.createElement("div",{className:"spg-search-editor_toolbar"},a.a.createElement("div",{className:"spg-search-editor_toolbar-counter"},this.model.matchCounterText),a.a.createElement(l.SurveyActionBar,{model:this.model.searchActionBar})))},t}(l.SurveyElementBase);l.ReactElementFactory.Instance.registerElement("svc-search",(function(e){return a.a.createElement(he,e)}));var ve=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(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(){var e=this.model.searchEnabled?"spg-container spg-container_search":"spg-container";return a.a.createElement("div",{className:e},a.a.createElement(he,{model:this.model.searchManager}),a.a.createElement(l.Survey,{model:this.model.survey}))},t}(l.SurveyElementBase);l.ReactQuestionFactory.Instance.registerQuestion("buttongroup",(function(e){return a.a.createElement(l.SurveyQuestionButtonGroup,e)}));l.ReactElementFactory.Instance.registerElement("svc-property-grid",(function(e){return a.a.createElement(ve,e)}));var fe=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(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?a.a.createElement("span",{className:"svc-switcher__title"},this.item.title):null;return Object(l.attachKey2click)(a.a.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},a.a.createElement("div",{className:this.item.getSwitcherIconCss()},a.a.createElement("div",{className:"svc-switcher__icon-thumb"})),n),this.item,{processEsc:!1})},t}(l.SurveyElementBase);l.ReactElementFactory.Instance.registerElement("svc-switcher",(function(e){return a.a.createElement(fe,e)}));var ye=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(t,e),t.prototype.render=function(){var e=this.props.item;return a.a.createElement(a.a.Fragment,null,a.a.createElement(l.SvgIcon,{iconName:e.iconName,iconSize:e.iconSize,className:"svc-json-error__icon"}),a.a.createElement("div",{className:"svc-json-error__container"},a.a.createElement("div",{className:"svc-json-error__title"},a.a.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 Object(l.attachKey2click)(a.a.createElement("button",{type:"button",onClick:function(t){t.stopPropagation(),e.data.fixError()},title:e.data.fixButtonTitle,className:"svc-json-error__fix-button"},a.a.createElement(l.SvgIcon,{iconName:e.data.fixButtonIcon,size:"auto"})))},t}(l.SurveyElementBase);l.ReactElementFactory.Instance.registerElement("json-error-item",(function(e){return a.a.createElement(ye,e)}));var ge=function(e){function t(t){return e.call(this,t)||this}return r(t,e),Object.defineProperty(t.prototype,"question",{get:function(){return this.questionBase},enumerable:!1,configurable:!0}),t.prototype.renderInput=function(){var e=this;return o.createElement(o.Fragment,null,o.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",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.ariaRequired,"aria-label":this.question.ariaLabel,"aria-invalid":this.question.ariaInvalid,"aria-describedby":this.question.ariaDescribedBy}))},t.prototype.renderElement=function(){var e=this;return o.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 o.createElement("span",{className:this.question.cssClasses.buttonsContainer},o.createElement("button",{tabIndex:-1,className:this.question.cssClasses.arrowButton,disabled:this.isDisplayMode,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)}},o.createElement(l.SvgIcon,{iconName:this.question.cssClasses.decreaseButtonIcon,size:"auto"})),o.createElement("button",{tabIndex:-1,className:this.question.cssClasses.arrowButton,disabled:this.isDisplayMode,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)}},o.createElement(l.SvgIcon,{iconName:this.question.cssClasses.increaseButtonIcon,size:"auto"})))},t}(l.SurveyQuestionText);l.ReactQuestionFactory.Instance.registerQuestion("spinedit",(function(e){return o.createElement(ge,e)}));var Ee=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(t,e),t.prototype.render=function(){var e=this.props.item;return a.a.createElement(a.a.Fragment,null,a.a.createElement("span",{className:"spg-color-editor__color-swatch",style:{backgroundColor:e.value}}),a.a.createElement("span",{key:2},this.renderLocString(e.locTitle,void 0,"locString")))},t}(l.SurveyElementBase);l.ReactElementFactory.Instance.registerElement("color-item",(function(e){return a.a.createElement(Ee,e)}));var be=function(e){function t(t){return e.call(this,t)||this}return r(t,e),Object.defineProperty(t.prototype,"question",{get:function(){return this.questionBase},enumerable:!1,configurable:!0}),t.prototype.renderInput=function(){var e=this;return o.createElement(o.Fragment,null,o.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.ariaRequired,"aria-label":this.question.ariaLabel,"aria-invalid":this.question.ariaInvalid,"aria-describedby":this.question.ariaDescribedBy}))},t.prototype.renderElement=function(){var e=this;return o.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 o.createElement("label",{className:this.question.getSwatchCss(),style:this.question.getSwatchStyle()},o.createElement(l.SvgIcon,{iconName:this.question.cssClasses.swatchIcon,size:"auto"}),o.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}))},t.prototype.renderDropdownAction=function(){return o.createElement(o.Fragment,null,l.ReactElementFactory.Instance.createElement("sv-action-bar-item",{item:this.question.dropdownAction}),this.renderPopup())},t.prototype.renderPopup=function(){return o.createElement(l.Popup,{model:this.question.dropdownAction.popupModel})},t}(l.SurveyQuestionText);l.ReactQuestionFactory.Instance.registerQuestion("color",(function(e){return o.createElement(be,e)}));var _e=function(e){function t(t){return e.call(this,t)||this}return r(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 o.createElement(o.Fragment,null,o.createElement("input",{disabled:this.isDisplayMode,className:this.questionFile.cssClasses.control,placeholder:this.questionFile.placeholder,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 o.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 o.createElement("div",{className:this.questionFile.cssClasses.buttonsContainer},this.renderClearButton(),this.renderChooseButton())},t.prototype.renderClearButton=function(){return Object(l.attachKey2click)(o.createElement("button",{type:"button",className:this.questionFile.cssClasses.clearButton,disabled:this.questionFile.getIsClearButtonDisabled(),onClick:this.questionFile.doClean},o.createElement(l.SvgIcon,{iconName:this.questionFile.cssClasses.clearButtonIcon,size:"auto",title:this.questionFile.clearButtonCaption})))},t.prototype.renderChooseButton=function(){var e=this;return Object(l.attachKey2click)(o.createElement("label",{role:"button",onClick:function(t){return e.questionFile.chooseFiles(t.nativeEvent)},className:this.questionFile.getChooseButtonCss(),htmlFor:this.questionFile.inputId,"aria-label":this.questionFile.chooseButtonCaption},o.createElement(l.SvgIcon,{iconName:this.questionFile.cssClasses.chooseButtonIcon,size:"auto",title:this.questionFile.chooseButtonCaption})))},t.prototype.renderElement=function(){var e=this;return o.createElement("div",{className:this.questionFile.cssClasses.root,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}(l.SurveyQuestionText);l.ReactQuestionFactory.Instance.registerQuestion("fileedit",(function(e){return o.createElement(_e,e)}));var Ce,Ne=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(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 o.createElement("div",{className:this.question.getRootClass()},e,t)},t.prototype.renderInput=function(){return l.ReactQuestionFactory.Instance.createQuestion(this.question.wrappedQuestionTemplate,{question:this.question,isDisplayMode:this.question.isInputReadOnly,creator:this})},t.prototype.renderResetButton=function(){var e=this;return o.createElement("button",{className:this.question.cssClasses.resetButton,disabled:this.question.resetValueAdorner.isDisabled,title:this.question.resetValueAdorner.caption,onClick:function(){return e.question.resetValueAdorner.resetValue()}},o.createElement(l.SvgIcon,{iconName:this.question.cssClasses.resetButtonIcon,size:"auto"}))},t}(l.SurveyQuestionElementBase);l.ReactQuestionFactory.Instance.registerQuestion("textwithreset",(function(e){return o.createElement(Ne,e)})),l.ReactQuestionFactory.Instance.registerQuestion("commentwithreset",(function(e){return o.createElement(Ne,e)})),Ce="".concat("1.9.131"),Object(u.checkLibraryVersion)("".concat("1.9.131"),"survey-creator-react")}])}));