survey-creator-knockout/survey-creator-knockout.js

Use SurveyJS Creator to create or edit JSON for SurveyJS Form Library.

/*!
 * SurveyJS Creator v1.12.30
 * (c) 2015-2025 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/action-button.ts":
/*!******************************!*\
  !*** ./src/action-button.ts ***!
  \******************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   ActionButtonViewModel: () => (/* binding */ ActionButtonViewModel)
/* harmony export */ });
/* harmony import */ var knockout__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! knockout */ "knockout");
/* harmony import */ var knockout__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(knockout__WEBPACK_IMPORTED_MODULE_0__);

var template = __webpack_require__(/*! ./action-button.html */ "./src/action-button.html");
var ActionButtonViewModel = /** @class */ (function () {
    function ActionButtonViewModel(data) {
        var _this = this;
        this.data = data;
        this.onClick = function (_, event) {
            _this.data.click(_this.data, event);
            if (_this.data.allowBubble) {
                return true;
            }
            event.stopPropagation();
            return false;
        };
    }
    return ActionButtonViewModel;
}());

knockout__WEBPACK_IMPORTED_MODULE_0__.components.register("svc-action-button", {
    viewModel: {
        createViewModel: function (params, componentInfo) {
            return new ActionButtonViewModel(params);
        }
    },
    template: template.default
});


/***/ }),

/***/ "./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-type-selector.ts":
/*!*******************************************!*\
  !*** ./src/add-question-type-selector.ts ***!
  \*******************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   AddNewQuestionTypeSelectorViewModel: () => (/* binding */ AddNewQuestionTypeSelectorViewModel)
/* harmony export */ });
/* harmony import */ var knockout__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! knockout */ "knockout");
/* harmony import */ var knockout__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(knockout__WEBPACK_IMPORTED_MODULE_0__);

var template = (__webpack_require__(/*! ./add-question-type-selector.html */ "./src/add-question-type-selector.html")["default"]);
var AddNewQuestionTypeSelectorViewModel;
knockout__WEBPACK_IMPORTED_MODULE_0__.components.register("svc-add-question-type-selector", {
    template: template
});


/***/ }),

/***/ "./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/add-question.ts":
/*!*****************************!*\
  !*** ./src/add-question.ts ***!
  \*****************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   AddNewQuestionTypeSelectorViewModel: () => (/* reexport safe */ _add_question_type_selector__WEBPACK_IMPORTED_MODULE_1__.AddNewQuestionTypeSelectorViewModel),
/* harmony export */   AddNewQuestionViewModel: () => (/* binding */ AddNewQuestionViewModel)
/* harmony export */ });
/* harmony import */ var knockout__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! knockout */ "knockout");
/* harmony import */ var knockout__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(knockout__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _add_question_type_selector__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./add-question-type-selector */ "./src/add-question-type-selector.ts");

var template = __webpack_require__(/*! ./add-question.html */ "./src/add-question.html");
var AddNewQuestionViewModel;

knockout__WEBPACK_IMPORTED_MODULE_0__.components.register("svc-add-new-question-btn", {
    viewModel: {
        createViewModel: function (params) {
            return {
                data: params.item.data,
                buttonClass: params.buttonClass || "svc-btn",
                renderPopup: params.renderPopup === undefined ? true : params.renderPopup
            };
        }
    },
    template: template.default
});


/***/ }),

/***/ "./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-dropdown.ts":
/*!************************************************!*\
  !*** ./src/adorners/cell-question-dropdown.ts ***!
  \************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

__webpack_require__.r(__webpack_exports__);
/* harmony import */ var knockout__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! knockout */ "knockout");
/* harmony import */ var knockout__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(knockout__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _question__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./question */ "./src/adorners/question.ts");


