survey-creator-react 2.0.0-rc.2 → 2.0.0-rc.4

package/fesm/survey-creator-react.js

@@ -0,0 +1,3417 @@
+/*!
+ * SurveyJS Creator React v2.0.0-rc.4
+ * (c) 2015-2025 Devsoft Baltic OÜ - http://surveyjs.io/
+ * Github: https://github.com/surveyjs/survey-creator
+ * License: https://surveyjs.io/Licenses#SurveyCreator
+ */
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+import * as __WEBPACK_EXTERNAL_MODULE_react_dom_7dac9eee__ from "react-dom";
+import * as __WEBPACK_EXTERNAL_MODULE_survey_react_ui_a9a1714f__ from "survey-react-ui";
+import * as __WEBPACK_EXTERNAL_MODULE_survey_creator_core_cd3b7017__ from "survey-creator-core";
+import * as __WEBPACK_EXTERNAL_MODULE_survey_core_372be95f__ from "survey-core";
+/******/ // The require scope
+/******/ var __webpack_require__ = {};
+/******/ 
+/************************************************************************/
+/******/ /* webpack/runtime/define property getters */
+/******/ (() => {
+/******/ 	// define getter functions for harmony exports
+/******/ 	__webpack_require__.d = (exports, definition) => {
+/******/ 		for(var key in definition) {
+/******/ 			if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 				Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 			}
+/******/ 		}
+/******/ 	};
+/******/ })();
+/******/ 
+/******/ /* webpack/runtime/hasOwnProperty shorthand */
+/******/ (() => {
+/******/ 	__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+/******/ })();
+/******/ 
+/************************************************************************/
+var __webpack_exports__ = {};
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  rA: () => (/* reexport */ ActionButton),
+  O1: () => (/* reexport */ AdaptiveToolbox),
+  bV: () => (/* reexport */ CellQuestionAdornerComponent),
+  Ax: () => (/* reexport */ CellQuestionDropdownAdornerComponent),
+  hq: () => (/* reexport */ CreatorSurveyPageComponent),
+  k0: () => (/* reexport */ ImageItemValueAdornerComponent),
+  Rd: () => (/* reexport */ ItemValueAdornerComponent),
+  cI: () => (/* reexport */ LogoImageComponent),
+  Ev: () => (/* reexport */ MatrixCellAdornerComponent),
+  Z8: () => (/* reexport */ PanelAdornerComponent),
+  Te: () => (/* reexport */ PropertyGridComponent),
+  Nu: () => (/* reexport */ external_survey_creator_core_namespaceObject.PropertyGridEditorCollection),
+  ox: () => (/* reexport */ PropertyGridPlaceholderComponent),
+  Ri: () => (/* reexport */ QuestionAdornerComponent),
+  f8: () => (/* reexport */ QuestionBanner),
+  _4: () => (/* reexport */ QuestionDropdownAdornerComponent),
+  eo: () => (/* reexport */ QuestionEditorContentComponent),
+  Oc: () => (/* reexport */ QuestionErrorComponent),
+  ep: () => (/* reexport */ QuestionImageAdornerComponent),
+  E9: () => (/* reexport */ QuestionRatingAdornerComponent),
+  zJ: () => (/* reexport */ QuestionWidgetAdornerComponent),
+  RR: () => (/* reexport */ QuestionWrapperFooter),
+  h6: () => (/* reexport */ QuestionWrapperHeader),
+  Eq: () => (/* reexport */ ReactDragEvent),
+  Hj: () => (/* reexport */ ReactMouseEvent),
+  SR: () => (/* reexport */ RowWrapper),
+  Sy: () => (/* reexport */ SearchComponent),
+  nZ: () => (/* reexport */ SideBarDefaultHeader),
+  kc: () => (/* reexport */ SidebarComponent),
+  ci: () => (/* reexport */ external_survey_creator_core_namespaceObject.StylesManager),
+  rX: () => (/* reexport */ SurveyCreator),
+  qK: () => (/* reexport */ SurveyCreatorComponent),
+  qS: () => (/* reexport */ SurveyCreatorToolboxCategory),
+  vK: () => (/* reexport */ SurveyCreatorToolboxItem),
+  K1: () => (/* reexport */ SurveyCreatorToolboxItemGroup),
+  Ys: () => (/* reexport */ SurveyCreatorToolboxTool),
+  pY: () => (/* reexport */ SurveyElementEmbeddedSurvey),
+  JN: () => (/* reexport */ SurveyLocStringEditor),
+  b: () => (/* reexport */ external_survey_creator_core_namespaceObject.SurveyLogic),
+  UD: () => (/* reexport */ SurveyLogicOpertor),
+  dK: () => (/* reexport */ external_survey_creator_core_namespaceObject.SurveyLogicUI),
+  B4: () => (/* reexport */ SurveyNavigation),
+  xq: () => (/* reexport */ SurveyQuestionBooleanSwitch),
+  M: () => (/* reexport */ SurveyQuestionColor),
+  B7: () => (/* reexport */ external_survey_creator_core_namespaceObject.SurveyQuestionEditorDefinition),
+  I1: () => (/* reexport */ SurveyQuestionFileEditor),
+  UP: () => (/* reexport */ SurveyQuestionLinkValue),
+  KR: () => (/* reexport */ SurveyQuestionSpinEditor),
+  jm: () => (/* reexport */ SurveyQuestionTextWithReset),
+  Hg: () => (/* reexport */ SurveyResults),
+  UI: () => (/* reexport */ SurveyResultsByRow),
+  hn: () => (/* reexport */ SurveySimulator),
+  HN: () => (/* reexport */ SwitcherComponent),
+  RN: () => (/* reexport */ TabButtonComponent),
+  mU: () => (/* reexport */ TabDesignerComponent),
+  l4: () => (/* reexport */ TabJsonEditorAceComponent),
+  R9: () => (/* reexport */ TabJsonEditorErrorsComponent),
+  h: () => (/* reexport */ TabJsonEditorTextareaComponent),
+  _2: () => (/* reexport */ TabLogicAddButtonComponent),
+  HR: () => (/* reexport */ TabLogicComponent),
+  rz: () => (/* reexport */ TabPreviewSurveyComponent),
+  te: () => (/* reexport */ TabPreviewTestSurveyAgainComponent),
+  QO: () => (/* reexport */ TabThemeSurveyComponent),
+  qr: () => (/* reexport */ TabTranslationComponent),
+  Vl: () => (/* reexport */ TabbedMenuComponent),
+  su: () => (/* reexport */ TabbedMenuItemComponent),
+  kj: () => (/* reexport */ ToolboxList),
+  y4: () => (/* reexport */ external_survey_creator_core_namespaceObject.ToolboxToolViewModel),
+  Vv: () => (/* reexport */ TranslateFromAction),
+  N: () => (/* reexport */ TranslationLineSkeleton),
+  Rx: () => (/* binding */ Version),
+  bN: () => (/* reexport */ external_survey_creator_core_namespaceObject.editorLocalization),
+  qG: () => (/* reexport */ external_survey_creator_core_namespaceObject.localization),
+  W0: () => (/* reexport */ external_survey_creator_core_namespaceObject.settings),
+  Fc: () => (/* reexport */ external_survey_creator_core_namespaceObject.svgBundle)
+});
+
+;// external "react"
+var x = (y) => {
+	var x = {}; __webpack_require__.d(x, y); return x
+} 
+var y = (x) => (() => (x))
+const external_react_namespaceObject = x({ ["Component"]: () => (__WEBPACK_EXTERNAL_MODULE_react__.Component), ["Fragment"]: () => (__WEBPACK_EXTERNAL_MODULE_react__.Fragment), ["StrictMode"]: () => (__WEBPACK_EXTERNAL_MODULE_react__.StrictMode), ["createElement"]: () => (__WEBPACK_EXTERNAL_MODULE_react__.createElement), ["createRef"]: () => (__WEBPACK_EXTERNAL_MODULE_react__.createRef) });
+;// external "react-dom"
+var external_react_dom_x = (y) => {
+	var x = {}; __webpack_require__.d(x, y); return x
+} 
+var external_react_dom_y = (x) => (() => (x))
+const external_react_dom_namespaceObject = external_react_dom_x({ ["flushSync"]: () => (__WEBPACK_EXTERNAL_MODULE_react_dom_7dac9eee__.flushSync), ["render"]: () => (__WEBPACK_EXTERNAL_MODULE_react_dom_7dac9eee__.render), ["unmountComponentAtNode"]: () => (__WEBPACK_EXTERNAL_MODULE_react_dom_7dac9eee__.unmountComponentAtNode) });
+;// external "survey-react-ui"
+var external_survey_react_ui_x = (y) => {
+	var x = {}; __webpack_require__.d(x, y); return x
+} 
+var external_survey_react_ui_y = (x) => (() => (x))
+const external_survey_react_ui_namespaceObject = external_survey_react_ui_x({ ["CharacterCounterComponent"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_react_ui_a9a1714f__.CharacterCounterComponent), ["List"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_react_ui_a9a1714f__.List), ["LoadingIndicatorComponent"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_react_ui_a9a1714f__.LoadingIndicatorComponent), ["LogoImage"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_react_ui_a9a1714f__.LogoImage), ["NotifierComponent"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_react_ui_a9a1714f__.NotifierComponent), ["Popup"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_react_ui_a9a1714f__.Popup), ["PopupModal"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_react_ui_a9a1714f__.PopupModal), ["ReactElementFactory"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_react_ui_a9a1714f__.ReactElementFactory), ["ReactQuestionFactory"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_react_ui_a9a1714f__.ReactQuestionFactory), ["ReactSurveyElementsWrapper"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_react_ui_a9a1714f__.ReactSurveyElementsWrapper), ["Survey"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_react_ui_a9a1714f__.Survey), ["SurveyActionBar"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_react_ui_a9a1714f__.SurveyActionBar), ["SurveyElementBase"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_react_ui_a9a1714f__.SurveyElementBase), ["SurveyHeader"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_react_ui_a9a1714f__.SurveyHeader), ["SurveyLocStringViewer"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_react_ui_a9a1714f__.SurveyLocStringViewer), ["SurveyPage"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_react_ui_a9a1714f__.SurveyPage), ["SurveyQuestion"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_react_ui_a9a1714f__.SurveyQuestion), ["SurveyQuestionButtonGroup"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_react_ui_a9a1714f__.SurveyQuestionButtonGroup), ["SurveyQuestionDropdown"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_react_ui_a9a1714f__.SurveyQuestionDropdown), ["SurveyQuestionElementBase"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_react_ui_a9a1714f__.SurveyQuestionElementBase), ["SurveyQuestionText"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_react_ui_a9a1714f__.SurveyQuestionText), ["SvgBundleComponent"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_react_ui_a9a1714f__.SvgBundleComponent), ["SvgIcon"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_react_ui_a9a1714f__.SvgIcon), ["TitleElement"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_react_ui_a9a1714f__.TitleElement), ["attachKey2click"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_react_ui_a9a1714f__.attachKey2click) });
+;// external "survey-creator-core"
+var external_survey_creator_core_x = (y) => {
+	var x = {}; __webpack_require__.d(x, y); return x
+} 
+var external_survey_creator_core_y = (x) => (() => (x))
+const external_survey_creator_core_namespaceObject = external_survey_creator_core_x({ ["ImageItemValueWrapperViewModel"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_creator_core_cd3b7017__.ImageItemValueWrapperViewModel), ["ItemValueWrapperViewModel"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_creator_core_cd3b7017__.ItemValueWrapperViewModel), ["LogoImageViewModel"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_creator_core_cd3b7017__.LogoImageViewModel), ["MatrixCellWrapperViewModel"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_creator_core_cd3b7017__.MatrixCellWrapperViewModel), ["PageAdorner"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_creator_core_cd3b7017__.PageAdorner), ["PageNavigatorViewModel"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_creator_core_cd3b7017__.PageNavigatorViewModel), ["PropertyGridEditorCollection"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_creator_core_cd3b7017__.PropertyGridEditorCollection), ["QuestionAdornerViewModel"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_creator_core_cd3b7017__.QuestionAdornerViewModel), ["QuestionDropdownAdornerViewModel"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_creator_core_cd3b7017__.QuestionDropdownAdornerViewModel), ["QuestionImageAdornerViewModel"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_creator_core_cd3b7017__.QuestionImageAdornerViewModel), ["QuestionRatingAdornerViewModel"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_creator_core_cd3b7017__.QuestionRatingAdornerViewModel), ["RowViewModel"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_creator_core_cd3b7017__.RowViewModel), ["ScrollViewModel"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_creator_core_cd3b7017__.ScrollViewModel), ["StringEditorViewModelBase"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_creator_core_cd3b7017__.StringEditorViewModelBase), ["StylesManager"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_creator_core_cd3b7017__.StylesManager), ["SurveyCreatorModel"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_creator_core_cd3b7017__.SurveyCreatorModel), ["SurveyLogic"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_creator_core_cd3b7017__.SurveyLogic), ["SurveyLogicUI"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_creator_core_cd3b7017__.SurveyLogicUI), ["SurveyQuestionEditorDefinition"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_creator_core_cd3b7017__.SurveyQuestionEditorDefinition), ["SurveyResultsModel"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_creator_core_cd3b7017__.SurveyResultsModel), ["ToolboxToolViewModel"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_creator_core_cd3b7017__.ToolboxToolViewModel), ["assign"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_creator_core_cd3b7017__.assign), ["editableStringRendererName"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_creator_core_cd3b7017__.editableStringRendererName), ["editorLocalization"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_creator_core_cd3b7017__.editorLocalization), ["initLogicOperator"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_creator_core_cd3b7017__.initLogicOperator), ["localization"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_creator_core_cd3b7017__.localization), ["settings"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_creator_core_cd3b7017__.settings), ["svgBundle"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_creator_core_cd3b7017__.svgBundle) });
+;// external "survey-core"
+var external_survey_core_x = (y) => {
+	var x = {}; __webpack_require__.d(x, y); return x
+} 
+var external_survey_core_y = (x) => (() => (x))
+const external_survey_core_namespaceObject = external_survey_core_x({ ["CssClassBuilder"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_core_372be95f__.CssClassBuilder), ["RendererFactory"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_core_372be95f__.RendererFactory), ["ResponsivityManager"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_core_372be95f__.ResponsivityManager), ["VerticalResponsivityManager"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_core_372be95f__.VerticalResponsivityManager), ["checkLibraryVersion"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_core_372be95f__.checkLibraryVersion), ["settings"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_core_372be95f__.settings), ["unwrap"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_core_372be95f__.unwrap) });
+;// ./src/TabbedMenu.tsx
+
+
+
+
+class TabbedMenuComponent extends external_survey_react_ui_namespaceObject.SurveyElementBase {
+    get model() {
+        return this.props.model;
+    }
+    getStateElement() {
+        return this.model;
+    }
+    constructor(props) {
+        super(props);
+        this.rootRef = external_react_namespaceObject.createRef();
+    }
+    renderElement() {
+        const items = this.model.renderedActions.map((item) => external_react_namespaceObject.createElement(TabbedMenuItemWrapper, { item: item, key: item.renderedId }));
+        return (external_react_namespaceObject.createElement("div", { ref: this.rootRef, className: "svc-tabbed-menu" }, items));
+    }
+    componentDidMount() {
+        super.componentDidMount();
+        const container = this.rootRef.current;
+        if (!container)
+            return;
+        this.manager = new external_survey_core_namespaceObject.ResponsivityManager(container, this.model);
+    }
+    componentWillUnmount() {
+        this.manager && (this.manager.dispose());
+        super.componentWillUnmount();
+    }
+}
+class TabbedMenuItemWrapper extends external_survey_react_ui_namespaceObject.SurveyElementBase {
+    constructor(props) {
+        super(props);
+        this.ref = external_react_namespaceObject.createRef();
+    }
+    get item() {
+        return this.props.item;
+    }
+    getStateElement() {
+        return this.item;
+    }
+    renderElement() {
+        let css = "svc-tabbed-menu-item-container";
+        if (this.item.css) {
+            css += " " + this.item.css;
+        }
+        css += (!this.item.isVisible ? " sv-action--hidden" : "");
+        const component = external_survey_react_ui_namespaceObject.ReactElementFactory.Instance.createElement(this.item.component || "svc-tabbed-menu-item", { item: this.item });
+        return (external_react_namespaceObject.createElement("span", { key: this.item.id, className: css, ref: this.ref },
+            external_react_namespaceObject.createElement("div", { className: "sv-action__content" }, component)));
+    }
+    componentDidMount() {
+        super.componentDidMount();
+        this.item.updateModeCallback = (mode, callback) => {
+            queueMicrotask(() => {
+                if (external_react_dom_namespaceObject.flushSync) {
+                    external_react_dom_namespaceObject.flushSync(() => {
+                        this.item.mode = mode;
+                    });
+                }
+                else {
+                    this.item.mode = mode;
+                }
+                queueMicrotask(() => {
+                    callback(mode, this.ref.current);
+                });
+            });
+        };
+        this.item.afterRender();
+    }
+    componentWillUnmount() {
+        super.componentWillUnmount();
+        this.item.updateModeCallback = undefined;
+    }
+}
+class TabbedMenuItemComponent extends external_survey_react_ui_namespaceObject.SurveyElementBase {
+    get item() {
+        return this.props.item;
+    }
+    getStateElement() {
+        return this.item;
+    }
+    render() {
+        const item = this.item;
+        return ((0,external_survey_react_ui_namespaceObject.attachKey2click)(external_react_namespaceObject.createElement("div", { className: item.getRootCss(), onClick: () => item.action(item) },
+            item.hasTitle ? external_react_namespaceObject.createElement("span", { className: item.getTitleCss() }, item.title) : null,
+            item.hasIcon ? external_react_namespaceObject.createElement(external_survey_react_ui_namespaceObject.SvgIcon, { iconName: item.iconName, className: item.getIconCss(), size: "auto", title: item.tooltip || item.title }) : null)));
+    }
+}
+external_survey_react_ui_namespaceObject.ReactElementFactory.Instance.registerElement("svc-tabbed-menu-item", (props) => {
+    return external_react_namespaceObject.createElement(TabbedMenuItemComponent, props);
+});
+/* harmony default export */ const TabbedMenu = ((/* unused pure expression or super */ null && (TabbedMenuComponent)));
+
+;// ./src/SurveyCreator.tsx
+
+
+
+
+
+class SurveyCreatorComponent extends external_survey_react_ui_namespaceObject.SurveyElementBase {
+    constructor(props) {
+        super(props);
+        this.rootNode = external_react_namespaceObject.createRef();
+    }
+    get creator() {
+        return this.props.creator;
+    }
+    getStateElement() {
+        return this.creator;
+    }
+    get style() {
+        return this.props.style;
+    }
+    componentDidUpdate(prevProps, prevState) {
+        super.componentDidUpdate(prevProps, prevState);
+        if (this.creator !== prevProps.creator) {
+            if (prevProps.creator) {
+                prevProps.creator.unsubscribeRootElement();
+            }
+            if (this.creator && this.rootNode.current) {
+                this.creator.setRootElement(this.rootNode.current);
+            }
+        }
+    }
+    componentDidMount() {
+        super.componentDidMount();
+        this.creator.setRootElement(this.rootNode.current);
+    }
+    componentWillUnmount() {
+        super.componentWillUnmount();
+        this.creator.unsubscribeRootElement();
+    }
+    renderElement() {
+        const creator = this.props.creator;
+        if (creator.isCreatorDisposed)
+            return null;
+        const areaClassName = "svc-full-container svc-creator__area svc-flex-column" + (this.props.creator.haveCommercialLicense ? "" : " svc-creator__area--with-banner");
+        const contentWrapperClassName = "svc-creator__content-wrapper svc-flex-row" + (this.props.creator.isMobileView ? " svc-creator__content-wrapper--footer-toolbar" : "");
+        const fullContainerClassName = "svc-flex-row svc-full-container" + (" svc-creator__side-bar--" + this.creator.sidebarLocation);
+        const creatorStyles = {};
+        (0,external_survey_creator_core_namespaceObject.assign)(creatorStyles, this.style, this.props.creator.themeVariables);
+        let licenseBanner = null;
+        if (!this.props.creator.haveCommercialLicense) {
+            const htmlValue = { __html: this.props.creator.licenseText };
+            licenseBanner = (external_react_namespaceObject.createElement("div", { className: "svc-creator__banner" },
+                external_react_namespaceObject.createElement("span", { className: "svc-creator__non-commercial-text", dangerouslySetInnerHTML: htmlValue })));
+        }
+        //AM: width unrecognized by react
+        return (external_react_namespaceObject.createElement("div", { className: this.creator.getRootCss(), ref: this.rootNode, style: creatorStyles },
+            external_react_namespaceObject.createElement(external_survey_react_ui_namespaceObject.SvgBundleComponent, null),
+            external_react_namespaceObject.createElement(external_survey_react_ui_namespaceObject.PopupModal, null),
+            external_react_namespaceObject.createElement("div", { className: areaClassName },
+                external_react_namespaceObject.createElement("div", { className: fullContainerClassName },
+                    external_react_namespaceObject.createElement("div", { className: "svc-flex-column svc-flex-row__element svc-flex-row__element--growing" },
+                        external_react_namespaceObject.createElement("div", { className: "svc-top-bar" },
+                            (creator.showTabs ?
+                                external_react_namespaceObject.createElement("div", { className: "svc-tabbed-menu-wrapper" },
+                                    external_react_namespaceObject.createElement(TabbedMenuComponent, { model: creator.tabbedMenu })) : null),
+                            (creator.showToolbar ?
+                                external_react_namespaceObject.createElement("div", { className: "svc-toolbar-wrapper" },
+                                    external_react_namespaceObject.createElement(external_survey_react_ui_namespaceObject.SurveyActionBar, { model: creator.toolbar }))
+                                : null)),
+                        external_react_namespaceObject.createElement("div", { className: contentWrapperClassName },
+                            external_react_namespaceObject.createElement("div", { className: "svc-creator__content-holder svc-flex-column" }, this.renderActiveTab())),
+                        external_react_namespaceObject.createElement("div", { className: "svc-footer-bar" }, (creator.isMobileView ?
+                            external_react_namespaceObject.createElement("div", { className: "svc-toolbar-wrapper" },
+                                external_react_namespaceObject.createElement(external_survey_react_ui_namespaceObject.SurveyActionBar, { model: creator.footerToolbar }))
+                            : null))),
+                    this.renderSidebar()),
+                licenseBanner,
+                external_react_namespaceObject.createElement(external_survey_react_ui_namespaceObject.NotifierComponent, { notifier: creator.notifier }))));
+    }
+    renderActiveTab() {
+        const creator = this.props.creator;
+        for (var i = 0; i < creator.tabs.length; i++) {
+            if (creator.tabs[i].id === creator.activeTab) {
+                return this.renderCreatorTab(creator.tabs[i]);
+            }
+        }
+        return null;
+    }
+    renderCreatorTab(tab) {
+        if (tab.visible === false) {
+            return null;
+        }
+        const creator = this.props.creator;
+        const component = !!tab.renderTab
+            ? tab.renderTab()
+            : external_survey_react_ui_namespaceObject.ReactElementFactory.Instance.createElement(tab.componentContent, {
+                creator: creator,
+                survey: creator.survey,
+                data: tab.data.model
+            });
+        const className = "svc-creator-tab" + (creator.toolboxLocation == "right" ? " svc-creator__toolbox--right" : "");
+        return (external_react_namespaceObject.createElement("div", { key: tab.id, id: "scrollableDiv-" + tab.id, className: className }, component));
+    }
+    renderSidebar() {
+        if (!!this.creator.sidebar) {
+            return external_survey_react_ui_namespaceObject.ReactElementFactory.Instance.createElement("svc-side-bar", { model: this.creator.sidebar });
+        }
+        else {
+            return null;
+        }
+    }
+}
+class SurveyCreator extends external_survey_creator_core_namespaceObject.SurveyCreatorModel {
+    constructor(options = {}, options2) {
+        super(options, options2);
+    }
+    render(target) {
+        let node = target;
+        if (typeof target === "string") {
+            node = document.getElementById(target);
+        }
+        /* eslint-disable react/no-deprecated */
+        external_react_dom_namespaceObject.unmountComponentAtNode(node);
+        external_react_dom_namespaceObject.render(external_react_namespaceObject.createElement(external_react_namespaceObject.StrictMode, null,
+            external_react_namespaceObject.createElement(SurveyCreatorComponent, { creator: this })), node);
+        /* eslint-enable react/no-deprecated */
+    }
+    //ISurveyCreator
+    createQuestionElement(question) {
+        return external_survey_react_ui_namespaceObject.ReactQuestionFactory.Instance.createQuestion(question.isDefaultRendering()
+            ? question.getTemplate()
+            : question.getComponentName(), {
+            question: question,
+            isDisplayMode: question.isReadOnly,
+            creator: this
+        });
+    }
+    renderError(key, error, cssClasses) {
+        return (external_react_namespaceObject.createElement("div", { key: key },
+            external_react_namespaceObject.createElement("span", { className: cssClasses.error.icon, "aria-hidden": "true" }),
+            external_react_namespaceObject.createElement("span", { className: cssClasses.error.item },
+                external_react_namespaceObject.createElement(external_survey_react_ui_namespaceObject.SurveyLocStringViewer, { locStr: error.locText }))));
+    }
+    questionTitleLocation() {
+        return this.survey.questionTitleLocation;
+    }
+    questionErrorLocation() {
+        return this.survey.questionErrorLocation;
+    }
+}
+external_survey_react_ui_namespaceObject.ReactElementFactory.Instance.registerElement("survey-widget", (props) => {
+    return external_react_namespaceObject.createElement(external_survey_react_ui_namespaceObject.Survey, props);
+});
+
+;// ./src/ModelElement.tsx
+
+class CreatorModelElement extends external_survey_react_ui_namespaceObject.SurveyElementBase {
+    constructor(props) {
+        super(props);
+        this.createModel(props);
+    }
+    shouldComponentUpdate(nextProps, nextState) {
+        const result = super.shouldComponentUpdate(nextProps, nextState);
+        if (result) {
+            if (this.needUpdateModel(nextProps)) {
+                this.createModel(nextProps);
+            }
+        }
+        return result;
+    }
+    createModel(props) { }
+    needUpdateModel(nextProps) {
+        const names = this.getUpdatedModelProps();
+        if (!Array.isArray(names))
+            return true;
+        for (var i = 0; i < names.length; i++) {
+            const key = names[i];
+            if (this.props[key] !== nextProps[key])
+                return true;
+        }
+        return false;
+    }
+    getUpdatedModelProps() {
+        return undefined;
+    }
+}
+
+;// ./src/adorners/Row.tsx
+
+
+
+
+class RowWrapper extends CreatorModelElement {
+    constructor(props) {
+        super(props);
+    }
+    createModel(props) {
+        if (!!this.model) {
+            this.model.dispose();
+        }
+        this.model = new external_survey_creator_core_namespaceObject.RowViewModel(props.componentData.creator, props.row, null);
+    }
+    getUpdatedModelProps() {
+        return ["row", "componentData"];
+    }
+    getStateElement() {
+        return this.model;
+    }
+    componentDidMount() {
+        super.componentDidMount();
+        this.model.subscribeElementChanges();
+    }
+    componentWillUnmount() {
+        this.model.unsubscribeElementChanges();
+        super.componentWillUnmount();
+    }
+    render() {
+        return (external_react_namespaceObject.createElement("div", { key: "svc-row-" + this.props.row.id, className: this.model.cssClasses },
+            external_react_namespaceObject.createElement("div", { className: "svc-row__drop-indicator svc-row__drop-indicator--top" }),
+            external_react_namespaceObject.createElement("div", { className: "svc-row__drop-indicator svc-row__drop-indicator--bottom" }),
+            this.props.element));
+    }
+}
+external_survey_react_ui_namespaceObject.ReactElementFactory.Instance.registerElement("svc-row", (props) => {
+    return external_react_namespaceObject.createElement(RowWrapper, props);
+});
+
+;// ./src/events.ts
+class ReactMouseEvent {
+    constructor(event) {
+        this.event = event;
+    }
+    stopPropagation() {
+        this.event.stopPropagation();
+        //this.event.nativeEvent.stopPropagation();
+        //this.event.nativeEvent.stopImmediatePropagation();
+    }
+    preventDefault() {
+        this.event.preventDefault();
+        //this.event.nativeEvent.preventDefault();
+    }
+    get cancelBubble() {
+        //return this.event.cancelBubble;
+        return false;
+    }
+    set cancelBubble(value) {
+        //this.event.cancelBubble = value;
+    }
+    get target() {
+        return this.event.target;
+    }
+    get currentTarget() {
+        return this.event.currentTarget;
+    }
+    get clientX() {
+        return this.event.clientX;
+    }
+    get clientY() {
+        return this.event.clientY;
+    }
+    get offsetX() {
+        return this.event.nativeEvent.offsetX;
+    }
+    get offsetY() {
+        return this.event.nativeEvent.offsetY;
+    }
+}
+class ReactDragEvent extends ReactMouseEvent {
+    constructor(event) {
+        super(event);
+        this.event = event;
+    }
+    get dataTransfer() {
+        return this.event.dataTransfer;
+    }
+}
+
+;// ./src/adorners/Question.tsx
+
+
+
+
+
+class QuestionAdornerComponent extends CreatorModelElement {
+    constructor(props) {
+        super(props);
+        this.rootRef = external_react_namespaceObject.createRef();
+    }
+    createModel(props) {
+        if (this.model) {
+            this.model.attachToUI(props.question, this.rootRef.current);
+        }
+        else {
+            this.modelValue = this.createQuestionViewModel(props);
+        }
+    }
+    createQuestionViewModel(props) {
+        return new external_survey_creator_core_namespaceObject.QuestionAdornerViewModel(props.componentData, props.question, null);
+    }
+    getUpdatedModelProps() {
+        return ["question", "componentData"];
+    }
+    get model() {
+        return this.modelValue;
+    }
+    getStateElement() {
+        return this.model;
+    }
+    renderElement() {
+        const allowInteractions = this.model.element
+            .isInteractiveDesignElement;
+        const titleForCollapsedState = this.renderQuestionTitle();
+        const content = this.renderContent(allowInteractions);
+        return (external_react_namespaceObject.createElement("div", { ref: this.rootRef, "data-sv-drop-target-survey-element": this.model.element.name || null, className: this.model.rootCss(), onDoubleClick: e => { allowInteractions && this.model.dblclick(e.nativeEvent); e.stopPropagation(); }, onMouseLeave: e => allowInteractions && this.model.hover(e.nativeEvent, e.currentTarget), onMouseOver: e => allowInteractions && this.model.hover(e.nativeEvent, e.currentTarget) },
+            titleForCollapsedState,
+            content));
+    }
+    disableTabStop() {
+        return true;
+    }
+    renderContent(allowInteractions) {
+        var content = this.model.needToRenderContent ? this.renderElementContent() : null;
+        //if (!allowInteractions) return <>{content}{this.renderFooter()}</>;
+        return (0,external_survey_react_ui_namespaceObject.attachKey2click)(external_react_namespaceObject.createElement("div", { className: this.model.css(), onClick: (e) => this.model.select(this.model, new ReactMouseEvent(e)) },
+            external_react_namespaceObject.createElement("div", { className: "svc-question__drop-indicator svc-question__drop-indicator--left" }),
+            external_react_namespaceObject.createElement("div", { className: "svc-question__drop-indicator svc-question__drop-indicator--right" }),
+            external_react_namespaceObject.createElement("div", { className: "svc-question__drop-indicator svc-question__drop-indicator--top" }),
+            external_react_namespaceObject.createElement("div", { className: "svc-question__drop-indicator svc-question__drop-indicator--bottom" }),
+            allowInteractions ? this.renderHeader() : null,
+            content,
+            this.model.needToRenderContent ? this.renderFooter() : null), undefined, { disableTabStop: this.disableTabStop() });
+    }
+    renderHeader() {
+        return external_survey_react_ui_namespaceObject.ReactElementFactory.Instance.createElement("svc-question-header", { model: this.model });
+    }
+    renderFooter() {
+        const allowInteractions = this.model.element
+            .isInteractiveDesignElement;
+        return allowInteractions ? external_survey_react_ui_namespaceObject.ReactElementFactory.Instance.createElement("svc-question-footer", { className: "svc-question__content-actions", model: this.model }) : null;
+    }
+    renderCarryForwardBanner() {
+        if (!this.model.isBannerShowing)
+            return null;
+        return external_survey_react_ui_namespaceObject.ReactElementFactory.Instance.createElement("svc-question-banner", this.model.createBannerParams());
+    }
+    renderQuestionTitle() {
+        if (!this.model.showHiddenTitle)
+            return null;
+        const element = this.model.element;
+        return (external_react_namespaceObject.createElement("div", { ref: node => node && (!this.model.renderedCollapsed ?
+                node.setAttribute("inert", "") : node.removeAttribute("inert")), className: this.model.cssCollapsedHiddenHeader }, (element.hasTitle ?
+            external_react_namespaceObject.createElement(external_survey_react_ui_namespaceObject.TitleElement, { element: element }) :
+            external_react_namespaceObject.createElement("div", { className: this.model.cssCollapsedHiddenTitle },
+                external_react_namespaceObject.createElement("span", { className: "svc-fake-title" }, element.name)))));
+    }
+    renderElementContent() {
+        return (external_react_namespaceObject.createElement(external_react_namespaceObject.Fragment, null,
+            this.props.element,
+            this.renderElementPlaceholder(),
+            this.renderCarryForwardBanner()));
+    }
+    componentDidMount() {
+        super.componentDidMount();
+        this.model.attachToUI(this.props.question, this.rootRef.current);
+    }
+    renderElementPlaceholder() {
+        if (!this.model.isEmptyElement) {
+            return null;
+        }
+        return (external_react_namespaceObject.createElement("div", { className: "svc-panel__placeholder_frame-wrapper" },
+            external_react_namespaceObject.createElement("div", { className: "svc-panel__placeholder_frame" },
+                external_react_namespaceObject.createElement("div", { className: "svc-panel__placeholder" }, this.model.placeholderText))));
+    }
+    componentWillUnmount() {
+        super.componentWillUnmount();
+        this.model.detachFromUI();
+    }
+}
+external_survey_react_ui_namespaceObject.ReactElementFactory.Instance.registerElement("svc-question", (props) => {
+    return external_react_namespaceObject.createElement(QuestionAdornerComponent, props);
+});
+
+;// ./src/adorners/QuestionHeader.tsx
+
+
+class QuestionWrapperHeader extends external_react_namespaceObject.Component {
+    render() {
+        if (!this.props.model.allowDragging)
+            return null;
+        return (external_react_namespaceObject.createElement("div", { className: "svc-question__drag-area", onPointerDown: (event) => this.props.model.onPointerDown(event) },
+            external_react_namespaceObject.createElement(external_survey_react_ui_namespaceObject.SvgIcon, { className: "svc-question__drag-element", size: "auto", iconName: "icon-drag-area-indicator_24x16" }),
+            external_react_namespaceObject.createElement("div", { className: "svc-question__top-actions" },
+                external_react_namespaceObject.createElement(external_survey_react_ui_namespaceObject.SurveyActionBar, { model: this.props.model.topActionContainer, handleClick: false }))));
+    }
+}
+external_survey_react_ui_namespaceObject.ReactElementFactory.Instance.registerElement("svc-question-header", (props) => {
+    return external_react_namespaceObject.createElement(QuestionWrapperHeader, props);
+});
+
+;// ./src/adorners/QuestionFooter.tsx
+
+
+
+class QuestionWrapperFooter extends external_react_namespaceObject.Component {
+    render() {
+        return (external_react_namespaceObject.createElement("div", { className: this.props.className, onFocus: (e) => this.props.model.select(this.props.model, new ReactMouseEvent(e)) },
+            external_react_namespaceObject.createElement(external_survey_react_ui_namespaceObject.SurveyActionBar, { model: this.props.model.actionContainer, handleClick: false })));
+    }
+}
+external_survey_react_ui_namespaceObject.ReactElementFactory.Instance.registerElement("svc-question-footer", (props) => {
+    return external_react_namespaceObject.createElement(QuestionWrapperFooter, props);
+});
+
+;// ./src/ActionButton.tsx
+
+
+
+class ActionButton extends external_survey_react_ui_namespaceObject.SurveyElementBase {
+    renderElement() {
+        const classes = new external_survey_core_namespaceObject.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();
+        if (this.props.iconName) {
+            return this.renderIcon(classes);
+        }
+        return this.renderButtonText(classes);
+    }
+    renderButtonText(classes) {
+        if (this.props.disabled) {
+            return external_react_namespaceObject.createElement("span", { className: classes }, this.props.text);
+        }
+        return (external_react_namespaceObject.createElement(external_react_namespaceObject.Fragment, null, (0,external_survey_react_ui_namespaceObject.attachKey2click)(external_react_namespaceObject.createElement("span", { role: "button", className: classes, onClick: (e) => {
+                if (!this.props.allowBubble) {
+                    e.stopPropagation();
+                }
+                this.props.click();
+            }, title: this.props.title }, this.props.text))));
+    }
+    renderIcon(classes) {
+        classes += " svc-action-button--icon";
+        if (this.props.disabled) {
+            return external_react_namespaceObject.createElement("span", { className: classes },
+                external_react_namespaceObject.createElement(external_survey_react_ui_namespaceObject.SvgIcon, { size: "auto", iconName: this.props.iconName }));
+        }
+        return (external_react_namespaceObject.createElement(external_react_namespaceObject.Fragment, null, (0,external_survey_react_ui_namespaceObject.attachKey2click)(external_react_namespaceObject.createElement("span", { className: classes, onClick: (e) => {
+                if (!this.props.allowBubble) {
+                    e.stopPropagation();
+                }
+                this.props.click();
+            }, title: this.props.title },
+            external_react_namespaceObject.createElement(external_survey_react_ui_namespaceObject.SvgIcon, { size: "auto", iconName: this.props.iconName })))));
+    }
+}
+external_survey_react_ui_namespaceObject.ReactElementFactory.Instance.registerElement("svc-action-button", (props) => { return external_react_namespaceObject.createElement(ActionButton, props); });
+
+;// ./src/adorners/QuestionBanner.tsx
+
+
+
+class QuestionBanner extends external_react_namespaceObject.Component {
+    render() {
+        return (external_react_namespaceObject.createElement("div", { className: "svc-carry-forward-panel-wrapper" },
+            external_react_namespaceObject.createElement("div", { className: "svc-carry-forward-panel" },
+                external_react_namespaceObject.createElement("span", null,
+                    this.props.text,
+                    " "),
+                external_react_namespaceObject.createElement("span", { className: "svc-carry-forward-panel__link" },
+                    external_react_namespaceObject.createElement(ActionButton, { click: () => this.props.onClick(), text: this.props.actionText })))));
+    }
+}
+external_survey_react_ui_namespaceObject.ReactElementFactory.Instance.registerElement("svc-question-banner", (props) => {
+    return external_react_namespaceObject.createElement(QuestionBanner, props);
+});
+
+;// ./src/adorners/QuestionDropdown.tsx
+
+
+
+
+
+class QuestionDropdownAdornerComponent extends QuestionAdornerComponent {
+    constructor(props) {
+        super(props);
+    }
+    createQuestionViewModel(props) {
+        return new external_survey_creator_core_namespaceObject.QuestionDropdownAdornerViewModel(props.componentData, props.question, null);
+    }
+    get dropdownModel() {
+        return this.model;
+    }
+    get question() {
+        return this.dropdownModel.question;
+    }
+    renderElementPlaceholder() {
+        const textStyle = this.question.textStyle;
+        return (external_react_namespaceObject.createElement("div", { className: "svc-question__dropdown-choices--wrapper" },
+            external_react_namespaceObject.createElement("div", null,
+                external_react_namespaceObject.createElement("div", { className: "svc-question__dropdown-choices" }, (this.dropdownModel.getRenderedItems() || []).map((item, index) => (external_react_namespaceObject.createElement("div", { className: this.dropdownModel.getChoiceCss(), key: `editable_choice_${index}` }, external_survey_react_ui_namespaceObject.ReactSurveyElementsWrapper.wrapItemValue(this.question.survey, external_survey_react_ui_namespaceObject.ReactElementFactory.Instance.createElement(this.dropdownModel.itemComponent, {
+                    key: item.value,
+                    question: this.question,
+                    cssClasses: this.question.cssClasses,
+                    isDisplayMode: true,
+                    item: item,
+                    textStyle: textStyle,
+                    index: index,
+                    isChecked: this.question.value === item.value
+                }), this.question, item))))),
+                this.dropdownModel.needToCollapse ?
+                    external_react_namespaceObject.createElement(ActionButton, { click: this.dropdownModel.switchCollapse, text: this.dropdownModel.getButtonText(), allowBubble: true }) :
+                    null)));
+    }
+}
+external_survey_react_ui_namespaceObject.ReactElementFactory.Instance.registerElement("svc-dropdown-question", (props) => {
+    return external_react_namespaceObject.createElement(QuestionDropdownAdornerComponent, props);
+});
+
+;// ./src/adorners/QuestionImage.tsx
+
+
+
+
+class QuestionImageAdornerComponent extends QuestionAdornerComponent {
+    createQuestionViewModel(props) {
+        return new external_survey_creator_core_namespaceObject.QuestionImageAdornerViewModel(props.componentData, props.question, null);
+    }
+    get imageModel() {
+        return this.model;
+    }
+    renderHeader() {
+        return (external_react_namespaceObject.createElement(external_react_namespaceObject.Fragment, null,
+            external_react_namespaceObject.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"
+                } }),
+            super.renderHeader()));
+    }
+    renderLoadingPlaceholder() {
+        return (external_react_namespaceObject.createElement("div", { className: "svc-image-question__loading-placeholder" },
+            external_react_namespaceObject.createElement("div", { className: "svc-image-question__loading" },
+                external_react_namespaceObject.createElement(external_survey_react_ui_namespaceObject.LoadingIndicatorComponent, null))));
+    }
+    renderChooseButton() {
+        return (external_react_namespaceObject.createElement("div", { className: "svc-image-question-controls" }, this.model.allowEdit ? (0,external_survey_react_ui_namespaceObject.attachKey2click)(external_react_namespaceObject.createElement("span", { className: "svc-context-button", onClick: () => this.imageModel.chooseFile(this.imageModel) },
+            external_react_namespaceObject.createElement(external_survey_react_ui_namespaceObject.SvgIcon, { size: "auto", iconName: "icon-choosefile" }))) : null));
+    }
+    renderElementPlaceholder() {
+        return this.imageModel.isUploading ? this.renderLoadingPlaceholder() : this.renderChooseButton();
+    }
+    getStateElements() {
+        return [this.model, this.imageModel.filePresentationModel];
+    }
+    renderElementContent() {
+        if (this.imageModel.isEmptyImageLink) {
+            const fileQuestion = external_survey_react_ui_namespaceObject.ReactQuestionFactory.Instance.createQuestion("file", {
+                creator: this.imageModel.question.survey,
+                isDisplayMode: false,
+                question: this.imageModel.filePresentationModel
+            });
+            return (external_react_namespaceObject.createElement(external_react_namespaceObject.Fragment, null, fileQuestion));
+        }
+        else {
+            return (external_react_namespaceObject.createElement(external_react_namespaceObject.Fragment, null,
+                this.props.element,
+                this.renderElementPlaceholder()));
+        }
+    }
+}
+external_survey_react_ui_namespaceObject.ReactElementFactory.Instance.registerElement("svc-image-question", (props) => {
+    return external_react_namespaceObject.createElement(QuestionImageAdornerComponent, props);
+});
+
+;// ./src/adorners/QuestionRating.tsx
+
+
+
+
+class QuestionRatingAdornerComponent extends CreatorModelElement {
+    createModel(props) {
+        this.modelValue = this.createQuestionViewModel(props);
+    }
+    createQuestionViewModel(props) {
+        return new external_survey_creator_core_namespaceObject.QuestionRatingAdornerViewModel(props.componentData, props.question, null);
+    }
+    getUpdatedModelProps() {
+        return ["question", "componentData"];
+    }
+    get ratingModel() {
+        return this.model;
+    }
+    get model() {
+        return this.modelValue;
+    }
+    getStateElement() {
+        return this.model;
+    }
+    renderElement() {
+        const model = this.ratingModel;
+        return (external_react_namespaceObject.createElement(external_react_namespaceObject.Fragment, null,
+            external_react_namespaceObject.createElement("div", { className: "svc-rating-question-content" },
+                external_react_namespaceObject.createElement("div", { className: model.controlsClassNames },
+                    model.allowRemove ? (0,external_survey_react_ui_namespaceObject.attachKey2click)(external_react_namespaceObject.createElement("span", { className: model.removeClassNames, "aria-label": model.removeTooltip, onClick: () => model.removeItem(model) },
+                        external_react_namespaceObject.createElement(external_survey_react_ui_namespaceObject.SvgIcon, { size: "auto", iconName: "icon-remove_16x16", title: model.removeTooltip }))) : null,
+                    model.allowAdd ? (0,external_survey_react_ui_namespaceObject.attachKey2click)(external_react_namespaceObject.createElement("span", { className: model.addClassNames, "aria-label": model.addTooltip, onClick: () => model.addItem(model) },
+                        external_react_namespaceObject.createElement(external_survey_react_ui_namespaceObject.SvgIcon, { size: "auto", iconName: "icon-add_16x16", title: model.addTooltip }))) : null),
+                this.props.element)));
+    }
+}
+external_survey_react_ui_namespaceObject.ReactElementFactory.Instance.registerElement("svc-rating-question", (props) => {
+    return external_react_namespaceObject.createElement(QuestionRatingAdornerComponent, props);
+});
+external_survey_react_ui_namespaceObject.ReactElementFactory.Instance.registerElement("svc-rating-question-content", (props) => {
+    return external_react_namespaceObject.createElement(QuestionRatingAdornerComponent, props);
+});
+
+;// ./src/adorners/QuestionWidget.tsx
+
+
+
+
+class QuestionWidgetAdornerComponent extends QuestionAdornerComponent {
+    createQuestionViewModel(props) {
+        return new external_survey_creator_core_namespaceObject.QuestionAdornerViewModel(props.componentData, props.question, null);
+    }
+    get widgetModel() {
+        return this.model;
+    }
+    renderElementContent() {
+        return (external_react_namespaceObject.createElement("div", { className: "svc-widget__content" }, this.props.element));
+    }
+}
+external_survey_react_ui_namespaceObject.ReactElementFactory.Instance.registerElement("svc-widget-question", (props) => {
+    return external_react_namespaceObject.createElement(QuestionWidgetAdornerComponent, props);
+});
+
+;// ./src/adorners/CellQuestion.tsx
+
+
+
+
+class CellQuestionAdornerComponent extends CreatorModelElement {
+    createModel(props) {
+        this.model = new external_survey_creator_core_namespaceObject.QuestionAdornerViewModel(props.componentData, props.question, null);
+    }
+    getStateElement() {
+        return this.model;
+    }
+    getUpdatedModelProps() {
+        return ["question", "componentData"];
+    }
+    render() {
+        return (external_react_namespaceObject.createElement(external_react_namespaceObject.Fragment, null,
+            external_react_namespaceObject.createElement("div", { "data-sv-drop-target-survey-element": this.model.element.name, className: "svc-question__adorner" },
+                external_react_namespaceObject.createElement("div", { className: " svc-question__content--in-popup svc-question__content" }, this.props.element))));
+    }
+}
+external_survey_react_ui_namespaceObject.ReactElementFactory.Instance.registerElement("svc-cell-question", (props) => {
+    return external_react_namespaceObject.createElement(CellQuestionAdornerComponent, props);
+});
+
+;// ./src/adorners/CellQuestionDropdown.tsx
+
+
+
+
+class CellQuestionDropdownAdornerComponent extends CreatorModelElement {
+    createModel(props) {
+        this.model = new external_survey_creator_core_namespaceObject.QuestionAdornerViewModel(props.componentData, props.question, null);
+    }
+    getUpdatedModelProps() {
+        return ["question", "componentData"];
+    }
+    getStateElement() {
+        return this.model;
+    }
+    render() {
+        const question = this.props.question;
+        const textStyle = this.props.question.textStyle;
+        return (external_react_namespaceObject.createElement(external_react_namespaceObject.Fragment, null,
+            external_react_namespaceObject.createElement("div", { "data-sv-drop-target-survey-element": this.model.element.name, className: "svc-question__adorner" },
+                external_react_namespaceObject.createElement("div", { className: " svc-question__content--in-popup svc-question__content" },
+                    this.props.element,
+                    external_react_namespaceObject.createElement("div", { className: "svc-question__dropdown-choices" }, question.visibleChoices.map((item, index) => (external_react_namespaceObject.createElement("div", { className: "svc-question__dropdown-choice", key: `editable_choice_${index}` }, external_survey_react_ui_namespaceObject.ReactSurveyElementsWrapper.wrapItemValue(question.survey, external_survey_react_ui_namespaceObject.ReactElementFactory.Instance.createElement("survey-radiogroup-item", {
+                        question: question,
+                        cssClasses: question.cssClasses,
+                        isDisplayMode: true,
+                        item: item,
+                        textStyle: textStyle,
+                        index: index,
+                        isChecked: question.value === item.value
+                    }), question, item)))))))));
+    }
+}
+external_survey_react_ui_namespaceObject.ReactElementFactory.Instance.registerElement("svc-cell-dropdown-question", (props) => {
+    return external_react_namespaceObject.createElement(CellQuestionDropdownAdornerComponent, props);
+});
+
+;// ./src/adorners/Page.tsx
+
+
+
+
+
+class CreatorSurveyPageComponent extends CreatorModelElement {
+    constructor(props) {
+        super(props);
+        this.rootRef = external_react_namespaceObject.createRef();
+    }
+    createModel(props) {
+        if (this.model) {
+            this.model.attachToUI(props.page, this.rootRef.current);
+        }
+        this.model = new external_survey_creator_core_namespaceObject.PageAdorner(props.creator, props.page);
+        this.model.isGhost = this.props.isGhost;
+    }
+    shouldComponentUpdate(nextProps, nextState) {
+        const res = super.shouldComponentUpdate(nextProps, nextState);
+        if (this.model) {
+            this.model.isGhost = this.props.isGhost;
+        }
+        return res;
+    }
+    componentDidUpdate(prevProps, prevState) {
+        super.componentDidUpdate(prevProps, prevState);
+    }
+    getUpdatedModelProps() {
+        return ["creator", "page"];
+    }
+    getStateElement() {
+        return this.model;
+    }
+    componentDidMount() {
+        super.componentDidMount();
+        this.model.attachToUI(this.props.page, this.rootRef.current);
+        this.model.isGhost = this.props.isGhost;
+    }
+    componentWillUnmount() {
+        super.componentWillUnmount();
+        this.model.detachFromUI();
+    }
+    canRender() {
+        return super.canRender();
+    }
+    renderElement() {
+        if (!this.props.page)
+            return null;
+        return ((0,external_survey_react_ui_namespaceObject.attachKey2click)(external_react_namespaceObject.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: (e) => {
+                return this.model.select(this.model, new ReactMouseEvent(e));
+            }, onDoubleClick: e => this.model.dblclick(e.nativeEvent), onMouseLeave: (e) => this.model.hover(e.nativeEvent, e.currentTarget), onMouseOver: (e) => this.model.hover(e.nativeEvent, e.currentTarget) },
+            external_react_namespaceObject.createElement("div", { className: "svc-question__drop-indicator svc-question__drop-indicator--top" }),
+            external_react_namespaceObject.createElement("div", { className: "svc-question__drop-indicator svc-question__drop-indicator--bottom" }),
+            this.renderHeader(),
+            this.renderContent(),
+            this.renderPlaceholder(),
+            this.renderFooter())));
+    }
+    renderPlaceholder() {
+        if (!this.model.showPlaceholder)
+            return null;
+        return (external_react_namespaceObject.createElement("div", { className: "svc-page__placeholder_frame" },
+            external_react_namespaceObject.createElement("div", { className: "svc-panel__placeholder_frame" },
+                external_react_namespaceObject.createElement("div", { className: "svc-panel__placeholder" }, this.model.placeholderText))));
+    }
+    renderContent() {
+        return (external_react_namespaceObject.createElement(external_survey_react_ui_namespaceObject.SurveyPage, { page: this.props.page, survey: this.props.survey, creator: this.props.creator, css: this.model.css }));
+    }
+    renderHeader() {
+        const actions = (external_react_namespaceObject.createElement("div", { className: "svc-page__content-actions" },
+            external_react_namespaceObject.createElement(external_survey_react_ui_namespaceObject.SurveyActionBar, { model: this.model.actionContainer }),
+            (this.model.topActionContainer.hasActions ? external_react_namespaceObject.createElement(external_survey_react_ui_namespaceObject.SurveyActionBar, { model: this.model.topActionContainer }) : null)));
+        if (this.model.isGhost || !this.model.allowDragging) {
+            return actions;
+        }
+        return (external_react_namespaceObject.createElement("div", { className: "svc-question__drag-area", onPointerDown: (event) => this.model.onPointerDown(event) },
+            external_react_namespaceObject.createElement(external_survey_react_ui_namespaceObject.SvgIcon, { className: "svc-question__drag-element", size: "auto", iconName: "icon-drag-area-indicator_24x16" }),
+            actions));
+    }
+    renderFooter() {
+        return external_react_namespaceObject.createElement(external_survey_react_ui_namespaceObject.SurveyActionBar, { model: this.model.footerActionsBar });
+    }
+}
+external_survey_react_ui_namespaceObject.ReactElementFactory.Instance.registerElement("svc-page", (props) => {
+    return external_react_namespaceObject.createElement(CreatorSurveyPageComponent, props);
+});
+
+;// ./src/AddQuestionButton.tsx
+
+
+
+class AddQuestionButtonComponent extends external_survey_react_ui_namespaceObject.SurveyElementBase {
+    get model() {
+        return this.props.item.data;
+    }
+    renderTypeSelector() {
+        const questionTypeSelectorModel = this.model.questionTypeSelectorModel;
+        return (0,external_survey_react_ui_namespaceObject.attachKey2click)(external_react_namespaceObject.createElement("button", { type: "button", onClick: (e) => {
+                e.stopPropagation();
+                questionTypeSelectorModel.action();
+            }, className: "svc-element__question-type-selector", title: this.model.addNewQuestionText },
+            external_react_namespaceObject.createElement("span", { className: "svc-element__question-type-selector-icon" },
+                external_react_namespaceObject.createElement(external_survey_react_ui_namespaceObject.SvgIcon, { iconName: questionTypeSelectorModel.iconName, size: "auto", title: this.model.addNewQuestionText })),
+            this.props.renderPopup === undefined || this.props.renderPopup ?
+                external_react_namespaceObject.createElement(external_survey_react_ui_namespaceObject.Popup, { model: questionTypeSelectorModel.popupModel })
+                : null));
+    }
+    renderElement() {
+        const addButtonClass = this.props.buttonClass || "svc-btn";
+        return external_react_namespaceObject.createElement(external_react_namespaceObject.Fragment, null,
+            (0,external_survey_react_ui_namespaceObject.attachKey2click)(external_react_namespaceObject.createElement("div", { className: "svc-element__add-new-question " + addButtonClass, onClick: (e) => {
+                    e.stopPropagation();
+                    this.model.addNewQuestion(this.model, new ReactMouseEvent(e));
+                }, onMouseOver: (e) => this.model.hoverStopper && this.model.hoverStopper(e.nativeEvent, e.currentTarget) },
+                external_react_namespaceObject.createElement(external_survey_react_ui_namespaceObject.SvgIcon, { className: "svc-panel__add-new-question-icon", iconName: "icon-add_24x24", size: "auto" }),
+                external_react_namespaceObject.createElement("span", { className: "svc-add-new-item-button__text" }, this.model.addNewQuestionText),
+                this.props.renderPopup !== false ? this.renderTypeSelector() : null)),
+            this.props.renderPopup === false ? this.renderTypeSelector() : null);
+    }
+}
+external_survey_react_ui_namespaceObject.ReactElementFactory.Instance.registerElement("svc-add-new-question-btn", (props) => {
+    return external_react_namespaceObject.createElement(AddQuestionButtonComponent, props);
+});
+
+;// ./src/adorners/Panel.tsx
+
+
+
+
+class PanelAdornerComponent extends QuestionAdornerComponent {
+    renderElementPlaceholder() {
+        if (!this.model.isEmptyElement) {
+            return null;
+        }
+        return (external_react_namespaceObject.createElement("div", { className: "svc-panel__placeholder_frame-wrapper" },
+            external_react_namespaceObject.createElement("div", { className: "svc-panel__placeholder_frame" },
+                external_react_namespaceObject.createElement("div", { className: "svc-panel__placeholder" }, this.model.placeholderText),
+                this.model.showAddQuestionButton ? (0,external_survey_react_ui_namespaceObject.attachKey2click)(external_react_namespaceObject.createElement("div", { className: "svc-panel__add-new-question svc-action-button", onClick: (e) => {
+                        e.stopPropagation();
+                        this.model.addNewQuestion();
+                    } },
+                    external_react_namespaceObject.createElement(external_survey_react_ui_namespaceObject.SvgIcon, { className: "svc-panel__add-new-question-icon", iconName: "icon-add_24x24", size: "auto" }),
+                    external_react_namespaceObject.createElement("span", { className: "svc-add-new-item-button__text" }, this.model.addNewQuestionText))) : null)));
+    }
+    disableTabStop() {
+        return true;
+    }
+    renderFooter() {
+        return (external_react_namespaceObject.createElement(external_react_namespaceObject.Fragment, null,
+            !this.model.isEmptyElement && this.model.element.isPanel && this.model.showAddQuestionButton ? (external_react_namespaceObject.createElement("div", { className: "svc-panel__add-new-question-container" },
+                external_react_namespaceObject.createElement("div", { className: "svc-panel__question-type-selector-popup" },
+                    external_react_namespaceObject.createElement(external_survey_react_ui_namespaceObject.Popup, { model: this.model.questionTypeSelectorModel.popupModel })),
+                external_react_namespaceObject.createElement("div", { className: "svc-panel__add-new-question-wrapper" },
+                    external_react_namespaceObject.createElement(AddQuestionButtonComponent, { item: { data: this.model }, buttonClass: "svc-action-button", renderPopup: false })))) : null,
+            super.renderFooter()));
+    }
+}
+external_survey_react_ui_namespaceObject.ReactElementFactory.Instance.registerElement("svc-panel", (props) => {
+    return external_react_namespaceObject.createElement(PanelAdornerComponent, props);
+});
+
+;// ./src/LogoImage.tsx
+
+
+
+
+class LogoImageComponent extends CreatorModelElement {
+    constructor(props) {
+        super(props);
+        this.rootRef = external_react_namespaceObject.createRef();
+    }
+    createModel(props) {
+        let prevRoot = null;
+        if (!!this.model) {
+            prevRoot = this.model.root;
+        }
+        this.model = new external_survey_creator_core_namespaceObject.LogoImageViewModel(props.data, prevRoot);
+    }
+    getUpdatedModelProps() {
+        return ["data"];
+    }
+    getStateElement() {
+        return this.model;
+    }
+    componentDidMount() {
+        super.componentDidMount();
+        this.model.root = this.rootRef.current;
+    }
+    renderChooseButton() {
+        return (0,external_survey_react_ui_namespaceObject.attachKey2click)(external_react_namespaceObject.createElement("span", { className: "svc-context-button", onClick: () => this.model.chooseFile(this.model) },
+            external_react_namespaceObject.createElement(external_survey_react_ui_namespaceObject.SvgIcon, { size: "auto", iconName: "icon-choosefile" })));
+    }
+    renderClearButton() {
+        return (0,external_survey_react_ui_namespaceObject.attachKey2click)(external_react_namespaceObject.createElement("span", { className: "svc-context-button svc-context-button--danger", onClick: () => this.model.remove(this.model) },
+            external_react_namespaceObject.createElement(external_survey_react_ui_namespaceObject.SvgIcon, { size: "auto", iconName: "icon-clear" })));
+    }
+    renderButtons() {
+        return (external_react_namespaceObject.createElement("div", { className: "svc-context-container svc-logo-image-controls" },
+            this.renderChooseButton(),
+            this.renderClearButton()));
+    }
+    renderImage() {
+        return external_react_namespaceObject.createElement("div", { className: this.model.containerCss },
+            this.renderButtons(),
+            external_react_namespaceObject.createElement(external_survey_react_ui_namespaceObject.LogoImage, { data: this.props.data.survey }));
+    }
+    renderPlaceHolder() {
+        return this.model.allowEdit && !this.model.isUploading ? (0,external_survey_react_ui_namespaceObject.attachKey2click)(external_react_namespaceObject.createElement("div", { className: "svc-logo-image-placeholder", onClick: () => this.model.chooseFile(this.model) },
+            external_react_namespaceObject.createElement("svg", null,
+                external_react_namespaceObject.createElement("use", { xlinkHref: "#icon-image-48x48" })))) : null;
+    }
+    renderInput() {
+        return external_react_namespaceObject.createElement("input", { "aria-hidden": "true", type: "file", tabIndex: -1, accept: this.model.acceptedTypes, className: "svc-choose-file-input" });
+    }
+    renderLoadingIndicator() {
+        return external_react_namespaceObject.createElement("div", { className: "svc-logo-image__loading" },
+            external_react_namespaceObject.createElement(external_survey_react_ui_namespaceObject.LoadingIndicatorComponent, null));
+    }
+    render() {
+        let content = null;
+        if (this.model.survey.locLogo.renderedHtml && !this.model.isUploading) {
+            content = this.renderImage();
+        }
+        else if (this.model.isUploading) {
+            content = this.renderLoadingIndicator();
+        }
+        else {
+            content = this.renderPlaceHolder();
+        }
+        return (external_react_namespaceObject.createElement("div", { ref: this.rootRef, className: "svc-logo-image" },
+            this.renderInput(),
+            content));
+    }
+}
+external_survey_react_ui_namespaceObject.ReactElementFactory.Instance.registerElement("svc-logo-image", (props) => {
+    return external_react_namespaceObject.createElement(LogoImageComponent, props);
+});
+
+;// ./src/QuestionLinkValue.tsx
+
+
+
+
+class SurveyQuestionLinkValue extends external_survey_react_ui_namespaceObject.SurveyQuestionElementBase {
+    get question() {
+        return this.questionBase;
+    }
+    renderClear() {
+        const showClear = this.questionBase.showClear;
+        if (!this.questionBase.isReadOnly && showClear) {
+            return (external_react_namespaceObject.createElement(ActionButton, { classes: this.question.linkClearButtonCssClasses, click: () => this.question.doClearClick(), text: external_survey_creator_core_namespaceObject.editorLocalization.getString("pe.clear") }));
+        }
+        else {
+            return null;
+        }
+    }
+    renderElement() {
+        return (external_react_namespaceObject.createElement(external_react_namespaceObject.Fragment, null,
+            external_react_namespaceObject.createElement(ActionButton, { classes: this.question.linkSetButtonCssClasses, click: () => this.question.doLinkClick(), selected: this.question.isSelected, disabled: !this.question.isClickable, text: this.question.linkValueText, title: this.question.tooltip, iconName: this.question.iconName }),
+            this.renderClear()));
+    }
+}
+external_survey_react_ui_namespaceObject.ReactQuestionFactory.Instance.registerQuestion("linkvalue", (props) => {
+    return external_react_namespaceObject.createElement(SurveyQuestionLinkValue, props);
+});
+
+;// ./src/QuestionEmbeddedSurvey.tsx
+
+
+class SurveyElementEmbeddedSurvey extends external_survey_react_ui_namespaceObject.SurveyQuestionElementBase {
+    get embeddedSurvey() {
+        return (this.props.element || this.props.question);
+    }
+    get creator() {
+        return this.props.creator;
+    }
+    render() {
+        if (!this.embeddedSurvey)
+            return null;
+        const survey = this.embeddedSurvey.embeddedSurvey;
+        if (!survey || !survey.currentPage)
+            return null;
+        return external_react_namespaceObject.createElement(external_survey_react_ui_namespaceObject.SurveyPage, { survey: survey, page: survey.currentPage, css: survey.css, creator: this.creator });
+    }
+}
+external_survey_react_ui_namespaceObject.ReactQuestionFactory.Instance.registerQuestion("embeddedsurvey", (props) => {
+    return external_react_namespaceObject.createElement(SurveyElementEmbeddedSurvey, props);
+});
+
+;// ./src/QuestionEditorContent.tsx
+
+
+class QuestionEditorContentComponent extends external_react_namespaceObject.Component {
+    get survey() {
+        return this.props.survey;
+    }
+    createQuestionElement(question) {
+        return external_survey_react_ui_namespaceObject.ReactQuestionFactory.Instance.createQuestion(!question.isDefaultRendering || question.isDefaultRendering()
+            ? question.getTemplate()
+            : question.getComponentName(), {
+            question: question,
+            isDisplayMode: question.isInputReadOnly,
+            creator: this,
+        });
+    }
+    questionTitleLocation() {
+        return this.survey.questionTitleLocation;
+    }
+    questionErrorLocation() {
+        return this.survey.questionErrorLocation;
+    }
+    renderError(key, error, cssClasses) {
+        return null;
+    }
+    render() {
+        const question = this.survey.getAllQuestions()[0];
+        return (external_react_namespaceObject.createElement(external_react_namespaceObject.Fragment, null,
+            external_react_namespaceObject.createElement(external_survey_react_ui_namespaceObject.SurveyQuestion, { creator: this, element: question })));
+    }
+}
+external_survey_react_ui_namespaceObject.ReactElementFactory.Instance.registerElement("svc-question-editor-content", (props) => {
+    return external_react_namespaceObject.createElement(QuestionEditorContentComponent, props);
+});
+
+;// ./src/ItemValueWrapper.tsx
+
+
+
+
+class ItemValueAdornerComponent extends CreatorModelElement {
+    constructor(props) {
+        super(props);
+        this.onBlur = (event) => {
+            this.model.onFocusOut(event.nativeEvent);
+        };
+        this.rootRef = external_react_namespaceObject.createRef();
+    }
+    createModel(props) {
+        this.model = new external_survey_creator_core_namespaceObject.ItemValueWrapperViewModel(props.componentData.creator, props.question, props.item);
+    }
+    getUpdatedModelProps() {
+        return ["question", "item"];
+    }
+    getStateElement() {
+        return this.model;
+    }
+    componentDidUpdate(prevProps, prevState) {
+        super.componentDidUpdate(prevProps, prevState);
+        this.props.item.setRootElement(this.rootRef.current);
+        if (prevProps.item !== this.props.item && prevProps.item) {
+            prevProps.item.setRootElement(undefined);
+        }
+    }
+    componentDidMount() {
+        super.componentDidMount();
+        this.props.item.setRootElement(this.rootRef.current);
+    }
+    componentWillUnmount() {
+        super.componentWillUnmount();
+        this.props.item.setRootElement(undefined);
+    }
+    render() {
+        this.model.item = this.props.item;
+        const button = this.model.allowAdd ? ((0,external_survey_react_ui_namespaceObject.attachKey2click)(external_react_namespaceObject.createElement("span", { className: "svc-item-value-controls__button svc-item-value-controls__add", "aria-label": this.model.tooltip, onClick: () => {
+                this.model.add(this.model);
+                this.model.isNew = false;
+            } },
+            external_react_namespaceObject.createElement(external_survey_react_ui_namespaceObject.SvgIcon, { size: "auto", iconName: "icon-add_16x16", title: this.model.tooltip })))) : (external_react_namespaceObject.createElement(external_react_namespaceObject.Fragment, null,
+            " ",
+            this.model.isDraggable ? (external_react_namespaceObject.createElement("span", { className: "svc-item-value-controls__button svc-item-value-controls__drag" },
+                external_react_namespaceObject.createElement(external_survey_react_ui_namespaceObject.SvgIcon, { className: "svc-item-value-controls__drag-icon", size: "auto", iconName: "icon-drag-24x24", title: this.model.dragTooltip }))) : null,
+            this.model.allowRemove ? (0,external_survey_react_ui_namespaceObject.attachKey2click)(external_react_namespaceObject.createElement("span", { className: "svc-item-value-controls__button svc-item-value-controls__remove", "aria-label": this.model.tooltip, onClick: () => this.model.remove(this.model) },
+                external_react_namespaceObject.createElement(external_survey_react_ui_namespaceObject.SvgIcon, { size: "auto", iconName: "icon-remove_16x16", title: this.model.tooltip }))) : null));
+        const itemkey = this.props.element.key + (this.model.allowAdd ? "_new" : "");
+        return (external_react_namespaceObject.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: itemkey, "data-sv-drop-target-item-value": this.model.isDraggable ? this.model.item.value : undefined, onPointerDown: (event) => this.model.onPointerDown(event) },
+            external_react_namespaceObject.createElement("div", { className: "svc-item-value__ghost" }),
+            external_react_namespaceObject.createElement("div", { className: "svc-item-value-controls", onBlur: this.onBlur }, button),
+            external_react_namespaceObject.createElement("div", { className: "svc-item-value__item", onClick: (event) => this.model.select(this.model, event.nativeEvent) }, this.props.element)));
+    }
+}
+external_survey_react_ui_namespaceObject.ReactElementFactory.Instance.registerElement("svc-item-value", (props) => {
+    return external_react_namespaceObject.createElement(ItemValueAdornerComponent, props);
+});
+
+;// ./src/ImageItemValueWrapper.tsx
+
+
+
+
+
+class ImageItemValueAdornerComponent extends CreatorModelElement {
+    constructor(props) {
+        super(props);
+        this.preventDragHandler = (e) => {
+            e.preventDefault();
+        };
+        this.rootRef = external_react_namespaceObject.createRef();
+    }
+    createModel(props) {
+        this.model = new external_survey_creator_core_namespaceObject.ImageItemValueWrapperViewModel(props.componentData.creator, props.question, props.item, null, null);
+    }
+    getUpdatedModelProps() {
+        return ["question", "item"];
+    }
+    getStateElement() {
+        return this.model;
+    }
+    get question() {
+        return this.props.question;
+    }
+    componentDidMount() {
+        super.componentDidMount();
+        this.model.itemsRoot = this.rootRef.current;
+    }
+    componentDidUpdate(prevProps, prevState) {
+        super.componentDidUpdate(prevProps, prevState);
+        this.model.itemsRoot = this.rootRef.current;
+    }
+    renderLoadingIndicator() {
+        return external_react_namespaceObject.createElement("div", { className: "svc-image-item-value__loading" },
+            external_react_namespaceObject.createElement(external_survey_react_ui_namespaceObject.LoadingIndicatorComponent, null));
+    }
+    render() {
+        this.model.item = this.props.item;
+        const isNew = !this.props.question.isItemInList(this.props.item);
+        this.model.isNew = isNew;
+        const imageStyle = !this.model.getIsNewItemSingle() ? { width: this.question.renderedImageWidth, height: this.question.renderedImageHeight } : null;
+        let content = null;
+        if (isNew || this.model.isUploading) {
+            content = (external_react_namespaceObject.createElement(external_react_namespaceObject.Fragment, null,
+                external_react_namespaceObject.createElement("div", { className: "svc-image-item-value__item", onDrop: this.model.onDrop, onDragOver: this.model.onDragOver, onDragLeave: this.model.onDragLeave },
+                    external_react_namespaceObject.createElement("div", { className: "sd-imagepicker__item sd-imagepicker__item--inline" },
+                        external_react_namespaceObject.createElement("label", { className: "sd-imagepicker__label" },
+                            external_react_namespaceObject.createElement("div", { style: imageStyle, className: "sd-imagepicker__image" }, this.model.isUploading ? this.renderLoadingIndicator() : null)))),
+                external_react_namespaceObject.createElement("div", { className: "svc-image-item-value-controls" }, this.model.allowAdd && !this.model.isUploading ? (0,external_survey_react_ui_namespaceObject.attachKey2click)(external_react_namespaceObject.createElement("span", { className: "svc-context-button svc-image-item-value-controls__add", onClick: () => this.model.chooseNewFile(this.model) },
+                    external_react_namespaceObject.createElement(external_survey_react_ui_namespaceObject.SvgIcon, { size: "auto", iconName: "icon-add-lg", title: this.model.addFileTitle }))) : null)));
+        }
+        else {
+            content = (external_react_namespaceObject.createElement(external_react_namespaceObject.Fragment, null,
+                external_react_namespaceObject.createElement("div", { className: "svc-image-item-value__item" }, this.props.element),
+                this.model.isDraggable && this.model.canRenderControls ?
+                    external_react_namespaceObject.createElement("span", { className: "svc-context-button svc-image-item-value-controls__drag-area-indicator", onPointerDown: (event) => this.model.onPointerDown(event) },
+                        external_react_namespaceObject.createElement(external_survey_react_ui_namespaceObject.SvgIcon, { size: "auto", iconName: "icon-drag-24x24" }))
+                    : null,
+                this.model.canRenderControls ?
+                    external_react_namespaceObject.createElement("div", { className: "svc-context-container svc-image-item-value-controls" },
+                        this.model.allowRemove && !this.model.isUploading ? (0,external_survey_react_ui_namespaceObject.attachKey2click)(external_react_namespaceObject.createElement("span", { className: "svc-context-button", onClick: () => this.model.chooseFile(this.model) },
+                            external_react_namespaceObject.createElement(external_survey_react_ui_namespaceObject.SvgIcon, { role: "button", size: "auto", iconName: "icon-choosefile", title: this.model.selectFileTitle }))) : null,
+                        this.model.allowRemove && !this.model.isUploading ? (0,external_survey_react_ui_namespaceObject.attachKey2click)(external_react_namespaceObject.createElement("span", { className: "svc-context-button svc-context-button--danger", onClick: () => this.model.remove(this.model) },
+                            external_react_namespaceObject.createElement(external_survey_react_ui_namespaceObject.SvgIcon, { role: "button", size: "auto", iconName: "icon-delete", title: this.model.removeFileTitle }))) : null)
+                    : null));
+        }
+        return (external_react_namespaceObject.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 : undefined, onPointerDown: (event) => this.model.onPointerDown(event), onDragStart: this.preventDragHandler },
+            external_react_namespaceObject.createElement("div", { className: "svc-image-item-value-wrapper__ghost", style: imageStyle }),
+            external_react_namespaceObject.createElement("div", { className: "svc-image-item-value-wrapper__content" },
+                external_react_namespaceObject.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"
+                    } }),
+                content)));
+    }
+}
+external_survey_react_ui_namespaceObject.ReactElementFactory.Instance.registerElement("svc-image-item-value", (props) => {
+    return external_react_namespaceObject.createElement(ImageItemValueAdornerComponent, props);
+});
+
+;// ./src/MatrixCellWrapper.tsx
+
+
+
+
+class MatrixCellAdornerComponent extends CreatorModelElement {
+    createModel(props) {
+        var _a;
+        const data = props.componentData;
+        let prevIsSelected = false;
+        if (!!this.model) {
+            prevIsSelected = this.model.isSelected;
+        }
+        this.model = new external_survey_creator_core_namespaceObject.MatrixCellWrapperViewModel(data.creator, data.element, data.question, data.row, data.column || ((_a = data.element.cell) === null || _a === void 0 ? void 0 : _a.column));
+        this.model.isSelected = prevIsSelected;
+    }
+    getUpdatedModelProps() {
+        return ["componentData"];
+    }
+    componentDidUpdate(prevProps, prevState) {
+        var _a, _b;
+        super.componentDidUpdate(prevProps, prevState);
+        const data = this.props.componentData;
+        this.model.templateData = data.element;
+        this.model.row = data.row;
+        this.model.column = data.column || ((_b = (_a = data.element) === null || _a === void 0 ? void 0 : _a.cell) === null || _b === void 0 ? void 0 : _b.column);
+        this.model.question = data.question;
+    }
+    getStateElement() {
+        return this.model;
+    }
+    render() {
+        let controls = null;
+        if (!!this.model.isSupportCellEditor) {
+            controls = external_react_namespaceObject.createElement("div", { className: "svc-matrix-cell__question-controls" }, (0,external_survey_react_ui_namespaceObject.attachKey2click)(external_react_namespaceObject.createElement("span", { className: "svc-matrix-cell__question-controls-button svc-context-button", onClick: (event) => this.model.editQuestion(this.model, event) },
+                external_react_namespaceObject.createElement(external_survey_react_ui_namespaceObject.SvgIcon, { size: "auto", iconName: "icon-edit" }))));
+        }
+        return (external_react_namespaceObject.createElement("div", { className: "svc-matrix-cell", tabIndex: -1, key: this.props.element.key, onClick: (e) => !this.props.question && this.model.selectContext(this.model, e), onMouseOut: e => this.model.hover(e.nativeEvent, e.currentTarget), onMouseOver: e => this.model.hover(e.nativeEvent, e.currentTarget) },
+            external_react_namespaceObject.createElement("div", { className: "svc-matrix-cell--selected" + (this.model.isSelected ? " svc-visible" : "") }),
+            this.props.element,
+            controls));
+    }
+}
+external_survey_react_ui_namespaceObject.ReactElementFactory.Instance.registerElement("svc-matrix-cell", (props) => {
+    return external_react_namespaceObject.createElement(MatrixCellAdornerComponent, props);
+});
+
+;// ./src/Results.tsx
+
+
+
+
+
+class SurveyResults extends CreatorModelElement {
+    createModel(props) {
+        if (this.props.survey) {
+            this.model = new external_survey_creator_core_namespaceObject.SurveyResultsModel(props.survey);
+        }
+    }
+    getUpdatedModelProps() {
+        return ["survey"];
+    }
+    getStateElement() {
+        return this.model;
+    }
+    render() {
+        if (!this.model) {
+            return null;
+        }
+        return (external_react_namespaceObject.createElement("div", { className: "svd-test-results" },
+            external_react_namespaceObject.createElement("div", { className: "svd-test-results__content" },
+                external_react_namespaceObject.createElement("div", { className: "svd-test-results__header" },
+                    external_react_namespaceObject.createElement("div", { className: "svd-test-results__header-text" }, this.model.surveyResultsText),
+                    external_react_namespaceObject.createElement("div", { className: "svd-test-results__header-types" },
+                        external_react_namespaceObject.createElement(ActionButton, { click: () => this.model.selectTableClick(), text: this.model.surveyResultsTableText, selected: this.model.isTableSelected, disabled: false }),
+                        external_react_namespaceObject.createElement(ActionButton, { click: () => this.model.selectJsonClick(), text: this.model.surveyResultsJsonText, selected: this.model.isJsonSelected, disabled: false }))),
+                this.renderResultAsText(),
+                this.renderResultAsTable())));
+    }
+    renderResultAsText() {
+        if (this.model.resultViewType !== "text") {
+            return null;
+        }
+        return (external_react_namespaceObject.createElement("div", { className: "svd-test-results__text svd-light-bg-color" },
+            external_react_namespaceObject.createElement("div", null, this.model.resultText)));
+    }
+    renderResultAsTable() {
+        if (this.model.resultViewType !== "table") {
+            return null;
+        }
+        return (external_react_namespaceObject.createElement("div", { className: "svd-test-results__table svd-light-bg-color" },
+            external_react_namespaceObject.createElement("table", null,
+                external_react_namespaceObject.createElement("thead", null,
+                    external_react_namespaceObject.createElement("tr", { className: "svd-light-background-color" },
+                        external_react_namespaceObject.createElement("th", { key: 1, className: "svd-dark-border-color" }, this.model.resultsTitle),
+                        external_react_namespaceObject.createElement("th", { key: 2, className: "svd-dark-border-color" }, this.model.resultsDisplayValue))),
+                external_react_namespaceObject.createElement("tbody", null, SurveyResults.renderRows(this.model.resultData)))));
+    }
+    static renderRows(data) {
+        const rows = [];
+        for (var i = 0; i < data.length; i++) {
+            rows.push(external_react_namespaceObject.createElement(SurveyResultsByRow, { key: i + 1, row: data[i] }));
+        }
+        return rows;
+    }
+}
+class SurveyResultsByRow extends CreatorModelElement {
+    get row() {
+        return this.props.row;
+    }
+    getStateElement() {
+        return this.row;
+    }
+    render() {
+        return (external_react_namespaceObject.createElement(external_react_namespaceObject.Fragment, null,
+            (0,external_survey_react_ui_namespaceObject.attachKey2click)(external_react_namespaceObject.createElement("tr", { onClick: () => this.row.toggle() },
+                external_react_namespaceObject.createElement("td", { key: 1, style: { paddingLeft: this.row.textMargin }, className: "svd-dark-border-color" },
+                    this.row.isNode ? (external_react_namespaceObject.createElement("span", { style: { left: this.row.markerMargin }, className: "svd-test-results__marker " + (this.row.collapsed ? "" : "svd-test-results__marker--expanded") },
+                        external_react_namespaceObject.createElement(external_survey_react_ui_namespaceObject.SvgIcon, { iconName: "icon-expand_16x16", size: 16 }))) : null,
+                    this.row.question ? external_react_namespaceObject.createElement(external_survey_react_ui_namespaceObject.SurveyLocStringViewer, { locStr: this.row.question.locTitle }) : external_react_namespaceObject.createElement("span", null, this.row.title)),
+                external_react_namespaceObject.createElement("td", { key: 2, className: this.row.isNode ? "svd-test-results__node-value" : "svd-dark-border-color" }, this.row.getString(this.row.displayValue)))),
+            this.row.isNode && !this.row.collapsed ? SurveyResults.renderRows(this.row.data) : null));
+    }
+}
+
+;// ./src/toolbox/ToolboxItem.tsx
+
+
+
+
+
+
+class SurveyCreatorToolboxTool extends CreatorModelElement {
+    constructor(props) {
+        super(props);
+        this.rootRef = external_react_namespaceObject.createRef();
+    }
+    createModel(props) {
+        this.model = new external_survey_creator_core_namespaceObject.ToolboxToolViewModel(props.item, props.creator, props.parentModel);
+    }
+    getUpdatedModelProps() {
+        return ["creator", "item"];
+    }
+    get item() {
+        return this.props.item;
+    }
+    get creator() {
+        return this.props.creator;
+    }
+    get isCompact() {
+        return this.props.isCompact;
+    }
+    getStateElement() {
+        return this.item;
+    }
+    render() {
+        const item = this.item;
+        const itemComponent = external_survey_react_ui_namespaceObject.ReactElementFactory.Instance.createElement(this.model.itemComponent, {
+            item: item,
+            creator: this.creator,
+            parentModel: this.creator.toolbox,
+            model: this.model,
+            isCompact: this.isCompact
+        });
+        return (external_react_namespaceObject.createElement("div", { className: item.css, key: item.id, ref: this.rootRef },
+            (item.needSeparator && !this.creator.toolbox.showCategoryTitles) ? (external_react_namespaceObject.createElement("div", { className: "svc-toolbox__category-separator" })) : null,
+            external_react_namespaceObject.createElement("div", { className: "svc-toolbox__tool-content sv-action__content", onPointerDown: (event) => {
+                    event.persist();
+                    this.model.onPointerDown(event);
+                } }, itemComponent)));
+    }
+    componentWillUnmount() {
+        super.componentWillUnmount();
+        this.item.updateModeCallback = undefined;
+    }
+    componentDidMount() {
+        super.componentDidMount();
+        this.item.updateModeCallback = (mode, callback) => {
+            queueMicrotask(() => {
+                if (external_react_dom_namespaceObject.flushSync) {
+                    external_react_dom_namespaceObject.flushSync(() => {
+                        this.item.mode = mode;
+                    });
+                }
+                else {
+                    this.item.mode = mode;
+                }
+                queueMicrotask(() => {
+                    callback(mode, this.rootRef.current);
+                });
+            });
+        };
+        this.item.afterRender();
+    }
+}
+class SurveyCreatorToolboxItem extends CreatorModelElement {
+    constructor(props) {
+        super(props);
+    }
+    getUpdatedModelProps() {
+        return ["creator", "item"];
+    }
+    get item() {
+        return this.props.item;
+    }
+    get creator() {
+        return this.props.creator;
+    }
+    get model() {
+        return this.props.model;
+    }
+    getStateElement() {
+        return this.model;
+    }
+    render() {
+        const banner = (this.props.isCompact ?
+            external_react_namespaceObject.createElement("span", { className: "svc-toolbox__item-banner", onClick: (event) => {
+                    event.persist();
+                    this.model.click(event);
+                } },
+                external_react_namespaceObject.createElement(external_survey_react_ui_namespaceObject.SvgIcon, { size: "auto", iconName: this.item.iconName, className: "svc-toolbox__item-icon", title: this.item.tooltip }),
+                external_react_namespaceObject.createElement("span", null, this.item.title))
+            :
+                null);
+        const item = (0,external_survey_react_ui_namespaceObject.attachKey2click)(external_react_namespaceObject.createElement("div", { className: this.item.renderedCss, tabIndex: 0, role: "button", "aria-label": this.item.tooltip, onClick: (event) => {
+                event.persist();
+                this.model.click(event);
+            } },
+            external_react_namespaceObject.createElement("span", { className: "svc-toolbox__item-container" }, !!this.item.iconName ? external_react_namespaceObject.createElement(external_survey_react_ui_namespaceObject.SvgIcon, { size: "auto", iconName: this.item.iconName, className: "svc-toolbox__item-icon" }) : null),
+            (this.props.isCompact ?
+                null
+                :
+                    external_react_namespaceObject.createElement("span", { className: "svc-toolbox__item-title" }, this.item.title))));
+        return (external_react_namespaceObject.createElement(external_react_namespaceObject.Fragment, null,
+            item,
+            banner));
+    }
+}
+external_survey_react_ui_namespaceObject.ReactElementFactory.Instance.registerElement("svc-toolbox-item", (props) => {
+    return (0,external_react_namespaceObject.createElement)(SurveyCreatorToolboxItem, props);
+});
+
+;// ./src/toolbox/ToolboxItemGroup.tsx
+
+
+
+
+class SurveyCreatorToolboxItemGroup extends CreatorModelElement {
+    constructor(props) {
+        super(props);
+    }
+    getUpdatedModelProps() {
+        return ["creator", "item"];
+    }
+    get item() {
+        return this.props.item;
+    }
+    get model() {
+        return this.props.model;
+    }
+    get creator() {
+        return this.props.creator;
+    }
+    get isCompact() {
+        return this.props.isCompact;
+    }
+    get parentModel() {
+        return this.props.parentModel;
+    }
+    getStateElement() {
+        return this.item;
+    }
+    render() {
+        return external_react_namespaceObject.createElement(external_react_namespaceObject.Fragment, null,
+            external_react_namespaceObject.createElement(SurveyCreatorToolboxItem, { item: this.item, creator: this.creator, model: this.model, parentModel: this.parentModel, isCompact: this.isCompact }),
+            external_react_namespaceObject.createElement("div", { className: "svc-toolbox__item-submenu-button", onMouseOver: (event) => this.model.onMouseOver(this.item, event), onMouseLeave: (event) => this.model.onMouseLeave(this.item, event) },
+                external_react_namespaceObject.createElement(external_survey_react_ui_namespaceObject.SvgIcon, { size: "auto", iconName: this.item.subitemsButtonIcon }),
+                external_react_namespaceObject.createElement(external_survey_react_ui_namespaceObject.Popup, { model: this.item.popupModel })));
+    }
+}
+external_survey_react_ui_namespaceObject.ReactElementFactory.Instance.registerElement("svc-toolbox-item-group", (props) => {
+    return external_react_namespaceObject.createElement(SurveyCreatorToolboxItemGroup, props);
+});
+
+;// ./src/toolbox/ToolboxCategory.tsx
+
+
+
+class SurveyCreatorToolboxCategory extends external_survey_react_ui_namespaceObject.SurveyElementBase {
+    get category() {
+        return this.props.category;
+    }
+    get toolbox() {
+        return this.props.toolbox;
+    }
+    get class() {
+        return "svc-toolbox__category" +
+            (this.category.collapsed ? " svc-toolbox__category--collapsed" : "") +
+            (this.category.empty ? " svc-toolbox__category--empty" : "");
+    }
+    getStateElement() {
+        return this.category;
+    }
+    render() {
+        const header = this.renderCategoryHeader();
+        const items = this.renderCategoryContent();
+        return (external_react_namespaceObject.createElement("div", { className: this.class, key: this.category.name },
+            external_react_namespaceObject.createElement("div", { className: "svc-toolbox__category-header-wrapper" }, header),
+            items));
+    }
+    renderCategoryHeader() {
+        let className = "svc-toolbox__category-header";
+        if (this.toolbox.canCollapseCategories) {
+            className += " svc-toolbox__category-header--collapsed";
+        }
+        return (0,external_survey_react_ui_namespaceObject.attachKey2click)(external_react_namespaceObject.createElement("div", { className: className, onClick: e => this.category.toggleState() },
+            external_react_namespaceObject.createElement("span", { className: "svc-toolbox__category-title" }, this.category.title),
+            this.renderButton()));
+    }
+    renderButton() {
+        if (!this.toolbox.canCollapseCategories)
+            return null;
+        const iconName = this.category.collapsed ? "arrow-down" : "arrow-up";
+        const suffixName = this.category.collapsed ? "expand" : "collapse";
+        const svgIconClassName = "svc-toolbox__category-header__button svc-string-editor__button--" + suffixName;
+        return (external_react_namespaceObject.createElement("div", { className: "svc-toolbox__category-header__controls" },
+            external_react_namespaceObject.createElement(external_survey_react_ui_namespaceObject.SvgIcon, { className: svgIconClassName, iconName: "icon-" + iconName, size: "auto" })));
+    }
+    renderCategoryContent() {
+        return this.renderItems(this.category.items);
+    }
+    renderItems(items, isCompact = false) {
+        return items.map((item, itemIndex) => external_react_namespaceObject.createElement(SurveyCreatorToolboxTool, { item: item, creator: this.toolbox.creator, parentModel: this.toolbox, isCompact: isCompact, key: "item" + itemIndex }));
+    }
+}
+external_survey_react_ui_namespaceObject.ReactElementFactory.Instance.registerElement("svc-toolbox-category", (props) => {
+    return external_react_namespaceObject.createElement(SurveyCreatorToolboxCategory, props);
+});
+
+;// ./src/toolbox/ToolboxList.tsx
+
+
+
+class ToolboxList extends external_survey_react_ui_namespaceObject.SurveyElementBase {
+    constructor(props) {
+        super(props);
+    }
+    get model() {
+        return this.props.model;
+    }
+    get creator() {
+        return this.props.creator;
+    }
+    getStateElement() {
+        return this.model;
+    }
+    render() {
+        if (!this.model || !this.model.renderElements)
+            return null;
+        const items = this.renderItems();
+        return (external_react_namespaceObject.createElement("div", { className: this.model.cssClasses.root }, items));
+    }
+    renderItems() {
+        const items = this.model.renderedActions;
+        return items.map((item, itemIndex) => external_react_namespaceObject.createElement(SurveyCreatorToolboxTool, { item: item, creator: this.creator, parentModel: this.model, isCompact: false, key: "item" + itemIndex }));
+    }
+}
+external_survey_react_ui_namespaceObject.ReactElementFactory.Instance.registerElement("svc-toolbox-list", (props) => {
+    return external_react_namespaceObject.createElement(ToolboxList, props);
+});
+
+;// ./src/components/Search.tsx
+
+
+
+class SearchComponent extends external_survey_react_ui_namespaceObject.SurveyElementBase {
+    get model() {
+        return this.props.model;
+    }
+    getStateElement() {
+        return this.model;
+    }
+    constructor(props) {
+        super(props);
+        this.state = {
+            filterString: this.model.filterString || ""
+        };
+    }
+    renderElement() {
+        if (!this.model.isVisible)
+            return null;
+        const onChange = (e) => {
+            const { root } = external_survey_core_namespaceObject.settings.environment;
+            if (e.target === root.activeElement) {
+                this.model.filterString = e.target.value;
+            }
+        };
+        return (external_react_namespaceObject.createElement("div", { className: "svc-search" },
+            external_react_namespaceObject.createElement("div", { className: "svc-search__search-icon" },
+                external_react_namespaceObject.createElement(external_survey_react_ui_namespaceObject.SvgIcon, { iconName: "icon-search", size: "auto" })),
+            external_react_namespaceObject.createElement("input", { type: "text", className: "svc-search__input", "aria-label": this.model.filterStringPlaceholder, placeholder: this.model.filterStringPlaceholder, value: this.state.filterString, onChange: onChange }),
+            external_react_namespaceObject.createElement("div", { className: "svc-search__toolbar" },
+                external_react_namespaceObject.createElement("div", { className: "svc-search__toolbar-counter" }, this.model.matchCounterText),
+                external_react_namespaceObject.createElement(external_survey_react_ui_namespaceObject.SurveyActionBar, { model: this.model.searchActionBar }))));
+    }
+}
+external_survey_react_ui_namespaceObject.ReactElementFactory.Instance.registerElement("svc-search", (props) => {
+    return external_react_namespaceObject.createElement(SearchComponent, props);
+});
+
+;// ./src/components/Scroll.tsx
+
+
+
+class ScrollComponent extends external_react_namespaceObject.Component {
+    constructor(props) {
+        super(props);
+        this.rootRef = external_react_namespaceObject.createRef();
+        this.model = new external_survey_creator_core_namespaceObject.ScrollViewModel();
+    }
+    componentDidMount() {
+        const container = this.rootRef.current;
+        if (!container)
+            return;
+        this.model.setRootElement(container);
+    }
+    componentWillUnmount() {
+        this.model.unsubscribeRootElement();
+        this.model.setRootElement(undefined);
+    }
+    render() {
+        return external_react_namespaceObject.createElement("div", { ref: this.rootRef, className: "svc-scroll__wrapper" },
+            external_react_namespaceObject.createElement("div", { className: "svc-scroll__scroller sv-drag-target-skipped", onScroll: () => this.model.onScrollContainer() },
+                external_react_namespaceObject.createElement("div", { className: "svc-scroll__container" }, this.props.children)),
+            external_react_namespaceObject.createElement("div", { className: "svc-scroll__scrollbar", onScroll: () => this.model.onScrollScrollbar() },
+                external_react_namespaceObject.createElement("div", { className: "svc-scroll__scrollbar-sizer" })));
+    }
+}
+external_survey_react_ui_namespaceObject.ReactElementFactory.Instance.registerElement("svc-scroll", (props) => {
+    return external_react_namespaceObject.createElement(ScrollComponent, props);
+});
+
+;// ./src/toolbox/AdaptiveToolbox.tsx
+
+
+
+
+
+
+
+class AdaptiveToolbox extends external_survey_react_ui_namespaceObject.SurveyElementBase {
+    constructor(props) {
+        super(props);
+        this.rootRef = external_react_namespaceObject.createRef();
+    }
+    componentDidMount() {
+        super.componentDidMount();
+        const container = this.rootRef.current;
+        this.toolbox.setRootElement(container);
+        if (!container)
+            return;
+        this.manager = new external_survey_core_namespaceObject.VerticalResponsivityManager(this.toolbox.containerElement, this.toolbox);
+    }
+    componentWillUnmount() {
+        this.manager && (this.manager.dispose());
+        this.toolbox.setRootElement(undefined);
+        super.componentWillUnmount();
+    }
+    get creator() {
+        return this.props.model;
+    }
+    get toolbox() {
+        return this.creator.toolbox;
+    }
+    getStateElement() {
+        return this.toolbox;
+    }
+    renderItems(items, isCompact = false) {
+        return items.map((item, itemIndex) => {
+            return external_react_namespaceObject.createElement(SurveyCreatorToolboxTool, { item: item, creator: this.creator, parentModel: this.toolbox, isCompact: isCompact, key: item.renderedId });
+        });
+    }
+    renderCategories() {
+        return this.toolbox.categories.map((category, index) => {
+            return external_react_namespaceObject.createElement(SurveyCreatorToolboxCategory, { category: category, toolbox: this.toolbox, key: "category" + index });
+        });
+    }
+    renderSearch() {
+        const searchButton = this.toolbox.isCompactRendered ?
+            external_react_namespaceObject.createElement(external_react_namespaceObject.Fragment, null,
+                external_react_namespaceObject.createElement(SurveyCreatorToolboxTool, { item: this.toolbox.searchItem, creator: this.creator, parentModel: this.toolbox, isCompact: this.toolbox.isCompactRendered, key: "searchitem" })) :
+            null;
+        return (external_react_namespaceObject.createElement("div", { className: "svc-toolbox__search-container" },
+            searchButton,
+            external_react_namespaceObject.createElement(SearchComponent, { model: this.toolbox.searchManager }),
+            external_react_namespaceObject.createElement("div", { className: "svc-toolbox__category-separator svc-toolbox__category-separator--search" })));
+    }
+    render() {
+        if (!this.toolbox.hasActions)
+            return null;
+        const search = this.toolbox.showSearch ? this.renderSearch() : null;
+        const placeholder = this.toolbox.showPlaceholder ? external_react_namespaceObject.createElement("div", { className: "svc-toolbox__placeholder" }, this.toolbox.toolboxNoResultsFound) : null;
+        return (external_react_namespaceObject.createElement("div", { ref: this.rootRef, className: this.toolbox.classNames },
+            external_react_namespaceObject.createElement("div", { onBlur: (e) => this.toolbox.focusOut(e), className: "svc-toolbox__panel" },
+                search,
+                placeholder,
+                external_react_namespaceObject.createElement(ScrollComponent, null, (this.toolbox.showInSingleCategory) ?
+                    (external_react_namespaceObject.createElement("div", { className: "svc-toolbox__category" }, this.renderItems(this.toolbox.renderedActions, this.toolbox.isCompactRendered)))
+                    : this.renderCategories()))));
+    }
+}
+external_survey_react_ui_namespaceObject.ReactElementFactory.Instance.registerElement("svc-toolbox", (props) => {
+    return external_react_namespaceObject.createElement(AdaptiveToolbox, props);
+});
+
+;// ./src/Navigation.tsx
+
+class SurveyNavigation extends external_survey_react_ui_namespaceObject.SurveyElementBase {
+    constructor() {
+        super(...arguments);
+        this.onPropChangedHandler = (sender, options) => {
+            if (this.isRendering)
+                return;
+            const reactiveProps = [
+                "showProgressBar",
+                "progressBarType",
+                "currentPageValue"
+            ];
+            if (reactiveProps.indexOf(options.name) < 0)
+                return;
+            var val = {};
+            for (var i = 0; i < reactiveProps.length; i++) {
+                var propName = reactiveProps[i];
+                val[propName] = this.survey[propName];
+            }
+            this.setState(val);
+        };
+    }
+    componentDidMount() {
+        super.componentDidMount();
+        this.setHandler();
+    }
+    componentDidUpdate(prevProps, prevState) {
+        super.componentDidUpdate(prevProps, prevState);
+        this.setHandler();
+    }
+    setHandler() {
+        if (!this.survey ||
+            this.survey.onPropertyChanged.hasFunc(this.onPropChangedHandler))
+            return;
+        this.survey.onPropertyChanged.add(this.onPropChangedHandler);
+    }
+    componentWillUnmount() {
+        super.componentWillUnmount();
+        if (this.survey) {
+            this.survey.onPropertyChanged.remove(this.onPropChangedHandler);
+        }
+    }
+    get survey() {
+        return this.props.survey;
+    }
+    get location() {
+        return this.props.location;
+    }
+    get isTop() {
+        return this.location == "top";
+    }
+    canRender() {
+        return this.isTop
+            ? this.survey.isShowProgressBarOnTop
+            : this.survey.isShowProgressBarOnBottom;
+    }
+    renderElement() {
+        return external_survey_react_ui_namespaceObject.ReactElementFactory.Instance.createElement(this.survey.getProgressTypeComponent(), { survey: this.survey, css: this.survey.css, isTop: this.isTop });
+    }
+}
+
+;// ./src/side-bar/TabButton.tsx
+
+
+class TabButtonComponent extends external_survey_react_ui_namespaceObject.SurveyElementBase {
+    constructor(props) {
+        super(props);
+    }
+    getStateElement() {
+        return this.props.model;
+    }
+    renderElement() {
+        const button = (0,external_survey_react_ui_namespaceObject.attachKey2click)(external_react_namespaceObject.createElement("div", { className: this.props.model.buttonClassName, title: this.props.model.tooltip, onClick: () => { this.props.model.action(); } },
+            external_react_namespaceObject.createElement("div", { className: "svc-menu-action__icon" },
+                external_react_namespaceObject.createElement("div", { className: "svc-menu-action__icon-container" },
+                    external_react_namespaceObject.createElement(external_survey_react_ui_namespaceObject.SvgIcon, { iconName: this.props.model.iconName, size: "auto" })))), this.props.model);
+        return (external_react_namespaceObject.createElement("div", { className: "svc-menu-action" }, button));
+    }
+}
+
+;// ./src/side-bar/TabControl.tsx
+
+
+
+
+class TabControl extends external_survey_react_ui_namespaceObject.SurveyElementBase {
+    constructor(props) {
+        super(props);
+    }
+    getStateElement() {
+        return this.props.model;
+    }
+    canRender() {
+        if (!this.props.model)
+            return false;
+        return super.canRender();
+    }
+    renderElement() {
+        return (external_react_namespaceObject.createElement("div", { className: this.props.model.sideBarClassName },
+            external_react_namespaceObject.createElement("div", { className: "svc-sidebar-tabs__top-container" },
+                external_react_namespaceObject.createElement("div", { className: "svc-sidebar-tabs__collapse-button" },
+                    external_react_namespaceObject.createElement(TabButtonComponent, { model: this.props.model.expandCollapseAction })),
+                external_react_namespaceObject.createElement("div", { className: "svc-sidebar-tabs__separator" },
+                    external_react_namespaceObject.createElement("div", null)),
+                external_react_namespaceObject.createElement(ScrollComponent, null,
+                    external_react_namespaceObject.createElement("div", { className: "svc-sidebar-tabs__items" },
+                        external_react_namespaceObject.createElement(TabsComponent, { model: this.props.model.topToolbar })))),
+            external_react_namespaceObject.createElement("div", { className: "svc-sidebar-tabs__bottom-container" },
+                external_react_namespaceObject.createElement("div", { className: "svc-sidebar-tabs__items" },
+                    external_react_namespaceObject.createElement(TabsComponent, { model: this.props.model.bottomToolbar })))));
+    }
+}
+external_survey_react_ui_namespaceObject.ReactElementFactory.Instance.registerElement("svc-tab-control", (props) => {
+    return external_react_namespaceObject.createElement(TabControl, props);
+});
+class TabsComponent extends external_survey_react_ui_namespaceObject.SurveyElementBase {
+    constructor(props) {
+        super(props);
+    }
+    getStateElement() {
+        return this.props.model;
+    }
+    renderElement() {
+        return external_react_namespaceObject.createElement(external_react_namespaceObject.Fragment, null, this.props.model.actions.map((item, itemIndex) => external_react_namespaceObject.createElement(TabButtonComponent, { model: item, key: "item" + itemIndex })));
+    }
+}
+
+;// ./src/side-bar/SideBarDefaultHeader.tsx
+
+
+class SideBarDefaultHeader extends external_survey_react_ui_namespaceObject.SurveyElementBase {
+    get model() {
+        return this.props.model;
+    }
+    getStateElement() {
+        return this.model;
+    }
+    renderElement() {
+        const title = !!this.model.title ? (external_react_namespaceObject.createElement("div", { className: "svc-side-bar__container-title" }, this.model.title)) : null;
+        return (external_react_namespaceObject.createElement("div", { className: "svc-side-bar__container-header" },
+            external_react_namespaceObject.createElement("div", { className: "svc-side-bar__container-actions" },
+                external_react_namespaceObject.createElement(external_survey_react_ui_namespaceObject.SurveyActionBar, { model: this.model.toolbar })),
+            title));
+    }
+}
+external_survey_react_ui_namespaceObject.ReactElementFactory.Instance.registerElement("svc-side-bar-default-header", (props) => {
+    return external_react_namespaceObject.createElement(SideBarDefaultHeader, props);
+});
+
+;// ./src/side-bar/SideBarPropertyGridHeader.tsx
+
+
+class SideBarPropertyGridHeader extends external_survey_react_ui_namespaceObject.SurveyElementBase {
+    get objectSelectionAction() {
+        return this.props.model;
+    }
+    getStateElement() {
+        return this.objectSelectionAction;
+    }
+    renderElement() {
+        const button = (0,external_survey_react_ui_namespaceObject.attachKey2click)(external_react_namespaceObject.createElement("div", { className: this.objectSelectionAction.buttonClassName, onClick: () => this.objectSelectionAction.action() },
+            external_react_namespaceObject.createElement("div", { className: "svc-sidebar__header-caption" },
+                external_react_namespaceObject.createElement("span", { className: "svc-sidebar__header-title" }, this.objectSelectionAction.title),
+                external_react_namespaceObject.createElement("span", { className: "svc-sidebar__header-subtitle" }, this.objectSelectionAction.tooltip))), this.props.model);
+        return (external_react_namespaceObject.createElement("div", { className: "svc-sidebar__header svc-sidebar__header--tabbed" },
+            external_react_namespaceObject.createElement("div", { className: "svc-sidebar__header-container svc-sidebar__header-container--with-subtitle" },
+                external_react_namespaceObject.createElement("div", { className: "svc-sidebar__header-content" },
+                    button,
+                    external_react_namespaceObject.createElement(external_survey_react_ui_namespaceObject.Popup, { model: this.objectSelectionAction.popupModel })))));
+    }
+}
+external_survey_react_ui_namespaceObject.ReactElementFactory.Instance.registerElement("svc-side-bar-property-grid-header", (props) => {
+    return external_react_namespaceObject.createElement(SideBarPropertyGridHeader, props);
+});
+
+;// ./src/side-bar/SideBarHeader.tsx
+
+
+class SideBarHeader extends external_survey_react_ui_namespaceObject.SurveyElementBase {
+    get model() {
+        return this.props.model;
+    }
+    getStateElement() {
+        return this.model;
+    }
+    renderElement() {
+        return (external_react_namespaceObject.createElement("div", { className: "svc-side-bar__container-header svc-sidebar__header-container" }, (this.model.subTitle) ?
+            external_react_namespaceObject.createElement("div", { className: "svc-sidebar__header-caption" },
+                external_react_namespaceObject.createElement("span", { className: "svc-sidebar__header-title" }, this.model.title),
+                external_react_namespaceObject.createElement("span", { className: "svc-sidebar__header-subtitle" }, this.model.subTitle))
+            : external_react_namespaceObject.createElement("div", { className: "svc-side-bar__container-title" }, this.model.title)));
+    }
+}
+external_survey_react_ui_namespaceObject.ReactElementFactory.Instance.registerElement("svc-side-bar-header", (props) => {
+    return external_react_namespaceObject.createElement(SideBarHeader, props);
+});
+
+;// ./src/side-bar/SideBar.tsx
+
+
+class SidebarComponent extends external_survey_react_ui_namespaceObject.SurveyElementBase {
+    get model() {
+        return this.props.model;
+    }
+    constructor(props) {
+        super(props);
+        this.containerRef = external_react_namespaceObject.createRef();
+    }
+    getStateElement() {
+        return this.model;
+    }
+    componentDidMount() {
+        super.componentDidMount();
+        this.model.initResizeManager(this.containerRef.current);
+    }
+    componentWillUnmount() {
+        super.componentWillUnmount();
+        this.model.resetResizeManager();
+    }
+    canRender() {
+        if (!this.model)
+            return false;
+        return super.canRender();
+    }
+    renderElement() {
+        const style = { display: this.model.renderRoot ? "" : "none" };
+        const containerStyle = { display: this.model.renderContainer ? "" : "none" };
+        const items = this.model.pages.map((page) => external_react_namespaceObject.createElement(SidebarPage, { page: page, key: page.id }));
+        const headerArea = external_survey_react_ui_namespaceObject.ReactElementFactory.Instance.createElement(this.model.header.component, { model: this.model.header.componentModel });
+        let sideArea = null;
+        if (this.model.sideAreaComponentName) {
+            sideArea = external_survey_react_ui_namespaceObject.ReactElementFactory.Instance.createElement(this.model.sideAreaComponentName, { model: this.model.sideAreaComponentData });
+        }
+        return (external_react_namespaceObject.createElement("div", { className: this.model.rootCss, style: style },
+            external_react_namespaceObject.createElement("div", { className: "svc-side-bar__shadow", onClick: () => this.model.collapseSidebar(), style: containerStyle }),
+            external_react_namespaceObject.createElement("div", { className: "svc-flex-row svc-side-bar__wrapper" },
+                external_react_namespaceObject.createElement("div", { className: "svc-side-bar__container-wrapper", style: containerStyle },
+                    external_react_namespaceObject.createElement("div", { ref: this.containerRef, className: "svc-side-bar__container" },
+                        headerArea,
+                        external_react_namespaceObject.createElement("div", { className: "svc-side-bar__container-content" }, items))),
+                sideArea)));
+    }
+}
+class SidebarPage extends external_survey_react_ui_namespaceObject.SurveyElementBase {
+    get page() {
+        return this.props.page;
+    }
+    getStateElement() {
+        return this.page;
+    }
+    renderElement() {
+        if (!this.page.visible)
+            return null;
+        const component = external_survey_react_ui_namespaceObject.ReactElementFactory.Instance.createElement(this.page.componentName, { model: this.page.componentData });
+        return component;
+    }
+}
+external_survey_react_ui_namespaceObject.ReactQuestionFactory.Instance.registerQuestion("svc-side-bar-page", (props) => {
+    return external_react_namespaceObject.createElement(SidebarPage, props);
+});
+/* harmony default export */ const SideBar = ((/* unused pure expression or super */ null && (SidebarComponent)));
+external_survey_react_ui_namespaceObject.ReactElementFactory.Instance.registerElement("svc-side-bar", (props) => {
+    return external_react_namespaceObject.createElement(SidebarComponent, props);
+});
+
+;// ./src/tabs/translation/TranslationLineSkeleton.tsx
+
+
+class TranslationLineSkeleton extends external_react_namespaceObject.Component {
+    render() {
+        return (external_react_namespaceObject.createElement("div", { className: "sd-translation-line-skeleton" }));
+    }
+}
+external_survey_react_ui_namespaceObject.ReactElementFactory.Instance.registerElement("sd-translation-line-skeleton", (props) => {
+    return external_react_namespaceObject.createElement(TranslationLineSkeleton, props);
+});
+
+;// ./src/tabs/translation/TranslateFromAction.tsx
+
+
+class TranslateFromAction extends external_survey_react_ui_namespaceObject.SurveyElementBase {
+    get item() {
+        return this.props.item;
+    }
+    getStateElement() {
+        return this.item;
+    }
+    renderElement() {
+        const item = this.item;
+        return (external_react_namespaceObject.createElement("div", { className: item.data.containerCss },
+            external_react_namespaceObject.createElement("span", { className: item.data.additionalTitleCss }, item.data.additionalTitle),
+            external_survey_react_ui_namespaceObject.ReactElementFactory.Instance.createElement("sv-action-bar-item-dropdown", { item: this.item })));
+    }
+}
+external_survey_react_ui_namespaceObject.ReactElementFactory.Instance.registerElement("svc-translate-from-action", (props) => {
+    return external_react_namespaceObject.createElement(TranslateFromAction, props);
+});
+
+;// ./src/StringEditor.tsx
+
+
+
+
+class SurveyLocStringEditor extends CreatorModelElement {
+    constructor(props) {
+        var _a;
+        super(props);
+        this.onChangedHandler = (sender, options) => {
+            this.setState({ changed: !!this.state && this.state.changed ? this.state.changed + 1 : 1 });
+        };
+        this.onBlur = (event) => {
+            if (this.svStringEditorRef.current) {
+                this.svStringEditorRef.current.spellcheck = false;
+            }
+            this.locString["__isEditing"] = false;
+            this.justFocused = false;
+            this.baseModel.onBlur(event.nativeEvent);
+            return this.baseModel.errorText;
+        };
+        this.onCompositionStart = (event) => {
+            this.baseModel.onCompositionStart(event.nativeEvent);
+        };
+        this.onCompositionEnd = (event) => {
+            this.baseModel.onCompositionEnd(event.nativeEvent);
+        };
+        this.onInput = (event) => {
+            this.baseModel.onInput(event.nativeEvent);
+        };
+        this.onPaste = (event) => {
+            this.baseModel.onPaste(event.nativeEvent);
+        };
+        this.justFocused = false;
+        this.onFocus = (event) => {
+            this.baseModel.onFocus(event.nativeEvent);
+            this.justFocused = true;
+        };
+        this.onKeyDown = (event) => {
+            return this.baseModel.onKeyDown(event.nativeEvent);
+        };
+        this.onKeyUp = (event) => {
+            return this.baseModel.onKeyUp(event.nativeEvent);
+        };
+        this.onMouseUp = (event) => {
+            return this.baseModel.onMouseUp(event.nativeEvent);
+        };
+        this.done = (event) => {
+            this.baseModel.done(event);
+            this.locString["__isEditing"] = false;
+        };
+        this.edit = (event) => {
+            this.svStringEditorRef.current.focus();
+            // document.execCommand('selectAll', false, null);
+            this.locString["__isEditing"] = true;
+            this.baseModel.onClick(event);
+        };
+        this.htmlValue = {
+            __html: (_a = this.locString) === null || _a === void 0 ? void 0 : _a.renderedHtml
+        };
+        this.state = { changed: 0 };
+        this.svStringEditorRef = external_react_namespaceObject.createRef();
+    }
+    createModel(props) {
+        if (this.baseModel) {
+            this.baseModel.dispose();
+        }
+        this.baseModel = new external_survey_creator_core_namespaceObject.StringEditorViewModelBase(this.locString, this.creator);
+    }
+    getUpdatedModelProps() {
+        return ["creator", "locString"];
+    }
+    get locString() {
+        return this.props.locStr.locStr;
+    }
+    get creator() {
+        return this.props.locStr.creator;
+    }
+    get style() {
+        return this.props.style;
+    }
+    getStateElement() {
+        return this.baseModel;
+    }
+    get errorText() {
+        return this.baseModel.errorText;
+    }
+    componentDidMount() {
+        super.componentDidMount();
+        if (!this.locString)
+            return;
+        this.baseModel.setLocString(this.locString);
+        this.baseModel.getEditorElement = () => this.svStringEditorRef.current;
+        this.baseModel.blurEditor = () => {
+            this.svStringEditorRef.current.blur();
+            this.svStringEditorRef.current.spellcheck = false;
+        };
+        this.baseModel.afterRender();
+        this.locString.onStringChanged.add(this.onChangedHandler);
+        if (this.locString["__isEditing"]) {
+            this.svStringEditorRef.current.focus();
+            // document.execCommand('selectAll', false, null);
+        }
+    }
+    componentDidUpdate(prevProps, prevState) {
+        super.componentDidUpdate(prevProps, prevState);
+        this.baseModel.setLocString(this.locString);
+        this.baseModel.afterRender();
+    }
+    componentWillUnmount() {
+        super.componentWillUnmount();
+        this.baseModel.detachFromUI();
+        if (!this.locString)
+            return;
+        this.locString.onStringChanged.remove(this.onChangedHandler);
+    }
+    get placeholder() {
+        return this.baseModel.placeholder;
+    }
+    get contentEditable() {
+        return this.baseModel.contentEditable;
+    }
+    get className() {
+        return this.baseModel.className(this.locString.renderedHtml);
+    }
+    render() {
+        if (!this.locString) {
+            return null;
+        }
+        let control = null;
+        if (this.locString.hasHtml) {
+            if (this.htmlValue.__html !== this.locString.renderedHtml) {
+                this.htmlValue = { __html: this.locString.renderedHtml };
+            }
+            control = (external_react_namespaceObject.createElement("span", { role: "textbox", ref: this.svStringEditorRef, className: "sv-string-editor sv-string-editor--html", contentEditable: this.contentEditable, spellCheck: false, "aria-placeholder": this.placeholder, "aria-label": this.placeholder || "content editable", suppressContentEditableWarning: true, 
+                // style={this.style}
+                dangerouslySetInnerHTML: this.htmlValue, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.onKeyDown, onMouseUp: this.onMouseUp, onClick: this.edit }));
+        }
+        else {
+            control = (external_react_namespaceObject.createElement("span", { role: "textbox", ref: this.svStringEditorRef, className: "sv-string-editor", contentEditable: this.contentEditable, spellCheck: false, "aria-placeholder": this.placeholder, "aria-label": this.placeholder || "content editable", suppressContentEditableWarning: true, 
+                // style={this.style}
+                key: this.locString.renderedHtml, onBlur: this.onBlur, onInput: this.onInput, onPaste: this.onPaste, onCompositionStart: this.onCompositionStart, onCompositionEnd: this.onCompositionEnd, onFocus: this.onFocus, onKeyDown: this.onKeyDown, onKeyUp: this.onKeyUp, onMouseUp: this.onMouseUp, onClick: this.edit }, this.locString.renderedHtml));
+        }
+        const counter = this.baseModel.showCharacterCounter ? (external_react_namespaceObject.createElement(external_survey_react_ui_namespaceObject.CharacterCounterComponent, { counter: this.baseModel.characterCounter, remainingCharacterCounter: this.baseModel.getCharacterCounterClass })) : null;
+        return (external_react_namespaceObject.createElement("span", { className: this.className },
+            external_react_namespaceObject.createElement("span", { className: "svc-string-editor__content" },
+                external_react_namespaceObject.createElement("div", { className: "svc-string-editor__border svc-string-editor__border--hover", onClick: this.edit }),
+                external_react_namespaceObject.createElement("div", { className: "svc-string-editor__border svc-string-editor__border--focus", onClick: this.edit }),
+                external_react_namespaceObject.createElement("span", { className: "svc-string-editor__input" },
+                    control,
+                    external_react_namespaceObject.createElement("div", { className: "svc-string-editor__controls", onClick: this.edit }),
+                    counter)),
+            this.errorText ? external_react_namespaceObject.createElement("span", { className: "svc-string-editor__error" }, this.errorText) : ""));
+    }
+}
+external_survey_react_ui_namespaceObject.ReactElementFactory.Instance.registerElement(external_survey_creator_core_namespaceObject.editableStringRendererName, (props) => {
+    return external_react_namespaceObject.createElement(SurveyLocStringEditor, props);
+});
+
+;// ./src/QuestionError.tsx
+
+
+
+class QuestionErrorComponent extends external_react_namespaceObject.Component {
+    render() {
+        return (external_react_namespaceObject.createElement("div", null,
+            external_react_namespaceObject.createElement(external_survey_react_ui_namespaceObject.SvgIcon, { "aria-hidden": "true", iconName: "icon-alert_24x24", size: "24", className: this.props.cssClasses.error.icon }),
+            external_react_namespaceObject.createElement("span", { className: this.props.cssClasses.error.item || undefined },
+                external_react_namespaceObject.createElement(external_survey_react_ui_namespaceObject.SurveyLocStringViewer, { locStr: this.props.error.locText }))));
+    }
+}
+external_survey_react_ui_namespaceObject.ReactElementFactory.Instance.registerElement("svc-question-error", (props) => {
+    return external_react_namespaceObject.createElement(QuestionErrorComponent, props);
+});
+
+;// ./src/tabs/logic-operator.tsx
+
+
+
+
+class SurveyLogicOpertor extends external_survey_react_ui_namespaceObject.SurveyQuestionDropdown {
+    constructor(props) {
+        super(props);
+    }
+    renderInput() {
+        const q = this.question;
+        (0,external_survey_creator_core_namespaceObject.initLogicOperator)(q);
+        const text = (q.selectedItemLocText) ? this.renderLocString(q.selectedItemLocText) : "";
+        return (external_react_namespaceObject.createElement("div", { id: this.question.inputId, className: q.getControlClass(), tabIndex: this.question.isInputReadOnly ? undefined : 0, 
+            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+            // @ts-ignore
+            disabled: this.question.isInputReadOnly, required: this.question.isRequired, onChange: this.updateValueOnEvent, onInput: this.updateValueOnEvent, onKeyUp: this.keyhandler, role: this.question.ariaRole, "aria-required": this.question.ariaRequired, "aria-label": this.question.ariaLabel, "aria-invalid": this.question.ariaInvalid, "aria-describedby": this.question.ariaDescribedBy },
+            external_react_namespaceObject.createElement("div", { className: this.question.cssClasses.controlValue },
+                text,
+                external_react_namespaceObject.createElement("div", null, q.readOnlyText)),
+            this.createClearButton()));
+    }
+}
+external_survey_react_ui_namespaceObject.ReactQuestionFactory.Instance.registerQuestion("sv-logic-operator", (props) => {
+    return external_react_namespaceObject.createElement(SurveyLogicOpertor, props);
+});
+external_survey_core_namespaceObject.RendererFactory.Instance.registerRenderer("dropdown", "logicoperator", "sv-logic-operator");
+
+;// ./src/PageNavigator.tsx
+
+
+
+
+
+class SurveyPageNavigator extends CreatorModelElement {
+    constructor(props) {
+        super(props);
+        this.containerRef = external_react_namespaceObject.createRef();
+    }
+    createModel(props) {
+        if (this.model) {
+            this.model.dispose();
+        }
+        this.model = new external_survey_creator_core_namespaceObject.PageNavigatorViewModel(props.pagesController, props.pageEditMode);
+    }
+    getUpdatedModelProps() {
+        return ["pagesController", "pageEditMode"];
+    }
+    getStateElement() {
+        return this.model;
+    }
+    componentDidMount() {
+        super.componentDidMount();
+        if (this.props.pageEditMode !== "bypage") {
+            const el = this.containerRef.current;
+            this.model.attachToUI(el);
+        }
+    }
+    componentWillUnmount() {
+        super.componentWillUnmount();
+        this.model.stopItemsContainerHeightObserver();
+        this.model.setScrollableContainer(undefined);
+    }
+    renderElement() {
+        let className = "svc-page-navigator__selector svc-page-navigator__button";
+        if (this.model.isPopupOpened)
+            className += " svc-page-navigator__button--pressed";
+        return (external_react_namespaceObject.createElement("div", { className: "svc-page-navigator", ref: this.containerRef, style: { display: this.model.visible ? "flex" : "none" } },
+            (0,external_survey_react_ui_namespaceObject.attachKey2click)(external_react_namespaceObject.createElement("div", { className: className, onClick: () => this.model.togglePageSelector(), title: this.model.pageSelectorCaption },
+                external_react_namespaceObject.createElement(external_survey_react_ui_namespaceObject.SvgIcon, { className: "svc-page-navigator__button-icon", iconName: this.model.icon, size: "auto", title: this.model.pageSelectorCaption }),
+                external_react_namespaceObject.createElement(external_survey_react_ui_namespaceObject.Popup, { model: this.model.popupModel }))),
+            external_react_namespaceObject.createElement("div", null, this.model.visibleItems.map((item) => (external_react_namespaceObject.createElement(SurveyPageNavigatorItem, { key: item.id, item: item }))))));
+    }
+}
+class SurveyPageNavigatorItem extends CreatorModelElement {
+    getStateElement() {
+        return this.props.item;
+    }
+    renderElement() {
+        const item = this.props.item;
+        let className = "svc-page-navigator-item-content";
+        if ((0,external_survey_core_namespaceObject.unwrap)(item.active)) {
+            className += " svc-page-navigator-item--selected";
+        }
+        if ((0,external_survey_core_namespaceObject.unwrap)(item.disabled)) {
+            className += " svc-page-navigator-item--disabled";
+        }
+        return (external_react_namespaceObject.createElement("div", { className: "svc-page-navigator-item" }, (0,external_survey_react_ui_namespaceObject.attachKey2click)(external_react_namespaceObject.createElement("div", { className: className, onClick: (e) => {
+                item.action(item);
+                e.stopPropagation();
+            } },
+            external_react_namespaceObject.createElement("div", { className: "svc-page-navigator-item__dot", title: item.title },
+                external_react_namespaceObject.createElement("div", { className: "svc-page-navigator-item__dot-content" })),
+            external_react_namespaceObject.createElement("div", { className: "svc-page-navigator-item__banner" },
+                external_react_namespaceObject.createElement("span", { className: "svc-page-navigator-item__text" }, item.title),
+                external_react_namespaceObject.createElement("span", { className: "svc-page-navigator-item__dot" },
+                    external_react_namespaceObject.createElement("span", { className: "svc-page-navigator-item__dot-content" })))))));
+    }
+}
+
+;// ./src/components/SurfacePlaceholder.tsx
+
+
+class SurfacePlaceholder extends external_react_namespaceObject.Component {
+    constructor(props) {
+        super(props);
+    }
+    render() {
+        return (external_react_namespaceObject.createElement("div", { className: "svc-surface-placeholder" },
+            external_react_namespaceObject.createElement("div", { className: "svc-surface-placeholder__image svc-surface-placeholder__image--" + this.props.name }),
+            external_react_namespaceObject.createElement("div", { className: "svc-surface-placeholder__text" },
+                external_react_namespaceObject.createElement("div", { className: "svc-surface-placeholder__title" }, this.props.placeholderTitleText),
+                external_react_namespaceObject.createElement("div", { className: "svc-surface-placeholder__description" }, this.props.placeholderDescriptionText))));
+    }
+}
+external_survey_react_ui_namespaceObject.ReactElementFactory.Instance.registerElement("svc-surface-placeholder", (props) => {
+    return external_react_namespaceObject.createElement(SurfacePlaceholder, props);
+});
+
+;// ./src/tabs/Designer.tsx
+
+
+
+
+
+class TabDesignerComponent extends external_survey_react_ui_namespaceObject.SurveyElementBase {
+    constructor() {
+        super(...arguments);
+        this.denyUpdate = () => {
+            this.denyComponentUpdate();
+        };
+        this.allowUpdate = () => {
+            this.allowComponentUpdate();
+        };
+        this.addDragDropEvents = () => {
+            this.creator.onDragStart.add(this.denyUpdate);
+            this.creator.onDragClear.add(this.allowUpdate);
+        };
+        this.clearDragDropEvents = () => {
+            this.creator.onDragStart.remove(this.denyUpdate);
+            this.creator.onDragClear.remove(this.allowUpdate);
+        };
+    }
+    get model() {
+        return this.props.data;
+    }
+    get creator() {
+        return this.model.creator;
+    }
+    componentDidMount() {
+        super.componentDidMount();
+        this.addDragDropEvents();
+    }
+    componentWillUnmount() {
+        super.componentWillUnmount();
+        this.clearDragDropEvents();
+        super.componentWillUnmount();
+    }
+    getStateElements() {
+        return [this.model, this.model.survey, this.model.pagesController];
+    }
+    getRenderedPages() {
+        const renderedPages = [];
+        if (this.creator.pageEditMode !== "bypage") {
+            const pages = this.model.pages;
+            pages.forEach((page) => {
+                renderedPages.push(this.createRenderedPage(page, page == this.model.newPage));
+            });
+        }
+        else {
+            const page2Display = this.model.pagesController.page2Display;
+            if (!!page2Display) {
+                renderedPages.push(this.createRenderedPage(page2Display, this.model.newPage === page2Display));
+            }
+        }
+        return renderedPages;
+    }
+    createRenderedPage(page, isGhostPage) {
+        return (external_react_namespaceObject.createElement("div", { className: "svc-page", "data-sv-drop-target-page": page.name, "data-sv-drop-target-survey-element": isGhostPage ? "newGhostPage" : page.name, key: page.id }, this.renderPage(page, isGhostPage)));
+    }
+    renderNewPage(className, key = "") {
+        return (external_react_namespaceObject.createElement(external_react_namespaceObject.Fragment, { key: key },
+            external_react_namespaceObject.createElement("div", { className: className, "data-sv-drop-target-survey-element": "newGhostPage" }, !!this.model.newPage ? this.renderPage(this.model.newPage, true) : null)));
+    }
+    renderPage(pageV, isGhost) {
+        return external_survey_react_ui_namespaceObject.ReactElementFactory.Instance.createElement("svc-page", { survey: this.creator.survey, page: pageV, creator: this.creator, isGhost });
+    }
+    renderElement() {
+        const designerTabClassName = "svc-tab-designer " + this.model.getRootCss();
+        return (external_react_namespaceObject.createElement(external_react_namespaceObject.Fragment, null,
+            external_react_namespaceObject.createElement("div", { className: "svc-flex-column" }, this.model.isToolboxVisible ? external_survey_react_ui_namespaceObject.ReactElementFactory.Instance.createElement("svc-toolbox", { model: this.creator }) : null),
+            external_react_namespaceObject.createElement("div", { className: designerTabClassName, onClick: () => this.model.clickDesigner() },
+                external_react_namespaceObject.createElement(ScrollComponent, null,
+                    external_react_namespaceObject.createElement("div", { className: "svc-tab-designer_content" }, this.model.showPlaceholder ? this.renderPlaceHolder() : this.renderTabContent())))));
+    }
+    renderHeader(condition) {
+        if (!condition)
+            return null;
+        const survey = this.creator.survey;
+        return (external_react_namespaceObject.createElement(external_react_namespaceObject.Fragment, null,
+            external_react_namespaceObject.createElement("div", { className: "svc-designer-header" },
+                external_react_namespaceObject.createElement(external_survey_react_ui_namespaceObject.SurveyHeader, { survey: survey }))));
+    }
+    renderPlaceHolder() {
+        const surveyHeader = this.renderHeader(this.creator.allowEditSurveyTitle && this.creator.showHeaderInEmptySurvey);
+        return (external_react_namespaceObject.createElement(external_react_namespaceObject.Fragment, null,
+            surveyHeader,
+            external_react_namespaceObject.createElement("div", { className: "svc-designer__placeholder-container", "data-sv-drop-target-survey-element": "newGhostPage" },
+                this.renderPlaceHolderContent(),
+                this.renderNewPage("svc-designer-placeholder-page"))));
+    }
+    renderPlaceHolderContent() {
+        return external_react_namespaceObject.createElement(SurfacePlaceholder, { name: "designer", placeholderTitleText: this.model.placeholderTitleText, placeholderDescriptionText: this.model.placeholderDescriptionText });
+    }
+    renderTabContent() {
+        const survey = this.creator.survey;
+        const surveyHeader = this.renderHeader(this.creator.allowEditSurveyTitle);
+        const style = Object.assign({}, this.model.surfaceCssVariables);
+        style.maxWidth = survey.renderedWidth;
+        const tabTools = this.renderTabTools();
+        return (external_react_namespaceObject.createElement(external_react_namespaceObject.Fragment, null,
+            external_react_namespaceObject.createElement("div", { className: this.model.designerCss, style: style },
+                surveyHeader,
+                this.getRenderedPages()),
+            tabTools));
+    }
+    renderTabTools() {
+        if (!this.model.showSurfaceTools)
+            return null;
+        const pageNavigator = this.creator.showPageNavigator ?
+            external_react_namespaceObject.createElement("div", { className: "svc-tab-designer__page-navigator" },
+                external_react_namespaceObject.createElement(SurveyPageNavigator, { pagesController: this.model.pagesController, pageEditMode: this.model.creator.pageEditMode }))
+            : null;
+        const surfaceToolbar = this.model.showSurfaceToolbar ?
+            external_react_namespaceObject.createElement(external_survey_react_ui_namespaceObject.SurveyActionBar, { model: this.model.surfaceToolbar, handleClick: false })
+            : null;
+        return external_react_namespaceObject.createElement("div", { className: "svc-tab-designer__tools" },
+            pageNavigator,
+            surfaceToolbar);
+    }
+}
+external_survey_react_ui_namespaceObject.ReactElementFactory.Instance.registerElement("svc-tab-designer", (props) => {
+    return external_react_namespaceObject.createElement(TabDesignerComponent, props);
+});
+
+;// ./src/tabs/JsonEditorTextarea.tsx
+
+
+class TabJsonEditorErrorsComponent extends external_survey_react_ui_namespaceObject.SurveyElementBase {
+    getStateElement() {
+        return this.model;
+    }
+    get model() {
+        return this.props.data;
+    }
+    renderElement() {
+        return external_react_namespaceObject.createElement("div", { className: "svc-json-editor-tab__errros_list", style: { display: this.model.hasErrors ? "block" : "none" } },
+            external_react_namespaceObject.createElement(external_survey_react_ui_namespaceObject.List, { model: this.model.errorList }));
+    }
+}
+class TabJsonEditorTextareaComponent extends external_survey_react_ui_namespaceObject.SurveyElementBase {
+    constructor(props) {
+        super(props);
+    }
+    getStateElement() {
+        return this.model;
+    }
+    get model() {
+        return this.props.data;
+    }
+    renderElement() {
+        const setControl = (el) => {
+            this.model.textElement = el;
+        };
+        const errors = external_react_namespaceObject.createElement(TabJsonEditorErrorsComponent, { data: this.model });
+        return (external_react_namespaceObject.createElement("div", { className: "svc-creator-tab__content" },
+            external_react_namespaceObject.createElement("div", { className: "svc-json-editor-tab__content" },
+                external_react_namespaceObject.createElement("textarea", { ref: input => (setControl(input)), className: "svc-json-editor-tab__content-area", value: this.model.text, onChange: (e) => (this.model.text = e.target.value), onKeyDown: (e) => this.model.checkKey(e, e), disabled: this.model.readOnly, "aria-label": this.model.ariaLabel }),
+                errors)));
+    }
+}
+external_survey_react_ui_namespaceObject.ReactElementFactory.Instance.registerElement("svc-tab-json-editor-textarea", (props) => {
+    return external_react_namespaceObject.createElement(TabJsonEditorTextareaComponent, props);
+});
+
+;// ./src/tabs/JsonEditorAce.tsx
+
+
+
+class TabJsonEditorAceComponent extends external_survey_react_ui_namespaceObject.SurveyElementBase {
+    constructor(props) {
+        super(props);
+        this.aceEditorrRef = external_react_namespaceObject.createRef();
+    }
+    getStateElement() {
+        return this.model;
+    }
+    get model() {
+        return this.props.data;
+    }
+    componentDidMount() {
+        this.model.init(ace.edit(this.aceEditorrRef.current));
+    }
+    renderElement() {
+        const errors = external_react_namespaceObject.createElement(TabJsonEditorErrorsComponent, { data: this.model });
+        return (external_react_namespaceObject.createElement("div", { className: "svc-creator-tab__content" },
+            external_react_namespaceObject.createElement("div", { className: "svc-json-editor-tab__content" },
+                external_react_namespaceObject.createElement("div", { className: "svc-json-editor-tab__ace-editor", ref: this.aceEditorrRef }),
+                errors)));
+    }
+}
+external_survey_react_ui_namespaceObject.ReactElementFactory.Instance.registerElement("svc-tab-json-editor-ace", (props) => {
+    return external_react_namespaceObject.createElement(TabJsonEditorAceComponent, props);
+});
+
+;// ./src/tabs/Logic.tsx
+
+
+
+
+class TabLogicAddButtonComponent extends external_survey_react_ui_namespaceObject.SurveyElementBase {
+    get model() {
+        return this.props.button;
+    }
+    getStateElement() {
+        return this.model;
+    }
+    renderElement() {
+        const buttonClassName = "svc-logic-tab__content-action svc-btn" + ((this.model.enabled !== undefined && !this.model.enabled) ? " svc-logic-tab__content-action--disabled" : "");
+        return (0,external_survey_react_ui_namespaceObject.attachKey2click)(external_react_namespaceObject.createElement("div", { role: "button", onClick: (e) => {
+                e.stopPropagation();
+                this.model.action();
+            }, className: buttonClassName, title: this.model.title },
+            external_react_namespaceObject.createElement("span", { className: "svc-btn__text" }, this.model.title)));
+    }
+}
+external_survey_react_ui_namespaceObject.ReactElementFactory.Instance.registerElement("svc-tab-logic-add-button", (props) => {
+    return external_react_namespaceObject.createElement(TabLogicAddButtonComponent, props);
+});
+class TabLogicComponent extends external_survey_react_ui_namespaceObject.SurveyElementBase {
+    get model() {
+        return this.props.data;
+    }
+    getStateElement() {
+        return this.model;
+    }
+    renderElement() {
+        var logic = this.model;
+        var rootClass = "svc-creator-tab__content svc-logic-tab";
+        var content = this.renderViewContent();
+        return external_react_namespaceObject.createElement("div", { className: rootClass }, content);
+    }
+    renderViewContent() {
+        const logicTabClassName = "svc-plugin-tab__content svc-logic-tab svc-logic-tab__content " + (this.model.hasItems ? "" : "svc-logic-tab--empty");
+        const addLogic = !this.model.readOnly ? external_react_namespaceObject.createElement(TabLogicAddButtonComponent, { button: this.model.addNewButton }) : undefined;
+        return (external_react_namespaceObject.createElement(external_react_namespaceObject.Fragment, null,
+            external_react_namespaceObject.createElement("div", { className: logicTabClassName }, this.model.hasItems ?
+                (external_react_namespaceObject.createElement(external_react_namespaceObject.Fragment, null,
+                    external_react_namespaceObject.createElement(external_survey_react_ui_namespaceObject.Survey, { model: this.model.itemsSurvey }),
+                    addLogic))
+                : (external_react_namespaceObject.createElement("div", { className: "svc-logic-tab__content-empty" },
+                    external_react_namespaceObject.createElement(SurfacePlaceholder, { name: "logic", placeholderTitleText: this.model.placeholderTitleText, placeholderDescriptionText: this.model.placeholderDescriptionText }),
+                    addLogic)))));
+    }
+}
+external_survey_react_ui_namespaceObject.ReactElementFactory.Instance.registerElement("svc-tab-logic", (props) => {
+    return external_react_namespaceObject.createElement(TabLogicComponent, props);
+});
+
+;// ./src/tabs/SurveySimulator.tsx
+
+
+class SurveySimulator extends external_survey_react_ui_namespaceObject.SurveyElementBase {
+    get model() {
+        return this.props.model;
+    }
+    getStateElement() {
+        return this.model;
+    }
+    renderElement() {
+        const mainSimulatorClass = this.model.getRootCss();
+        if (!this.model.survey) {
+            return external_react_namespaceObject.createElement("div", { className: mainSimulatorClass });
+        }
+        if (this.model.hasFrame) {
+            return (external_react_namespaceObject.createElement("div", { className: mainSimulatorClass, onKeyDown: e => this.model.tryToZoom(e, e), onMouseEnter: this.model.device === "desktop" ? null : this.model.activateZoom, onMouseLeave: this.model.device === "desktop" ? null : this.model.deactivateZoom },
+                external_react_namespaceObject.createElement("div", { className: "svd-simulator-wrapper", id: "svd-simulator-wrapper", style: {
+                        width: this.model.simulatorFrame.frameWidth + "px",
+                        height: this.model.simulatorFrame.frameHeight + "px"
+                    } },
+                    external_react_namespaceObject.createElement("div", { className: "svd-simulator", style: {
+                            width: this.model.simulatorFrame.deviceWidth + "px",
+                            height: this.model.simulatorFrame.deviceHeight + "px",
+                            transform: "scale(" +
+                                this.model.simulatorFrame.scale +
+                                ") translate(-50%, -50%)"
+                        } },
+                        external_react_namespaceObject.createElement("div", { className: "svd-simulator-content" },
+                            external_react_namespaceObject.createElement(external_survey_react_ui_namespaceObject.Survey, { model: this.model.survey }))))));
+        }
+        else {
+            return (external_react_namespaceObject.createElement("div", { className: mainSimulatorClass },
+                external_react_namespaceObject.createElement("div", { className: "svd-simulator-content" },
+                    external_react_namespaceObject.createElement(external_survey_react_ui_namespaceObject.Survey, { model: this.model.survey }))));
+        }
+    }
+}
+
+;// ./src/tabs/Preview.tsx
+
+
+
+
+
+class TabPreviewTestSurveyAgainComponent extends external_survey_react_ui_namespaceObject.SurveyElementBase {
+    get model() {
+        return this.props.model.testAgainAction;
+    }
+    getStateElement() {
+        return this.model;
+    }
+    renderElement() {
+        const buttonClassName = "svc-preview__test-again svc-btn";
+        return (0,external_survey_react_ui_namespaceObject.attachKey2click)(external_react_namespaceObject.createElement("div", { role: "button", onClick: (e) => {
+                e.stopPropagation();
+                this.model.action();
+            }, className: buttonClassName, title: this.model.title },
+            external_react_namespaceObject.createElement("span", { className: "svc-btn__text" }, this.model.title)));
+    }
+}
+external_survey_react_ui_namespaceObject.ReactElementFactory.Instance.registerElement("svc-complete-page", (props) => {
+    return external_react_namespaceObject.createElement(TabPreviewTestSurveyAgainComponent, props);
+});
+class TabPreviewSurveyComponent extends external_survey_react_ui_namespaceObject.SurveyElementBase {
+    constructor(props) {
+        super(props);
+    }
+    get model() {
+        return this.props.data;
+    }
+    getStateElement() {
+        return this.model;
+    }
+    renderPlaceholder() {
+        return external_react_namespaceObject.createElement(SurfacePlaceholder, { name: "preview", placeholderTitleText: this.model.placeholderTitleText, placeholderDescriptionText: this.model.placeholderDescriptionText });
+    }
+    renderSimulator() {
+        return (external_react_namespaceObject.createElement("div", { className: "svc-plugin-tab__content" },
+            external_react_namespaceObject.createElement(SurveySimulator, { model: this.model.simulator }),
+            this.model.showResults ? external_react_namespaceObject.createElement(SurveyResults, { survey: this.model.simulator.survey }) : null));
+    }
+    renderElement() {
+        const tabContentClassName = "svc-creator-tab__content svc-test-tab__content" + (this.model.isPageToolbarVisible ? " svc-creator-tab__content--with-toolbar" : "");
+        return (external_react_namespaceObject.createElement("div", { className: tabContentClassName },
+            this.model.simulator.survey.isEmpty ? this.renderPlaceholder() : this.renderSimulator(),
+            this.getBottomToolbar()));
+    }
+    getBottomToolbar() {
+        if (this.model.isPageToolbarVisible) {
+            return (external_react_namespaceObject.createElement("div", { className: "svc-test-tab__content-actions" },
+                external_react_namespaceObject.createElement(external_survey_react_ui_namespaceObject.SurveyActionBar, { model: this.model.pages })));
+        }
+        else {
+            return null;
+        }
+    }
+}
+external_survey_react_ui_namespaceObject.ReactElementFactory.Instance.registerElement("svc-tab-preview", (props) => {
+    return external_react_namespaceObject.createElement(TabPreviewSurveyComponent, props);
+});
+
+;// ./src/side-bar/PropertyGridPlaceholder.tsx
+
+
+
+class PropertyGridPlaceholderComponent extends external_react_namespaceObject.Component {
+    render() {
+        return (external_react_namespaceObject.createElement("div", { className: "svc-property-grid-placeholder" },
+            external_react_namespaceObject.createElement("div", { className: "svc-property-grid-placeholder__header" },
+                external_react_namespaceObject.createElement("span", { className: "svc-property-grid-placeholder__title" }, external_survey_creator_core_namespaceObject.editorLocalization.getString("ed.propertyGridPlaceholderTitle")),
+                external_react_namespaceObject.createElement("span", { className: "svc-property-grid-placeholder__description" }, external_survey_creator_core_namespaceObject.editorLocalization.getString("ed.propertyGridPlaceholderDescription"))),
+            external_react_namespaceObject.createElement("div", { className: "svc-property-grid-placeholder__content" },
+                external_react_namespaceObject.createElement("div", { className: "svc-property-grid-placeholder__gap" }),
+                external_react_namespaceObject.createElement("div", { className: "svc-property-grid-placeholder__image" }))));
+    }
+}
+external_survey_react_ui_namespaceObject.ReactElementFactory.Instance.registerElement("svc-property-grid-placeholder", (props) => {
+    return external_react_namespaceObject.createElement(PropertyGridPlaceholderComponent, props);
+});
+
+;// ./src/tabs/Theme.tsx
+
+
+
+
+
+class TabThemeSurveyComponent extends external_survey_react_ui_namespaceObject.SurveyElementBase {
+    get model() {
+        return this.props.data;
+    }
+    getStateElement() {
+        return this.model;
+    }
+    renderPlaceholder() {
+        return external_react_namespaceObject.createElement(SurfacePlaceholder, { name: "theme", placeholderTitleText: this.model.placeholderTitleText, placeholderDescriptionText: this.model.placeholderDescriptionText });
+    }
+    renderSimulator() {
+        return (external_react_namespaceObject.createElement("div", { className: "svc-plugin-tab__content" },
+            external_react_namespaceObject.createElement(SurveySimulator, { model: this.model.simulator }),
+            this.model.showResults ? external_react_namespaceObject.createElement(SurveyResults, { survey: this.model.simulator.survey }) : null));
+    }
+    renderElement() {
+        const tabContentClassName = "svc-creator-tab__content svc-test-tab__content" + (this.model.isPageToolbarVisible ? " svc-creator-tab__content--with-toolbar" : "");
+        return (external_react_namespaceObject.createElement("div", { className: tabContentClassName },
+            this.model.simulator.survey.isEmpty ? this.renderPlaceholder() : this.renderSimulator(),
+            this.getBottomToolbar()));
+    }
+    getBottomToolbar() {
+        if (this.model.isPageToolbarVisible) {
+            return (external_react_namespaceObject.createElement("div", { className: "svc-test-tab__content-actions" },
+                external_react_namespaceObject.createElement(external_survey_react_ui_namespaceObject.SurveyActionBar, { model: this.model.pages })));
+        }
+        else {
+            return null;
+        }
+    }
+}
+external_survey_react_ui_namespaceObject.ReactElementFactory.Instance.registerElement("svc-tab-theme", (props) => {
+    return external_react_namespaceObject.createElement(TabThemeSurveyComponent, props);
+});
+
+;// ./src/tabs/translation/Translation.tsx
+
+
+
+class TabTranslationComponent extends external_survey_react_ui_namespaceObject.SurveyElementBase {
+    get model() {
+        return this.props.data || this.props.model;
+    }
+    getStateElement() {
+        return this.model;
+    }
+    renderElement() {
+        if (!this.model)
+            return null;
+        return (external_react_namespaceObject.createElement("div", { className: "svc-creator-tab__content svc-translation-tab" + (this.model.isEmpty ? " svc-translation-tab--empty" : "") }, this.renderElementContent()));
+    }
+    renderElementContent() {
+        if (this.model.isEmpty) {
+            return external_react_namespaceObject.createElement(SurfacePlaceholder, { name: "translation", placeholderTitleText: this.model.placeholderTitleText, placeholderDescriptionText: this.model.placeholderDescriptionText });
+        }
+        else {
+            return (external_react_namespaceObject.createElement("div", { className: "st-content" },
+                external_react_namespaceObject.createElement("div", { className: "svc-flex-column st-strings-wrapper" },
+                    external_react_namespaceObject.createElement("div", { className: "svc-flex-row st-strings-header" },
+                        external_react_namespaceObject.createElement(external_survey_react_ui_namespaceObject.Survey, { model: this.model.stringsHeaderSurvey })),
+                    external_react_namespaceObject.createElement("div", { className: "svc-flex-row svc-plugin-tab__content st-strings" },
+                        external_react_namespaceObject.createElement(external_survey_react_ui_namespaceObject.Survey, { model: this.model.stringsSurvey })))));
+        }
+    }
+}
+external_survey_react_ui_namespaceObject.ReactElementFactory.Instance.registerElement("svc-tab-translation", (props) => {
+    return external_react_namespaceObject.createElement(TabTranslationComponent, props);
+});
+
+;// ./src/side-bar/ObjectSelector.tsx
+
+
+class ObjectSelectorComponent extends external_survey_react_ui_namespaceObject.SurveyElementBase {
+    get model() {
+        return this.props.model;
+    }
+    getStateElement() {
+        return this.model;
+    }
+    renderElement() {
+        if (!this.model.isVisible)
+            return null;
+        return (external_react_namespaceObject.createElement(external_survey_react_ui_namespaceObject.List, { model: this.model.list }));
+    }
+}
+external_survey_react_ui_namespaceObject.ReactElementFactory.Instance.registerElement("svc-object-selector", (props) => {
+    return external_react_namespaceObject.createElement(ObjectSelectorComponent, props);
+});
+
+;// ./src/side-bar/PropertyGrid.tsx
+
+
+
+
+class PropertyGridComponent extends external_survey_react_ui_namespaceObject.SurveyElementBase {
+    get model() {
+        return this.props.model;
+    }
+    getStateElement() {
+        return this.model;
+    }
+    canRender() {
+        if (!this.model)
+            return false;
+        return super.canRender();
+    }
+    renderElement() {
+        return (external_react_namespaceObject.createElement("div", { className: this.model.rootCss },
+            external_react_namespaceObject.createElement(SearchComponent, { model: this.model.searchManager }),
+            external_react_namespaceObject.createElement(ScrollComponent, null,
+                external_react_namespaceObject.createElement(external_survey_react_ui_namespaceObject.Survey, { model: this.model.survey }))));
+    }
+}
+external_survey_react_ui_namespaceObject.ReactQuestionFactory.Instance.registerQuestion("buttongroup", (props) => {
+    return external_react_namespaceObject.createElement(external_survey_react_ui_namespaceObject.SurveyQuestionButtonGroup, props);
+});
+/* harmony default export */ const PropertyGrid = ((/* unused pure expression or super */ null && (PropertyGridComponent)));
+external_survey_react_ui_namespaceObject.ReactElementFactory.Instance.registerElement("svc-property-grid", (props) => {
+    return external_react_namespaceObject.createElement(PropertyGridComponent, props);
+});
+
+;// ./src/Switcher.tsx
+
+
+class SwitcherComponent extends external_survey_react_ui_namespaceObject.SurveyElementBase {
+    get item() {
+        return this.props.item;
+    }
+    getStateElement() {
+        return this.item;
+    }
+    renderElement() {
+        const tooltip = this.item.tooltip || this.item.title;
+        const title = this.item.hasTitle ? external_react_namespaceObject.createElement("span", { className: "svc-switcher__title" }, this.item.title) : null;
+        const button = (0,external_survey_react_ui_namespaceObject.attachKey2click)(external_react_namespaceObject.createElement("button", { className: this.item.getActionBarItemCss(), type: "button", disabled: this.item.disabled, onClick: (args) => this.item.action(this.item, this.item.getIsTrusted(args)), title: tooltip, "aria-checked": this.item.ariaChecked, "aria-expanded": this.item.ariaExpanded, role: this.item.ariaRole },
+            external_react_namespaceObject.createElement("div", { className: this.item.getSwitcherIconCss() },
+                external_react_namespaceObject.createElement("div", { className: "svc-switcher__icon-thumb" })),
+            title), this.item, { processEsc: false });
+        return button;
+    }
+}
+/* harmony default export */ const Switcher = ((/* unused pure expression or super */ null && (SwitcherComponent)));
+external_survey_react_ui_namespaceObject.ReactElementFactory.Instance.registerElement("svc-switcher", (props) => {
+    return external_react_namespaceObject.createElement(SwitcherComponent, props);
+});
+
+;// ./src/tabs/JsonErrorItem.tsx
+
+
+class ItemTemplateComponent extends external_survey_react_ui_namespaceObject.SurveyElementBase {
+    render() {
+        const item = this.props.item;
+        return (external_react_namespaceObject.createElement(external_react_namespaceObject.Fragment, null,
+            external_react_namespaceObject.createElement(external_survey_react_ui_namespaceObject.SvgIcon, { iconName: item.iconName, size: item.iconSize, className: "svc-json-error__icon" }),
+            external_react_namespaceObject.createElement("div", { className: "svc-json-error__container" },
+                external_react_namespaceObject.createElement("div", { className: "svc-json-error__title" },
+                    external_react_namespaceObject.createElement("span", { key: 2 }, this.renderLocString(item.locTitle, undefined, "locString"))),
+                this.renderFixButton())));
+    }
+    renderFixButton() {
+        if (!this.props.item.data.showFixButton)
+            return null;
+        const item = this.props.item;
+        return ((0,external_survey_react_ui_namespaceObject.attachKey2click)(external_react_namespaceObject.createElement("button", { type: "button", onClick: (event) => { event.stopPropagation(); item.data.fixError(); }, title: item.data.fixButtonTitle, className: "svc-json-error__fix-button" },
+            external_react_namespaceObject.createElement(external_survey_react_ui_namespaceObject.SvgIcon, { iconName: item.data.fixButtonIcon, size: "auto" }))));
+    }
+}
+external_survey_react_ui_namespaceObject.ReactElementFactory.Instance.registerElement("json-error-item", (props) => {
+    return external_react_namespaceObject.createElement(ItemTemplateComponent, props);
+});
+
+;// ./src/custom-questions/SpinEditor.tsx
+
+
+class SurveyQuestionSpinEditor extends external_survey_react_ui_namespaceObject.SurveyQuestionText {
+    constructor(props) {
+        super(props);
+    }
+    get question() {
+        return this.questionBase;
+    }
+    renderInput() {
+        return (external_react_namespaceObject.createElement(external_react_namespaceObject.Fragment, null,
+            external_react_namespaceObject.createElement("input", { id: this.question.inputId, disabled: this.isDisplayMode, className: this.question.cssClasses.control, ref: (input) => (this.setControl(input)), placeholder: this.question.renderedPlaceholder, autoComplete: "off", onBlur: (event) => this.question.onBlur(event.nativeEvent), onFocus: (event) => this.question.onFocus(event.nativeEvent), onChange: this.question.onChange, onBeforeInput: event => this.question.onBeforeInput(event.nativeEvent), onKeyUp: (event) => this.question.onKeyUp(event.nativeEvent), onKeyDown: (event) => this.question.onInputKeyDown(event.nativeEvent), "aria-required": this.question.ariaRequired, "aria-label": this.question.ariaLabel, "aria-invalid": this.question.ariaInvalid, "aria-describedby": this.question.ariaDescribedBy })));
+    }
+    renderElement() {
+        return (external_react_namespaceObject.createElement("div", { className: this.question.cssClasses.root, onKeyDown: event => this.question.onKeyDown(event.nativeEvent) },
+            this.renderInput(),
+            this.renderButtons()));
+    }
+    getValueCore() {
+        return this.question.renderedValue;
+    }
+    renderButtons() {
+        return (external_react_namespaceObject.createElement("span", { className: this.question.cssClasses.buttonsContainer },
+            external_react_namespaceObject.createElement("button", { tabIndex: -1, className: this.question.cssClasses.arrowButton, disabled: this.isDisplayMode, onMouseDown: this.question.onDownButtonMouseDown, onMouseUp: this.question.onButtonMouseUp, onMouseLeave: this.question.onButtonMouseLeave, onBlur: event => this.question.onBlur(event.nativeEvent), onFocus: event => this.question.onFocus(event.nativeEvent) },
+                external_react_namespaceObject.createElement(external_survey_react_ui_namespaceObject.SvgIcon, { iconName: this.question.cssClasses.decreaseButtonIcon, size: "auto" })),
+            external_react_namespaceObject.createElement("button", { tabIndex: -1, className: this.question.cssClasses.arrowButton, disabled: this.isDisplayMode, onMouseDown: this.question.onUpButtonMouseDown, onMouseUp: this.question.onButtonMouseUp, onMouseLeave: this.question.onButtonMouseLeave, onBlur: event => this.question.onBlur(event.nativeEvent), onFocus: event => this.question.onFocus(event.nativeEvent) },
+                external_react_namespaceObject.createElement(external_survey_react_ui_namespaceObject.SvgIcon, { iconName: this.question.cssClasses.increaseButtonIcon, size: "auto" }))));
+    }
+}
+external_survey_react_ui_namespaceObject.ReactQuestionFactory.Instance.registerQuestion("spinedit", (props) => {
+    return external_react_namespaceObject.createElement(SurveyQuestionSpinEditor, props);
+});
+
+;// ./src/custom-questions/ColorItem.tsx
+
+
+class ColorItem_ItemTemplateComponent extends external_survey_react_ui_namespaceObject.SurveyElementBase {
+    render() {
+        const item = this.props.item;
+        return (external_react_namespaceObject.createElement(external_react_namespaceObject.Fragment, null,
+            external_react_namespaceObject.createElement("span", { className: "spg-color-editor__color-swatch", style: { backgroundColor: item.value } }),
+            external_react_namespaceObject.createElement("span", { key: 2 }, this.renderLocString(item.locTitle, undefined, "locString"))));
+    }
+}
+external_survey_react_ui_namespaceObject.ReactElementFactory.Instance.registerElement("color-item", (props) => {
+    return external_react_namespaceObject.createElement(ColorItem_ItemTemplateComponent, props);
+});
+
+;// ./src/custom-questions/ColorQuestion.tsx
+
+
+class SurveyQuestionColor extends external_survey_react_ui_namespaceObject.SurveyQuestionText {
+    constructor(props) {
+        super(props);
+    }
+    get question() {
+        return this.questionBase;
+    }
+    renderInput() {
+        return (external_react_namespaceObject.createElement(external_react_namespaceObject.Fragment, null,
+            external_react_namespaceObject.createElement("input", { id: this.question.inputId, disabled: this.isDisplayMode, className: this.question.cssClasses.control, ref: (input) => (this.setControl(input)), placeholder: this.question.renderedPlaceholder, autoComplete: "off", onKeyUp: (event) => this.question.onKeyUp(event.nativeEvent), onBlur: (event) => this.question.onBlur(event.nativeEvent), onChange: this.question.onChange, onBeforeInput: event => this.question.onBeforeInput(event.nativeEvent), "aria-required": this.question.ariaRequired, "aria-label": this.question.ariaLabel, "aria-invalid": this.question.ariaInvalid, "aria-describedby": this.question.ariaDescribedBy })));
+    }
+    renderElement() {
+        return (external_react_namespaceObject.createElement("div", { className: this.question.cssClasses.root, onKeyDown: event => this.question.onKeyDown(event.nativeEvent) },
+            this.renderColorSwatch(),
+            this.renderInput(),
+            this.question.showDropdownAction ? this.renderDropdownAction() : null));
+    }
+    getValueCore() {
+        return this.question.renderedValue;
+    }
+    renderColorSwatch() {
+        return external_react_namespaceObject.createElement("label", { className: this.question.getSwatchCss(), style: this.question.getSwatchStyle() },
+            external_react_namespaceObject.createElement(external_survey_react_ui_namespaceObject.SvgIcon, { iconName: this.question.cssClasses.swatchIcon, size: "auto" }),
+            external_react_namespaceObject.createElement("input", { type: "color", disabled: this.isDisplayMode, value: this.question.renderedColorValue, className: this.question.cssClasses.colorInput, onChange: (event) => this.question.onColorInputChange(event.nativeEvent), tabIndex: -1 }));
+    }
+    renderDropdownAction() {
+        return (external_react_namespaceObject.createElement(external_react_namespaceObject.Fragment, null,
+            external_survey_react_ui_namespaceObject.ReactElementFactory.Instance.createElement("sv-action-bar-item", { item: this.question.dropdownAction }),
+            this.renderPopup()));
+    }
+    renderPopup() {
+        return external_react_namespaceObject.createElement(external_survey_react_ui_namespaceObject.Popup, { model: this.question.dropdownAction.popupModel });
+    }
+}
+external_survey_react_ui_namespaceObject.ReactQuestionFactory.Instance.registerQuestion("color", (props) => {
+    return external_react_namespaceObject.createElement(SurveyQuestionColor, props);
+});
+
+;// ./src/custom-questions/FileEditQuestion.tsx
+
+
+class SurveyQuestionFileEditor extends external_survey_react_ui_namespaceObject.SurveyQuestionText {
+    constructor(props) {
+        super(props);
+    }
+    get questionFile() {
+        return this.questionBase;
+    }
+    getValueCore() {
+        return this.question.renderedValue;
+    }
+    renderInput() {
+        return (external_react_namespaceObject.createElement(external_react_namespaceObject.Fragment, null,
+            external_react_namespaceObject.createElement("input", { disabled: this.isDisplayMode, className: this.questionFile.cssClasses.control, placeholder: this.questionFile.renderedPlaceholder, ref: (input) => (this.setControl(input)), autoComplete: "off", type: "text", onBlur: (event) => this.questionFile.onInputBlur(event.nativeEvent), onChange: (event) => this.questionFile.onInputChange(event.nativeEvent) })));
+    }
+    renderFileInput() {
+        return (external_react_namespaceObject.createElement("input", { type: "file", disabled: this.isDisplayMode, className: this.questionFile.cssClasses.fileInput, id: this.questionFile.inputId, "aria-required": this.questionFile.ariaRequired, "aria-label": this.questionFile.ariaLabel, "aria-invalid": this.questionFile.ariaInvalid, "aria-describedby": this.questionFile.ariaDescribedBy, multiple: false, title: this.questionFile.inputTitle, accept: this.questionFile.acceptedTypes, tabIndex: -1, onChange: (event) => this.questionFile.onFileInputChange(event.nativeEvent) }));
+    }
+    renderButtons() {
+        return (external_react_namespaceObject.createElement("div", { className: this.questionFile.cssClasses.buttonsContainer },
+            this.renderClearButton(),
+            this.renderChooseButton()));
+    }
+    renderClearButton() {
+        return (0,external_survey_react_ui_namespaceObject.attachKey2click)((external_react_namespaceObject.createElement("button", { type: "button", className: this.questionFile.cssClasses.clearButton, disabled: this.questionFile.getIsClearButtonDisabled(), onClick: this.questionFile.doClean },
+            external_react_namespaceObject.createElement(external_survey_react_ui_namespaceObject.SvgIcon, { iconName: this.questionFile.cssClasses.clearButtonIcon, size: "auto", title: this.questionFile.clearButtonCaption }))));
+    }
+    renderChooseButton() {
+        return ((0,external_survey_react_ui_namespaceObject.attachKey2click)(external_react_namespaceObject.createElement("label", { role: "button", onClick: event => this.questionFile.chooseFiles(event.nativeEvent), className: this.questionFile.getChooseButtonCss(), htmlFor: this.questionFile.inputId, "aria-label": this.questionFile.chooseButtonCaption },
+            external_react_namespaceObject.createElement(external_survey_react_ui_namespaceObject.SvgIcon, { iconName: this.questionFile.cssClasses.chooseButtonIcon, size: "auto", title: this.questionFile.chooseButtonCaption }))));
+    }
+    renderElement() {
+        return (external_react_namespaceObject.createElement("div", { className: this.questionFile.cssClasses.root, ref: el => this.setContent(el), onDragEnter: this.questionFile.onDragEnter, onDragOver: this.questionFile.onDragOver, onDrop: this.questionFile.onDrop, onDragLeave: this.questionFile.onDragLeave, onKeyDown: event => this.question.onKeyDown(event.nativeEvent) },
+            this.renderInput(),
+            this.renderFileInput(),
+            this.renderButtons()));
+    }
+}
+external_survey_react_ui_namespaceObject.ReactQuestionFactory.Instance.registerQuestion("fileedit", (props) => {
+    return external_react_namespaceObject.createElement(SurveyQuestionFileEditor, props);
+});
+
+;// ./src/custom-questions/TextWithResetQuestion.tsx
+
+
+class SurveyQuestionTextWithReset extends external_survey_react_ui_namespaceObject.SurveyQuestionElementBase {
+    get question() {
+        return this.questionBase;
+    }
+    renderElement() {
+        const textElement = this.renderInput();
+        const resetButton = this.renderResetButton();
+        return (external_react_namespaceObject.createElement("div", { className: this.question.getRootClass() },
+            textElement,
+            resetButton));
+    }
+    renderInput() {
+        return external_survey_react_ui_namespaceObject.ReactQuestionFactory.Instance.createQuestion(this.question.wrappedQuestionTemplate, {
+            question: this.question,
+            isDisplayMode: this.question.isInputReadOnly,
+            creator: this,
+        });
+    }
+    renderResetButton() {
+        return (external_react_namespaceObject.createElement("button", { className: this.question.cssClasses.resetButton, disabled: this.question.resetValueAdorner.isDisabled, title: this.question.resetValueAdorner.caption, onClick: () => this.question.resetValueAdorner.resetValue() },
+            external_react_namespaceObject.createElement(external_survey_react_ui_namespaceObject.SvgIcon, { iconName: this.question.cssClasses.resetButtonIcon, size: "auto" })));
+    }
+}
+external_survey_react_ui_namespaceObject.ReactQuestionFactory.Instance.registerQuestion("textwithreset", (props) => {
+    return external_react_namespaceObject.createElement(SurveyQuestionTextWithReset, props);
+});
+external_survey_react_ui_namespaceObject.ReactQuestionFactory.Instance.registerQuestion("commentwithreset", (props) => {
+    return external_react_namespaceObject.createElement(SurveyQuestionTextWithReset, props);
+});
+
+;// ./src/custom-questions/BooleanSwitch.tsx
+
+
+
+class SurveyQuestionBooleanSwitch extends external_survey_react_ui_namespaceObject.SurveyQuestionElementBase {
+    renderElement() {
+        const button = (0,external_survey_react_ui_namespaceObject.attachKey2click)(external_react_namespaceObject.createElement("div", { className: "spg-boolean-switch__button" + (this.questionBase.value ? " spg-boolean-switch__button--checked" : ""), tabIndex: 0, role: "checkbox", "aria-required": this.questionBase.ariaRequired, "aria-label": this.questionBase.ariaLabel, "aria-invalid": this.questionBase.ariaInvalid, "aria-errormessage": this.questionBase.ariaErrormessage },
+            external_react_namespaceObject.createElement("div", { className: "spg-boolean-switch__thumb" },
+                external_react_namespaceObject.createElement("div", { className: "spg-boolean-switch__thumb-circle spg-boolean-switch__thumb--left" })),
+            external_react_namespaceObject.createElement("div", { className: "spg-boolean-switch__thumb" },
+                external_react_namespaceObject.createElement("div", { className: "spg-boolean-switch__thumb-circle spg-boolean-switch__thumb--right" }))), this.questionBase, { processEsc: false });
+        return (external_react_namespaceObject.createElement("div", { className: "spg-boolean-switch", onClick: () => this.questionBase.value = !this.questionBase.value },
+            button,
+            external_react_namespaceObject.createElement("div", { className: "spg-boolean-switch__caption" },
+                external_react_namespaceObject.createElement("div", { className: "spg-boolean-switch__title" }, external_survey_react_ui_namespaceObject.SurveyElementBase.renderLocString(this.questionBase.locTitle)))));
+    }
+}
+external_survey_react_ui_namespaceObject.ReactQuestionFactory.Instance.registerQuestion("sv-boolean-switch", (props) => {
+    return external_react_namespaceObject.createElement(SurveyQuestionBooleanSwitch, props);
+});
+external_survey_core_namespaceObject.RendererFactory.Instance.registerRenderer("boolean", "switch", "sv-boolean-switch");
+
+;// ./src/entries/index.ts
+let Version;
+Version = `${"2.0.0-rc.4"}`;
+// import "@survey/creator/survey-creator-core.css";
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+//custom questions
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+(0,external_survey_core_namespaceObject.checkLibraryVersion)(`${"2.0.0-rc.4"}`, "survey-creator-react");
+
+var __webpack_exports__ActionButton = __webpack_exports__.rA;
+var __webpack_exports__AdaptiveToolbox = __webpack_exports__.O1;
+var __webpack_exports__CellQuestionAdornerComponent = __webpack_exports__.bV;
+var __webpack_exports__CellQuestionDropdownAdornerComponent = __webpack_exports__.Ax;
+var __webpack_exports__CreatorSurveyPageComponent = __webpack_exports__.hq;
+var __webpack_exports__ImageItemValueAdornerComponent = __webpack_exports__.k0;
+var __webpack_exports__ItemValueAdornerComponent = __webpack_exports__.Rd;
+var __webpack_exports__LogoImageComponent = __webpack_exports__.cI;
+var __webpack_exports__MatrixCellAdornerComponent = __webpack_exports__.Ev;
+var __webpack_exports__PanelAdornerComponent = __webpack_exports__.Z8;
+var __webpack_exports__PropertyGridComponent = __webpack_exports__.Te;
+var __webpack_exports__PropertyGridEditorCollection = __webpack_exports__.Nu;
+var __webpack_exports__PropertyGridPlaceholderComponent = __webpack_exports__.ox;
+var __webpack_exports__QuestionAdornerComponent = __webpack_exports__.Ri;
+var __webpack_exports__QuestionBanner = __webpack_exports__.f8;
+var __webpack_exports__QuestionDropdownAdornerComponent = __webpack_exports__._4;
+var __webpack_exports__QuestionEditorContentComponent = __webpack_exports__.eo;
+var __webpack_exports__QuestionErrorComponent = __webpack_exports__.Oc;
+var __webpack_exports__QuestionImageAdornerComponent = __webpack_exports__.ep;
+var __webpack_exports__QuestionRatingAdornerComponent = __webpack_exports__.E9;
+var __webpack_exports__QuestionWidgetAdornerComponent = __webpack_exports__.zJ;
+var __webpack_exports__QuestionWrapperFooter = __webpack_exports__.RR;
+var __webpack_exports__QuestionWrapperHeader = __webpack_exports__.h6;
+var __webpack_exports__ReactDragEvent = __webpack_exports__.Eq;
+var __webpack_exports__ReactMouseEvent = __webpack_exports__.Hj;
+var __webpack_exports__RowWrapper = __webpack_exports__.SR;
+var __webpack_exports__SearchComponent = __webpack_exports__.Sy;
+var __webpack_exports__SideBarDefaultHeader = __webpack_exports__.nZ;
+var __webpack_exports__SidebarComponent = __webpack_exports__.kc;
+var __webpack_exports__StylesManager = __webpack_exports__.ci;
+var __webpack_exports__SurveyCreator = __webpack_exports__.rX;
+var __webpack_exports__SurveyCreatorComponent = __webpack_exports__.qK;
+var __webpack_exports__SurveyCreatorToolboxCategory = __webpack_exports__.qS;
+var __webpack_exports__SurveyCreatorToolboxItem = __webpack_exports__.vK;
+var __webpack_exports__SurveyCreatorToolboxItemGroup = __webpack_exports__.K1;
+var __webpack_exports__SurveyCreatorToolboxTool = __webpack_exports__.Ys;
+var __webpack_exports__SurveyElementEmbeddedSurvey = __webpack_exports__.pY;
+var __webpack_exports__SurveyLocStringEditor = __webpack_exports__.JN;
+var __webpack_exports__SurveyLogic = __webpack_exports__.b;
+var __webpack_exports__SurveyLogicOpertor = __webpack_exports__.UD;
+var __webpack_exports__SurveyLogicUI = __webpack_exports__.dK;
+var __webpack_exports__SurveyNavigation = __webpack_exports__.B4;
+var __webpack_exports__SurveyQuestionBooleanSwitch = __webpack_exports__.xq;
+var __webpack_exports__SurveyQuestionColor = __webpack_exports__.M;
+var __webpack_exports__SurveyQuestionEditorDefinition = __webpack_exports__.B7;
+var __webpack_exports__SurveyQuestionFileEditor = __webpack_exports__.I1;
+var __webpack_exports__SurveyQuestionLinkValue = __webpack_exports__.UP;
+var __webpack_exports__SurveyQuestionSpinEditor = __webpack_exports__.KR;
+var __webpack_exports__SurveyQuestionTextWithReset = __webpack_exports__.jm;
+var __webpack_exports__SurveyResults = __webpack_exports__.Hg;
+var __webpack_exports__SurveyResultsByRow = __webpack_exports__.UI;
+var __webpack_exports__SurveySimulator = __webpack_exports__.hn;
+var __webpack_exports__SwitcherComponent = __webpack_exports__.HN;
+var __webpack_exports__TabButtonComponent = __webpack_exports__.RN;
+var __webpack_exports__TabDesignerComponent = __webpack_exports__.mU;
+var __webpack_exports__TabJsonEditorAceComponent = __webpack_exports__.l4;
+var __webpack_exports__TabJsonEditorErrorsComponent = __webpack_exports__.R9;
+var __webpack_exports__TabJsonEditorTextareaComponent = __webpack_exports__.h;
+var __webpack_exports__TabLogicAddButtonComponent = __webpack_exports__._2;
+var __webpack_exports__TabLogicComponent = __webpack_exports__.HR;
+var __webpack_exports__TabPreviewSurveyComponent = __webpack_exports__.rz;
+var __webpack_exports__TabPreviewTestSurveyAgainComponent = __webpack_exports__.te;
+var __webpack_exports__TabThemeSurveyComponent = __webpack_exports__.QO;
+var __webpack_exports__TabTranslationComponent = __webpack_exports__.qr;
+var __webpack_exports__TabbedMenuComponent = __webpack_exports__.Vl;
+var __webpack_exports__TabbedMenuItemComponent = __webpack_exports__.su;
+var __webpack_exports__ToolboxList = __webpack_exports__.kj;
+var __webpack_exports__ToolboxToolViewModel = __webpack_exports__.y4;
+var __webpack_exports__TranslateFromAction = __webpack_exports__.Vv;
+var __webpack_exports__TranslationLineSkeleton = __webpack_exports__.N;
+var __webpack_exports__Version = __webpack_exports__.Rx;
+var __webpack_exports__editorLocalization = __webpack_exports__.bN;
+var __webpack_exports__localization = __webpack_exports__.qG;
+var __webpack_exports__settings = __webpack_exports__.W0;
+var __webpack_exports__svgBundle = __webpack_exports__.Fc;
+export { __webpack_exports__ActionButton as ActionButton, __webpack_exports__AdaptiveToolbox as AdaptiveToolbox, __webpack_exports__CellQuestionAdornerComponent as CellQuestionAdornerComponent, __webpack_exports__CellQuestionDropdownAdornerComponent as CellQuestionDropdownAdornerComponent, __webpack_exports__CreatorSurveyPageComponent as CreatorSurveyPageComponent, __webpack_exports__ImageItemValueAdornerComponent as ImageItemValueAdornerComponent, __webpack_exports__ItemValueAdornerComponent as ItemValueAdornerComponent, __webpack_exports__LogoImageComponent as LogoImageComponent, __webpack_exports__MatrixCellAdornerComponent as MatrixCellAdornerComponent, __webpack_exports__PanelAdornerComponent as PanelAdornerComponent, __webpack_exports__PropertyGridComponent as PropertyGridComponent, __webpack_exports__PropertyGridEditorCollection as PropertyGridEditorCollection, __webpack_exports__PropertyGridPlaceholderComponent as PropertyGridPlaceholderComponent, __webpack_exports__QuestionAdornerComponent as QuestionAdornerComponent, __webpack_exports__QuestionBanner as QuestionBanner, __webpack_exports__QuestionDropdownAdornerComponent as QuestionDropdownAdornerComponent, __webpack_exports__QuestionEditorContentComponent as QuestionEditorContentComponent, __webpack_exports__QuestionErrorComponent as QuestionErrorComponent, __webpack_exports__QuestionImageAdornerComponent as QuestionImageAdornerComponent, __webpack_exports__QuestionRatingAdornerComponent as QuestionRatingAdornerComponent, __webpack_exports__QuestionWidgetAdornerComponent as QuestionWidgetAdornerComponent, __webpack_exports__QuestionWrapperFooter as QuestionWrapperFooter, __webpack_exports__QuestionWrapperHeader as QuestionWrapperHeader, __webpack_exports__ReactDragEvent as ReactDragEvent, __webpack_exports__ReactMouseEvent as ReactMouseEvent, __webpack_exports__RowWrapper as RowWrapper, __webpack_exports__SearchComponent as SearchComponent, __webpack_exports__SideBarDefaultHeader as SideBarDefaultHeader, __webpack_exports__SidebarComponent as SidebarComponent, __webpack_exports__StylesManager as StylesManager, __webpack_exports__SurveyCreator as SurveyCreator, __webpack_exports__SurveyCreatorComponent as SurveyCreatorComponent, __webpack_exports__SurveyCreatorToolboxCategory as SurveyCreatorToolboxCategory, __webpack_exports__SurveyCreatorToolboxItem as SurveyCreatorToolboxItem, __webpack_exports__SurveyCreatorToolboxItemGroup as SurveyCreatorToolboxItemGroup, __webpack_exports__SurveyCreatorToolboxTool as SurveyCreatorToolboxTool, __webpack_exports__SurveyElementEmbeddedSurvey as SurveyElementEmbeddedSurvey, __webpack_exports__SurveyLocStringEditor as SurveyLocStringEditor, __webpack_exports__SurveyLogic as SurveyLogic, __webpack_exports__SurveyLogicOpertor as SurveyLogicOpertor, __webpack_exports__SurveyLogicUI as SurveyLogicUI, __webpack_exports__SurveyNavigation as SurveyNavigation, __webpack_exports__SurveyQuestionBooleanSwitch as SurveyQuestionBooleanSwitch, __webpack_exports__SurveyQuestionColor as SurveyQuestionColor, __webpack_exports__SurveyQuestionEditorDefinition as SurveyQuestionEditorDefinition, __webpack_exports__SurveyQuestionFileEditor as SurveyQuestionFileEditor, __webpack_exports__SurveyQuestionLinkValue as SurveyQuestionLinkValue, __webpack_exports__SurveyQuestionSpinEditor as SurveyQuestionSpinEditor, __webpack_exports__SurveyQuestionTextWithReset as SurveyQuestionTextWithReset, __webpack_exports__SurveyResults as SurveyResults, __webpack_exports__SurveyResultsByRow as SurveyResultsByRow, __webpack_exports__SurveySimulator as SurveySimulator, __webpack_exports__SwitcherComponent as SwitcherComponent, __webpack_exports__TabButtonComponent as TabButtonComponent, __webpack_exports__TabDesignerComponent as TabDesignerComponent, __webpack_exports__TabJsonEditorAceComponent as TabJsonEditorAceComponent, __webpack_exports__TabJsonEditorErrorsComponent as TabJsonEditorErrorsComponent, __webpack_exports__TabJsonEditorTextareaComponent as TabJsonEditorTextareaComponent, __webpack_exports__TabLogicAddButtonComponent as TabLogicAddButtonComponent, __webpack_exports__TabLogicComponent as TabLogicComponent, __webpack_exports__TabPreviewSurveyComponent as TabPreviewSurveyComponent, __webpack_exports__TabPreviewTestSurveyAgainComponent as TabPreviewTestSurveyAgainComponent, __webpack_exports__TabThemeSurveyComponent as TabThemeSurveyComponent, __webpack_exports__TabTranslationComponent as TabTranslationComponent, __webpack_exports__TabbedMenuComponent as TabbedMenuComponent, __webpack_exports__TabbedMenuItemComponent as TabbedMenuItemComponent, __webpack_exports__ToolboxList as ToolboxList, __webpack_exports__ToolboxToolViewModel as ToolboxToolViewModel, __webpack_exports__TranslateFromAction as TranslateFromAction, __webpack_exports__TranslationLineSkeleton as TranslationLineSkeleton, __webpack_exports__Version as Version, __webpack_exports__editorLocalization as editorLocalization, __webpack_exports__localization as localization, __webpack_exports__settings as settings, __webpack_exports__svgBundle as svgBundle };
+
+//# sourceMappingURL=survey-creator-react.js.map