survey-creator-react 1.11.9 → 1.11.11
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 +4 -4
- package/survey-creator-react.js +529 -482
- package/survey-creator-react.js.map +1 -1
- package/survey-creator-react.min.js +1 -1
- package/survey-creator-react.min.js.LICENSE.txt +1 -1
- package/typings/QuestionEditorContent.d.ts +1 -1
- package/typings/QuestionError.d.ts +10 -0
- package/typings/adorners/Question.d.ts +1 -1
- package/typings/adorners/QuestionBanner.d.ts +1 -1
- package/typings/adorners/QuestionFooter.d.ts +1 -1
- package/typings/adorners/QuestionHeader.d.ts +1 -1
- package/typings/entries/index.d.ts +1 -0
- package/typings/tabs/translation/TranslationLineSkeleton.d.ts +1 -1
package/survey-creator-react.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* SurveyJS Creator React v1.11.
|
|
2
|
+
* SurveyJS Creator React v1.11.11
|
|
3
3
|
* (c) 2015-2024 Devsoft Baltic OÜ - http://surveyjs.io/
|
|
4
4
|
* Github: https://github.com/surveyjs/survey-creator
|
|
5
5
|
* License: https://surveyjs.io/Licenses#SurveyCreator
|
|
@@ -49,9 +49,9 @@ var ActionButton = /** @class */ (function (_super) {
|
|
|
49
49
|
}
|
|
50
50
|
if (this.props.disabled) {
|
|
51
51
|
classes += " svc-action-button--disabled";
|
|
52
|
-
return
|
|
52
|
+
return react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", { className: classes }, this.props.text);
|
|
53
53
|
}
|
|
54
|
-
return (
|
|
54
|
+
return (react__WEBPACK_IMPORTED_MODULE_1__.createElement(react__WEBPACK_IMPORTED_MODULE_1__.Fragment, null, (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", { role: "button", className: classes, onClick: function (e) {
|
|
55
55
|
if (!_this.props.allowBubble) {
|
|
56
56
|
e.stopPropagation();
|
|
57
57
|
}
|
|
@@ -96,7 +96,7 @@ var ImageItemValueAdornerComponent = /** @class */ (function (_super) {
|
|
|
96
96
|
_this.preventDragHandler = function (e) {
|
|
97
97
|
e.preventDefault();
|
|
98
98
|
};
|
|
99
|
-
_this.rootRef =
|
|
99
|
+
_this.rootRef = react__WEBPACK_IMPORTED_MODULE_2__.createRef();
|
|
100
100
|
return _this;
|
|
101
101
|
}
|
|
102
102
|
ImageItemValueAdornerComponent.prototype.createModel = function (props) {
|
|
@@ -124,8 +124,8 @@ var ImageItemValueAdornerComponent = /** @class */ (function (_super) {
|
|
|
124
124
|
this.model.itemsRoot = this.rootRef.current;
|
|
125
125
|
};
|
|
126
126
|
ImageItemValueAdornerComponent.prototype.renderLoadingIndicator = function () {
|
|
127
|
-
return
|
|
128
|
-
|
|
127
|
+
return react__WEBPACK_IMPORTED_MODULE_2__.createElement("div", { className: "svc-image-item-value__loading" },
|
|
128
|
+
react__WEBPACK_IMPORTED_MODULE_2__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.LoadingIndicatorComponent, null));
|
|
129
129
|
};
|
|
130
130
|
ImageItemValueAdornerComponent.prototype.render = function () {
|
|
131
131
|
var _this = this;
|
|
@@ -138,33 +138,33 @@ var ImageItemValueAdornerComponent = /** @class */ (function (_super) {
|
|
|
138
138
|
var imageStyle = !this.model.getIsNewItemSingle() ? { width: this.question.renderedImageWidth, height: this.question.renderedImageHeight } : null;
|
|
139
139
|
var content = null;
|
|
140
140
|
if (isNew || this.model.isUploading) {
|
|
141
|
-
content = (
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
141
|
+
content = (react__WEBPACK_IMPORTED_MODULE_2__.createElement(react__WEBPACK_IMPORTED_MODULE_2__.Fragment, null,
|
|
142
|
+
react__WEBPACK_IMPORTED_MODULE_2__.createElement("div", { className: "svc-image-item-value__item", onDrop: this.model.onDrop, onDragOver: this.model.onDragOver, onDragLeave: this.model.onDragLeave },
|
|
143
|
+
react__WEBPACK_IMPORTED_MODULE_2__.createElement("div", { className: "sd-imagepicker__item sd-imagepicker__item--inline" },
|
|
144
|
+
react__WEBPACK_IMPORTED_MODULE_2__.createElement("label", { className: "sd-imagepicker__label" },
|
|
145
|
+
react__WEBPACK_IMPORTED_MODULE_2__.createElement("div", { style: imageStyle, className: "sd-imagepicker__image" }, this.model.isUploading ? this.renderLoadingIndicator() : null)))),
|
|
146
|
+
react__WEBPACK_IMPORTED_MODULE_2__.createElement("div", { className: "svc-image-item-value-controls" }, this.model.allowAdd && !this.model.isUploading ? (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_2__.createElement("span", { className: "svc-context-button svc-image-item-value-controls__add", onClick: function () { return _this.model.chooseNewFile(_this.model); } },
|
|
147
|
+
react__WEBPACK_IMPORTED_MODULE_2__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.SvgIcon, { size: 24, iconName: "icon-add-lg", title: this.model.addFileTitle }))) : null)));
|
|
148
148
|
}
|
|
149
149
|
else {
|
|
150
|
-
content = (
|
|
151
|
-
|
|
150
|
+
content = (react__WEBPACK_IMPORTED_MODULE_2__.createElement(react__WEBPACK_IMPORTED_MODULE_2__.Fragment, null,
|
|
151
|
+
react__WEBPACK_IMPORTED_MODULE_2__.createElement("div", { className: "svc-image-item-value__item" }, this.props.element),
|
|
152
152
|
this.model.isDraggable && this.model.canRenderControls ?
|
|
153
|
-
|
|
154
|
-
|
|
153
|
+
react__WEBPACK_IMPORTED_MODULE_2__.createElement("span", { className: "svc-context-button svc-image-item-value-controls__drag-area-indicator", onPointerDown: function (event) { return _this.model.onPointerDown(event); } },
|
|
154
|
+
react__WEBPACK_IMPORTED_MODULE_2__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.SvgIcon, { size: 24, iconName: "icon-drag-area-indicator" }))
|
|
155
155
|
: null,
|
|
156
156
|
this.model.canRenderControls ?
|
|
157
|
-
|
|
158
|
-
this.model.allowRemove && !this.model.isUploading ? (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.attachKey2click)(
|
|
159
|
-
|
|
160
|
-
this.model.allowRemove && !this.model.isUploading ? (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.attachKey2click)(
|
|
161
|
-
|
|
157
|
+
react__WEBPACK_IMPORTED_MODULE_2__.createElement("div", { className: "svc-context-container svc-image-item-value-controls" },
|
|
158
|
+
this.model.allowRemove && !this.model.isUploading ? (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_2__.createElement("span", { className: "svc-context-button", onClick: function () { return _this.model.chooseFile(_this.model); } },
|
|
159
|
+
react__WEBPACK_IMPORTED_MODULE_2__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.SvgIcon, { role: "button", size: 24, iconName: "icon-file", title: this.model.selectFileTitle }))) : null,
|
|
160
|
+
this.model.allowRemove && !this.model.isUploading ? (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_2__.createElement("span", { className: "svc-context-button svc-context-button--danger", onClick: function () { return _this.model.remove(_this.model); } },
|
|
161
|
+
react__WEBPACK_IMPORTED_MODULE_2__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.SvgIcon, { role: "button", size: 24, iconName: "icon-delete", title: this.model.removeFileTitle }))) : null)
|
|
162
162
|
: null));
|
|
163
163
|
}
|
|
164
|
-
return (
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
164
|
+
return (react__WEBPACK_IMPORTED_MODULE_2__.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 },
|
|
165
|
+
react__WEBPACK_IMPORTED_MODULE_2__.createElement("div", { className: "svc-image-item-value-wrapper__ghost", style: imageStyle }),
|
|
166
|
+
react__WEBPACK_IMPORTED_MODULE_2__.createElement("div", { className: "svc-image-item-value-wrapper__content" },
|
|
167
|
+
react__WEBPACK_IMPORTED_MODULE_2__.createElement("input", { type: "file", "aria-hidden": "true", tabIndex: -1, accept: this.model.acceptedTypes, className: "svc-choose-file-input", style: {
|
|
168
168
|
position: "absolute",
|
|
169
169
|
opacity: 0,
|
|
170
170
|
width: "1px",
|
|
@@ -177,7 +177,7 @@ var ImageItemValueAdornerComponent = /** @class */ (function (_super) {
|
|
|
177
177
|
}(_ModelElement__WEBPACK_IMPORTED_MODULE_4__.CreatorModelElement));
|
|
178
178
|
|
|
179
179
|
survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.ReactElementFactory.Instance.registerElement("svc-image-item-value", function (props) {
|
|
180
|
-
return
|
|
180
|
+
return react__WEBPACK_IMPORTED_MODULE_2__.createElement(ImageItemValueAdornerComponent, props);
|
|
181
181
|
});
|
|
182
182
|
|
|
183
183
|
|
|
@@ -230,32 +230,32 @@ var ItemValueAdornerComponent = /** @class */ (function (_super) {
|
|
|
230
230
|
// return null;
|
|
231
231
|
// }
|
|
232
232
|
this.model.item = this.props.item;
|
|
233
|
-
var button = this.model.allowAdd ? ((0,survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.attachKey2click)(
|
|
233
|
+
var button = this.model.allowAdd ? ((0,survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_2__.createElement("span", { className: "svc-item-value-controls__button svc-item-value-controls__add", "aria-label": this.model.tooltip, onClick: function () {
|
|
234
234
|
_this.model.add(_this.model);
|
|
235
235
|
_this.model.isNew = false;
|
|
236
236
|
} },
|
|
237
|
-
|
|
237
|
+
react__WEBPACK_IMPORTED_MODULE_2__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.SvgIcon, { size: 16, iconName: "icon-add_16x16", title: this.model.tooltip })))) : (react__WEBPACK_IMPORTED_MODULE_2__.createElement(react__WEBPACK_IMPORTED_MODULE_2__.Fragment, null,
|
|
238
238
|
" ",
|
|
239
|
-
this.model.isDraggable ? (
|
|
240
|
-
|
|
241
|
-
this.model.allowRemove ? (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.attachKey2click)(
|
|
242
|
-
|
|
239
|
+
this.model.isDraggable ? (react__WEBPACK_IMPORTED_MODULE_2__.createElement("span", { className: "svc-item-value-controls__button svc-item-value-controls__drag" },
|
|
240
|
+
react__WEBPACK_IMPORTED_MODULE_2__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.SvgIcon, { className: "svc-item-value-controls__drag-icon", size: 24, iconName: "icon-drag-area-indicator", title: this.model.dragTooltip }))) : null,
|
|
241
|
+
this.model.allowRemove ? (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_2__.createElement("span", { className: "svc-item-value-controls__button svc-item-value-controls__remove", "aria-label": this.model.tooltip, onClick: function () { return _this.model.remove(_this.model); } },
|
|
242
|
+
react__WEBPACK_IMPORTED_MODULE_2__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.SvgIcon, { size: 16, iconName: "icon-remove_16x16", title: this.model.tooltip }))) : null));
|
|
243
243
|
var itemkey = this.props.element.key + (this.model.allowAdd ? "_new" : "");
|
|
244
|
-
return (
|
|
244
|
+
return (react__WEBPACK_IMPORTED_MODULE_2__.createElement("div", { className: "svc-item-value-wrapper" +
|
|
245
245
|
(this.model.allowAdd ? " svc-item-value--new" : "") +
|
|
246
246
|
(this.model.isDragging ? " svc-item-value--dragging" : "") +
|
|
247
247
|
(this.model.isDragDropGhost ? " svc-item-value--ghost" : "") +
|
|
248
248
|
(this.model.isDragDropMoveDown ? " svc-item-value--movedown" : "") +
|
|
249
249
|
(this.model.isDragDropMoveUp ? " svc-item-value--moveup" : ""), key: itemkey, "data-sv-drop-target-item-value": this.model.isDraggable ? this.model.item.value : undefined, onPointerDown: function (event) { return _this.model.onPointerDown(event); } },
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
250
|
+
react__WEBPACK_IMPORTED_MODULE_2__.createElement("div", { className: "svc-item-value__ghost" }),
|
|
251
|
+
react__WEBPACK_IMPORTED_MODULE_2__.createElement("div", { className: "svc-item-value-controls", onBlur: this.onBlur }, button),
|
|
252
|
+
react__WEBPACK_IMPORTED_MODULE_2__.createElement("div", { className: "svc-item-value__item", onClick: function (event) { return _this.model.select(_this.model, event.nativeEvent); } }, this.props.element)));
|
|
253
253
|
};
|
|
254
254
|
return ItemValueAdornerComponent;
|
|
255
255
|
}(_ModelElement__WEBPACK_IMPORTED_MODULE_4__.CreatorModelElement));
|
|
256
256
|
|
|
257
257
|
survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.ReactElementFactory.Instance.registerElement("svc-item-value", function (props) {
|
|
258
|
-
return
|
|
258
|
+
return react__WEBPACK_IMPORTED_MODULE_2__.createElement(ItemValueAdornerComponent, props);
|
|
259
259
|
});
|
|
260
260
|
|
|
261
261
|
|
|
@@ -288,7 +288,7 @@ var LogoImageComponent = /** @class */ (function (_super) {
|
|
|
288
288
|
(0,tslib__WEBPACK_IMPORTED_MODULE_0__.__extends)(LogoImageComponent, _super);
|
|
289
289
|
function LogoImageComponent(props) {
|
|
290
290
|
var _this = _super.call(this, props) || this;
|
|
291
|
-
_this.rootRef =
|
|
291
|
+
_this.rootRef = react__WEBPACK_IMPORTED_MODULE_1__.createRef();
|
|
292
292
|
return _this;
|
|
293
293
|
}
|
|
294
294
|
LogoImageComponent.prototype.createModel = function (props) {
|
|
@@ -310,36 +310,36 @@ var LogoImageComponent = /** @class */ (function (_super) {
|
|
|
310
310
|
};
|
|
311
311
|
LogoImageComponent.prototype.renderChooseButton = function () {
|
|
312
312
|
var _this = this;
|
|
313
|
-
return (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.attachKey2click)(
|
|
314
|
-
|
|
313
|
+
return (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", { className: "svc-context-button", onClick: function () { return _this.model.chooseFile(_this.model); } },
|
|
314
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SvgIcon, { size: 24, iconName: "icon-file" })));
|
|
315
315
|
};
|
|
316
316
|
LogoImageComponent.prototype.renderClearButton = function () {
|
|
317
317
|
var _this = this;
|
|
318
|
-
return (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.attachKey2click)(
|
|
319
|
-
|
|
318
|
+
return (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", { className: "svc-context-button svc-context-button--danger", onClick: function () { return _this.model.remove(_this.model); } },
|
|
319
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SvgIcon, { size: 24, iconName: "icon-clear" })));
|
|
320
320
|
};
|
|
321
321
|
LogoImageComponent.prototype.renderButtons = function () {
|
|
322
|
-
return (
|
|
322
|
+
return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-context-container svc-logo-image-controls" },
|
|
323
323
|
this.renderChooseButton(),
|
|
324
324
|
this.renderClearButton()));
|
|
325
325
|
};
|
|
326
326
|
LogoImageComponent.prototype.renderImage = function () {
|
|
327
|
-
return
|
|
327
|
+
return react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: this.model.containerCss },
|
|
328
328
|
this.renderButtons(),
|
|
329
|
-
|
|
329
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.LogoImage, { data: this.props.data.survey }));
|
|
330
330
|
};
|
|
331
331
|
LogoImageComponent.prototype.renderPlaceHolder = function () {
|
|
332
332
|
var _this = this;
|
|
333
|
-
return this.model.allowEdit && !this.model.isUploading ? (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.attachKey2click)(
|
|
334
|
-
|
|
335
|
-
|
|
333
|
+
return this.model.allowEdit && !this.model.isUploading ? (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-logo-image-placeholder", onClick: function () { return _this.model.chooseFile(_this.model); } },
|
|
334
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("svg", null,
|
|
335
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("use", { xlinkHref: "#icon-logo" })))) : null;
|
|
336
336
|
};
|
|
337
337
|
LogoImageComponent.prototype.renderInput = function () {
|
|
338
|
-
return
|
|
338
|
+
return react__WEBPACK_IMPORTED_MODULE_1__.createElement("input", { "aria-hidden": "true", type: "file", tabIndex: -1, accept: this.model.acceptedTypes, className: "svc-choose-file-input" });
|
|
339
339
|
};
|
|
340
340
|
LogoImageComponent.prototype.renderLoadingIndicator = function () {
|
|
341
|
-
return
|
|
342
|
-
|
|
341
|
+
return react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-logo-image__loading" },
|
|
342
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.LoadingIndicatorComponent, null));
|
|
343
343
|
};
|
|
344
344
|
LogoImageComponent.prototype.render = function () {
|
|
345
345
|
var content = null;
|
|
@@ -352,7 +352,7 @@ var LogoImageComponent = /** @class */ (function (_super) {
|
|
|
352
352
|
else {
|
|
353
353
|
content = this.renderPlaceHolder();
|
|
354
354
|
}
|
|
355
|
-
return (
|
|
355
|
+
return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { ref: this.rootRef, className: "svc-logo-image" },
|
|
356
356
|
this.renderInput(),
|
|
357
357
|
content));
|
|
358
358
|
};
|
|
@@ -360,7 +360,7 @@ var LogoImageComponent = /** @class */ (function (_super) {
|
|
|
360
360
|
}(_ModelElement__WEBPACK_IMPORTED_MODULE_4__.CreatorModelElement));
|
|
361
361
|
|
|
362
362
|
survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.ReactElementFactory.Instance.registerElement("svc-logo-image", function (props) {
|
|
363
|
-
return
|
|
363
|
+
return react__WEBPACK_IMPORTED_MODULE_1__.createElement(LogoImageComponent, props);
|
|
364
364
|
});
|
|
365
365
|
|
|
366
366
|
|
|
@@ -423,11 +423,11 @@ var MatrixCellAdornerComponent = /** @class */ (function (_super) {
|
|
|
423
423
|
var _this = this;
|
|
424
424
|
var controls = null;
|
|
425
425
|
if (!!this.model.isSupportCellEditor) {
|
|
426
|
-
controls =
|
|
427
|
-
|
|
426
|
+
controls = react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-matrix-cell__question-controls" }, (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", { className: "svc-matrix-cell__question-controls-button", onClick: function (event) { return _this.model.editQuestion(_this.model, event); } },
|
|
427
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.SvgIcon, { size: 24, iconName: "icon-edit" }))));
|
|
428
428
|
}
|
|
429
|
-
return (
|
|
430
|
-
|
|
429
|
+
return (react__WEBPACK_IMPORTED_MODULE_1__.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); } },
|
|
430
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-matrix-cell--selected" + (this.model.isSelected ? " svc-visible" : "") }),
|
|
431
431
|
this.props.element,
|
|
432
432
|
controls));
|
|
433
433
|
};
|
|
@@ -435,7 +435,7 @@ var MatrixCellAdornerComponent = /** @class */ (function (_super) {
|
|
|
435
435
|
}(_ModelElement__WEBPACK_IMPORTED_MODULE_4__.CreatorModelElement));
|
|
436
436
|
|
|
437
437
|
survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.ReactElementFactory.Instance.registerElement("svc-matrix-cell", function (props) {
|
|
438
|
-
return
|
|
438
|
+
return react__WEBPACK_IMPORTED_MODULE_1__.createElement(MatrixCellAdornerComponent, props);
|
|
439
439
|
});
|
|
440
440
|
|
|
441
441
|
|
|
@@ -621,12 +621,12 @@ var ObjectSelectorComponent = /** @class */ (function (_super) {
|
|
|
621
621
|
ObjectSelectorComponent.prototype.renderElement = function () {
|
|
622
622
|
if (!this.model.isVisible)
|
|
623
623
|
return null;
|
|
624
|
-
return (
|
|
624
|
+
return (react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.List, { model: this.model.list }));
|
|
625
625
|
};
|
|
626
626
|
return ObjectSelectorComponent;
|
|
627
627
|
}(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SurveyElementBase));
|
|
628
628
|
survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.ReactElementFactory.Instance.registerElement("svc-object-selector", function (props) {
|
|
629
|
-
return
|
|
629
|
+
return react__WEBPACK_IMPORTED_MODULE_1__.createElement(ObjectSelectorComponent, props);
|
|
630
630
|
});
|
|
631
631
|
|
|
632
632
|
|
|
@@ -663,7 +663,7 @@ var SurveyPageNavigator = /** @class */ (function (_super) {
|
|
|
663
663
|
(0,tslib__WEBPACK_IMPORTED_MODULE_0__.__extends)(SurveyPageNavigator, _super);
|
|
664
664
|
function SurveyPageNavigator(props) {
|
|
665
665
|
var _this = _super.call(this, props) || this;
|
|
666
|
-
_this.containerRef =
|
|
666
|
+
_this.containerRef = react__WEBPACK_IMPORTED_MODULE_4__.createRef();
|
|
667
667
|
return _this;
|
|
668
668
|
}
|
|
669
669
|
SurveyPageNavigator.prototype.createModel = function (props) {
|
|
@@ -718,11 +718,11 @@ var SurveyPageNavigator = /** @class */ (function (_super) {
|
|
|
718
718
|
var className = "svc-page-navigator__selector";
|
|
719
719
|
if (this.model.isPopupOpened)
|
|
720
720
|
className += " svc-page-navigator__selector--opened";
|
|
721
|
-
return (
|
|
722
|
-
(0,survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.attachKey2click)(
|
|
723
|
-
|
|
724
|
-
|
|
725
|
-
|
|
721
|
+
return (react__WEBPACK_IMPORTED_MODULE_4__.createElement("div", { className: "svc-page-navigator", ref: this.containerRef, style: { display: this.model.visible ? "flex" : "none" } },
|
|
722
|
+
(0,survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_4__.createElement("div", { className: className, onClick: function () { return _this.model.togglePageSelector(); }, title: this.model.pageSelectorCaption },
|
|
723
|
+
react__WEBPACK_IMPORTED_MODULE_4__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SvgIcon, { className: "svc-page-navigator__navigator-icon", iconName: this.model.icon, size: 24, title: this.model.pageSelectorCaption }),
|
|
724
|
+
react__WEBPACK_IMPORTED_MODULE_4__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.Popup, { model: this.model.popupModel }))),
|
|
725
|
+
react__WEBPACK_IMPORTED_MODULE_4__.createElement("div", null, this.model.visibleItems.map(function (item) { return (react__WEBPACK_IMPORTED_MODULE_4__.createElement(SurveyPageNavigatorItem, { key: item.id, item: item })); }))));
|
|
726
726
|
};
|
|
727
727
|
return SurveyPageNavigator;
|
|
728
728
|
}(_ModelElement__WEBPACK_IMPORTED_MODULE_5__.CreatorModelElement));
|
|
@@ -744,14 +744,14 @@ var SurveyPageNavigatorItem = /** @class */ (function (_super) {
|
|
|
744
744
|
if ((0,survey_core__WEBPACK_IMPORTED_MODULE_1__.unwrap)(item.disabled)) {
|
|
745
745
|
className += " svc-page-navigator-item--disabled";
|
|
746
746
|
}
|
|
747
|
-
return (
|
|
747
|
+
return (react__WEBPACK_IMPORTED_MODULE_4__.createElement("div", { className: "svc-page-navigator-item" }, (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_4__.createElement("div", { className: className, onClick: function (e) {
|
|
748
748
|
item.action(item);
|
|
749
749
|
e.stopPropagation();
|
|
750
750
|
} },
|
|
751
|
-
|
|
752
|
-
|
|
753
|
-
|
|
754
|
-
|
|
751
|
+
react__WEBPACK_IMPORTED_MODULE_4__.createElement("div", { className: "svc-page-navigator-item__dot", title: item.title }),
|
|
752
|
+
react__WEBPACK_IMPORTED_MODULE_4__.createElement("div", { className: "svc-page-navigator-item__banner" },
|
|
753
|
+
react__WEBPACK_IMPORTED_MODULE_4__.createElement("span", { className: "svc-text svc-text--small svc-text--bold" }, item.title),
|
|
754
|
+
react__WEBPACK_IMPORTED_MODULE_4__.createElement("span", { className: "svc-page-navigator-item__dot" }))))));
|
|
755
755
|
};
|
|
756
756
|
return SurveyPageNavigatorItem;
|
|
757
757
|
}(_ModelElement__WEBPACK_IMPORTED_MODULE_5__.CreatorModelElement));
|
|
@@ -803,19 +803,19 @@ var PropertyGridComponent = /** @class */ (function (_super) {
|
|
|
803
803
|
};
|
|
804
804
|
PropertyGridComponent.prototype.renderElement = function () {
|
|
805
805
|
var rootClassName = this.model.searchEnabled ? "spg-container spg-container_search" : "spg-container";
|
|
806
|
-
return (
|
|
807
|
-
|
|
808
|
-
|
|
806
|
+
return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: rootClassName },
|
|
807
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement(_Search__WEBPACK_IMPORTED_MODULE_3__.SearchComponent, { model: this.model.searchManager }),
|
|
808
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.Survey, { model: this.model.survey })));
|
|
809
809
|
};
|
|
810
810
|
return PropertyGridComponent;
|
|
811
811
|
}(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SurveyElementBase));
|
|
812
812
|
|
|
813
813
|
survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.ReactQuestionFactory.Instance.registerQuestion("buttongroup", function (props) {
|
|
814
|
-
return
|
|
814
|
+
return react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SurveyQuestionButtonGroup, props);
|
|
815
815
|
});
|
|
816
816
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PropertyGridComponent);
|
|
817
817
|
survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.ReactElementFactory.Instance.registerElement("svc-property-grid", function (props) {
|
|
818
|
-
return
|
|
818
|
+
return react__WEBPACK_IMPORTED_MODULE_1__.createElement(PropertyGridComponent, props);
|
|
819
819
|
});
|
|
820
820
|
|
|
821
821
|
|
|
@@ -871,14 +871,14 @@ var QuestionEditorContentComponent = /** @class */ (function (_super) {
|
|
|
871
871
|
};
|
|
872
872
|
QuestionEditorContentComponent.prototype.render = function () {
|
|
873
873
|
var question = this.survey.getAllQuestions()[0];
|
|
874
|
-
return (
|
|
875
|
-
|
|
874
|
+
return (react__WEBPACK_IMPORTED_MODULE_2__.createElement(react__WEBPACK_IMPORTED_MODULE_2__.Fragment, null,
|
|
875
|
+
react__WEBPACK_IMPORTED_MODULE_2__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_1__.SurveyQuestion, { creator: this, element: question })));
|
|
876
876
|
};
|
|
877
877
|
return QuestionEditorContentComponent;
|
|
878
|
-
}(
|
|
878
|
+
}(react__WEBPACK_IMPORTED_MODULE_2__.Component));
|
|
879
879
|
|
|
880
880
|
survey_react_ui__WEBPACK_IMPORTED_MODULE_1__.ReactElementFactory.Instance.registerElement("svc-question-editor-content", function (props) {
|
|
881
|
-
return
|
|
881
|
+
return react__WEBPACK_IMPORTED_MODULE_2__.createElement(QuestionEditorContentComponent, props);
|
|
882
882
|
});
|
|
883
883
|
|
|
884
884
|
|
|
@@ -927,13 +927,53 @@ var SurveyElementEmbeddedSurvey = /** @class */ (function (_super) {
|
|
|
927
927
|
var survey = this.embeddedSurvey.embeddedSurvey;
|
|
928
928
|
if (!survey || !survey.currentPage)
|
|
929
929
|
return null;
|
|
930
|
-
return
|
|
930
|
+
return react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SurveyPage, { survey: survey, page: survey.currentPage, css: survey.css, creator: this.creator });
|
|
931
931
|
};
|
|
932
932
|
return SurveyElementEmbeddedSurvey;
|
|
933
933
|
}(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SurveyQuestionElementBase));
|
|
934
934
|
|
|
935
935
|
survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.ReactQuestionFactory.Instance.registerQuestion("embeddedsurvey", function (props) {
|
|
936
|
-
return
|
|
936
|
+
return react__WEBPACK_IMPORTED_MODULE_1__.createElement(SurveyElementEmbeddedSurvey, props);
|
|
937
|
+
});
|
|
938
|
+
|
|
939
|
+
|
|
940
|
+
/***/ }),
|
|
941
|
+
|
|
942
|
+
/***/ "./src/QuestionError.tsx":
|
|
943
|
+
/*!*******************************!*\
|
|
944
|
+
!*** ./src/QuestionError.tsx ***!
|
|
945
|
+
\*******************************/
|
|
946
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
947
|
+
|
|
948
|
+
__webpack_require__.r(__webpack_exports__);
|
|
949
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
950
|
+
/* harmony export */ QuestionErrorComponent: () => (/* binding */ QuestionErrorComponent)
|
|
951
|
+
/* harmony export */ });
|
|
952
|
+
/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./src/entries/helpers.ts");
|
|
953
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
|
|
954
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
|
|
955
|
+
/* harmony import */ var survey_react_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! survey-react-ui */ "survey-react-ui");
|
|
956
|
+
/* harmony import */ var survey_react_ui__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__);
|
|
957
|
+
|
|
958
|
+
|
|
959
|
+
|
|
960
|
+
|
|
961
|
+
var QuestionErrorComponent = /** @class */ (function (_super) {
|
|
962
|
+
(0,tslib__WEBPACK_IMPORTED_MODULE_0__.__extends)(QuestionErrorComponent, _super);
|
|
963
|
+
function QuestionErrorComponent() {
|
|
964
|
+
return _super !== null && _super.apply(this, arguments) || this;
|
|
965
|
+
}
|
|
966
|
+
QuestionErrorComponent.prototype.render = function () {
|
|
967
|
+
return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", null,
|
|
968
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SvgIcon, { "aria-hidden": "true", iconName: "icon-alert_24x24", size: "24", className: this.props.cssClasses.error.icon }),
|
|
969
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", { className: this.props.cssClasses.error.item || undefined },
|
|
970
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SurveyLocStringViewer, { locStr: this.props.error.locText }))));
|
|
971
|
+
};
|
|
972
|
+
return QuestionErrorComponent;
|
|
973
|
+
}(react__WEBPACK_IMPORTED_MODULE_1__.Component));
|
|
974
|
+
|
|
975
|
+
survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.ReactElementFactory.Instance.registerElement("svc-question-error", function (props) {
|
|
976
|
+
return react__WEBPACK_IMPORTED_MODULE_1__.createElement(QuestionErrorComponent, props);
|
|
937
977
|
});
|
|
938
978
|
|
|
939
979
|
|
|
@@ -978,7 +1018,7 @@ var SurveyQuestionLinkValue = /** @class */ (function (_super) {
|
|
|
978
1018
|
var _this = this;
|
|
979
1019
|
var showClear = this.questionBase.showClear;
|
|
980
1020
|
if (!this.questionBase.isReadOnly && showClear) {
|
|
981
|
-
return (
|
|
1021
|
+
return (react__WEBPACK_IMPORTED_MODULE_1__.createElement(_ActionButton__WEBPACK_IMPORTED_MODULE_4__.ActionButton, { classes: this.question.linkClearButtonCssClasses, click: function () { return _this.question.doClearClick(); }, selected: this.question.isSelected, text: survey_creator_core__WEBPACK_IMPORTED_MODULE_3__.editorLocalization.getString("pe.clear") }));
|
|
982
1022
|
}
|
|
983
1023
|
else {
|
|
984
1024
|
return null;
|
|
@@ -986,15 +1026,15 @@ var SurveyQuestionLinkValue = /** @class */ (function (_super) {
|
|
|
986
1026
|
};
|
|
987
1027
|
SurveyQuestionLinkValue.prototype.renderElement = function () {
|
|
988
1028
|
var _this = this;
|
|
989
|
-
return (
|
|
990
|
-
|
|
1029
|
+
return (react__WEBPACK_IMPORTED_MODULE_1__.createElement(react__WEBPACK_IMPORTED_MODULE_1__.Fragment, null,
|
|
1030
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement(_ActionButton__WEBPACK_IMPORTED_MODULE_4__.ActionButton, { classes: this.question.linkSetButtonCssClasses, click: function () { return _this.question.doLinkClick(); }, selected: this.question.isSelected, disabled: !this.question.isClickable, text: this.question.linkValueText, title: this.question.tooltip }),
|
|
991
1031
|
this.renderClear()));
|
|
992
1032
|
};
|
|
993
1033
|
return SurveyQuestionLinkValue;
|
|
994
1034
|
}(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SurveyQuestionElementBase));
|
|
995
1035
|
|
|
996
1036
|
survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.ReactQuestionFactory.Instance.registerQuestion("linkvalue", function (props) {
|
|
997
|
-
return
|
|
1037
|
+
return react__WEBPACK_IMPORTED_MODULE_1__.createElement(SurveyQuestionLinkValue, props);
|
|
998
1038
|
});
|
|
999
1039
|
|
|
1000
1040
|
|
|
@@ -1047,12 +1087,12 @@ var SurveyResults = /** @class */ (function (_super) {
|
|
|
1047
1087
|
if (!this.model) {
|
|
1048
1088
|
return null;
|
|
1049
1089
|
}
|
|
1050
|
-
return (
|
|
1051
|
-
|
|
1052
|
-
|
|
1053
|
-
|
|
1054
|
-
|
|
1055
|
-
|
|
1090
|
+
return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svd-test-results" },
|
|
1091
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svd-test-results__header" },
|
|
1092
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svd-test-results__header-text" }, this.model.surveyResultsText),
|
|
1093
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svd-test-results__header-types" },
|
|
1094
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement(_ActionButton__WEBPACK_IMPORTED_MODULE_4__.ActionButton, { click: function () { return _this.model.selectTableClick(); }, text: this.model.surveyResultsTableText, selected: this.model.isTableSelected, disabled: false }),
|
|
1095
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement(_ActionButton__WEBPACK_IMPORTED_MODULE_4__.ActionButton, { click: function () { return _this.model.selectJsonClick(); }, text: this.model.surveyResultsJsonText, selected: this.model.isJsonSelected, disabled: false }))),
|
|
1056
1096
|
this.renderResultAsText(),
|
|
1057
1097
|
this.renderResultAsTable()));
|
|
1058
1098
|
};
|
|
@@ -1060,25 +1100,25 @@ var SurveyResults = /** @class */ (function (_super) {
|
|
|
1060
1100
|
if (this.model.resultViewType !== "text") {
|
|
1061
1101
|
return null;
|
|
1062
1102
|
}
|
|
1063
|
-
return (
|
|
1064
|
-
|
|
1103
|
+
return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svd-test-results__text svd-light-bg-color" },
|
|
1104
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", null, this.model.resultText)));
|
|
1065
1105
|
};
|
|
1066
1106
|
SurveyResults.prototype.renderResultAsTable = function () {
|
|
1067
1107
|
if (this.model.resultViewType !== "table") {
|
|
1068
1108
|
return null;
|
|
1069
1109
|
}
|
|
1070
|
-
return (
|
|
1071
|
-
|
|
1072
|
-
|
|
1073
|
-
|
|
1074
|
-
|
|
1075
|
-
|
|
1076
|
-
|
|
1110
|
+
return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svd-test-results__table svd-light-bg-color" },
|
|
1111
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("table", null,
|
|
1112
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("thead", null,
|
|
1113
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("tr", { className: "svd-light-background-color" },
|
|
1114
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("th", { key: 1, className: "svd-dark-border-color" }, this.model.resultsTitle),
|
|
1115
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("th", { key: 2, className: "svd-dark-border-color" }, this.model.resultsDisplayValue))),
|
|
1116
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("tbody", null, SurveyResults.renderRows(this.model.resultData)))));
|
|
1077
1117
|
};
|
|
1078
1118
|
SurveyResults.renderRows = function (data) {
|
|
1079
1119
|
var rows = [];
|
|
1080
1120
|
for (var i = 0; i < data.length; i++) {
|
|
1081
|
-
rows.push(
|
|
1121
|
+
rows.push(react__WEBPACK_IMPORTED_MODULE_1__.createElement(SurveyResultsByRow, { key: i + 1, row: data[i] }));
|
|
1082
1122
|
}
|
|
1083
1123
|
return rows;
|
|
1084
1124
|
};
|
|
@@ -1102,13 +1142,13 @@ var SurveyResultsByRow = /** @class */ (function (_super) {
|
|
|
1102
1142
|
};
|
|
1103
1143
|
SurveyResultsByRow.prototype.render = function () {
|
|
1104
1144
|
var _this = this;
|
|
1105
|
-
return (
|
|
1106
|
-
(0,survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.attachKey2click)(
|
|
1107
|
-
|
|
1108
|
-
this.row.isNode ? (
|
|
1109
|
-
|
|
1110
|
-
this.row.question ?
|
|
1111
|
-
|
|
1145
|
+
return (react__WEBPACK_IMPORTED_MODULE_1__.createElement(react__WEBPACK_IMPORTED_MODULE_1__.Fragment, null,
|
|
1146
|
+
(0,survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_1__.createElement("tr", { onClick: function () { return _this.row.toggle(); } },
|
|
1147
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("td", { key: 1, style: { paddingLeft: this.row.textMargin }, className: "svd-dark-border-color" },
|
|
1148
|
+
this.row.isNode ? (react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", { style: { left: this.row.markerMargin }, className: "svd-test-results__marker " + (this.row.collapsed ? "" : "svd-test-results__marker--expanded") },
|
|
1149
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.SvgIcon, { iconName: "icon-expand_16x16", size: 16 }))) : null,
|
|
1150
|
+
this.row.question ? react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.SurveyLocStringViewer, { locStr: this.row.question.locTitle }) : react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", null, this.row.title)),
|
|
1151
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("td", { key: 2, className: this.row.isNode ? "svd-test-results__node-value" : "svd-dark-border-color" }, this.row.getString(this.row.displayValue)))),
|
|
1112
1152
|
this.row.isNode && !this.row.collapsed ? SurveyResults.renderRows(this.row.data) : null));
|
|
1113
1153
|
};
|
|
1114
1154
|
return SurveyResultsByRow;
|
|
@@ -1168,19 +1208,19 @@ var SearchComponent = /** @class */ (function (_super) {
|
|
|
1168
1208
|
_this.model.filterString = e.target.value;
|
|
1169
1209
|
}
|
|
1170
1210
|
};
|
|
1171
|
-
return (
|
|
1172
|
-
|
|
1173
|
-
|
|
1174
|
-
|
|
1175
|
-
|
|
1176
|
-
|
|
1177
|
-
|
|
1211
|
+
return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "spg-search-editor_container" },
|
|
1212
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "spg-search-editor_search-icon" },
|
|
1213
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.SvgIcon, { iconName: "icon-search", size: "auto" })),
|
|
1214
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("input", { type: "text", className: "spg-search-editor_input", "aria-label": this.model.filterStringPlaceholder, placeholder: this.model.filterStringPlaceholder, value: this.state.filterString, onChange: onChange }),
|
|
1215
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "spg-search-editor_toolbar" },
|
|
1216
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "spg-search-editor_toolbar-counter" }, this.model.matchCounterText),
|
|
1217
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.SurveyActionBar, { model: this.model.searchActionBar }))));
|
|
1178
1218
|
};
|
|
1179
1219
|
return SearchComponent;
|
|
1180
1220
|
}(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.SurveyElementBase));
|
|
1181
1221
|
|
|
1182
1222
|
survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.ReactElementFactory.Instance.registerElement("svc-search", function (props) {
|
|
1183
|
-
return
|
|
1223
|
+
return react__WEBPACK_IMPORTED_MODULE_1__.createElement(SearchComponent, props);
|
|
1184
1224
|
});
|
|
1185
1225
|
|
|
1186
1226
|
|
|
@@ -1209,7 +1249,7 @@ var SidebarComponent = /** @class */ (function (_super) {
|
|
|
1209
1249
|
(0,tslib__WEBPACK_IMPORTED_MODULE_0__.__extends)(SidebarComponent, _super);
|
|
1210
1250
|
function SidebarComponent(props) {
|
|
1211
1251
|
var _this = _super.call(this, props) || this;
|
|
1212
|
-
_this.containerRef =
|
|
1252
|
+
_this.containerRef = react__WEBPACK_IMPORTED_MODULE_1__.createRef();
|
|
1213
1253
|
return _this;
|
|
1214
1254
|
}
|
|
1215
1255
|
Object.defineProperty(SidebarComponent.prototype, "model", {
|
|
@@ -1239,18 +1279,18 @@ var SidebarComponent = /** @class */ (function (_super) {
|
|
|
1239
1279
|
var _this = this;
|
|
1240
1280
|
var style = { display: !this.model.visible ? "none" : "" };
|
|
1241
1281
|
var className = "svc-side-bar" + (this.model.flyoutPanelMode ? " svc-flyout-side-bar" : "");
|
|
1242
|
-
var items = this.model.tabs.map(function (item) { return
|
|
1243
|
-
return (
|
|
1244
|
-
|
|
1245
|
-
|
|
1246
|
-
|
|
1247
|
-
|
|
1248
|
-
|
|
1249
|
-
|
|
1282
|
+
var items = this.model.tabs.map(function (item) { return react__WEBPACK_IMPORTED_MODULE_1__.createElement(SidebarTab, { item: item, key: item.id }); });
|
|
1283
|
+
return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: className, style: { display: !this.model.hasVisibleTabs ? "none" : "" } },
|
|
1284
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-side-bar__shadow", onClick: function () { return _this.model.collapseSidebar(); } }),
|
|
1285
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-flex-column svc-side-bar__wrapper" },
|
|
1286
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { ref: this.containerRef, style: style, className: "svc-side-bar__container" },
|
|
1287
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-side-bar__container-header" },
|
|
1288
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-side-bar__container-actions" },
|
|
1289
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SurveyActionBar, { model: this.model.toolbar })),
|
|
1250
1290
|
(!!this.model.headerText ?
|
|
1251
|
-
|
|
1291
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-side-bar__container-title" }, this.model.headerText)
|
|
1252
1292
|
: null)),
|
|
1253
|
-
|
|
1293
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-side-bar__container-content" }, items)))));
|
|
1254
1294
|
};
|
|
1255
1295
|
return SidebarComponent;
|
|
1256
1296
|
}(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SurveyElementBase));
|
|
@@ -1279,11 +1319,11 @@ var SidebarTab = /** @class */ (function (_super) {
|
|
|
1279
1319
|
return SidebarTab;
|
|
1280
1320
|
}(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SurveyElementBase));
|
|
1281
1321
|
survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.ReactQuestionFactory.Instance.registerQuestion("svc-side-bar-tab", function (props) {
|
|
1282
|
-
return
|
|
1322
|
+
return react__WEBPACK_IMPORTED_MODULE_1__.createElement(SidebarTab, props);
|
|
1283
1323
|
});
|
|
1284
1324
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SidebarComponent);
|
|
1285
1325
|
survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.ReactElementFactory.Instance.registerElement("svc-side-bar", function (props) {
|
|
1286
|
-
return
|
|
1326
|
+
return react__WEBPACK_IMPORTED_MODULE_1__.createElement(SidebarComponent, props);
|
|
1287
1327
|
});
|
|
1288
1328
|
|
|
1289
1329
|
|
|
@@ -1320,7 +1360,9 @@ var SurveyLocStringEditor = /** @class */ (function (_super) {
|
|
|
1320
1360
|
_this.setState({ changed: !!_this.state && _this.state.changed ? _this.state.changed + 1 : 1 });
|
|
1321
1361
|
};
|
|
1322
1362
|
_this.onBlur = function (event) {
|
|
1323
|
-
_this.svStringEditorRef.current
|
|
1363
|
+
if (_this.svStringEditorRef.current) {
|
|
1364
|
+
_this.svStringEditorRef.current.spellcheck = false;
|
|
1365
|
+
}
|
|
1324
1366
|
_this.locString["__isEditing"] = false;
|
|
1325
1367
|
_this.justFocused = false;
|
|
1326
1368
|
_this.baseModel.onBlur(event.nativeEvent);
|
|
@@ -1363,7 +1405,7 @@ var SurveyLocStringEditor = /** @class */ (function (_super) {
|
|
|
1363
1405
|
_this.baseModel.onClick(event);
|
|
1364
1406
|
};
|
|
1365
1407
|
_this.state = { changed: 0 };
|
|
1366
|
-
_this.svStringEditorRef =
|
|
1408
|
+
_this.svStringEditorRef = react__WEBPACK_IMPORTED_MODULE_1__.createRef();
|
|
1367
1409
|
return _this;
|
|
1368
1410
|
}
|
|
1369
1411
|
SurveyLocStringEditor.prototype.createModel = function (props) {
|
|
@@ -1464,31 +1506,31 @@ var SurveyLocStringEditor = /** @class */ (function (_super) {
|
|
|
1464
1506
|
var control = null;
|
|
1465
1507
|
if (this.locString.hasHtml) {
|
|
1466
1508
|
var htmlValue = { __html: this.locString.renderedHtml };
|
|
1467
|
-
control = (
|
|
1509
|
+
control = (react__WEBPACK_IMPORTED_MODULE_1__.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,
|
|
1468
1510
|
// style={this.style}
|
|
1469
1511
|
dangerouslySetInnerHTML: htmlValue, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.onKeyDown, onMouseUp: this.onMouseUp, onClick: this.edit }));
|
|
1470
1512
|
}
|
|
1471
1513
|
else {
|
|
1472
|
-
control = (
|
|
1514
|
+
control = (react__WEBPACK_IMPORTED_MODULE_1__.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,
|
|
1473
1515
|
// style={this.style}
|
|
1474
|
-
onBlur: this.onBlur, onInput: this.onInput, onPaste: this.onPaste, onCompositionStart: this.onCompositionStart, onCompositionEnd: this.onCompositionEnd, onFocus: this.onFocus, onKeyDown: this.onKeyDown, onKeyUp: this.onKeyUp, onMouseUp: this.onMouseUp, onClick: this.edit }, this.locString.renderedHtml));
|
|
1516
|
+
key: this.locString.renderedHtml, onBlur: this.onBlur, onInput: this.onInput, onPaste: this.onPaste, onCompositionStart: this.onCompositionStart, onCompositionEnd: this.onCompositionEnd, onFocus: this.onFocus, onKeyDown: this.onKeyDown, onKeyUp: this.onKeyUp, onMouseUp: this.onMouseUp, onClick: this.edit }, this.locString.renderedHtml));
|
|
1475
1517
|
}
|
|
1476
|
-
var counter = this.baseModel.showCharacterCounter ? (
|
|
1477
|
-
return (
|
|
1478
|
-
|
|
1479
|
-
|
|
1480
|
-
|
|
1481
|
-
|
|
1518
|
+
var counter = this.baseModel.showCharacterCounter ? (react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.CharacterCounterComponent, { counter: this.baseModel.characterCounter, remainingCharacterCounter: this.baseModel.getCharacterCounterClass })) : null;
|
|
1519
|
+
return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", { className: this.className },
|
|
1520
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", { className: "svc-string-editor__content" },
|
|
1521
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-string-editor__border", onClick: this.edit },
|
|
1522
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SvgIcon, { className: "svc-string-editor__button svc-string-editor__button--edit", size: 16, iconName: "icon-edit" })),
|
|
1523
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", { className: "svc-string-editor__input" },
|
|
1482
1524
|
control,
|
|
1483
|
-
|
|
1525
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-string-editor__controls", onClick: this.edit }),
|
|
1484
1526
|
counter)),
|
|
1485
|
-
this.errorText ?
|
|
1527
|
+
this.errorText ? react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", { className: "svc-string-editor__error" }, this.errorText) : ""));
|
|
1486
1528
|
};
|
|
1487
1529
|
return SurveyLocStringEditor;
|
|
1488
1530
|
}(_ModelElement__WEBPACK_IMPORTED_MODULE_4__.CreatorModelElement));
|
|
1489
1531
|
|
|
1490
1532
|
survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.ReactElementFactory.Instance.registerElement(survey_creator_core__WEBPACK_IMPORTED_MODULE_3__.editableStringRendererName, function (props) {
|
|
1491
|
-
return
|
|
1533
|
+
return react__WEBPACK_IMPORTED_MODULE_1__.createElement(SurveyLocStringEditor, props);
|
|
1492
1534
|
});
|
|
1493
1535
|
|
|
1494
1536
|
|
|
@@ -1525,7 +1567,7 @@ var SurveyCreatorComponent = /** @class */ (function (_super) {
|
|
|
1525
1567
|
(0,tslib__WEBPACK_IMPORTED_MODULE_0__.__extends)(SurveyCreatorComponent, _super);
|
|
1526
1568
|
function SurveyCreatorComponent(props) {
|
|
1527
1569
|
var _this = _super.call(this, props) || this;
|
|
1528
|
-
_this.rootNode =
|
|
1570
|
+
_this.rootNode = react__WEBPACK_IMPORTED_MODULE_1__.createRef();
|
|
1529
1571
|
return _this;
|
|
1530
1572
|
}
|
|
1531
1573
|
Object.defineProperty(SurveyCreatorComponent.prototype, "creator", {
|
|
@@ -1575,32 +1617,32 @@ var SurveyCreatorComponent = /** @class */ (function (_super) {
|
|
|
1575
1617
|
var licenseBanner = null;
|
|
1576
1618
|
if (!this.props.creator.haveCommercialLicense) {
|
|
1577
1619
|
var htmlValue = { __html: this.props.creator.licenseText };
|
|
1578
|
-
licenseBanner = (
|
|
1579
|
-
|
|
1620
|
+
licenseBanner = (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-creator__banner" },
|
|
1621
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", { className: "svc-creator__non-commercial-text", dangerouslySetInnerHTML: htmlValue })));
|
|
1580
1622
|
}
|
|
1581
1623
|
//AM: width unrecognized by react
|
|
1582
|
-
return (
|
|
1583
|
-
|
|
1584
|
-
|
|
1585
|
-
|
|
1586
|
-
|
|
1587
|
-
|
|
1624
|
+
return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: creatorClassName, ref: this.rootNode, style: this.style },
|
|
1625
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.SvgBundleComponent, null),
|
|
1626
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: areaClassName },
|
|
1627
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: fullContainerClassName },
|
|
1628
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-flex-column svc-flex-row__element svc-flex-row__element--growing" },
|
|
1629
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-top-bar" },
|
|
1588
1630
|
(creator.showTabs ?
|
|
1589
|
-
|
|
1590
|
-
|
|
1631
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-tabbed-menu-wrapper" },
|
|
1632
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement(_TabbedMenu__WEBPACK_IMPORTED_MODULE_5__.TabbedMenuComponent, { model: creator.tabbedMenu })) : null),
|
|
1591
1633
|
(creator.showToolbar ?
|
|
1592
|
-
|
|
1593
|
-
|
|
1634
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-toolbar-wrapper" },
|
|
1635
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.SurveyActionBar, { model: creator.toolbar }))
|
|
1594
1636
|
: null)),
|
|
1595
|
-
|
|
1596
|
-
|
|
1597
|
-
|
|
1598
|
-
|
|
1599
|
-
|
|
1637
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: contentWrapperClassName },
|
|
1638
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-creator__content-holder svc-flex-column" }, this.renderActiveTab())),
|
|
1639
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-footer-bar" }, (creator.isMobileView ?
|
|
1640
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-toolbar-wrapper" },
|
|
1641
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.SurveyActionBar, { model: creator.footerToolbar }))
|
|
1600
1642
|
: null))),
|
|
1601
1643
|
this.renderSidebar()),
|
|
1602
1644
|
licenseBanner,
|
|
1603
|
-
|
|
1645
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.NotifierComponent, { notifier: creator.notifier }))));
|
|
1604
1646
|
};
|
|
1605
1647
|
SurveyCreatorComponent.prototype.renderActiveTab = function () {
|
|
1606
1648
|
var creator = this.props.creator;
|
|
@@ -1624,12 +1666,12 @@ var SurveyCreatorComponent = /** @class */ (function (_super) {
|
|
|
1624
1666
|
data: tab.data.model
|
|
1625
1667
|
});
|
|
1626
1668
|
var className = "svc-creator-tab" + (creator.toolboxLocation == "right" ? " svc-creator__toolbox--right" : "");
|
|
1627
|
-
return (
|
|
1669
|
+
return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { key: tab.id, id: "scrollableDiv-" + tab.id, className: className }, component));
|
|
1628
1670
|
};
|
|
1629
1671
|
SurveyCreatorComponent.prototype.renderSidebar = function () {
|
|
1630
1672
|
if (!!this.creator.sidebar) {
|
|
1631
1673
|
var className = this.creator.isMobileView ? "sv-mobile-side-bar" : "";
|
|
1632
|
-
return (
|
|
1674
|
+
return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: className }, survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.ReactElementFactory.Instance.createElement("svc-side-bar", { model: this.creator.sidebar })));
|
|
1633
1675
|
}
|
|
1634
1676
|
else {
|
|
1635
1677
|
return null;
|
|
@@ -1650,9 +1692,9 @@ var SurveyCreator = /** @class */ (function (_super) {
|
|
|
1650
1692
|
node = document.getElementById(target);
|
|
1651
1693
|
}
|
|
1652
1694
|
/* eslint-disable react/no-deprecated */
|
|
1653
|
-
|
|
1654
|
-
|
|
1655
|
-
|
|
1695
|
+
react_dom__WEBPACK_IMPORTED_MODULE_2__.unmountComponentAtNode(node);
|
|
1696
|
+
react_dom__WEBPACK_IMPORTED_MODULE_2__.render(react__WEBPACK_IMPORTED_MODULE_1__.createElement(react__WEBPACK_IMPORTED_MODULE_1__.StrictMode, null,
|
|
1697
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement(SurveyCreatorComponent, { creator: this })), node);
|
|
1656
1698
|
/* eslint-enable react/no-deprecated */
|
|
1657
1699
|
};
|
|
1658
1700
|
//ISurveyCreator
|
|
@@ -1666,10 +1708,10 @@ var SurveyCreator = /** @class */ (function (_super) {
|
|
|
1666
1708
|
});
|
|
1667
1709
|
};
|
|
1668
1710
|
SurveyCreator.prototype.renderError = function (key, error, cssClasses) {
|
|
1669
|
-
return (
|
|
1670
|
-
|
|
1671
|
-
|
|
1672
|
-
|
|
1711
|
+
return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { key: key },
|
|
1712
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", { className: cssClasses.error.icon, "aria-hidden": "true" }),
|
|
1713
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", { className: cssClasses.error.item },
|
|
1714
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.SurveyLocStringViewer, { locStr: error.locText }))));
|
|
1673
1715
|
};
|
|
1674
1716
|
SurveyCreator.prototype.questionTitleLocation = function () {
|
|
1675
1717
|
return this.survey.questionTitleLocation;
|
|
@@ -1681,7 +1723,7 @@ var SurveyCreator = /** @class */ (function (_super) {
|
|
|
1681
1723
|
}(survey_creator_core__WEBPACK_IMPORTED_MODULE_4__.SurveyCreatorModel));
|
|
1682
1724
|
|
|
1683
1725
|
survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.ReactElementFactory.Instance.registerElement("survey-widget", function (props) {
|
|
1684
|
-
return
|
|
1726
|
+
return react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.Survey, props);
|
|
1685
1727
|
});
|
|
1686
1728
|
|
|
1687
1729
|
|
|
@@ -1724,10 +1766,10 @@ var SwitcherComponent = /** @class */ (function (_super) {
|
|
|
1724
1766
|
SwitcherComponent.prototype.renderElement = function () {
|
|
1725
1767
|
var _this = this;
|
|
1726
1768
|
var tooltip = this.item.tooltip || this.item.title;
|
|
1727
|
-
var title = this.item.hasTitle ?
|
|
1728
|
-
var button = (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.attachKey2click)(
|
|
1729
|
-
|
|
1730
|
-
|
|
1769
|
+
var title = this.item.hasTitle ? react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", { className: "svc-switcher__title" }, this.item.title) : null;
|
|
1770
|
+
var button = (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_1__.createElement("button", { className: this.item.getActionBarItemCss(), type: "button", disabled: this.item.disabled, onClick: function (args) { return _this.item.action(_this.item, _this.item.getIsTrusted(args)); }, title: tooltip, "aria-checked": this.item.ariaChecked, "aria-expanded": this.item.ariaExpanded, role: this.item.ariaRole },
|
|
1771
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: this.item.getSwitcherIconCss() },
|
|
1772
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-switcher__icon-thumb" })),
|
|
1731
1773
|
title), this.item, { processEsc: false });
|
|
1732
1774
|
return button;
|
|
1733
1775
|
};
|
|
@@ -1736,7 +1778,7 @@ var SwitcherComponent = /** @class */ (function (_super) {
|
|
|
1736
1778
|
|
|
1737
1779
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SwitcherComponent);
|
|
1738
1780
|
survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.ReactElementFactory.Instance.registerElement("svc-switcher", function (props) {
|
|
1739
|
-
return
|
|
1781
|
+
return react__WEBPACK_IMPORTED_MODULE_1__.createElement(SwitcherComponent, props);
|
|
1740
1782
|
});
|
|
1741
1783
|
|
|
1742
1784
|
|
|
@@ -1769,7 +1811,7 @@ var TabbedMenuComponent = /** @class */ (function (_super) {
|
|
|
1769
1811
|
(0,tslib__WEBPACK_IMPORTED_MODULE_0__.__extends)(TabbedMenuComponent, _super);
|
|
1770
1812
|
function TabbedMenuComponent(props) {
|
|
1771
1813
|
var _this = _super.call(this, props) || this;
|
|
1772
|
-
_this.rootRef =
|
|
1814
|
+
_this.rootRef = react__WEBPACK_IMPORTED_MODULE_1__.createRef();
|
|
1773
1815
|
return _this;
|
|
1774
1816
|
}
|
|
1775
1817
|
Object.defineProperty(TabbedMenuComponent.prototype, "model", {
|
|
@@ -1783,8 +1825,8 @@ var TabbedMenuComponent = /** @class */ (function (_super) {
|
|
|
1783
1825
|
return this.model;
|
|
1784
1826
|
};
|
|
1785
1827
|
TabbedMenuComponent.prototype.renderElement = function () {
|
|
1786
|
-
var items = this.model.renderedActions.map(function (item) { return
|
|
1787
|
-
return (
|
|
1828
|
+
var items = this.model.renderedActions.map(function (item) { return react__WEBPACK_IMPORTED_MODULE_1__.createElement(TabbedMenuItemWrapper, { item: item, key: item.id }); });
|
|
1829
|
+
return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { ref: this.rootRef, className: "svc-tabbed-menu" }, items));
|
|
1788
1830
|
};
|
|
1789
1831
|
TabbedMenuComponent.prototype.componentDidMount = function () {
|
|
1790
1832
|
_super.prototype.componentDidMount.call(this);
|
|
@@ -1822,8 +1864,8 @@ var TabbedMenuItemWrapper = /** @class */ (function (_super) {
|
|
|
1822
1864
|
}
|
|
1823
1865
|
css += (!this.item.isVisible ? " sv-action--hidden" : "");
|
|
1824
1866
|
var component = survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.ReactElementFactory.Instance.createElement(this.item.component || "svc-tabbed-menu-item", { item: this.item });
|
|
1825
|
-
return (
|
|
1826
|
-
|
|
1867
|
+
return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", { key: this.item.id, className: css },
|
|
1868
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "sv-action__content" }, component)));
|
|
1827
1869
|
};
|
|
1828
1870
|
return TabbedMenuItemWrapper;
|
|
1829
1871
|
}(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.SurveyElementBase));
|
|
@@ -1852,14 +1894,14 @@ var TabbedMenuItemComponent = /** @class */ (function (_super) {
|
|
|
1852
1894
|
var titleClassName = "svc-text svc-tabbed-menu-item__text svc-text--normal";
|
|
1853
1895
|
if (item.active)
|
|
1854
1896
|
titleClassName += " svc-text--bold";
|
|
1855
|
-
return ((0,survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.attachKey2click)(
|
|
1856
|
-
|
|
1897
|
+
return ((0,survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: className, onClick: function () { return item.action(item); } },
|
|
1898
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", { className: titleClassName }, item.title))));
|
|
1857
1899
|
};
|
|
1858
1900
|
return TabbedMenuItemComponent;
|
|
1859
1901
|
}(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.SurveyElementBase));
|
|
1860
1902
|
|
|
1861
1903
|
survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.ReactElementFactory.Instance.registerElement("svc-tabbed-menu-item", function (props) {
|
|
1862
|
-
return
|
|
1904
|
+
return react__WEBPACK_IMPORTED_MODULE_1__.createElement(TabbedMenuItemComponent, props);
|
|
1863
1905
|
});
|
|
1864
1906
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (TabbedMenuComponent);
|
|
1865
1907
|
|
|
@@ -1907,15 +1949,15 @@ var CellQuestionAdornerComponent = /** @class */ (function (_super) {
|
|
|
1907
1949
|
if (this.model.isDragged) {
|
|
1908
1950
|
return null;
|
|
1909
1951
|
}
|
|
1910
|
-
return (
|
|
1911
|
-
|
|
1912
|
-
|
|
1952
|
+
return (react__WEBPACK_IMPORTED_MODULE_1__.createElement(react__WEBPACK_IMPORTED_MODULE_1__.Fragment, null,
|
|
1953
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { "data-sv-drop-target-survey-element": this.model.element.name, className: "svc-question__adorner" },
|
|
1954
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: " svc-question__content--in-popup svc-question__content" }, this.props.element))));
|
|
1913
1955
|
};
|
|
1914
1956
|
return CellQuestionAdornerComponent;
|
|
1915
1957
|
}(_ModelElement__WEBPACK_IMPORTED_MODULE_3__.CreatorModelElement));
|
|
1916
1958
|
|
|
1917
1959
|
survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.ReactElementFactory.Instance.registerElement("svc-cell-question", function (props) {
|
|
1918
|
-
return
|
|
1960
|
+
return react__WEBPACK_IMPORTED_MODULE_1__.createElement(CellQuestionAdornerComponent, props);
|
|
1919
1961
|
});
|
|
1920
1962
|
|
|
1921
1963
|
|
|
@@ -1964,11 +2006,11 @@ var CellQuestionDropdownAdornerComponent = /** @class */ (function (_super) {
|
|
|
1964
2006
|
}
|
|
1965
2007
|
var question = this.props.question;
|
|
1966
2008
|
var textStyle = this.props.question.textStyle;
|
|
1967
|
-
return (
|
|
1968
|
-
|
|
1969
|
-
|
|
2009
|
+
return (react__WEBPACK_IMPORTED_MODULE_2__.createElement(react__WEBPACK_IMPORTED_MODULE_2__.Fragment, null,
|
|
2010
|
+
react__WEBPACK_IMPORTED_MODULE_2__.createElement("div", { "data-sv-drop-target-survey-element": this.model.element.name, className: "svc-question__adorner" },
|
|
2011
|
+
react__WEBPACK_IMPORTED_MODULE_2__.createElement("div", { className: " svc-question__content--in-popup svc-question__content" },
|
|
1970
2012
|
this.props.element,
|
|
1971
|
-
|
|
2013
|
+
react__WEBPACK_IMPORTED_MODULE_2__.createElement("div", { className: "svc-question__dropdown-choices" }, question.visibleChoices.map(function (item, index) { return (react__WEBPACK_IMPORTED_MODULE_2__.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", {
|
|
1972
2014
|
question: question,
|
|
1973
2015
|
cssClasses: question.cssClasses,
|
|
1974
2016
|
isDisplayMode: true,
|
|
@@ -1982,7 +2024,7 @@ var CellQuestionDropdownAdornerComponent = /** @class */ (function (_super) {
|
|
|
1982
2024
|
}(_ModelElement__WEBPACK_IMPORTED_MODULE_4__.CreatorModelElement));
|
|
1983
2025
|
|
|
1984
2026
|
survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.ReactElementFactory.Instance.registerElement("svc-cell-dropdown-question", function (props) {
|
|
1985
|
-
return
|
|
2027
|
+
return react__WEBPACK_IMPORTED_MODULE_2__.createElement(CellQuestionDropdownAdornerComponent, props);
|
|
1986
2028
|
});
|
|
1987
2029
|
|
|
1988
2030
|
|
|
@@ -2017,7 +2059,7 @@ var CreatorSurveyPageComponent = /** @class */ (function (_super) {
|
|
|
2017
2059
|
(0,tslib__WEBPACK_IMPORTED_MODULE_0__.__extends)(CreatorSurveyPageComponent, _super);
|
|
2018
2060
|
function CreatorSurveyPageComponent(props) {
|
|
2019
2061
|
var _this = _super.call(this, props) || this;
|
|
2020
|
-
_this.rootRef =
|
|
2062
|
+
_this.rootRef = react__WEBPACK_IMPORTED_MODULE_4__.createRef();
|
|
2021
2063
|
return _this;
|
|
2022
2064
|
}
|
|
2023
2065
|
CreatorSurveyPageComponent.prototype.createModel = function (props) {
|
|
@@ -2055,9 +2097,9 @@ var CreatorSurveyPageComponent = /** @class */ (function (_super) {
|
|
|
2055
2097
|
var _this = this;
|
|
2056
2098
|
if (!this.props.page)
|
|
2057
2099
|
return null;
|
|
2058
|
-
return ((0,survey_react_ui__WEBPACK_IMPORTED_MODULE_1__.attachKey2click)(
|
|
2100
|
+
return ((0,survey_react_ui__WEBPACK_IMPORTED_MODULE_1__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_4__.createElement("div", { ref: this.rootRef, className: "svc-page__content " + this.model.css, id: this.props.page.id, onClick: function (e) {
|
|
2059
2101
|
return _this.model.select(_this.model, new _events__WEBPACK_IMPORTED_MODULE_5__.ReactMouseEvent(e));
|
|
2060
|
-
}, onMouseLeave: function (e) { return _this.model.hover(e.nativeEvent, e.currentTarget); }, onMouseOver: function (e) { return _this.model.hover(e.nativeEvent, e.currentTarget); } },
|
|
2102
|
+
}, onDoubleClick: function (e) { return _this.model.dblclick(e.nativeEvent); }, onMouseLeave: function (e) { return _this.model.hover(e.nativeEvent, e.currentTarget); }, onMouseOver: function (e) { return _this.model.hover(e.nativeEvent, e.currentTarget); } },
|
|
2061
2103
|
this.renderHeader(),
|
|
2062
2104
|
this.renderContent(),
|
|
2063
2105
|
this.renderPlaceholder(),
|
|
@@ -2066,25 +2108,25 @@ var CreatorSurveyPageComponent = /** @class */ (function (_super) {
|
|
|
2066
2108
|
CreatorSurveyPageComponent.prototype.renderPlaceholder = function () {
|
|
2067
2109
|
if (!this.model.showPlaceholder)
|
|
2068
2110
|
return null;
|
|
2069
|
-
return (
|
|
2070
|
-
|
|
2071
|
-
|
|
2111
|
+
return (react__WEBPACK_IMPORTED_MODULE_4__.createElement("div", { className: "svc-page__placeholder_frame" },
|
|
2112
|
+
react__WEBPACK_IMPORTED_MODULE_4__.createElement("div", { className: "svc-panel__placeholder_frame" },
|
|
2113
|
+
react__WEBPACK_IMPORTED_MODULE_4__.createElement("div", { className: "svc-panel__placeholder" }, this.model.placeholderText))));
|
|
2072
2114
|
};
|
|
2073
2115
|
CreatorSurveyPageComponent.prototype.renderContent = function () {
|
|
2074
|
-
return (
|
|
2116
|
+
return (react__WEBPACK_IMPORTED_MODULE_4__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_1__.SurveyPage, { page: this.props.page, survey: this.props.survey, creator: this.props.creator, css: this.model.css }));
|
|
2075
2117
|
};
|
|
2076
2118
|
CreatorSurveyPageComponent.prototype.renderHeader = function () {
|
|
2077
|
-
return (
|
|
2078
|
-
|
|
2119
|
+
return (react__WEBPACK_IMPORTED_MODULE_4__.createElement("div", { className: "svc-page__content-actions" },
|
|
2120
|
+
react__WEBPACK_IMPORTED_MODULE_4__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_1__.SurveyActionBar, { model: this.model.actionContainer })));
|
|
2079
2121
|
};
|
|
2080
2122
|
CreatorSurveyPageComponent.prototype.renderFooter = function () {
|
|
2081
|
-
return
|
|
2123
|
+
return react__WEBPACK_IMPORTED_MODULE_4__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_1__.SurveyActionBar, { model: this.model.footerActionsBar });
|
|
2082
2124
|
};
|
|
2083
2125
|
return CreatorSurveyPageComponent;
|
|
2084
2126
|
}(_ModelElement__WEBPACK_IMPORTED_MODULE_2__.CreatorModelElement));
|
|
2085
2127
|
|
|
2086
2128
|
survey_react_ui__WEBPACK_IMPORTED_MODULE_1__.ReactElementFactory.Instance.registerElement("svc-page", function (props) {
|
|
2087
|
-
return
|
|
2129
|
+
return react__WEBPACK_IMPORTED_MODULE_4__.createElement(CreatorSurveyPageComponent, props);
|
|
2088
2130
|
});
|
|
2089
2131
|
var AddQuestionButtonComponent = /** @class */ (function (_super) {
|
|
2090
2132
|
(0,tslib__WEBPACK_IMPORTED_MODULE_0__.__extends)(AddQuestionButtonComponent, _super);
|
|
@@ -2101,23 +2143,23 @@ var AddQuestionButtonComponent = /** @class */ (function (_super) {
|
|
|
2101
2143
|
AddQuestionButtonComponent.prototype.renderElement = function () {
|
|
2102
2144
|
var _this = this;
|
|
2103
2145
|
var questionTypeSelectorModel = this.model.questionTypeSelectorModel;
|
|
2104
|
-
return (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_1__.attachKey2click)(
|
|
2146
|
+
return (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_1__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_4__.createElement("div", { className: "svc-page__add-new-question svc-btn", onClick: function (e) {
|
|
2105
2147
|
e.stopPropagation();
|
|
2106
2148
|
_this.model.addNewQuestion(_this.model, new _events__WEBPACK_IMPORTED_MODULE_5__.ReactMouseEvent(e));
|
|
2107
2149
|
}, onMouseOver: function (e) { return _this.model.hoverStopper(e.nativeEvent, e.currentTarget); } },
|
|
2108
|
-
|
|
2109
|
-
(0,survey_react_ui__WEBPACK_IMPORTED_MODULE_1__.attachKey2click)(
|
|
2150
|
+
react__WEBPACK_IMPORTED_MODULE_4__.createElement("span", { className: "svc-text svc-text--normal svc-text--bold" }, this.model.addNewQuestionText),
|
|
2151
|
+
(0,survey_react_ui__WEBPACK_IMPORTED_MODULE_1__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_4__.createElement("button", { type: "button", onClick: function (e) {
|
|
2110
2152
|
e.stopPropagation();
|
|
2111
2153
|
questionTypeSelectorModel.action();
|
|
2112
2154
|
}, className: "svc-page__question-type-selector", title: this.model.addNewQuestionText },
|
|
2113
|
-
|
|
2114
|
-
|
|
2115
|
-
|
|
2155
|
+
react__WEBPACK_IMPORTED_MODULE_4__.createElement("span", { className: "svc-page__question-type-selector-icon" },
|
|
2156
|
+
react__WEBPACK_IMPORTED_MODULE_4__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_1__.SvgIcon, { iconName: questionTypeSelectorModel.iconName, size: 24, title: this.model.addNewQuestionText })),
|
|
2157
|
+
react__WEBPACK_IMPORTED_MODULE_4__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_1__.Popup, { model: questionTypeSelectorModel.popupModel })))));
|
|
2116
2158
|
};
|
|
2117
2159
|
return AddQuestionButtonComponent;
|
|
2118
2160
|
}(survey_react_ui__WEBPACK_IMPORTED_MODULE_1__.SurveyElementBase));
|
|
2119
2161
|
survey_react_ui__WEBPACK_IMPORTED_MODULE_1__.ReactElementFactory.Instance.registerElement("svc-add-new-question-btn", function (props) {
|
|
2120
|
-
return
|
|
2162
|
+
return react__WEBPACK_IMPORTED_MODULE_4__.createElement(AddQuestionButtonComponent, props);
|
|
2121
2163
|
});
|
|
2122
2164
|
|
|
2123
2165
|
|
|
@@ -2153,45 +2195,45 @@ var PanelAdornerComponent = /** @class */ (function (_super) {
|
|
|
2153
2195
|
if (!this.model.isEmptyElement) {
|
|
2154
2196
|
return null;
|
|
2155
2197
|
}
|
|
2156
|
-
return (
|
|
2157
|
-
|
|
2158
|
-
|
|
2159
|
-
this.model.showAddQuestionButton ? (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.attachKey2click)(
|
|
2198
|
+
return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-panel__placeholder_frame-wrapper" },
|
|
2199
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-panel__placeholder_frame" },
|
|
2200
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-panel__placeholder" }, this.model.placeholderText),
|
|
2201
|
+
this.model.showAddQuestionButton ? (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-panel__add-new-question svc-action-button", onClick: function (e) {
|
|
2160
2202
|
e.stopPropagation();
|
|
2161
2203
|
_this.model.addNewQuestion();
|
|
2162
2204
|
} },
|
|
2163
|
-
|
|
2164
|
-
|
|
2205
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SvgIcon, { className: "svc-panel__add-new-question-icon", iconName: "icon-add_24x24", size: 24 }),
|
|
2206
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", { className: "svc-text svc-text--normal svc-text--bold" }, this.model.addNewQuestionText))) : null)));
|
|
2165
2207
|
};
|
|
2166
2208
|
PanelAdornerComponent.prototype.disableTabStop = function () {
|
|
2167
2209
|
return true;
|
|
2168
2210
|
};
|
|
2169
2211
|
PanelAdornerComponent.prototype.renderFooter = function () {
|
|
2170
2212
|
var _this = this;
|
|
2171
|
-
return (
|
|
2172
|
-
!this.model.isEmptyElement && this.model.element.isPanel && this.model.showAddQuestionButton ? (
|
|
2173
|
-
|
|
2174
|
-
|
|
2175
|
-
|
|
2176
|
-
(0,survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.attachKey2click)(
|
|
2213
|
+
return (react__WEBPACK_IMPORTED_MODULE_1__.createElement(react__WEBPACK_IMPORTED_MODULE_1__.Fragment, null,
|
|
2214
|
+
!this.model.isEmptyElement && this.model.element.isPanel && this.model.showAddQuestionButton ? (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-panel__add-new-question-container" },
|
|
2215
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-panel__question-type-selector-popup" },
|
|
2216
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.Popup, { model: this.model.questionTypeSelectorModel.popupModel })),
|
|
2217
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-panel__add-new-question-wrapper" },
|
|
2218
|
+
(0,survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-panel__add-new-question svc-action-button", onClick: function (e) {
|
|
2177
2219
|
e.stopPropagation();
|
|
2178
2220
|
_this.model.addNewQuestion();
|
|
2179
2221
|
} },
|
|
2180
|
-
|
|
2181
|
-
|
|
2182
|
-
(0,survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.attachKey2click)(
|
|
2222
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SvgIcon, { className: "svc-panel__add-new-question-icon", iconName: "icon-add_24x24", size: 24 }),
|
|
2223
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", { className: "svc-text svc-text--normal svc-text--bold" }, this.model.addNewQuestionText)), undefined),
|
|
2224
|
+
(0,survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_1__.createElement("button", { type: "button", onClick: function (e) {
|
|
2183
2225
|
e.stopPropagation();
|
|
2184
2226
|
_this.model.questionTypeSelectorModel.action();
|
|
2185
2227
|
}, className: "svc-panel__question-type-selector", title: this.model.addNewQuestionText },
|
|
2186
|
-
|
|
2187
|
-
|
|
2228
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", { className: "svc-panel__question-type-selector-icon" },
|
|
2229
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SvgIcon, { iconName: this.model.questionTypeSelectorModel.iconName, size: 24 }))))))) : null,
|
|
2188
2230
|
_super.prototype.renderFooter.call(this)));
|
|
2189
2231
|
};
|
|
2190
2232
|
return PanelAdornerComponent;
|
|
2191
2233
|
}(_Question__WEBPACK_IMPORTED_MODULE_3__.QuestionAdornerComponent));
|
|
2192
2234
|
|
|
2193
2235
|
survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.ReactElementFactory.Instance.registerElement("svc-panel", function (props) {
|
|
2194
|
-
return
|
|
2236
|
+
return react__WEBPACK_IMPORTED_MODULE_1__.createElement(PanelAdornerComponent, props);
|
|
2195
2237
|
});
|
|
2196
2238
|
|
|
2197
2239
|
|
|
@@ -2257,7 +2299,7 @@ var QuestionAdornerComponent = /** @class */ (function (_super) {
|
|
|
2257
2299
|
var allowInteractions = this.model.element
|
|
2258
2300
|
.isInteractiveDesignElement;
|
|
2259
2301
|
var content = this.renderContent(allowInteractions);
|
|
2260
|
-
return (
|
|
2302
|
+
return (react__WEBPACK_IMPORTED_MODULE_2__.createElement("div", { ref: this.rootRef, "data-sv-drop-target-survey-element": this.model.element.name || null, className: "svc-question__adorner " + this.model.rootCss(), onDoubleClick: function (e) { allowInteractions && _this.model.dblclick(e.nativeEvent); e.stopPropagation(); }, onMouseOut: function (e) { return allowInteractions && _this.model.hover(e.nativeEvent, e.currentTarget); }, onMouseOver: function (e) { return allowInteractions && _this.model.hover(e.nativeEvent, e.currentTarget); } }, content));
|
|
2261
2303
|
};
|
|
2262
2304
|
QuestionAdornerComponent.prototype.disableTabStop = function () {
|
|
2263
2305
|
return true;
|
|
@@ -2266,7 +2308,7 @@ var QuestionAdornerComponent = /** @class */ (function (_super) {
|
|
|
2266
2308
|
var _this = this;
|
|
2267
2309
|
var content = this.renderElementContent();
|
|
2268
2310
|
//if (!allowInteractions) return <>{content}{this.renderFooter()}</>;
|
|
2269
|
-
return (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_4__.attachKey2click)(
|
|
2311
|
+
return (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_4__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_2__.createElement("div", { className: this.model.css(), onClick: function (e) { return _this.model.select(_this.model, new _events__WEBPACK_IMPORTED_MODULE_3__.ReactMouseEvent(e)); } },
|
|
2270
2312
|
allowInteractions ? this.renderHeader() : null,
|
|
2271
2313
|
content,
|
|
2272
2314
|
this.renderFooter()), undefined, { disableTabStop: this.disableTabStop() });
|
|
@@ -2285,7 +2327,7 @@ var QuestionAdornerComponent = /** @class */ (function (_super) {
|
|
|
2285
2327
|
return survey_react_ui__WEBPACK_IMPORTED_MODULE_4__.ReactElementFactory.Instance.createElement("svc-question-banner", this.model.createBannerParams());
|
|
2286
2328
|
};
|
|
2287
2329
|
QuestionAdornerComponent.prototype.renderElementContent = function () {
|
|
2288
|
-
return (
|
|
2330
|
+
return (react__WEBPACK_IMPORTED_MODULE_2__.createElement(react__WEBPACK_IMPORTED_MODULE_2__.Fragment, null,
|
|
2289
2331
|
this.props.element,
|
|
2290
2332
|
this.renderElementPlaceholder(),
|
|
2291
2333
|
this.renderCarryForwardBanner()));
|
|
@@ -2294,15 +2336,15 @@ var QuestionAdornerComponent = /** @class */ (function (_super) {
|
|
|
2294
2336
|
if (!this.model.isEmptyElement) {
|
|
2295
2337
|
return null;
|
|
2296
2338
|
}
|
|
2297
|
-
return (
|
|
2298
|
-
|
|
2299
|
-
|
|
2339
|
+
return (react__WEBPACK_IMPORTED_MODULE_2__.createElement("div", { className: "svc-panel__placeholder_frame-wrapper" },
|
|
2340
|
+
react__WEBPACK_IMPORTED_MODULE_2__.createElement("div", { className: "svc-panel__placeholder_frame" },
|
|
2341
|
+
react__WEBPACK_IMPORTED_MODULE_2__.createElement("div", { className: "svc-panel__placeholder" }, this.model.placeholderText))));
|
|
2300
2342
|
};
|
|
2301
2343
|
return QuestionAdornerComponent;
|
|
2302
2344
|
}(_ModelElement__WEBPACK_IMPORTED_MODULE_5__.CreatorModelElement));
|
|
2303
2345
|
|
|
2304
2346
|
survey_react_ui__WEBPACK_IMPORTED_MODULE_4__.ReactElementFactory.Instance.registerElement("svc-question", function (props) {
|
|
2305
|
-
return
|
|
2347
|
+
return react__WEBPACK_IMPORTED_MODULE_2__.createElement(QuestionAdornerComponent, props);
|
|
2306
2348
|
});
|
|
2307
2349
|
|
|
2308
2350
|
|
|
@@ -2335,19 +2377,19 @@ var QuestionBanner = /** @class */ (function (_super) {
|
|
|
2335
2377
|
}
|
|
2336
2378
|
QuestionBanner.prototype.render = function () {
|
|
2337
2379
|
var _this = this;
|
|
2338
|
-
return (
|
|
2339
|
-
|
|
2340
|
-
|
|
2380
|
+
return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-carry-forward-panel-wrapper" },
|
|
2381
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-carry-forward-panel" },
|
|
2382
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", null,
|
|
2341
2383
|
this.props.text,
|
|
2342
2384
|
" "),
|
|
2343
|
-
|
|
2344
|
-
|
|
2385
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", { className: "svc-carry-forward-panel__link" },
|
|
2386
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement(_ActionButton__WEBPACK_IMPORTED_MODULE_3__.ActionButton, { click: function () { return _this.props.onClick(); }, text: this.props.actionText })))));
|
|
2345
2387
|
};
|
|
2346
2388
|
return QuestionBanner;
|
|
2347
|
-
}(
|
|
2389
|
+
}(react__WEBPACK_IMPORTED_MODULE_1__.Component));
|
|
2348
2390
|
|
|
2349
2391
|
survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.ReactElementFactory.Instance.registerElement("svc-question-banner", function (props) {
|
|
2350
|
-
return
|
|
2392
|
+
return react__WEBPACK_IMPORTED_MODULE_1__.createElement(QuestionBanner, props);
|
|
2351
2393
|
});
|
|
2352
2394
|
|
|
2353
2395
|
|
|
@@ -2403,9 +2445,9 @@ var QuestionDropdownAdornerComponent = /** @class */ (function (_super) {
|
|
|
2403
2445
|
QuestionDropdownAdornerComponent.prototype.renderElementPlaceholder = function () {
|
|
2404
2446
|
var _this = this;
|
|
2405
2447
|
var textStyle = this.question.textStyle;
|
|
2406
|
-
return (
|
|
2407
|
-
|
|
2408
|
-
|
|
2448
|
+
return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-question__dropdown-choices--wrapper" },
|
|
2449
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", null,
|
|
2450
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-question__dropdown-choices" }, (this.dropdownModel.getRenderedItems() || []).map(function (item, index) { return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: _this.dropdownModel.getChoiceCss(), key: "editable_choice_".concat(index) }, survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.ReactSurveyElementsWrapper.wrapItemValue(_this.question.survey, survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.ReactElementFactory.Instance.createElement(_this.dropdownModel.itemComponent, {
|
|
2409
2451
|
key: item.value,
|
|
2410
2452
|
question: _this.question,
|
|
2411
2453
|
cssClasses: _this.question.cssClasses,
|
|
@@ -2416,14 +2458,14 @@ var QuestionDropdownAdornerComponent = /** @class */ (function (_super) {
|
|
|
2416
2458
|
isChecked: _this.question.value === item.value
|
|
2417
2459
|
}), _this.question, item))); })),
|
|
2418
2460
|
this.dropdownModel.needToCollapse ?
|
|
2419
|
-
|
|
2461
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement(_ActionButton__WEBPACK_IMPORTED_MODULE_5__.ActionButton, { click: this.dropdownModel.switchCollapse, text: this.dropdownModel.getButtonText(), allowBubble: true }) :
|
|
2420
2462
|
null)));
|
|
2421
2463
|
};
|
|
2422
2464
|
return QuestionDropdownAdornerComponent;
|
|
2423
2465
|
}(_Question__WEBPACK_IMPORTED_MODULE_4__.QuestionAdornerComponent));
|
|
2424
2466
|
|
|
2425
2467
|
survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.ReactElementFactory.Instance.registerElement("svc-dropdown-question", function (props) {
|
|
2426
|
-
return
|
|
2468
|
+
return react__WEBPACK_IMPORTED_MODULE_1__.createElement(QuestionDropdownAdornerComponent, props);
|
|
2427
2469
|
});
|
|
2428
2470
|
|
|
2429
2471
|
|
|
@@ -2456,14 +2498,14 @@ var QuestionWrapperFooter = /** @class */ (function (_super) {
|
|
|
2456
2498
|
}
|
|
2457
2499
|
QuestionWrapperFooter.prototype.render = function () {
|
|
2458
2500
|
var _this = this;
|
|
2459
|
-
return (
|
|
2460
|
-
|
|
2501
|
+
return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: this.props.className, onFocus: function (e) { return _this.props.model.select(_this.props.model, new _events__WEBPACK_IMPORTED_MODULE_2__.ReactMouseEvent(e)); } },
|
|
2502
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.SurveyActionBar, { model: this.props.model.actionContainer, handleClick: false })));
|
|
2461
2503
|
};
|
|
2462
2504
|
return QuestionWrapperFooter;
|
|
2463
|
-
}(
|
|
2505
|
+
}(react__WEBPACK_IMPORTED_MODULE_1__.Component));
|
|
2464
2506
|
|
|
2465
2507
|
survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.ReactElementFactory.Instance.registerElement("svc-question-footer", function (props) {
|
|
2466
|
-
return
|
|
2508
|
+
return react__WEBPACK_IMPORTED_MODULE_1__.createElement(QuestionWrapperFooter, props);
|
|
2467
2509
|
});
|
|
2468
2510
|
|
|
2469
2511
|
|
|
@@ -2496,18 +2538,18 @@ var QuestionWrapperHeader = /** @class */ (function (_super) {
|
|
|
2496
2538
|
var _this = this;
|
|
2497
2539
|
if (!this.props.model.allowDragging)
|
|
2498
2540
|
return null;
|
|
2499
|
-
return (
|
|
2541
|
+
return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-question__drag-area", onPointerDown: function (event) {
|
|
2500
2542
|
return _this.props.model.onPointerDown(event);
|
|
2501
2543
|
} },
|
|
2502
|
-
|
|
2503
|
-
|
|
2504
|
-
|
|
2544
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SvgIcon, { className: "svc-question__drag-element", size: 24, iconName: "icon-drag-area-indicator_24x16" }),
|
|
2545
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-question__top-actions" },
|
|
2546
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SurveyActionBar, { model: this.props.model.topActionContainer, handleClick: false }))));
|
|
2505
2547
|
};
|
|
2506
2548
|
return QuestionWrapperHeader;
|
|
2507
|
-
}(
|
|
2549
|
+
}(react__WEBPACK_IMPORTED_MODULE_1__.Component));
|
|
2508
2550
|
|
|
2509
2551
|
survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.ReactElementFactory.Instance.registerElement("svc-question-header", function (props) {
|
|
2510
|
-
return
|
|
2552
|
+
return react__WEBPACK_IMPORTED_MODULE_1__.createElement(QuestionWrapperHeader, props);
|
|
2511
2553
|
});
|
|
2512
2554
|
|
|
2513
2555
|
|
|
@@ -2540,7 +2582,7 @@ var QuestionImageAdornerComponent = /** @class */ (function (_super) {
|
|
|
2540
2582
|
(0,tslib__WEBPACK_IMPORTED_MODULE_0__.__extends)(QuestionImageAdornerComponent, _super);
|
|
2541
2583
|
function QuestionImageAdornerComponent(props) {
|
|
2542
2584
|
var _this = _super.call(this, props) || this;
|
|
2543
|
-
_this.rootRef =
|
|
2585
|
+
_this.rootRef = react__WEBPACK_IMPORTED_MODULE_2__.createRef();
|
|
2544
2586
|
return _this;
|
|
2545
2587
|
}
|
|
2546
2588
|
QuestionImageAdornerComponent.prototype.createQuestionViewModel = function (props) {
|
|
@@ -2558,8 +2600,8 @@ var QuestionImageAdornerComponent = /** @class */ (function (_super) {
|
|
|
2558
2600
|
this.imageModel.questionRoot = this.rootRef.current;
|
|
2559
2601
|
};
|
|
2560
2602
|
QuestionImageAdornerComponent.prototype.renderHeader = function () {
|
|
2561
|
-
return (
|
|
2562
|
-
|
|
2603
|
+
return (react__WEBPACK_IMPORTED_MODULE_2__.createElement(react__WEBPACK_IMPORTED_MODULE_2__.Fragment, null,
|
|
2604
|
+
react__WEBPACK_IMPORTED_MODULE_2__.createElement("input", { type: "file", "aria-hidden": "true", tabIndex: -1, accept: this.imageModel.acceptedTypes, className: "svc-choose-file-input", style: {
|
|
2563
2605
|
position: "absolute",
|
|
2564
2606
|
opacity: 0,
|
|
2565
2607
|
width: "1px",
|
|
@@ -2569,14 +2611,14 @@ var QuestionImageAdornerComponent = /** @class */ (function (_super) {
|
|
|
2569
2611
|
_super.prototype.renderHeader.call(this)));
|
|
2570
2612
|
};
|
|
2571
2613
|
QuestionImageAdornerComponent.prototype.renderLoadingPlaceholder = function () {
|
|
2572
|
-
return (
|
|
2573
|
-
|
|
2574
|
-
|
|
2614
|
+
return (react__WEBPACK_IMPORTED_MODULE_2__.createElement("div", { className: "svc-image-question__loading-placeholder" },
|
|
2615
|
+
react__WEBPACK_IMPORTED_MODULE_2__.createElement("div", { className: "svc-image-question__loading" },
|
|
2616
|
+
react__WEBPACK_IMPORTED_MODULE_2__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.LoadingIndicatorComponent, null))));
|
|
2575
2617
|
};
|
|
2576
2618
|
QuestionImageAdornerComponent.prototype.renderChooseButton = function () {
|
|
2577
2619
|
var _this = this;
|
|
2578
|
-
return (
|
|
2579
|
-
|
|
2620
|
+
return (react__WEBPACK_IMPORTED_MODULE_2__.createElement("div", { className: "svc-image-question-controls" }, this.model.allowEdit ? (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_2__.createElement("span", { className: "svc-context-button", onClick: function () { return _this.imageModel.chooseFile(_this.imageModel); } },
|
|
2621
|
+
react__WEBPACK_IMPORTED_MODULE_2__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.SvgIcon, { size: 24, iconName: "icon-file" }))) : null));
|
|
2580
2622
|
};
|
|
2581
2623
|
QuestionImageAdornerComponent.prototype.renderElementPlaceholder = function () {
|
|
2582
2624
|
return this.imageModel.isUploading ? this.renderLoadingPlaceholder() : this.renderChooseButton();
|
|
@@ -2594,7 +2636,7 @@ var QuestionImageAdornerComponent = /** @class */ (function (_super) {
|
|
|
2594
2636
|
return fileQuestion;
|
|
2595
2637
|
}
|
|
2596
2638
|
else {
|
|
2597
|
-
return (
|
|
2639
|
+
return (react__WEBPACK_IMPORTED_MODULE_2__.createElement(react__WEBPACK_IMPORTED_MODULE_2__.Fragment, null,
|
|
2598
2640
|
this.props.element,
|
|
2599
2641
|
this.renderElementPlaceholder()));
|
|
2600
2642
|
}
|
|
@@ -2603,7 +2645,7 @@ var QuestionImageAdornerComponent = /** @class */ (function (_super) {
|
|
|
2603
2645
|
}(_Question__WEBPACK_IMPORTED_MODULE_4__.QuestionAdornerComponent));
|
|
2604
2646
|
|
|
2605
2647
|
survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.ReactElementFactory.Instance.registerElement("svc-image-question", function (props) {
|
|
2606
|
-
return
|
|
2648
|
+
return react__WEBPACK_IMPORTED_MODULE_2__.createElement(QuestionImageAdornerComponent, props);
|
|
2607
2649
|
});
|
|
2608
2650
|
|
|
2609
2651
|
|
|
@@ -2665,23 +2707,23 @@ var QuestionRatingAdornerComponent = /** @class */ (function (_super) {
|
|
|
2665
2707
|
};
|
|
2666
2708
|
QuestionRatingAdornerComponent.prototype.renderElement = function () {
|
|
2667
2709
|
var model = this.ratingModel;
|
|
2668
|
-
return (
|
|
2669
|
-
|
|
2670
|
-
|
|
2671
|
-
model.allowRemove ? (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.attachKey2click)(
|
|
2672
|
-
|
|
2673
|
-
model.allowAdd ? (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.attachKey2click)(
|
|
2674
|
-
|
|
2710
|
+
return (react__WEBPACK_IMPORTED_MODULE_1__.createElement(react__WEBPACK_IMPORTED_MODULE_1__.Fragment, null,
|
|
2711
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-rating-question-content" },
|
|
2712
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: model.controlsClassNames },
|
|
2713
|
+
model.allowRemove ? (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", { className: model.removeClassNames, "aria-label": model.removeTooltip, onClick: function () { return model.removeItem(model); } },
|
|
2714
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.SvgIcon, { size: 16, iconName: "icon-remove_16x16", title: model.removeTooltip }))) : null,
|
|
2715
|
+
model.allowAdd ? (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", { className: model.addClassNames, "aria-label": model.addTooltip, onClick: function () { return model.addItem(model); } },
|
|
2716
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.SvgIcon, { size: 16, iconName: "icon-add_16x16", title: model.addTooltip }))) : null),
|
|
2675
2717
|
this.props.element)));
|
|
2676
2718
|
};
|
|
2677
2719
|
return QuestionRatingAdornerComponent;
|
|
2678
2720
|
}(_ModelElement__WEBPACK_IMPORTED_MODULE_4__.CreatorModelElement));
|
|
2679
2721
|
|
|
2680
2722
|
survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.ReactElementFactory.Instance.registerElement("svc-rating-question", function (props) {
|
|
2681
|
-
return
|
|
2723
|
+
return react__WEBPACK_IMPORTED_MODULE_1__.createElement(QuestionRatingAdornerComponent, props);
|
|
2682
2724
|
});
|
|
2683
2725
|
survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.ReactElementFactory.Instance.registerElement("svc-rating-question-content", function (props) {
|
|
2684
|
-
return
|
|
2726
|
+
return react__WEBPACK_IMPORTED_MODULE_1__.createElement(QuestionRatingAdornerComponent, props);
|
|
2685
2727
|
});
|
|
2686
2728
|
|
|
2687
2729
|
|
|
@@ -2726,13 +2768,13 @@ var QuestionWidgetAdornerComponent = /** @class */ (function (_super) {
|
|
|
2726
2768
|
configurable: true
|
|
2727
2769
|
});
|
|
2728
2770
|
QuestionWidgetAdornerComponent.prototype.renderElementContent = function () {
|
|
2729
|
-
return (
|
|
2771
|
+
return (react__WEBPACK_IMPORTED_MODULE_2__.createElement("div", { className: "svc-widget__content" }, this.props.element));
|
|
2730
2772
|
};
|
|
2731
2773
|
return QuestionWidgetAdornerComponent;
|
|
2732
2774
|
}(_Question__WEBPACK_IMPORTED_MODULE_3__.QuestionAdornerComponent));
|
|
2733
2775
|
|
|
2734
2776
|
survey_react_ui__WEBPACK_IMPORTED_MODULE_4__.ReactElementFactory.Instance.registerElement("svc-widget-question", function (props) {
|
|
2735
|
-
return
|
|
2777
|
+
return react__WEBPACK_IMPORTED_MODULE_2__.createElement(QuestionWidgetAdornerComponent, props);
|
|
2736
2778
|
});
|
|
2737
2779
|
|
|
2738
2780
|
|
|
@@ -2776,13 +2818,13 @@ var RowWrapper = /** @class */ (function (_super) {
|
|
|
2776
2818
|
return this.model;
|
|
2777
2819
|
};
|
|
2778
2820
|
RowWrapper.prototype.render = function () {
|
|
2779
|
-
return (
|
|
2821
|
+
return (react__WEBPACK_IMPORTED_MODULE_2__.createElement("div", { key: "svc-row-" + this.props.row.id, className: this.model.cssClasses }, this.props.element));
|
|
2780
2822
|
};
|
|
2781
2823
|
return RowWrapper;
|
|
2782
2824
|
}(_ModelElement__WEBPACK_IMPORTED_MODULE_4__.CreatorModelElement));
|
|
2783
2825
|
|
|
2784
2826
|
survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.ReactElementFactory.Instance.registerElement("svc-row", function (props) {
|
|
2785
|
-
return
|
|
2827
|
+
return react__WEBPACK_IMPORTED_MODULE_2__.createElement(RowWrapper, props);
|
|
2786
2828
|
});
|
|
2787
2829
|
|
|
2788
2830
|
|
|
@@ -2810,14 +2852,14 @@ var ItemTemplateComponent = /** @class */ (function (_super) {
|
|
|
2810
2852
|
}
|
|
2811
2853
|
ItemTemplateComponent.prototype.render = function () {
|
|
2812
2854
|
var item = this.props.item;
|
|
2813
|
-
return (
|
|
2814
|
-
|
|
2815
|
-
|
|
2855
|
+
return (react__WEBPACK_IMPORTED_MODULE_1__.createElement(react__WEBPACK_IMPORTED_MODULE_1__.Fragment, null,
|
|
2856
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", { className: "spg-color-editor__color-swatch", style: { backgroundColor: item.value } }),
|
|
2857
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", { key: 2 }, this.renderLocString(item.locTitle, undefined, "locString"))));
|
|
2816
2858
|
};
|
|
2817
2859
|
return ItemTemplateComponent;
|
|
2818
2860
|
}(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SurveyElementBase));
|
|
2819
2861
|
survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.ReactElementFactory.Instance.registerElement("color-item", function (props) {
|
|
2820
|
-
return
|
|
2862
|
+
return react__WEBPACK_IMPORTED_MODULE_1__.createElement(ItemTemplateComponent, props);
|
|
2821
2863
|
});
|
|
2822
2864
|
|
|
2823
2865
|
|
|
@@ -3354,12 +3396,12 @@ var TabDesignerComponent = /** @class */ (function (_super) {
|
|
|
3354
3396
|
return renderedPages;
|
|
3355
3397
|
};
|
|
3356
3398
|
TabDesignerComponent.prototype.createRenderedPage = function (page, index, isGhostPage) {
|
|
3357
|
-
return (
|
|
3399
|
+
return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-page", "data-sv-drop-target-page": page.name, "data-sv-drop-target-survey-element": isGhostPage ? "newGhostPage" : page.name, key: page.id + "-" + index }, this.renderPage(page)));
|
|
3358
3400
|
};
|
|
3359
3401
|
TabDesignerComponent.prototype.renderNewPage = function (className, key) {
|
|
3360
3402
|
if (key === void 0) { key = ""; }
|
|
3361
|
-
return (
|
|
3362
|
-
|
|
3403
|
+
return (react__WEBPACK_IMPORTED_MODULE_1__.createElement(react__WEBPACK_IMPORTED_MODULE_1__.Fragment, { key: key },
|
|
3404
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: className, "data-sv-drop-target-survey-element": "newGhostPage" }, !!this.model.newPage ? this.renderPage(this.model.newPage) : null)));
|
|
3363
3405
|
};
|
|
3364
3406
|
TabDesignerComponent.prototype.renderPage = function (pageV) {
|
|
3365
3407
|
return survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.ReactElementFactory.Instance.createElement("svc-page", { survey: this.creator.survey, page: pageV, creator: this.creator });
|
|
@@ -3367,51 +3409,51 @@ var TabDesignerComponent = /** @class */ (function (_super) {
|
|
|
3367
3409
|
TabDesignerComponent.prototype.renderElement = function () {
|
|
3368
3410
|
var _this = this;
|
|
3369
3411
|
var designerTabClassName = "svc-tab-designer " + this.model.getRootCss();
|
|
3370
|
-
return (
|
|
3371
|
-
|
|
3372
|
-
|
|
3373
|
-
|
|
3412
|
+
return (react__WEBPACK_IMPORTED_MODULE_1__.createElement(react__WEBPACK_IMPORTED_MODULE_1__.Fragment, null,
|
|
3413
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-flex-column" }, this.model.isToolboxVisible ? survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.ReactElementFactory.Instance.createElement("svc-adaptive-toolbox", { model: this.creator }) : null),
|
|
3414
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: designerTabClassName, onClick: function () { return _this.model.clickDesigner(); } },
|
|
3415
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-tab-designer_content" }, this.model.showPlaceholder ? this.renderPlaceHolder() : this.renderTabContent()))));
|
|
3374
3416
|
};
|
|
3375
3417
|
TabDesignerComponent.prototype.renderHeader = function (condition) {
|
|
3376
3418
|
if (!condition)
|
|
3377
3419
|
return null;
|
|
3378
3420
|
var survey = this.creator.survey;
|
|
3379
|
-
return (
|
|
3380
|
-
|
|
3381
|
-
|
|
3421
|
+
return (react__WEBPACK_IMPORTED_MODULE_1__.createElement(react__WEBPACK_IMPORTED_MODULE_1__.Fragment, null,
|
|
3422
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-designer-header" },
|
|
3423
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SurveyHeader, { survey: survey }))));
|
|
3382
3424
|
};
|
|
3383
3425
|
TabDesignerComponent.prototype.renderPlaceHolder = function () {
|
|
3384
3426
|
var surveyHeader = this.renderHeader(this.creator.allowEditSurveyTitle && this.creator.showHeaderInEmptySurvey);
|
|
3385
|
-
return (
|
|
3427
|
+
return (react__WEBPACK_IMPORTED_MODULE_1__.createElement(react__WEBPACK_IMPORTED_MODULE_1__.Fragment, null,
|
|
3386
3428
|
surveyHeader,
|
|
3387
|
-
|
|
3429
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-designer__placeholder-container", "data-sv-drop-target-survey-element": "newGhostPage" },
|
|
3388
3430
|
this.renderPlaceHolderContent(),
|
|
3389
3431
|
this.renderNewPage("svc-designer-placeholder-page"))));
|
|
3390
3432
|
};
|
|
3391
3433
|
TabDesignerComponent.prototype.renderPlaceHolderContent = function () {
|
|
3392
|
-
return
|
|
3434
|
+
return react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", { className: "svc-designer-placeholder-text svc-text svc-text--normal" }, this.model.placeholderText);
|
|
3393
3435
|
};
|
|
3394
3436
|
TabDesignerComponent.prototype.renderTabContent = function () {
|
|
3395
3437
|
var survey = this.creator.survey;
|
|
3396
3438
|
var surveyHeader = this.renderHeader(this.creator.allowEditSurveyTitle);
|
|
3397
|
-
var style = {};
|
|
3439
|
+
var style = (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__assign)({}, this.creator.designTabSurveyThemeVariables);
|
|
3398
3440
|
if (!!survey.width) {
|
|
3399
3441
|
style.maxWidth = survey.renderedWidth;
|
|
3400
3442
|
}
|
|
3401
|
-
return (
|
|
3402
|
-
|
|
3443
|
+
return (react__WEBPACK_IMPORTED_MODULE_1__.createElement(react__WEBPACK_IMPORTED_MODULE_1__.Fragment, null,
|
|
3444
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: this.model.designerCss, style: style },
|
|
3403
3445
|
surveyHeader,
|
|
3404
3446
|
this.getRenderedPages()),
|
|
3405
3447
|
this.creator.showPageNavigator ?
|
|
3406
|
-
|
|
3407
|
-
|
|
3448
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-tab-designer__page-navigator" },
|
|
3449
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement(_PageNavigator__WEBPACK_IMPORTED_MODULE_3__.SurveyPageNavigator, { pagesController: this.model.pagesController, pageEditMode: this.model.creator.pageEditMode }))
|
|
3408
3450
|
: null));
|
|
3409
3451
|
};
|
|
3410
3452
|
return TabDesignerComponent;
|
|
3411
3453
|
}(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SurveyElementBase));
|
|
3412
3454
|
|
|
3413
3455
|
survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.ReactElementFactory.Instance.registerElement("svc-tab-designer", function (props) {
|
|
3414
|
-
return
|
|
3456
|
+
return react__WEBPACK_IMPORTED_MODULE_1__.createElement(TabDesignerComponent, props);
|
|
3415
3457
|
});
|
|
3416
3458
|
|
|
3417
3459
|
|
|
@@ -3441,7 +3483,7 @@ var TabJsonEditorAceComponent = /** @class */ (function (_super) {
|
|
|
3441
3483
|
(0,tslib__WEBPACK_IMPORTED_MODULE_0__.__extends)(TabJsonEditorAceComponent, _super);
|
|
3442
3484
|
function TabJsonEditorAceComponent(props) {
|
|
3443
3485
|
var _this = _super.call(this, props) || this;
|
|
3444
|
-
_this.aceEditorrRef =
|
|
3486
|
+
_this.aceEditorrRef = react__WEBPACK_IMPORTED_MODULE_1__.createRef();
|
|
3445
3487
|
return _this;
|
|
3446
3488
|
}
|
|
3447
3489
|
TabJsonEditorAceComponent.prototype.getStateElement = function () {
|
|
@@ -3458,17 +3500,17 @@ var TabJsonEditorAceComponent = /** @class */ (function (_super) {
|
|
|
3458
3500
|
this.model.init(ace.edit(this.aceEditorrRef.current));
|
|
3459
3501
|
};
|
|
3460
3502
|
TabJsonEditorAceComponent.prototype.renderElement = function () {
|
|
3461
|
-
var errors =
|
|
3462
|
-
return (
|
|
3463
|
-
|
|
3464
|
-
|
|
3503
|
+
var errors = react__WEBPACK_IMPORTED_MODULE_1__.createElement(_JsonEditorTextarea__WEBPACK_IMPORTED_MODULE_3__.TabJsonEditorErrorsComponent, { data: this.model });
|
|
3504
|
+
return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-creator-tab__content" },
|
|
3505
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-json-editor-tab__content" },
|
|
3506
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-json-editor-tab__ace-editor", ref: this.aceEditorrRef }),
|
|
3465
3507
|
errors)));
|
|
3466
3508
|
};
|
|
3467
3509
|
return TabJsonEditorAceComponent;
|
|
3468
3510
|
}(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SurveyElementBase));
|
|
3469
3511
|
|
|
3470
3512
|
survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.ReactElementFactory.Instance.registerElement("svc-tab-json-editor-ace", function (props) {
|
|
3471
|
-
return
|
|
3513
|
+
return react__WEBPACK_IMPORTED_MODULE_1__.createElement(TabJsonEditorAceComponent, props);
|
|
3472
3514
|
});
|
|
3473
3515
|
|
|
3474
3516
|
|
|
@@ -3509,8 +3551,8 @@ var TabJsonEditorErrorsComponent = /** @class */ (function (_super) {
|
|
|
3509
3551
|
configurable: true
|
|
3510
3552
|
});
|
|
3511
3553
|
TabJsonEditorErrorsComponent.prototype.renderElement = function () {
|
|
3512
|
-
return
|
|
3513
|
-
|
|
3554
|
+
return react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-json-editor-tab__errros_list", style: { display: this.model.hasErrors ? "block" : "none" } },
|
|
3555
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.List, { model: this.model.errorList }));
|
|
3514
3556
|
};
|
|
3515
3557
|
return TabJsonEditorErrorsComponent;
|
|
3516
3558
|
}(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SurveyElementBase));
|
|
@@ -3535,10 +3577,10 @@ var TabJsonEditorTextareaComponent = /** @class */ (function (_super) {
|
|
|
3535
3577
|
var setControl = function (el) {
|
|
3536
3578
|
_this.model.textElement = el;
|
|
3537
3579
|
};
|
|
3538
|
-
var errors =
|
|
3539
|
-
return (
|
|
3540
|
-
|
|
3541
|
-
|
|
3580
|
+
var errors = react__WEBPACK_IMPORTED_MODULE_1__.createElement(TabJsonEditorErrorsComponent, { data: this.model });
|
|
3581
|
+
return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-creator-tab__content" },
|
|
3582
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-json-editor-tab__content" },
|
|
3583
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("textarea", { ref: function (input) { return (setControl(input)); }, className: "svc-json-editor-tab__content-area", value: this.model.text, onChange: function (e) {
|
|
3542
3584
|
return (_this.model.text = e.target.value);
|
|
3543
3585
|
}, onKeyDown: function (e) { return _this.model.checkKey(e, e); }, disabled: this.model.readOnly, "aria-label": this.model.ariaLabel }),
|
|
3544
3586
|
errors)));
|
|
@@ -3547,7 +3589,7 @@ var TabJsonEditorTextareaComponent = /** @class */ (function (_super) {
|
|
|
3547
3589
|
}(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SurveyElementBase));
|
|
3548
3590
|
|
|
3549
3591
|
survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.ReactElementFactory.Instance.registerElement("svc-tab-json-editor-textarea", function (props) {
|
|
3550
|
-
return
|
|
3592
|
+
return react__WEBPACK_IMPORTED_MODULE_1__.createElement(TabJsonEditorTextareaComponent, props);
|
|
3551
3593
|
});
|
|
3552
3594
|
|
|
3553
3595
|
|
|
@@ -3575,24 +3617,24 @@ var ItemTemplateComponent = /** @class */ (function (_super) {
|
|
|
3575
3617
|
}
|
|
3576
3618
|
ItemTemplateComponent.prototype.render = function () {
|
|
3577
3619
|
var item = this.props.item;
|
|
3578
|
-
return (
|
|
3579
|
-
|
|
3580
|
-
|
|
3581
|
-
|
|
3582
|
-
|
|
3620
|
+
return (react__WEBPACK_IMPORTED_MODULE_1__.createElement(react__WEBPACK_IMPORTED_MODULE_1__.Fragment, null,
|
|
3621
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SvgIcon, { iconName: item.iconName, iconSize: item.iconSize, className: "svc-json-error__icon" }),
|
|
3622
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-json-error__container" },
|
|
3623
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-json-error__title" },
|
|
3624
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", { key: 2 }, this.renderLocString(item.locTitle, undefined, "locString"))),
|
|
3583
3625
|
this.renderFixButton())));
|
|
3584
3626
|
};
|
|
3585
3627
|
ItemTemplateComponent.prototype.renderFixButton = function () {
|
|
3586
3628
|
if (!this.props.item.data.showFixButton)
|
|
3587
3629
|
return null;
|
|
3588
3630
|
var item = this.props.item;
|
|
3589
|
-
return ((0,survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.attachKey2click)(
|
|
3590
|
-
|
|
3631
|
+
return ((0,survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_1__.createElement("button", { type: "button", onClick: function (event) { event.stopPropagation(); item.data.fixError(); }, title: item.data.fixButtonTitle, className: "svc-json-error__fix-button" },
|
|
3632
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SvgIcon, { iconName: item.data.fixButtonIcon, size: "auto" }))));
|
|
3591
3633
|
};
|
|
3592
3634
|
return ItemTemplateComponent;
|
|
3593
3635
|
}(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SurveyElementBase));
|
|
3594
3636
|
survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.ReactElementFactory.Instance.registerElement("json-error-item", function (props) {
|
|
3595
|
-
return
|
|
3637
|
+
return react__WEBPACK_IMPORTED_MODULE_1__.createElement(ItemTemplateComponent, props);
|
|
3596
3638
|
});
|
|
3597
3639
|
|
|
3598
3640
|
|
|
@@ -3617,6 +3659,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
3617
3659
|
|
|
3618
3660
|
|
|
3619
3661
|
|
|
3662
|
+
|
|
3620
3663
|
var TabLogicAddButtonComponent = /** @class */ (function (_super) {
|
|
3621
3664
|
(0,tslib__WEBPACK_IMPORTED_MODULE_0__.__extends)(TabLogicAddButtonComponent, _super);
|
|
3622
3665
|
function TabLogicAddButtonComponent() {
|
|
@@ -3635,17 +3678,17 @@ var TabLogicAddButtonComponent = /** @class */ (function (_super) {
|
|
|
3635
3678
|
TabLogicAddButtonComponent.prototype.renderElement = function () {
|
|
3636
3679
|
var _this = this;
|
|
3637
3680
|
var buttonClassName = "svc-logic-tab__content-action svc-btn" + ((this.model.enabled !== undefined && !this.model.enabled) ? " svc-logic-tab__content-action--disabled" : "");
|
|
3638
|
-
return (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.attachKey2click)(
|
|
3681
|
+
return (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { role: "button", onClick: function (e) {
|
|
3639
3682
|
e.stopPropagation();
|
|
3640
3683
|
_this.model.action();
|
|
3641
3684
|
}, className: buttonClassName, title: this.model.title },
|
|
3642
|
-
|
|
3685
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", { className: "svc-text svc-text--normal svc-text--bold" }, this.model.title)));
|
|
3643
3686
|
};
|
|
3644
3687
|
return TabLogicAddButtonComponent;
|
|
3645
3688
|
}(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SurveyElementBase));
|
|
3646
3689
|
|
|
3647
3690
|
survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.ReactElementFactory.Instance.registerElement("svc-tab-logic-add-button", function (props) {
|
|
3648
|
-
return
|
|
3691
|
+
return react__WEBPACK_IMPORTED_MODULE_1__.createElement(TabLogicAddButtonComponent, props);
|
|
3649
3692
|
});
|
|
3650
3693
|
var TabLogicComponent = /** @class */ (function (_super) {
|
|
3651
3694
|
(0,tslib__WEBPACK_IMPORTED_MODULE_0__.__extends)(TabLogicComponent, _super);
|
|
@@ -3666,23 +3709,23 @@ var TabLogicComponent = /** @class */ (function (_super) {
|
|
|
3666
3709
|
var logic = this.model;
|
|
3667
3710
|
var rootClass = "svc-creator-tab__content";
|
|
3668
3711
|
var content = this.renderViewContent();
|
|
3669
|
-
return
|
|
3712
|
+
return react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: rootClass }, content);
|
|
3670
3713
|
};
|
|
3671
3714
|
TabLogicComponent.prototype.renderViewContent = function () {
|
|
3672
3715
|
var logicTabClassName = "svc-plugin-tab__content svc-logic-tab__content " + (this.model.hasItems ? "" : "svc-logic-tab__empty");
|
|
3673
|
-
var addLogic = !this.model.readOnly ?
|
|
3674
|
-
return (
|
|
3675
|
-
|
|
3676
|
-
|
|
3677
|
-
this.model.hasItems ? null : (
|
|
3678
|
-
|
|
3716
|
+
var addLogic = !this.model.readOnly ? react__WEBPACK_IMPORTED_MODULE_1__.createElement(TabLogicAddButtonComponent, { button: this.model.addNewButton }) : undefined;
|
|
3717
|
+
return (react__WEBPACK_IMPORTED_MODULE_1__.createElement(react__WEBPACK_IMPORTED_MODULE_1__.Fragment, null,
|
|
3718
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: logicTabClassName },
|
|
3719
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.Survey, { model: this.model.itemsSurvey }),
|
|
3720
|
+
this.model.hasItems ? null : (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-logic-tab__content-empty" },
|
|
3721
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", { className: "svc-text" }, this.model.emptyTabPlaceholder))),
|
|
3679
3722
|
addLogic)));
|
|
3680
3723
|
};
|
|
3681
3724
|
return TabLogicComponent;
|
|
3682
3725
|
}(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SurveyElementBase));
|
|
3683
3726
|
|
|
3684
3727
|
survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.ReactElementFactory.Instance.registerElement("svc-tab-logic", function (props) {
|
|
3685
|
-
return
|
|
3728
|
+
return react__WEBPACK_IMPORTED_MODULE_1__.createElement(TabLogicComponent, props);
|
|
3686
3729
|
});
|
|
3687
3730
|
|
|
3688
3731
|
|
|
@@ -3729,17 +3772,17 @@ var TabPreviewTestSurveyAgainComponent = /** @class */ (function (_super) {
|
|
|
3729
3772
|
TabPreviewTestSurveyAgainComponent.prototype.renderElement = function () {
|
|
3730
3773
|
var _this = this;
|
|
3731
3774
|
var buttonClassName = "svc-preview__test-again svc-btn";
|
|
3732
|
-
return (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.attachKey2click)(
|
|
3775
|
+
return (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { role: "button", onClick: function (e) {
|
|
3733
3776
|
e.stopPropagation();
|
|
3734
3777
|
_this.model.action();
|
|
3735
3778
|
}, className: buttonClassName, title: this.model.title },
|
|
3736
|
-
|
|
3779
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", { className: "svc-text svc-text--normal svc-text--bold" }, this.model.title)));
|
|
3737
3780
|
};
|
|
3738
3781
|
return TabPreviewTestSurveyAgainComponent;
|
|
3739
3782
|
}(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SurveyElementBase));
|
|
3740
3783
|
|
|
3741
3784
|
survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.ReactElementFactory.Instance.registerElement("svc-complete-page", function (props) {
|
|
3742
|
-
return
|
|
3785
|
+
return react__WEBPACK_IMPORTED_MODULE_1__.createElement(TabPreviewTestSurveyAgainComponent, props);
|
|
3743
3786
|
});
|
|
3744
3787
|
var TabPreviewSurveyComponent = /** @class */ (function (_super) {
|
|
3745
3788
|
(0,tslib__WEBPACK_IMPORTED_MODULE_0__.__extends)(TabPreviewSurveyComponent, _super);
|
|
@@ -3758,16 +3801,16 @@ var TabPreviewSurveyComponent = /** @class */ (function (_super) {
|
|
|
3758
3801
|
};
|
|
3759
3802
|
TabPreviewSurveyComponent.prototype.renderElement = function () {
|
|
3760
3803
|
var tabContentClassName = "svc-creator-tab__content svc-test-tab__content" + (this.model.isPageToolbarVisible ? " svc-creator-tab__content--with-toolbar" : "");
|
|
3761
|
-
return (
|
|
3762
|
-
|
|
3763
|
-
|
|
3764
|
-
this.model.showResults ?
|
|
3804
|
+
return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: tabContentClassName },
|
|
3805
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-plugin-tab__content" },
|
|
3806
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement(_SurveySimulator__WEBPACK_IMPORTED_MODULE_3__.SurveySimulator, { model: this.model.simulator }),
|
|
3807
|
+
this.model.showResults ? react__WEBPACK_IMPORTED_MODULE_1__.createElement(_Results__WEBPACK_IMPORTED_MODULE_4__.SurveyResults, { survey: this.model.simulator.survey }) : null),
|
|
3765
3808
|
this.getBottomToolbar()));
|
|
3766
3809
|
};
|
|
3767
3810
|
TabPreviewSurveyComponent.prototype.getBottomToolbar = function () {
|
|
3768
3811
|
if (this.model.isPageToolbarVisible) {
|
|
3769
|
-
return (
|
|
3770
|
-
|
|
3812
|
+
return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-test-tab__content-actions" },
|
|
3813
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SurveyActionBar, { model: this.model.pages })));
|
|
3771
3814
|
}
|
|
3772
3815
|
else {
|
|
3773
3816
|
return null;
|
|
@@ -3777,7 +3820,7 @@ var TabPreviewSurveyComponent = /** @class */ (function (_super) {
|
|
|
3777
3820
|
}(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SurveyElementBase));
|
|
3778
3821
|
|
|
3779
3822
|
survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.ReactElementFactory.Instance.registerElement("svc-tab-test", function (props) {
|
|
3780
|
-
return
|
|
3823
|
+
return react__WEBPACK_IMPORTED_MODULE_1__.createElement(TabPreviewSurveyComponent, props);
|
|
3781
3824
|
});
|
|
3782
3825
|
|
|
3783
3826
|
|
|
@@ -3820,28 +3863,28 @@ var SurveySimulator = /** @class */ (function (_super) {
|
|
|
3820
3863
|
var _this = this;
|
|
3821
3864
|
var mainSimulatorClass = this.model.getRootCss();
|
|
3822
3865
|
if (!this.model.survey) {
|
|
3823
|
-
return
|
|
3866
|
+
return react__WEBPACK_IMPORTED_MODULE_2__.createElement("div", { className: mainSimulatorClass });
|
|
3824
3867
|
}
|
|
3825
3868
|
if (this.model.hasFrame) {
|
|
3826
|
-
return (
|
|
3827
|
-
|
|
3869
|
+
return (react__WEBPACK_IMPORTED_MODULE_2__.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 },
|
|
3870
|
+
react__WEBPACK_IMPORTED_MODULE_2__.createElement("div", { className: "svd-simulator-wrapper", id: "svd-simulator-wrapper", style: {
|
|
3828
3871
|
width: this.model.simulatorFrame.frameWidth + "px",
|
|
3829
3872
|
height: this.model.simulatorFrame.frameHeight + "px"
|
|
3830
3873
|
} },
|
|
3831
|
-
|
|
3874
|
+
react__WEBPACK_IMPORTED_MODULE_2__.createElement("div", { className: "svd-simulator", style: {
|
|
3832
3875
|
width: this.model.simulatorFrame.deviceWidth + "px",
|
|
3833
3876
|
height: this.model.simulatorFrame.deviceHeight + "px",
|
|
3834
3877
|
transform: "scale(" +
|
|
3835
3878
|
this.model.simulatorFrame.scale +
|
|
3836
3879
|
") translate(-50%, -50%)"
|
|
3837
3880
|
} },
|
|
3838
|
-
|
|
3839
|
-
|
|
3881
|
+
react__WEBPACK_IMPORTED_MODULE_2__.createElement("div", { className: "svd-simulator-content" },
|
|
3882
|
+
react__WEBPACK_IMPORTED_MODULE_2__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_1__.Survey, { model: this.model.survey }))))));
|
|
3840
3883
|
}
|
|
3841
3884
|
else {
|
|
3842
|
-
return (
|
|
3843
|
-
|
|
3844
|
-
|
|
3885
|
+
return (react__WEBPACK_IMPORTED_MODULE_2__.createElement("div", { className: mainSimulatorClass },
|
|
3886
|
+
react__WEBPACK_IMPORTED_MODULE_2__.createElement("div", { className: "svd-simulator-content" },
|
|
3887
|
+
react__WEBPACK_IMPORTED_MODULE_2__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_1__.Survey, { model: this.model.survey }))));
|
|
3845
3888
|
}
|
|
3846
3889
|
};
|
|
3847
3890
|
return SurveySimulator;
|
|
@@ -3890,16 +3933,16 @@ var TabThemeSurveyComponent = /** @class */ (function (_super) {
|
|
|
3890
3933
|
};
|
|
3891
3934
|
TabThemeSurveyComponent.prototype.renderElement = function () {
|
|
3892
3935
|
var tabContentClassName = "svc-creator-tab__content svc-test-tab__content" + (this.model.isPageToolbarVisible ? " svc-creator-tab__content--with-toolbar" : "");
|
|
3893
|
-
return (
|
|
3894
|
-
|
|
3895
|
-
|
|
3896
|
-
this.model.showResults ?
|
|
3936
|
+
return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: tabContentClassName },
|
|
3937
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-plugin-tab__content" },
|
|
3938
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement(_SurveySimulator__WEBPACK_IMPORTED_MODULE_3__.SurveySimulator, { model: this.model.simulator }),
|
|
3939
|
+
this.model.showResults ? react__WEBPACK_IMPORTED_MODULE_1__.createElement(_Results__WEBPACK_IMPORTED_MODULE_4__.SurveyResults, { survey: this.model.simulator.survey }) : null),
|
|
3897
3940
|
this.getBottomToolbar()));
|
|
3898
3941
|
};
|
|
3899
3942
|
TabThemeSurveyComponent.prototype.getBottomToolbar = function () {
|
|
3900
3943
|
if (this.model.isPageToolbarVisible) {
|
|
3901
|
-
return (
|
|
3902
|
-
|
|
3944
|
+
return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-test-tab__content-actions" },
|
|
3945
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SurveyActionBar, { model: this.model.pages })));
|
|
3903
3946
|
}
|
|
3904
3947
|
else {
|
|
3905
3948
|
return null;
|
|
@@ -3909,7 +3952,7 @@ var TabThemeSurveyComponent = /** @class */ (function (_super) {
|
|
|
3909
3952
|
}(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SurveyElementBase));
|
|
3910
3953
|
|
|
3911
3954
|
survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.ReactElementFactory.Instance.registerElement("svc-tab-theme", function (props) {
|
|
3912
|
-
return
|
|
3955
|
+
return react__WEBPACK_IMPORTED_MODULE_1__.createElement(TabThemeSurveyComponent, props);
|
|
3913
3956
|
});
|
|
3914
3957
|
|
|
3915
3958
|
|
|
@@ -4003,15 +4046,15 @@ var TranslateFromAction = /** @class */ (function (_super) {
|
|
|
4003
4046
|
};
|
|
4004
4047
|
TranslateFromAction.prototype.renderElement = function () {
|
|
4005
4048
|
var item = this.item;
|
|
4006
|
-
return (
|
|
4007
|
-
|
|
4049
|
+
return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: item.data.containerCss },
|
|
4050
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", { className: item.data.additionalTitleCss }, item.data.additionalTitle),
|
|
4008
4051
|
survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.ReactElementFactory.Instance.createElement("sv-action-bar-item-dropdown", { item: this.item })));
|
|
4009
4052
|
};
|
|
4010
4053
|
return TranslateFromAction;
|
|
4011
4054
|
}(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SurveyElementBase));
|
|
4012
4055
|
|
|
4013
4056
|
survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.ReactElementFactory.Instance.registerElement("svc-translate-from-action", function (props) {
|
|
4014
|
-
return
|
|
4057
|
+
return react__WEBPACK_IMPORTED_MODULE_1__.createElement(TranslateFromAction, props);
|
|
4015
4058
|
});
|
|
4016
4059
|
|
|
4017
4060
|
|
|
@@ -4053,27 +4096,27 @@ var TabTranslationComponent = /** @class */ (function (_super) {
|
|
|
4053
4096
|
TabTranslationComponent.prototype.renderElement = function () {
|
|
4054
4097
|
if (!this.model)
|
|
4055
4098
|
return null;
|
|
4056
|
-
return (
|
|
4099
|
+
return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-creator-tab__content svc-translation-tab" }, this.renderElementContent()));
|
|
4057
4100
|
};
|
|
4058
4101
|
TabTranslationComponent.prototype.renderElementContent = function () {
|
|
4059
4102
|
if (this.model.isEmpty) {
|
|
4060
|
-
return (
|
|
4061
|
-
|
|
4103
|
+
return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "st-no-strings" },
|
|
4104
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", null, this.model.noStringsText)));
|
|
4062
4105
|
}
|
|
4063
4106
|
else {
|
|
4064
|
-
return (
|
|
4065
|
-
|
|
4066
|
-
|
|
4067
|
-
|
|
4068
|
-
|
|
4069
|
-
|
|
4107
|
+
return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "st-content" },
|
|
4108
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-flex-column st-strings-wrapper" },
|
|
4109
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-flex-row st-strings-header" },
|
|
4110
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.Survey, { model: this.model.stringsHeaderSurvey })),
|
|
4111
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-flex-row svc-plugin-tab__content st-strings" },
|
|
4112
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.Survey, { model: this.model.stringsSurvey })))));
|
|
4070
4113
|
}
|
|
4071
4114
|
};
|
|
4072
4115
|
return TabTranslationComponent;
|
|
4073
4116
|
}(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SurveyElementBase));
|
|
4074
4117
|
|
|
4075
4118
|
survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.ReactElementFactory.Instance.registerElement("svc-tab-translation", function (props) {
|
|
4076
|
-
return
|
|
4119
|
+
return react__WEBPACK_IMPORTED_MODULE_1__.createElement(TabTranslationComponent, props);
|
|
4077
4120
|
});
|
|
4078
4121
|
|
|
4079
4122
|
|
|
@@ -4103,13 +4146,13 @@ var TranslationLineSkeleton = /** @class */ (function (_super) {
|
|
|
4103
4146
|
return _super !== null && _super.apply(this, arguments) || this;
|
|
4104
4147
|
}
|
|
4105
4148
|
TranslationLineSkeleton.prototype.render = function () {
|
|
4106
|
-
return (
|
|
4149
|
+
return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "sd-translation-line-skeleton" }));
|
|
4107
4150
|
};
|
|
4108
4151
|
return TranslationLineSkeleton;
|
|
4109
|
-
}(
|
|
4152
|
+
}(react__WEBPACK_IMPORTED_MODULE_1__.Component));
|
|
4110
4153
|
|
|
4111
4154
|
survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.ReactElementFactory.Instance.registerElement("sd-translation-line-skeleton", function (props) {
|
|
4112
|
-
return
|
|
4155
|
+
return react__WEBPACK_IMPORTED_MODULE_1__.createElement(TranslationLineSkeleton, props);
|
|
4113
4156
|
});
|
|
4114
4157
|
|
|
4115
4158
|
|
|
@@ -4134,7 +4177,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
4134
4177
|
/* harmony import */ var survey_react_ui__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__);
|
|
4135
4178
|
/* harmony import */ var _Toolbox__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./Toolbox */ "./src/toolbox/Toolbox.tsx");
|
|
4136
4179
|
/* harmony import */ var _ToolboxItem__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./ToolboxItem */ "./src/toolbox/ToolboxItem.tsx");
|
|
4137
|
-
/* harmony import */ var
|
|
4180
|
+
/* harmony import */ var _Search__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../Search */ "./src/Search.tsx");
|
|
4138
4181
|
|
|
4139
4182
|
|
|
4140
4183
|
|
|
@@ -4146,7 +4189,7 @@ var AdaptiveToolbox = /** @class */ (function (_super) {
|
|
|
4146
4189
|
(0,tslib__WEBPACK_IMPORTED_MODULE_0__.__extends)(AdaptiveToolbox, _super);
|
|
4147
4190
|
function AdaptiveToolbox(props) {
|
|
4148
4191
|
var _this = _super.call(this, props) || this;
|
|
4149
|
-
_this.rootRef =
|
|
4192
|
+
_this.rootRef = react__WEBPACK_IMPORTED_MODULE_1__.createRef();
|
|
4150
4193
|
return _this;
|
|
4151
4194
|
}
|
|
4152
4195
|
AdaptiveToolbox.prototype.componentDidMount = function () {
|
|
@@ -4163,34 +4206,34 @@ var AdaptiveToolbox = /** @class */ (function (_super) {
|
|
|
4163
4206
|
};
|
|
4164
4207
|
AdaptiveToolbox.prototype.renderSearch = function () {
|
|
4165
4208
|
var searchButton = this.toolbox.isCompactRendered ?
|
|
4166
|
-
|
|
4167
|
-
|
|
4168
|
-
|
|
4209
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement(react__WEBPACK_IMPORTED_MODULE_1__.Fragment, null,
|
|
4210
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement(_ToolboxItem__WEBPACK_IMPORTED_MODULE_5__.SurveyCreatorToolboxTool, { item: this.toolbox.searchItem, creator: this.creator, parentModel: this.toolbox, isCompact: this.toolbox.isCompactRendered, key: "searchitem" }),
|
|
4211
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-toolbox__category-separator svc-toolbox__category-separator--search" })) :
|
|
4169
4212
|
null;
|
|
4170
|
-
return (
|
|
4213
|
+
return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-toolbox__search-container" },
|
|
4171
4214
|
searchButton,
|
|
4172
|
-
|
|
4215
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement(_Search__WEBPACK_IMPORTED_MODULE_6__.SearchComponent, { model: this.toolbox.searchManager })));
|
|
4173
4216
|
};
|
|
4174
4217
|
AdaptiveToolbox.prototype.render = function () {
|
|
4175
4218
|
var _this = this;
|
|
4176
4219
|
if (!this.toolbox.hasActions)
|
|
4177
4220
|
return null;
|
|
4178
4221
|
var search = this.toolbox.showSearch ? this.renderSearch() : null;
|
|
4179
|
-
var placeholder = this.toolbox.showPlaceholder ?
|
|
4180
|
-
return (
|
|
4181
|
-
|
|
4182
|
-
|
|
4222
|
+
var placeholder = this.toolbox.showPlaceholder ? react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-toolbox__placeholder" }, this.toolbox.toolboxNoResultsFound) : null;
|
|
4223
|
+
return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { ref: this.rootRef, className: this.toolbox.classNames },
|
|
4224
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { onBlur: function (e) { return _this.toolbox.focusOut(e); }, className: "svc-toolbox__panel" },
|
|
4225
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-toolbox__scroller", onScroll: function (event) { return _this.toolbox.onScroll(_this.toolbox, event); } },
|
|
4183
4226
|
search,
|
|
4184
4227
|
placeholder,
|
|
4185
|
-
|
|
4186
|
-
(
|
|
4228
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-toolbox__container" }, (this.toolbox.showInSingleCategory) ?
|
|
4229
|
+
(react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-toolbox__category" }, this.renderItems(this.toolbox.renderedActions, this.toolbox.isCompactRendered)))
|
|
4187
4230
|
: this.renderCategories())))));
|
|
4188
4231
|
};
|
|
4189
4232
|
return AdaptiveToolbox;
|
|
4190
4233
|
}(_Toolbox__WEBPACK_IMPORTED_MODULE_4__.Toolbox));
|
|
4191
4234
|
|
|
4192
4235
|
survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.ReactElementFactory.Instance.registerElement("svc-adaptive-toolbox", function (props) {
|
|
4193
|
-
return
|
|
4236
|
+
return react__WEBPACK_IMPORTED_MODULE_1__.createElement(AdaptiveToolbox, props);
|
|
4194
4237
|
});
|
|
4195
4238
|
|
|
4196
4239
|
|
|
@@ -4243,9 +4286,9 @@ var Toolbox = /** @class */ (function (_super) {
|
|
|
4243
4286
|
Toolbox.prototype.render = function () {
|
|
4244
4287
|
if (!this.toolbox.hasActions)
|
|
4245
4288
|
return null;
|
|
4246
|
-
return (
|
|
4247
|
-
|
|
4248
|
-
(
|
|
4289
|
+
return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-toolbox" },
|
|
4290
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-toolbox__container" }, (this.toolbox.categories.length == 1 || !this.toolbox.showCategoryTitles) ?
|
|
4291
|
+
(react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-toolbox__category" }, this.renderItems(this.toolbox.visibleActions)))
|
|
4249
4292
|
: this.renderCategories())));
|
|
4250
4293
|
};
|
|
4251
4294
|
Toolbox.prototype.renderItems = function (items, isCompact) {
|
|
@@ -4253,7 +4296,7 @@ var Toolbox = /** @class */ (function (_super) {
|
|
|
4253
4296
|
if (isCompact === void 0) { isCompact = false; }
|
|
4254
4297
|
var result = [];
|
|
4255
4298
|
items.forEach(function (item, itemIndex) {
|
|
4256
|
-
var tool =
|
|
4299
|
+
var tool = react__WEBPACK_IMPORTED_MODULE_1__.createElement(_ToolboxItem__WEBPACK_IMPORTED_MODULE_3__.SurveyCreatorToolboxTool, { item: item, creator: _this.creator, parentModel: _this.toolbox, isCompact: isCompact, key: "item" + itemIndex });
|
|
4257
4300
|
result.push(tool);
|
|
4258
4301
|
});
|
|
4259
4302
|
return result;
|
|
@@ -4261,14 +4304,14 @@ var Toolbox = /** @class */ (function (_super) {
|
|
|
4261
4304
|
Toolbox.prototype.renderCategories = function () {
|
|
4262
4305
|
var _this = this;
|
|
4263
4306
|
return this.toolbox.categories.map(function (category, index) {
|
|
4264
|
-
return
|
|
4307
|
+
return react__WEBPACK_IMPORTED_MODULE_1__.createElement(_ToolboxCategory__WEBPACK_IMPORTED_MODULE_4__.SurveyCreatorToolboxCategory, { category: category, toolbox: _this.toolbox, key: "category" + index });
|
|
4265
4308
|
});
|
|
4266
4309
|
};
|
|
4267
4310
|
return Toolbox;
|
|
4268
4311
|
}(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SurveyElementBase));
|
|
4269
4312
|
|
|
4270
4313
|
survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.ReactElementFactory.Instance.registerElement("svc-toolbox", function (props) {
|
|
4271
|
-
return
|
|
4314
|
+
return react__WEBPACK_IMPORTED_MODULE_1__.createElement(Toolbox, props);
|
|
4272
4315
|
});
|
|
4273
4316
|
|
|
4274
4317
|
|
|
@@ -4328,7 +4371,7 @@ var SurveyCreatorToolboxCategory = /** @class */ (function (_super) {
|
|
|
4328
4371
|
SurveyCreatorToolboxCategory.prototype.render = function () {
|
|
4329
4372
|
var header = this.renderCategoryHeader();
|
|
4330
4373
|
var items = this.renderCategoryContent();
|
|
4331
|
-
return (
|
|
4374
|
+
return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: this.class, key: this.category.name },
|
|
4332
4375
|
header,
|
|
4333
4376
|
items));
|
|
4334
4377
|
};
|
|
@@ -4338,8 +4381,8 @@ var SurveyCreatorToolboxCategory = /** @class */ (function (_super) {
|
|
|
4338
4381
|
if (this.toolbox.canCollapseCategories) {
|
|
4339
4382
|
className += " svc-toolbox__category-header--collapsed";
|
|
4340
4383
|
}
|
|
4341
|
-
return (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.attachKey2click)(
|
|
4342
|
-
|
|
4384
|
+
return (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: className, onClick: function (e) { return _this.category.toggleState(); } },
|
|
4385
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", { className: "svc-toolbox__category-title" }, this.category.title),
|
|
4343
4386
|
this.renderButton()));
|
|
4344
4387
|
};
|
|
4345
4388
|
SurveyCreatorToolboxCategory.prototype.renderButton = function () {
|
|
@@ -4348,8 +4391,8 @@ var SurveyCreatorToolboxCategory = /** @class */ (function (_super) {
|
|
|
4348
4391
|
var iconName = this.category.collapsed ? "arrow-down" : "arrow-up";
|
|
4349
4392
|
var suffixName = this.category.collapsed ? "expand" : "collapse";
|
|
4350
4393
|
var svgIconClassName = "svc-toolbox__category-header__button svc-string-editor__button--" + suffixName;
|
|
4351
|
-
return (
|
|
4352
|
-
|
|
4394
|
+
return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-toolbox__category-header__controls" },
|
|
4395
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SvgIcon, { className: svgIconClassName, iconName: "icon-" + iconName, size: 24 })));
|
|
4353
4396
|
};
|
|
4354
4397
|
SurveyCreatorToolboxCategory.prototype.renderCategoryContent = function () {
|
|
4355
4398
|
return this.renderItems(this.category.items);
|
|
@@ -4358,14 +4401,14 @@ var SurveyCreatorToolboxCategory = /** @class */ (function (_super) {
|
|
|
4358
4401
|
var _this = this;
|
|
4359
4402
|
if (isCompact === void 0) { isCompact = false; }
|
|
4360
4403
|
return items.map(function (item, itemIndex) {
|
|
4361
|
-
return
|
|
4404
|
+
return react__WEBPACK_IMPORTED_MODULE_1__.createElement(_ToolboxItem__WEBPACK_IMPORTED_MODULE_3__.SurveyCreatorToolboxTool, { item: item, creator: _this.toolbox.creator, parentModel: _this.toolbox, isCompact: isCompact, key: "item" + itemIndex });
|
|
4362
4405
|
});
|
|
4363
4406
|
};
|
|
4364
4407
|
return SurveyCreatorToolboxCategory;
|
|
4365
4408
|
}(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SurveyElementBase));
|
|
4366
4409
|
|
|
4367
4410
|
survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.ReactElementFactory.Instance.registerElement("svc-toolbox-category", function (props) {
|
|
4368
|
-
return
|
|
4411
|
+
return react__WEBPACK_IMPORTED_MODULE_1__.createElement(SurveyCreatorToolboxCategory, props);
|
|
4369
4412
|
});
|
|
4370
4413
|
|
|
4371
4414
|
|
|
@@ -4395,6 +4438,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
4395
4438
|
|
|
4396
4439
|
|
|
4397
4440
|
|
|
4441
|
+
|
|
4398
4442
|
var SurveyCreatorToolboxTool = /** @class */ (function (_super) {
|
|
4399
4443
|
(0,tslib__WEBPACK_IMPORTED_MODULE_0__.__extends)(SurveyCreatorToolboxTool, _super);
|
|
4400
4444
|
function SurveyCreatorToolboxTool(props) {
|
|
@@ -4439,9 +4483,9 @@ var SurveyCreatorToolboxTool = /** @class */ (function (_super) {
|
|
|
4439
4483
|
parentModel: this.creator.toolbox,
|
|
4440
4484
|
isCompact: this.isCompact
|
|
4441
4485
|
});
|
|
4442
|
-
return (
|
|
4443
|
-
(item.needSeparator && !this.creator.toolbox.showCategoryTitles) ? (
|
|
4444
|
-
|
|
4486
|
+
return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: item.css, key: item.id },
|
|
4487
|
+
(item.needSeparator && !this.creator.toolbox.showCategoryTitles) ? (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-toolbox__category-separator" })) : null,
|
|
4488
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "sv-action__content", onPointerDown: function (event) {
|
|
4445
4489
|
event.persist();
|
|
4446
4490
|
_this.model.onPointerDown(event);
|
|
4447
4491
|
}, onMouseOver: function (event) {
|
|
@@ -4484,23 +4528,23 @@ var SurveyCreatorToolboxItem = /** @class */ (function (_super) {
|
|
|
4484
4528
|
};
|
|
4485
4529
|
SurveyCreatorToolboxItem.prototype.render = function () {
|
|
4486
4530
|
var _this = this;
|
|
4487
|
-
return (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.attachKey2click)(
|
|
4531
|
+
return (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-toolbox__item " + this.item.className, tabIndex: 0, role: "button", "aria-label": this.item.tooltip, title: this.item.tooltip, onClick: function (event) {
|
|
4488
4532
|
event.persist();
|
|
4489
4533
|
_this.model.click(event);
|
|
4490
4534
|
} },
|
|
4491
|
-
|
|
4535
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", { className: "svc-toolbox__item-container" }, !!this.item.iconName ? react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.SvgIcon, { size: 24, iconName: this.item.iconName, title: this.item.tooltip }) : null),
|
|
4492
4536
|
(this.props.isCompact ?
|
|
4493
|
-
|
|
4494
|
-
|
|
4495
|
-
|
|
4537
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", { className: "svc-toolbox__item-banner svc-item__banner" },
|
|
4538
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.SvgIcon, { size: 24, iconName: this.item.iconName, className: "svc-toolbox__item-icon", title: this.item.tooltip }),
|
|
4539
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", { className: "svc-toolbox__item-title" }, this.item.title))
|
|
4496
4540
|
:
|
|
4497
|
-
|
|
4541
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", { className: "svc-toolbox__item-title" }, this.item.title))));
|
|
4498
4542
|
};
|
|
4499
4543
|
return SurveyCreatorToolboxItem;
|
|
4500
4544
|
}(_ModelElement__WEBPACK_IMPORTED_MODULE_4__.CreatorModelElement));
|
|
4501
4545
|
|
|
4502
4546
|
survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.ReactElementFactory.Instance.registerElement("svc-toolbox-item", function (props) {
|
|
4503
|
-
return
|
|
4547
|
+
return (0,react__WEBPACK_IMPORTED_MODULE_1__.createElement)(SurveyCreatorToolboxItem, props);
|
|
4504
4548
|
});
|
|
4505
4549
|
|
|
4506
4550
|
|
|
@@ -4568,15 +4612,15 @@ var SurveyCreatorToolboxItemGroup = /** @class */ (function (_super) {
|
|
|
4568
4612
|
return this.item;
|
|
4569
4613
|
};
|
|
4570
4614
|
SurveyCreatorToolboxItemGroup.prototype.render = function () {
|
|
4571
|
-
return
|
|
4572
|
-
|
|
4573
|
-
|
|
4615
|
+
return react__WEBPACK_IMPORTED_MODULE_1__.createElement(react__WEBPACK_IMPORTED_MODULE_1__.Fragment, null,
|
|
4616
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement(_ToolboxItem__WEBPACK_IMPORTED_MODULE_4__.SurveyCreatorToolboxItem, { item: this.item, creator: this.creator, parentModel: this.parentModel, isCompact: this.isCompact }),
|
|
4617
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.Popup, { model: this.item.popupModel, getArea: this.item.getArea }));
|
|
4574
4618
|
};
|
|
4575
4619
|
return SurveyCreatorToolboxItemGroup;
|
|
4576
4620
|
}(_ModelElement__WEBPACK_IMPORTED_MODULE_3__.CreatorModelElement));
|
|
4577
4621
|
|
|
4578
4622
|
survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.ReactElementFactory.Instance.registerElement("svc-toolbox-item-group", function (props) {
|
|
4579
|
-
return
|
|
4623
|
+
return react__WEBPACK_IMPORTED_MODULE_1__.createElement(SurveyCreatorToolboxItemGroup, props);
|
|
4580
4624
|
});
|
|
4581
4625
|
|
|
4582
4626
|
|
|
@@ -4628,20 +4672,20 @@ var ToolboxList = /** @class */ (function (_super) {
|
|
|
4628
4672
|
if (!this.model || !this.model.renderElements)
|
|
4629
4673
|
return null;
|
|
4630
4674
|
var items = this.renderItems();
|
|
4631
|
-
return (
|
|
4675
|
+
return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: this.model.cssClasses.root }, items));
|
|
4632
4676
|
};
|
|
4633
4677
|
ToolboxList.prototype.renderItems = function () {
|
|
4634
4678
|
var _this = this;
|
|
4635
4679
|
var items = this.model.renderedActions;
|
|
4636
4680
|
return items.map(function (item, itemIndex) {
|
|
4637
|
-
return
|
|
4681
|
+
return react__WEBPACK_IMPORTED_MODULE_1__.createElement(_ToolboxItem__WEBPACK_IMPORTED_MODULE_3__.SurveyCreatorToolboxTool, { item: item, creator: _this.toolbox.creator, parentModel: _this.model, isCompact: false, key: "item" + itemIndex });
|
|
4638
4682
|
});
|
|
4639
4683
|
};
|
|
4640
4684
|
return ToolboxList;
|
|
4641
4685
|
}(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SurveyElementBase));
|
|
4642
4686
|
|
|
4643
4687
|
survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.ReactElementFactory.Instance.registerElement("svc-toolbox-list", function (props) {
|
|
4644
|
-
return
|
|
4688
|
+
return react__WEBPACK_IMPORTED_MODULE_1__.createElement(ToolboxList, props);
|
|
4645
4689
|
});
|
|
4646
4690
|
|
|
4647
4691
|
|
|
@@ -4781,23 +4825,24 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
4781
4825
|
/* harmony export */ LogoImageComponent: () => (/* reexport safe */ _LogoImage__WEBPACK_IMPORTED_MODULE_14__.LogoImageComponent),
|
|
4782
4826
|
/* harmony export */ MatrixCellAdornerComponent: () => (/* reexport safe */ _MatrixCellWrapper__WEBPACK_IMPORTED_MODULE_20__.MatrixCellAdornerComponent),
|
|
4783
4827
|
/* harmony export */ PanelAdornerComponent: () => (/* reexport safe */ _adorners_Panel__WEBPACK_IMPORTED_MODULE_13__.PanelAdornerComponent),
|
|
4784
|
-
/* harmony export */ PropertyGridComponent: () => (/* reexport safe */
|
|
4785
|
-
/* harmony export */ PropertyGridEditorCollection: () => (/* reexport safe */
|
|
4828
|
+
/* harmony export */ PropertyGridComponent: () => (/* reexport safe */ _PropertyGrid__WEBPACK_IMPORTED_MODULE_47__.PropertyGridComponent),
|
|
4829
|
+
/* harmony export */ PropertyGridEditorCollection: () => (/* reexport safe */ survey_creator_core__WEBPACK_IMPORTED_MODULE_56__.PropertyGridEditorCollection),
|
|
4786
4830
|
/* harmony export */ QuestionAdornerComponent: () => (/* reexport safe */ _adorners_Question__WEBPACK_IMPORTED_MODULE_2__.QuestionAdornerComponent),
|
|
4787
4831
|
/* harmony export */ QuestionBanner: () => (/* reexport safe */ _adorners_QuestionBanner__WEBPACK_IMPORTED_MODULE_5__.QuestionBanner),
|
|
4788
4832
|
/* harmony export */ QuestionDropdownAdornerComponent: () => (/* reexport safe */ _adorners_QuestionDropdown__WEBPACK_IMPORTED_MODULE_6__.QuestionDropdownAdornerComponent),
|
|
4789
4833
|
/* harmony export */ QuestionEditorContentComponent: () => (/* reexport safe */ _QuestionEditorContent__WEBPACK_IMPORTED_MODULE_17__.QuestionEditorContentComponent),
|
|
4834
|
+
/* harmony export */ QuestionErrorComponent: () => (/* reexport safe */ _QuestionError__WEBPACK_IMPORTED_MODULE_35__.QuestionErrorComponent),
|
|
4790
4835
|
/* harmony export */ QuestionImageAdornerComponent: () => (/* reexport safe */ _adorners_QuestionImage__WEBPACK_IMPORTED_MODULE_7__.QuestionImageAdornerComponent),
|
|
4791
4836
|
/* harmony export */ QuestionRatingAdornerComponent: () => (/* reexport safe */ _adorners_QuestionRating__WEBPACK_IMPORTED_MODULE_8__.QuestionRatingAdornerComponent),
|
|
4792
4837
|
/* harmony export */ QuestionWidgetAdornerComponent: () => (/* reexport safe */ _adorners_QuestionWidget__WEBPACK_IMPORTED_MODULE_9__.QuestionWidgetAdornerComponent),
|
|
4793
4838
|
/* harmony export */ QuestionWrapperFooter: () => (/* reexport safe */ _adorners_QuestionFooter__WEBPACK_IMPORTED_MODULE_4__.QuestionWrapperFooter),
|
|
4794
4839
|
/* harmony export */ QuestionWrapperHeader: () => (/* reexport safe */ _adorners_QuestionHeader__WEBPACK_IMPORTED_MODULE_3__.QuestionWrapperHeader),
|
|
4795
|
-
/* harmony export */ ReactDragEvent: () => (/* reexport safe */
|
|
4796
|
-
/* harmony export */ ReactMouseEvent: () => (/* reexport safe */
|
|
4840
|
+
/* harmony export */ ReactDragEvent: () => (/* reexport safe */ _events__WEBPACK_IMPORTED_MODULE_45__.ReactDragEvent),
|
|
4841
|
+
/* harmony export */ ReactMouseEvent: () => (/* reexport safe */ _events__WEBPACK_IMPORTED_MODULE_45__.ReactMouseEvent),
|
|
4797
4842
|
/* harmony export */ RowWrapper: () => (/* reexport safe */ _adorners_Row__WEBPACK_IMPORTED_MODULE_1__.RowWrapper),
|
|
4798
|
-
/* harmony export */ SearchComponent: () => (/* reexport safe */
|
|
4843
|
+
/* harmony export */ SearchComponent: () => (/* reexport safe */ _Search__WEBPACK_IMPORTED_MODULE_48__.SearchComponent),
|
|
4799
4844
|
/* harmony export */ SidebarComponent: () => (/* reexport safe */ _SideBar__WEBPACK_IMPORTED_MODULE_30__.SidebarComponent),
|
|
4800
|
-
/* harmony export */ StylesManager: () => (/* reexport safe */
|
|
4845
|
+
/* harmony export */ StylesManager: () => (/* reexport safe */ survey_creator_core__WEBPACK_IMPORTED_MODULE_56__.StylesManager),
|
|
4801
4846
|
/* harmony export */ SurveyCreator: () => (/* reexport safe */ _SurveyCreator__WEBPACK_IMPORTED_MODULE_0__.SurveyCreator),
|
|
4802
4847
|
/* harmony export */ SurveyCreatorComponent: () => (/* reexport safe */ _SurveyCreator__WEBPACK_IMPORTED_MODULE_0__.SurveyCreatorComponent),
|
|
4803
4848
|
/* harmony export */ SurveyCreatorToolboxCategory: () => (/* reexport safe */ _toolbox_ToolboxCategory__WEBPACK_IMPORTED_MODULE_24__.SurveyCreatorToolboxCategory),
|
|
@@ -4806,42 +4851,42 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
4806
4851
|
/* harmony export */ SurveyCreatorToolboxTool: () => (/* reexport safe */ _toolbox_ToolboxItem__WEBPACK_IMPORTED_MODULE_22__.SurveyCreatorToolboxTool),
|
|
4807
4852
|
/* harmony export */ SurveyElementEmbeddedSurvey: () => (/* reexport safe */ _QuestionEmbeddedSurvey__WEBPACK_IMPORTED_MODULE_16__.SurveyElementEmbeddedSurvey),
|
|
4808
4853
|
/* harmony export */ SurveyLocStringEditor: () => (/* reexport safe */ _StringEditor__WEBPACK_IMPORTED_MODULE_34__.SurveyLocStringEditor),
|
|
4809
|
-
/* harmony export */ SurveyLogic: () => (/* reexport safe */
|
|
4810
|
-
/* harmony export */ SurveyLogicOpertor: () => (/* reexport safe */
|
|
4811
|
-
/* harmony export */ SurveyLogicUI: () => (/* reexport safe */
|
|
4854
|
+
/* harmony export */ SurveyLogic: () => (/* reexport safe */ survey_creator_core__WEBPACK_IMPORTED_MODULE_56__.SurveyLogic),
|
|
4855
|
+
/* harmony export */ SurveyLogicOpertor: () => (/* reexport safe */ _tabs_logic_operator__WEBPACK_IMPORTED_MODULE_36__.SurveyLogicOpertor),
|
|
4856
|
+
/* harmony export */ SurveyLogicUI: () => (/* reexport safe */ survey_creator_core__WEBPACK_IMPORTED_MODULE_56__.SurveyLogicUI),
|
|
4812
4857
|
/* harmony export */ SurveyNavigation: () => (/* reexport safe */ _Navigation__WEBPACK_IMPORTED_MODULE_29__.SurveyNavigation),
|
|
4813
|
-
/* harmony export */ SurveyQuestionColor: () => (/* reexport safe */
|
|
4814
|
-
/* harmony export */ SurveyQuestionEditorDefinition: () => (/* reexport safe */
|
|
4815
|
-
/* harmony export */ SurveyQuestionFileEditor: () => (/* reexport safe */
|
|
4858
|
+
/* harmony export */ SurveyQuestionColor: () => (/* reexport safe */ _custom_questions_ColorQuestion__WEBPACK_IMPORTED_MODULE_53__.SurveyQuestionColor),
|
|
4859
|
+
/* harmony export */ SurveyQuestionEditorDefinition: () => (/* reexport safe */ survey_creator_core__WEBPACK_IMPORTED_MODULE_56__.SurveyQuestionEditorDefinition),
|
|
4860
|
+
/* harmony export */ SurveyQuestionFileEditor: () => (/* reexport safe */ _custom_questions_FileEditQuestion__WEBPACK_IMPORTED_MODULE_54__.SurveyQuestionFileEditor),
|
|
4816
4861
|
/* harmony export */ SurveyQuestionLinkValue: () => (/* reexport safe */ _QuestionLinkValue__WEBPACK_IMPORTED_MODULE_15__.SurveyQuestionLinkValue),
|
|
4817
|
-
/* harmony export */ SurveyQuestionSpinEditor: () => (/* reexport safe */
|
|
4818
|
-
/* harmony export */ SurveyQuestionTextWithReset: () => (/* reexport safe */
|
|
4862
|
+
/* harmony export */ SurveyQuestionSpinEditor: () => (/* reexport safe */ _custom_questions_SpinEditor__WEBPACK_IMPORTED_MODULE_51__.SurveyQuestionSpinEditor),
|
|
4863
|
+
/* harmony export */ SurveyQuestionTextWithReset: () => (/* reexport safe */ _custom_questions_TextWithResetQuestion__WEBPACK_IMPORTED_MODULE_55__.SurveyQuestionTextWithReset),
|
|
4819
4864
|
/* harmony export */ SurveyResults: () => (/* reexport safe */ _Results__WEBPACK_IMPORTED_MODULE_21__.SurveyResults),
|
|
4820
4865
|
/* harmony export */ SurveyResultsByRow: () => (/* reexport safe */ _Results__WEBPACK_IMPORTED_MODULE_21__.SurveyResultsByRow),
|
|
4821
|
-
/* harmony export */ SurveySimulator: () => (/* reexport safe */
|
|
4822
|
-
/* harmony export */ SwitcherComponent: () => (/* reexport safe */
|
|
4823
|
-
/* harmony export */ TabDesignerComponent: () => (/* reexport safe */
|
|
4824
|
-
/* harmony export */ TabJsonEditorAceComponent: () => (/* reexport safe */
|
|
4825
|
-
/* harmony export */ TabJsonEditorErrorsComponent: () => (/* reexport safe */
|
|
4826
|
-
/* harmony export */ TabJsonEditorTextareaComponent: () => (/* reexport safe */
|
|
4827
|
-
/* harmony export */ TabLogicAddButtonComponent: () => (/* reexport safe */
|
|
4828
|
-
/* harmony export */ TabLogicComponent: () => (/* reexport safe */
|
|
4829
|
-
/* harmony export */ TabPreviewSurveyComponent: () => (/* reexport safe */
|
|
4830
|
-
/* harmony export */ TabPreviewTestSurveyAgainComponent: () => (/* reexport safe */
|
|
4831
|
-
/* harmony export */ TabThemeSurveyComponent: () => (/* reexport safe */
|
|
4832
|
-
/* harmony export */ TabTranslationComponent: () => (/* reexport safe */
|
|
4866
|
+
/* harmony export */ SurveySimulator: () => (/* reexport safe */ _tabs_SurveySimulator__WEBPACK_IMPORTED_MODULE_44__.SurveySimulator),
|
|
4867
|
+
/* harmony export */ SwitcherComponent: () => (/* reexport safe */ _Switcher__WEBPACK_IMPORTED_MODULE_49__.SwitcherComponent),
|
|
4868
|
+
/* harmony export */ TabDesignerComponent: () => (/* reexport safe */ _tabs_Designer__WEBPACK_IMPORTED_MODULE_37__.TabDesignerComponent),
|
|
4869
|
+
/* harmony export */ TabJsonEditorAceComponent: () => (/* reexport safe */ _tabs_JsonEditorAce__WEBPACK_IMPORTED_MODULE_38__.TabJsonEditorAceComponent),
|
|
4870
|
+
/* harmony export */ TabJsonEditorErrorsComponent: () => (/* reexport safe */ _tabs_JsonEditorTextarea__WEBPACK_IMPORTED_MODULE_39__.TabJsonEditorErrorsComponent),
|
|
4871
|
+
/* harmony export */ TabJsonEditorTextareaComponent: () => (/* reexport safe */ _tabs_JsonEditorTextarea__WEBPACK_IMPORTED_MODULE_39__.TabJsonEditorTextareaComponent),
|
|
4872
|
+
/* harmony export */ TabLogicAddButtonComponent: () => (/* reexport safe */ _tabs_Logic__WEBPACK_IMPORTED_MODULE_40__.TabLogicAddButtonComponent),
|
|
4873
|
+
/* harmony export */ TabLogicComponent: () => (/* reexport safe */ _tabs_Logic__WEBPACK_IMPORTED_MODULE_40__.TabLogicComponent),
|
|
4874
|
+
/* harmony export */ TabPreviewSurveyComponent: () => (/* reexport safe */ _tabs_Preview__WEBPACK_IMPORTED_MODULE_41__.TabPreviewSurveyComponent),
|
|
4875
|
+
/* harmony export */ TabPreviewTestSurveyAgainComponent: () => (/* reexport safe */ _tabs_Preview__WEBPACK_IMPORTED_MODULE_41__.TabPreviewTestSurveyAgainComponent),
|
|
4876
|
+
/* harmony export */ TabThemeSurveyComponent: () => (/* reexport safe */ _tabs_Theme__WEBPACK_IMPORTED_MODULE_42__.TabThemeSurveyComponent),
|
|
4877
|
+
/* harmony export */ TabTranslationComponent: () => (/* reexport safe */ _tabs_translation_Translation__WEBPACK_IMPORTED_MODULE_43__.TabTranslationComponent),
|
|
4833
4878
|
/* harmony export */ TabbedMenuComponent: () => (/* reexport safe */ _TabbedMenu__WEBPACK_IMPORTED_MODULE_28__.TabbedMenuComponent),
|
|
4834
4879
|
/* harmony export */ TabbedMenuItemComponent: () => (/* reexport safe */ _TabbedMenu__WEBPACK_IMPORTED_MODULE_28__.TabbedMenuItemComponent),
|
|
4835
4880
|
/* harmony export */ Toolbox: () => (/* reexport safe */ _toolbox_Toolbox__WEBPACK_IMPORTED_MODULE_25__.Toolbox),
|
|
4836
4881
|
/* harmony export */ ToolboxList: () => (/* reexport safe */ _toolbox_ToolboxList__WEBPACK_IMPORTED_MODULE_26__.ToolboxList),
|
|
4837
|
-
/* harmony export */ ToolboxToolViewModel: () => (/* reexport safe */
|
|
4882
|
+
/* harmony export */ ToolboxToolViewModel: () => (/* reexport safe */ survey_creator_core__WEBPACK_IMPORTED_MODULE_56__.ToolboxToolViewModel),
|
|
4838
4883
|
/* harmony export */ TranslateFromAction: () => (/* reexport safe */ _tabs_translation_TranslateFromAction__WEBPACK_IMPORTED_MODULE_32__.TranslateFromAction),
|
|
4839
4884
|
/* harmony export */ TranslationLineSkeleton: () => (/* reexport safe */ _tabs_translation_TranslationLineSkeleton__WEBPACK_IMPORTED_MODULE_31__.TranslationLineSkeleton),
|
|
4840
4885
|
/* harmony export */ Version: () => (/* binding */ Version),
|
|
4841
|
-
/* harmony export */ editorLocalization: () => (/* reexport safe */
|
|
4842
|
-
/* harmony export */ localization: () => (/* reexport safe */
|
|
4843
|
-
/* harmony export */ settings: () => (/* reexport safe */
|
|
4844
|
-
/* harmony export */ svgBundle: () => (/* reexport safe */
|
|
4886
|
+
/* harmony export */ editorLocalization: () => (/* reexport safe */ survey_creator_core__WEBPACK_IMPORTED_MODULE_56__.editorLocalization),
|
|
4887
|
+
/* harmony export */ localization: () => (/* reexport safe */ survey_creator_core__WEBPACK_IMPORTED_MODULE_56__.localization),
|
|
4888
|
+
/* harmony export */ settings: () => (/* reexport safe */ survey_creator_core__WEBPACK_IMPORTED_MODULE_56__.settings),
|
|
4889
|
+
/* harmony export */ svgBundle: () => (/* reexport safe */ survey_creator_core__WEBPACK_IMPORTED_MODULE_56__.svgBundle)
|
|
4845
4890
|
/* harmony export */ });
|
|
4846
4891
|
/* harmony import */ var _SurveyCreator__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../SurveyCreator */ "./src/SurveyCreator.tsx");
|
|
4847
4892
|
/* harmony import */ var _adorners_Row__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../adorners/Row */ "./src/adorners/Row.tsx");
|
|
@@ -4878,32 +4923,33 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
4878
4923
|
/* harmony import */ var _tabs_translation_TranslateFromAction__WEBPACK_IMPORTED_MODULE_32__ = __webpack_require__(/*! ../tabs/translation/TranslateFromAction */ "./src/tabs/translation/TranslateFromAction.tsx");
|
|
4879
4924
|
/* harmony import */ var _ActionButton__WEBPACK_IMPORTED_MODULE_33__ = __webpack_require__(/*! ../ActionButton */ "./src/ActionButton.tsx");
|
|
4880
4925
|
/* harmony import */ var _StringEditor__WEBPACK_IMPORTED_MODULE_34__ = __webpack_require__(/*! ../StringEditor */ "./src/StringEditor.tsx");
|
|
4881
|
-
/* harmony import */ var
|
|
4882
|
-
/* harmony import */ var
|
|
4883
|
-
/* harmony import */ var
|
|
4884
|
-
/* harmony import */ var
|
|
4885
|
-
/* harmony import */ var
|
|
4886
|
-
/* harmony import */ var
|
|
4887
|
-
/* harmony import */ var
|
|
4888
|
-
/* harmony import */ var
|
|
4889
|
-
/* harmony import */ var
|
|
4890
|
-
/* harmony import */ var
|
|
4891
|
-
/* harmony import */ var
|
|
4892
|
-
/* harmony import */ var
|
|
4893
|
-
/* harmony import */ var
|
|
4894
|
-
/* harmony import */ var
|
|
4895
|
-
/* harmony import */ var
|
|
4896
|
-
/* harmony import */ var
|
|
4897
|
-
/* harmony import */ var
|
|
4898
|
-
/* harmony import */ var
|
|
4899
|
-
/* harmony import */ var
|
|
4900
|
-
/* harmony import */ var
|
|
4901
|
-
/* harmony import */ var
|
|
4902
|
-
/* harmony import */ var
|
|
4903
|
-
/* harmony import */ var
|
|
4904
|
-
/* harmony import */ var
|
|
4926
|
+
/* harmony import */ var _QuestionError__WEBPACK_IMPORTED_MODULE_35__ = __webpack_require__(/*! ../QuestionError */ "./src/QuestionError.tsx");
|
|
4927
|
+
/* harmony import */ var _tabs_logic_operator__WEBPACK_IMPORTED_MODULE_36__ = __webpack_require__(/*! ../tabs/logic-operator */ "./src/tabs/logic-operator.tsx");
|
|
4928
|
+
/* harmony import */ var _tabs_Designer__WEBPACK_IMPORTED_MODULE_37__ = __webpack_require__(/*! ../tabs/Designer */ "./src/tabs/Designer.tsx");
|
|
4929
|
+
/* harmony import */ var _tabs_JsonEditorAce__WEBPACK_IMPORTED_MODULE_38__ = __webpack_require__(/*! ../tabs/JsonEditorAce */ "./src/tabs/JsonEditorAce.tsx");
|
|
4930
|
+
/* harmony import */ var _tabs_JsonEditorTextarea__WEBPACK_IMPORTED_MODULE_39__ = __webpack_require__(/*! ../tabs/JsonEditorTextarea */ "./src/tabs/JsonEditorTextarea.tsx");
|
|
4931
|
+
/* harmony import */ var _tabs_Logic__WEBPACK_IMPORTED_MODULE_40__ = __webpack_require__(/*! ../tabs/Logic */ "./src/tabs/Logic.tsx");
|
|
4932
|
+
/* harmony import */ var _tabs_Preview__WEBPACK_IMPORTED_MODULE_41__ = __webpack_require__(/*! ../tabs/Preview */ "./src/tabs/Preview.tsx");
|
|
4933
|
+
/* harmony import */ var _tabs_Theme__WEBPACK_IMPORTED_MODULE_42__ = __webpack_require__(/*! ../tabs/Theme */ "./src/tabs/Theme.tsx");
|
|
4934
|
+
/* harmony import */ var _tabs_translation_Translation__WEBPACK_IMPORTED_MODULE_43__ = __webpack_require__(/*! ../tabs/translation/Translation */ "./src/tabs/translation/Translation.tsx");
|
|
4935
|
+
/* harmony import */ var _tabs_SurveySimulator__WEBPACK_IMPORTED_MODULE_44__ = __webpack_require__(/*! ../tabs/SurveySimulator */ "./src/tabs/SurveySimulator.tsx");
|
|
4936
|
+
/* harmony import */ var _events__WEBPACK_IMPORTED_MODULE_45__ = __webpack_require__(/*! ../events */ "./src/events.ts");
|
|
4937
|
+
/* harmony import */ var _ObjectSelector__WEBPACK_IMPORTED_MODULE_46__ = __webpack_require__(/*! ../ObjectSelector */ "./src/ObjectSelector.tsx");
|
|
4938
|
+
/* harmony import */ var _PropertyGrid__WEBPACK_IMPORTED_MODULE_47__ = __webpack_require__(/*! ../PropertyGrid */ "./src/PropertyGrid.tsx");
|
|
4939
|
+
/* harmony import */ var _Search__WEBPACK_IMPORTED_MODULE_48__ = __webpack_require__(/*! ../Search */ "./src/Search.tsx");
|
|
4940
|
+
/* harmony import */ var _Switcher__WEBPACK_IMPORTED_MODULE_49__ = __webpack_require__(/*! ../Switcher */ "./src/Switcher.tsx");
|
|
4941
|
+
/* harmony import */ var _tabs_JsonErrorItem__WEBPACK_IMPORTED_MODULE_50__ = __webpack_require__(/*! ../tabs/JsonErrorItem */ "./src/tabs/JsonErrorItem.tsx");
|
|
4942
|
+
/* harmony import */ var _custom_questions_SpinEditor__WEBPACK_IMPORTED_MODULE_51__ = __webpack_require__(/*! ../custom-questions/SpinEditor */ "./src/custom-questions/SpinEditor.tsx");
|
|
4943
|
+
/* harmony import */ var _custom_questions_ColorItem__WEBPACK_IMPORTED_MODULE_52__ = __webpack_require__(/*! ../custom-questions/ColorItem */ "./src/custom-questions/ColorItem.tsx");
|
|
4944
|
+
/* harmony import */ var _custom_questions_ColorQuestion__WEBPACK_IMPORTED_MODULE_53__ = __webpack_require__(/*! ../custom-questions/ColorQuestion */ "./src/custom-questions/ColorQuestion.tsx");
|
|
4945
|
+
/* harmony import */ var _custom_questions_FileEditQuestion__WEBPACK_IMPORTED_MODULE_54__ = __webpack_require__(/*! ../custom-questions/FileEditQuestion */ "./src/custom-questions/FileEditQuestion.tsx");
|
|
4946
|
+
/* harmony import */ var _custom_questions_TextWithResetQuestion__WEBPACK_IMPORTED_MODULE_55__ = __webpack_require__(/*! ../custom-questions/TextWithResetQuestion */ "./src/custom-questions/TextWithResetQuestion.tsx");
|
|
4947
|
+
/* harmony import */ var survey_creator_core__WEBPACK_IMPORTED_MODULE_56__ = __webpack_require__(/*! survey-creator-core */ "survey-creator-core");
|
|
4948
|
+
/* harmony import */ var survey_creator_core__WEBPACK_IMPORTED_MODULE_56___default = /*#__PURE__*/__webpack_require__.n(survey_creator_core__WEBPACK_IMPORTED_MODULE_56__);
|
|
4949
|
+
/* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_57__ = __webpack_require__(/*! survey-core */ "survey-core");
|
|
4950
|
+
/* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_57___default = /*#__PURE__*/__webpack_require__.n(survey_core__WEBPACK_IMPORTED_MODULE_57__);
|
|
4905
4951
|
var Version;
|
|
4906
|
-
Version = "".concat("1.11.
|
|
4952
|
+
Version = "".concat("1.11.11");
|
|
4907
4953
|
// import "@survey/creator/survey-creator-core.css";
|
|
4908
4954
|
|
|
4909
4955
|
|
|
@@ -4953,6 +4999,7 @@ Version = "".concat("1.11.9");
|
|
|
4953
4999
|
|
|
4954
5000
|
|
|
4955
5001
|
|
|
5002
|
+
|
|
4956
5003
|
|
|
4957
5004
|
|
|
4958
5005
|
//custom questions
|
|
@@ -4969,7 +5016,7 @@ Version = "".concat("1.11.9");
|
|
|
4969
5016
|
|
|
4970
5017
|
|
|
4971
5018
|
|
|
4972
|
-
(0,
|
|
5019
|
+
(0,survey_core__WEBPACK_IMPORTED_MODULE_57__.checkLibraryVersion)("".concat("1.11.11"), "survey-creator-react");
|
|
4973
5020
|
|
|
4974
5021
|
/******/ return __webpack_exports__;
|
|
4975
5022
|
/******/ })()
|