var template = __webpack_require__(/*! ./cell-question-dropdown.html */ "./src/adorners/cell-question-dropdown.html");
knockout__WEBPACK_IMPORTED_MODULE_0__.components.register("svc-cell-dropdown-question", {
    viewModel: {
        createViewModel: function (params, componentInfo) {
            return (0,_question__WEBPACK_IMPORTED_MODULE_1__.createQuestionViewModel)(params, componentInfo);
        }
    },
    template: template.default
});


/***/ }),

/***/ "./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/cell-question.ts":
/*!***************************************!*\
  !*** ./src/adorners/cell-question.ts ***!
  \***************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

__webpack_require__.r(__webpack_exports__);
/* harmony import */ var knockout__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! knockout */ "knockout");
/* harmony import */ var knockout__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(knockout__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _question__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./question */ "./src/adorners/question.ts");


var template = __webpack_require__(/*! ./cell-question.html */ "./src/adorners/cell-question.html");
knockout__WEBPACK_IMPORTED_MODULE_0__.components.register("svc-cell-question", {
    viewModel: {
        createViewModel: function (params, componentInfo) {
            return (0,_question__WEBPACK_IMPORTED_MODULE_1__.createQuestionViewModel)(params, componentInfo);
        }
    },
    template: template.default
});


/***/ }),

/***/ "./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/image-item-value.ts":
/*!******************************************!*\
  !*** ./src/adorners/image-item-value.ts ***!
  \******************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

__webpack_require__.r(__webpack_exports__);
/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./src/entries/helpers.ts");
/* harmony import */ var knockout__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! knockout */ "knockout");
/* harmony import */ var knockout__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(knockout__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var survey_creator_core__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! survey-creator-core */ "survey-creator-core");
/* harmony import */ var survey_creator_core__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(survey_creator_core__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var survey_knockout_ui__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! survey-knockout-ui */ "survey-knockout-ui");
/* harmony import */ var survey_knockout_ui__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(survey_knockout_ui__WEBPACK_IMPORTED_MODULE_3__);




