survey-creator-react 1.9.88 → 1.9.90

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 +185 -65
  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.90",
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.90",
33
+ "survey-react-ui": "1.9.90",
34
+ "survey-creator-core": "1.9.90",
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.90
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",
@@ -367,7 +367,11 @@ var LogoImageComponent = /** @class */ (function (_super) {
367
367
  return _this;
368
368
  }
369
369
  LogoImageComponent.prototype.createModel = function () {
370
- this.model = new survey_creator_core__WEBPACK_IMPORTED_MODULE_3__["LogoImageViewModel"](this.props.data, null);
370
+ var prevRoot = null;
371
+ if (!!this.model) {
372
+ prevRoot = this.model.root;
373
+ }
374
+ this.model = new survey_creator_core__WEBPACK_IMPORTED_MODULE_3__["LogoImageViewModel"](this.props.data, prevRoot);
371
375
  };
372
376
  LogoImageComponent.prototype.getUpdatedModelProps = function () {
373
377
  return ["data"];
@@ -379,20 +383,45 @@ var LogoImageComponent = /** @class */ (function (_super) {
379
383
  _super.prototype.componentDidMount.call(this);
380
384
  this.model.root = this.rootRef.current;
381
385
  };
382
- LogoImageComponent.prototype.render = function () {
386
+ LogoImageComponent.prototype.renderChooseButton = function () {
387
+ var _this = this;
388
+ 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); } },
389
+ react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__["SvgIcon"], { size: 24, iconName: "icon-file" })));
390
+ };
391
+ LogoImageComponent.prototype.renderClearButton = function () {
383
392
  var _this = this;
393
+ 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); } },
394
+ react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__["SvgIcon"], { size: 24, iconName: "icon-clear" })));
395
+ };
396
+ LogoImageComponent.prototype.renderButtons = function () {
397
+ return (react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", { className: "svc-context-container svc-logo-image-controls" },
398
+ this.renderChooseButton(),
399
+ this.renderClearButton()));
400
+ };
401
+ LogoImageComponent.prototype.renderImage = function () {
402
+ return react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", { className: this.model.containerCss },
403
+ this.renderButtons(),
404
+ react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__["LogoImage"], { data: this.props.data.survey }));
405
+ };
406
+ LogoImageComponent.prototype.renderPlaceHolder = function () {
407
+ var _this = this;
408
+ 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); } },
409
+ react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("svg", null,
410
+ react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("use", { xlinkHref: "#icon-logo" })))) : null;
411
+ };
412
+ LogoImageComponent.prototype.renderInput = function () {
413
+ 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" });
414
+ };
415
+ LogoImageComponent.prototype.render = function () {
384
416
  var content = null;
385
417
  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 })));
418
+ content = this.renderImage();
388
419
  }
389
420
  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;
421
+ content = this.renderPlaceHolder();
393
422
  }
394
423
  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" }),
424
+ this.renderInput(),
396
425
  content));
397
426
  };
398
427
  return LogoImageComponent;
@@ -434,18 +463,20 @@ var MatrixCellAdornerComponent = /** @class */ (function (_super) {
434
463
  return _super !== null && _super.apply(this, arguments) || this;
435
464
  }
436
465
  MatrixCellAdornerComponent.prototype.createModel = function () {
466
+ var _a;
437
467
  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);
468
+ 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
469
  };
440
470
  MatrixCellAdornerComponent.prototype.getUpdatedModelProps = function () {
441
471
  return ["componentData"];
442
472
  };
443
473
  MatrixCellAdornerComponent.prototype.componentDidUpdate = function (prevProps, prevState) {
474
+ var _a, _b;
444
475
  _super.prototype.componentDidUpdate.call(this, prevProps, prevState);
445
476
  var data = this.props.componentData;
446
477
  this.model.templateData = data.element;
447
478
  this.model.row = data.row;
448
- this.model.column = data.column;
479
+ 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
480
  this.model.question = data.question;
450
481
  };
451
482
  MatrixCellAdornerComponent.prototype.getStateElement = function () {
@@ -455,7 +486,7 @@ var MatrixCellAdornerComponent = /** @class */ (function (_super) {
455
486
  var _this = this;
456
487
  var controls = null;
457
488
  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); } },
