survey-creator-react 1.9.88 → 1.9.89

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/package.json +4 -4
  2. package/survey-creator-react.js +153 -55
  3. package/survey-creator-react.js.map +1 -1
  4. package/survey-creator-react.min.js +2 -2
  5. package/typings/LogoImage.d.ts +6 -0
  6. package/typings/entries/index.d.ts +1 -0
  7. package/typings/tabs/Theme.d.ts +9 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "survey-creator-react",
3
- "version": "1.9.88",
3
+ "version": "1.9.89",
4
4
  "description": "Use SurveyJS Creator to create or edit JSON for SurveyJS Form Library.",
5
5
  "keywords": [
6
6
  "Survey",
@@ -29,9 +29,9 @@
29
29
  "ace-builds": "^1.4.12"
30
30
  },
31
31
  "dependencies": {
32
- "survey-core": "1.9.88",
33
- "survey-react-ui": "1.9.88",
34
- "survey-creator-core": "1.9.88",
32
+ "survey-core": "1.9.89",
33
+ "survey-react-ui": "1.9.89",
34
+ "survey-creator-core": "1.9.89",
35
35
  "react": "^16.5.0 || ^17.0.1 || ^18.1.0",
36
36
  "react-dom": "^16.5.0 || ^17.0.1 || ^18.1.0"
37
37
  },
package/survey-creator-react.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * SurveyJS Creator React v1.9.88
2
+ * SurveyJS Creator React v1.9.89
3
3
  * (c) 2015-2023 Devsoft Baltic OÜ - http://surveyjs.io/
4
4
  * Github: https://github.com/surveyjs/survey-creator
5
5
  * License: https://surveyjs.io/Licenses#SurveyCreator
@@ -223,24 +223,24 @@ var ImageItemValueAdornerComponent = /** @class */ (function (_super) {
223
223
  react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", { className: "sd-imagepicker__item sd-imagepicker__item--inline" },
224
224
  react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("label", { className: "sd-imagepicker__label" },
225
225
  react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", { style: imageStyle, className: "sd-imagepicker__image" })))),
226
- react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", { className: "svc-image-item-value-controls" }, this.model.allowAdd && !this.model.isUploading ? Object(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__["attachKey2click"])(react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("span", { className: "svc-image-item-value-controls__button svc-image-item-value-controls__add", onClick: function () { return _this.model.chooseNewFile(_this.model); } },
226
+ react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", { className: "svc-image-item-value-controls" }, this.model.allowAdd && !this.model.isUploading ? Object(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__["attachKey2click"])(react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("span", { className: "svc-context-button svc-image-item-value-controls__add", onClick: function () { return _this.model.chooseNewFile(_this.model); } },
227
227
  react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__["SvgIcon"], { size: 24, iconName: "icon-add-lg" }))) : null)));
228
228
  }
229
229
  else {
230
230
  content = (react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_2___default.a.Fragment, null,
231
231
  react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", { className: "svc-image-item-value__item" }, this.props.element),
232
- react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("span", { className: "svc-image-item-value-controls__button svc-image-item-value-controls__drag-area-indicator", onPointerDown: function (event) { return _this.model.onPointerDown(event); } },
232
+ react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("span", { className: "svc-context-button svc-image-item-value-controls__drag-area-indicator", onPointerDown: function (event) { return _this.model.onPointerDown(event); } },
233
233
  react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__["SvgIcon"], { size: 24, iconName: "icon-drag-area-indicator" })),
234
- react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", { className: "svc-image-item-value-controls" },
235
- this.model.allowRemove && !this.model.isUploading ? Object(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__["attachKey2click"])(react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("span", { className: "svc-image-item-value-controls__button svc-image-item-value-controls__choose-file", onClick: function () { return _this.model.chooseFile(_this.model); } },
234
+ react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", { className: "svc-context-container svc-image-item-value-controls" },
235
+ this.model.allowRemove && !this.model.isUploading ? Object(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__["attachKey2click"])(react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("span", { className: "svc-context-button", onClick: function () { return _this.model.chooseFile(_this.model); } },
236
236
  react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__["SvgIcon"], { size: 24, iconName: "icon-file" }))) : null,
237
- this.model.allowRemove && !this.model.isUploading ? Object(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__["attachKey2click"])(react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("span", { className: "svc-image-item-value-controls__button svc-image-item-value-controls__remove ddd", onClick: function () { return _this.model.remove(_this.model); } },
237
+ this.model.allowRemove && !this.model.isUploading ? Object(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__["attachKey2click"])(react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("span", { className: "svc-context-button svc-context-button--danger", onClick: function () { return _this.model.remove(_this.model); } },
238
238
  react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__["SvgIcon"], { size: 24, iconName: "icon-delete" }))) : null)));
239
239
  }
