survey-creator-react/survey-creator-react.min.js

A white-label drag-and-drop form builder for React that lets you design complex, interactive forms and surveys without writing code. It generates JSON schemas used by the SurveyJS Form Library to render dynamic forms in your React app.

/*!
 * SurveyJS Creator v2.5.27
 * (c) 2015-2026 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&&"undefined"!=typeof module?t(exports,require("react"),require("survey-react-ui"),require("survey-creator-core"),require("react-dom"),require("survey-core")):"function"==typeof define&&define.amd?define(["exports","react","survey-react-ui","survey-creator-core","react-dom","survey-core"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).SurveyCreator={},e.React,e.SurveyReact,e.SurveyCreatorCore,e.ReactDOM,e.Survey)}(this,function(e,t,n,o,r,i){"use strict";function a(e){var t=Object.create(null);return e&&Object.keys(e).forEach(function(n){if("default"!==n){var o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:function(){return e[n]}})}}),t.default=e,Object.freeze(t)}var s=a(t),l=a(r),c=function(e,t){return c=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},c(e,t)};function u(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}c(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}var m=function(){return m=Object.assign||function(e){for(var t,n=1,o=arguments.length;n<o;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},m.apply(this,arguments)};"function"==typeof SuppressedError&&SuppressedError;var p=function(e){function t(t){var n=e.call(this,t)||this;return n.rootRef=s.createRef(),n}return u(t,e),Object.defineProperty(t.prototype,"model",{get:function(){return this.props.model},enumerable:!1,configurable:!0}),t.prototype.getStateElement=function(){return this.model},t.prototype.renderElement=function(){var e=this.model.renderedActions.map(function(e){return s.createElement(d,{item:e,key:e.renderedId})});return s.createElement("div",{ref:this.rootRef,className:"svc-tabbed-menu",role:"tablist",style:this.model.getRootStyle()},e)},t.prototype.componentDidUpdate=function(t,n){e.prototype.componentDidUpdate.call(this,t,n);var o=this.rootRef.current;o&&this.model.initResponsivityManager(o)},t.prototype.componentDidMount=function(){e.prototype.componentDidMount.call(this);var t=this.rootRef.current;t&&this.model.initResponsivityManager(t)},t.prototype.componentWillUnmount=function(){this.model.resetResponsivityManager(),e.prototype.componentWillUnmount.call(this)},t}(n.SurveyElementBase),d=function(e){function t(t){var n=e.call(this,t)||this;return n.ref=s.createRef(),n.state={changed:0},n}return u(t,e),Object.defineProperty(t.prototype,"item",{get:function(){return this.props.item},enumerable:!1,configurable:!0}),t.prototype.getStateElement=function(){return this.item},t.prototype.renderElement=function(){var e="svc-tabbed-menu-item-container";this.item.css&&(e+=" "+this.item.css),e+=this.item.isVisible?"":" sv-action--hidden";var t=n.ReactElementFactory.Instance.createElement(this.item.component||"svc-tabbed-menu-item",{item:this.item});return s.createElement("span",{key:this.item.id,className:e,ref:this.ref},s.createElement("div",{className:"sv-action__content"},t))},t.prototype.componentDidMount=function(){var t=this;e.prototype.componentDidMount.call(this),this.item.updateModeCallback=function(e,n){var o=function(){t.item.mode==e?t.setState({changed:t.state.changed+1}):t.item.mode=e};queueMicrotask(function(){l.flushSync?l.flushSync(function(){o()}):o(),queueMicrotask(function(){n(e,t.ref.current)})})},this.item.afterRender()},t.prototype.componentWillUnmount=function(){e.prototype.componentWillUnmount.call(this),this.item.updateModeCallback=void 0},t}(n.SurveyElementBase),h=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),Object.defineProperty(t.prototype,"item",{get:function(){return this.props.item},enumerable:!1,configurable:!0}),t.prototype.getStateElement=function(){return this.item},t.prototype.render=function(){var e=this.item;return n.attachKey2click(s.createElement("div",{role:"tab",id:"tab-"+e.id,"aria-selected":e.active,"aria-controls":"scrollableDiv-"+e.id,className:e.getRootCss(),onClick:function(){return e.doAction()}},e.hasTitle?s.createElement("span",{className:e.getTitleCss()},e.title):null,e.hasIcon?s.createElement(n.SvgIcon,{iconName:e.iconName,className:e.getIconCss(),size:"auto",title:e.tooltip||e.title}):null))},t}(n.SurveyElementBase);n.ReactElementFactory.Instance.registerElement("svc-tabbed-menu-item",function(e){return s.createElement(h,e)});var v=function(e){function t(t){var n=e.call(this,t)||this;return n.rootNode=s.createRef(),n}return u(t,e),Object.defineProperty(t.prototype,"creator",{get:function(){return this.props.creator},enumerable:!1,configurable:!0}),t.prototype.getStateElement=function(){return this.creator},Object.defineProperty(t.prototype,"style",{get:function(){return this.props.style},enumerable:!1,configurable:!0}),t.prototype.componentDidUpdate=function(t,n){e.prototype.componentDidUpdate.call(this,t,n),this.creator!==t.creator&&(t.creator&&t.creator.unsubscribeRootElement(),this.creator&&this.rootNode.current&&this.creator.setRootElement(this.rootNode.current))},t.prototype.componentDidMount=function(){e.prototype.componentDidMount.call(this),this.creator.setRootElement(this.rootNode.current)},t.prototype.componentWillUnmount=function(){e.prototype.componentWillUnmount.call(this),this.creator.unsubscribeRootElement()},t.prototype.renderElement=function(){var e=this.props.creator;if(e.isCreatorDisposed)return null;var t="svc-full-container svc-creator__area svc-flex-column"+(this.props.creator.haveCommercialLicense?"":" svc-creator__area--with-banner"),r="svc-creator__content-wrapper svc-flex-row"+(this.props.creator.isMobileView?" svc-creator__content-wrapper--footer-toolbar":""),i="svc-flex-row svc-full-container svc-creator__side-bar--"+this.creator.sidebarLocation,a={};o.assign(a,this.style,this.props.creator.themeVariables);var l=null;if(!this.props.creator.haveCommercialLicense){var c={__html:this.props.creator.licenseText};l=s.createElement("div",{className:"svc-creator__banner"},s.createElement("span",{className:"svc-creator__non-commercial-text",dangerouslySetInnerHTML:c}))}return s.createElement("div",{className:this.creator.getRootCss(),ref:this.rootNode,style:a},s.createElement(n.SvgBundleComponent,null),s.createElement(n.PopupModal,null),s.createElement("div",{className:t},s.createElement("div",{className:i},s.createElement("div",{className:"svc-flex-column svc-flex-row__element svc-flex-row__element--growing"},s.createElement("div",{className:"svc-top-bar"},e.showTabs?s.createElement("div",{className:"svc-tabbed-menu-wrapper"},s.createElement(p,{model:e.tabbedMenu})):null,e.showToolbar?s.createElement("div",{className:"svc-toolbar-wrapper"},s.createElement(n.SurveyActionBar,{model:e.toolbar})):null),s.createElement("div",{className:r},s.createElement("div",{className:"svc-creator__content-holder svc-flex-column"},this.renderActiveTab())),s.createElement("div",{className:"svc-footer-bar"},e.isMobileView?s.createElement("div",{className:"svc-toolbar-wrapper"},s.createElement(n.SurveyActionBar,{model:e.footerToolbar})):null)),this.renderSidebar()),l,s.createElement(n.NotifierComponent,{notifier:e.notifier})))},t.prototype.renderActiveTab=function(){var e=this.props.creator;return this.renderCreatorTab(e.activeTabMenuItem)},t.prototype.renderCreatorTab=function(e){if(!e)return null;var t=this.props.creator,o=e.renderTab?e.renderTab():n.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 s.createElement("div",{role:"tabpanel",key:e.id,id:"scrollableDiv-"+e.id,"aria-labelledby":"tab-"+e.id,className:r},o)},t.prototype.renderSidebar=function(){return this.creator.isSidebarVisible?n.ReactElementFactory.Instance.createElement("svc-side-bar",{model:this.creator.sidebar}):null},t}(n.SurveyElementBase),f=function(e){function t(t,n){return void 0===t&&(t={}),e.call(this,t,n)||this}return u(t,e),t.prototype.render=function(e){console.error("The render method is deprecated. Use SurveyCreatorComponent instead.")},t.prototype.createQuestionElement=function(e){return n.ReactQuestionFactory.Instance.createQuestion(e.isDefaultRendering()?e.getTemplate():e.getComponentName(),{question:e,isDisplayMode:e.isReadOnly,creator:this})},t.prototype.renderError=function(e,t,o){return s.createElement("div",{key:e},s.createElement("span",{className:o.error.icon,"aria-hidden":"true"}),s.createElement("span",{className:o.error.item},s.createElement(n.SurveyLocStringViewer,{model:t.locText})))},t.prototype.questionTitleLocation=function(){return this.survey.questionTitleLocation},t.prototype.questionErrorLocation=function(){return this.survey.questionErrorLocation},t}(o.SurveyCreatorModel);n.ReactElementFactory.Instance.registerElement("survey-widget",function(e){return s.createElement(n.Survey,e)});var y=function(e){function t(t){var n=e.call(this,t)||this;return n.createModel(t),n}return u(t,e),t.prototype.shouldComponentUpdate=function(t,n){var o=e.prototype.shouldComponentUpdate.call(this,t,n);return o&&this.needUpdateModel(t)&&this.createModel(t),o},t.prototype.createModel=function(e){},t.prototype.needUpdateModel=function(e){var t=this.getUpdatedModelProps();if(!Array.isArray(t))return!0;for(var n=function(){var n=t[r];if("object"==typeof n){var i=o.props[n.name],a=e[n.name];if(n.deepEqual){if(o.props[n.name]===e[n.name])return{value:!1};var s=Object.keys(i||{});return s.length!==Object.keys(a||{}).length?{value:!0}:{value:s.some(function(e){return i[e]!=a[e]})}}return{value:i!==a}}if(o.props[n]!==e[n])return{value:!0}},o=this,r=0;r<t.length;r++){var i=n();if("object"==typeof i)return i.value}return!1},t.prototype.getUpdatedModelProps=function(){},t}(n.SurveyElementBase),g=function(e){function t(t){return e.call(this,t)||this}return u(t,e),t.prototype.createModel=function(e){this.model&&this.model.dispose(),this.model=new o.RowViewModel(e.componentData.creator,e.row,null)},t.prototype.getUpdatedModelProps=function(){return["row",{name:"componentData",deepEqual:!0}]},t.prototype.getStateElement=function(){return this.model},t.prototype.componentDidMount=function(){e.prototype.componentDidMount.call(this),this.model.subscribeElementChanges()},t.prototype.componentWillUnmount=function(){this.model.unsubscribeElementChanges(),e.prototype.componentWillUnmount.call(this)},t.prototype.render=function(){return s.createElement("div",{key:"svc-row-"+this.props.row.id,className:this.model.cssClasses},s.createElement("div",{className:"svc-row__drop-indicator svc-row__drop-indicator--top"}),s.createElement("div",{className:"svc-row__drop-indicator svc-row__drop-indicator--bottom"}),this.props.element)},t}(y);n.ReactElementFactory.Instance.registerElement("svc-row",function(e){return s.createElement(g,e)});var E=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}(),b=function(e){function t(t){var n=e.call(this,t)||this;return n.event=t,n}return u(t,e),Object.defineProperty(t.prototype,"dataTransfer",{get:function(){return this.event.dataTransfer},enumerable:!1,configurable:!0}),t}(E);var _=s.memo(function(e){return e.element});_.displayName="QuestionElementContent";var C=function(e){function t(t){var n=e.call(this,t)||this;return n.rootRef=s.createRef(),n}return u(t,e),t.prototype.createModel=function(e){this.model?this.model.attachToUI(e.question,this.rootRef.current):this.modelValue=this.createQuestionViewModel(e)},t.prototype.createQuestionViewModel=function(e){return new o.QuestionAdornerViewModel(e.componentData,e.question,null)},t.prototype.getUpdatedModelProps=function(){return["question","componentData"]},Object.defineProperty(t.prototype,"model",{get:function(){return this.modelValue},enumerable:!1,configurable:!0}),t.prototype.getStateElement=function(){return this.model},t.prototype.renderElement=function(){var e=this,t=this.model.element.isInteractiveDesignElement,n=this.renderQuestionTitle(),o=this.renderContent(t);return s.createElement("div",{ref:this.rootRef,"data-sv-drop-target-survey-element":this.model.element.name||null,className:this.model.rootCss(),onDoubleClick:function(n){t&&e.model.dblclick(n.nativeEvent),n.stopPropagation()},onMouseLeave:function(n){return t&&e.model.hover(n.nativeEvent,n.currentTarget)},onMouseOver:function(n){return t&&e.model.hover(n.nativeEvent,n.currentTarget)}},n,o)},t.prototype.disableTabStop=function(){return!0},t.prototype.renderContent=function(e){var t=this,o=this.model.needToRenderContent?this.renderElementContent():null;return n.attachKey2click(s.createElement("div",{className:this.model.css(),onClick:function(e){return t.model.select(t.model,new E(e))}},s.createElement("div",{className:"svc-question__drop-indicator svc-question__drop-indicator--left"}),s.createElement("div",{className:"svc-question__drop-indicator svc-question__drop-indicator--right"}),s.createElement("div",{className:"svc-question__drop-indicator svc-question__drop-indicator--top"}),s.createElement("div",{className:"svc-question__drop-indicator svc-question__drop-indicator--bottom"}),e?this.renderHeader():null,o,this.model.needToRenderContent?this.renderFooter():null),void 0,{disableTabStop:this.disableTabStop()})},t.prototype.renderHeader=function(){return n.ReactElementFactory.Instance.createElement("svc-question-header",{model:this.model})},t.prototype.renderFooter=function(){return this.model.element.isInteractiveDesignElement?n.ReactElementFactory.Instance.createElement("svc-question-footer",{className:"svc-question__content-actions",model:this.model}):null},t.prototype.renderCarryForwardBanner=function(){return this.model.isBannerShowing?n.ReactElementFactory.Instance.createElement("svc-question-banner",this.model.createBannerParams()):null},t.prototype.renderQuestionTitle=function(){var e=this;if(!this.model.showHiddenTitle)return null;var t=this.model.element;return s.createElement("div",{ref:function(t){return t&&(e.model.renderedCollapsed?t.removeAttribute("inert"):t.setAttribute("inert",""))},className:this.model.cssCollapsedHiddenHeader},t.hasTitle?s.createElement(n.TitleElement,{element:t,renderActions:!1}):s.createElement("div",{className:this.model.cssCollapsedHiddenTitle},s.createElement("span",{className:"svc-fake-title"},t.name)))},t.prototype.renderElementContent=function(){return s.createElement(s.Fragment,null,s.createElement(_,{element:this.props.element}),this.renderElementPlaceholder(),this.renderCarryForwardBanner())},t.prototype.componentDidMount=function(){e.prototype.componentDidMount.call(this),this.model.attachToUI(this.props.question,this.rootRef.current)},t.prototype.renderElementPlaceholder=function(){return this.model.isEmptyElement?s.createElement("div",{className:"svc-panel__placeholder_frame-wrapper"},s.createElement("div",{className:"svc-panel__placeholder_frame"},s.createElement("div",{className:"svc-panel__placeholder"},this.model.placeholderText))):null},t.prototype.componentWillUnmount=function(){e.prototype.componentWillUnmount.call(this),this.model.detachFromUI()},t}(y);n.ReactElementFactory.Instance.registerElement("svc-question",function(e){return s.createElement(C,e)});var N=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t.prototype.render=function(){var e=this;return this.props.model.allowDragging?s.createElement("div",{className:"svc-question__drag-area",onPointerDown:function(t){return e.props.model.onPointerDown(t)}},s.createElement(n.SvgIcon,{className:"svc-question__drag-element",size:"auto",iconName:"icon-drag-area-indicator_24x16"}),s.createElement("div",{className:"svc-question__top-actions"},s.createElement(n.SurveyActionBar,{model:this.props.model.topActionContainer,handleClick:!1}))):null},t}(s.Component);n.ReactElementFactory.Instance.registerElement("svc-question-header",function(e){return s.createElement(N,e)});var S=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t.prototype.render=function(){var e=this;return s.createElement("div",{className:this.props.className,onFocus:function(t){return e.props.model.select(e.props.model,new E(t))}},s.createElement(n.SurveyActionBar,{model:this.props.model.actionContainer,handleClick:!1}))},t}(s.Component);n.ReactElementFactory.Instance.registerElement("svc-question-footer",function(e){return s.createElement(S,e)});var w=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t.prototype.renderElement=function(){var e=(new i.CssClassBuilder).append(this.props.classes).append("svc-action-button").append("svc-action-button--selected",!!this.props.selected).append("svc-action-button--disabled",!!this.props.disabled).toString();return this.props.iconName?this.renderIcon(e):this.renderButtonText(e)},t.prototype.renderButtonText=function(e){var t=this;return this.props.disabled?s.createElement("span",{className:e},this.props.text):s.createElement(s.Fragment,null,n.attachKey2click(s.createElement("span",{role:"button",className:e,onClick:function(e){t.props.allowBubble||e.stopPropagation(),t.props.click()},title:this.props.title},this.props.text)))},t.prototype.renderIcon=function(e){var t=this;return e+=" svc-action-button--icon",this.props.disabled?s.createElement("span",{className:e},s.createElement(n.SvgIcon,{size:"auto",iconName:this.props.iconName})):s.createElement(s.Fragment,null,n.attachKey2click(s.createElement("span",{className:e,onClick:function(e){t.props.allowBubble||e.stopPropagation(),t.props.click()},title:this.props.title},s.createElement(n.SvgIcon,{size:"auto",iconName:this.props.iconName}))))},t}(n.SurveyElementBase);n.ReactElementFactory.Instance.registerElement("svc-action-button",function(e){return s.createElement(w,e)});var q=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t.prototype.render=function(){var e=this;return s.createElement("div",{className:"svc-carry-forward-panel-wrapper"},s.createElement("div",{className:"svc-carry-forward-panel"},s.createElement("span",null,this.props.text," "),s.createElement("span",{className:"svc-carry-forward-panel__link"},s.createElement(w,{click:function(){return e.props.onClick()},text:this.props.actionText}))))},t}(s.Component);n.ReactElementFactory.Instance.registerElement("svc-question-banner",function(e){return s.createElement(q,e)});var I=function(e){function t(t){return e.call(this,t)||this}return u(t,e),t.prototype.createQuestionViewModel=function(e){return new o.QuestionDropdownAdornerViewModel(e.componentData,e.question,null)},Object.defineProperty(t.prototype,"dropdownModel",{get:function(){return this.model},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"question",{get:function(){return this.dropdownModel.question},enumerable:!1,configurable:!0}),t.prototype.renderElementPlaceholder=function(){var e=this,t=this.question.textStyle;return s.createElement("div",{className:"svc-question__dropdown-choices--wrapper"},s.createElement("div",null,s.createElement("div",{className:"svc-question__dropdown-choices"},(this.dropdownModel.getRenderedItems()||[]).map(function(o,r){return s.createElement("div",{className:e.dropdownModel.getChoiceCss(),key:"editable_choice_".concat(r)},n.ReactSurveyElementsWrapper.wrapItemValue(e.question.survey,n.ReactElementFactory.Instance.createElement(e.dropdownModel.itemComponent,{key:o.value,question:e.question,cssClasses:e.question.cssClasses,isDisplayMode:!0,item:o,textStyle:t,index:r,isChecked:e.question.value===o.value}),e.question,o))})),this.dropdownModel.needToCollapse?s.createElement(w,{click:this.dropdownModel.switchCollapse,text:this.dropdownModel.getButtonText(),allowBubble:!0}):null))},t}(C);n.ReactElementFactory.Instance.registerElement("svc-dropdown-question",function(e){return s.createElement(I,e)});var R=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t.prototype.createQuestionViewModel=function(e){return new o.QuestionImageAdornerViewModel(e.componentData,e.question,null)},Object.defineProperty(t.prototype,"imageModel",{get:function(){return this.model},enumerable:!1,configurable:!0}),t.prototype.renderHeader=function(){return s.createElement(s.Fragment,null,s.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 s.createElement("div",{className:"svc-image-question__loading-placeholder"},s.createElement("div",{className:"svc-image-question__loading"},s.createElement(n.LoadingIndicatorComponent,null)))},t.prototype.renderChooseButton=function(){var e=this;return s.createElement("div",{className:"svc-image-question-controls"},this.model.allowEdit?n.attachKey2click(s.createElement("span",{className:"svc-context-button",onClick:function(){return e.imageModel.chooseFile(e.imageModel)}},s.createElement(n.SvgIcon,{size:"auto",iconName:"icon-choosefile"}))):null)},t.prototype.renderElementPlaceholder=function(){return this.imageModel.isUploading?this.renderLoadingPlaceholder():this.renderChooseButton()},t.prototype.getStateElements=function(){return[this.model,this.imageModel.filePresentationModel]},t.prototype.renderElementContent=function(){if(this.imageModel.isEmptyElement){var e=n.ReactQuestionFactory.Instance.createQuestion("file",{creator:this.imageModel.question.survey,isDisplayMode:!1,question:this.imageModel.filePresentationModel});return s.createElement(s.Fragment,null,e)}return s.createElement(s.Fragment,null,this.props.element,this.renderElementPlaceholder())},t}(C);n.ReactElementFactory.Instance.registerElement("svc-image-question",function(e){return s.createElement(R,e)});var x=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t.prototype.createModel=function(e){this.modelValue=this.createQuestionViewModel(e)},t.prototype.createQuestionViewModel=function(e){return new o.QuestionRatingAdornerViewModel(e.componentData,e.question,null)},t.prototype.getUpdatedModelProps=function(){return["question","componentData"]},Object.defineProperty(t.prototype,"ratingModel",{get:function(){return this.model},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"model",{get:function(){return this.modelValue},enumerable:!1,configurable:!0}),t.prototype.getStateElement=function(){return this.model},t.prototype.renderElement=function(){var e=this.ratingModel;return s.createElement(s.Fragment,null,s.createElement("div",{className:"svc-rating-question-content"},s.createElement("div",{className:e.controlsClassNames},e.allowRemove?n.attachKey2click(s.createElement("span",{role:"button",className:e.removeClassNames,"aria-label":e.removeTooltip,onClick:function(){return e.removeItem(e)}},s.createElement(n.SvgIcon,{size:"auto",iconName:"icon-remove_16x16",title:e.removeTooltip}))):null,e.allowAdd?n.attachKey2click(s.createElement("span",{role:"button",className:e.addClassNames,"aria-label":e.addTooltip,onClick:function(){return e.addItem(e)}},s.createElement(n.SvgIcon,{size:"auto",iconName:"icon-add_16x16",title:e.addTooltip}))):null),this.props.element))},t}(y);n.ReactElementFactory.Instance.registerElement("svc-rating-question",function(e){return s.createElement(x,e)}),n.ReactElementFactory.Instance.registerElement("svc-rating-question-content",function(e){return s.createElement(x,e)});var M=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t.prototype.createQuestionViewModel=function(e){return new o.QuestionAdornerViewModel(e.componentData,e.question,null)},Object.defineProperty(t.prototype,"widgetModel",{get:function(){return this.model},enumerable:!1,configurable:!0}),t.prototype.renderElementContent=function(){return s.createElement("div",{className:"svc-widget__content"},this.props.element)},t}(C);n.ReactElementFactory.Instance.registerElement("svc-widget-question",function(e){return s.createElement(M,e)});var P=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t.prototype.createModel=function(e){this.model=new o.QuestionAdornerViewModel(e.componentData,e.question,null)},t.prototype.getStateElement=function(){return this.model},t.prototype.getUpdatedModelProps=function(){return["question","componentData"]},t.prototype.render=function(){return s.createElement(s.Fragment,null,s.createElement("div",{"data-sv-drop-target-survey-element":this.model.element.name,className:"svc-question__adorner"},s.createElement("div",{className:" svc-question__content--in-popup svc-question__content"},this.props.element)))},t}(y);n.ReactElementFactory.Instance.registerElement("svc-cell-question",function(e){return s.createElement(P,e)});var T=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t.prototype.createModel=function(e){this.model=new o.QuestionAdornerViewModel(e.componentData,e.question,null)},t.prototype.getUpdatedModelProps=function(){return["question","componentData"]},t.prototype.getStateElement=function(){return this.model},t.prototype.render=function(){var e=this.props.question,t=this.props.question.textStyle;return s.createElement(s.Fragment,null,s.createElement("div",{"data-sv-drop-target-survey-element":this.model.element.name,className:"svc-question__adorner"},s.createElement("div",{className:" svc-question__content--in-popup svc-question__content"},this.props.element,s.createElement("div",{className:"svc-question__dropdown-choices"},e.visibleChoices.map(function(o,r){return s.createElement("div",{className:"svc-question__dropdown-choice",key:"editable_choice_".concat(r)},n.ReactSurveyElementsWrapper.wrapItemValue(e.survey,n.ReactElementFactory.Instance.createElement("survey-radiogroup-item",{question:e,cssClasses:e.cssClasses,isDisplayMode:!0,item:o,textStyle:t,index:r,isChecked:e.value===o.value}),e,o))})))))},t}(y);n.ReactElementFactory.Instance.registerElement("svc-cell-dropdown-question",function(e){return s.createElement(T,e)});var D=s.memo(function(e){var t=e.page,o=e.survey,r=e.creator;return s.createElement(n.SurveyPage,{page:t,survey:o,creator:r})});D.displayName="PageElementContent";var F=function(e){function t(t){var n=e.call(this,t)||this;return n.rootRef=s.createRef(),n}return u(t,e),t.prototype.createModel=function(e){this.model&&this.model.attachToUI(e.page,this.rootRef.current),this.model=this.createPageAdorner(e.creator,e.page),this.model.isGhost=this.props.isGhost},t.prototype.createPageAdorner=function(e,t){return new o.PageAdorner(e,t)},t.prototype.shouldComponentUpdate=function(t,n){var o=e.prototype.shouldComponentUpdate.call(this,t,n);return this.model&&(this.model.isGhost=this.props.isGhost),o},t.prototype.componentDidUpdate=function(t,n){e.prototype.componentDidUpdate.call(this,t,n)},t.prototype.getUpdatedModelProps=function(){return["creator","page"]},t.prototype.getStateElement=function(){return this.model},t.prototype.componentDidMount=function(){e.prototype.componentDidMount.call(this),this.model.attachToUI(this.props.page,this.rootRef.current),this.model.isGhost=this.props.isGhost},t.prototype.componentWillUnmount=function(){e.prototype.componentWillUnmount.call(this),this.model.detachFromUI()},t.prototype.canRender=function(){return e.prototype.canRender.call(this)},t.prototype.renderElement=function(){var e=this;return this.props.page?n.attachKey2click(s.createElement("div",{ref:this.rootRef,id:this.props.page.id,"data-sv-drop-target-survey-page":this.model.dropTargetName,className:"svc-page__content "+this.model.css,onClick:function(t){return e.model.select(e.model,new E(t))},onDoubleClick:function(t){return e.model.dblclick(t.nativeEvent)},onMouseLeave:function(t){return e.model.hover(t.nativeEvent,t.currentTarget)},onMouseOver:function(t){return e.model.hover(t.nativeEvent,t.currentTarget)}},s.createElement("div",{className:"svc-question__drop-indicator svc-question__drop-indicator--top"}),s.createElement("div",{className:"svc-question__drop-indicator svc-question__drop-indicator--bottom"}),this.renderContent(),this.renderPlaceholder(),this.renderHeader(),this.renderFooter())):null},t.prototype.renderPlaceholder=function(){return this.model.showPlaceholder?s.createElement("div",{className:"svc-page__placeholder_frame"},s.createElement("div",{className:"svc-panel__placeholder_frame"},s.createElement("div",{className:"svc-panel__placeholder"},this.model.placeholderText))):null},t.prototype.renderContent=function(){return this.model.needRenderContent?s.createElement(D,{page:this.props.page,survey:this.props.survey,creator:this.props.creator}):s.createElement("div",{className:"svc-page__loading-content"},s.createElement(n.LoadingIndicatorComponent,null))},t.prototype.renderHeader=function(){var e=this,t=s.createElement("div",{className:"svc-page__content-actions"},s.createElement(n.SurveyActionBar,{model:this.model.actionContainer}),this.model.topActionContainer.hasActions?s.createElement(n.SurveyActionBar,{model:this.model.topActionContainer}):null);return this.model.isGhost||!this.model.allowDragging?t:s.createElement("div",{className:"svc-question__drag-area",onPointerDown:function(t){return e.model.onPointerDown(t)}},s.createElement(n.SvgIcon,{className:"svc-question__drag-element",size:"auto",iconName:"icon-drag-area-indicator_24x16"}),t)},t.prototype.renderFooter=function(){return s.createElement(n.SurveyActionBar,{model:this.model.footerActionsBar})},t}(y);n.ReactElementFactory.Instance.registerElement("svc-page",function(e){return s.createElement(F,e)});var k=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),Object.defineProperty(t.prototype,"model",{get:function(){return this.props.item.data},enumerable:!1,configurable:!0}),t.prototype.renderTypeSelector=function(){var e=this.model.questionTypeSelectorModel;return n.attachKey2click(s.createElement("button",{type:"button",onClick:function(t){t.stopPropagation(),e.action()},className:"svc-element__question-type-selector",title:this.model.addNewQuestionText,role:"button"},s.createElement("span",{className:"svc-element__question-type-selector-icon"},s.createElement(n.SvgIcon,{iconName:e.iconName,size:"auto",title:this.model.addNewQuestionText})),void 0===this.props.renderPopup||this.props.renderPopup?s.createElement(n.Popup,{model:e.popupModel}):null))},t.prototype.renderElement=function(){var e=this,t=this.props.buttonClass||"svc-btn";return s.createElement(s.Fragment,null,n.attachKey2click(s.createElement("div",{className:"svc-element__add-new-question "+t,onClick:function(t){t.stopPropagation(),e.model.addNewQuestion(e.model,new E(t))},onMouseOver:function(t){return e.model.hoverStopper&&e.model.hoverStopper(t.nativeEvent,t.currentTarget)}},s.createElement(n.SvgIcon,{className:"svc-panel__add-new-question-icon",iconName:"icon-add_24x24",size:"auto"}),s.createElement("span",{className:"svc-add-new-item-button__text"},this.model.addNewQuestionText),!1!==this.props.renderPopup?this.renderTypeSelector():null)),!1===this.props.renderPopup?this.renderTypeSelector():null)},t}(n.SurveyElementBase);n.ReactElementFactory.Instance.registerElement("svc-add-new-question-btn",function(e){return s.createElement(k,e)});var B=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t.prototype.renderElementPlaceholder=function(){var e=this;return this.model.isEmptyElement?s.createElement("div",{className:"svc-panel__placeholder_frame-wrapper"},s.createElement("div",{className:"svc-panel__placeholder_frame"},s.createElement("div",{className:"svc-panel__placeholder"},this.model.placeholderText),this.model.showAddQuestionButton?n.attachKey2click(s.createElement("div",{className:"svc-panel__add-new-question svc-action-button",onClick:function(t){t.stopPropagation(),e.model.addNewQuestion()}},s.createElement(n.SvgIcon,{className:"svc-panel__add-new-question-icon",iconName:"icon-add_24x24",size:"auto"}),s.createElement("span",{className:"svc-add-new-item-button__text"},this.model.addNewQuestionText))):null)):null},t.prototype.disableTabStop=function(){return!0},t.prototype.renderFooter=function(){return s.createElement(s.Fragment,null,!this.model.isEmptyElement&&this.model.element.isPanel&&this.model.showAddQuestionButton?s.createElement("div",{className:"svc-panel__add-new-question-container"},s.createElement("div",{className:"svc-panel__question-type-selector-popup"},s.createElement(n.Popup,{model:this.model.questionTypeSelectorModel.popupModel})),s.createElement("div",{className:"svc-panel__add-new-question-wrapper"},s.createElement(k,{item:{data:this.model},buttonClass:"svc-action-button",renderPopup:!1}))):null,e.prototype.renderFooter.call(this))},t}(C);n.ReactElementFactory.Instance.registerElement("svc-panel",function(e){return s.createElement(B,e)});var O=function(e){function t(t){var n=e.call(this,t)||this;return n.rootRef=s.createRef(),n}return u(t,e),t.prototype.createModel=function(e){var t=null;this.model&&(t=this.model.root),this.model=new o.LogoImageViewModel(e.data,t)},t.prototype.getUpdatedModelProps=function(){return["data"]},t.prototype.getStateElement=function(){return this.model},t.prototype.componentDidMount=function(){e.prototype.componentDidMount.call(this),this.model.root=this.rootRef.current},t.prototype.renderChooseButton=function(){var e=this;return n.attachKey2click(s.createElement("span",{className:"svc-context-button",onClick:function(){return e.model.chooseFile(e.model)}},s.createElement(n.SvgIcon,{size:"auto",iconName:"icon-choosefile"})))},t.prototype.renderClearButton=function(){var e=this;return n.attachKey2click(s.createElement("span",{className:"svc-context-button svc-context-button--danger",onClick:function(){return e.model.remove(e.model)}},s.createElement(n.SvgIcon,{size:"auto",iconName:"icon-clear"})))},t.prototype.renderButtons=function(){return s.createElement("div",{className:"svc-context-container svc-logo-image-controls"},this.renderChooseButton(),this.renderClearButton())},t.prototype.renderImage=function(){return s.createElement("div",{className:this.model.containerCss},this.renderButtons(),s.createElement(n.LogoImage,{data:this.props.data.survey}))},t.prototype.renderPlaceHolder=function(){var e=this;return this.model.allowEdit&&!this.model.isUploading?n.attachKey2click(s.createElement("div",{className:"svc-logo-image-placeholder",onClick:function(){return e.model.chooseFile(e.model)}},s.createElement("svg",null,s.createElement("use",{xlinkHref:"#icon-image-48x48"})))):null},t.prototype.renderInput=function(){return s.createElement("input",{"aria-hidden":"true",type:"file",tabIndex:-1,accept:this.model.acceptedTypes,className:"svc-choose-file-input"})},t.prototype.renderLoadingIndicator=function(){return s.createElement("div",{className:"svc-logo-image__loading"},s.createElement(n.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(),s.createElement("div",{ref:this.rootRef,className:"svc-logo-image"},this.renderInput(),e)},t}(y);n.ReactElementFactory.Instance.registerElement("svc-logo-image",function(e){return s.createElement(O,e)});var j=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(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?s.createElement(w,{classes:this.question.linkClearButtonCssClasses,click:function(){return e.question.doClearClick()},text:o.editorLocalization.getString("pe.clear")}):null},t.prototype.renderElement=function(){var e=this;return s.createElement(s.Fragment,null,s.createElement(w,{classes:this.question.linkSetButtonCssClasses,click:function(){return e.question.doLinkClick()},selected:this.question.isSelected,disabled:!this.question.isClickable,text:this.question.linkValueText,title:this.question.tooltip,iconName:this.question.iconName}),this.renderClear())},t}(n.SurveyQuestionElementBase);n.ReactQuestionFactory.Instance.registerQuestion("linkvalue",function(e){return s.createElement(j,e)});var U=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.rootRef=s.createRef(),t}return u(t,e),Object.defineProperty(t.prototype,"embeddedSurvey",{get:function(){var e=this.props.element||this.props.question;if(!e)return null;var t=e.embeddedSurvey;return t&&t.currentPage?t:null},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"creator",{get:function(){return this.props.creator},enumerable:!1,configurable:!0}),t.prototype.componentDidMount=function(){e.prototype.componentDidMount.call(this),this.embeddedSurvey&&(this.embeddedSurvey.rootElement=this.rootRef.current)},t.prototype.render=function(){var e=this.embeddedSurvey;return e?s.createElement("div",{style:{display:"contents"},ref:this.rootRef},s.createElement(n.SurveyPage,{survey:e,page:e.currentPage,css:e.css,creator:this.creator})):null},t}(n.SurveyQuestionElementBase);n.ReactQuestionFactory.Instance.registerQuestion("embeddedsurvey",function(e){return s.createElement(U,e)});var A=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),Object.defineProperty(t.prototype,"survey",{get:function(){return this.props.survey},enumerable:!1,configurable:!0}),t.prototype.createQuestionElement=function(e){return n.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 s.createElement("div",{style:this.props.style},s.createElement(n.SurveyQuestion,{creator:this,element:e}))},t}(s.Component);n.ReactElementFactory.Instance.registerElement("svc-question-editor-content",function(e){return s.createElement(A,e)});var Q=function(e){function t(t){var n=e.call(this,t)||this;return n.onBlur=function(e){n.model.onFocusOut(e.nativeEvent)},n.rootRef=s.createRef(),n}return u(t,e),t.prototype.createModel=function(e){this.model=new o.ItemValueWrapperViewModel(e.componentData.creator,e.question,e.item)},t.prototype.getUpdatedModelProps=function(){return["question","item"]},t.prototype.getStateElement=function(){return this.model},t.prototype.componentDidUpdate=function(t,n){e.prototype.componentDidUpdate.call(this,t,n),this.props.item.setRootElement(this.rootRef.current),t.item!==this.props.item&&t.item&&t.item.setRootElement(void 0)},t.prototype.componentDidMount=function(){e.prototype.componentDidMount.call(this),this.props.item.setRootElement(this.rootRef.current)},t.prototype.componentWillUnmount=function(){e.prototype.componentWillUnmount.call(this),this.props.item.setRootElement(void 0)},t.prototype.render=function(){var e=this;this.model.item=this.props.item;var t=this.model.allowAdd?n.attachKey2click(s.createElement("span",{role:"button",className:"svc-item-value-controls__button svc-item-value-controls__add","aria-label":this.model.tooltip,onClick:function(){e.model.add(e.model),e.model.isNew=!1}},s.createElement(n.SvgIcon,{size:"auto",iconName:"icon-add_16x16",title:this.model.tooltip}))):s.createElement(s.Fragment,null," ",this.model.isDraggable?s.createElement("span",{className:"svc-item-value-controls__button svc-item-value-controls__drag"},s.createElement(n.SvgIcon,{className:"svc-item-value-controls__drag-icon",size:"auto",iconName:"icon-drag-24x24",title:this.model.dragTooltip})):null,this.model.allowRemove?n.attachKey2click(s.createElement("span",{role:"button",className:"svc-item-value-controls__button svc-item-value-controls__remove","aria-label":this.model.tooltip,onClick:function(){return e.model.remove(e.model)}},s.createElement(n.SvgIcon,{size:"auto",iconName:"icon-remove_16x16",title:this.model.tooltip}))):null),o=this.props.element.key+(this.model.allowAdd?"_new":"");return s.createElement(s.Fragment,null,s.createElement("div",{ref:this.rootRef,className:"svc-item-value-wrapper"+(this.model.allowAdd?" svc-item-value--new":"")+(this.model.isDragging?" svc-item-value--dragging":"")+(this.model.isDragDropGhost?" svc-item-value--ghost":"")+(this.model.isDragDropMoveDown?" svc-item-value--movedown":"")+(this.model.isDragDropMoveUp?" svc-item-value--moveup":""),key:o,"data-sv-drop-target-item-value":this.model.isDraggable?this.model.item.value:void 0,onPointerDown:function(t){return e.model.onPointerDown(t)}},s.createElement("div",{className:"svc-item-value__ghost"}),s.createElement("div",{className:"svc-item-value-controls",onBlur:this.onBlur},t),s.createElement("div",{className:"svc-item-value__item",onClick:function(t){return e.model.select(e.model,t.nativeEvent)}},this.props.element),this.renderPanelAction()),this.renderPanel())},t.prototype.renderPanelAction=function(){var e=this;if(!this.model.canShowPanel())return null;var t=this.model.showPanel?"icon-collapsepanel-16x16":"icon-expandpanel-16x16",o=n.attachKey2click(s.createElement("span",{role:"button",className:"svc-item-value-controls__button svc-item-value-controls__add svc-choice-elements-button",onClick:function(){e.model.togglePanel()}},s.createElement(n.SvgIcon,{size:"auto",iconName:t})));return s.createElement("div",{className:"svc-item-value-controls svc-choice-elements-button-container"},o)},t.prototype.renderPanel=function(){if(!this.model.showPanel)return null;var e=this.model.creator,t=e.survey;return s.createElement(L,{element:this.model.item.panel,survey:t,creator:e,css:t.getCss()})},t}(y),L=s.memo(function(e){var t=e.element,o=e.survey,r=e.creator,i=e.css;return s.createElement(n.SurveyPanel,{element:t,survey:o,creator:r,cssClasses:i})});L.displayName="ChoiceItemPanel",n.ReactElementFactory.Instance.registerElement("svc-item-value",function(e){return s.createElement(Q,e)});var V=function(e){function t(t){var n=e.call(this,t)||this;return n.preventDragHandler=function(e){e.preventDefault()},n.rootRef=s.createRef(),n}return u(t,e),t.prototype.createModel=function(e){this.model=new o.ImageItemValueWrapperViewModel(e.componentData.creator,e.question,e.item,null,null)},t.prototype.getUpdatedModelProps=function(){return["question","item"]},t.prototype.getStateElement=function(){return this.model},Object.defineProperty(t.prototype,"question",{get:function(){return this.props.question},enumerable:!1,configurable:!0}),t.prototype.componentDidMount=function(){e.prototype.componentDidMount.call(this),this.model.itemsRoot=this.rootRef.current},t.prototype.componentDidUpdate=function(t,n){e.prototype.componentDidUpdate.call(this,t,n),this.model.itemsRoot=this.rootRef.current},t.prototype.renderLoadingIndicator=function(){return s.createElement("div",{className:"svc-image-item-value__loading"},s.createElement(n.LoadingIndicatorComponent,null))},t.prototype.renderNewItemControls=function(){var e=this,t=n.attachKey2click(s.createElement("span",{className:this.model.addButtonCss,onClick:function(){return e.model.chooseNewFile(e.model)}},this.model.showChooseButtonAsIcon?s.createElement(n.SvgIcon,{size:"auto",iconName:"icon-add-lg",title:this.model.addFileTitle}):s.createElement("span",null,this.model.chooseImageText))),o=this.model.showPlaceholder?s.createElement("span",{className:"svc-image-item-value__placeholder"},this.model.placeholderText):null;return s.createElement(s.Fragment,null,o,t)},t.prototype.render=function(){var e=this;this.model.item=this.props.item;var t=!this.props.question.isItemInList(this.props.item);this.model.isNew=t;var o=this.model.getIsNewItemSingle()?null:{width:this.question.renderedImageWidth,height:this.question.renderedImageHeight},r=null;return r=t||this.model.isUploading?s.createElement(s.Fragment,null,s.createElement("div",{className:"svc-image-item-value__item"},s.createElement("div",{className:"sd-imagepicker__item sd-imagepicker__item--inline"},s.createElement("label",{className:"sd-imagepicker__label"},s.createElement("div",{style:o,className:"sd-imagepicker__image"},this.model.isUploading?this.renderLoadingIndicator():null)))),this.model.allowAdd&&!this.model.isUploading?s.createElement("div",{className:"svc-image-item-value-controls"},this.renderNewItemControls()):null):s.createElement(s.Fragment,null,s.createElement("div",{className:"svc-image-item-value__item"},this.props.element),this.model.isDraggable&&this.model.canRenderControls?s.createElement("span",{className:"svc-context-button svc-image-item-value-controls__drag-area-indicator",onPointerDown:function(t){return e.model.onPointerDown(t)}},s.createElement(n.SvgIcon,{size:"auto",iconName:"icon-drag-24x24"})):null,this.model.canRenderControls?s.createElement("div",{className:"svc-context-container svc-image-item-value-controls"},this.model.allowRemove&&!this.model.isUploading?n.attachKey2click(s.createElement("span",{className:"svc-context-button",onClick:function(){return e.model.chooseFile(e.model)}},s.createElement(n.SvgIcon,{role:"button",size:"auto",iconName:"icon-choosefile",title:this.model.selectFileTitle}))):null,this.model.allowRemove&&!this.model.isUploading?n.attachKey2click(s.createElement("span",{className:"svc-context-button svc-context-button--danger",onClick:function(){return e.model.remove(e.model)}},s.createElement(n.SvgIcon,{role:"button",size:"auto",iconName:"icon-delete",title:this.model.removeFileTitle}))):null):null),s.createElement("div",{ref:this.rootRef,className:this.model.getRootCss(),key:this.props.element.key,"data-sv-drop-target-item-value":this.model.isDraggable?this.model.item.value:void 0,onPointerDown:function(t){return e.model.onPointerDown(t)},onDragStart:this.preventDragHandler,onDrop:this.model.onDrop,onDragEnter:this.model.onDragEnter,onDragOver:this.model.onDragOver,onDragLeave:this.model.onDragLeave},s.createElement("div",{className:"svc-image-item-value-wrapper__ghost",style:o}),s.createElement("div",{className:"svc-image-item-value-wrapper__content"},s.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}(y);n.ReactElementFactory.Instance.registerElement("svc-image-item-value",function(e){return s.createElement(V,e)});var K=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t.prototype.createModel=function(e){var t,n=e.componentData,r=!1;this.model&&(r=this.model.isSelected),this.model=new o.MatrixCellWrapperViewModel(n.creator,n.element,n.question,n.row,n.column||(null===(t=n.element.cell)||void 0===t?void 0:t.column)),this.model.isSelected=r},t.prototype.getUpdatedModelProps=function(){return["componentData"]},t.prototype.componentDidUpdate=function(t,n){var o,r;e.prototype.componentDidUpdate.call(this,t,n);var i=this.props.componentData;this.model.templateData=i.element,this.model.row=i.row,this.model.column=i.column||(null===(r=null===(o=i.element)||void 0===o?void 0:o.cell)||void 0===r?void 0:r.column),this.model.question=i.question},t.prototype.getStateElement=function(){return this.model},t.prototype.render=function(){var e=this,t=null;return this.model.isSupportCellEditor&&(t=s.createElement("div",{className:"svc-matrix-cell__question-controls"},n.attachKey2click(s.createElement("span",{className:"svc-matrix-cell__question-controls-button svc-context-button",onClick:function(t){return e.model.editQuestion(e.model,t)}},s.createElement(n.SvgIcon,{size:"auto",iconName:"icon-edit"}))))),s.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)}},s.createElement("div",{className:"svc-matrix-cell--selected"+(this.model.isSelected?" svc-visible":"")}),this.props.element,t)},t}(y);n.ReactElementFactory.Instance.registerElement("svc-matrix-cell",function(e){return s.createElement(K,e)});var H=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t.prototype.createModel=function(e){this.props.survey&&(this.model=n