survey-creator-react 1.9.87 → 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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "survey-creator-react",
3
- "version": "1.9.87",
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.87",
33
- "survey-react-ui": "1.9.87",
34
- "survey-creator-core": "1.9.87",
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
  },
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * SurveyJS Creator React v1.9.87
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 () {
383
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 () {
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); } },
@@ -1417,7 +1444,7 @@ var SurveyLocStringEditor = /** @class */ (function (_super) {
1417
1444
  var control = null;
1418
1445
  if (this.locString.hasHtml) {
1419
1446
  var htmlValue = { __html: this.baseModel.focused && this.baseModel.editAsText && this.locString.text || this.locString.renderedHtml };
1420
- control = (react__WEBPACK_IMPORTED_MODULE_1___default.a.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,
1447
+ control = (react__WEBPACK_IMPORTED_MODULE_1___default.a.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,
1421
1448
  // style={this.style}
1422
1449
  dangerouslySetInnerHTML: htmlValue, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.onKeyDown, onMouseUp: this.onMouseUp, onClick: this.edit }));
1423
1450
  }
@@ -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,9 +2433,27 @@ 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
  };
2439
+ QuestionImageAdornerComponent.prototype.getStateElements = function () {
2440
+ return [this.model, this.imageModel.filePresentationModel];
2441
+ };
2442
+ QuestionImageAdornerComponent.prototype.renderElementContent = function () {
2443
+ if (this.imageModel.isEmptyImageLink) {
2444
+ var fileQuestion = survey_react_ui__WEBPACK_IMPORTED_MODULE_3__["ReactQuestionFactory"].Instance.createQuestion("file", {
2445
+ creator: this.imageModel.question.survey,
2446
+ isDisplayMode: false,
2447
+ question: this.imageModel.filePresentationModel
2448
+ });
2449
+ return fileQuestion;
2450
+ }
2451
+ else {
2452
+ return (react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_2___default.a.Fragment, null,
2453
+ this.props.element,
2454
+ this.renderElementPlaceholder()));
2455
+ }
2456
+ };
2412
2457
  return QuestionImageAdornerComponent;
2413
2458
  }(_Question__WEBPACK_IMPORTED_MODULE_4__["QuestionAdornerComponent"]));
2414
2459
 
@@ -2852,7 +2897,7 @@ var __spreadArrays = function () {
2852
2897
  /*!******************************!*\
2853
2898
  !*** ./src/entries/index.ts ***!
2854
2899
  \******************************/
2855
- /*! 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 */
2856
2901
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
2857
2902
 
2858
2903
  "use strict";
@@ -2984,56 +3029,59 @@ __webpack_require__.r(__webpack_exports__);
2984
3029
 
2985
3030
  /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "TabPreviewSurveyComponent", function() { return _tabs_Preview__WEBPACK_IMPORTED_MODULE_37__["TabPreviewSurveyComponent"]; });
2986
3031
 
2987
- /* harmony import */ var _tabs_Translation__WEBPACK_IMPORTED_MODULE_38__ = __webpack_require__(/*! ../tabs/Translation */ "./src/tabs/Translation.tsx");
2988
- /* 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"]; });
2989
3034
 
2990
- /* harmony import */ var _tabs_SurveySimulator__WEBPACK_IMPORTED_MODULE_39__ = __webpack_require__(/*! ../tabs/SurveySimulator */ "./src/tabs/SurveySimulator.tsx");
2991
- /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveySimulator", function() { return _tabs_SurveySimulator__WEBPACK_IMPORTED_MODULE_39__["SurveySimulator"]; });
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"]; });
2992
3037
 
2993
- /* harmony import */ var _events__WEBPACK_IMPORTED_MODULE_40__ = __webpack_require__(/*! ../events */ "./src/events.ts");
2994
- /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ReactMouseEvent", function() { return _events__WEBPACK_IMPORTED_MODULE_40__["ReactMouseEvent"]; });
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"]; });
2995
3040
 
2996
- /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ReactDragEvent", function() { return _events__WEBPACK_IMPORTED_MODULE_40__["ReactDragEvent"]; });
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"]; });
2997
3043
 