240
240
  return (react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", { ref: this.rootRef, className: this.model.getRootCss(), key: this.props.element.key, "data-sv-drop-target-item-value": this.model.isDraggable ? this.model.item.value : undefined, onPointerDown: function (event) { return _this.model.onPointerDown(event); }, onDragStart: this.preventDragHandler },
241
241
  react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", { className: "svc-image-item-value-wrapper__ghost", style: imageStyle }),
242
242
  react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", { className: "svc-image-item-value-wrapper__content" },
243
- react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("input", { type: "file", "aria-hidden": "true", tabIndex: -1, accept: "image/*", className: "svc-choose-file-input", style: {
243
+ react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("input", { type: "file", "aria-hidden": "true", tabIndex: -1, accept: this.model.acceptedTypes, className: "svc-choose-file-input", style: {
244
244
  position: "absolute",
245
245
  opacity: 0,
246
246
  width: "1px",
@@ -379,20 +379,45 @@ var LogoImageComponent = /** @class */ (function (_super) {
379
379
  _super.prototype.componentDidMount.call(this);
380
380
  this.model.root = this.rootRef.current;
381
381
  };
382
- LogoImageComponent.prototype.render = function () {
382
+ LogoImageComponent.prototype.renderChooseButton = function () {
383
+ var _this = this;
384
+ return Object(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__["attachKey2click"])(react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("span", { className: "svc-context-button", onClick: function () { return _this.model.chooseFile(_this.model); } },
385
+ react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__["SvgIcon"], { size: 24, iconName: "icon-file" })));
386
+ };
387
+ LogoImageComponent.prototype.renderClearButton = function () {
388
+ var _this = this;
389
+ return Object(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__["attachKey2click"])(react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("span", { className: "svc-context-button svc-context-button--danger", onClick: function () { return _this.model.remove(_this.model); } },
390
+ react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__["SvgIcon"], { size: 24, iconName: "icon-clear" })));
391
+ };
392
+ LogoImageComponent.prototype.renderButtons = function () {
393
+ return (react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", { className: "svc-context-container svc-logo-image-controls" },
394
+ this.renderChooseButton(),
395
+ this.renderClearButton()));
396
+ };
397
+ LogoImageComponent.prototype.renderImage = function () {
398
+ return react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", { className: this.model.containerCss },
399
+ this.renderButtons(),
400
+ react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__["LogoImage"], { data: this.props.data.survey }));
401
+ };
402
+ LogoImageComponent.prototype.renderPlaceHolder = function () {
383
403
  var _this = this;
404
+ return this.model.allowEdit && !this.model.isUploading ? Object(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__["attachKey2click"])(react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", { className: "svc-logo-image-placeholder", onClick: function () { return _this.model.chooseFile(_this.model); } },
405
+ react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("svg", null,
406
+ react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("use", { xlinkHref: "#icon-logo" })))) : null;
407
+ };
408
+ LogoImageComponent.prototype.renderInput = function () {
409
+ return react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("input", { "aria-hidden": "true", type: "file", tabIndex: -1, accept: this.model.acceptedTypes, className: "svc-choose-file-input" });
410
+ };
411
+ LogoImageComponent.prototype.render = function () {
384
412
  var content = null;
385
413
  if (this.model.survey.locLogo.renderedHtml) {
386
- content = Object(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__["attachKey2click"])(react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", { className: this.model.containerCss, onClick: function () { return _this.model.chooseFile(_this.model); } },
387
- react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__["LogoImage"], { data: this.props.data.survey })));
414
+ content = this.renderImage();
388
415
  }
389
416
  else {
390
- content = this.model.allowEdit && !this.model.isUploading ? Object(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__["attachKey2click"])(react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", { className: "svc-logo-image-placeholder", onClick: function () { return _this.model.chooseFile(_this.model); } },
391
- react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("svg", null,
392
- react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("use", { xlinkHref: "#icon-logo" })))) : null;
417
+ content = this.renderPlaceHolder();
393
418
  }
394
419
  return (react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", { ref: this.rootRef, className: "svc-logo-image" },
395
- react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("input", { "aria-hidden": "true", type: "file", tabIndex: -1, accept: "image/*", className: "svc-choose-file-input" }),
420
+ this.renderInput(),
396
421
  content));
397
422
  };
398
423
  return LogoImageComponent;