489
+ 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
490
  react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__["SvgIcon"], { size: 24, iconName: "icon-edit" }))));
460
491
  }
461
492
  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); } },
@@ -1846,7 +1877,7 @@ var CellQuestionAdornerComponent = /** @class */ (function (_super) {
1846
1877
  }
1847
1878
  return (react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_1___default.a.Fragment, null,
1848
1879
  react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", { "data-sv-drop-target-survey-element": this.model.element.name, className: "svc-question__adorner" },
1849
- react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", { className: " svc-question__content--selected-no-border svc-question__content" }, this.props.element))));
1880
+ react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", { className: " svc-question__content--in-popup svc-question__content" }, this.props.element))));
1850
1881
  };
1851
1882
  return CellQuestionAdornerComponent;
1852
1883
  }(_ModelElement__WEBPACK_IMPORTED_MODULE_3__["CreatorModelElement"]));
@@ -1903,7 +1934,7 @@ var CellQuestionDropdownAdornerComponent = /** @class */ (function (_super) {
1903
1934
  var textStyle = this.props.question.textStyle;
1904
1935
  return (react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_2___default.a.Fragment, null,
1905
1936
  react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", { "data-sv-drop-target-survey-element": this.model.element.name, className: "svc-question__adorner" },
1906
- react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", { className: " svc-question__content--selected-no-border svc-question__content" },
1937
+ react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", { className: " svc-question__content--in-popup svc-question__content" },
1907
1938
  this.props.element,
1908
1939
  react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", { className: "svc-question__dropdown-choices" }, question.visibleChoices.map(function (item, index) { return (react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", { className: "svc-question__dropdown-choice", key: "editable_choice_".concat(index) }, survey_react_ui__WEBPACK_IMPORTED_MODULE_3__["ReactSurveyElementsWrapper"].wrapItemValue(question.survey, survey_react_ui__WEBPACK_IMPORTED_MODULE_3__["ReactElementFactory"].Instance.createElement("survey-radiogroup-item", {
1909
1940
  question: question,
@@ -2004,9 +2035,28 @@ var CreatorSurveyPageComponent = /** @class */ (function (_super) {
2004
2035
  react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_1__["SurveyActionBar"], { model: this.model.actionContainer })));
2005
2036
  };
2006
2037
  CreatorSurveyPageComponent.prototype.renderFooter = function () {
2038
+ return react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_1__["SurveyActionBar"], { model: this.model.footerActionsBar });
2039
+ };
2040
+ return CreatorSurveyPageComponent;
2041
+ }(_ModelElement__WEBPACK_IMPORTED_MODULE_2__["CreatorModelElement"]));
2042
+
2043
+ survey_react_ui__WEBPACK_IMPORTED_MODULE_1__["ReactElementFactory"].Instance.registerElement("svc-page", function (props) {
2044
+ return react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement(CreatorSurveyPageComponent, props);
2045
+ });
2046
+ var AddQuestionButtonComponent = /** @class */ (function (_super) {
2047
+ Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__extends"])(AddQuestionButtonComponent, _super);
2048
+ function AddQuestionButtonComponent() {
2049
+ return _super !== null && _super.apply(this, arguments) || this;
2050
+ }
2051
+ Object.defineProperty(AddQuestionButtonComponent.prototype, "model", {
2052
+ get: function () {
2053
+ return this.props.item.data;
2054
+ },
2055
+ enumerable: false,
2056
+ configurable: true
2057
+ });
2058
+ AddQuestionButtonComponent.prototype.renderElement = function () {
2007
2059
  var _this = this;
2008
- if (!this.model.showAddQuestionButton)
2009
- return null;
2010
2060
  var questionTypeSelectorModel = this.model.questionTypeSelectorModel;
2011
2061
  return Object(survey_react_ui__WEBPACK_IMPORTED_MODULE_1__["attachKey2click"])(react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement("div", { className: "svc-page__add-new-question svc-btn", onClick: function (e) {
2012
2062
  e.stopPropagation();
@@ -2021,11 +2071,10 @@ var CreatorSurveyPageComponent = /** @class */ (function (_super) {
2021
2071
  react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_1__["SvgIcon"], { iconName: questionTypeSelectorModel.iconName, size: 24, title: this.model.addNewQuestionText })),
2022
2072
  react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_1__["Popup"], { model: questionTypeSelectorModel.popupModel })))));
2023
2073
  };
2024
- return CreatorSurveyPageComponent;
2025
- }(_ModelElement__WEBPACK_IMPORTED_MODULE_2__["CreatorModelElement"]));
2026
-
2027
- survey_react_ui__WEBPACK_IMPORTED_MODULE_1__["ReactElementFactory"].Instance.registerElement("svc-page", function (props) {
2028
- return react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement(CreatorSurveyPageComponent, props);
2074
+ return AddQuestionButtonComponent;
2075
+ }(survey_react_ui__WEBPACK_IMPORTED_MODULE_1__["SurveyElementBase"]));
2076
+ survey_react_ui__WEBPACK_IMPORTED_MODULE_1__["ReactElementFactory"].Instance.registerElement("svc-add-new-question-btn", function (props) {
2077
+ return react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement(AddQuestionButtonComponent, props);
2029
2078
  });