2998
- /* harmony import */ var _ObjectSelector__WEBPACK_IMPORTED_MODULE_41__ = __webpack_require__(/*! ../ObjectSelector */ "./src/ObjectSelector.tsx");
2999
- /* empty/unused harmony star reexport *//* harmony import */ var _PropertyGrid__WEBPACK_IMPORTED_MODULE_42__ = __webpack_require__(/*! ../PropertyGrid */ "./src/PropertyGrid.tsx");
3000
- /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridComponent", function() { return _PropertyGrid__WEBPACK_IMPORTED_MODULE_42__["PropertyGridComponent"]; });
3044
+ /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ReactDragEvent", function() { return _events__WEBPACK_IMPORTED_MODULE_41__["ReactDragEvent"]; });
3001
3045
 
3002
- /* harmony import */ var _custom_questions_SpinEditor__WEBPACK_IMPORTED_MODULE_43__ = __webpack_require__(/*! ../custom-questions/SpinEditor */ "./src/custom-questions/SpinEditor.tsx");
3003
- /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionSpinEditor", function() { return _custom_questions_SpinEditor__WEBPACK_IMPORTED_MODULE_43__["SurveyQuestionSpinEditor"]; });
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"]; });
3004
3049
 
3005
- /* harmony import */ var _custom_questions_ColorQuestion__WEBPACK_IMPORTED_MODULE_44__ = __webpack_require__(/*! ../custom-questions/ColorQuestion */ "./src/custom-questions/ColorQuestion.tsx");
3006
- /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionColor", function() { return _custom_questions_ColorQuestion__WEBPACK_IMPORTED_MODULE_44__["SurveyQuestionColor"]; });
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"]; });
3007
3052
 
3008
- /* harmony import */ var _custom_questions_FileEditQuestion__WEBPACK_IMPORTED_MODULE_45__ = __webpack_require__(/*! ../custom-questions/FileEditQuestion */ "./src/custom-questions/FileEditQuestion.tsx");
3009
- /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionFileEditor", function() { return _custom_questions_FileEditQuestion__WEBPACK_IMPORTED_MODULE_45__["SurveyQuestionFileEditor"]; });
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"]; });
3010
3055
 
3011
- /* harmony import */ var survey_creator_core__WEBPACK_IMPORTED_MODULE_46__ = __webpack_require__(/*! survey-creator-core */ "survey-creator-core");
3012
- /* harmony import */ var survey_creator_core__WEBPACK_IMPORTED_MODULE_46___default = /*#__PURE__*/__webpack_require__.n(survey_creator_core__WEBPACK_IMPORTED_MODULE_46__);
3013
- /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "editorLocalization", function() { return survey_creator_core__WEBPACK_IMPORTED_MODULE_46__["editorLocalization"]; });
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"]; });
3014
3058
 
3015
- /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "localization", function() { return survey_creator_core__WEBPACK_IMPORTED_MODULE_46__["localization"]; });
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"]; });
3016
3062
 
3017
- /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "settings", function() { return survey_creator_core__WEBPACK_IMPORTED_MODULE_46__["settings"]; });
3063
+ /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "localization", function() { return survey_creator_core__WEBPACK_IMPORTED_MODULE_47__["localization"]; });
3018
3064
 
3019
- /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "svgBundle", function() { return survey_creator_core__WEBPACK_IMPORTED_MODULE_46__["svgBundle"]; });
3065
+ /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "settings", function() { return survey_creator_core__WEBPACK_IMPORTED_MODULE_47__["settings"]; });
3020
3066
 
3021
- /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyLogic", function() { return survey_creator_core__WEBPACK_IMPORTED_MODULE_46__["SurveyLogic"]; });
3067
+ /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "svgBundle", function() { return survey_creator_core__WEBPACK_IMPORTED_MODULE_47__["svgBundle"]; });
3022
3068
 
3023
- /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyLogicUI", function() { return survey_creator_core__WEBPACK_IMPORTED_MODULE_46__["SurveyLogicUI"]; });
3069
+ /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyLogic", function() { return survey_creator_core__WEBPACK_IMPORTED_MODULE_47__["SurveyLogic"]; });
3024
3070
 