var template = __webpack_require__(/*! ./image-item-value.html */ "./src/adorners/image-item-value.html");
var KnockoutImageItemValueWrapperViewModel = /** @class */ (function (_super) {
    (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__extends)(KnockoutImageItemValueWrapperViewModel, _super);
    function KnockoutImageItemValueWrapperViewModel(creator, question, item, templateData, itemsRoot) {
        var _this = _super.call(this, creator, question, item, templateData, itemsRoot) || this;
        _this.question = question;
        _this.item = item;
        _this.templateData = templateData;
        _this.dragleave = function (_, event) {
            _this.onDragLeave(event);
        };
        _this.drop = function (_, event) {
            _this.onDrop(event);
        };
        _this.dragover = function (_, event) {
            _this.onDragOver(event);
        };
        return _this;
    }
    Object.defineProperty(KnockoutImageItemValueWrapperViewModel.prototype, "showDragDropGhostOnTop", {
        get: function () {
            return this.ghostPosition === "top";
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(KnockoutImageItemValueWrapperViewModel.prototype, "showDragDropGhostOnBottom", {
        get: function () {
            return this.ghostPosition === "bottom";
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(KnockoutImageItemValueWrapperViewModel.prototype, "attributes", {
        get: function () {
            return this.isDraggable
                ? { "data-sv-drop-target-item-value": this.item.value }
                : null;
        },
        enumerable: false,
        configurable: true
    });
    KnockoutImageItemValueWrapperViewModel.prototype.blockEvent = function (_, event) {
        event.stopPropagation();
    };
    KnockoutImageItemValueWrapperViewModel.prototype.getNewItemStyle = function () {
        var needStyle = !this.getIsNewItemSingle();
        return { width: needStyle ? this.question.renderedImageWidth : undefined, height: needStyle ? this.question.renderedImageHeight : undefined };
    };
    return KnockoutImageItemValueWrapperViewModel;
}(survey_creator_core__WEBPACK_IMPORTED_MODULE_2__.ImageItemValueWrapperViewModel));
knockout__WEBPACK_IMPORTED_MODULE_1__.components.register("svc-image-item-value", {
    viewModel: {
        createViewModel: function (params, componentInfo) {
            var creator = params.componentData.creator;
            var question = params.componentData.question;
            var item = params.templateData.data;
            var model = new KnockoutImageItemValueWrapperViewModel(creator, question, item, params.templateData, componentInfo.element.nextSibling);
            new survey_knockout_ui__WEBPACK_IMPORTED_MODULE_3__.ImplementorBase(model);
            return model;
        }
    },
    template: template.default
});


/***/ }),

/***/ "./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/item-value.ts":
/*!************************************!*\
  !*** ./src/adorners/item-value.ts ***!
  \************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

__webpack_require__.r(__webpack_exports__);
/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./src/entries/helpers.ts");
/* harmony import */ var knockout__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! knockout */ "knockout");
/* harmony import */ var knockout__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(knockout__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var survey_creator_core__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! survey-creator-core */ "survey-creator-core");
/* harmony import */ var survey_creator_core__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(survey_creator_core__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var survey_knockout_ui__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! survey-knockout-ui */ "survey-knockout-ui");
/* harmony import */ var survey_knockout_ui__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(survey_knockout_ui__WEBPACK_IMPORTED_MODULE_3__);




var template = __webpack_require__(/*! ./item-value.html */ "./src/adorners/item-value.html");
var KnockoutItemValueWrapperViewModel = /** @class */ (function (_super) {
    (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__extends)(KnockoutItemValueWrapperViewModel, _super);
    function KnockoutItemValueWrapperViewModel(creator, question, item, templateData) {
        var _this = _super.call(this, creator, question, item) || this;
        _this.question = question;
        _this.item = item;
        _this.templateData = templateData;
        return _this;
    }
    KnockoutItemValueWrapperViewModel.prototype.koOnFocusOut = function (sender, event) {
        this.onFocusOut(event);
    };
    Object.defineProperty(KnockoutItemValueWrapperViewModel.prototype, "attributes", {
        get: function () {
            return this.isDraggable
                ? { "data-sv-drop-target-item-value": this.item.value }
                : null;
        },
        enumerable: false,
        configurable: true
    });
    return KnockoutItemValueWrapperViewModel;
}(survey_creator_core__WEBPACK_IMPORTED_MODULE_2__.ItemValueWrapperViewModel));
knockout__WEBPACK_IMPORTED_MODULE_1__.components.register("svc-item-value", {
    viewModel: {
        createViewModel: function (params, componentInfo) {
            var creator = params.componentData.creator;
            var question = params.componentData.question;
            var item = params.templateData.data;
            var model = new KnockoutItemValueWrapperViewModel(creator, question, item, params.templateData);
            new survey_knockout_ui__WEBPACK_IMPORTED_MODULE_3__.ImplementorBase(model);
            return model;
        }
    },
    template: template.default
});


/***/ }),

/***/ "./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/matrix-cell.ts":
/*!*************************************!*\
  !*** ./src/adorners/matrix-cell.ts ***!
  \*************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

__webpack_require__.r(__webpack_exports__);
/* harmony import */ var knockout__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! knockout */ "knockout");
/* harmony import */ var knockout__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(knockout__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var survey_creator_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! survey-creator-core */ "survey-creator-core");
/* harmony import */ var survey_creator_core__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(survey_creator_core__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var survey_knockout_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! survey-knockout-ui */ "survey-knockout-ui");
/* harmony import */ var survey_knockout_ui__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(survey_knockout_ui__WEBPACK_IMPORTED_MODULE_2__);



