survey-react-ui/survey-react-ui.min.js

A free MIT-licensed React UI component that renders dynamic, interactive JSON-based forms and surveys. You can use it to collect responses from users and send them to your own database.

/*! For license information please see survey-react-ui.min.js.LICENSE.txt */
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("react-dom"),require("survey-core")):"function"==typeof define&&define.amd?define("survey-react-ui",["react","react-dom","survey-core"],t):"object"==typeof exports?exports["survey-react-ui"]=t(require("react"),require("react-dom"),require("survey-core")):e.SurveyReact=t(e.React,e.ReactDOM,e.Survey)}(this,(e,t,n)=>(()=>{"use strict";var r={3:e=>{e.exports=t},156:e=>{e.exports=n},442:t=>{t.exports=e}},o={};function i(e){var t=o[e];if(void 0!==t)return t.exports;var n=o[e]={exports:{}};return r[e](n,n.exports,i),n.exports}i.d=(e,t)=>{for(var n in t)i.o(t,n)&&!i.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},i.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var s={};i.r(s),i.d(s,{CharacterCounterComponent:()=>ve,ComponentsContainer:()=>J,Header:()=>Zr,HeaderCell:()=>Dr,HeaderMobile:()=>Vr,List:()=>Hn,ListItemContent:()=>cr,ListItemGroup:()=>hr,LoadingIndicatorComponent:()=>Pt,LogoImage:()=>mr,MatrixRow:()=>an,Model:()=>a.SurveyModel,NotifierComponent:()=>z,Popup:()=>S,PopupModal:()=>$,PopupSurvey:()=>Fn,QuestionErrorComponent:()=>Nr,RatingDropdownItem:()=>ut,RatingItem:()=>rt,RatingItemSmiley:()=>at,RatingItemStar:()=>it,ReactElementFactory:()=>u,ReactQuestionFactory:()=>W,ReactSurveyElement:()=>m,ReactSurveyElementsWrapper:()=>c,Scroll:()=>ne,Skeleton:()=>Tr,SliderLabelItem:()=>jr,Survey:()=>ie,SurveyActionBar:()=>H,SurveyElementBase:()=>d,SurveyElementErrors:()=>je,SurveyFileChooseButton:()=>jt,SurveyFileItem:()=>Zt,SurveyFilePreview:()=>Vt,SurveyFlowPanel:()=>Ue,SurveyHeader:()=>A,SurveyLocStringEditor:()=>Wr,SurveyLocStringViewer:()=>q,SurveyModel:()=>a.SurveyModel,SurveyNavigationBase:()=>le,SurveyNavigationButton:()=>Pr,SurveyPage:()=>De,SurveyPanel:()=>Ae,SurveyProgress:()=>Sn,SurveyProgressButtons:()=>In,SurveyProgressToc:()=>kn,SurveyQuestion:()=>He,SurveyQuestionAndErrorsCell:()=>Te,SurveyQuestionBoolean:()=>Yt,SurveyQuestionBooleanCheckbox:()=>en,SurveyQuestionBooleanRadio:()=>nn,SurveyQuestionButtonGroup:()=>nr,SurveyQuestionButtonGroupDropdown:()=>ir,SurveyQuestionCheckbox:()=>Je,SurveyQuestionCheckboxItem:()=>Ge,SurveyQuestionComment:()=>Ee,SurveyQuestionCommentItem:()=>qe,SurveyQuestionComposite:()=>lr,SurveyQuestionCustom:()=>ar,SurveyQuestionDropdown:()=>Ct,SurveyQuestionDropdownBase:()=>ft,SurveyQuestionDropdownSelect:()=>qt,SurveyQuestionElementBase:()=>f,SurveyQuestionEmpty:()=>on,SurveyQuestionExpression:()=>Un,SurveyQuestionFile:()=>Nt,SurveyQuestionHtml:()=>Mt,SurveyQuestionImage:()=>Yn,SurveyQuestionImagePicker:()=>Jn,SurveyQuestionMatrix:()=>Ot,SurveyQuestionMatrixCell:()=>Lt,SurveyQuestionMatrixDetailButton:()=>vr,SurveyQuestionMatrixDropdown:()=>vn,SurveyQuestionMatrixDropdownBase:()=>hn,SurveyQuestionMatrixDropdownCell:()=>yn,SurveyQuestionMatrixDynamic:()=>wn,SurveyQuestionMatrixDynamicAddButton:()=>bn,SurveyQuestionMatrixDynamicDragDropIcon:()=>un,SurveyQuestionMatrixDynamicRemoveButton:()=>yr,SurveyQuestionMatrixRow:()=>xt,SurveyQuestionMultipleText:()=>Wt,SurveyQuestionOptionItem:()=>dt,SurveyQuestionPanelDynamic:()=>_n,SurveyQuestionPanelDynamicAddButton:()=>br,SurveyQuestionPanelDynamicNextButton:()=>Lr,SurveyQuestionPanelDynamicPrevButton:()=>Or,SurveyQuestionPanelDynamicProgressText:()=>Mr,SurveyQuestionPanelDynamicRemoveButton:()=>qr,SurveyQuestionRadioItem:()=>Kt,SurveyQuestionRadiogroup:()=>zt,SurveyQuestionRanking:()=>Ye,SurveyQuestionRankingItem:()=>$e,SurveyQuestionRankingItemContent:()=>et,SurveyQuestionRating:()=>Bn,SurveyQuestionRatingDropdown:()=>Dn,SurveyQuestionSignaturePad:()=>er,SurveyQuestionSlider:()=>An,SurveyQuestionTagbox:()=>bt,SurveyQuestionTagboxItem:()=>gt,SurveyQuestionText:()=>Gt,SurveyRow:()=>me,SurveyTimerPanel:()=>ce,SurveyWindow:()=>zn,SurveyWindowModel:()=>a.SurveyWindowModel,SvgBundleComponent:()=>X,SvgIcon:()=>g,TagboxFilterString:()=>pt,TitleActions:()=>B,TitleElement:()=>D,attachKey2click:()=>se,settings:()=>a.settings,surveyLocalization:()=>a.surveyLocalization,surveyStrings:()=>a.surveyStrings});var a=i(156),l=i(442),u=function(){function e(){this.creatorHash={}}return e.prototype.registerElement=function(e,t){this.creatorHash[e]=t},e.prototype.getAllTypes=function(){var e=new Array;for(var t in this.creatorHash)e.push(t);return e.sort()},e.prototype.isElementRegistered=function(e){return!!this.creatorHash[e]},e.prototype.createElement=function(e,t){var n=this.creatorHash[e];return null==n?null:n(t)},e.Instance=new e,e}(),c=function(){function e(){}return e.wrapRow=function(e,t,n){var r=e.getRowWrapperComponentName(n),o=e.getRowWrapperComponentData(n);return u.Instance.createElement(r,{element:t,row:n,componentData:o})},e.wrapElement=function(e,t,n){var r=e.getElementWrapperComponentName(n),o=e.getElementWrapperComponentData(n);return u.Instance.createElement(r,{element:t,question:n,componentData:o})},e.wrapQuestionContent=function(e,t,n){var r=e.getQuestionContentWrapperComponentName(n),o=e.getElementWrapperComponentData(n);return u.Instance.createElement(r,{element:t,question:n,componentData:o})},e.wrapItemValue=function(e,t,n,r){var o=e.getItemValueWrapperComponentName(r,n),i=e.getItemValueWrapperComponentData(r,n);return u.Instance.createElement(o,{key:null==t?void 0:t.key,element:t,question:n,item:r,componentData:i})},e.wrapMatrixCell=function(e,t,n,r){void 0===r&&(r="cell");var o=e.getElementWrapperComponentName(n,r),i=e.getElementWrapperComponentData(n,r);return u.Instance.createElement(o,{element:t,cell:n,componentData:i})},e}();a.SurveyModel.platform="react";var p,h=(p=function(e,t){return p=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])},p(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}p(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),d=function(e){function t(t){var n=e.call(this,t)||this;return n._allowComponentUpdate=!0,n.prevStateElements=[],n.propertyValueChangedHandler=function(e,t){var r=t.name;n.canUsePropInState(r)&&!n.isRendering&&(n.changedStatePropNameValue=r,n.setState(function(e){var n={};return n[r]=t.newValue,n}))},n.onArrayChangedCallback=function(e,t){n.isRendering||(n.changedStatePropNameValue=t.name,n.setState(function(e){var n={};return n[t.name]=t.newValue,n}))},n}return h(t,e),t.renderLocString=function(e,t,n){return void 0===t&&(t=null),u.Instance.createElement(e.renderAs,{locStr:e.renderAsData,style:t,key:n})},t.renderQuestionDescription=function(e){var n=t.renderLocString(e.locDescription);return l.createElement("div",{style:e.hasDescription?void 0:{display:"none"},id:e.ariaDescriptionId,className:e.cssDescription},n)},t.prototype.componentDidMount=function(){this.makeBaseElementsReact()},t.prototype.componentWillUnmount=function(){this.unMakeBaseElementsReact(),this.disableStateElementsRerenderEvent(this.getStateElements())},t.prototype.componentDidUpdate=function(e,t){var n;this.makeBaseElementsReact();var r=this.getStateElements();this.disableStateElementsRerenderEvent((null!==(n=this.prevStateElements)&&void 0!==n?n:[]).filter(function(e){return!r.find(function(t){return t==e})})),this.prevStateElements=[],this.getStateElements().forEach(function(e){e.afterRerender()})},t.prototype.allowComponentUpdate=function(){this._allowComponentUpdate=!0,this.forceUpdate()},t.prototype.denyComponentUpdate=function(){this._allowComponentUpdate=!1},t.prototype.shouldComponentUpdate=function(e,t){return this._allowComponentUpdate&&(this.unMakeBaseElementsReact(),this.prevStateElements=this.getStateElements()),this._allowComponentUpdate},t.prototype.render=function(){if(!this.canRender())return null;this.startEndRendering(1);var e=this.renderElement();return this.startEndRendering(-1),e&&(e=this.wrapElement(e)),this.changedStatePropNameValue=void 0,e},t.prototype.wrapElement=function(e){return e},Object.defineProperty(t.prototype,"isRendering",{get:function(){for(var e=0,t=this.getRenderedElements();e<t.length;e++)if(t[e].reactRendering>0)return!0;return!1},enumerable:!1,configurable:!0}),t.prototype.getRenderedElements=function(){return this.getStateElements()},t.prototype.startEndRendering=function(e){for(var t=0,n=this.getRenderedElements();t<n.length;t++){var r=n[t];r.reactRendering||(r.reactRendering=0),r.reactRendering+=e}},t.prototype.canRender=function(){return!0},t.prototype.renderElement=function(){return null},Object.defineProperty(t.prototype,"changedStatePropName",{get:function(){return this.changedStatePropNameValue},enumerable:!1,configurable:!0}),t.prototype.makeBaseElementsReact=function(){for(var e=this.getStateElements(),t=0;t<e.length;t++)e[t].enableOnElementRerenderedEvent(),this.makeBaseElementReact(e[t])},t.prototype.unMakeBaseElementsReact=function(){var e=this.getStateElements();this.unMakeBaseElementsReactive(e)},t.prototype.unMakeBaseElementsReactive=function(e){for(var t=0;t<e.length;t++)this.unMakeBaseElementReact(e[t])},t.prototype.disableStateElementsRerenderEvent=function(e){e.forEach(function(e){e.disableOnElementRerenderedEvent()})},t.prototype.getStateElements=function(){var e=this.getStateElement();return e?[e]:[]},t.prototype.getStateElement=function(){return null},Object.defineProperty(t.prototype,"isDisplayMode",{get:function(){return this.props.isDisplayMode||!1},enumerable:!1,configurable:!0}),t.prototype.renderLocString=function(e,n,r){return void 0===n&&(n=null),t.renderLocString(e,n,r)},t.prototype.canMakeReact=function(e){return!!e&&!!e.iteratePropertiesHash},t.prototype.makeBaseElementReact=function(e){this.canMakeReact(e)&&(e.addOnArrayChangedCallback(this.onArrayChangedCallback),e.addOnPropertyValueChangedCallback(this.propertyValueChangedHandler))},t.prototype.canUsePropInState=function(e){return!0},t.prototype.unMakeBaseElementReact=function(e){this.canMakeReact(e)&&(e.removeOnPropertyValueChangedCallback(this.propertyValueChangedHandler),e.removeOnArrayChangedCallback(this.onArrayChangedCallback))},t}(l.Component),m=function(e){function t(t){return e.call(this,t)||this}return h(t,e),Object.defineProperty(t.prototype,"cssClasses",{get:function(){return this.props.cssClasses},enumerable:!1,configurable:!0}),t}(d),f=function(e){function t(t){return e.call(this,t)||this}return h(t,e),t.prototype.componentDidUpdate=function(t,n){e.prototype.componentDidUpdate.call(this,t,n),this.updateDomElement()},t.prototype.componentDidMount=function(){e.prototype.componentDidMount.call(this),this.updateDomElement()},t.prototype.componentWillUnmount=function(){if(e.prototype.componentWillUnmount.call(this),this.questionBase){var t=this.content||this.control;this.questionBase.beforeDestroyQuestionElement(t),t&&t.removeAttribute("data-rendered")}},t.prototype.updateDomElement=function(){var e=this.content||this.control;e&&"r"!==e.getAttribute("data-rendered")&&(e.setAttribute("data-rendered","r"),this.questionBase.afterRenderQuestionElement(e))},Object.defineProperty(t.prototype,"questionBase",{get:function(){return this.props.question},enumerable:!1,configurable:!0}),t.prototype.getRenderedElements=function(){return[this.questionBase]},Object.defineProperty(t.prototype,"creator",{get:function(){return this.props.creator},enumerable:!1,configurable:!0}),t.prototype.canRender=function(){return!!this.questionBase&&!!this.creator},t.prototype.shouldComponentUpdate=function(t,n){return!(!e.prototype.shouldComponentUpdate.call(this,t,n)||this.questionBase.customWidget&&!this.questionBase.customWidgetData.isNeedRender&&!this.questionBase.customWidget.widgetJson.isDefaultRender&&!this.questionBase.customWidget.widgetJson.render)},Object.defineProperty(t.prototype,"isDisplayMode",{get:function(){return this.props.isDisplayMode||!!this.questionBase&&this.questionBase.isInputReadOnly||!1},enumerable:!1,configurable:!0}),t.prototype.wrapCell=function(e,t,n){if(!n)return t;var r=this.questionBase.survey,o=null;return r&&(o=c.wrapMatrixCell(r,t,e,n)),null!=o?o:t},t.prototype.setControl=function(e){e&&(this.control=e)},t.prototype.setContent=function(e){e&&(this.content=e)},t}(d),y=function(e){function t(t){var n=e.call(this,t)||this;return n.updateValueOnEvent=function(e){a.Helpers.isTwoValueEquals(n.questionBase.value,e.target.value,!1,!0,!1)||n.setValueCore(e.target.value)},n.updateValueOnEvent=n.updateValueOnEvent.bind(n),n}return h(t,e),Object.defineProperty(t.prototype,"question",{get:function(){return this.questionBase},enumerable:!1,configurable:!0}),t.prototype.setValueCore=function(e){this.questionBase.value=e},t.prototype.getValueCore=function(){return this.questionBase.value},t.prototype.updateDomElement=function(){if(this.control){var t=this.control,n=this.getValueCore();a.Helpers.isTwoValueEquals(n,t.value,!1,!0,!1)||(t.value=this.getValue(n))}e.prototype.updateDomElement.call(this)},t.prototype.getValue=function(e){return a.Helpers.isValueEmpty(e)?"":e},t}(f),C=i(3),v=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),g=function(e){function t(t){var n=e.call(this,t)||this;return n.svgIconRef=l.createRef(),n}return v(t,e),t.prototype.updateSvg=function(){this.props.iconName&&(0,a.createSvg)(this.props.size,this.props.width,this.props.height,this.props.iconName,this.svgIconRef.current,this.props.title)},t.prototype.componentDidUpdate=function(){this.updateSvg()},t.prototype.render=function(){var e="sv-svg-icon";return this.props.className&&(e+=" "+this.props.className),this.props.iconName?l.createElement("svg",{className:e,style:this.props.style,onClick:this.props.onClick,ref:this.svgIconRef,role:"presentation"},l.createElement("use",null)):null},t.prototype.componentDidMount=function(){this.updateSvg()},t}(l.Component);u.Instance.registerElement("sv-svg-icon",function(e){return l.createElement(g,e)});var w=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),b=function(e){function t(t){return e.call(this,t)||this}return w(t,e),t.prototype.render=function(){var e="sv-action-bar-separator ".concat(this.props.cssClasses);return l.createElement("div",{className:e})},t}(l.Component);u.Instance.registerElement("sv-action-bar-separator",function(e){return l.createElement(b,e)});var E=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),q=function(e){function t(t){var n=e.call(this,t)||this;return n.onChangedHandler=function(e,t){n.isRendering||n.setState({changed:n.state&&n.state.changed?n.state.changed+1:1})},n.rootRef=l.createRef(),n}return E(t,e),Object.defineProperty(t.prototype,"locStr",{get:function(){return this.props.locStr},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"style",{get:function(){return this.props.style},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"textClass",{get:function(){return this.props.textClass},enumerable:!1,configurable:!0}),t.prototype.componentDidMount=function(){this.reactOnStrChanged()},t.prototype.componentWillUnmount=function(){this.locStr&&this.locStr.onStringChanged.remove(this.onChangedHandler)},t.prototype.componentDidUpdate=function(e,t){e.locStr&&e.locStr.onStringChanged.remove(this.onChangedHandler),this.reactOnStrChanged()},t.prototype.reactOnStrChanged=function(){this.locStr&&this.locStr.onStringChanged.add(this.onChangedHandler)},t.prototype.render=function(){if(!this.locStr)return null;this.isRendering=!0;var e=this.renderString();return this.isRendering=!1,e},t.prototype.renderString=function(){var e=this.locStr.getStringViewerClassName(this.textClass);if(this.locStr.hasHtml){var t={__html:this.locStr.renderedHtml};return l.createElement("span",{ref:this.rootRef,className:e,style:this.style,dangerouslySetInnerHTML:t})}return l.createElement("span",{ref:this.rootRef,className:e,style:this.style},this.locStr.renderedHtml)},t}(l.Component);u.Instance.registerElement(a.LocalizableString.defaultRenderer,function(e){return l.createElement(q,e)});var _=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),O=function(e){function t(t){var n=e.call(this,t)||this;return n.ref=l.createRef(),n}return _(t,e),Object.defineProperty(t.prototype,"item",{get:function(){return this.props.item},enumerable:!1,configurable:!0}),t.prototype.getStateElement=function(){return this.item},t.prototype.renderElement=function(){var e=this.item.getActionRootCss(),t=this.item.needSeparator?l.createElement(b,null):null,n=u.Instance.createElement(this.item.component||"sv-action-bar-item",{item:this.item});return l.createElement("div",{className:e,id:""+this.item.uniqueId,ref:this.ref},l.createElement("div",{className:"sv-action__content"},t,n))},t.prototype.componentWillUnmount=function(){e.prototype.componentWillUnmount.call(this),this.item.updateModeCallback=void 0},t.prototype.componentDidMount=function(){var t=this;e.prototype.componentDidMount.call(this),this.item.updateModeCallback=function(e,n){queueMicrotask(function(){C.flushSync?C.flushSync(function(){t.item.mode=e}):t.item.mode=e,queueMicrotask(function(){n(e,t.ref.current)})})},this.item.afterRender()},t}(d),x=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return _(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 l.createElement(l.Fragment,null,this.renderInnerButton())},t.prototype.renderText=function(){return this.item.hasTitle?l.createElement(q,{locStr:this.item.locTitle,textClass:this.item.getActionBarItemTitleCss()}):null},t.prototype.renderButtonContent=function(){var e=this.renderText(),t=this.item.iconName?l.createElement(g,{className:this.item.cssClasses.itemIcon,size:this.item.iconSize,iconName:this.item.iconName,title:this.item.tooltip||this.item.title}):null;return l.createElement(l.Fragment,null,t,e)},t.prototype.renderInnerButton=function(){var e=this,t=this.item.getActionBarItemCss(),n=this.item.tooltip||this.item.title,r=this.renderButtonContent(),o=this.item.disableTabStop?-1:void 0;return se(l.createElement("button",{className:t,type:"button",disabled:this.item.disabled,onMouseDown:function(t){return e.item.doMouseDown(t)},onFocus:function(t){return e.item.doFocus(t)},onClick:function(t){return e.item.doAction(t)},title:n,tabIndex:o,"aria-checked":this.item.ariaChecked,"aria-expanded":this.item.ariaExpanded,role:this.item.ariaRole},r),this.item,{processEsc:!1})},t}(d);u.Instance.registerElement("sv-action-bar-item",function(e){return l.createElement(x,e)});var L=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),S=function(e){function t(t){var n=e.call(this,t)||this;return n.containerRef=l.createRef(),n.createModel(),n}return L(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.createModel=function(){this.popup=(0,a.createPopupViewModel)(this.props.model)},t.prototype.setTargetElement=function(){var e=this.containerRef.current;this.popup.setComponentElement(e)},t.prototype.componentDidMount=function(){e.prototype.componentDidMount.call(this),this.setTargetElement()},t.prototype.componentDidUpdate=function(t,n){e.prototype.componentDidUpdate.call(this,t,n),this.setTargetElement()},t.prototype.componentWillUnmount=function(){e.prototype.componentWillUnmount.call(this),this.popup.resetComponentElement()},t.prototype.shouldComponentUpdate=function(t,n){var r;if(!e.prototype.shouldComponentUpdate.call(this,t,n))return!1;var o=t.model!==this.popup.model;return o&&(null===(r=this.popup)||void 0===r||r.dispose(),this.createModel()),o},t.prototype.render=function(){var e;return this.popup.model=this.model,e=this.model.isModal?l.createElement(M,{model:this.popup}):l.createElement(I,{model:this.popup}),l.createElement("div",{ref:this.containerRef},e)},t}(d);u.Instance.registerElement("sv-popup",function(e){return l.createElement(S,e)});var M=function(e){function t(t){var n=e.call(this,t)||this;return n.handleKeydown=function(e){n.model.onKeyDown(e)},n.clickInside=function(e){e.stopPropagation()},n}return L(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.componentDidUpdate=function(t,n){e.prototype.componentDidUpdate.call(this,t,n),!this.model.isPositionSet&&this.model.isVisible&&this.model.updateOnShowing()},t.prototype.renderContainer=function(e){var t=this,n=e.showHeader?this.renderHeaderPopup(e):null,r=e.title?this.renderHeaderContent():null,o=this.renderContent(),i=e.showFooter?this.renderFooter(this.model):null;return l.createElement("div",{className:"sv-popup__container",style:{left:e.left,top:e.top,height:e.height,width:e.width,minWidth:e.minWidth},onClick:function(e){t.clickInside(e)}},n,l.createElement("div",{className:"sv-popup__body-content"},r,l.createElement("div",{className:"sv-popup__scrolling-content"},o),i))},t.prototype.renderHeaderContent=function(){return l.createElement("div",{className:"sv-popup__body-header"},this.model.title)},t.prototype.renderContent=function(){var e=u.Instance.createElement(this.model.contentComponentName,this.model.contentComponentData);return l.createElement("div",{className:"sv-popup__content"},e)},t.prototype.renderHeaderPopup=function(e){return null},t.prototype.renderFooter=function(e){return l.createElement("div",{className:"sv-popup__body-footer"},l.createElement(H,{model:e.footerToolbar}))},t.prototype.render=function(){var e=this,t=this.renderContainer(this.model),n=(new a.CssClassBuilder).append("sv-popup").append(this.model.styleClass).toString(),r={display:this.model.isVisible?"":"none"};return l.createElement("div",{tabIndex:-1,className:n,style:r,onClick:function(t){e.model.clickOutside(t)},onBlur:function(t){e.model.blur(t)},onKeyDown:this.handleKeydown},t)},t.prototype.componentDidMount=function(){e.prototype.componentDidMount.call(this),this.model.isVisible&&this.model.updateOnShowing()},t}(d),I=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return L(t,e),t.prototype.renderHeaderPopup=function(e){var t=e;return t?l.createElement("span",{style:{left:t.pointerTarget.left,top:t.pointerTarget.top},className:"sv-popup__pointer"}):null},t}(M),P=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),R=function(e){function t(t){return e.call(this,t)||this}return P(t,e),t.prototype.renderInnerButton=function(){var t=e.prototype.renderInnerButton.call(this);return l.createElement(l.Fragment,null,t,l.createElement(S,{model:this.item.popupModel}))},t.prototype.componentDidMount=function(){this.viewModel=new a.ActionDropdownViewModel(this.item)},t.prototype.componentWillUnmount=function(){e.prototype.componentWillUnmount.call(this),this.viewModel.dispose()},t}(x);u.Instance.registerElement("sv-action-bar-item-dropdown",function(e){return l.createElement(R,e)});var N=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),H=function(e){function t(t){var n=e.call(this,t)||this;return n.rootRef=l.createRef(),n}return N(t,e),Object.defineProperty(t.prototype,"handleClick",{get:function(){return void 0===this.props.handleClick||this.props.handleClick},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"model",{get:function(){return this.props.model},enumerable:!1,configurable:!0}),t.prototype.componentDidMount=function(){if(e.prototype.componentDidMount.call(this),this.model.hasVisibleActions){var t=this.rootRef.current;t&&this.model.initResponsivityManager(t,function(e){setTimeout(e,100)})}},t.prototype.componentWillUnmount=function(){e.prototype.componentWillUnmount.call(this),this.model.resetResponsivityManager()},t.prototype.componentDidUpdate=function(t,n){if(e.prototype.componentDidUpdate.call(this,t,n),t.model!=this.props.model&&t.model.resetResponsivityManager(),this.model.hasVisibleActions){var r=this.rootRef.current;r&&this.model.initResponsivityManager(r,function(e){setTimeout(e,100)})}},t.prototype.getStateElement=function(){return this.model},t.prototype.renderElement=function(){if(!this.model.hasActions)return null;var e=this.renderItems();return l.createElement("div",{ref:this.rootRef,style:this.model.getRootStyle(),className:this.model.getRootCss(),onClick:this.handleClick?function(e){e.stopPropagation()}:void 0},e)},t.prototype.renderItems=function(){return this.model.renderedActions.concat([]).map(function(e,t){return l.createElement(O,{item:e,key:e.renderedId})})},t}(d);u.Instance.registerElement("sv-action-bar",function(e){return l.createElement(H,e)});var j=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),k=function(e){function t(t){return e.call(this,t)||this}return j(t,e),Object.defineProperty(t.prototype,"cssClasses",{get:function(){return this.props.cssClasses},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"element",{get:function(){return this.props.element},enumerable:!1,configurable:!0}),t.prototype.render=function(){if(this.element.isTitleRenderedAsString)return d.renderLocString(this.element.locRenderedTitle);var e=this.renderTitleSpans(this.element.getTitleOwner(),this.cssClasses);return l.createElement(l.Fragment,null,e)},t.prototype.renderTitleSpans=function(e,t){var n=function(e){return l.createElement("span",{"data-key":e,key:e}," ")},r=[];e.isRequireTextOnStart&&(r.push(this.renderRequireText(e)),r.push(n("req-sp")));var o=e.no;return o&&(r.push(l.createElement("span",{"data-key":"q_num",key:"q_num",className:e.cssTitleNumber,style:{position:"static"},"aria-hidden":!0},o)),r.push(n("num-sp"))),e.isRequireTextBeforeTitle&&(r.push(this.renderRequireText(e)),r.push(n("req-sp"))),r.push(d.renderLocString(e.locRenderedTitle,null,"q_title")),e.isRequireTextAfterTitle&&(r.push(n("req-sp")),r.push(this.renderRequireText(e))),r},t.prototype.renderRequireText=function(e){return l.createElement("span",{"data-key":"req-text",key:"req-text",className:e.cssRequiredMark,"aria-hidden":!0},e.requiredMark)},t}(l.Component),T=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),B=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return T(t,e),Object.defineProperty(t.prototype,"cssClasses",{get:function(){return this.props.cssClasses},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"element",{get:function(){return this.props.element},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"renderActions",{get:function(){return void 0===this.props.renderActions||this.props.renderActions},enumerable:!1,configurable:!0}),t.prototype.render=function(){var e=l.createElement(k,{element:this.element,cssClasses:this.cssClasses});return this.element.hasTitleActions?l.createElement("div",{className:"sv-title-actions"},l.createElement("span",{className:"sv-title-actions__title"},e),this.renderActions?l.createElement(H,{model:this.element.getTitleToolbar()}):null):e},t}(l.Component);a.RendererFactory.Instance.registerRenderer("element","title-actions","sv-title-actions"),u.Instance.registerElement("sv-title-actions",function(e){return l.createElement(B,e)});var V=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),D=function(e){function t(t){return e.call(this,t)||this}return V(t,e),Object.defineProperty(t.prototype,"element",{get:function(){return this.props.element},enumerable:!1,configurable:!0}),t.prototype.renderTitleExpandableSvg=function(){if(!this.element.getCssTitleExpandableSvg())return null;var e=this.element.isExpanded?"icon-collapse-16x16":"icon-expand-16x16";return l.createElement(g,{className:this.element.getCssTitleExpandableSvg(),iconName:e,size:"auto"})},t.prototype.render=function(){var e=this.element;if(!e||!e.hasTitle)return null;var t=e.titleAriaLabel||void 0,n=this.renderTitleExpandableSvg(),r=l.createElement(B,{element:e,cssClasses:e.cssClasses,renderActions:this.props.renderActions}),o=void 0;e.hasTitleEvents&&(o=function(e){(0,a.doKey2ClickUp)(e.nativeEvent)});var i=e.titleTagName;return l.createElement(i,{className:e.cssTitle,id:e.ariaTitleId,"aria-label":t,tabIndex:e.titleTabIndex,"aria-expanded":e.titleAriaExpanded,role:e.titleAriaRole,onClick:void 0,onKeyUp:o},n,r)},t}(l.Component),Z=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),A=function(e){function t(t){var n=e.call(this,t)||this;return n.state={changed:0},n.rootRef=l.createRef(),n}return Z(t,e),Object.defineProperty(t.prototype,"survey",{get:function(){return this.props.survey},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"css",{get:function(){return this.survey.css},enumerable:!1,configurable:!0}),t.prototype.componentDidMount=function(){var e=this;this.survey.afterRenderHeader(this.rootRef.current),this.survey.locLogo.onChanged=function(){e.setState({changed:e.state.changed+1})}},t.prototype.componentWillUnmount=function(){this.survey.locLogo.onChanged=function(){}},t.prototype.renderTitle=function(){if(!this.survey.renderedHasTitle)return null;var e=d.renderLocString(this.survey.locDescription);return l.createElement("div",{className:this.css.headerText,style:{maxWidth:this.survey.titleMaxWidth}},l.createElement(D,{element:this.survey}),this.survey.renderedHasDescription?l.createElement("div",{className:this.css.description},e):null)},t.prototype.renderLogoImage=function(e){if(!e)return null;var t=this.survey.getElementWrapperComponentName(this.survey,"logo-image"),n=this.survey.getElementWrapperComponentData(this.survey,"logo-image");return u.Instance.createElement(t,{data:n})},t.prototype.render=function(){return this.survey.renderedHasHeader?l.createElement("div",{className:this.css.header,ref:this.rootRef},this.renderLogoImage(this.survey.isLogoBefore),this.renderTitle(),this.renderLogoImage(this.survey.isLogoAfter),l.createElement("div",{className:this.css.headerClose})):null},t}(l.Component);u.Instance.registerElement("survey-header",function(e){return l.createElement(A,e)});var W=function(){function e(){this.creatorHash={}}return e.prototype.registerQuestion=function(e,t){this.creatorHash[e]=t},e.prototype.getAllTypes=function(){var e=new Array;for(var t in this.creatorHash)e.push(t);return e.sort()},e.prototype.createQuestion=function(e,t){var n=this.creatorHash[e];return null==n?null:n(t)},e.Instance=new e,e}(),U=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),Q=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return U(t,e),t.prototype.render=function(){return l.createElement("div",{className:"sv-brand-info"},l.createElement("a",{className:"sv-brand-info__logo",href:"https://surveyjs.io/?utm_source=built-in_links&utm_medium=online_survey_tool&utm_campaign=landing_page"},l.createElement("img",{src:"https://surveyjs.io/Content/Images/poweredby.svg"})),l.createElement("div",{className:"sv-brand-info__text"},"Try and see how easy it is to ",l.createElement("a",{href:"https://surveyjs.io/create-survey?utm_source=built-in_links&utm_medium=online_survey_tool&utm_campaign=create_survey"},"create a survey")),l.createElement("div",{className:"sv-brand-info__terms"},l.createElement("a",{href:"https://surveyjs.io/TermsOfUse"},"Terms of Use & Privacy Statement")))},t}(l.Component),F=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),z=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return F(t,e),Object.defineProperty(t.prototype,"notifier",{get:function(){return this.props.notifier},enumerable:!1,configurable:!0}),t.prototype.getStateElement=function(){return this.notifier},t.prototype.renderElement=function(){if(!this.notifier.isDisplayed)return null;var e={visibility:this.notifier.active?"visible":"hidden"};return l.createElement("div",{className:this.notifier.css,style:e,role:"alert","aria-live":"polite"},l.createElement("span",null,this.notifier.message),l.createElement(H,{model:this.notifier.actionBar}))},t}(d);u.Instance.registerElement("sv-notifier",function(e){return l.createElement(z,e)});var K=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),J=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return K(t,e),t.prototype.render=function(){var e=this,t=this.props.survey.getContainerContent(this.props.container),n=!1!==this.props.needRenderWrapper;return 0==t.length?null:n?l.createElement("div",{className:"sv-components-column sv-components-container-"+this.props.container},t.map(function(t){return u.Instance.createElement(t.component,{survey:e.props.survey,model:t.data,container:e.props.container,key:t.id})})):l.createElement(l.Fragment,null,t.map(function(t){return u.Instance.createElement(t.component,{survey:e.props.survey,model:t.data,container:e.props.container,key:t.id})}))},t}(l.Component);u.Instance.registerElement("sv-components-container",function(e){return l.createElement(J,e)});var G=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),X=function(e){function t(t){var n=e.call(this,t)||this;return n.onIconsChanged=function(){n.containerRef.current&&(n.containerRef.current.innerHTML=a.SvgRegistry.iconsRenderedHtml())},n.containerRef=l.createRef(),n}return G(t,e),t.prototype.componentDidMount=function(){this.onIconsChanged(),a.SvgRegistry.onIconsChanged.add(this.onIconsChanged)},t.prototype.componentWillUnmount=function(){a.SvgRegistry.onIconsChanged.remove(this.onIconsChanged)},t.prototype.render=function(){return l.createElement("svg",{style:{display:"none"},id:"sv-icon-holder-global-container",ref:this.containerRef})},t}(l.Component),Y=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),$=function(e){function t(t){var n=e.call(this,t)||this;return n.isInitialized=!1,n.init=function(){n.isInitialized||(a.settings.showDialog=function(e,t){return n.showDialog(e,t)},n.isInitialized=!0)},n.clean=function(){n.isInitialized&&(a.settings.showDialog=void 0,n.isInitialized=!1)},n.state={changed:0},n.descriptor={init:n.init,clean:n.clean},n}return Y(t,e),t.addModalDescriptor=function(e){a.settings.showDialog||e.init(),this.modalDescriptors.push(e)},t.removeModalDescriptor=function(e){e.clean(),this.modalDescriptors.splice(this.modalDescriptors.indexOf(e),1),!a.settings.showDialog&&this.modalDescriptors[0]&&this.modalDescriptors[0].init()},t.prototype.renderElement=function(){return this.model?(0,C.createPortal)(l.createElement(M,{model:this.model}),this.model.container):null},t.prototype.showDialog=function(e,t){var n=this;return this.model=(0,a.createPopupModalViewModel)(e,t),this.model.onVisibilityChanged.add(function(e,t){t.isVisible||(n.model.dispose(),n.model=void 0,n.setState({changed:n.state.changed+1}))}),this.model.model.isVisible=!0,this.setState({changed:this.state.changed+1}),this.model},t.prototype.componentDidMount=function(){t.addModalDescriptor(this.descriptor)},t.prototype.componentWillUnmount=function(){this.model&&(this.model.dispose(),this.model=void 0),t.removeModalDescriptor(this.descriptor)},t.modalDescriptors=[],t}(d),ee={modernbooleancheckchecked:'<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><polygon points="19,10 14,10 14,5 10,5 10,10 5,10 5,14 10,14 10,19 14,19 14,14 19,14 "></polygon></svg>',modernbooleancheckind:'<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><path d="M22,0H2C0.9,0,0,0.9,0,2v20c0,1.1,0.9,2,2,2h20c1.1,0,2-0.9,2-2V2C24,0.9,23.1,0,22,0z M21,18L6,3h15V18z M3,6l15,15H3V6z"></path></svg>',modernbooleancheckunchecked:'<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><rect x="5" y="10" width="14" height="4"></rect></svg>',moderncheck:'<svg viewBox="0 0 24 24"><path d="M5,13l2-2l3,3l7-7l2,2l-9,9L5,13z"></path></svg>',modernradio:'<svg viewBox="-12 -12 24 24"><circle r="6" cx="0" cy="0"></circle></svg>',progressbutton:'<svg viewBox="0 0 10 10"><polygon points="2,2 0,4 5,9 10,4 8,2 5,5 "></polygon></svg>',removefile:'<svg viewBox="0 0 16 16"><path d="M8,2C4.7,2,2,4.7,2,8s2.7,6,6,6s6-2.7,6-6S11.3,2,8,2z M11,10l-1,1L8,9l-2,2l-1-1l2-2L5,6l1-1l2,2l2-2l1,1L9,8 L11,10z"></path></svg>',timercircle:'<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 160 160"><circle cx="80" cy="80" r="70" style="stroke: var(--sd-timer-stroke-background-color); stroke-width: var(--sd-timer-stroke-background-width)" stroke-dasharray="none" stroke-dashoffset="none"></circle><circle cx="80" cy="80" r="70"></circle></svg>',"add-24x24":'<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M15.75 12C15.75 12.41 15.41 12.75 15 12.75H12.75V15C12.75 15.41 12.41 15.75 12 15.75C11.59 15.75 11.25 15.41 11.25 15V12.75H9C8.59 12.75 8.25 12.41 8.25 12C8.25 11.59 8.59 11.25 9 11.25H11.25V9C11.25 8.59 11.59 8.25 12 8.25C12.41 8.25 12.75 8.59 12.75 9V11.25H15C15.41 11.25 15.75 11.59 15.75 12ZM21.75 12C21.75 17.38 17.38 21.75 12 21.75C6.62 21.75 2.25 17.38 2.25 12C2.25 6.62 6.62 2.25 12 2.25C17.38 2.25 21.75 6.62 21.75 12ZM20.25 12C20.25 7.45 16.55 3.75 12 3.75C7.45 3.75 3.75 7.45 3.75 12C3.75 16.55 7.45 20.25 12 20.25C16.55 20.25 20.25 16.55 20.25 12Z"></path></svg>',"arrowleft-16x16":'<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M14.7475 7.9975C14.7475 8.4075 14.4075 8.7475 13.9975 8.7475H3.8075L7.5275 12.4675C7.8175 12.7575 7.8175 13.2375 7.5275 13.5275C7.3775 13.6775 7.1875 13.7475 6.9975 13.7475C6.8075 13.7475 6.6175 13.6775 6.4675 13.5275L1.4675 8.5275C1.1775 8.2375 1.1775 7.7575 1.4675 7.4675L6.4675 2.4675C6.7575 2.1775 7.2375 2.1775 7.5275 2.4675C7.8175 2.7575 7.8175 3.2375 7.5275 3.5275L3.8075 7.2475H13.9975C14.4075 7.2475 14.7475 7.5875 14.7475 7.9975Z"></path></svg>',"arrowright-16x16":'<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M14.53 8.5275L9.53 13.5275C9.38 13.6775 9.19 13.7475 9 13.7475C8.81 13.7475 8.62 13.6775 8.47 13.5275C8.18 13.2375 8.18 12.7575 8.47 12.4675L12.19 8.7475H2C1.59 8.7475 1.25 8.4075 1.25 7.9975C1.25 7.5875 1.59 7.2475 2 7.2475H12.19L8.47 3.5275C8.18 3.2375 8.18 2.7575 8.47 2.4675C8.76 2.1775 9.24 2.1775 9.53 2.4675L14.53 7.4675C14.82 7.7575 14.82 8.2375 14.53 8.5275Z"></path></svg>',"camera-24x24":'<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M19.19 4.25H17.12C16.72 4.25 16.35 4.03 16.17 3.67C15.73 2.8 14.86 2.25 13.88 2.25H10.12C9.14 2.25 8.27 2.79 7.83 3.67C7.65 4.03 7.29 4.25 6.88 4.25H4.81C3.4 4.25 2.25 5.4 2.25 6.81V18.19C2.25 19.6 3.4 20.75 4.81 20.75H19.19C20.6 20.75 21.75 19.6 21.75 18.19V6.81C21.75 5.4 20.6 4.25 19.19 4.25ZM20.25 18.19C20.25 18.77 19.78 19.25 19.19 19.25H4.81C4.23 19.25 3.75 18.78 3.75 18.19V6.81C3.75 6.23 4.22 5.75 4.81 5.75H6.88C7.86 5.75 8.73 5.21 9.17 4.33C9.35 3.97 9.71 3.75 10.12 3.75H13.88C14.28 3.75 14.65 3.97 14.83 4.33C15.27 5.2 16.14 5.75 17.12 5.75H19.19C19.77 5.75 20.25 6.22 20.25 6.81V18.19ZM12 6.25C8.83 6.25 6.25 8.83 6.25 12C6.25 15.17 8.83 17.75 12 17.75C15.17 17.75 17.75 15.17 17.75 12C17.75 8.83 15.17 6.25 12 6.25ZM12 16.25C9.66 16.25 7.75 14.34 7.75 12C7.75 9.66 9.66 7.75 12 7.75C14.34 7.75 16.25 9.66 16.25 12C16.25 14.34 14.34 16.25 12 16.25ZM14.75 12C14.75 13.52 13.52 14.75 12 14.75C11.59 14.75 11.25 14.41 11.25 14C11.25 13.59 11.59 13.25 12 13.25C12.69 13.25 13.25 12.69 13.25 12C13.25 11.59 13.59 11.25 14 11.25C14.41 11.25 14.75 11.59 14.75 12Z"></path></svg>',"camera-32x32":'<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M25 7.25H22.19C21.73 7.25 21.31 7 21.09 6.59L20.89 6.22C20.23 5.01 18.97 4.25 17.59 4.25H14.41C13.03 4.25 11.77 5 11.11 6.22L10.91 6.6C10.69 7 10.27 7.26 9.81 7.26H7C4.93 7.26 3.25 8.94 3.25 11.01V24.01C3.25 26.08 4.93 27.76 7 27.76H25C27.07 27.76 28.75 26.08 28.75 24.01V11C28.75 8.93 27.07 7.25 25 7.25ZM27.25 24C27.25 25.24 26.24 26.25 25 26.25H7C5.76 26.25 4.75 25.24 4.75 24V11C4.75 9.76 5.76 8.75 7 8.75H9.81C10.82 8.75 11.75 8.2 12.23 7.31L12.43 6.94C12.82 6.21 13.58 5.76 14.41 5.76H17.59C18.42 5.76 19.18 6.21 19.57 6.94L19.77 7.31C20.25 8.2 21.18 8.76 22.19 8.76H25C26.24 8.76 27.25 9.77 27.25 11.01V24.01V24ZM16 10.25C12.28 10.25 9.25 13.28 9.25 17C9.25 20.72 12.28 23.75 16 23.75C19.72 23.75 22.75 20.72 22.75 17C22.75 13.28 19.72 10.25 16 10.25ZM16 22.25C13.11 22.25 10.75 19.89 10.75 17C10.75 14.11 13.11 11.75 16 11.75C18.89 11.75 21.25 14.11 21.25 17C21.25 19.89 18.89 22.25 16 22.25ZM19.75 17C19.75 19.07 18.07 20.75 16 20.75C15.59 20.75 15.25 20.41 15.25 20C15.25 19.59 15.59 19.25 16 19.25C17.24 19.25 18.25 18.24 18.25 17C18.25 16.59 18.59 16.25 19 16.25C19.41 16.25 19.75 16.59 19.75 17Z"></path></svg>',"cancel-24x24":'<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12.8099 11.75L15.2799 9.28C15.5699 8.99 15.5699 8.51 15.2799 8.22C14.9899 7.93 14.5099 7.93 14.2199 8.22L11.7499 10.69L9.27994 8.22C8.98994 7.93 8.50994 7.93 8.21994 8.22C7.92994 8.51 7.92994 8.99 8.21994 9.28L10.6899 11.75L8.21994 14.22C7.92994 14.51 7.92994 14.99 8.21994 15.28C8.36994 15.43 8.55994 15.5 8.74994 15.5C8.93994 15.5 9.12994 15.43 9.27994 15.28L11.7499 12.81L14.2199 15.28C14.3699 15.43 14.5599 15.5 14.7499 15.5C14.9399 15.5 15.1299 15.43 15.2799 15.28C15.5699 14.99 15.5699 14.51 15.2799 14.22L12.8099 11.75Z"></path></svg>',"check-16x16":'<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M14.0275 5.0275L6.5275 12.5275C6.3775 12.6775 6.1875 12.7475 5.9975 12.7475C5.8075 12.7475 5.6175 12.6775 5.4675 12.5275L2.4675 9.5275C2.1775 9.2375 2.1775 8.7575 2.4675 8.4675C2.7575 8.1775 3.2375 8.1775 3.5275 8.4675L5.9975 10.9375L12.9675 3.9675C13.2575 3.6775 13.7375 3.6775 14.0275 3.9675C14.3175 4.2575 14.3175 4.7375 14.0275 5.0275Z"></path></svg>',"check-24x24":'<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M19.5275 7.5275L9.5275 17.5275C9.3775 17.6775 9.1875 17.7475 8.9975 17.7475C8.8075 17.7475 8.6175 17.6775 8.4675 17.5275L4.4675 13.5275C4.1775 13.2375 4.1775 12.7575 4.4675 12.4675C4.7575 12.1775 5.2375 12.1775 5.5275 12.4675L8.9975 15.9375L18.4675 6.4675C18.7575 6.1775 19.2375 6.1775 19.5275 6.4675C19.8175 6.7575 19.8175 7.2375 19.5275 7.5275Z"></path></svg>',"chevrondown-24x24":'<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M16.5275 10.5275L12.5275 14.5275C12.3775 14.6775 12.1875 14.7475 11.9975 14.7475C11.8075 14.7475 11.6175 14.6775 11.4675 14.5275L7.4675 10.5275C7.1775 10.2375 7.1775 9.7575 7.4675 9.4675C7.7575 9.1775 8.2375 9.1775 8.5275 9.4675L11.9975 12.9375L15.4675 9.4675C15.7575 9.1775 16.2375 9.1775 16.5275 9.4675C16.8175 9.7575 16.8175 10.2375 16.5275 10.5275Z"></path></svg>',"chevronright-16x16":'<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M11.35 8.34627L7.35 12.3463C7.25 12.4463 7.12 12.4963 7 12.4963C6.88 12.4963 6.74 12.4463 6.65 12.3463C6.45 12.1463 6.45 11.8363 6.65 11.6363L10.3 7.98627L6.65 4.34627C6.45 4.15627 6.45 3.83627 6.65 3.64627C6.85 3.45627 7.16 3.44627 7.35 3.64627L11.35 7.64627C11.55 7.84627 11.55 8.15627 11.35 8.35627V8.34627Z"></path></svg>',"clear-16x16":'<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M12.35 11.65C12.55 11.85 12.55 12.16 12.35 12.36C12.25 12.46 12.12 12.51 12 12.51C11.88 12.51 11.74 12.46 11.65