2030
2079
 
2031
2080
 
@@ -2395,7 +2444,7 @@ var QuestionImageAdornerComponent = /** @class */ (function (_super) {
2395
2444
  };
2396
2445
  QuestionImageAdornerComponent.prototype.renderHeader = function () {
2397
2446
  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: {
2447
+ 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
2448
  position: "absolute",
2400
2449
  opacity: 0,
2401
2450
  width: "1px",
@@ -2406,7 +2455,7 @@ var QuestionImageAdornerComponent = /** @class */ (function (_super) {
2406
2455
  };
2407
2456
  QuestionImageAdornerComponent.prototype.renderElementPlaceholder = function () {
2408
2457
  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); } },
2458
+ 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
2459
  react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__["SvgIcon"], { size: 24, iconName: "icon-file" }))) : null));
2411
2460
  };
2412
2461
  QuestionImageAdornerComponent.prototype.getStateElements = function () {
@@ -2870,7 +2919,7 @@ var __spreadArrays = function () {
2870
2919
  /*!******************************!*\
2871
2920
  !*** ./src/entries/index.ts ***!
2872
2921
  \******************************/
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 */
2922
+ /*! 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
2923
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
2875
2924
 
2876
2925
  "use strict";
@@ -3002,56 +3051,59 @@ __webpack_require__.r(__webpack_exports__);
3002
3051
 
3003
3052
  /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "TabPreviewSurveyComponent", function() { return _tabs_Preview__WEBPACK_IMPORTED_MODULE_37__["TabPreviewSurveyComponent"]; });
3004
3053
 
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"]; });
3054
+ /* harmony import */ var _tabs_Theme__WEBPACK_IMPORTED_MODULE_38__ = __webpack_require__(/*! ../tabs/Theme */ "./src/tabs/Theme.tsx");
3055
+ /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "TabThemeSurveyComponent", function() { return _tabs_Theme__WEBPACK_IMPORTED_MODULE_38__["TabThemeSurveyComponent"]; });
3007
3056
 
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"]; });
3057
+ /* harmony import */ var _tabs_Translation__WEBPACK_IMPORTED_MODULE_39__ = __webpack_require__(/*! ../tabs/Translation */ "./src/tabs/Translation.tsx");
3058
+ /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "TabTranslationComponent", function() { return _tabs_Translation__WEBPACK_IMPORTED_MODULE_39__["TabTranslationComponent"]; });
3010
3059
 
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"]; });
3060
+ /* harmony import */ var _tabs_SurveySimulator__WEBPACK_IMPORTED_MODULE_40__ = __webpack_require__(/*! ../tabs/SurveySimulator */ "./src/tabs/SurveySimulator.tsx");
3061
+ /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveySimulator", function() { return _tabs_SurveySimulator__WEBPACK_IMPORTED_MODULE_40__["SurveySimulator"]; });
3013
3062
 