var template = __webpack_require__(/*! ./matrix-cell.html */ "./src/adorners/matrix-cell.html");
knockout__WEBPACK_IMPORTED_MODULE_0__.components.register("svc-matrix-cell", {
    viewModel: {
        createViewModel: function (params, componentInfo) {
            var _a;
            var creator = params.componentData.creator;
            var question = params.componentData.question;
            var row = params.componentData.row;
            var column = params.componentData.column;
            var element = params.componentData.element;
            params.templateData["nodes"] = componentInfo.templateNodes;
            var model = new survey_creator_core__WEBPACK_IMPORTED_MODULE_1__.MatrixCellWrapperViewModel(creator, params.templateData, question, row, column || ((_a = element.cell) === null || _a === void 0 ? void 0 : _a.column));
            new survey_knockout_ui__WEBPACK_IMPORTED_MODULE_2__.ImplementorBase(model);
            return model;
        },
    },
    template: template.default,
});


/***/ }),

/***/ "./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/panel.ts":
/*!*******************************!*\
  !*** ./src/adorners/panel.ts ***!
  \*******************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   createPanelViewModel: () => (/* binding */ createPanelViewModel)
/* harmony export */ });
/* harmony import */ var knockout__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! knockout */ "knockout");
/* harmony import */ var knockout__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(knockout__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! survey-core */ "survey-core");
/* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(survey_core__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var survey_knockout_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! survey-knockout-ui */ "survey-knockout-ui");
/* harmony import */ var survey_knockout_ui__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(survey_knockout_ui__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var survey_creator_core__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! survey-creator-core */ "survey-creator-core");
/* harmony import */ var survey_creator_core__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(survey_creator_core__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _events__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../events */ "./src/events.ts");





var template = __webpack_require__(/*! ./panel.html */ "./src/adorners/panel.html");
function createPanelViewModel(params, componentInfo, model) {
    if (!model) {
        model = new survey_creator_core__WEBPACK_IMPORTED_MODULE_3__.QuestionAdornerViewModel(params.componentData, params.templateData.data, params.templateData);
    }
    model["koSelect"] = function (model, event) {
        return model.select(model, new _events__WEBPACK_IMPORTED_MODULE_4__.KnockoutMouseEvent(event));
    };
    model["koIsEmptyElement"] = knockout__WEBPACK_IMPORTED_MODULE_0__.computed(function () {
        if (model.element instanceof survey_core__WEBPACK_IMPORTED_MODULE_1__.QuestionHtmlModel) {
            return !model.element.locHtml["koRenderedHtml"]();
        }
        return model.isEmptyElement;
    });
    model["adornerComponent"] = undefined;
    new survey_knockout_ui__WEBPACK_IMPORTED_MODULE_2__.ImplementorBase(model);
    knockout__WEBPACK_IMPORTED_MODULE_0__.utils.domNodeDisposal.addDisposeCallback(componentInfo.element, function () {
        model.dispose();
    });
    return model;
}
knockout__WEBPACK_IMPORTED_MODULE_0__.components.register("svc-panel", {
    viewModel: {
        createViewModel: function (params, componentInfo) {
            return createPanelViewModel(params, componentInfo);
        }
    },
    template: template.default
});


/***/ }),

/***/ "./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-banner.ts":
/*!*****************************************!*\
  !*** ./src/adorners/question-banner.ts ***!
  \*****************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

__webpack_require__.r(__webpack_exports__);
/* harmony import */ var knockout__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! knockout */ "knockout");
/* harmony import */ var knockout__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(knockout__WEBPACK_IMPORTED_MODULE_0__);

var template = __webpack_require__(/*! ./question-banner.html */ "./src/adorners/question-banner.html");
knockout__WEBPACK_IMPORTED_MODULE_0__.components.register("svc-question-banner", {
    viewModel: {
        createViewModel: function (params, componentInfo) {
            return params.createBannerParams();
        }
    },
    template: template.default
});


/***/ }),

/***/ "./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-dropdown.ts":
/*!*******************************************!*\
  !*** ./src/adorners/question-dropdown.ts ***!
  \*******************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

__webpack_require__.r(__webpack_exports__);
/* harmony import */ var knockout__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! knockout */ "knockout");
/* harmony import */ var knockout__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(knockout__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var survey_creator_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! survey-creator-core */ "survey-creator-core");
/* harmony import */ var survey_creator_core__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(survey_creator_core__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _question__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./question */ "./src/adorners/question.ts");