@@ -434,18 +459,20 @@ var MatrixCellAdornerComponent = /** @class */ (function (_super) {
434
459
  return _super !== null && _super.apply(this, arguments) || this;
435
460
  }
436
461
  MatrixCellAdornerComponent.prototype.createModel = function () {
462
+ var _a;
437
463
  var data = this.props.componentData;
438
- this.model = new survey_creator_core__WEBPACK_IMPORTED_MODULE_2__["MatrixCellWrapperViewModel"](data.creator, data.element, data.question, data.row, data.column);
464
+ this.model = new survey_creator_core__WEBPACK_IMPORTED_MODULE_2__["MatrixCellWrapperViewModel"](data.creator, data.element, data.question, data.row, data.column || ((_a = data.element.cell) === null || _a === void 0 ? void 0 : _a.column));
439
465
  };
440
466
  MatrixCellAdornerComponent.prototype.getUpdatedModelProps = function () {
441
467
  return ["componentData"];
442
468
  };
443
469
  MatrixCellAdornerComponent.prototype.componentDidUpdate = function (prevProps, prevState) {
470
+ var _a, _b;
444
471
  _super.prototype.componentDidUpdate.call(this, prevProps, prevState);
445
472
  var data = this.props.componentData;
446
473
  this.model.templateData = data.element;
447
474
  this.model.row = data.row;
448
- this.model.column = data.column;
475
+ 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);
449
476
  this.model.question = data.question;
450
477
  };
451
478
  MatrixCellAdornerComponent.prototype.getStateElement = function () {
@@ -455,7 +482,7 @@ var MatrixCellAdornerComponent = /** @class */ (function (_super) {
455
482
  var _this = this;
456
483
  var controls = null;
457
484
  if (!!this.model.isSupportCellEditor) {
458
- controls = react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", { className: "svc-matrix-cell__question-controls" }, Object(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__["attachKey2click"])(react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("span", { className: "svc-matrix-cell__question-controls-button", onClick: function () { return _this.model.editQuestion(_this.model); } },
485
+ controls = react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", { className: "svc-matrix-cell__question-controls" }, Object(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__["attachKey2click"])(react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("span", { className: "svc-matrix-cell__question-controls-button", onClick: function (event) { return _this.model.editQuestion(_this.model, event); } },
459
486
  react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__["SvgIcon"], { size: 24, iconName: "icon-edit" }))));
460
487
  }
