case-editor-tools 1.0.0-beta.2 → 1.0.0-beta.20

package/build/utils/question-type-generator.js

@@ -1,949 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var surveyEditor_componentEditor = require('../survey-editor/component-editor.js');
-var surveyEditor_itemEditor = require('../item-editor-8fd24b61.js');
-var utils_componentGenerators = require('./componentGenerators.js');
-var types_duration = require('../types/duration.js');
-var constants_keyDefinitions = require('../constants/key-definitions.js');
-var utils_randomKeyGenerator = require('./randomKeyGenerator.js');
-var utils_simpleGenerators = require('./simple-generators.js');
-var utils_simpleQuestionEditor = require('./simple-question-editor.js');
-var expressionUtils_surveyEngineExpressions = require('../expression-utils/surveyEngineExpressions.js');
-require('../expression-utils/expressionGen.js');
-
-const generateNumericInputQuestion = (props) => {
-    var _a, _b, _c, _d;
-    const simpleEditor = new utils_simpleQuestionEditor.SimpleQuestionEditor(props.parentKey, props.itemKey, props.version ? props.version : 1);
-    // QUESTION TEXT
-    simpleEditor.setTitle(props.questionText, props.questionSubText, props.titleClassName);
-    if (props.condition) {
-        simpleEditor.setCondition(props.condition);
-    }
-    if (props.helpGroupContent) {
-        simpleEditor.editor.setHelpGroupComponent(utils_simpleGenerators.generateHelpGroupComponent(props.helpGroupContent));
-    }
-    if (props.topDisplayCompoments) {
-        props.topDisplayCompoments.forEach(comp => simpleEditor.addDisplayComponent(comp));
-    }
-    const style = [];
-    if (props.inputMaxWidth) {
-        style.push({
-            key: 'inputMaxWidth', value: props.inputMaxWidth,
-        });
-    }
-    if (props.contentBehindInput) {
-        style.push({ key: 'labelPlacement', value: 'after' });
-    }
-    const rg_inner = {
-        key: constants_keyDefinitions.numericInputKey,
-        role: 'numberInput',
-        properties: {
-            min: ((_a = props.componentProperties) === null || _a === void 0 ? void 0 : _a.min) !== undefined ? (typeof (props.componentProperties.min) === 'number' ? { dtype: 'num', num: props.componentProperties.min } : props.componentProperties.min) : undefined,
-            max: ((_b = props.componentProperties) === null || _b === void 0 ? void 0 : _b.max) !== undefined ? (typeof ((_c = props.componentProperties) === null || _c === void 0 ? void 0 : _c.max) === 'number' ? { dtype: 'num', num: props.componentProperties.max } : props.componentProperties.max) : undefined,
-            stepSize: ((_d = props.componentProperties) === null || _d === void 0 ? void 0 : _d.stepSize) ? (typeof (props.componentProperties.stepSize) === 'number' ? { dtype: 'num', num: props.componentProperties.stepSize } : props.componentProperties.stepSize) : undefined,
-        },
-        content: utils_simpleGenerators.generateLocStrings(props.content),
-        style: style.length > 0 ? style : undefined,
-    };
-    simpleEditor.setResponseGroupWithContent(rg_inner);
-    if (props.bottomDisplayCompoments) {
-        props.bottomDisplayCompoments.forEach(comp => simpleEditor.addDisplayComponent(comp));
-    }
-    if (props.isRequired) {
-        simpleEditor.addHasResponseValidation();
-    }
-    if (props.customValidations) {
-        props.customValidations.forEach(v => simpleEditor.editor.addValidation(v));
-    }
-    if (props.footnoteText) {
-        simpleEditor.addDisplayComponent({
-            role: 'footnote', content: utils_simpleGenerators.generateLocStrings(props.footnoteText), style: [
-                { key: 'className', value: 'fs-small fst-italic text-center' }
-            ]
-        });
-    }
-    return simpleEditor.getItem();
-};
-const generateSingleChoiceQuestion = (props) => {
-    const simpleEditor = new utils_simpleQuestionEditor.SimpleQuestionEditor(props.parentKey, props.itemKey, props.version ? props.version : 1);
-    // QUESTION TEXT
-    simpleEditor.setTitle(props.questionText, props.questionSubText, props.titleClassName);
-    if (props.condition) {
-        simpleEditor.setCondition(props.condition);
-    }
-    if (props.helpGroupContent) {
-        simpleEditor.editor.setHelpGroupComponent(utils_simpleGenerators.generateHelpGroupComponent(props.helpGroupContent));
-    }
-    if (props.topDisplayCompoments) {
-        props.topDisplayCompoments.forEach(comp => simpleEditor.addDisplayComponent(comp));
-    }
-    const rg_inner = initSingleChoiceGroup(constants_keyDefinitions.singleChoiceKey, props.responseOptions);
-    simpleEditor.setResponseGroupWithContent(rg_inner);
-    if (props.bottomDisplayCompoments) {
-        props.bottomDisplayCompoments.forEach(comp => simpleEditor.addDisplayComponent(comp));
-    }
-    if (props.isRequired) {
-        simpleEditor.addHasResponseValidation();
-    }
-    if (props.customValidations) {
-        props.customValidations.forEach(v => simpleEditor.editor.addValidation(v));
-    }
-    if (props.footnoteText) {
-        simpleEditor.addDisplayComponent({
-            role: 'footnote', content: utils_simpleGenerators.generateLocStrings(props.footnoteText), style: [
-                { key: 'className', value: 'fs-small fst-italic text-center' }
-            ]
-        });
-    }
-    return simpleEditor.getItem();
-};
-const generateDropDownQuestion = (props) => {
-    const simpleEditor = new utils_simpleQuestionEditor.SimpleQuestionEditor(props.parentKey, props.itemKey, props.version ? props.version : 1);
-    // QUESTION TEXT
-    simpleEditor.setTitle(props.questionText, props.questionSubText, props.titleClassName);
-    if (props.condition) {
-        simpleEditor.setCondition(props.condition);
-    }
-    if (props.helpGroupContent) {
-        simpleEditor.editor.setHelpGroupComponent(utils_simpleGenerators.generateHelpGroupComponent(props.helpGroupContent));
-    }
-    if (props.topDisplayCompoments) {
-        props.topDisplayCompoments.forEach(comp => simpleEditor.addDisplayComponent(comp));
-    }
-    const rg_inner = initDropdownGroup(constants_keyDefinitions.dropDownKey, props.responseOptions);
-    simpleEditor.setResponseGroupWithContent(rg_inner);
-    if (props.bottomDisplayCompoments) {
-        props.bottomDisplayCompoments.forEach(comp => simpleEditor.addDisplayComponent(comp));
-    }
-    if (props.isRequired) {
-        simpleEditor.addHasResponseValidation();
-    }
-    if (props.footnoteText) {
-        simpleEditor.addDisplayComponent({
-            role: 'footnote', content: utils_simpleGenerators.generateLocStrings(props.footnoteText), style: [
-                { key: 'className', value: 'fs-small fst-italic text-center' }
-            ]
-        });
-    }
-    return simpleEditor.getItem();
-};
-const generateMultipleChoiceQuestion = (props) => {
-    const simpleEditor = new utils_simpleQuestionEditor.SimpleQuestionEditor(props.parentKey, props.itemKey, props.version ? props.version : 1);
-    // QUESTION TEXT
-    simpleEditor.setTitle(props.questionText, props.questionSubText, props.titleClassName);
-    if (props.condition) {
-        simpleEditor.setCondition(props.condition);
-    }
-    if (props.helpGroupContent) {
-        simpleEditor.editor.setHelpGroupComponent(utils_simpleGenerators.generateHelpGroupComponent(props.helpGroupContent));
-    }
-    if (props.topDisplayCompoments) {
-        props.topDisplayCompoments.forEach(comp => simpleEditor.addDisplayComponent(comp));
-    }
-    const rg_inner = initMultipleChoiceGroup(constants_keyDefinitions.multipleChoiceKey, props.responseOptions);
-    simpleEditor.setResponseGroupWithContent(rg_inner);
-    if (props.bottomDisplayCompoments) {
-        props.bottomDisplayCompoments.forEach(comp => simpleEditor.addDisplayComponent(comp));
-    }
-    if (props.isRequired) {
-        simpleEditor.addHasResponseValidation();
-    }
-    if (props.customValidations) {
-        props.customValidations.forEach(v => simpleEditor.editor.addValidation(v));
-    }
-    if (props.footnoteText) {
-        simpleEditor.addDisplayComponent({
-            role: 'footnote', content: utils_simpleGenerators.generateLocStrings(props.footnoteText), style: [
-                { key: 'className', value: 'fs-small fst-italic text-center' }
-            ]
-        });
-    }
-    return simpleEditor.getItem();
-};
-const generateSimpleLikertGroupQuestion = (props) => {
-    const simpleEditor = new utils_simpleQuestionEditor.SimpleQuestionEditor(props.parentKey, props.itemKey, props.version ? props.version : 1);
-    // QUESTION TEXT
-    simpleEditor.setTitle(props.questionText, props.questionSubText, props.titleClassName);
-    if (props.condition) {
-        simpleEditor.setCondition(props.condition);
-    }
-    if (props.helpGroupContent) {
-        simpleEditor.editor.setHelpGroupComponent(utils_simpleGenerators.generateHelpGroupComponent(props.helpGroupContent));
-    }
-    if (props.topDisplayCompoments) {
-        props.topDisplayCompoments.forEach(comp => simpleEditor.addDisplayComponent(comp));
-    }
-    const rg_inner = initLikertScaleGroup(constants_keyDefinitions.likertScaleGroupKey, props.rows, props.scaleOptions, props.stackOnSmallScreen);
-    simpleEditor.setResponseGroupWithContent(rg_inner);
-    if (props.bottomDisplayCompoments) {
-        props.bottomDisplayCompoments.forEach(comp => simpleEditor.addDisplayComponent(comp));
-    }
-    if (props.isRequired) {
-        simpleEditor.editor.addValidation({
-            key: 'r',
-            type: 'hard',
-            rule: utils_simpleGenerators.expWithArgs('and', ...props.rows.map(r => utils_simpleGenerators.expWithArgs('responseHasKeysAny', [props.parentKey, props.itemKey].join('.'), [constants_keyDefinitions.responseGroupKey, constants_keyDefinitions.likertScaleGroupKey, r.key].join('.'), ...props.scaleOptions.map(o => o.key))))
-        });
-        simpleEditor.addHasResponseValidation();
-    }
-    if (props.footnoteText) {
-        simpleEditor.addDisplayComponent({
-            role: 'footnote', content: utils_simpleGenerators.generateLocStrings(props.footnoteText), style: [
-                { key: 'className', value: 'fs-small fst-italic text-center' }
-            ]
-        });
-    }
-    return simpleEditor.getItem();
-};
-const generateResponsiveSingleChoiceArrayQuestion = (props) => {
-    const simpleEditor = new utils_simpleQuestionEditor.SimpleQuestionEditor(props.parentKey, props.itemKey, props.version ? props.version : 1);
-    // QUESTION TEXT
-    simpleEditor.setTitle(props.questionText, props.questionSubText, props.titleClassName);
-    if (props.condition) {
-        simpleEditor.setCondition(props.condition);
-    }
-    if (props.helpGroupContent) {
-        simpleEditor.editor.setHelpGroupComponent(utils_simpleGenerators.generateHelpGroupComponent(props.helpGroupContent));
-    }
-    if (props.topDisplayCompoments) {
-        props.topDisplayCompoments.forEach(comp => simpleEditor.addDisplayComponent(comp));
-    }
-    const rg_inner = initResponsiveSingleChoiceArray(constants_keyDefinitions.responsiveSingleChoiceArrayKey, Object.assign({}, props));
-    simpleEditor.setResponseGroupWithContent(rg_inner);
-    if (props.bottomDisplayCompoments) {
-        props.bottomDisplayCompoments.forEach(comp => simpleEditor.addDisplayComponent(comp));
-    }
-    if (props.isRequired) {
-        simpleEditor.editor.addValidation({
-            key: 'r',
-            type: 'hard',
-            rule: utils_simpleGenerators.expWithArgs('and', ...props.rows.map(r => utils_simpleGenerators.expWithArgs('responseHasKeysAny', [props.parentKey, props.itemKey].join('.'), [constants_keyDefinitions.responseGroupKey, constants_keyDefinitions.responsiveSingleChoiceArrayKey, r.key].join('.'), ...props.scaleOptions.map(o => o.key))))
-        });
-        simpleEditor.addHasResponseValidation();
-    }
-    if (props.footnoteText) {
-        simpleEditor.addDisplayComponent({
-            role: 'footnote', content: utils_simpleGenerators.generateLocStrings(props.footnoteText), style: [
-                { key: 'className', value: 'fs-small fst-italic text-center' }
-            ]
-        });
-    }
-    return simpleEditor.getItem();
-};
-const generateResponsiveBipolarLikertArray = (props) => {
-    const simpleEditor = new utils_simpleQuestionEditor.SimpleQuestionEditor(props.parentKey, props.itemKey, props.version ? props.version : 1);
-    // QUESTION TEXT
-    simpleEditor.setTitle(props.questionText, props.questionSubText, props.titleClassName);
-    if (props.condition) {
-        simpleEditor.setCondition(props.condition);
-    }
-    if (props.helpGroupContent) {
-        simpleEditor.editor.setHelpGroupComponent(utils_simpleGenerators.generateHelpGroupComponent(props.helpGroupContent));
-    }
-    if (props.topDisplayCompoments) {
-        props.topDisplayCompoments.forEach(comp => simpleEditor.addDisplayComponent(comp));
-    }
-    const rg_inner = initResponsiveBipolarLikertArray(constants_keyDefinitions.responsiveBipolarLikertArrayKey, Object.assign({}, props));
-    simpleEditor.setResponseGroupWithContent(rg_inner);
-    if (props.bottomDisplayCompoments) {
-        props.bottomDisplayCompoments.forEach(comp => simpleEditor.addDisplayComponent(comp));
-    }
-    if (props.isRequired) {
-        simpleEditor.editor.addValidation({
-            key: 'r',
-            type: 'hard',
-            rule: utils_simpleGenerators.expWithArgs('and', ...props.rows.map(r => utils_simpleGenerators.expWithArgs('responseHasKeysAny', [props.parentKey, props.itemKey].join('.'), [constants_keyDefinitions.responseGroupKey, constants_keyDefinitions.responsiveBipolarLikertArrayKey, r.key].join('.'), ...props.scaleOptions.map(o => o.key))))
-        });
-        simpleEditor.addHasResponseValidation();
-    }
-    if (props.footnoteText) {
-        simpleEditor.addDisplayComponent({
-            role: 'footnote', content: utils_simpleGenerators.generateLocStrings(props.footnoteText), style: [
-                { key: 'className', value: 'fs-small fst-italic text-center' }
-            ]
-        });
-    }
-    return simpleEditor.getItem();
-};
-const generateNumericSliderQuestion = (props) => {
-    const simpleEditor = new utils_simpleQuestionEditor.SimpleQuestionEditor(props.parentKey, props.itemKey, props.version ? props.version : 1);
-    // QUESTION TEXT
-    simpleEditor.setTitle(props.questionText, props.questionSubText, props.titleClassName);
-    if (props.condition) {
-        simpleEditor.setCondition(props.condition);
-    }
-    if (props.helpGroupContent) {
-        simpleEditor.editor.setHelpGroupComponent(utils_simpleGenerators.generateHelpGroupComponent(props.helpGroupContent));
-    }
-    if (props.topDisplayCompoments) {
-        props.topDisplayCompoments.forEach(comp => simpleEditor.addDisplayComponent(comp));
-    }
-    const rg_inner = {
-        key: 'slider', role: 'sliderNumeric',
-        content: utils_simpleGenerators.generateLocStrings(props.sliderLabel),
-        description: utils_simpleGenerators.generateLocStrings(props.noResponseLabel),
-        properties: {
-            min: props.min !== undefined ? (typeof (props.min) === 'number' ? { dtype: 'num', num: props.min } : props.min) : undefined,
-            max: props.max !== undefined ? (typeof (props.max) === 'number' ? { dtype: 'num', num: props.max } : props.max) : undefined,
-            stepSize: props.stepSize ? (typeof (props.stepSize) === 'number' ? { dtype: 'num', num: props.stepSize } : props.stepSize) : undefined,
-        }
-    };
-    simpleEditor.setResponseGroupWithContent(rg_inner);
-    if (props.bottomDisplayCompoments) {
-        props.bottomDisplayCompoments.forEach(comp => simpleEditor.addDisplayComponent(comp));
-    }
-    if (props.isRequired) {
-        simpleEditor.addHasResponseValidation();
-    }
-    if (props.footnoteText) {
-        simpleEditor.addDisplayComponent(utils_componentGenerators.ComponentGenerators.footnote({ content: props.footnoteText }));
-    }
-    return simpleEditor.getItem();
-};
-const generateDatePickerInput = (props) => {
-    const simpleEditor = new utils_simpleQuestionEditor.SimpleQuestionEditor(props.parentKey, props.itemKey, props.version ? props.version : 1);
-    // QUESTION TEXT
-    simpleEditor.setTitle(props.questionText, props.questionSubText, props.titleClassName);
-    if (props.condition) {
-        simpleEditor.setCondition(props.condition);
-    }
-    if (props.helpGroupContent) {
-        simpleEditor.editor.setHelpGroupComponent(utils_simpleGenerators.generateHelpGroupComponent(props.helpGroupContent));
-    }
-    if (props.topDisplayCompoments) {
-        props.topDisplayCompoments.forEach(comp => simpleEditor.addDisplayComponent(comp));
-    }
-    const rg_inner = {
-        key: constants_keyDefinitions.datePickerKey, role: 'dateInput',
-        properties: {
-            dateInputMode: { str: props.dateInputMode },
-            min: props.minRelativeDate ? {
-                dtype: 'exp', exp: expressionUtils_surveyEngineExpressions.SurveyEngine.timestampWithOffset(props.minRelativeDate.delta, props.minRelativeDate.reference)
-            } : undefined,
-            max: props.maxRelativeDate ? {
-                dtype: 'exp', exp: utils_simpleGenerators.expWithArgs('timestampWithOffset', types_duration.durationObjectToSeconds(props.maxRelativeDate.delta), props.maxRelativeDate.reference ? props.maxRelativeDate.reference : undefined)
-            } : undefined,
-        },
-        content: props.inputLabelText ? utils_simpleGenerators.generateLocStrings(props.inputLabelText) : undefined,
-        description: props.placeholderText ? utils_simpleGenerators.generateLocStrings(props.placeholderText) : undefined,
-    };
-    simpleEditor.setResponseGroupWithContent(rg_inner);
-    if (props.bottomDisplayCompoments) {
-        props.bottomDisplayCompoments.forEach(comp => simpleEditor.addDisplayComponent(comp));
-    }
-    if (props.isRequired) {
-        simpleEditor.addHasResponseValidation();
-    }
-    if (props.footnoteText) {
-        simpleEditor.addDisplayComponent(utils_componentGenerators.ComponentGenerators.footnote({ content: props.footnoteText }));
-    }
-    return simpleEditor.getItem();
-};
-const generateMultilineInput = (props) => {
-    const simpleEditor = new utils_simpleQuestionEditor.SimpleQuestionEditor(props.parentKey, props.itemKey, props.version ? props.version : 1);
-    // QUESTION TEXT
-    simpleEditor.setTitle(props.questionText, props.questionSubText, props.titleClassName);
-    if (props.condition) {
-        simpleEditor.setCondition(props.condition);
-    }
-    if (props.helpGroupContent) {
-        simpleEditor.editor.setHelpGroupComponent(utils_simpleGenerators.generateHelpGroupComponent(props.helpGroupContent));
-    }
-    if (props.topDisplayCompoments) {
-        props.topDisplayCompoments.forEach(comp => simpleEditor.addDisplayComponent(comp));
-    }
-    const rg_inner = {
-        key: constants_keyDefinitions.inputKey, role: 'multilineTextInput',
-        content: props.inputLabelText ? utils_simpleGenerators.generateLocStrings(props.inputLabelText) : undefined,
-        description: props.placeholderText ? utils_simpleGenerators.generateLocStrings(props.placeholderText) : undefined,
-    };
-    simpleEditor.setResponseGroupWithContent(rg_inner);
-    if (props.bottomDisplayCompoments) {
-        props.bottomDisplayCompoments.forEach(comp => simpleEditor.addDisplayComponent(comp));
-    }
-    if (props.isRequired) {
-        simpleEditor.addHasResponseValidation();
-    }
-    if (props.footnoteText) {
-        simpleEditor.addDisplayComponent(utils_componentGenerators.ComponentGenerators.footnote({ content: props.footnoteText }));
-    }
-    return simpleEditor.getItem();
-};
-const generateDisplay = (props) => {
-    const simpleEditor = new utils_simpleQuestionEditor.SimpleQuestionEditor(props.parentKey, props.itemKey, 1);
-    props.content.forEach(item => simpleEditor.addDisplayComponent(item));
-    if (props.condition) {
-        simpleEditor.setCondition(props.condition);
-    }
-    return simpleEditor.getItem();
-};
-const generateSurveyEnd = (parentKey, content, condition) => {
-    const defaultKey = 'surveyEnd';
-    const itemKey = [parentKey, defaultKey].join('.');
-    const editor = new surveyEditor_itemEditor.ItemEditor(undefined, { itemKey: itemKey, type: 'surveyEnd', isGroup: false });
-    editor.setTitleComponent(utils_simpleGenerators.generateTitleComponent(content));
-    // CONDITION
-    editor.setCondition(condition);
-    return editor.getItem();
-};
-const SurveyItemGenerators = {
-    singleChoice: generateSingleChoiceQuestion,
-    responsiveSingleChoiceArray: generateResponsiveSingleChoiceArrayQuestion,
-    responsiveBipolarLikertArray: generateResponsiveBipolarLikertArray,
-    multipleChoice: generateMultipleChoiceQuestion,
-    simpleLikertGroup: generateSimpleLikertGroupQuestion,
-    dateInput: generateDatePickerInput,
-    multilineTextInput: generateMultilineInput,
-    dropDown: generateDropDownQuestion,
-    numericSlider: generateNumericSliderQuestion,
-    numericInput: generateNumericInputQuestion,
-    display: generateDisplay,
-    surveyEnd: generateSurveyEnd,
-};
-const initSingleChoiceGroup = (key, optionItems, order) => {
-    // init group
-    return initResponseGroup('singleChoiceGroup', key, optionItems, order);
-};
-const initMultipleChoiceGroup = (key, optionItems, order) => {
-    // init group
-    return initResponseGroup('multipleChoiceGroup', key, optionItems, order);
-};
-const initDropdownGroup = (key, optionItems, order, groupDisabled, groupContent, groupDescription) => {
-    // init group
-    return initResponseGroup('dropDownGroup', key, optionItems, order, groupDisabled, groupContent ? utils_simpleGenerators.generateLocStrings(groupContent) : undefined, groupDescription ? utils_simpleGenerators.generateLocStrings(groupDescription) : undefined);
-};
-const initSliderCategoricalGroup = (key, optionItems, order, groupDisabled) => {
-    // init group
-    return initResponseGroup('sliderCategorical', key, optionItems, order, groupDisabled);
-};
-const initResponseGroup = (type, key, optionItems, order, groupDisabled, groupContent, groupDescription) => {
-    // init group
-    const groupEdit = new surveyEditor_componentEditor.ComponentEditor(undefined, {
-        key: key,
-        isGroup: true,
-        role: type,
-    });
-    groupEdit.setOrder(order ? order : {
-        name: 'sequential'
-    });
-    if (groupDisabled) {
-        groupEdit.setDisabled(groupDisabled);
-    }
-    if (groupContent) {
-        groupEdit.setContent(groupContent);
-    }
-    if (groupDescription) {
-        groupEdit.setDescription(groupDescription);
-    }
-    // add option items
-    optionItems.forEach(optionDef => {
-        const optEditor = new surveyEditor_componentEditor.ComponentEditor(undefined, {
-            key: optionDef.key,
-            role: optionDef.role,
-        });
-        if (optionDef.content) {
-            optEditor.setContent(utils_simpleGenerators.generateLocStrings(optionDef.content));
-        }
-        if (optionDef.description) {
-            optEditor.setDescription(utils_simpleGenerators.generateLocStrings(optionDef.description));
-        }
-        if (optionDef.items) {
-            optionDef.items.forEach((item, index) => {
-                optEditor.addItemComponent({
-                    key: index.toFixed(),
-                    role: 'text',
-                    content: utils_simpleGenerators.generateLocStrings(item.content),
-                    style: item.className ? [{ key: 'className', value: item.className }] : undefined
-                });
-            });
-        }
-        switch (optionDef.role) {
-            case 'date':
-                optEditor.setDType('date');
-                break;
-            case 'numberInput':
-                optEditor.setDType('number');
-                break;
-        }
-        if (optionDef.displayCondition) {
-            optEditor.setDisplayCondition(optionDef.displayCondition);
-        }
-        if (optionDef.disabled) {
-            optEditor.setDisabled(optionDef.disabled);
-        }
-        if (optionDef.style) {
-            optEditor.setStyles(optionDef.style);
-        }
-        if (optionDef.optionProps) {
-            if (typeof (optionDef.optionProps.min) === 'number') {
-                optionDef.optionProps.min = { dtype: 'num', num: optionDef.optionProps.min };
-            }
-            if (typeof (optionDef.optionProps.max) === 'number') {
-                optionDef.optionProps.max = { dtype: 'num', num: optionDef.optionProps.max };
-            }
-            if (typeof (optionDef.optionProps.stepSize) === 'number') {
-                optionDef.optionProps.stepSize = { dtype: 'num', num: optionDef.optionProps.stepSize };
-            }
-            optEditor.setProperties(optionDef.optionProps);
-        }
-        groupEdit.addItemComponent(optEditor.getComponent());
-    });
-    return groupEdit.getComponent();
-};
-const initMatrixQuestion = (key, rows, order) => {
-    // init group
-    const groupEdit = new surveyEditor_componentEditor.ComponentEditor(undefined, {
-        key: key,
-        isGroup: true,
-        role: 'matrix',
-    });
-    groupEdit.setOrder(order ? order : {
-        name: 'sequential'
-    });
-    // init rows
-    rows.forEach(rowDef => {
-        const rowEditor = new surveyEditor_componentEditor.ComponentEditor(undefined, {
-            key: rowDef.key,
-            role: rowDef.role,
-        });
-        if (rowDef.displayCondition) {
-            rowEditor.setDisplayCondition(rowDef.displayCondition);
-        }
-        if (rowDef.disabled) {
-            rowEditor.setDisabled(rowDef.disabled);
-        }
-        switch (rowDef.role) {
-            case 'headerRow':
-                rowDef.cells.forEach(cell => {
-                    const cellEditor = new surveyEditor_componentEditor.ComponentEditor(undefined, {
-                        key: cell.key,
-                        role: cell.role,
-                    });
-                    if (cell.content) {
-                        cellEditor.setContent(utils_simpleGenerators.generateLocStrings(cell.content));
-                    }
-                    if (cell.description) {
-                        cellEditor.setDescription(utils_simpleGenerators.generateLocStrings(cell.description));
-                    }
-                    rowEditor.addItemComponent(cellEditor.getComponent());
-                });
-                break;
-            case 'radioRow':
-                rowDef.cells.forEach(cell => {
-                    const cellEditor = new surveyEditor_componentEditor.ComponentEditor(undefined, {
-                        key: cell.key,
-                        role: cell.role,
-                    });
-                    if (cell.content) {
-                        cellEditor.setContent(utils_simpleGenerators.generateLocStrings(cell.content));
-                    }
-                    if (cell.description) {
-                        cellEditor.setDescription(utils_simpleGenerators.generateLocStrings(cell.description));
-                    }
-                    rowEditor.addItemComponent(cellEditor.getComponent());
-                });
-                break;
-            case 'responseRow':
-                rowDef.cells.forEach(cell => {
-                    const cellEditor = new surveyEditor_componentEditor.ComponentEditor(undefined, {
-                        key: cell.key,
-                        role: cell.role,
-                    });
-                    if (cell.content) {
-                        cellEditor.setContent(utils_simpleGenerators.generateLocStrings(cell.content));
-                    }
-                    if (cell.description) {
-                        cellEditor.setDescription(utils_simpleGenerators.generateLocStrings(cell.description));
-                    }
-                    cellEditor.setProperties(cell.properties);
-                    if (cell.items) {
-                        cell.items.forEach(opt => {
-                            const cellOptionEditor = new surveyEditor_componentEditor.ComponentEditor(undefined, {
-                                key: opt.key,
-                                role: opt.role,
-                            });
-                            if (opt.content) {
-                                cellOptionEditor.setContent(utils_simpleGenerators.generateLocStrings(opt.content));
-                            }
-                            cellOptionEditor.setDisabled(opt.disabled);
-                            cellOptionEditor.setDisplayCondition(opt.displayCondition);
-                            cellEditor.addItemComponent(cellOptionEditor.getComponent());
-                        });
-                    }
-                    rowEditor.addItemComponent(cellEditor.getComponent());
-                });
-                break;
-        }
-        groupEdit.addItemComponent(rowEditor.getComponent());
-    });
-    return groupEdit.getComponent();
-};
-const initEQ5DHealthIndicatorQuestion = (props) => {
-    // init group
-    const groupEdit = new surveyEditor_componentEditor.ComponentEditor(undefined, {
-        key: props.key,
-        isGroup: true,
-        role: props.role,
-    });
-    const instructionTextEditor = new surveyEditor_componentEditor.ComponentEditor(undefined, { role: 'instruction', });
-    instructionTextEditor.setContent(utils_simpleGenerators.generateLocStrings(props.instructionText));
-    groupEdit.addItemComponent(instructionTextEditor.getComponent());
-    const valueBoxTextEditor = new surveyEditor_componentEditor.ComponentEditor(undefined, { role: 'valuebox', });
-    valueBoxTextEditor.setContent(utils_simpleGenerators.generateLocStrings(props.valueBoxText));
-    groupEdit.addItemComponent(valueBoxTextEditor.getComponent());
-    const minHealthTextEditor = new surveyEditor_componentEditor.ComponentEditor(undefined, { role: 'mintext', });
-    minHealthTextEditor.setContent(utils_simpleGenerators.generateLocStrings(props.minHealthText));
-    groupEdit.addItemComponent(minHealthTextEditor.getComponent());
-    const maxHealthTextEditor = new surveyEditor_componentEditor.ComponentEditor(undefined, { role: 'maxtext', });
-    maxHealthTextEditor.setContent(utils_simpleGenerators.generateLocStrings(props.maxHealthText));
-    groupEdit.addItemComponent(maxHealthTextEditor.getComponent());
-    return groupEdit.getComponent();
-};
-const initLikertScaleGroup = (key, rows, scaleOptions, stackOnSmallScreen, displayCondition) => {
-    const groupEdit = new surveyEditor_componentEditor.ComponentEditor(undefined, {
-        key: key,
-        isGroup: true,
-        role: 'likertGroup',
-    });
-    if (displayCondition) {
-        groupEdit.setDisplayCondition(displayCondition);
-    }
-    rows.forEach((row, index) => {
-        groupEdit.addItemComponent({
-            key: utils_randomKeyGenerator.generateRandomKey(4),
-            role: 'text',
-            style: [{
-                    key: 'className', value: 'fw-bold' + (index !== 0 ? ' pt-1 mt-2' : '') + ((!row.hideTopBorder && index > 0) ? ' border-top border-1 border-grey-2' : '') + (row.descriptions ? ' mb-0' : ' mb-1')
-                }, { key: 'variant', value: 'h6' }],
-            content: utils_simpleGenerators.generateLocStrings(row.content),
-        });
-        if (row.descriptions) {
-            row.descriptions.forEach(desc => {
-                groupEdit.addItemComponent(desc);
-            });
-        }
-        const item = initLikertScaleItem(row.key, scaleOptions.map(option => {
-            var _a, _b;
-            return {
-                key: option.key,
-                className: option.className,
-                content: row.hideLabels ? undefined : option.content,
-                disabled: (_b = (_a = row.optionDisabled) === null || _a === void 0 ? void 0 : _a.find(cond => cond.optionKey === option.key)) === null || _b === void 0 ? void 0 : _b.exp,
-            };
-        }), stackOnSmallScreen, row.displayCondition);
-        groupEdit.addItemComponent(item);
-    });
-    return groupEdit.getComponent();
-};
-const initResponsiveSingleChoiceArray = (rgKey, props, displayCondition) => {
-    var _a, _b;
-    const groupEdit = new surveyEditor_componentEditor.ComponentEditor(undefined, {
-        key: rgKey,
-        isGroup: true,
-        role: 'responsiveSingleChoiceArray',
-    });
-    if (displayCondition) {
-        groupEdit.setDisplayCondition(displayCondition);
-    }
-    const style = [
-        { key: 'defaultMode', value: props.defaultMode },
-    ];
-    if (props.responsiveModes) {
-        if (props.responsiveModes.sm) {
-            style.push({ key: 'smMode', value: props.responsiveModes.sm });
-        }
-        if (props.responsiveModes.md) {
-            style.push({ key: 'mdMode', value: props.responsiveModes.md });
-        }
-        if (props.responsiveModes.lg) {
-            style.push({ key: 'lgMode', value: props.responsiveModes.lg });
-        }
-        if (props.responsiveModes.xl) {
-            style.push({ key: 'xlMode', value: props.responsiveModes.xl });
-        }
-        if (props.responsiveModes.xxl) {
-            style.push({ key: 'xxlMode', value: props.responsiveModes.xxl });
-        }
-    }
-    if (props.rgClassName) {
-        style.push({ key: 'className', value: props.rgClassName });
-    }
-    if (props.verticalModeProps) {
-        if (props.verticalModeProps.useReverseOptionOrder) {
-            style.push({ key: 'verticalModeReverseOrder', value: 'true' });
-        }
-    }
-    if (props.tableModeProps) {
-        style.push({ key: 'tableModeClassName', value: 'table-borderless mb-0 ' + props.tableModeProps.className });
-        if (props.tableModeProps.layout) {
-            style.push({ key: 'tableModeLayout', value: props.tableModeProps.layout });
-        }
-        if (props.tableModeProps.firstColWidth) {
-            style.push({ key: 'tableModeFirstColWidth', value: props.tableModeProps.firstColWidth });
-        }
-    }
-    groupEdit.setStyles(style);
-    const defaultBorderClass = 'border-bottom border-grey-2';
-    let tableModeOptionHeaderClassName = undefined;
-    if (!((_a = props.tableModeProps) === null || _a === void 0 ? void 0 : _a.hideRowBorder)) {
-        tableModeOptionHeaderClassName = defaultBorderClass;
-    }
-    if ((_b = props.tableModeProps) === null || _b === void 0 ? void 0 : _b.optionHeaderClassName) {
-        tableModeOptionHeaderClassName += ' ' + props.tableModeProps.optionHeaderClassName;
-    }
-    const optionStyles = [];
-    if (tableModeOptionHeaderClassName) {
-        optionStyles.push({ key: 'tableModeClassName', value: tableModeOptionHeaderClassName });
-    }
-    groupEdit.addItemComponent({
-        key: 'header',
-        role: 'options',
-        style: optionStyles.length > 0 ? optionStyles : undefined,
-        items: props.scaleOptions.map(option => {
-            return {
-                key: option.key,
-                role: 'option',
-                style: option.className ? [{ key: 'className', value: option.className }] : undefined,
-                content: !Array.isArray(option.content) ? utils_simpleGenerators.generateLocStrings(option.content) : undefined,
-                items: Array.isArray(option.content) ? option.content.map((cont, index) => {
-                    return {
-                        key: index.toFixed(),
-                        role: 'text',
-                        content: utils_simpleGenerators.generateLocStrings(cont.content),
-                        style: cont.className ? [{ key: 'className', value: cont.className }] : undefined,
-                    };
-                }) : [],
-            };
-        })
-    });
-    props.rows.forEach((row, index) => {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
-        let tableModeRowClassName = undefined;
-        let horizontalModeRowClassName = undefined;
-        let verticalModeRowClassName = undefined;
-        const isLast = index === props.rows.length - 1;
-        if (!((_a = props.tableModeProps) === null || _a === void 0 ? void 0 : _a.hideRowBorder) && !isLast) {
-            tableModeRowClassName = defaultBorderClass;
-        }
-        if ((_b = row.tableModeProps) === null || _b === void 0 ? void 0 : _b.className) {
-            tableModeRowClassName += ' ' + ((_c = row.tableModeProps) === null || _c === void 0 ? void 0 : _c.className);
-        }
-        if (!((_d = props.horizontalModeProps) === null || _d === void 0 ? void 0 : _d.hideRowBorder) && !isLast) {
-            horizontalModeRowClassName = defaultBorderClass;
-        }
-        if ((_e = row.horizontalModeProps) === null || _e === void 0 ? void 0 : _e.className) {
-            horizontalModeRowClassName += ' ' + ((_f = row.horizontalModeProps) === null || _f === void 0 ? void 0 : _f.className);
-        }
-        if (!((_g = props.verticalModeProps) === null || _g === void 0 ? void 0 : _g.hideRowBorder) && !isLast) {
-            verticalModeRowClassName = defaultBorderClass;
-        }
-        if ((_h = row.verticalModeProps) === null || _h === void 0 ? void 0 : _h.className) {
-            verticalModeRowClassName += ' ' + ((_j = row.verticalModeProps) === null || _j === void 0 ? void 0 : _j.className);
-        }
-        const rowStyles = [];
-        if (tableModeRowClassName) {
-            rowStyles.push({ key: 'tableModeClassName', value: tableModeRowClassName });
-        }
-        if (horizontalModeRowClassName) {
-            rowStyles.push({ key: 'horizontalModeClassName', value: horizontalModeRowClassName });
-        }
-        if (verticalModeRowClassName) {
-            rowStyles.push({ key: 'verticalModeClassName', value: verticalModeRowClassName });
-        }
-        if ((_k = row.horizontalModeProps) === null || _k === void 0 ? void 0 : _k.labelPlacement) {
-            rowStyles.push({ key: 'horizontalModeLabelPlacement', value: row.horizontalModeProps.labelPlacement });
-        }
-        groupEdit.addItemComponent({
-            key: row.key,
-            role: 'row',
-            style: rowStyles.length > 0 ? rowStyles : undefined,
-            content: !Array.isArray(row.content) ? utils_simpleGenerators.generateLocStrings(row.content) : undefined,
-            items: Array.isArray(row.content) ? row.content.map((cont, index) => {
-                return {
-                    key: index.toFixed(),
-                    role: 'text',
-                    content: utils_simpleGenerators.generateLocStrings(cont.content),
-                    style: cont.className ? [{ key: 'className', value: cont.className }] : undefined,
-                };
-            }) : [],
-        });
-    });
-    return groupEdit.getComponent();
-};
-const initResponsiveBipolarLikertArray = (rgKey, props, displayCondition) => {
-    var _a;
-    const groupEdit = new surveyEditor_componentEditor.ComponentEditor(undefined, {
-        key: rgKey,
-        isGroup: true,
-        role: 'responsiveBipolarLikertScaleArray',
-    });
-    if (displayCondition) {
-        groupEdit.setDisplayCondition(displayCondition);
-    }
-    const style = [
-        { key: 'defaultMode', value: props.defaultMode },
-    ];
-    if (props.responsiveModes) {
-        if (props.responsiveModes.sm) {
-            style.push({ key: 'smMode', value: props.responsiveModes.sm });
-        }
-        if (props.responsiveModes.md) {
-            style.push({ key: 'mdMode', value: props.responsiveModes.md });
-        }
-        if (props.responsiveModes.lg) {
-            style.push({ key: 'lgMode', value: props.responsiveModes.lg });
-        }
-        if (props.responsiveModes.xl) {
-            style.push({ key: 'xlMode', value: props.responsiveModes.xl });
-        }
-        if (props.responsiveModes.xxl) {
-            style.push({ key: 'xxlMode', value: props.responsiveModes.xxl });
-        }
-    }
-    if (props.rgClassName) {
-        style.push({ key: 'className', value: props.rgClassName });
-    }
-    if (props.withLabelRowModeProps) {
-        if (props.withLabelRowModeProps.maxLabelWidth) {
-            style.push({ key: 'labelRowMaxLabelWidth', value: props.withLabelRowModeProps.maxLabelWidth });
-        }
-    }
-    style.push({ key: 'labelRowPosition', value: ((_a = props.withLabelRowModeProps) === null || _a === void 0 ? void 0 : _a.useBottomLabel) ? 'bottom' : 'top' });
-    if (props.tableModeProps) {
-        style.push({ key: 'tableModeClassName', value: 'table-borderless mb-0 ' + props.tableModeProps.className });
-        if (props.tableModeProps.layout) {
-            style.push({ key: 'tableModeLayout', value: props.tableModeProps.layout });
-        }
-        if (props.tableModeProps.labelColWidth) {
-            style.push({ key: 'tableModeLabelColWidth', value: props.tableModeProps.labelColWidth });
-        }
-    }
-    groupEdit.setStyles(style);
-    const defaultBorderClass = 'border-bottom border-grey-2';
-    groupEdit.addItemComponent({
-        key: 'options',
-        role: 'options',
-        items: props.scaleOptions.map(option => {
-            return {
-                key: option.key,
-                role: 'option',
-            };
-        })
-    });
-    props.rows.forEach((row, index) => {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-        let tableModeRowClassName = undefined;
-        let withLabelRowModeClassName = undefined;
-        let verticalModeRowClassName = undefined;
-        const isLast = index === props.rows.length - 1;
-        if (!((_a = props.tableModeProps) === null || _a === void 0 ? void 0 : _a.hideRowBorder) && !isLast) {
-            tableModeRowClassName = defaultBorderClass;
-        }
-        if ((_b = row.tableModeProps) === null || _b === void 0 ? void 0 : _b.className) {
-            tableModeRowClassName += ' ' + ((_c = row.tableModeProps) === null || _c === void 0 ? void 0 : _c.className);
-        }
-        if (!((_d = props.withLabelRowModeProps) === null || _d === void 0 ? void 0 : _d.hideRowBorder) && !isLast) {
-            withLabelRowModeClassName = defaultBorderClass;
-        }
-        if ((_e = row.withLabelRowModeProps) === null || _e === void 0 ? void 0 : _e.className) {
-            withLabelRowModeClassName += ' ' + ((_f = row.withLabelRowModeProps) === null || _f === void 0 ? void 0 : _f.className);
-        }
-        if (!((_g = props.verticalModeProps) === null || _g === void 0 ? void 0 : _g.hideRowBorder) && !isLast) {
-            verticalModeRowClassName = defaultBorderClass;
-        }
-        if ((_h = row.verticalModeProps) === null || _h === void 0 ? void 0 : _h.className) {
-            verticalModeRowClassName += ' ' + ((_j = row.verticalModeProps) === null || _j === void 0 ? void 0 : _j.className);
-        }
-        const rowStyles = [];
-        if (tableModeRowClassName) {
-            rowStyles.push({ key: 'tableModeClassName', value: tableModeRowClassName });
-        }
-        if (withLabelRowModeClassName) {
-            rowStyles.push({ key: 'withLabelRowModeClassName', value: withLabelRowModeClassName });
-        }
-        if (verticalModeRowClassName) {
-            rowStyles.push({ key: 'verticalModeClassName', value: verticalModeRowClassName });
-        }
-        const startLabel = {
-            key: 'start',
-            role: 'start',
-            content: !Array.isArray(row.startLabel) ? utils_simpleGenerators.generateLocStrings(row.startLabel) : undefined,
-            items: Array.isArray(row.startLabel) ? row.startLabel.map((cont, index) => {
-                return {
-                    key: index.toFixed(),
-                    role: 'text',
-                    content: utils_simpleGenerators.generateLocStrings(cont.content),
-                    style: cont.className ? [{ key: 'className', value: cont.className }] : undefined,
-                };
-            }) : [],
-        };
-        const endLabel = {
-            key: 'end',
-            role: 'end',
-            content: !Array.isArray(row.endLabel) ? utils_simpleGenerators.generateLocStrings(row.endLabel) : undefined,
-            items: Array.isArray(row.endLabel) ? row.endLabel.map((cont, index) => {
-                return {
-                    key: index.toFixed(),
-                    role: 'text',
-                    content: utils_simpleGenerators.generateLocStrings(cont.content),
-                    style: cont.className ? [{ key: 'className', value: cont.className }] : undefined,
-                };
-            }) : [],
-        };
-        groupEdit.addItemComponent({
-            key: row.key,
-            role: 'row',
-            style: rowStyles.length > 0 ? rowStyles : undefined,
-            items: [
-                startLabel, endLabel
-            ],
-        });
-    });
-    return groupEdit.getComponent();
-};
-const initLikertScaleItem = (key, options, stackOnSmallScreen, displayCondition) => {
-    // init group
-    const groupEdit = new surveyEditor_componentEditor.ComponentEditor(undefined, {
-        key: key,
-        isGroup: true,
-        role: 'likert',
-    });
-    groupEdit.setDisplayCondition(displayCondition);
-    if (stackOnSmallScreen) {
-        groupEdit.setStyles([
-            { key: 'responsive', value: 'stackOnSmallScreen' }
-        ]);
-    }
-    options.forEach((option) => {
-        const optionComponent = new surveyEditor_componentEditor.ComponentEditor(undefined, {
-            key: option.key,
-            role: 'option',
-        });
-        if (option.content) {
-            optionComponent.setContent(utils_simpleGenerators.generateLocStrings(option.content));
-        }
-        if (option.className) {
-            optionComponent.setStyles([{
-                    key: 'className', value: option.className
-                }]);
-        }
-        optionComponent.setDisabled(option.disabled);
-        groupEdit.addItemComponent(optionComponent.getComponent());
-    });
-    return groupEdit.getComponent();
-};
-
-exports.SurveyItemGenerators = SurveyItemGenerators;
-exports.initDropdownGroup = initDropdownGroup;
-exports.initEQ5DHealthIndicatorQuestion = initEQ5DHealthIndicatorQuestion;
-exports.initLikertScaleGroup = initLikertScaleGroup;
-exports.initLikertScaleItem = initLikertScaleItem;
-exports.initMatrixQuestion = initMatrixQuestion;
-exports.initMultipleChoiceGroup = initMultipleChoiceGroup;
-exports.initResponsiveBipolarLikertArray = initResponsiveBipolarLikertArray;
-exports.initResponsiveSingleChoiceArray = initResponsiveSingleChoiceArray;
-exports.initSingleChoiceGroup = initSingleChoiceGroup;
-exports.initSliderCategoricalGroup = initSliderCategoricalGroup;
-//# sourceMappingURL=question-type-generator.js.map