var template = __webpack_require__(/*! ./question-dropdown.html */ "./src/adorners/question-dropdown.html");
var questionTemplate = __webpack_require__(/*! ./question.html */ "./src/adorners/question.html");
knockout__WEBPACK_IMPORTED_MODULE_0__.components.register("svc-dropdown-question", {
    viewModel: {
        createViewModel: function (params, componentInfo) {
            var model = new survey_creator_core__WEBPACK_IMPORTED_MODULE_1__.QuestionDropdownAdornerViewModel(params.componentData, params.templateData.data, params.templateData);
            (0,_question__WEBPACK_IMPORTED_MODULE_2__.createQuestionViewModel)(params, componentInfo, model);
            model["adornerComponent"] = "svc-dropdown-question-adorner";
            return model;
        }
    },
    template: questionTemplate.default
});
knockout__WEBPACK_IMPORTED_MODULE_0__.components.register("svc-dropdown-question-adorner", {
    viewModel: {
        createViewModel: function (params, componentInfo) {
            return params.model;
        }
    },
    template: template.default
});


/***/ }),

/***/ "./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-image.ts":
/*!****************************************!*\
  !*** ./src/adorners/question-image.ts ***!
  \****************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

__webpack_require__.r(__webpack_exports__);
/* harmony import */ var knockout__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! knockout */ "knockout");
/* harmony import */ var knockout__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(knockout__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var survey_creator_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! survey-creator-core */ "survey-creator-core");
/* harmony import */ var survey_creator_core__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(survey_creator_core__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _question__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./question */ "./src/adorners/question.ts");



var questionTemplate = __webpack_require__(/*! ./question.html */ "./src/adorners/question.html");
var template = __webpack_require__(/*! ./question-image.html */ "./src/adorners/question-image.html");
knockout__WEBPACK_IMPORTED_MODULE_0__.components.register("svc-image-question", {
    viewModel: {
        createViewModel: function (params, componentInfo) {
            var model = new survey_creator_core__WEBPACK_IMPORTED_MODULE_1__.QuestionImageAdornerViewModel(params.componentData, params.templateData.data, params.templateData);
            model.rootElement = componentInfo.element.parentElement;
            knockout__WEBPACK_IMPORTED_MODULE_0__.utils.domNodeDisposal.addDisposeCallback(componentInfo.element, function () {
                model.rootElement = undefined;
            });
            (0,_question__WEBPACK_IMPORTED_MODULE_2__.createQuestionViewModel)(params, componentInfo, model);
            model["adornerComponent"] = "svc-image-question-adorner";
            model["koIsEmptyImageLink"] = knockout__WEBPACK_IMPORTED_MODULE_0__.computed(function () {
                return model.isEmptyImageLink;
            });
            model["koIsEmptyElement"] = knockout__WEBPACK_IMPORTED_MODULE_0__.computed(function () {
                return model.isEmptyImageLink;
            });
            model["placeholderComponentData"] = {
                name: "survey-question-file",
                data: model.filePresentationModel,
                afterRender: model.filePresentationModel.koQuestionAfterRender
            };
            return model;
        }
    },
    template: questionTemplate.default
});
knockout__WEBPACK_IMPORTED_MODULE_0__.components.register("svc-image-question-adorner", {
    viewModel: {
        createViewModel: function (params, componentInfo) {
            return params.model;
        }
    },
    template: template.default
});


/***/ }),

/***/ "./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-rating.ts":
/*!*****************************************!*\
  !*** ./src/adorners/question-rating.ts ***!
  \*****************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

__webpack_require__.r(__webpack_exports__);
/* harmony import */ var survey_creator_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! survey-creator-core */ "survey-creator-core");
/* harmony import */ var survey_creator_core__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(survey_creator_core__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var knockout__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! knockout */ "knockout");
/* harmony import */ var knockout__WEBPACK_IMPORTED_MODULE_1___default = /*