3025
- /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionEditorDefinition", function() { return survey_creator_core__WEBPACK_IMPORTED_MODULE_46__["SurveyQuestionEditorDefinition"]; });
3071
+ /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyLogicUI", function() { return survey_creator_core__WEBPACK_IMPORTED_MODULE_47__["SurveyLogicUI"]; });
3026
3072
 
3027
- /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ToolboxToolViewModel", function() { return survey_creator_core__WEBPACK_IMPORTED_MODULE_46__["ToolboxToolViewModel"]; });
3073
+ /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionEditorDefinition", function() { return survey_creator_core__WEBPACK_IMPORTED_MODULE_47__["SurveyQuestionEditorDefinition"]; });
3028
3074
 
3029
- /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorCollection", function() { return survey_creator_core__WEBPACK_IMPORTED_MODULE_46__["PropertyGridEditorCollection"]; });
3075
+ /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ToolboxToolViewModel", function() { return survey_creator_core__WEBPACK_IMPORTED_MODULE_47__["ToolboxToolViewModel"]; });
3030
3076
 
3031
- /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "StylesManager", function() { return survey_creator_core__WEBPACK_IMPORTED_MODULE_46__["StylesManager"]; });
3077
+ /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorCollection", function() { return survey_creator_core__WEBPACK_IMPORTED_MODULE_47__["PropertyGridEditorCollection"]; });
3032
3078
 
3033
- /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_47__ = __webpack_require__(/*! survey-core */ "survey-core");
3034
- /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_47___default = /*#__PURE__*/__webpack_require__.n(survey_core__WEBPACK_IMPORTED_MODULE_47__);
3079
+ /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "StylesManager", function() { return survey_creator_core__WEBPACK_IMPORTED_MODULE_47__["StylesManager"]; });
3080
+
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__);
3035
3083
  var Version;
3036
- Version = "".concat("1.9.87");
3084
+ Version = "".concat("1.9.89");
3037
3085
  // import "@survey/creator/survey-creator-core.css";
3038
3086
 
3039
3087
 
@@ -3076,6 +3124,7 @@ Version = "".concat("1.9.87");
3076
3124
 
3077
3125
 
3078
3126
 
3127
+
3079
3128
 
3080
3129
 
3081
3130
  //custom questions
@@ -3090,7 +3139,7 @@ Version = "".concat("1.9.87");
3090
3139
 
3091
3140
 
3092
3141
 
3093
- Object(survey_core__WEBPACK_IMPORTED_MODULE_47__["checkLibraryVersion"])("".concat("1.9.87"), "survey-creator-react");
3142
+ Object(survey_core__WEBPACK_IMPORTED_MODULE_48__["checkLibraryVersion"])("".concat("1.9.89"), "survey-creator-react");
3094
3143
 
3095
3144
 
3096
3145
  /***/ }),
@@ -3754,10 +3803,10 @@ var SurveySimulator = /** @class */ (function (_super) {
3754
3803
  var _this = this;
3755
3804
  var mainSimulatorClass = this.model.getRootCss();
3756
3805
  if (!this.model.survey) {
3757
- 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 });
3758
3807
  }
3759
3808
  if (this.model.hasFrame) {
3760
- 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 },
3761
3810
  react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", { className: "svd-simulator-wrapper", id: "svd-simulator-wrapper", style: {
3762
3811
  width: this.model.simulatorFrame.frameWidth + "px",
3763
3812
  height: this.model.simulatorFrame.frameHeight + "px"
@@ -3777,7 +3826,7 @@ var SurveySimulator = /** @class */ (function (_super) {
3777
3826
  react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_1__["Survey"], { model: this.model.survey }))))));
3778
3827
  }
3779
3828
  else {
3780
- 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 },
3781
3830
  react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", { className: "svd-simulator-content" },
3782
3831
  react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_1__["Survey"], { model: this.model.survey }))));
3783
3832
  }
@@ -3787,6 +3836,73 @@ var SurveySimulator = /** @class */ (function (_super) {
3787
3836
 
3788
3837
 
3789
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
+
3790
3906
  /***/ }),
3791
3907
 
3792
3908
  /***/ "./src/tabs/Translation.tsx":