461
488
  return (react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", { className: "svc-matrix-cell", tabIndex: -1, key: this.props.element.key, onClick: function (e) { return !_this.props.question && _this.model.selectContext(_this.model, e); }, onMouseOut: function (e) { return _this.model.hover(e.nativeEvent, e.currentTarget); }, onMouseOver: function (e) { return _this.model.hover(e.nativeEvent, e.currentTarget); } },
@@ -2395,7 +2422,7 @@ var QuestionImageAdornerComponent = /** @class */ (function (_super) {
2395
2422
  };
2396
2423
  QuestionImageAdornerComponent.prototype.renderHeader = function () {
2397
2424
  return (react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_2___default.a.Fragment, null,
2398
- react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("input", { type: "file", "aria-hidden": "true", tabIndex: -1, accept: "image/*", className: "svc-choose-file-input", style: {
2425
+ react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("input", { type: "file", "aria-hidden": "true", tabIndex: -1, accept: this.imageModel.acceptedTypes, className: "svc-choose-file-input", style: {
2399
2426
  position: "absolute",
2400
2427
  opacity: 0,
2401
2428
  width: "1px",
@@ -2406,7 +2433,7 @@ var QuestionImageAdornerComponent = /** @class */ (function (_super) {
2406
2433
  };
2407
2434
  QuestionImageAdornerComponent.prototype.renderElementPlaceholder = function () {
2408
2435
  var _this = this;
2409
- return (react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", { className: "svc-image-question-controls" }, this.model.allowEdit && !this.model.isUploading ? Object(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__["attachKey2click"])(react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("span", { className: "svc-image-question-controls__button svc-image-question-controls__choose-file", onClick: function () { return _this.imageModel.chooseFile(_this.imageModel); } },
2436
+ return (react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", { className: "svc-image-question-controls" }, this.model.allowEdit && !this.model.isUploading ? Object(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__["attachKey2click"])(react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("span", { className: "svc-context-button", onClick: function () { return _this.imageModel.chooseFile(_this.imageModel); } },
2410
2437
  react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__["SvgIcon"], { size: 24, iconName: "icon-file" }))) : null));
2411
2438
  };
2412
2439
  QuestionImageAdornerComponent.prototype.getStateElements = function () {
@@ -2870,7 +2897,7 @@ var __spreadArrays = function () {
2870
2897
  /*!******************************!*\
2871
2898
  !*** ./src/entries/index.ts ***!
2872
2899
  \******************************/
2873
- /*! exports provided: Version, SurveyCreatorComponent, SurveyCreator, RowWrapper, QuestionAdornerComponent, QuestionWrapperHeader, QuestionWrapperFooter, QuestionDropdownAdornerComponent, QuestionImageAdornerComponent, QuestionRatingAdornerComponent, QuestionWidgetAdornerComponent, CellQuestionAdornerComponent, CellQuestionDropdownAdornerComponent, CreatorSurveyPageComponent, PanelAdornerComponent, LogoImageComponent, SurveyQuestionLinkValue, SurveyElementEmbeddedSurvey, QuestionEditorContentComponent, ItemValueAdornerComponent, ImageItemValueAdornerComponent, MatrixCellAdornerComponent, SurveyResults, SurveyResultsByRow, SurveyCreatorToolboxTool, SurveyCreatorToolboxItem, SurveyCreatorToolboxCategory, Toolbox, AdaptiveToolbox, TabbedMenuComponent, TabbedMenuItemComponent, SurveyNavigation, SidebarComponent, TranslationLineSkeleton, ActionButton, SurveyLocStringEditor, SurveyLogicOpertor, TabDesignerComponent, TabEmbedComponent, TabJsonEditorAceComponent, TabJsonEditorTextareaComponent, TabLogicAddButtonComponent, TabLogicComponent, TabPreviewTestSurveyAgainComponent, TabPreviewSurveyComponent, TabTranslationComponent, SurveySimulator, ReactMouseEvent, ReactDragEvent, PropertyGridComponent, SurveyQuestionSpinEditor, SurveyQuestionColor, SurveyQuestionFileEditor, editorLocalization, localization, settings, svgBundle, SurveyLogic, SurveyLogicUI, SurveyQuestionEditorDefinition, ToolboxToolViewModel, PropertyGridEditorCollection, StylesManager */
2900
+ /*! exports provided: Version, SurveyCreatorComponent, SurveyCreator, RowWrapper, QuestionAdornerComponent, QuestionWrapperHeader, QuestionWrapperFooter, QuestionDropdownAdornerComponent, QuestionImageAdornerComponent, QuestionRatingAdornerComponent, QuestionWidgetAdornerComponent, CellQuestionAdornerComponent, CellQuestionDropdownAdornerComponent, CreatorSurveyPageComponent, PanelAdornerComponent, LogoImageComponent, SurveyQuestionLinkValue, SurveyElementEmbeddedSurvey, QuestionEditorContentComponent, ItemValueAdornerComponent, ImageItemValueAdornerComponent, MatrixCellAdornerComponent, SurveyResults, SurveyResultsByRow, SurveyCreatorToolboxTool, SurveyCreatorToolboxItem, SurveyCreatorToolboxCategory, Toolbox, AdaptiveToolbox, TabbedMenuComponent, TabbedMenuItemComponent, SurveyNavigation, SidebarComponent, TranslationLineSkeleton, ActionButton, SurveyLocStringEditor, SurveyLogicOpertor, TabDesignerComponent, TabEmbedComponent, TabJsonEditorAceComponent, TabJsonEditorTextareaComponent, TabLogicAddButtonComponent, TabLogicComponent, TabPreviewTestSurveyAgainComponent, TabPreviewSurveyComponent, TabThemeSurveyComponent, TabTranslationComponent, SurveySimulator, ReactMouseEvent, ReactDragEvent, PropertyGridComponent, SurveyQuestionSpinEditor, SurveyQuestionColor, SurveyQuestionFileEditor, editorLocalization, localization, settings, svgBundle, SurveyLogic, SurveyLogicUI, SurveyQuestionEditorDefinition, ToolboxToolViewModel, PropertyGridEditorCollection, StylesManager */
2874
2901
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
2875
2902
 
2876
2903
  "use strict";
@@ -3002,56 +3029,59 @@ __webpack_require__.r(__webpack_exports__);
3002
3029
 
3003
3030
  /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "TabPreviewSurveyComponent", function() { return _tabs_Preview__WEBPACK_IMPORTED_MODULE_37__["TabPreviewSurveyComponent"]; });
3004
3031
 
3005
- /* harmony import */ var _tabs_Translation__WEBPACK_IMPORTED_MODULE_38__ = __webpack_require__(/*! ../tabs/Translation */ "./src/tabs/Translation.tsx");
3006
- /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "TabTranslationComponent", function() { return _tabs_Translation__WEBPACK_IMPORTED_MODULE_38__["TabTranslationComponent"]; });
3032
+ /* harmony import */ var _tabs_Theme__WEBPACK_IMPORTED_MODULE_38__ = __webpack_require__(/*! ../tabs/Theme */ "./src/tabs/Theme.tsx");
3033
+ /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "TabThemeSurveyComponent", function() { return _tabs_Theme__WEBPACK_IMPORTED_MODULE_38__["TabThemeSurveyComponent"]; });
3034
+
3035
+ /* harmony import */ var _tabs_Translation__WEBPACK_IMPORTED_MODULE_39__ = __webpack_require__(/*! ../tabs/Translation */ "./src/tabs/Translation.tsx");
3036
+ /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "TabTranslationComponent", function() { return _tabs_Translation__WEBPACK_IMPORTED_MODULE_39__["TabTranslationComponent"]; });
3007
3037
 
3008
- /* harmony import */ var _tabs_SurveySimulator__WEBPACK_IMPORTED_MODULE_39__ = __webpack_require__(/*! ../tabs/SurveySimulator */ "./src/tabs/SurveySimulator.tsx");
3009
- /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveySimulator", function() { return _tabs_SurveySimulator__WEBPACK_IMPORTED_MODULE_39__["SurveySimulator"]; });
3038
+ /* harmony import */ var _tabs_SurveySimulator__WEBPACK_IMPORTED_MODULE_40__ = __webpack_require__(/*! ../tabs/SurveySimulator */ "./src/tabs/SurveySimulator.tsx");
3039
+ /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveySimulator", function() { return _tabs_SurveySimulator__WEBPACK_IMPORTED_MODULE_40__["SurveySimulator"]; });
3010
3040
 
3011
- /* harmony import */ var _events__WEBPACK_IMPORTED_MODULE_40__ = __webpack_require__(/*! ../events */ "./src/events.ts");
3012
- /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ReactMouseEvent", function() { return _events__WEBPACK_IMPORTED_MODULE_40__["ReactMouseEvent"]; });
3041
+ /* harmony import */ var _events__WEBPACK_IMPORTED_MODULE_41__ = __webpack_require__(/*! ../events */ "./src/events.ts");
3042
+ /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ReactMouseEvent", function() { return _events__WEBPACK_IMPORTED_MODULE_41__["ReactMouseEvent"]; });
3013
3043
 
3014
- /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ReactDragEvent", function() { return _events__WEBPACK_IMPORTED_MODULE_40__["ReactDragEvent"]; });
3044
+ /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ReactDragEvent", function() { return _events__WEBPACK_IMPORTED_MODULE_41__["ReactDragEvent"]; });
3015
3045
 
3016
- /* harmony import */ var _ObjectSelector__WEBPACK_IMPORTED_MODULE_41__ = __webpack_require__(/*! ../ObjectSelector */ "./src/ObjectSelector.tsx");
3017
- /* empty/unused harmony star reexport *//* harmony import */ var _PropertyGrid__WEBPACK_IMPORTED_MODULE_42__ = __webpack_require__(/*! ../PropertyGrid */ "./src/PropertyGrid.tsx");
3018
- /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridComponent", function() { return _PropertyGrid__WEBPACK_IMPORTED_MODULE_42__["PropertyGridComponent"]; });
3046
+ /* harmony import */ var _ObjectSelector__WEBPACK_IMPORTED_MODULE_42__ = __webpack_require__(/*! ../ObjectSelector */ "./src/ObjectSelector.tsx");
3047
+ /* empty/unused harmony star reexport *//* harmony import */ var _PropertyGrid__WEBPACK_IMPORTED_MODULE_43__ = __webpack_require__(/*! ../PropertyGrid */ "./src/PropertyGrid.tsx");
3048
+ /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridComponent", function() { return _PropertyGrid__WEBPACK_IMPORTED_MODULE_43__["PropertyGridComponent"]; });
3019
3049
 
3020
- /* harmony import */ var _custom_questions_SpinEditor__WEBPACK_IMPORTED_MODULE_43__ = __webpack_require__(/*! ../custom-questions/SpinEditor */ "./src/custom-questions/SpinEditor.tsx");
3021
- /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionSpinEditor", function() { return _custom_questions_SpinEditor__WEBPACK_IMPORTED_MODULE_43__["SurveyQuestionSpinEditor"]; });
3050
+ /* harmony import */ var _custom_questions_SpinEditor__WEBPACK_IMPORTED_MODULE_44__ = __webpack_require__(/*! ../custom-questions/SpinEditor */ "./src/custom-questions/SpinEditor.tsx");
3051
+ /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionSpinEditor", function() { return _custom_questions_SpinEditor__WEBPACK_IMPORTED_MODULE_44__["SurveyQuestionSpinEditor"]; });
3022
3052
 
3023
- /* harmony import */ var _custom_questions_ColorQuestion__WEBPACK_IMPORTED_MODULE_44__ = __webpack_require__(/*! ../custom-questions/ColorQuestion */ "./src/custom-questions/ColorQuestion.tsx");
3024
- /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionColor", function() { return _custom_questions_ColorQuestion__WEBPACK_IMPORTED_MODULE_44__["SurveyQuestionColor"]; });
3053
+ /* harmony import */ var _custom_questions_ColorQuestion__WEBPACK_IMPORTED_MODULE_45__ = __webpack_require__(/*! ../custom-questions/ColorQuestion */ "./src/custom-questions/ColorQuestion.tsx");
3054
+ /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionColor", function() { return _custom_questions_ColorQuestion__WEBPACK_IMPORTED_MODULE_45__["SurveyQuestionColor"]; });
3025
3055
 
3026
- /* harmony import */ var _custom_questions_FileEditQuestion__WEBPACK_IMPORTED_MODULE_45__ = __webpack_require__(/*! ../custom-questions/FileEditQuestion */ "./src/custom-questions/FileEditQuestion.tsx");
3027
- /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionFileEditor", function() { return _custom_questions_FileEditQuestion__WEBPACK_IMPORTED_MODULE_45__["SurveyQuestionFileEditor"]; });
3056
+ /* harmony import */ var _custom_questions_FileEditQuestion__WEBPACK_IMPORTED_MODULE_46__ = __webpack_require__(/*! ../custom-questions/FileEditQuestion */ "./src/custom-questions/FileEditQuestion.tsx");
3057
+ /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionFileEditor", function() { return _custom_questions_FileEditQuestion__WEBPACK_IMPORTED_MODULE_46__["SurveyQuestionFileEditor"]; });
3028
3058
 
3029
- /* harmony import */ var survey_creator_core__WEBPACK_IMPORTED_MODULE_46__ = __webpack_require__(/*! survey-creator-core */ "survey-creator-core");
3030
- /* harmony import */ var survey_creator_core__WEBPACK_IMPORTED_MODULE_46___default = /*#__PURE__*/__webpack_require__.n(survey_creator_core__WEBPACK_IMPORTED_MODULE_46__);
3031
- /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "editorLocalization", function() { return survey_creator_core__WEBPACK_IMPORTED_MODULE_46__["editorLocalization"]; });
3059
+ /* harmony import */ var survey_creator_core__WEBPACK_IMPORTED_MODULE_47__ = __webpack_require__(/*! survey-creator-core */ "survey-creator-core");
3060
+ /* harmony import */ var survey_creator_core__WEBPACK_IMPORTED_MODULE_47___default = /*#__PURE__*/__webpack_require__.n(survey_creator_core__WEBPACK_IMPORTED_MODULE_47__);
3061
+ /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "editorLocalization", function() { return survey_creator_core__WEBPACK_IMPORTED_MODULE_47__["editorLocalization"]; });
3032
3062
 
3033
- /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "localization", function() { return survey_creator_core__WEBPACK_IMPORTED_MODULE_46__["localization"]; });
3063
+ /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "localization", function() { return survey_creator_core__WEBPACK_IMPORTED_MODULE_47__["localization"]; });
3034
3064
 
3035
- /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "settings", function() { return survey_creator_core__WEBPACK_IMPORTED_MODULE_46__["settings"]; });
3065
+ /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "settings", function() { return survey_creator_core__WEBPACK_IMPORTED_MODULE_47__["settings"]; });
3036
3066
 
