survey-creator-knockout
Version:
Use SurveyJS Creator to create or edit JSON for SurveyJS Form Library.
1,028 lines (918 loc) • 304 kB
JavaScript
/*!
* SurveyJS Creator v1.12.62
* (c) 2015-2026 Devsoft Baltic OÜ - http://surveyjs.io/
* Github: https://github.com/surveyjs/survey-creator
* License: https://surveyjs.io/Licenses#SurveyCreator
*/
(function webpackUniversalModuleDefinition(root, factory) {
if(typeof exports === 'object' && typeof module === 'object')
module.exports = factory(require("survey-core"), require("survey-creator-core"), require("survey-knockout-ui"), require("knockout"));
else if(typeof define === 'function' && define.amd)
define("survey-creator-knockout", ["survey-core", "survey-creator-core", "survey-knockout-ui", "knockout"], factory);
else if(typeof exports === 'object')
exports["survey-creator-knockout"] = factory(require("survey-core"), require("survey-creator-core"), require("survey-knockout-ui"), require("knockout"));
else
root["SurveyCreator"] = factory(root["Survey"], root["SurveyCreatorCore"], root["SurveyKnockout"], root["ko"]);
})(this, (__WEBPACK_EXTERNAL_MODULE_survey_core__, __WEBPACK_EXTERNAL_MODULE_survey_creator_core__, __WEBPACK_EXTERNAL_MODULE_survey_knockout_ui__, __WEBPACK_EXTERNAL_MODULE_knockout__) => {
return /******/ (() => { // webpackBootstrap
/******/ "use strict";
/******/ var __webpack_modules__ = ({
/***/ "./src/action-button.html"
/*!********************************!*\
!*** ./src/action-button.html ***!
\********************************/
(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
// Module
var code = `<!-- ko ifnot: data.iconName-->
<!-- ko if: data.disabled-->
<span class="svc-action-button svc-action-button--disabled" data-bind="text:data.text, class: data.classes, attr: { title: data.title}"></span>
<!-- /ko -->
<!-- ko ifnot: data.disabled -->
<span role="button" class="svc-action-button" data-bind="text:data.text, click: onClick, key2click, attr: { title: data.title, 'aria-label': data.text }, class: data.classes, css:{'svc-action-button--selected':data.selected}"></span>
<!-- /ko -->
<!-- /ko -->
<!-- ko if: data.iconName-->
<!-- ko if: data.disabled -->
<sv-svg-icon class="svc-action-button svc-action-button--disabled svc-action-button--icon" data-bind="class: data.classes, attr: { title: data.title}" params="iconName: data.iconName, size: 'auto'">
</sv-svg-icon>
<!-- /ko -->
<!-- ko ifnot: data.disabled -->
<sv-svg-icon class="svc-action-button svc-action-button--icon" data-bind="click: onClick, key2click, attr: { title: data.title, 'aria-label': data.text }, class: data.classes, css:{'svc-action-button--selected':data.selected}" params="iconName: data.iconName, size: 'auto'">
</sv-svg-icon>
<!-- /ko -->
<!-- /ko -->`;
// Exports
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (code);
/***/ },
/***/ "./src/add-question-type-selector.html"
/*!*********************************************!*\
!*** ./src/add-question-type-selector.html ***!
\*********************************************/
(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
// Module
var code = `<!-- ko with: \$data.questionTypeSelectorModel -->
<button type="button" data-bind="click: action, key2click, clickBubble: false, attr: { title: title, 'aria-label': title }" class="svc-element__question-type-selector">
<sv-svg-icon class="svc-element__question-type-selector-icon" params="iconName: iconName, size: 'auto', title: title">
</sv-svg-icon>
<!-- ko if: \$parent.renderPopup -->
<sv-popup params="model: popupModel"></sv-popup>
<!-- /ko -->
</button>
<!-- /ko -->`;
// Exports
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (code);
/***/ },
/***/ "./src/add-question.html"
/*!*******************************!*\
!*** ./src/add-question.html ***!
\*******************************/
(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
// Module
var code = `<div role="button" data-bind="css: 'svc-element__add-new-question ' + buttonClass, click: data.addNewQuestion, key2click, clickBubble: false, event: { mouseover: function(m, e) { data.hoverStopper && data.hoverStopper(e, \$element); }}">
<!-- ko component: { name: 'sv-svg-icon', params: { css: 'svc-panel__add-new-question-icon', iconName: 'icon-add_24x24', size: 'auto' } } -->
<!-- /ko -->
<span class="svc-add-new-item-button__text" data-bind="text: data.addNewQuestionText">
</span>
<!-- ko if: \$data.renderPopup -->
<!-- ko component: { name: "svc-add-question-type-selector", params: { questionTypeSelectorModel: data.questionTypeSelectorModel, renderPopup: renderPopup } } -->
<!-- /ko -->
<!-- /ko -->
</div>
<!-- ko ifnot: \$data.renderPopup -->
<!-- ko component: { name: "svc-add-question-type-selector", params: { questionTypeSelectorModel: data.questionTypeSelectorModel, renderPopup: renderPopup } } -->
<!-- /ko -->
<!-- /ko -->`;
// Exports
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (code);
/***/ },
/***/ "./src/adorners/cell-question-dropdown.html"
/*!**************************************************!*\
!*** ./src/adorners/cell-question-dropdown.html ***!
\**************************************************/
(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
// Module
var code = `<div class="svc-question__adorner">
<div class="svc-question__content svc-question__content--in-popup">
<!-- ko component: { name: 'sv-template-renderer', params: { componentData: null, templateData: templateData } } -->
<!-- /ko -->
<div class="svc-question__dropdown-choices">
<!-- ko foreach: { data: question.visibleChoices, as: 'item' } -->
<div class="svc-question__dropdown-choice">
<!-- ko component: { name: question.getItemValueWrapperComponentName(item), params: { componentData: question.getItemValueWrapperComponentData(item), templateData: { name: 'survey-radiogroup-item', data: item } } } -->
<!-- /ko -->
</div>
<!-- /ko -->
</div>
</div>
</div>`;
// Exports
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (code);
/***/ },
/***/ "./src/adorners/cell-question.html"
/*!*****************************************!*\
!*** ./src/adorners/cell-question.html ***!
\*****************************************/
(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
// Module
var code = `<div class="svc-question__adorner">
<div class="svc-question__content svc-question__content--in-popup">
<!-- ko component: { name: 'sv-template-renderer', params: { componentData: null, templateData: templateData } } -->
<!-- /ko -->
</div>
</div>`;
// Exports
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (code);
/***/ },
/***/ "./src/adorners/image-item-value.html"
/*!********************************************!*\
!*** ./src/adorners/image-item-value.html ***!
\********************************************/
(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
// Module
var code = `<div data-bind="event: { pointerdown: function(model, event) { return onPointerDown(event); } }, attr: attributes, css: getRootCss()">
<div class="svc-image-item-value-wrapper__ghost" data-bind="style: getNewItemStyle()"></div>
<div class="svc-image-item-value-wrapper__content">
<input type="file" aria-hidden="true" tabindex="-1" class="svc-choose-file-input" data-bind="attr: { accept: acceptedTypes }">
<!-- ko ifnot: isNew || isUploading -->
<div class="svc-image-item-value__item">
<!-- ko component: { name: 'sv-template-renderer', params: { componentData: null, templateData: templateData } } -->
<!-- /ko -->
</div>
<!-- ko if: isDraggable && canRenderControls-->
<sv-svg-icon class="svc-context-button svc-image-item-value-controls__drag-area-indicator" data-bind="event: { pointerdown: function(model, event) { onPointerDown(event); } }" params="iconName: 'icon-drag-24x24', size: 'auto'">
</sv-svg-icon>
<!-- /ko -->
<!-- ko if: canRenderControls-->
<div class="svc-context-container svc-image-item-value-controls" data-bind="event: { pointerdown: blockEvent }">
<!-- ko if: allowRemove && !isUploading -->
<sv-svg-icon class="svc-context-button" data-bind="click: chooseFile, key2click" params="iconName: 'icon-choosefile', size: 'auto', title: selectFileTitle" role="button"></sv-svg-icon>
<sv-svg-icon class="svc-context-button svc-context-button--danger" data-bind="click: remove, key2click" params="iconName: 'icon-delete', size: 'auto', title: removeFileTitle" role="button"></sv-svg-icon>
<!-- /ko -->
</div>
<!-- /ko -->
<!-- /ko -->
<!-- ko if: isNew || isUploading -->
<div class="svc-image-item-value__item" data-bind="event: { dragover: dragover, drop: drop, dragleave: dragleave }">
<div class="sd-imagepicker__item sd-imagepicker__item--inline">
<label class="sd-imagepicker__label">
<div data-bind="style: getNewItemStyle()" class="sd-imagepicker__image">
<!-- ko if: isUploading -->
<div class="svc-image-item-value__loading">
<!-- ko component: { name: 'sv-loading-indicator' } -->
<!-- /ko -->
</div>
<!-- /ko -->
</div>
</label>
</div>
</div>
<div class="svc-image-item-value-controls" data-bind="event: { pointerdown: blockEvent }">
<!-- ko if: allowAdd && !isUploading -->
<sv-svg-icon class="svc-context-button svc-image-item-value-controls__add" data-bind="click: chooseNewFile, key2click, clickBubble: false" params="iconName: 'icon-add-lg', size: 'auto', title: addFileTitle">
</sv-svg-icon>
<!-- /ko -->
</div>
<!-- /ko -->
</div>
</div>`;
// Exports
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (code);
/***/ },
/***/ "./src/adorners/item-value.html"
/*!**************************************!*\
!*** ./src/adorners/item-value.html ***!
\**************************************/
(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
// Module
var code = `<div class="svc-item-value-wrapper" data-bind="event: { pointerdown: function (model, event) { onPointerDown(event); return true; } },attr: attributes, css: { 'svc-item-value--new': isNew, 'svc-item-value--dragging': isDragging, 'svc-item-value--ghost': isDragDropGhost, 'svc-item-value--movedown':isDragDropMoveDown, 'svc-item-value--moveup':isDragDropMoveUp }">
<div class="svc-item-value__ghost"></div>
<div class="svc-item-value-controls">
<!-- ko if: isDraggable -->
<span class="svc-item-value-controls__button svc-item-value-controls__drag">
<sv-svg-icon class="svc-item-value-controls__drag-icon" params="iconName: 'icon-drag-24x24', size: 'auto', title: dragTooltip"></sv-svg-icon>
</span>
<!-- /ko -->
<!-- ko if: allowAdd -->
<sv-svg-icon class="svc-item-value-controls__button svc-item-value-controls__add" data-bind="click: add, key2click, attr: { 'aria-label': tooltip }" params="iconName: 'icon-add_16x16', size: 'auto', title: tooltip">
</sv-svg-icon>
<!-- /ko -->
<!-- ko if: allowRemove -->
<sv-svg-icon class="svc-item-value-controls__button svc-item-value-controls__remove" data-bind="click: remove, key2click, attr: { 'aria-label': tooltip }, event: { blur: koOnFocusOut }" params="iconName: 'icon-remove_16x16', size: 'auto', title: tooltip">
</sv-svg-icon>
<!-- /ko -->
</div>
<div class="svc-item-value__item" data-bind="click: select">
<!-- ko component: { name: 'sv-template-renderer', params: { componentData: null, templateData: templateData } } -->
<!-- /ko -->
</div>
</div>`;
// Exports
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (code);
/***/ },
/***/ "./src/adorners/matrix-cell.html"
/*!***************************************!*\
!*** ./src/adorners/matrix-cell.html ***!
\***************************************/
(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
// Module
var code = `<div class="svc-matrix-cell" tabindex="-1" data-bind="click: selectContext, event: { mouseover: function(m, e) { hover(e, \$element); }, mouseleave: function(m, e) { hover(e, \$element); } }">
<div class="svc-matrix-cell--selected" data-bind="css: { 'svc-visible': isSelected }"></div>
<!-- ko component: { name: 'sv-template-renderer', params: { componentData: null, templateData: templateData } } -->
<!-- /ko -->
<!-- ko if: \$data.isSupportCellEditor -->
<div class="svc-matrix-cell__question-controls">
<sv-svg-icon class="svc-matrix-cell__question-controls-button svc-context-button" data-bind="click: editQuestion, key2click" params="iconName: 'icon-edit', size: 'auto'"></sv-svg-icon>
</div>
<!-- /ko -->
</div>`;
// Exports
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (code);
/***/ },
/***/ "./src/adorners/panel.html"
/*!*********************************!*\
!*** ./src/adorners/panel.html ***!
\*********************************/
(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
// Module
var code = `<div class="svc-question__adorner" data-bind="css: rootCss(), attr: { 'data-sv-drop-target-survey-element': element.name || null }, event: { dblclick: (d, e) => dblclick(e), mouseover: function(m, e) { hover(e, \$element); }, mouseleave: function(m, e) { hover(e, \$element); } }">
<!-- ko if: \$data.showHiddenTitle -->
<div data-bind="css: \$data.cssCollapsedHiddenHeader">
<!-- ko if: !!\$data.element.hasTitle -->
<!-- ko component: { name: 'survey-element-title', params: { element: \$data.element } } --><!-- /ko -->
<!-- /ko -->
<!-- ko ifnot: !!\$data.element.hasTitle -->
<div data-bind="css: \$data.cssCollapsedHiddenTitle">
<span class="svc-fake-title" data-bind="text: element.name"></span>
</div>
<!-- /ko -->
</div>
<!-- /ko -->
<div data-bind="click: \$data.element.isInteractiveDesignElement ? koSelect : null, key2click: { disableTabStop: true }, clickBubble: false, css: css()">
<div class="svc-question__drop-indicator svc-question__drop-indicator--left"></div>
<div class="svc-question__drop-indicator svc-question__drop-indicator--right"></div>
<div class="svc-question__drop-indicator svc-question__drop-indicator--top"></div>
<div class="svc-question__drop-indicator svc-question__drop-indicator--bottom"></div>
<!-- ko if: allowDragging && \$data.element.isInteractiveDesignElement -->
<div class="svc-question__drag-area" data-bind="event: { pointerdown: (model, event)=>{ onPointerDown(event) } }">
<!-- ko component: { name: 'sv-svg-icon', params: { css: 'svc-question__drag-element', iconName: 'icon-drag-area-indicator_24x16', size: 'auto' } } -->
<!-- /ko -->
<div class="svc-question__top-actions">
<!-- ko component: { name: 'sv-action-bar', params: { model: topActionContainer, handleClick: false } } -->
<!-- /ko -->
</div>
</div>
<!-- /ko -->
<!-- ko if: \$data.needToRenderContent -->
<!-- ko component: { name: 'sv-template-renderer', params: { componentData: null, templateData: templateData } } -->
<!-- /ko -->
<!-- ko if: koIsEmptyElement() -->
<div class="svc-panel__placeholder_frame-wrapper">
<div class="svc-panel__placeholder_frame">
<div class="svc-panel__placeholder" data-bind="text: placeholderText"></div>
<!-- ko if: showAddQuestionButton -->
<div class="svc-panel__add-new-question svc-action-button" data-bind="click: addNewQuestion, key2click, clickBubble: false">
<!-- ko component: { name: 'sv-svg-icon', params: { css: 'svc-panel__add-new-question-icon', iconName: 'icon-add_24x24', size: 'auto' } } -->
<!-- /ko -->
<span class="svc-add-new-item-button__text" data-bind="text: \$data.addNewQuestionText">
</span>
</div>
<!-- /ko -->
</div>
</div>
<!-- /ko -->
<!-- ko if: adornerComponent && \$data.element.isInteractiveDesignElement -->
<!-- ko component: { name: adornerComponent, params: { model: \$data } } -->
<!-- /ko -->
<!-- /ko -->
<!-- ko if: !koIsEmptyElement() && showAddQuestionButton -->
<div class="svc-panel__add-new-question-container">
<div class="svc-panel__question-type-selector-popup"><sv-popup params="model: questionTypeSelectorModel.popupModel"></sv-popup></div>
<div class="svc-panel__add-new-question-wrapper">
<!-- ko component: { name: 'svc-add-new-question-btn', params: { item: { data: \$data }, buttonClass: 'svc-action-button', renderPopup: false } } -->
<!-- /ko -->
</div>
</div>
<!-- /ko -->
<!-- ko if: \$data.element.isInteractiveDesignElement -->
<div class="svc-question__content-actions" data-bind="event: {focusin: koSelect}">
<!-- ko component: { name: 'sv-action-bar', params: { model: actionContainer, handleClick: false } } -->
<!-- /ko -->
</div>
<!-- /ko -->
<!-- /ko -->
</div>
</div>`;
// Exports
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (code);
/***/ },
/***/ "./src/adorners/question-banner.html"
/*!*******************************************!*\
!*** ./src/adorners/question-banner.html ***!
\*******************************************/
(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
// Module
var code = `<div class="svc-carry-forward-panel-wrapper">
<div class="svc-carry-forward-panel">
<span data-bind="text:text"></span>
<span class="svc-carry-forward-panel__link">
<!-- ko component: { name: "svc-action-button", params: { text: actionText, click: onClick } }-->
<!-- /ko -->
</span>
</div>
</div>`;
// Exports
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (code);
/***/ },
/***/ "./src/adorners/question-dropdown.html"
/*!*********************************************!*\
!*** ./src/adorners/question-dropdown.html ***!
\*********************************************/
(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
// Module
var code = `<div class="svc-question__dropdown-choices--wrapper">
<div>
<div class="svc-question__dropdown-choices">
<!-- ko foreach: { data: getRenderedItems(), as: 'item' } -->
<div data-bind="css: \$parent.getChoiceCss()">
<!-- ko component: { name: question.getItemValueWrapperComponentName(item), params: { componentData: question.getItemValueWrapperComponentData(item), templateData: { name: \$parent.itemComponent, data: item } } } -->
<!-- /ko -->
</div>
<!-- /ko -->
</div>
<!-- ko if: needToCollapse -->
<svc-action-button params="text: getButtonText(), click: switchCollapse, allowBubble: true">
</svc-action-button>
<!-- /ko -->
</div>
</div>`;
// Exports
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (code);
/***/ },
/***/ "./src/adorners/question-image.html"
/*!******************************************!*\
!*** ./src/adorners/question-image.html ***!
\******************************************/
(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
// Module
var code = `<!-- ko if: !isUploading && !\$data.koIsEmptyImageLink() -->
<div class="svc-image-question-controls">
<!-- ko if: (allowEdit) -->
<input type="file" aria-hidden="true" tabindex="-1" class="svc-choose-file-input" data-bind="attr: { accept: acceptedTypes }">
<sv-svg-icon class="svc-context-button" data-bind="click: chooseFile, key2click" params="iconName: 'icon-choosefile', size: 'auto'"></sv-svg-icon>
<!-- /ko -->
</div>
<!-- /ko -->
<!-- ko if: isUploading && !\$data.koIsEmptyImageLink() -->
<div class="svc-image-question__loading-placeholder">
<div class="svc-image-question__loading">
<!-- ko component: { name: 'sv-loading-indicator' } -->
<!-- /ko -->
</div>
</div>
<!-- /ko -->`;
// Exports
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (code);
/***/ },
/***/ "./src/adorners/question-rating.html"
/*!*******************************************!*\
!*** ./src/adorners/question-rating.html ***!
\*******************************************/
(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
// Module
var code = `<div class="svc-rating-question-content">
<div data-bind="class: controlsClassNames">
<!-- ko if: allowRemove -->
<sv-svg-icon data-bind="class: removeClassNames, click: removeItem, key2click, attr: { 'aria-label': removeTooltip }" params="iconName: 'icon-remove_16x16', size: 'auto', title: removeTooltip">
</sv-svg-icon>
<!-- /ko -->
<!-- ko if: allowAdd -->
<sv-svg-icon data-bind="class: addClassNames, click: addItem, key2click, attr: { 'aria-label': addTooltip }" params="iconName: 'icon-add_16x16', size: 'auto', title: addTooltip">
</sv-svg-icon>
<!-- /ko -->
</div>
<!-- ko component: { name: 'sv-template-renderer', params: { componentData: null, templateData: templateData } } -->
<!-- /ko -->
</div>`;
// Exports
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (code);
/***/ },
/***/ "./src/adorners/question.html"
/*!************************************!*\
!*** ./src/adorners/question.html ***!
\************************************/
(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
// Module
var code = `<div class="svc-question__adorner" data-bind="css: rootCss(), attr: { 'data-sv-drop-target-survey-element': element.name || null }, event: { dblclick: (d, e) => dblclick(e), mouseover: function(m, e) { hover(e, \$element); }, mouseleave: function(m, e) { hover(e, \$element); } }">
<!-- ko if: \$data.showHiddenTitle -->
<div data-bind="css: \$data.cssCollapsedHiddenHeader">
<!-- ko if: !!\$data.element.hasTitle -->
<!-- ko component: { name: 'survey-element-title', params: { element: \$data.element } } -->
<!-- /ko -->
<!-- /ko -->
<!-- ko ifnot: !!\$data.element.hasTitle -->
<div data-bind="css: \$data.cssCollapsedHiddenTitle">
<span class="svc-fake-title" data-bind="text: element.name"></span>
</div>
<!-- /ko -->
</div>
<!-- /ko -->
<div data-bind="click: koSelect, key2click: { disableTabStop: true }, clickBubble: false, css: css()">
<div class="svc-question__drop-indicator svc-question__drop-indicator--left"></div>
<div class="svc-question__drop-indicator svc-question__drop-indicator--right"></div>
<div class="svc-question__drop-indicator svc-question__drop-indicator--top"></div>
<div class="svc-question__drop-indicator svc-question__drop-indicator--bottom"></div>
<!-- ko if: allowDragging -->
<div class="svc-question__drag-area" data-bind="event: { pointerdown: (model, event)=>{ onPointerDown(event); return true; } }">
<!-- ko component: { name: 'sv-svg-icon', params: { css: 'svc-question__drag-element', iconName: 'icon-drag-area-indicator_24x16', size: 'auto' } } -->
<!-- /ko -->
<div class="svc-question__top-actions">
<!-- ko component: { name: 'sv-action-bar', params: { model: topActionContainer, handleClick: false } } -->
<!-- /ko -->
</div>
</div>
<!-- /ko -->
<!-- ko if: \$data.needToRenderContent -->
<!-- ko component: { name: 'sv-template-renderer', params: { componentData: null, templateData: templateData } } -->
<!-- /ko -->
<!-- ko if: koIsEmptyElement() && !\$data.placeholderComponentData -->
<div class="svc-panel__placeholder_frame-wrapper">
<div class="svc-panel__placeholder_frame">
<div class="svc-panel__placeholder" data-bind="text: placeholderText"></div>
</div>
</div>
<!-- /ko -->
<!-- ko if: koIsEmptyElement() && !!\$data.placeholderComponentData -->
<!-- ko let: { question: placeholderComponentData.data } -->
<!-- ko component: { name: 'sv-template-renderer', params: { componentData: null, templateData: placeholderComponentData } } -->
<!-- /ko -->
<!-- /ko -->
<!-- /ko -->
<!-- ko if: adornerComponent -->
<!-- ko component: { name: adornerComponent, params: { model: \$data } } -->
<!-- /ko -->
<!-- /ko -->
<!-- ko if: isBannerShowing -->
<!-- ko component: { name: 'svc-question-banner', params: \$data } -->
<!-- /ko -->
<!-- /ko -->
<div class="svc-question__content-actions" data-bind="event: {focusin: koSelect}">
<!-- ko component: { name: 'sv-action-bar', params: { model: actionContainer, handleClick: false } } -->
<!-- /ko -->
</div>
<!-- /ko -->
</div>
</div>`;
// Exports
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (code);
/***/ },
/***/ "./src/components/scroll.html"
/*!************************************!*\
!*** ./src/components/scroll.html ***!
\************************************/
(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
// Module
var code = `<div class="svc-scroll__wrapper">
<div class="svc-scroll__scroller sv-drag-target-skipped" data-bind="event: { scroll: () => model.onScrollContainer()}">
<div class="svc-scroll__container">
<!-- ko template: { nodes: \$componentTemplateNodes, data: \$parent } --><!-- /ko -->
</div>
</div>
<div class="svc-scroll__scrollbar" data-bind="event: { scroll: () => model.onScrollScrollbar()}">
<div class="svc-scroll__scrollbar-sizer">
</div>
</div>
</div>`;
// Exports
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (code);
/***/ },
/***/ "./src/components/search.html"
/*!************************************!*\
!*** ./src/components/search.html ***!
\************************************/
(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
// Module
var code = `<!-- ko if: \$data.model.isVisible -->
<div class="svc-search">
<div class="svc-search__search-icon">
<!-- ko component: { name: 'sv-svg-icon', params: { iconName: 'icon-search', size: 'auto' } } -->
<!-- /ko -->
</div>
<input type="text" class="svc-search__input" data-bind="textInput: model.filterString, attr: { placeholder: model.filterStringPlaceholder, 'aria-label': model.filterStringPlaceholder }">
<div class="svc-search__toolbar">
<div class="svc-search__toolbar-counter" data-bind="text: model.matchCounterText"></div>
<!-- ko component: { name: 'sv-action-bar', params: { model: model.searchActionBar } } -->
<!-- /ko -->
</div>
</div>
<!-- /ko -->`;
// Exports
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (code);
/***/ },
/***/ "./src/components/surface-placeholder.html"
/*!*************************************************!*\
!*** ./src/components/surface-placeholder.html ***!
\*************************************************/
(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
// Module
var code = `<div class="svc-surface-placeholder">
<div class="svc-surface-placeholder__image" data-bind="css: 'svc-surface-placeholder__image--' + \$data.name"></div>
<div class="svc-surface-placeholder__text">
<div class="svc-surface-placeholder__title" data-bind="text: \$data.placeholderTitleText"></div>
<div class="svc-surface-placeholder__description" data-bind="text: \$data.placeholderDescriptionText"></div>
</div>
</div>`;
// Exports
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (code);
/***/ },
/***/ "./src/custom-questions/boolean-switch.html"
/*!**************************************************!*\
!*** ./src/custom-questions/boolean-switch.html ***!
\**************************************************/
(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
// Module
var code = `<div class="spg-boolean-switch" role="checkbox" data-bind="click: function() { question.value = !question.value; }, attr: {id: question.inputId, 'aria-required': question.ariaRequired, 'aria-label': question.ariaLabel, 'aria-invalid': question.ariaInvalid, 'aria-errormessage': question.ariaErrormessage}">
<div class="spg-boolean-switch__button" tabindex="0" data-bind="key2click, css: { 'spg-boolean-switch__button--checked': question.koValue }">
<div class="spg-boolean-switch__thumb">
<div class="spg-boolean-switch__thumb-circle spg-boolean-switch__thumb--left"></div>
</div>
<div class="spg-boolean-switch__thumb">
<div class="spg-boolean-switch__thumb-circle spg-boolean-switch__thumb--right"></div>
</div>
</div>
<div class="spg-boolean-switch__caption">
<div class="spg-boolean-switch__title">
<!-- ko template: { name: 'survey-string', data: question.locTitle } --><!-- /ko -->
</div>
</div>
</div>`;
// Exports
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (code);
/***/ },
/***/ "./src/custom-questions/color-item.html"
/*!**********************************************!*\
!*** ./src/custom-questions/color-item.html ***!
\**********************************************/
(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
// Module
var code = `<span class="spg-color-editor__color-swatch" data-bind="style: getSwatchStyle()"></span>
<!-- ko template: { name: 'survey-string', data: item.locTitle } --><!-- /ko -->`;
// Exports
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (code);
/***/ },
/***/ "./src/custom-questions/question-color.html"
/*!**************************************************!*\
!*** ./src/custom-questions/question-color.html ***!
\**************************************************/
(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
// Module
var code = `<div data-bind="css: question.cssClasses.root, event: { keydown: question.koOnKeyDown }">
<label data-bind="css: question.getSwatchCss(), style: question.getSwatchStyle()">
<!-- ko component: { name: 'sv-svg-icon', params: { iconName: question.cssClasses.swatchIcon, size: 'auto' } } --><!-- /ko -->
<input type="color" data-bind="disable: question.isInputReadOnly, css: question.cssClasses.colorInput, value: question.renderedColorValue, event: { change: question.koOnColorInputChange }" tabindex="-1">
</label>
<input autocomplete="off" data-bind="disable: question.isInputReadOnly, attr: { id: question.inputId, placeholder: question.renderedPlaceholder, 'aria-required': question.ariaRequired, 'aria-label': question.ariaLabel, 'aria-invalid': question.ariaInvalid, 'aria-describedby': question.ariaDescribedBy },
event: { change: question.koOnChange, blur: question.koOnBlur, keyup: question.koOnKeyUp, beforeinput: question.koOnBeforeInput },
value: question.renderedValue,
css: question.cssClasses.control">
<!-- ko if: question.showDropdownAction -->
<!-- ko component: { name: 'sv-action-bar-item', params: { item: question.koDropdownAction() } } --><!-- /ko -->
<sv-popup params="model: question.dropdownAction.popupModel"></sv-popup>
<!-- /ko -->
</div>`;
// Exports
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (code);
/***/ },
/***/ "./src/custom-questions/question-file.html"
/*!*************************************************!*\
!*** ./src/custom-questions/question-file.html ***!
\*************************************************/
(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
// Module
var code = `<!-- ko template: { afterRender: question.koQuestionAfterRender } -->
<div data-bind="css: question.cssClasses.root, event: { keydown: question.koOnKeyDown, dragenter: question.ondragenter, dragover: question.ondragover, drop: question.ondrop, dragleave: question.ondragleave }">
<input type="text" data-bind="css: question.cssClasses.control, value: question.koReadOnlyValue, disable: question.isInputReadOnly, attr: { placeholder: question.renderedPlaceholder }, event: { change: question.koOnInputChange, blur: question.koOnInputBlur }">
<input type="file" data-bind="css: question.cssClasses.fileInput, disable: question.isInputReadOnly, attr: { id: question.inputId, 'aria-required': question.ariaRequired, 'aria-label': question.ariaLabel, 'aria-invalid': question.ariaInvalid, 'aria-describedby': question.ariaDescribedBy, multiple: question.allowMultiple ? 'multiple' : undefined, title: question.koInputTitle, accept: question.acceptedTypes }, event: { change: question.doFileInputChange }" tabindex="-1">
<div data-bind="css: question.cssClasses.buttonsContainer">
<button type="button" data-bind="css: question.cssClasses.clearButton, disable: question.getIsClearButtonDisabled(), click: question.doclean, key2click">
<!-- ko component: { name: 'sv-svg-icon', params: { iconName: question.cssClasses.clearButtonIcon, size: 'auto', title: question.clearButtonCaption } } --><!-- /ko -->
</button>
<label role="button" data-bind="click: (_, event) => question.chooseFiles(event), css: question.getChooseButtonCss(), attr: { for: question.inputId, 'aria-label': question.chooseButtonCaption }, key2click" tabindex="0">
<!-- ko component: { name: 'sv-svg-icon', params: { title: question.chooseButtonCaption, iconName: question.cssClasses.chooseButtonIcon, size: 'auto' } } --><!-- /ko -->
</label>
</div>
</div>
<!-- /ko -->`;
// Exports
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (code);
/***/ },
/***/ "./src/custom-questions/spin-editor.html"
/*!***********************************************!*\
!*** ./src/custom-questions/spin-editor.html ***!
\***********************************************/
(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
// Module
var code = `<div data-bind="css: question.cssClasses.root, event: { keydown: question.koOnKeyDown }">
<input autocomplete="off" data-bind="disable: question.isInputReadOnly, attr: { id: question.inputId, placeholder: question.renderedPlaceholder, 'aria-required': question.ariaRequired, 'aria-label': question.ariaLabel, 'aria-invalid': question.ariaInvalid, 'aria-describedby': question.ariaDescribedBy },
event: { change: question.koOnChange, keydown: question.koOnInputKeyDown, keyup: question.koOnKeyUp, blur: question.koOnBlur, focus: question.koOnFocus, beforeinput: question.koOnBeforeInput },
value: question.renderedValue,
css: question.cssClasses.control">
<span data-bind="css: question.cssClasses.buttonsContainer">
<button data-bind="css: question.cssClasses.arrowButton, disable: question.isInputReadOnly, event: { mousedown: question.koOnDownButtonMouseDown, mouseup: question.koOnButtonMouseUp, mouseleave: question.koOnButtonMouseLeave, blur: question.koOnBlur, focus: question.koOnFocus }" tabindex="-1">
<!-- ko component: { name: 'sv-svg-icon', params: { iconName: question.cssClasses.decreaseButtonIcon, size: 'auto' } } --><!-- /ko -->
</button>
<button data-bind="css: question.cssClasses.arrowButton, disable: question.isInputReadOnly, event: { mousedown: question.koOnUpButtonMouseDown, mouseup: question.koOnButtonMouseUp, mouseleave: question.koOnButtonMouseLeave, blur: question.koOnBlur, focus: question.koOnFocus }" tabindex="-1">
<!-- ko component: { name: 'sv-svg-icon', params: { iconName: question.cssClasses.increaseButtonIcon, size: 'auto' } } --><!-- /ko -->
</button>
</span>
</div>`;
// Exports
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (code);
/***/ },
/***/ "./src/custom-questions/text-with-reset.html"
/*!***************************************************!*\
!*** ./src/custom-questions/text-with-reset.html ***!
\***************************************************/
(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
// Module
var code = `<div data-bind="css: question.getRootClass()">
<!-- ko template: { name: "survey-question-" + question.wrappedQuestionTemplate, data: question, as: 'question', afterRender: question.koQuestionAfterRender } -->
<!-- /ko -->
<button type="button" data-bind="click: function() { question.resetValueAdorner.resetValue() }, css: question.cssClasses.resetButton, disable: question.resetValueAdorner.isDisabled, attr: { title: question.resetValueAdorner.caption }">
<!-- ko component: { name: 'sv-svg-icon', params: { iconName: question.cssClasses.resetButtonIcon, size: 'auto' } } --><!-- /ko -->
</button>
</div>`;
// Exports
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (code);
/***/ },
/***/ "./src/header/logo-image.html"
/*!************************************!*\
!*** ./src/header/logo-image.html ***!
\************************************/
(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
// Module
var code = `<div class="svc-logo-image" data-bind="click: function(m, e) { return true; }, clickBubble: false">
<input type="file" aria-hidden="true" tabindex="-1" class="svc-choose-file-input" data-bind="attr: { accept: acceptedTypes }">
<!-- ko ifnot: survey.locLogo.koRenderedHtml -->
<!-- ko if: allowEdit && !isUploading -->
<div class="svc-logo-image-placeholder" data-bind="click: chooseFile, key2click">
<svg>
<use xlink:href="#icon-image-48x48"></use>
</svg>
</div>
<!-- /ko -->
<!-- /ko -->
<!-- ko if: !isUploading && survey.locLogo.koRenderedHtml -->
<div data-bind="css: containerCss">
<div class="svc-context-container svc-logo-image-controls">
<sv-svg-icon class="svc-context-button" data-bind="click: chooseFile, key2click" params="iconName: 'icon-choosefile', size: 'auto'"></sv-svg-icon>
<sv-svg-icon class="svc-context-button svc-context-button--danger" data-bind="click: remove, key2click" params="iconName: 'icon-clear', size: 'auto'"></sv-svg-icon>
</div>
<!-- ko component: { name: 'sv-logo-image', params: survey } -->
<!-- /ko -->
</div>
<!-- /ko -->
<!-- ko if: isUploading -->
<div class="svc-logo-image__loading">
<!-- ko component: { name: 'sv-loading-indicator' } -->
<!-- /ko -->
</div>
<!-- /ko -->
</div>`;
// Exports
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (code);
/***/ },
/***/ "./src/page-navigator/page-navigator-item.html"
/*!*****************************************************!*\
!*** ./src/page-navigator/page-navigator-item.html ***!
\*****************************************************/
(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
// Module
var code = `<div role="button" class="svc-page-navigator-item-content" data-bind="click: action, key2click, css: { 'svc-page-navigator-item--selected': active, 'svc-page-navigator-item--disabled': disabled }">
<div class="svc-page-navigator-item__dot" data-bind="attr: { title: text }">
<div class="svc-page-navigator-item__dot-content"></div>
</div>
<div class="svc-page-navigator-item__banner">
<span class="svc-page-navigator-item__text" data-bind="text: text"></span>
<span class="svc-page-navigator-item__dot"><span class="svc-page-navigator-item__dot-content"></span></span>
</div>
</div>`;
// Exports
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (code);
/***/ },
/***/ "./src/page-navigator/page-navigator.html"
/*!************************************************!*\
!*** ./src/page-navigator/page-navigator.html ***!
\************************************************/
(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
// Module
var code = `<!-- ko if: visible -->
<div class="svc-page-navigator">
<div role="button" class="svc-page-navigator__selector svc-page-navigator__button" data-bind="click: togglePageSelector, key2click, attr: { title: pageSelectorCaption }, css: { 'svc-page-navigator__button--pressed': isPopupOpened }">
<sv-svg-icon class="svc-page-navigator__button-icon" params="iconName: icon, size: 'auto'"></sv-svg-icon>
<sv-popup params="model: popupModel, cssClass: 'svc-page-navigator__popup'"></sv-popup>
</div>
<div>
<!-- ko foreach: visibleItems -->
<svc-page-navigator-item params="item: \$data"></svc-page-navigator-item>
<!-- /ko -->
</div>
</div>
<!-- /ko -->`;
// Exports
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (code);
/***/ },
/***/ "./src/page.html"
/*!***********************!*\
!*** ./src/page.html ***!
\***********************/
(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
// Module
var code = `<!-- ko if: page -->
<div class="svc-page__content" data-bind="click: select, key2click, clickBubble: false, css: css, attr: { id: page.id, 'data-sv-drop-target-survey-page': dropTargetName }, event: { dblclick: (d, e) => dblclick(e), mouseover: function(m, e) { hover(e, \$element); }, mouseleave: function(m, e) { hover(e, \$element); } }">
<div class="svc-question__drop-indicator svc-question__drop-indicator--top"></div>
<div class="svc-question__drop-indicator svc-question__drop-indicator--bottom"></div>
<!-- ko if: allowDragging && !isGhost -->
<div class="svc-question__drag-area" data-bind="event: { pointerdown: (model, event)=>{ onPointerDown(event); return true; } }">
<!-- ko component: { name: 'sv-svg-icon', params: { css: 'svc-question__drag-element', iconName: 'icon-drag-area-indicator_24x16', size: 'auto' } } -->
<!-- /ko -->
<div class="svc-page__content-actions">
<!-- ko component: { name: 'sv-action-bar', params: { model: actionContainer } } -->
<!-- /ko -->
</div>
</div>
<!-- /ko -->
<!-- ko if: !allowDragging || isGhost -->
<div class="svc-page__content-actions">
<!-- ko component: { name: 'sv-action-bar', params: { model: actionContainer } } -->
<!-- /ko -->
</div>
<!-- /ko -->
<!-- ko template: { name: 'survey-page', data: page } -->
<!-- /ko -->
<!-- ko if: \$data.showPlaceholder -->
<div class="svc-page__placeholder_frame">
<div class="svc-panel__placeholder_frame">
<div class="svc-panel__placeholder" data-bind="text: \$data.placeholderText"></div>
</div>
</div>
<!-- /ko -->
<!-- ko component: { name: 'sv-action-bar', params: { model: footerActionsBar } } -->
<!-- /ko -->
</div>
<!-- /ko -->`;
// Exports
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (code);
/***/ },
/***/ "./src/question-editor-content.html"
/*!******************************************!*\
!*** ./src/question-editor-content.html ***!
\******************************************/
(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
// Module
var code = `<!-- ko let: { question: survey.getAllQuestions()[0] } -->
<!-- ko component: { name: survey.getElementWrapperComponentName(question), params: { componentData: survey.getElementWrapperComponentData(question), templateData: { name: question.koElementType, data: question } } } -->
<!-- /ko -->
<!-- /ko -->`;
// Exports
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (code);
/***/ },
/***/ "./src/question-embedded-survey.html"
/*!*******************************************!*\
!*** ./src/question-embedded-survey.html ***!
\*******************************************/
(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
// Module
var code = `<!-- ko if: (!!embeddedSurvey && !!embeddedSurvey.currentPage) -->
<div data-bind="attr: { id: currentPageId }, template: { name: 'survey-page', data: embeddedSurvey.currentPage }">
</div>
<!-- /ko -->`;
// Exports
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (code);
/***/ },
/***/ "./src/question-link-value.html"
/*!**************************************!*\
!*** ./src/question-link-value.html ***!
\**************************************/
(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
// Module
var code = `<svc-action-button params="text: linkValueText, click: koClickLink, selected: isSelected, d