3014
- /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ReactDragEvent", function() { return _events__WEBPACK_IMPORTED_MODULE_40__["ReactDragEvent"]; });
3063
+ /* harmony import */ var _events__WEBPACK_IMPORTED_MODULE_41__ = __webpack_require__(/*! ../events */ "./src/events.ts");
3064
+ /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ReactMouseEvent", function() { return _events__WEBPACK_IMPORTED_MODULE_41__["ReactMouseEvent"]; });
3015
3065
 
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"]; });
3066
+ /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ReactDragEvent", function() { return _events__WEBPACK_IMPORTED_MODULE_41__["ReactDragEvent"]; });
3019
3067
 
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"]; });
3068
+ /* harmony import */ var _ObjectSelector__WEBPACK_IMPORTED_MODULE_42__ = __webpack_require__(/*! ../ObjectSelector */ "./src/ObjectSelector.tsx");
3069
+ /* empty/unused harmony star reexport *//* harmony import */ var _PropertyGrid__WEBPACK_IMPORTED_MODULE_43__ = __webpack_require__(/*! ../PropertyGrid */ "./src/PropertyGrid.tsx");
3070
+ /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridComponent", function() { return _PropertyGrid__WEBPACK_IMPORTED_MODULE_43__["PropertyGridComponent"]; });
3022
3071
 
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"]; });
3072
+ /* harmony import */ var _custom_questions_SpinEditor__WEBPACK_IMPORTED_MODULE_44__ = __webpack_require__(/*! ../custom-questions/SpinEditor */ "./src/custom-questions/SpinEditor.tsx");
3073
+ /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionSpinEditor", function() { return _custom_questions_SpinEditor__WEBPACK_IMPORTED_MODULE_44__["SurveyQuestionSpinEditor"]; });
3025
3074
 
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"]; });
3075
+ /* harmony import */ var _custom_questions_ColorQuestion__WEBPACK_IMPORTED_MODULE_45__ = __webpack_require__(/*! ../custom-questions/ColorQuestion */ "./src/custom-questions/ColorQuestion.tsx");
3076
+ /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionColor", function() { return _custom_questions_ColorQuestion__WEBPACK_IMPORTED_MODULE_45__["SurveyQuestionColor"]; });
3028
3077
 
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"]; });
3078
+ /* harmony import */ var _custom_questions_FileEditQuestion__WEBPACK_IMPORTED_MODULE_46__ = __webpack_require__(/*! ../custom-questions/FileEditQuestion */ "./src/custom-questions/FileEditQuestion.tsx");
3079
+ /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionFileEditor", function() { return _custom_questions_FileEditQuestion__WEBPACK_IMPORTED_MODULE_46__["SurveyQuestionFileEditor"]; });
3032
3080
 
3033
- /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "localization", function() { return survey_creator_core__WEBPACK_IMPORTED_MODULE_46__["localization"]; });
3081
+ /* harmony import */ var survey_creator_core__WEBPACK_IMPORTED_MODULE_47__ = __webpack_require__(/*! survey-creator-core */ "survey-creator-core");
3082
+ /* harmony import */ var survey_creator_core__WEBPACK_IMPORTED_MODULE_47___default = /*#__PURE__*/__webpack_require__.n(survey_creator_core__WEBPACK_IMPORTED_MODULE_47__);
3083
+ /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "editorLocalization", function() { return survey_creator_core__WEBPACK_IMPORTED_MODULE_47__["editorLocalization"]; });
3034
3084
 
3035
- /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "settings", function() { return survey_creator_core__WEBPACK_IMPORTED_MODULE_46__["settings"]; });
3085
+ /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "localization", function() { return survey_creator_core__WEBPACK_IMPORTED_MODULE_47__["localization"]; });
3036
3086
 
3037
- /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "svgBundle", function() { return survey_creator_core__WEBPACK_IMPORTED_MODULE_46__["svgBundle"]; });
3087
+ /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "settings", function() { return survey_creator_core__WEBPACK_IMPORTED_MODULE_47__["settings"]; });
3038
3088
 
3039
- /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyLogic", function() { return survey_creator_core__WEBPACK_IMPORTED_MODULE_46__["SurveyLogic"]; });
3089
+ /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "svgBundle", function() { return survey_creator_core__WEBPACK_IMPORTED_MODULE_47__["svgBundle"]; });
3040
3090
 