3037
- /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "svgBundle", function() { return survey_creator_core__WEBPACK_IMPORTED_MODULE_46__["svgBundle"]; });
3067
+ /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "svgBundle", function() { return survey_creator_core__WEBPACK_IMPORTED_MODULE_47__["svgBundle"]; });
3038
3068
 
3039
- /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyLogic", function() { return survey_creator_core__WEBPACK_IMPORTED_MODULE_46__["SurveyLogic"]; });
3069
+ /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyLogic", function() { return survey_creator_core__WEBPACK_IMPORTED_MODULE_47__["SurveyLogic"]; });
3040
3070
 
3041
- /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyLogicUI", function() { return survey_creator_core__WEBPACK_IMPORTED_MODULE_46__["SurveyLogicUI"]; });
3071
+ /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyLogicUI", function() { return survey_creator_core__WEBPACK_IMPORTED_MODULE_47__["SurveyLogicUI"]; });
3042
3072
 
3043
- /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionEditorDefinition", function() { return survey_creator_core__WEBPACK_IMPORTED_MODULE_46__["SurveyQuestionEditorDefinition"]; });
3073
+ /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionEditorDefinition", function() { return survey_creator_core__WEBPACK_IMPORTED_MODULE_47__["SurveyQuestionEditorDefinition"]; });
3044
3074
 