3041
- /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyLogicUI", function() { return survey_creator_core__WEBPACK_IMPORTED_MODULE_46__["SurveyLogicUI"]; });
3091
+ /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyLogic", function() { return survey_creator_core__WEBPACK_IMPORTED_MODULE_47__["SurveyLogic"]; });
3042
3092
 
3043
- /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionEditorDefinition", function() { return survey_creator_core__WEBPACK_IMPORTED_MODULE_46__["SurveyQuestionEditorDefinition"]; });
3093
+ /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyLogicUI", function() { return survey_creator_core__WEBPACK_IMPORTED_MODULE_47__["SurveyLogicUI"]; });
3044
3094
 
3045
- /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ToolboxToolViewModel", function() { return survey_creator_core__WEBPACK_IMPORTED_MODULE_46__["ToolboxToolViewModel"]; });
3095
+ /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionEditorDefinition", function() { return survey_creator_core__WEBPACK_IMPORTED_MODULE_47__["SurveyQuestionEditorDefinition"]; });
3046
3096
 
3047
- /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorCollection", function() { return survey_creator_core__WEBPACK_IMPORTED_MODULE_46__["PropertyGridEditorCollection"]; });
3097
+ /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ToolboxToolViewModel", function() { return survey_creator_core__WEBPACK_IMPORTED_MODULE_47__["ToolboxToolViewModel"]; });
3048
3098
 
3049
- /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "StylesManager", function() { return survey_creator_core__WEBPACK_IMPORTED_MODULE_46__["StylesManager"]; });
3099
+ /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorCollection", function() { return survey_creator_core__WEBPACK_IMPORTED_MODULE_47__["PropertyGridEditorCollection"]; });
3050
3100
 
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__);
3101
+ /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "StylesManager", function() { return survey_creator_core__WEBPACK_IMPORTED_MODULE_47__["StylesManager"]; });
3102
+
3103
+ /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_48__ = __webpack_require__(/*! survey-core */ "survey-core");
3104
+ /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_48___default = /*#__PURE__*/__webpack_require__.n(survey_core__WEBPACK_IMPORTED_MODULE_48__);
3053
3105
  var Version;
3054
- Version = "".concat("1.9.88");
3106
+ Version = "".concat("1.9.90");
3055
3107
  // import "@survey/creator/survey-creator-core.css";
3056
3108
 
3057
3109
 
@@ -3094,6 +3146,7 @@ Version = "".concat("1.9.88");
3094
3146
 
3095
3147
 
3096
3148
 
3149
+
3097
3150
 
3098
3151
 
3099
3152
  //custom questions
@@ -3108,7 +3161,7 @@ Version = "".concat("1.9.88");
3108
3161
 
3109
3162
 
3110
3163
 
3111
- Object(survey_core__WEBPACK_IMPORTED_MODULE_47__["checkLibraryVersion"])("".concat("1.9.88"), "survey-creator-react");
3164
+ Object(survey_core__WEBPACK_IMPORTED_MODULE_48__["checkLibraryVersion"])("".concat("1.9.90"), "survey-creator-react");
3112
3165
 
3113
3166
 
3114
3167
  /***/ }),
@@ -3772,10 +3825,10 @@ var SurveySimulator = /** @class */ (function (_super) {
3772
3825
  var _this = this;
3773
3826
  var mainSimulatorClass = this.model.getRootCss();
3774
3827
  if (!this.model.survey) {
3775
- return react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", { className: mainSimulatorClass });
3828
+ return react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", { className: mainSimulatorClass, style: this.model.themeVariables });
3776
3829
  }
3777
3830
  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 },
3831
+ 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
3832
  react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", { className: "svd-simulator-wrapper", id: "svd-simulator-wrapper", style: {
3780
3833
  width: this.model.simulatorFrame.frameWidth + "px",
3781
3834
  height: this.model.simulatorFrame.frameHeight + "px"
@@ -3795,7 +3848,7 @@ var SurveySimulator = /** @class */ (function (_super) {
3795
3848
  react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_1__["Survey"], { model: this.model.survey }))))));
3796
3849
  }