3045
- /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ToolboxToolViewModel", function() { return survey_creator_core__WEBPACK_IMPORTED_MODULE_46__["ToolboxToolViewModel"]; });
3075
+ /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ToolboxToolViewModel", function() { return survey_creator_core__WEBPACK_IMPORTED_MODULE_47__["ToolboxToolViewModel"]; });
3046
3076
 
3047
- /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorCollection", function() { return survey_creator_core__WEBPACK_IMPORTED_MODULE_46__["PropertyGridEditorCollection"]; });
3077
+ /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorCollection", function() { return survey_creator_core__WEBPACK_IMPORTED_MODULE_47__["PropertyGridEditorCollection"]; });
3048
3078
 
3049
- /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "StylesManager", function() { return survey_creator_core__WEBPACK_IMPORTED_MODULE_46__["StylesManager"]; });
3079
+ /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "StylesManager", function() { return survey_creator_core__WEBPACK_IMPORTED_MODULE_47__["StylesManager"]; });
3050
3080
 
3051
- /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_47__ = __webpack_require__(/*! survey-core */ "survey-core");
3052
- /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_47___default = /*#__PURE__*/__webpack_require__.n(survey_core__WEBPACK_IMPORTED_MODULE_47__);
3081
+ /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_48__ = __webpack_require__(/*! survey-core */ "survey-core");
3082
+ /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_48___default = /*#__PURE__*/__webpack_require__.n(survey_core__WEBPACK_IMPORTED_MODULE_48__);
3053
3083
  var Version;
3054
- Version = "".concat("1.9.88");
3084
+ Version = "".concat("1.9.89");
3055
3085
  // import "@survey/creator/survey-creator-core.css";
3056
3086
 
3057
3087
 
@@ -3094,6 +3124,7 @@ Version = "".concat("1.9.88");
3094
3124
 
3095
3125
 
3096
3126
 
3127
+
3097
3128
 
3098
3129
 
3099
3130
  //custom questions
@@ -3108,7 +3139,7 @@ Version = "".concat("1.9.88");
3108
3139
 
3109
3140
 
3110
3141
 
3111
- Object(survey_core__WEBPACK_IMPORTED_MODULE_47__["checkLibraryVersion"])("".concat("1.9.88"), "survey-creator-react");
3142
+ Object(survey_core__WEBPACK_IMPORTED_MODULE_48__["checkLibraryVersion"])("".concat("1.9.89"), "survey-creator-react");
3112
3143
 
3113
3144
 
3114
3145
  /***/ }),
@@ -3772,10 +3803,10 @@ var SurveySimulator = /** @class */ (function (_super) {
3772
3803
  var _this = this;
3773
3804
  var mainSimulatorClass = this.model.getRootCss();
3774
3805
  if (!this.model.survey) {
3775
- return react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", { className: mainSimulatorClass });
3806
+ return react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", { className: mainSimulatorClass, style: this.model.themeVariables });
3776
3807
  }
3777
3808
  if (this.model.hasFrame) {
3778
- return (react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", { className: mainSimulatorClass, onKeyDown: function (e) { return _this.model.tryToZoom(e, e); }, onMouseEnter: this.model.device === "desktop" ? null : this.model.activateZoom, onMouseLeave: this.model.device === "desktop" ? null : this.model.deactivateZoom },
3809
+ return (react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", { style: this.model.themeVariables, className: mainSimulatorClass, onKeyDown: function (e) { return _this.model.tryToZoom(e, e); }, onMouseEnter: this.model.device === "desktop" ? null : this.model.activateZoom, onMouseLeave: this.model.device === "desktop" ? null : this.model.deactivateZoom },
3779
3810
  react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", { className: "svd-simulator-wrapper", id: "svd-simulator-wrapper", style: {
3780
3811
  width: this.model.simulatorFrame.frameWidth + "px",
3781
3812
  height: this.model.simulatorFrame.frameHeight + "px"
@@ -3795,7 +3826,7 @@ var SurveySimulator = /** @class */ (function (_super) {
3795
3826
  react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_1__["Survey"], { model: this.model.survey }))))));
3796
3827
  }