3797
3850
  else {
3798
- return (react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", { className: mainSimulatorClass },
3851
+ return (react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", { style: this.model.themeVariables, className: mainSimulatorClass },
3799
3852
  react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", { className: "svd-simulator-content" },
3800
3853
  react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_1__["Survey"], { model: this.model.survey }))));
3801
3854
  }
@@ -3805,6 +3858,73 @@ var SurveySimulator = /** @class */ (function (_super) {
3805
3858
 
3806
3859
 
3807
3860
 
3861
+ /***/ }),
3862
+
3863
+ /***/ "./src/tabs/Theme.tsx":
3864
+ /*!****************************!*\
3865
+ !*** ./src/tabs/Theme.tsx ***!
3866
+ \****************************/
3867
+ /*! exports provided: TabThemeSurveyComponent */
3868
+ /***/ (function(module, __webpack_exports__, __webpack_require__) {
3869
+
3870
+ "use strict";
3871
+ __webpack_require__.r(__webpack_exports__);
3872
+ /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "TabThemeSurveyComponent", function() { return TabThemeSurveyComponent; });
3873
+ /* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./src/entries/helpers.ts");
3874
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
3875
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
3876
+ /* harmony import */ var survey_react_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! survey-react-ui */ "survey-react-ui");
3877
+ /* harmony import */ var survey_react_ui__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__);
3878
+ /* harmony import */ var _SurveySimulator__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./SurveySimulator */ "./src/tabs/SurveySimulator.tsx");
3879
+ /* harmony import */ var _Results__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../Results */ "./src/Results.tsx");
3880
+ /* harmony import */ var _Preview__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./Preview */ "./src/tabs/Preview.tsx");
3881
+
3882
+
3883
+
3884
+
3885
+
3886
+
3887
+ var TabThemeSurveyComponent = /** @class */ (function (_super) {
3888
+ Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__extends"])(TabThemeSurveyComponent, _super);
3889
+ function TabThemeSurveyComponent() {
3890
+ return _super !== null && _super.apply(this, arguments) || this;
3891
+ }
3892
+ Object.defineProperty(TabThemeSurveyComponent.prototype, "model", {
3893
+ get: function () {
3894
+ return this.props.data;
3895
+ },
3896
+ enumerable: false,
3897
+ configurable: true
3898
+ });
3899
+ TabThemeSurveyComponent.prototype.getStateElement = function () {
3900
+ return this.model;
3901
+ };
3902
+ TabThemeSurveyComponent.prototype.renderElement = function () {
3903
+ var tabContentClassName = "svc-creator-tab__content svc-test-tab__content" + (this.model.isPageToolbarVisible ? " svc-creator-tab__content--with-toolbar" : "");
3904
+ return (react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", { className: tabContentClassName },
3905
+ react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", { className: "svc-plugin-tab__content" },
3906
+ react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_SurveySimulator__WEBPACK_IMPORTED_MODULE_3__["SurveySimulator"], { model: this.model.simulator }),
3907
+ !this.model.isRunning ? react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_Preview__WEBPACK_IMPORTED_MODULE_5__["TabPreviewTestSurveyAgainComponent"], { button: this.model.testAgainAction }) : null,
3908
+ !this.model.isRunning ? react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_Results__WEBPACK_IMPORTED_MODULE_4__["SurveyResults"], { survey: this.model.simulator.survey }) : null),
3909
+ this.getBottomToolbar()));
3910
+ };
3911
+ TabThemeSurveyComponent.prototype.getBottomToolbar = function () {
3912
+ if (this.model.isPageToolbarVisible) {
3913
+ return (react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", { className: "svc-test-tab__content-actions" },
3914
+ react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__["SurveyActionBar"], { model: this.model.pages })));
3915
+ }
3916
+ else {
3917
+ return null;
3918
+ }
3919
+ };
3920
+ return TabThemeSurveyComponent;
3921
+ }(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__["SurveyElementBase"]));
3922
+
3923
+ survey_react_ui__WEBPACK_IMPORTED_MODULE_2__["ReactElementFactory"].Instance.registerElement("svc-tab-theme", function (props) {
3924
+ return react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(TabThemeSurveyComponent, props);
3925
+ });
3926
+
3927
+
3808
3928
  /***/ }),
3809
3929
 
3810
3930
  /***/ "./src/tabs/Translation.tsx":