3797
3828
  else {
3798
- return (react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", { className: mainSimulatorClass },
3829
+ return (react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", { style: this.model.themeVariables, className: mainSimulatorClass },
3799
3830
  react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", { className: "svd-simulator-content" },
3800
3831
  react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_1__["Survey"], { model: this.model.survey }))));
3801
3832
  }
@@ -3805,6 +3836,73 @@ var SurveySimulator = /** @class */ (function (_super) {
3805
3836
 
3806
3837
 
3807
3838
 
3839
+ /***/ }),
3840
+
3841
+ /***/ "./src/tabs/Theme.tsx":
3842
+ /*!****************************!*\
3843
+ !*** ./src/tabs/Theme.tsx ***!
3844
+ \****************************/
3845
+ /*! exports provided: TabThemeSurveyComponent */
3846
+ /***/ (function(module, __webpack_exports__, __webpack_require__) {
3847
+
3848
+ "use strict";
3849
+ __webpack_require__.r(__webpack_exports__);
3850
+ /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "TabThemeSurveyComponent", function() { return TabThemeSurveyComponent; });
3851
+ /* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./src/entries/helpers.ts");
3852
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
3853
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
3854
+ /* harmony import */ var survey_react_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! survey-react-ui */ "survey-react-ui");
3855
+ /* harmony import */ var survey_react_ui__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__);
3856
+ /* harmony import */ var _SurveySimulator__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./SurveySimulator */ "./src/tabs/SurveySimulator.tsx");
3857
+ /* harmony import */ var _Results__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../Results */ "./src/Results.tsx");
3858
+ /* harmony import */ var _Preview__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./Preview */ "./src/tabs/Preview.tsx");
3859
+
3860
+
3861
+
3862
+
3863
+
3864
+
3865
+ var TabThemeSurveyComponent = /** @class */ (function (_super) {
3866
+ Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__extends"])(TabThemeSurveyComponent, _super);
3867
+ function TabThemeSurveyComponent() {
3868
+ return _super !== null && _super.apply(this, arguments) || this;
3869
+ }
3870
+ Object.defineProperty(TabThemeSurveyComponent.prototype, "model", {
3871
+ get: function () {
3872
+ return this.props.data;
3873
+ },
3874
+ enumerable: false,
3875
+ configurable: true
3876
+ });
3877
+ TabThemeSurveyComponent.prototype.getStateElement = function () {
3878
+ return this.model;
3879
+ };
3880
+ TabThemeSurveyComponent.prototype.renderElement = function () {
3881
+ var tabContentClassName = "svc-creator-tab__content svc-test-tab__content" + (this.model.isPageToolbarVisible ? " svc-creator-tab__content--with-toolbar" : "");
3882
+ return (react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", { className: tabContentClassName },
3883
+ react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", { className: "svc-plugin-tab__content" },
3884
+ react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_SurveySimulator__WEBPACK_IMPORTED_MODULE_3__["SurveySimulator"], { model: this.model.simulator }),
3885
+ !this.model.isRunning ? react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_Preview__WEBPACK_IMPORTED_MODULE_5__["TabPreviewTestSurveyAgainComponent"], { button: this.model.testAgainAction }) : null,
3886
+ !this.model.isRunning ? react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_Results__WEBPACK_IMPORTED_MODULE_4__["SurveyResults"], { survey: this.model.simulator.survey }) : null),
3887
+ this.getBottomToolbar()));
3888
+ };
3889
+ TabThemeSurveyComponent.prototype.getBottomToolbar = function () {
3890
+ if (this.model.isPageToolbarVisible) {
3891
+ return (react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", { className: "svc-test-tab__content-actions" },
3892
+ react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__["SurveyActionBar"], { model: this.model.pages })));
3893
+ }
3894
+ else {
3895
+ return null;
3896
+ }
3897
+ };
3898
+ return TabThemeSurveyComponent;
3899
+ }(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__["SurveyElementBase"]));
3900
+
3901
+ survey_react_ui__WEBPACK_IMPORTED_MODULE_2__["ReactElementFactory"].Instance.registerElement("svc-tab-theme", function (props) {
3902
+ return react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(TabThemeSurveyComponent, props);
3903
+ });
3904
+
3905
+
3808
3906
  /***/ }),
3809
3907
 
3810
3908
  /***/ "./src/tabs/Translation.tsx":