npm - react-survey-builder - Versions diffs - 1.0.109 → 1.0.111 - Mend

react-survey-builder 1.0.109 → 1.0.111

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/dist/app.css +1 -1
package/dist/app.css.map +1 -1
package/dist/bundle.js +1 -1
package/dist/src_survey-elements-edit_jsx.bundle.js +1 -1
package/lib/survey-elements-edit.js +9 -9
package/lib/toolbar.js +6 -6
package/package.json +1 -1

package/dist/app.css CHANGED Viewed

	@@ -1 +1 @@
1	- @import"react-bootstrap-typeahead/css/Typeahead.css";@import"react-bootstrap-typeahead/css/Typeahead.bs5.css";.rating-container,.react-star-rating__root{vertical-align:middle;display:inline-block}.rating-container .rating-stars:before,.rating-container:before{content:attr(data-content)}.react-star-rating__star{width:25px}.react-star-rating__star #star-flat{fill:#c6c6c6}.react-star-rating__star #star-flat:hover{fill:#ffa91b}.react-star-rating__root{font-size:2em}.react-star-rating__root.rating-editing:hover{cursor:pointer}.rating-container{position:relative;color:#e3e3e3;overflow:hidden}.rating-container .rating-stars{position:absolute;left:0;top:0;white-space:nowrap;overflow:hidden;color:#f5a71b;-webkit-transition:all .01s;-moz-transition:all .01s;transition:all .01s;-webkit-mask-image:-webkit-gradient(linear, left top, left bottom, from(#FDBD47), to(#F5A71B))}.react-rating-caption{font-size:1.25em;vertical-align:middle;margin-right:.5em}.rating-disabled .rating-container:hover{cursor:not-allowed}.react-star-rating__size--sm{font-size:1em}.react-star-rating__size--md{font-size:2em}.react-star-rating__size--lg{font-size:2.5em}input[type=range].range-slider{-webkit-appearance:none;display:block;width:100%;height:calc(1.5em + .75rem + 2px);padding:.375rem 0;line-height:1.5;font:1rem/1 arial,sans-serif;color:#ced4da;background-clip:padding-box;background:rgba(0,0,0,0);border:none;outline:none;box-shadow:none;position:relative}input[type=range].range-slider::-moz-focus-outer{outline:none;border:none}input[type=range].range-slider::-moz-focusring{outline:none}input[type=range].range-slider.range-slider--sm{height:calc(1.5em + .5rem + 2px);padding:.25rem 0;font-size:.875rem}input[type=range].range-slider.range-slider--lg{height:calc(1.5em + 1rem + 2px);padding:.5rem 0;font-size:1.25rem}input[type=range].range-slider::-webkit-slider-runnable-track{box-sizing:border-box;border:none;height:4px;background:#ced4da;border-radius:2px}input[type=range].range-slider::-moz-range-track{box-sizing:border-box;border:none;height:4px;background:#ced4da;border-radius:2px}input[type=range].range-slider::-ms-track{box-sizing:border-box;border:none;height:4px;background:#ced4da;border-radius:2px}input[type=range].range-slider::-ms-fill-lower{box-sizing:border-box;border:none;height:4px;background:#ced4da;border-radius:2px}input[type=range].range-slider::-ms-track{color:rgba(0,0,0,0)}input[type=range].range-slider.range-slider--lg::-webkit-slider-runnable-track{height:6px;border-radius:3px}input[type=range].range-slider.range-slider--lg::-moz-range-track{height:6px;border-radius:3px}input[type=range].range-slider.range-slider--lg::-ms-track{height:6px;border-radius:3px}input[type=range].range-slider.range-slider--lg::-ms-fill-lower{height:6px;border-radius:3px}input[type=range].range-slider.disabled::-webkit-slider-runnable-track{background:#e9e9e9;cursor:not-allowed}input[type=range].range-slider.disabled::-moz-range-track{background:#e9e9e9;cursor:not-allowed}input[type=range].range-slider.disabled::-ms-track{background:#e9e9e9;cursor:not-allowed}input[type=range].range-slider.range-slider--primary::-webkit-slider-thumb{background:#007bff}input[type=range].range-slider.range-slider--primary::-moz-range-thumb{background:#007bff}input[type=range].range-slider.range-slider--primary::-ms-thumb{background:#007bff}input[type=range].range-slider.range-slider--primary:not(.disabled):focus::-webkit-slider-thumb,input[type=range].range-slider.range-slider--primary:not(.disabled):active::-webkit-slider-thumb{box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}input[type=range].range-slider.range-slider--primary:not(.disabled):focus::-moz-range-thumb,input[type=range].range-slider.range-slider--primary:not(.disabled):active::-moz-range-thumb{box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}input[type=range].range-slider.range-slider--primary:not(.disabled):focus::-ms-thumb,input[type=range].range-slider.range-slider--primary:not(.disabled):active::-ms-thumb{box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}input[type=range].range-slider.range-slider--secondary::-webkit-slider-thumb{background:#6c757d}input[type=range].range-slider.range-slider--secondary::-moz-range-thumb{background:#6c757d}input[type=range].range-slider.range-slider--secondary::-ms-thumb{background:#6c757d}input[type=range].range-slider.range-slider--secondary:not(.disabled):focus::-webkit-slider-thumb,input[type=range].range-slider.range-slider--secondary:not(.disabled):active::-webkit-slider-thumb{box-shadow:0 0 0 .2rem rgba(108,117,125,.25)}input[type=range].range-slider.range-slider--secondary:not(.disabled):focus::-moz-range-thumb,input[type=range].range-slider.range-slider--secondary:not(.disabled):active::-moz-range-thumb{box-shadow:0 0 0 .2rem rgba(108,117,125,.25)}input[type=range].range-slider.range-slider--secondary:not(.disabled):focus::-ms-thumb,input[type=range].range-slider.range-slider--secondary:not(.disabled):active::-ms-thumb{box-shadow:0 0 0 .2rem rgba(108,117,125,.25)}input[type=range].range-slider.range-slider--success::-webkit-slider-thumb{background:#28a745}input[type=range].range-slider.range-slider--success::-moz-range-thumb{background:#28a745}input[type=range].range-slider.range-slider--success::-ms-thumb{background:#28a745}input[type=range].range-slider.range-slider--success:not(.disabled):focus::-webkit-slider-thumb,input[type=range].range-slider.range-slider--success:not(.disabled):active::-webkit-slider-thumb{box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}input[type=range].range-slider.range-slider--success:not(.disabled):focus::-moz-range-thumb,input[type=range].range-slider.range-slider--success:not(.disabled):active::-moz-range-thumb{box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}input[type=range].range-slider.range-slider--success:not(.disabled):focus::-ms-thumb,input[type=range].range-slider.range-slider--success:not(.disabled):active::-ms-thumb{box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}input[type=range].range-slider.range-slider--danger::-webkit-slider-thumb{background:#dc3545}input[type=range].range-slider.range-slider--danger::-moz-range-thumb{background:#dc3545}input[type=range].range-slider.range-slider--danger::-ms-thumb{background:#dc3545}input[type=range].range-slider.range-slider--danger:not(.disabled):focus::-webkit-slider-thumb,input[type=range].range-slider.range-slider--danger:not(.disabled):active::-webkit-slider-thumb{box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}input[type=range].range-slider.range-slider--danger:not(.disabled):focus::-moz-range-thumb,input[type=range].range-slider.range-slider--danger:not(.disabled):active::-moz-range-thumb{box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}input[type=range].range-slider.range-slider--danger:not(.disabled):focus::-ms-thumb,input[type=range].range-slider.range-slider--danger:not(.disabled):active::-ms-thumb{box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}input[type=range].range-slider.range-slider--warning::-webkit-slider-thumb{background:#ffc107}input[type=range].range-slider.range-slider--warning::-moz-range-thumb{background:#ffc107}input[type=range].range-slider.range-slider--warning::-ms-thumb{background:#ffc107}input[type=range].range-slider.range-slider--warning:not(.disabled):focus::-webkit-slider-thumb,input[type=range].range-slider.range-slider--warning:not(.disabled):active::-webkit-slider-thumb{box-shadow:0 0 0 .2rem rgba(255,193,7,.25)}input[type=range].range-slider.range-slider--warning:not(.disabled):focus::-moz-range-thumb,input[type=range].range-slider.range-slider--warning:not(.disabled):active::-moz-range-thumb{box-shadow:0 0 0 .2rem rgba(255,193,7,.25)}input[type=range].range-slider.range-slider--warning:not(.disabled):focus::-ms-thumb,input[type=range].range-slider.range-slider--warning:not(.disabled):active::-ms-thumb{box-shadow:0 0 0 .2rem rgba(255,193,7,.25)}input[type=range].range-slider.range-slider--info::-webkit-slider-thumb{background:#17a2b8}input[type=range].range-slider.range-slider--info::-moz-range-thumb{background:#17a2b8}input[type=range].range-slider.range-slider--info::-ms-thumb{background:#17a2b8}input[type=range].range-slider.range-slider--info:not(.disabled):focus::-webkit-slider-thumb,input[type=range].range-slider.range-slider--info:not(.disabled):active::-webkit-slider-thumb{box-shadow:0 0 0 .2rem rgba(23,162,184,.25)}input[type=range].range-slider.range-slider--info:not(.disabled):focus::-moz-range-thumb,input[type=range].range-slider.range-slider--info:not(.disabled):active::-moz-range-thumb{box-shadow:0 0 0 .2rem rgba(23,162,184,.25)}input[type=range].range-slider.range-slider--info:not(.disabled):focus::-ms-thumb,input[type=range].range-slider.range-slider--info:not(.disabled):active::-ms-thumb{box-shadow:0 0 0 .2rem rgba(23,162,184,.25)}input[type=range].range-slider.range-slider--light::-webkit-slider-thumb{background:#f8f9fa}input[type=range].range-slider.range-slider--light::-moz-range-thumb{background:#f8f9fa}input[type=range].range-slider.range-slider--light::-ms-thumb{background:#f8f9fa}input[type=range].range-slider.range-slider--light:not(.disabled):focus::-webkit-slider-thumb,input[type=range].range-slider.range-slider--light:not(.disabled):active::-webkit-slider-thumb{box-shadow:0 0 0 .2rem rgba(248,249,250,.25)}input[type=range].range-slider.range-slider--light:not(.disabled):focus::-moz-range-thumb,input[type=range].range-slider.range-slider--light:not(.disabled):active::-moz-range-thumb{box-shadow:0 0 0 .2rem rgba(248,249,250,.25)}input[type=range].range-slider.range-slider--light:not(.disabled):focus::-ms-thumb,input[type=range].range-slider.range-slider--light:not(.disabled):active::-ms-thumb{box-shadow:0 0 0 .2rem rgba(248,249,250,.25)}input[type=range].range-slider.range-slider--dark::-webkit-slider-thumb{background:#343a40}input[type=range].range-slider.range-slider--dark::-moz-range-thumb{background:#343a40}input[type=range].range-slider.range-slider--dark::-ms-thumb{background:#343a40}input[type=range].range-slider.range-slider--dark:not(.disabled):focus::-webkit-slider-thumb,input[type=range].range-slider.range-slider--dark:not(.disabled):active::-webkit-slider-thumb{box-shadow:0 0 0 .2rem rgba(52,58,64,.25)}input[type=range].range-slider.range-slider--dark:not(.disabled):focus::-moz-range-thumb,input[type=range].range-slider.range-slider--dark:not(.disabled):active::-moz-range-thumb{box-shadow:0 0 0 .2rem rgba(52,58,64,.25)}input[type=range].range-slider.range-slider--dark:not(.disabled):focus::-ms-thumb,input[type=range].range-slider.range-slider--dark:not(.disabled):active::-ms-thumb{box-shadow:0 0 0 .2rem rgba(52,58,64,.25)}input[type=range].range-slider::-webkit-slider-thumb{-webkit-appearance:none;box-sizing:border-box;border:none;border-radius:50%;background:#007bff;height:20px;width:20px;cursor:pointer;transition:box-shadow .5s ease;margin-top:-8px}input[type=range].range-slider::-moz-range-thumb{-webkit-appearance:none;box-sizing:border-box;border:none;border-radius:50%;background:#007bff;height:20px;width:20px;cursor:pointer;transition:box-shadow .5s ease}input[type=range].range-slider::-ms-thumb{-webkit-appearance:none;box-sizing:border-box;border:none;border-radius:50%;background:#007bff;height:20px;width:20px;cursor:pointer;transition:box-shadow .5s ease;margin-top:0}input[type=range].range-slider.range-slider--sm::-webkit-slider-thumb{height:16px;width:16px;margin-top:-6px}input[type=range].range-slider.range-slider--sm::-moz-range-thumb{height:16px;width:16px}input[type=range].range-slider.range-slider--sm::-ms-thumb{height:16px;width:16px;margin-top:0}input[type=range].range-slider.range-slider--lg::-webkit-slider-thumb{height:24px;width:24px;margin-top:-9px}input[type=range].range-slider.range-slider--lg::-moz-range-thumb{height:24px;width:24px}input[type=range].range-slider.range-slider--lg::-ms-thumb{height:24px;width:24px;margin-top:0}input[type=range].range-slider.disabled::-webkit-slider-thumb{background:#e9e9e9;cursor:not-allowed}input[type=range].range-slider.disabled::-moz-range-thumb{background:#e9e9e9;cursor:not-allowed}input[type=range].range-slider.disabled::-ms-thumb{background:#e9e9e9;cursor:not-allowed}input[type=range].range-slider::-ms-tooltip{display:none}.range-slider__wrap{position:relative;display:block;height:calc(1.5em + .75rem + 2px)}.range-slider__wrap .range-slider__tooltip{display:block;position:absolute;width:0;height:26px;text-align:center;overflow:visible;opacity:0;transition:opacity .15s linear;z-index:1070}.range-slider__wrap .range-slider__tooltip.range-slider__tooltip--top{bottom:calc(.75em + .375rem + 1px + .4rem + 10px + 3px);top:auto}.range-slider__wrap .range-slider__tooltip.range-slider__tooltip--bottom{top:calc(.75em + .375rem + 1px + .4rem + 10px + 3px);bottom:auto}.range-slider__wrap .range-slider__tooltip.range-slider__tooltip--on{opacity:.9}.range-slider__wrap .range-slider__tooltip.range-slider__tooltip--on.range-slider__tooltip--disabled{opacity:.25}.range-slider__wrap .range-slider__tooltip .range-slider__tooltip__label{position:absolute;transform:translateX(-50%);max-width:200px;padding:0 .5rem;height:26px;line-height:26px;color:#fff;text-align:center;background-color:#000;opacity:.9;border-radius:.25rem;box-sizing:border-box;font-size:.875rem;white-space:nowrap}.range-slider__wrap .range-slider__tooltip .range-slider__tooltip__caret{position:absolute;transform:translateX(-50%);display:block;width:.8rem;height:.4rem;opacity:.9}.range-slider__wrap .range-slider__tooltip .range-slider__tooltip__caret::before{position:absolute;content:"";border-color:rgba(0,0,0,0);border-style:solid;left:0}.range-slider__wrap .range-slider__tooltip.range-slider__tooltip--top .range-slider__tooltip__caret{bottom:-0.4rem}.range-slider__wrap .range-slider__tooltip.range-slider__tooltip--top .range-slider__tooltip__caret::before{top:0;border-width:.4rem .4rem 0;border-top-color:#000}.range-slider__wrap .range-slider__tooltip.range-slider__tooltip--bottom .range-slider__tooltip__caret{top:-0.4rem}.range-slider__wrap .range-slider__tooltip.range-slider__tooltip--bottom .range-slider__tooltip__caret::before{bottom:0;border-width:0 .4rem .4rem;border-bottom-color:#000}.range-slider__wrap.range-slider__wrap--sm{height:calc(1.5em + .5rem + 2px);font-size:.875rem}.range-slider__wrap.range-slider__wrap--sm .range-slider__tooltip--top{bottom:calc(.75em + .25rem + 1px + .4rem + 8px + 3px)}.range-slider__wrap.range-slider__wrap--sm .range-slider__tooltip--bottom{top:calc(.75em + .25rem + 1px + .4rem + 8px + 3px)}.range-slider__wrap.range-slider__wrap--lg{height:calc(1.5em + 1rem + 2px);font-size:1.25rem}.range-slider__wrap.range-slider__wrap--lg .range-slider__tooltip--top{bottom:calc(.75em + .5rem + 1px + .4rem + 12px + 3px)}.range-slider__wrap.range-slider__wrap--lg .range-slider__tooltip--bottom{top:calc(.75em + .5rem + 1px + .4rem + 12px + 3px)}.range-slider__wrap:hover .range-slider__tooltip:not(.range-slider__tooltip--off):not(.range-slider__tooltip--disabled){opacity:.9}.range-slider__wrap:hover .range-slider__tooltip--disabled:not(.range-slider__tooltip--off){opacity:.25}.rdw-option-wrapper{border:1px solid #f1f1f1;padding:5px;min-width:25px;height:20px;border-radius:2px;margin:0 4px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;background:#fff;text-transform:capitalize}.rdw-option-wrapper:hover{box-shadow:1px 1px 0px #bfbdbd}.rdw-option-wrapper:active{box-shadow:1px 1px 0px #bfbdbd inset}.rdw-option-active{box-shadow:1px 1px 0px #bfbdbd inset}.rdw-option-wrapper img{width:13px}.rdw-option-disabled{opacity:.3;cursor:default}.rdw-dropdown-wrapper{height:30px;background:#fff;cursor:pointer;border:1px solid #f1f1f1;border-radius:2px;margin:0 3px;text-transform:capitalize;background:#fff}.rdw-dropdown-wrapper:focus{outline:none}.rdw-dropdown-wrapper:hover{box-shadow:1px 1px 0px #bfbdbd;background-color:#fff}.rdw-dropdown-wrapper:active{box-shadow:1px 1px 0px #bfbdbd inset}.rdw-dropdown-carettoopen{height:0px;width:0px;position:absolute;top:35%;right:10%;border-top:6px solid #000;border-left:5px solid rgba(0,0,0,0);border-right:5px solid rgba(0,0,0,0)}.rdw-dropdown-carettoclose{height:0px;width:0px;position:absolute;top:35%;right:10%;border-bottom:6px solid #000;border-left:5px solid rgba(0,0,0,0);border-right:5px solid rgba(0,0,0,0)}.rdw-dropdown-selectedtext{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;height:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 5px}.rdw-dropdown-optionwrapper{z-index:100;position:relative;border:1px solid #f1f1f1;width:98%;background:#fff;border-radius:2px;margin:0;padding:0}.rdw-dropdown-optionwrapper:hover{box-shadow:1px 1px 0px #bfbdbd;background-color:#fff}.rdw-dropdownoption-default{min-height:25px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 5px}.rdw-dropdownoption-highlighted{background:#f1f1f1}.rdw-dropdownoption-active{background:#f5f5f5}.rdw-dropdownoption-disabled{opacity:.3;cursor:default}.rdw-inline-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:6px}.rdw-inline-dropdown{width:50px}.rdw-inline-dropdownoption{height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.rdw-block-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:6px}.rdw-block-dropdown{width:110px}.rdw-fontsize-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:6px}.rdw-fontsize-dropdown{min-width:40px}.rdw-fontsize-option{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.rdw-fontfamily-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:6px}.rdw-fontfamily-dropdown{width:115px}.rdw-fontfamily-placeholder{white-space:nowrap;max-width:90px;overflow:hidden;text-overflow:ellipsis}.rdw-fontfamily-optionwrapper{width:140px}.rdw-list-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:6px}.rdw-list-dropdown{width:50px;z-index:90}.rdw-list-dropdownOption{height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.rdw-text-align-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:6px}.rdw-text-align-dropdown{width:50px;z-index:90}.rdw-text-align-dropdownOption{height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.rdw-right-aligned-block{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.rdw-left-aligned-block{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.rdw-center-aligned-block{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.rdw-justify-aligned-block{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.rdw-colorpicker-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:6px;position:relative}.rdw-colorpicker-modal{position:absolute;top:35px;right:5px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:200px;height:200px;border:1px solid #f1f1f1;padding:15px;border-radius:2px;z-index:100;background:#fff;box-shadow:3px 3px 5px #bfbdbd}.rdw-colorpicker-modal-header{display:-webkit-box;display:-ms-flexbox;display:flex;padding-bottom:5px}.rdw-colorpicker-modal-style-label{font-size:15px;width:50%;text-align:center;cursor:pointer;padding:0 10px 5px}.rdw-colorpicker-modal-style-label-active{border-bottom:2px solid #0a66b7}.rdw-colorpicker-modal-options{margin:5px auto;display:-webkit-box;display:-ms-flexbox;display:flex;width:170px;-ms-flex-wrap:wrap;flex-wrap:wrap}.rdw-colorpicker-cube{width:22px;height:22px;border:1px solid #f1f1f1}.rdw-colorpicker-option{margin:3px;padding:0;min-height:20px;border:none;width:22px;height:22px;min-width:22px;box-shadow:1px 2px 1px #bfbdbd inset}.rdw-colorpicker-option:hover{box-shadow:1px 2px 1px #bfbdbd}.rdw-colorpicker-option:active{box-shadow:-1px -2px 1px #bfbdbd}.rdw-colorpicker-option-active{box-shadow:0px 0px 2px 2px #bfbdbd}.rdw-link-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:6px;position:relative}.rdw-link-dropdown{width:50px}.rdw-link-dropdownOption{height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.rdw-link-dropdownPlaceholder{margin-left:8px}.rdw-link-modal{position:absolute;top:35px;left:5px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:235px;height:180px;border:1px solid #f1f1f1;padding:15px;border-radius:2px;z-index:100;background:#fff;box-shadow:3px 3px 5px #bfbdbd}.rdw-link-modal-label{font-size:15px}.rdw-link-modal-input{margin-top:5px;border-radius:2px;border:1px solid #f1f1f1;height:25px;margin-bottom:15px;padding:0 5px}.rdw-link-modal-input:focus{outline:none}.rdw-link-modal-buttonsection{margin:0 auto}.rdw-link-modal-btn{margin-left:10px;width:75px;height:30px;border:1px solid #f1f1f1;border-radius:2px;cursor:pointer;background:#fff;text-transform:capitalize}.rdw-link-modal-btn:hover{box-shadow:1px 1px 0px #bfbdbd}.rdw-link-modal-btn:active{box-shadow:1px 1px 0px #bfbdbd inset}.rdw-link-modal-btn:focus{outline:none !important}.rdw-link-modal-btn:disabled{background:#ece9e9}.rdw-link-dropdownoption{height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.rdw-history-dropdown{width:50px}.rdw-embedded-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:6px;position:relative}.rdw-embedded-modal{position:absolute;top:35px;left:5px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:235px;height:180px;border:1px solid #f1f1f1;padding:15px;border-radius:2px;z-index:100;background:#fff;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;box-shadow:3px 3px 5px #bfbdbd}.rdw-embedded-modal-header{font-size:15px;display:-webkit-box;display:-ms-flexbox;display:flex}.rdw-embedded-modal-header-option{width:50%;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.rdw-embedded-modal-header-label{width:95px;border:1px solid #f1f1f1;margin-top:5px;background:#6eb8d4;border-bottom:2px solid #0a66b7}.rdw-embedded-modal-link-section{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.rdw-embedded-modal-link-input{width:95%;height:35px;margin:10px 0;border:1px solid #f1f1f1;border-radius:2px;font-size:15px;padding:0 5px}.rdw-embedded-modal-link-input:focus{outline:none}.rdw-embedded-modal-btn-section{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.rdw-embedded-modal-btn{margin:0 3px;width:75px;height:30px;border:1px solid #f1f1f1;border-radius:2px;cursor:pointer;background:#fff;text-transform:capitalize}.rdw-embedded-modal-btn:hover{box-shadow:1px 1px 0px #bfbdbd}.rdw-embedded-modal-btn:active{box-shadow:1px 1px 0px #bfbdbd inset}.rdw-embedded-modal-btn:focus{outline:none !important}.rdw-embedded-modal-btn:disabled{background:#ece9e9}.rdw-embedded-modal-size{display:-webkit-box;display:-ms-flexbox;display:flex;margin:5px 0 10px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.rdw-embedded-modal-size-input{width:45%;height:20px;border:1px solid #f1f1f1;border-radius:2px;font-size:12px}.rdw-embedded-modal-size-input:focus{outline:none}.rdw-emoji-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:6px;position:relative}.rdw-emoji-modal{overflow:auto;position:absolute;top:35px;left:5px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:235px;height:180px;border:1px solid #f1f1f1;padding:15px;border-radius:2px;z-index:100;background:#fff;box-shadow:3px 3px 5px #bfbdbd}.rdw-emoji-icon{margin:2.5px;height:24px;width:24px;cursor:pointer;font-size:22px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.rdw-spinner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100%;width:100%}.rdw-spinner>div{width:12px;height:12px;background-color:#333;border-radius:100%;display:inline-block;-webkit-animation:sk-bouncedelay 1.4s infinite ease-in-out both;animation:sk-bouncedelay 1.4s infinite ease-in-out both}.rdw-spinner .rdw-bounce1{-webkit-animation-delay:-0.32s;animation-delay:-0.32s}.rdw-spinner .rdw-bounce2{-webkit-animation-delay:-0.16s;animation-delay:-0.16s}@-webkit-keyframes sk-bouncedelay{0%,80%,100%{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1)}}@keyframes sk-bouncedelay{0%,80%,100%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}.rdw-image-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:6px;position:relative}.rdw-image-modal{position:absolute;top:35px;left:5px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:235px;height:200px;border:1px solid #f1f1f1;padding:15px;border-radius:2px;z-index:100;background:#fff;box-shadow:3px 3px 5px #bfbdbd}.rdw-image-modal-header{font-size:15px;margin:10px 0;display:-webkit-box;display:-ms-flexbox;display:flex}.rdw-image-modal-header-option{width:50%;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.rdw-image-modal-header-label{width:80px;background:#f1f1f1;border:1px solid #f1f1f1;margin-top:5px}.rdw-image-modal-header-label-highlighted{background:#6eb8d4;border-bottom:2px solid #0a66b7}.rdw-image-modal-upload-option{height:65px;width:100%;color:gray;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;border:none;font-size:15px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:#f1f1f1;outline:2px dashed gray;outline-offset:-10px;margin:10px 0}.rdw-image-modal-upload-option-highlighted{outline:2px dashed #0a66b7}.rdw-image-modal-upload-option-label{cursor:pointer;height:100%;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.rdw-image-modal-upload-option-input{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}.rdw-image-modal-url-section{display:-webkit-box;display:-ms-flexbox;display:flex}.rdw-image-modal-url-input{width:95%;height:35px;margin:25px 0 5px;border:1px solid #f1f1f1;border-radius:2px;font-size:15px;padding:0 5px}.rdw-image-modal-btn-section{margin:10px auto 0}.rdw-image-modal-url-input:focus{outline:none}.rdw-image-modal-btn{margin:0 5px;width:75px;height:30px;border:1px solid #f1f1f1;border-radius:2px;cursor:pointer;background:#fff;text-transform:capitalize}.rdw-image-modal-btn:hover{box-shadow:1px 1px 0px #bfbdbd}.rdw-image-modal-btn:active{box-shadow:1px 1px 0px #bfbdbd inset}.rdw-image-modal-btn:focus{outline:none !important}.rdw-image-modal-btn:disabled{background:#ece9e9}.rdw-image-modal-spinner{position:absolute;top:-3px;left:0;width:100%;height:100%;opacity:.5}.rdw-remove-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:6px;position:relative}.rdw-history-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:6px}.rdw-history-dropdownoption{height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.rdw-history-dropdown{width:50px}.rdw-link-decorator-wrapper{position:relative}.rdw-link-decorator-icon{position:absolute;left:40%;top:0;cursor:pointer;background-color:#fff}.rdw-mention{color:#1236ff;background-color:#f0fbff;padding:1px 2px;border-radius:2px}.rdw-mention-link{text-decoration:none}.rdw-suggestion-wrapper{position:relative}.rdw-suggestion-dropdown{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border:1px solid #f1f1f1;min-width:100px;max-height:150px;overflow:auto;background:#fff;z-index:100}.rdw-suggestion-option{padding:7px 5px;border-bottom:1px solid #f1f1f1}.rdw-suggestion-option-active{background-color:#f1f1f1}.rdw-image-alignment-options-popup{position:absolute;background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;padding:5px 2px;border-radius:2px;border:1px solid #f1f1f1;width:105px;cursor:pointer;z-index:100}.rdw-alignment-option-left{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.rdw-image-alignment-option{height:15px;width:15px;min-width:15px}.rdw-image-alignment{position:relative}.rdw-image-imagewrapper{position:relative}.rdw-image-center{float:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.rdw-image-left{float:left}.rdw-image-right{float:right}.rdw-editor-main{height:150px;width:100%;overflow:auto;box-sizing:content-box;background:#fff}.rdw-editor-toolbar{padding:6px 5px 0;border-radius:2px;border:1px solid #f1f1f1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;width:100%;background:#fff;-ms-flex-wrap:wrap;flex-wrap:wrap;font-size:15px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.public-DraftStyleDefault-block{margin:1em 0}.rdw-editor-wrapper:focus{outline:none}.DraftEditor-root{padding:0 10px}.DraftEditor-editorContainer,.DraftEditor-root,.public-DraftEditor-content{height:inherit;text-align:initial}.public-DraftEditor-content[contenteditable=true]{-webkit-user-modify:read-write-plaintext-only}.DraftEditor-root{position:relative}.DraftEditor-editorContainer{background-color:rgba(255,255,255,0);border-left:.1px solid rgba(0,0,0,0);position:relative;z-index:1}.public-DraftEditor-block{position:relative}.DraftEditor-alignLeft .public-DraftStyleDefault-block{text-align:left}.DraftEditor-alignLeft .public-DraftEditorPlaceholder-root{left:0;text-align:left}.DraftEditor-alignCenter .public-DraftStyleDefault-block{text-align:center}.DraftEditor-alignCenter .public-DraftEditorPlaceholder-root{margin:0 auto;text-align:center;width:100%}.DraftEditor-alignRight .public-DraftStyleDefault-block{text-align:right}.DraftEditor-alignRight .public-DraftEditorPlaceholder-root{right:0;text-align:right}.public-DraftEditorPlaceholder-root{color:#9197a3;position:absolute;z-index:0}.public-DraftEditorPlaceholder-hasFocus{color:#bdc1c9}.DraftEditorPlaceholder-hidden{display:none}.public-DraftStyleDefault-block{position:relative;white-space:pre-wrap}.public-DraftStyleDefault-ltr{direction:ltr;text-align:left}.public-DraftStyleDefault-rtl{direction:rtl;text-align:right}.public-DraftStyleDefault-listLTR{direction:ltr}.public-DraftStyleDefault-listRTL{direction:rtl}.public-DraftStyleDefault-ol,.public-DraftStyleDefault-ul{margin:16px 0;padding:0}.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listLTR{margin-left:1.5em}.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listRTL{margin-right:1.5em}.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listLTR{margin-left:3em}.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listRTL{margin-right:3em}.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listLTR{margin-left:4.5em}.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listRTL{margin-right:4.5em}.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listLTR{margin-left:6em}.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listRTL{margin-right:6em}.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listLTR{margin-left:7.5em}.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listRTL{margin-right:7.5em}.public-DraftStyleDefault-unorderedListItem{list-style-type:square;position:relative}.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth0{list-style-type:disc}.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth1{list-style-type:circle}.public-DraftStyleDefault-orderedListItem{list-style-type:none;position:relative}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listLTR:before{left:-36px;position:absolute;text-align:right;width:30px}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listRTL:before{position:absolute;right:-36px;text-align:left;width:30px}.public-DraftStyleDefault-orderedListItem:before{content:counter(ol0) ". ";counter-increment:ol0}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1:before{content:counter(ol1) ". ";counter-increment:ol1}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2:before{content:counter(ol2) ". ";counter-increment:ol2}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3:before{content:counter(ol3) ". ";counter-increment:ol3}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4:before{content:counter(ol4) ". ";counter-increment:ol4}.public-DraftStyleDefault-depth0.public-DraftStyleDefault-reset{counter-reset:ol0}.public-DraftStyleDefault-depth1.public-DraftStyleDefault-reset{counter-reset:ol1}.public-DraftStyleDefault-depth2.public-DraftStyleDefault-reset{counter-reset:ol2}.public-DraftStyleDefault-depth3.public-DraftStyleDefault-reset{counter-reset:ol3}.public-DraftStyleDefault-depth4.public-DraftStyleDefault-reset{counter-reset:ol4}.react-survey-builder .react-survey-builder-preview{width:100%;border:1px solid #ddd;background:#fafafa;padding:10px;box-shadow:0 0 2px 1px rgba(0,0,0,.1);overflow-y:scroll;height:100%}.react-survey-builder .react-survey-builder-preview .preview-page-break{padding:5px 0;border-top:2px dotted #ccc;border-bottom:2px dotted #ccc;background:#eee;text-align:center;width:100%;font-weight:bold;margin:5px 0;background:repeating-linear-gradient(45deg, #fff, #fff 10px, #eee 10px, #eee 20px)}.react-survey-builder .react-survey-builder-preview label{font-weight:normal}.react-survey-builder .react-survey-builder-preview .form-floating label .label-required{margin-left:5px}.react-survey-builder .react-survey-builder-preview .form-floating .rbt-input-wrapper{margin-top:40px}.react-survey-builder .react-survey-builder-preview .form-floating .rbt-input{height:calc(3.5rem + 2px);line-height:1.25}.react-survey-builder .react-survey-builder-preview .form-floating .rbt-input{padding:1.625rem .75rem .625rem .75rem}.react-survey-builder .react-survey-builder-preview .form-floating .rbt~label{opacity:.65;transform:scale(0.85) translateY(-0.5rem) translateX(0.15rem)}.react-survey-builder .react-survey-builder-preview .bold{font-weight:bold}.react-survey-builder .react-survey-builder-preview .italic{font-style:italic}.react-survey-builder .react-survey-builder-preview .no-image{background:#eee;width:100px;height:100px;border:1px solid #ddd;text-align:center;padding-top:35px}.react-survey-builder .react-survey-builder-preview .option-inline{display:inline-block !important;margin-right:10px !important}.react-survey-builder .react-survey-builder-preview .form-label{display:block !important}.react-survey-builder .react-survey-builder-preview .edit-form{position:fixed;background:#fafafa;padding:30px;border-left:0;box-shadow:none;top:0;left:-1000px;height:100%;width:715px;transition:.5s;overflow-y:auto}.react-survey-builder .react-survey-builder-preview .edit-form h4,.react-survey-builder .react-survey-builder-preview .edit-form .dismiss-edit{margin-bottom:30px}.react-survey-builder .react-survey-builder-preview .edit-form .dismiss-edit{cursor:pointer;margin-top:10px;font-size:125%}.react-survey-builder .react-survey-builder-preview .edit-form textarea{width:100%}.react-survey-builder .react-survey-builder-preview .edit-form .form-error{margin-top:8px;margin-bottom:0px}.react-survey-builder .react-survey-builder-preview .edit-form .form-group{margin-bottom:8px}.react-survey-builder .react-survey-builder-preview .edit-form .form-group .form-group-range label{display:block}.react-survey-builder .react-survey-builder-preview .edit-form .form-group .form-group-range input{display:inline-block;width:21%;margin-left:0}.react-survey-builder .react-survey-builder-preview .edit-form .form-group .form-group-range input:last-of-type{width:78%;margin-left:1%}.react-survey-builder .react-survey-builder-preview .edit-form .form-group .form-group-range input:first-of-type{width:21%;margin-left:0}.react-survey-builder .react-survey-builder-preview .edit-form .dynamic-option-list{margin-bottom:15px}.react-survey-builder .react-survey-builder-preview .edit-form .dynamic-option-list ul{list-style-type:none;margin:0;padding:0}.react-survey-builder .react-survey-builder-preview .edit-form .dynamic-option-list ul li{margin-top:10px}.react-survey-builder .react-survey-builder-preview .edit-form .dynamic-option-list ul li input{margin-right:10px}.react-survey-builder .react-survey-builder-preview .edit-form .dynamic-option-list ul li input.form-control{width:84.26%;float:left}.react-survey-builder .react-survey-builder-preview .edit-form .dynamic-option-list ul li input.form-control[type=checkbox]{border:none;box-shadow:none;margin-top:0}.react-survey-builder .react-survey-builder-preview .edit-form .dynamic-option-list ul li button{float:left;margin-right:5px}.react-survey-builder .react-survey-builder-preview .edit-form .dynamic-option-list ul li .dynamic-options-actions-buttons{margin-left:20px}.react-survey-builder .react-survey-builder-preview .Sortable{transition:opacity .25s ease-in;position:relative;cursor:move;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.react-survey-builder .react-survey-builder-preview .Sortable .rfb-item{padding:10px 20px}.react-survey-builder .react-survey-builder-preview .Sortable .rfb-item.SortableItem{position:relative}.react-survey-builder .react-survey-builder-preview .Sortable .rfb-item.SortableItem .form-error{margin-top:8px;margin-bottom:0px}.react-survey-builder .react-survey-builder-preview .Sortable .rfb-item.SortableItem .form-group{margin-bottom:8px;pointer-events:none}.react-survey-builder .react-survey-builder-preview .Sortable .rfb-item.SortableItem .form-group label,.react-survey-builder .react-survey-builder-preview .Sortable .rfb-item.SortableItem .form-group select,.react-survey-builder .react-survey-builder-preview .Sortable .rfb-item.SortableItem .form-group input,.react-survey-builder .react-survey-builder-preview .Sortable .rfb-item.SortableItem .form-group a{cursor:move}.react-survey-builder .react-survey-builder-preview .Sortable .rfb-item.SortableItem .form-group input[type=date]{height:42px}.react-survey-builder .react-survey-builder-preview .Sortable .rfb-item.SortableItem .form-group .react-star-rating{display:block}.react-survey-builder .react-survey-builder-preview .Sortable .rfb-item.SortableItem .form-group .checkbox-label,.react-survey-builder .react-survey-builder-preview .Sortable .rfb-item.SortableItem .form-group .radio-label{font-weight:normal;display:block}.react-survey-builder .react-survey-builder-preview .Sortable .rfb-item.SortableItem .form-group .label-required{margin-left:5px}.react-survey-builder .react-survey-builder-preview .Sortable .rfb-item.SortableItem.is-dragging{position:absolute;z-index:1688;border:2px #ccc dashed;background:#fff;cursor:move;padding:10px 20px}.react-survey-builder .react-survey-builder-preview .Sortable .rfb-item.is-placeholder{display:block;z-index:auto;opacity:.4;border:2px #ccc dashed}.react-survey-builder .react-survey-builder-preview .Sortable .rfb-item .toolbar-header{opacity:0;z-index:100}.react-survey-builder .react-survey-builder-preview .Sortable .rfb-item:hover{box-shadow:inset 0 0 5px #ddd;background:#fff}.react-survey-builder .react-survey-builder-preview .Sortable .rfb-item:hover select,.react-survey-builder .react-survey-builder-preview .Sortable .rfb-item:hover input{cursor:move;pointer-events:none}.react-survey-builder .react-survey-builder-preview .Sortable .rfb-item:hover .toolbar-header{opacity:1}.react-survey-builder .react-survey-builder-preview.is-editing .edit-form{z-index:2000;border-right:1px solid #ddd;box-shadow:0 0 2px 1px rgba(0,0,0,.1);left:0;transition:.5s}.react-survey-builder .react-survey-builder-toolbar{width:100%;background:#fff;overflow-y:scroll;height:100%}.react-survey-builder .react-survey-builder-toolbar h4{margin-top:0;text-align:center;padding:10px;background:#7a0019;color:#fff}.react-survey-builder .react-survey-builder-toolbar .form-group{padding:10px;border:1px dashed #ddd}.react-survey-builder .react-survey-builder-toolbar ul{padding:0}.react-survey-builder .react-survey-builder-toolbar ul li{cursor:pointer;list-style:none;margin:5px;padding:10px;border:1px dashed #ddd}.react-survey-builder .react-survey-builder-toolbar ul li svg{margin:0 15px 0 10px}.image-upload-container{position:relative}.image-upload-container .image-upload{position:relative;opacity:0;z-index:2;height:50px}.image-upload-container .image-upload-control{position:absolute;top:0px;left:0px;z-index:1}.image-upload-preview{border:4px solid #fff;box-shadow:0 0 2px 2px rgba(0,0,0,.1)}.file-upload-preview{border:4px solid #fff;box-shadow:0 0 2px 2px rgba(0,0,0,.1);padding:5px}.btn-image-clear{margin:15px 0;padding:15px}.btn-file-upload-clear{margin:auto;padding:10px}@media(max-width: 768px){.react-survey-builder .react-survey-builder-preview{width:100%}.react-survey-builder .react-survey-builder-preview .edit-form{width:100%;overflow:scroll}.react-survey-builder .react-survey-builder-preview .edit-form .btn{margin-top:10px}.react-survey-builder .react-survey-builder-preview .edit-form .dynamic-option-list ul li input.form-control{width:100%}.react-survey-builder .react-survey-builder-preview .Sortable .rfb-item .toolbar-header .toolbar-header-buttons{right:-15px}.react-survey-builder .react-survey-builder-preview .Sortable .rfb-item .toolbar-header .toolbar-header-buttons .btn{margin-right:5px;border-radius:50%;padding:7px 0px 0 3px;width:35px;height:35px}.react-survey-builder .react-survey-builder-toolbar h4{padding:10px;background:#7a0019;color:#fff}.m-signature-pad{top:0;left:0;right:0;bottom:0;width:auto;height:auto;min-width:250px;min-height:140px;margin:0}}.visible_marks{display:block;width:100%;padding:0 4px}.visible_marks label{text-align:center;display:inline-block;padding:0;margin:0;font-weight:normal}.visible_marks label:first-of-type{text-align:left}.visible_marks label:last-of-type{text-align:right}.m-signature-pad{font-size:10px;width:auto}.m-signature-pad .m-signature-pad--body{width:auto;height:200px;border:1px solid #e8e8e8;background-color:#fff;border-radius:4px}.m-signature-pad .m-signature-pad--body canvas{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:4px;box-shadow:0 0 5px rgba(0,0,0,.02) inset}.m-signature-pad .m-signature-pad--footer{position:relative}.survey-place-holder{margin:10px;border:2px dashed #bbb;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;padding:25px;text-align:center;font:20pt bold,"Vollkorn";color:#bbb}.survey-place-holder-hidden{min-height:50px}input[type=date]:before{content:attr(placeholder);color:#aaa;margin-right:.5em}.validation-error{position:fixed;width:100%;top:0;left:0;margin:0;z-index:99999}.validation-error ul{width:auto}.validation-error .dismiss-modal-button{margin-top:10px}.react-survey-builder-form{position:relative}.react-survey-builder-form .rfb-item.alwaysbreak{page-break-before:always}.react-survey-builder-form .rfb-item.nobreak:before{clear:both}.react-survey-builder-form .rfb-item.nobreak{page-break-inside:avoid}.react-survey-builder-form .rfb-item{position:relative}.react-survey-builder-form .rfb-item img{max-width:100%}.react-survey-builder-form .rfb-item label{font-weight:normal}.react-survey-builder-form .rfb-item .bold{font-weight:bold}.react-survey-builder-form .rfb-item .italic{font-style:italic}.react-survey-builder-form .rfb-item .form-label{display:block !important}.react-survey-builder-form .rfb-item .form-error{margin-top:8px;margin-bottom:0px}.react-survey-builder-form .rfb-item .form-group{margin-bottom:8px}.react-survey-builder-form .rfb-item .form-group .option-inline{display:inline-block !important;margin-right:10px}.react-survey-builder-form .rfb-item .form-group a{cursor:pointer}.react-survey-builder-form .rfb-item .form-group input[type=date]{height:42px}.react-survey-builder-form .rfb-item .form-group .m-signature-pad{position:relative;width:auto}.react-survey-builder-form .rfb-item .form-group .react-star-rating{display:block}.react-survey-builder-form .rfb-item .form-group .checkbox-label,.react-survey-builder-form .rfb-item .form-group .radio-label{font-weight:normal;display:block}.react-survey-builder-form .rfb-item .form-group .form-floating label .label-required{margin-left:5px}.react-survey-builder-form .rfb-item .form-group .form-floating .rbt-input-wrapper{margin-top:40px}.react-survey-builder-form .rfb-item .form-group .form-floating .rbt-input{height:calc(3.5rem + 2px);line-height:1.25}.react-survey-builder-form .rfb-item .form-group .form-floating .rbt-input{padding:1.625rem .75rem .625rem .75rem}.react-survey-builder-form .rfb-item .form-group .form-floating .rbt~label{opacity:.65;transform:scale(0.85) translateY(-0.5rem) translateX(0.15rem)}/# sourceMappingURL=app.css.map /
1	+ @import"react-bootstrap-typeahead/css/Typeahead.css";@import"react-bootstrap-typeahead/css/Typeahead.bs5.css";.rating-container,.react-star-rating__root{vertical-align:middle;display:inline-block}.rating-container .rating-stars:before,.rating-container:before{content:attr(data-content)}.react-star-rating__star{width:25px}.react-star-rating__star #star-flat{fill:#c6c6c6}.react-star-rating__star #star-flat:hover{fill:#ffa91b}.react-star-rating__root{font-size:2em}.react-star-rating__root.rating-editing:hover{cursor:pointer}.rating-container{position:relative;color:#e3e3e3;overflow:hidden}.rating-container .rating-stars{position:absolute;left:0;top:0;white-space:nowrap;overflow:hidden;color:#f5a71b;-webkit-transition:all .01s;-moz-transition:all .01s;transition:all .01s;-webkit-mask-image:-webkit-gradient(linear, left top, left bottom, from(#FDBD47), to(#F5A71B))}.react-rating-caption{font-size:1.25em;vertical-align:middle;margin-right:.5em}.rating-disabled .rating-container:hover{cursor:not-allowed}.react-star-rating__size--sm{font-size:1em}.react-star-rating__size--md{font-size:2em}.react-star-rating__size--lg{font-size:2.5em}input[type=range].range-slider{-webkit-appearance:none;display:block;width:100%;height:calc(1.5em + .75rem + 2px);padding:.375rem 0;line-height:1.5;font:1rem/1 arial,sans-serif;color:#ced4da;background-clip:padding-box;background:rgba(0,0,0,0);border:none;outline:none;box-shadow:none;position:relative}input[type=range].range-slider::-moz-focus-outer{outline:none;border:none}input[type=range].range-slider::-moz-focusring{outline:none}input[type=range].range-slider.range-slider--sm{height:calc(1.5em + .5rem + 2px);padding:.25rem 0;font-size:.875rem}input[type=range].range-slider.range-slider--lg{height:calc(1.5em + 1rem + 2px);padding:.5rem 0;font-size:1.25rem}input[type=range].range-slider::-webkit-slider-runnable-track{box-sizing:border-box;border:none;height:4px;background:#ced4da;border-radius:2px}input[type=range].range-slider::-moz-range-track{box-sizing:border-box;border:none;height:4px;background:#ced4da;border-radius:2px}input[type=range].range-slider::-ms-track{box-sizing:border-box;border:none;height:4px;background:#ced4da;border-radius:2px}input[type=range].range-slider::-ms-fill-lower{box-sizing:border-box;border:none;height:4px;background:#ced4da;border-radius:2px}input[type=range].range-slider::-ms-track{color:rgba(0,0,0,0)}input[type=range].range-slider.range-slider--lg::-webkit-slider-runnable-track{height:6px;border-radius:3px}input[type=range].range-slider.range-slider--lg::-moz-range-track{height:6px;border-radius:3px}input[type=range].range-slider.range-slider--lg::-ms-track{height:6px;border-radius:3px}input[type=range].range-slider.range-slider--lg::-ms-fill-lower{height:6px;border-radius:3px}input[type=range].range-slider.disabled::-webkit-slider-runnable-track{background:#e9e9e9;cursor:not-allowed}input[type=range].range-slider.disabled::-moz-range-track{background:#e9e9e9;cursor:not-allowed}input[type=range].range-slider.disabled::-ms-track{background:#e9e9e9;cursor:not-allowed}input[type=range].range-slider.range-slider--primary::-webkit-slider-thumb{background:#007bff}input[type=range].range-slider.range-slider--primary::-moz-range-thumb{background:#007bff}input[type=range].range-slider.range-slider--primary::-ms-thumb{background:#007bff}input[type=range].range-slider.range-slider--primary:not(.disabled):focus::-webkit-slider-thumb,input[type=range].range-slider.range-slider--primary:not(.disabled):active::-webkit-slider-thumb{box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}input[type=range].range-slider.range-slider--primary:not(.disabled):focus::-moz-range-thumb,input[type=range].range-slider.range-slider--primary:not(.disabled):active::-moz-range-thumb{box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}input[type=range].range-slider.range-slider--primary:not(.disabled):focus::-ms-thumb,input[type=range].range-slider.range-slider--primary:not(.disabled):active::-ms-thumb{box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}input[type=range].range-slider.range-slider--secondary::-webkit-slider-thumb{background:#6c757d}input[type=range].range-slider.range-slider--secondary::-moz-range-thumb{background:#6c757d}input[type=range].range-slider.range-slider--secondary::-ms-thumb{background:#6c757d}input[type=range].range-slider.range-slider--secondary:not(.disabled):focus::-webkit-slider-thumb,input[type=range].range-slider.range-slider--secondary:not(.disabled):active::-webkit-slider-thumb{box-shadow:0 0 0 .2rem rgba(108,117,125,.25)}input[type=range].range-slider.range-slider--secondary:not(.disabled):focus::-moz-range-thumb,input[type=range].range-slider.range-slider--secondary:not(.disabled):active::-moz-range-thumb{box-shadow:0 0 0 .2rem rgba(108,117,125,.25)}input[type=range].range-slider.range-slider--secondary:not(.disabled):focus::-ms-thumb,input[type=range].range-slider.range-slider--secondary:not(.disabled):active::-ms-thumb{box-shadow:0 0 0 .2rem rgba(108,117,125,.25)}input[type=range].range-slider.range-slider--success::-webkit-slider-thumb{background:#28a745}input[type=range].range-slider.range-slider--success::-moz-range-thumb{background:#28a745}input[type=range].range-slider.range-slider--success::-ms-thumb{background:#28a745}input[type=range].range-slider.range-slider--success:not(.disabled):focus::-webkit-slider-thumb,input[type=range].range-slider.range-slider--success:not(.disabled):active::-webkit-slider-thumb{box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}input[type=range].range-slider.range-slider--success:not(.disabled):focus::-moz-range-thumb,input[type=range].range-slider.range-slider--success:not(.disabled):active::-moz-range-thumb{box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}input[type=range].range-slider.range-slider--success:not(.disabled):focus::-ms-thumb,input[type=range].range-slider.range-slider--success:not(.disabled):active::-ms-thumb{box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}input[type=range].range-slider.range-slider--danger::-webkit-slider-thumb{background:#dc3545}input[type=range].range-slider.range-slider--danger::-moz-range-thumb{background:#dc3545}input[type=range].range-slider.range-slider--danger::-ms-thumb{background:#dc3545}input[type=range].range-slider.range-slider--danger:not(.disabled):focus::-webkit-slider-thumb,input[type=range].range-slider.range-slider--danger:not(.disabled):active::-webkit-slider-thumb{box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}input[type=range].range-slider.range-slider--danger:not(.disabled):focus::-moz-range-thumb,input[type=range].range-slider.range-slider--danger:not(.disabled):active::-moz-range-thumb{box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}input[type=range].range-slider.range-slider--danger:not(.disabled):focus::-ms-thumb,input[type=range].range-slider.range-slider--danger:not(.disabled):active::-ms-thumb{box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}input[type=range].range-slider.range-slider--warning::-webkit-slider-thumb{background:#ffc107}input[type=range].range-slider.range-slider--warning::-moz-range-thumb{background:#ffc107}input[type=range].range-slider.range-slider--warning::-ms-thumb{background:#ffc107}input[type=range].range-slider.range-slider--warning:not(.disabled):focus::-webkit-slider-thumb,input[type=range].range-slider.range-slider--warning:not(.disabled):active::-webkit-slider-thumb{box-shadow:0 0 0 .2rem rgba(255,193,7,.25)}input[type=range].range-slider.range-slider--warning:not(.disabled):focus::-moz-range-thumb,input[type=range].range-slider.range-slider--warning:not(.disabled):active::-moz-range-thumb{box-shadow:0 0 0 .2rem rgba(255,193,7,.25)}input[type=range].range-slider.range-slider--warning:not(.disabled):focus::-ms-thumb,input[type=range].range-slider.range-slider--warning:not(.disabled):active::-ms-thumb{box-shadow:0 0 0 .2rem rgba(255,193,7,.25)}input[type=range].range-slider.range-slider--info::-webkit-slider-thumb{background:#17a2b8}input[type=range].range-slider.range-slider--info::-moz-range-thumb{background:#17a2b8}input[type=range].range-slider.range-slider--info::-ms-thumb{background:#17a2b8}input[type=range].range-slider.range-slider--info:not(.disabled):focus::-webkit-slider-thumb,input[type=range].range-slider.range-slider--info:not(.disabled):active::-webkit-slider-thumb{box-shadow:0 0 0 .2rem rgba(23,162,184,.25)}input[type=range].range-slider.range-slider--info:not(.disabled):focus::-moz-range-thumb,input[type=range].range-slider.range-slider--info:not(.disabled):active::-moz-range-thumb{box-shadow:0 0 0 .2rem rgba(23,162,184,.25)}input[type=range].range-slider.range-slider--info:not(.disabled):focus::-ms-thumb,input[type=range].range-slider.range-slider--info:not(.disabled):active::-ms-thumb{box-shadow:0 0 0 .2rem rgba(23,162,184,.25)}input[type=range].range-slider.range-slider--light::-webkit-slider-thumb{background:#f8f9fa}input[type=range].range-slider.range-slider--light::-moz-range-thumb{background:#f8f9fa}input[type=range].range-slider.range-slider--light::-ms-thumb{background:#f8f9fa}input[type=range].range-slider.range-slider--light:not(.disabled):focus::-webkit-slider-thumb,input[type=range].range-slider.range-slider--light:not(.disabled):active::-webkit-slider-thumb{box-shadow:0 0 0 .2rem rgba(248,249,250,.25)}input[type=range].range-slider.range-slider--light:not(.disabled):focus::-moz-range-thumb,input[type=range].range-slider.range-slider--light:not(.disabled):active::-moz-range-thumb{box-shadow:0 0 0 .2rem rgba(248,249,250,.25)}input[type=range].range-slider.range-slider--light:not(.disabled):focus::-ms-thumb,input[type=range].range-slider.range-slider--light:not(.disabled):active::-ms-thumb{box-shadow:0 0 0 .2rem rgba(248,249,250,.25)}input[type=range].range-slider.range-slider--dark::-webkit-slider-thumb{background:#343a40}input[type=range].range-slider.range-slider--dark::-moz-range-thumb{background:#343a40}input[type=range].range-slider.range-slider--dark::-ms-thumb{background:#343a40}input[type=range].range-slider.range-slider--dark:not(.disabled):focus::-webkit-slider-thumb,input[type=range].range-slider.range-slider--dark:not(.disabled):active::-webkit-slider-thumb{box-shadow:0 0 0 .2rem rgba(52,58,64,.25)}input[type=range].range-slider.range-slider--dark:not(.disabled):focus::-moz-range-thumb,input[type=range].range-slider.range-slider--dark:not(.disabled):active::-moz-range-thumb{box-shadow:0 0 0 .2rem rgba(52,58,64,.25)}input[type=range].range-slider.range-slider--dark:not(.disabled):focus::-ms-thumb,input[type=range].range-slider.range-slider--dark:not(.disabled):active::-ms-thumb{box-shadow:0 0 0 .2rem rgba(52,58,64,.25)}input[type=range].range-slider::-webkit-slider-thumb{-webkit-appearance:none;box-sizing:border-box;border:none;border-radius:50%;background:#007bff;height:20px;width:20px;cursor:pointer;transition:box-shadow .5s ease;margin-top:-8px}input[type=range].range-slider::-moz-range-thumb{-webkit-appearance:none;box-sizing:border-box;border:none;border-radius:50%;background:#007bff;height:20px;width:20px;cursor:pointer;transition:box-shadow .5s ease}input[type=range].range-slider::-ms-thumb{-webkit-appearance:none;box-sizing:border-box;border:none;border-radius:50%;background:#007bff;height:20px;width:20px;cursor:pointer;transition:box-shadow .5s ease;margin-top:0}input[type=range].range-slider.range-slider--sm::-webkit-slider-thumb{height:16px;width:16px;margin-top:-6px}input[type=range].range-slider.range-slider--sm::-moz-range-thumb{height:16px;width:16px}input[type=range].range-slider.range-slider--sm::-ms-thumb{height:16px;width:16px;margin-top:0}input[type=range].range-slider.range-slider--lg::-webkit-slider-thumb{height:24px;width:24px;margin-top:-9px}input[type=range].range-slider.range-slider--lg::-moz-range-thumb{height:24px;width:24px}input[type=range].range-slider.range-slider--lg::-ms-thumb{height:24px;width:24px;margin-top:0}input[type=range].range-slider.disabled::-webkit-slider-thumb{background:#e9e9e9;cursor:not-allowed}input[type=range].range-slider.disabled::-moz-range-thumb{background:#e9e9e9;cursor:not-allowed}input[type=range].range-slider.disabled::-ms-thumb{background:#e9e9e9;cursor:not-allowed}input[type=range].range-slider::-ms-tooltip{display:none}.range-slider__wrap{position:relative;display:block;height:calc(1.5em + .75rem + 2px)}.range-slider__wrap .range-slider__tooltip{display:block;position:absolute;width:0;height:26px;text-align:center;overflow:visible;opacity:0;transition:opacity .15s linear;z-index:1070}.range-slider__wrap .range-slider__tooltip.range-slider__tooltip--top{bottom:calc(.75em + .375rem + 1px + .4rem + 10px + 3px);top:auto}.range-slider__wrap .range-slider__tooltip.range-slider__tooltip--bottom{top:calc(.75em + .375rem + 1px + .4rem + 10px + 3px);bottom:auto}.range-slider__wrap .range-slider__tooltip.range-slider__tooltip--on{opacity:.9}.range-slider__wrap .range-slider__tooltip.range-slider__tooltip--on.range-slider__tooltip--disabled{opacity:.25}.range-slider__wrap .range-slider__tooltip .range-slider__tooltip__label{position:absolute;transform:translateX(-50%);max-width:200px;padding:0 .5rem;height:26px;line-height:26px;color:#fff;text-align:center;background-color:#000;opacity:.9;border-radius:.25rem;box-sizing:border-box;font-size:.875rem;white-space:nowrap}.range-slider__wrap .range-slider__tooltip .range-slider__tooltip__caret{position:absolute;transform:translateX(-50%);display:block;width:.8rem;height:.4rem;opacity:.9}.range-slider__wrap .range-slider__tooltip .range-slider__tooltip__caret::before{position:absolute;content:"";border-color:rgba(0,0,0,0);border-style:solid;left:0}.range-slider__wrap .range-slider__tooltip.range-slider__tooltip--top .range-slider__tooltip__caret{bottom:-0.4rem}.range-slider__wrap .range-slider__tooltip.range-slider__tooltip--top .range-slider__tooltip__caret::before{top:0;border-width:.4rem .4rem 0;border-top-color:#000}.range-slider__wrap .range-slider__tooltip.range-slider__tooltip--bottom .range-slider__tooltip__caret{top:-0.4rem}.range-slider__wrap .range-slider__tooltip.range-slider__tooltip--bottom .range-slider__tooltip__caret::before{bottom:0;border-width:0 .4rem .4rem;border-bottom-color:#000}.range-slider__wrap.range-slider__wrap--sm{height:calc(1.5em + .5rem + 2px);font-size:.875rem}.range-slider__wrap.range-slider__wrap--sm .range-slider__tooltip--top{bottom:calc(.75em + .25rem + 1px + .4rem + 8px + 3px)}.range-slider__wrap.range-slider__wrap--sm .range-slider__tooltip--bottom{top:calc(.75em + .25rem + 1px + .4rem + 8px + 3px)}.range-slider__wrap.range-slider__wrap--lg{height:calc(1.5em + 1rem + 2px);font-size:1.25rem}.range-slider__wrap.range-slider__wrap--lg .range-slider__tooltip--top{bottom:calc(.75em + .5rem + 1px + .4rem + 12px + 3px)}.range-slider__wrap.range-slider__wrap--lg .range-slider__tooltip--bottom{top:calc(.75em + .5rem + 1px + .4rem + 12px + 3px)}.range-slider__wrap:hover .range-slider__tooltip:not(.range-slider__tooltip--off):not(.range-slider__tooltip--disabled){opacity:.9}.range-slider__wrap:hover .range-slider__tooltip--disabled:not(.range-slider__tooltip--off){opacity:.25}.rdw-option-wrapper{border:1px solid #f1f1f1;padding:5px;min-width:25px;height:20px;border-radius:2px;margin:0 4px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;background:#fff;text-transform:capitalize}.rdw-option-wrapper:hover{box-shadow:1px 1px 0px #bfbdbd}.rdw-option-wrapper:active{box-shadow:1px 1px 0px #bfbdbd inset}.rdw-option-active{box-shadow:1px 1px 0px #bfbdbd inset}.rdw-option-wrapper img{width:13px}.rdw-option-disabled{opacity:.3;cursor:default}.rdw-dropdown-wrapper{height:30px;background:#fff;cursor:pointer;border:1px solid #f1f1f1;border-radius:2px;margin:0 3px;text-transform:capitalize;background:#fff}.rdw-dropdown-wrapper:focus{outline:none}.rdw-dropdown-wrapper:hover{box-shadow:1px 1px 0px #bfbdbd;background-color:#fff}.rdw-dropdown-wrapper:active{box-shadow:1px 1px 0px #bfbdbd inset}.rdw-dropdown-carettoopen{height:0px;width:0px;position:absolute;top:35%;right:10%;border-top:6px solid #000;border-left:5px solid rgba(0,0,0,0);border-right:5px solid rgba(0,0,0,0)}.rdw-dropdown-carettoclose{height:0px;width:0px;position:absolute;top:35%;right:10%;border-bottom:6px solid #000;border-left:5px solid rgba(0,0,0,0);border-right:5px solid rgba(0,0,0,0)}.rdw-dropdown-selectedtext{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;height:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 5px}.rdw-dropdown-optionwrapper{z-index:100;position:relative;border:1px solid #f1f1f1;width:98%;background:#fff;border-radius:2px;margin:0;padding:0}.rdw-dropdown-optionwrapper:hover{box-shadow:1px 1px 0px #bfbdbd;background-color:#fff}.rdw-dropdownoption-default{min-height:25px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 5px}.rdw-dropdownoption-highlighted{background:#f1f1f1}.rdw-dropdownoption-active{background:#f5f5f5}.rdw-dropdownoption-disabled{opacity:.3;cursor:default}.rdw-inline-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:6px}.rdw-inline-dropdown{width:50px}.rdw-inline-dropdownoption{height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.rdw-block-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:6px}.rdw-block-dropdown{width:110px}.rdw-fontsize-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:6px}.rdw-fontsize-dropdown{min-width:40px}.rdw-fontsize-option{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.rdw-fontfamily-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:6px}.rdw-fontfamily-dropdown{width:115px}.rdw-fontfamily-placeholder{white-space:nowrap;max-width:90px;overflow:hidden;text-overflow:ellipsis}.rdw-fontfamily-optionwrapper{width:140px}.rdw-list-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:6px}.rdw-list-dropdown{width:50px;z-index:90}.rdw-list-dropdownOption{height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.rdw-text-align-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:6px}.rdw-text-align-dropdown{width:50px;z-index:90}.rdw-text-align-dropdownOption{height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.rdw-right-aligned-block{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.rdw-left-aligned-block{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.rdw-center-aligned-block{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.rdw-justify-aligned-block{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.rdw-colorpicker-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:6px;position:relative}.rdw-colorpicker-modal{position:absolute;top:35px;right:5px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:200px;height:200px;border:1px solid #f1f1f1;padding:15px;border-radius:2px;z-index:100;background:#fff;box-shadow:3px 3px 5px #bfbdbd}.rdw-colorpicker-modal-header{display:-webkit-box;display:-ms-flexbox;display:flex;padding-bottom:5px}.rdw-colorpicker-modal-style-label{font-size:15px;width:50%;text-align:center;cursor:pointer;padding:0 10px 5px}.rdw-colorpicker-modal-style-label-active{border-bottom:2px solid #0a66b7}.rdw-colorpicker-modal-options{margin:5px auto;display:-webkit-box;display:-ms-flexbox;display:flex;width:170px;-ms-flex-wrap:wrap;flex-wrap:wrap}.rdw-colorpicker-cube{width:22px;height:22px;border:1px solid #f1f1f1}.rdw-colorpicker-option{margin:3px;padding:0;min-height:20px;border:none;width:22px;height:22px;min-width:22px;box-shadow:1px 2px 1px #bfbdbd inset}.rdw-colorpicker-option:hover{box-shadow:1px 2px 1px #bfbdbd}.rdw-colorpicker-option:active{box-shadow:-1px -2px 1px #bfbdbd}.rdw-colorpicker-option-active{box-shadow:0px 0px 2px 2px #bfbdbd}.rdw-link-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:6px;position:relative}.rdw-link-dropdown{width:50px}.rdw-link-dropdownOption{height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.rdw-link-dropdownPlaceholder{margin-left:8px}.rdw-link-modal{position:absolute;top:35px;left:5px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:235px;height:180px;border:1px solid #f1f1f1;padding:15px;border-radius:2px;z-index:100;background:#fff;box-shadow:3px 3px 5px #bfbdbd}.rdw-link-modal-label{font-size:15px}.rdw-link-modal-input{margin-top:5px;border-radius:2px;border:1px solid #f1f1f1;height:25px;margin-bottom:15px;padding:0 5px}.rdw-link-modal-input:focus{outline:none}.rdw-link-modal-buttonsection{margin:0 auto}.rdw-link-modal-btn{margin-left:10px;width:75px;height:30px;border:1px solid #f1f1f1;border-radius:2px;cursor:pointer;background:#fff;text-transform:capitalize}.rdw-link-modal-btn:hover{box-shadow:1px 1px 0px #bfbdbd}.rdw-link-modal-btn:active{box-shadow:1px 1px 0px #bfbdbd inset}.rdw-link-modal-btn:focus{outline:none !important}.rdw-link-modal-btn:disabled{background:#ece9e9}.rdw-link-dropdownoption{height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.rdw-history-dropdown{width:50px}.rdw-embedded-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:6px;position:relative}.rdw-embedded-modal{position:absolute;top:35px;left:5px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:235px;height:180px;border:1px solid #f1f1f1;padding:15px;border-radius:2px;z-index:100;background:#fff;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;box-shadow:3px 3px 5px #bfbdbd}.rdw-embedded-modal-header{font-size:15px;display:-webkit-box;display:-ms-flexbox;display:flex}.rdw-embedded-modal-header-option{width:50%;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.rdw-embedded-modal-header-label{width:95px;border:1px solid #f1f1f1;margin-top:5px;background:#6eb8d4;border-bottom:2px solid #0a66b7}.rdw-embedded-modal-link-section{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.rdw-embedded-modal-link-input{width:95%;height:35px;margin:10px 0;border:1px solid #f1f1f1;border-radius:2px;font-size:15px;padding:0 5px}.rdw-embedded-modal-link-input:focus{outline:none}.rdw-embedded-modal-btn-section{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.rdw-embedded-modal-btn{margin:0 3px;width:75px;height:30px;border:1px solid #f1f1f1;border-radius:2px;cursor:pointer;background:#fff;text-transform:capitalize}.rdw-embedded-modal-btn:hover{box-shadow:1px 1px 0px #bfbdbd}.rdw-embedded-modal-btn:active{box-shadow:1px 1px 0px #bfbdbd inset}.rdw-embedded-modal-btn:focus{outline:none !important}.rdw-embedded-modal-btn:disabled{background:#ece9e9}.rdw-embedded-modal-size{display:-webkit-box;display:-ms-flexbox;display:flex;margin:5px 0 10px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.rdw-embedded-modal-size-input{width:45%;height:20px;border:1px solid #f1f1f1;border-radius:2px;font-size:12px}.rdw-embedded-modal-size-input:focus{outline:none}.rdw-emoji-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:6px;position:relative}.rdw-emoji-modal{overflow:auto;position:absolute;top:35px;left:5px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:235px;height:180px;border:1px solid #f1f1f1;padding:15px;border-radius:2px;z-index:100;background:#fff;box-shadow:3px 3px 5px #bfbdbd}.rdw-emoji-icon{margin:2.5px;height:24px;width:24px;cursor:pointer;font-size:22px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.rdw-spinner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100%;width:100%}.rdw-spinner>div{width:12px;height:12px;background-color:#333;border-radius:100%;display:inline-block;-webkit-animation:sk-bouncedelay 1.4s infinite ease-in-out both;animation:sk-bouncedelay 1.4s infinite ease-in-out both}.rdw-spinner .rdw-bounce1{-webkit-animation-delay:-0.32s;animation-delay:-0.32s}.rdw-spinner .rdw-bounce2{-webkit-animation-delay:-0.16s;animation-delay:-0.16s}@-webkit-keyframes sk-bouncedelay{0%,80%,100%{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1)}}@keyframes sk-bouncedelay{0%,80%,100%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}.rdw-image-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:6px;position:relative}.rdw-image-modal{position:absolute;top:35px;left:5px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:235px;height:200px;border:1px solid #f1f1f1;padding:15px;border-radius:2px;z-index:100;background:#fff;box-shadow:3px 3px 5px #bfbdbd}.rdw-image-modal-header{font-size:15px;margin:10px 0;display:-webkit-box;display:-ms-flexbox;display:flex}.rdw-image-modal-header-option{width:50%;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.rdw-image-modal-header-label{width:80px;background:#f1f1f1;border:1px solid #f1f1f1;margin-top:5px}.rdw-image-modal-header-label-highlighted{background:#6eb8d4;border-bottom:2px solid #0a66b7}.rdw-image-modal-upload-option{height:65px;width:100%;color:gray;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;border:none;font-size:15px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:#f1f1f1;outline:2px dashed gray;outline-offset:-10px;margin:10px 0}.rdw-image-modal-upload-option-highlighted{outline:2px dashed #0a66b7}.rdw-image-modal-upload-option-label{cursor:pointer;height:100%;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.rdw-image-modal-upload-option-input{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}.rdw-image-modal-url-section{display:-webkit-box;display:-ms-flexbox;display:flex}.rdw-image-modal-url-input{width:95%;height:35px;margin:25px 0 5px;border:1px solid #f1f1f1;border-radius:2px;font-size:15px;padding:0 5px}.rdw-image-modal-btn-section{margin:10px auto 0}.rdw-image-modal-url-input:focus{outline:none}.rdw-image-modal-btn{margin:0 5px;width:75px;height:30px;border:1px solid #f1f1f1;border-radius:2px;cursor:pointer;background:#fff;text-transform:capitalize}.rdw-image-modal-btn:hover{box-shadow:1px 1px 0px #bfbdbd}.rdw-image-modal-btn:active{box-shadow:1px 1px 0px #bfbdbd inset}.rdw-image-modal-btn:focus{outline:none !important}.rdw-image-modal-btn:disabled{background:#ece9e9}.rdw-image-modal-spinner{position:absolute;top:-3px;left:0;width:100%;height:100%;opacity:.5}.rdw-remove-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:6px;position:relative}.rdw-history-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:6px}.rdw-history-dropdownoption{height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.rdw-history-dropdown{width:50px}.rdw-link-decorator-wrapper{position:relative}.rdw-link-decorator-icon{position:absolute;left:40%;top:0;cursor:pointer;background-color:#fff}.rdw-mention{color:#1236ff;background-color:#f0fbff;padding:1px 2px;border-radius:2px}.rdw-mention-link{text-decoration:none}.rdw-suggestion-wrapper{position:relative}.rdw-suggestion-dropdown{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border:1px solid #f1f1f1;min-width:100px;max-height:150px;overflow:auto;background:#fff;z-index:100}.rdw-suggestion-option{padding:7px 5px;border-bottom:1px solid #f1f1f1}.rdw-suggestion-option-active{background-color:#f1f1f1}.rdw-image-alignment-options-popup{position:absolute;background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;padding:5px 2px;border-radius:2px;border:1px solid #f1f1f1;width:105px;cursor:pointer;z-index:100}.rdw-alignment-option-left{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.rdw-image-alignment-option{height:15px;width:15px;min-width:15px}.rdw-image-alignment{position:relative}.rdw-image-imagewrapper{position:relative}.rdw-image-center{float:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.rdw-image-left{float:left}.rdw-image-right{float:right}.rdw-editor-main{height:150px;width:100%;overflow:auto;box-sizing:content-box;background:#fff}.rdw-editor-toolbar{padding:6px 5px 0;border-radius:2px;border:1px solid #f1f1f1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;width:100%;background:#fff;-ms-flex-wrap:wrap;flex-wrap:wrap;font-size:15px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.public-DraftStyleDefault-block{margin:1em 0}.rdw-editor-wrapper:focus{outline:none}.DraftEditor-root{padding:0 10px}.DraftEditor-editorContainer,.DraftEditor-root,.public-DraftEditor-content{height:inherit;text-align:initial}.public-DraftEditor-content[contenteditable=true]{-webkit-user-modify:read-write-plaintext-only}.DraftEditor-root{position:relative}.DraftEditor-editorContainer{background-color:rgba(255,255,255,0);border-left:.1px solid rgba(0,0,0,0);position:relative;z-index:1}.public-DraftEditor-block{position:relative}.DraftEditor-alignLeft .public-DraftStyleDefault-block{text-align:left}.DraftEditor-alignLeft .public-DraftEditorPlaceholder-root{left:0;text-align:left}.DraftEditor-alignCenter .public-DraftStyleDefault-block{text-align:center}.DraftEditor-alignCenter .public-DraftEditorPlaceholder-root{margin:0 auto;text-align:center;width:100%}.DraftEditor-alignRight .public-DraftStyleDefault-block{text-align:right}.DraftEditor-alignRight .public-DraftEditorPlaceholder-root{right:0;text-align:right}.public-DraftEditorPlaceholder-root{color:#9197a3;position:absolute;z-index:0}.public-DraftEditorPlaceholder-hasFocus{color:#bdc1c9}.DraftEditorPlaceholder-hidden{display:none}.public-DraftStyleDefault-block{position:relative;white-space:pre-wrap}.public-DraftStyleDefault-ltr{direction:ltr;text-align:left}.public-DraftStyleDefault-rtl{direction:rtl;text-align:right}.public-DraftStyleDefault-listLTR{direction:ltr}.public-DraftStyleDefault-listRTL{direction:rtl}.public-DraftStyleDefault-ol,.public-DraftStyleDefault-ul{margin:16px 0;padding:0}.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listLTR{margin-left:1.5em}.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listRTL{margin-right:1.5em}.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listLTR{margin-left:3em}.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listRTL{margin-right:3em}.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listLTR{margin-left:4.5em}.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listRTL{margin-right:4.5em}.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listLTR{margin-left:6em}.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listRTL{margin-right:6em}.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listLTR{margin-left:7.5em}.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listRTL{margin-right:7.5em}.public-DraftStyleDefault-unorderedListItem{list-style-type:square;position:relative}.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth0{list-style-type:disc}.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth1{list-style-type:circle}.public-DraftStyleDefault-orderedListItem{list-style-type:none;position:relative}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listLTR:before{left:-36px;position:absolute;text-align:right;width:30px}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listRTL:before{position:absolute;right:-36px;text-align:left;width:30px}.public-DraftStyleDefault-orderedListItem:before{content:counter(ol0) ". ";counter-increment:ol0}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1:before{content:counter(ol1) ". ";counter-increment:ol1}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2:before{content:counter(ol2) ". ";counter-increment:ol2}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3:before{content:counter(ol3) ". ";counter-increment:ol3}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4:before{content:counter(ol4) ". ";counter-increment:ol4}.public-DraftStyleDefault-depth0.public-DraftStyleDefault-reset{counter-reset:ol0}.public-DraftStyleDefault-depth1.public-DraftStyleDefault-reset{counter-reset:ol1}.public-DraftStyleDefault-depth2.public-DraftStyleDefault-reset{counter-reset:ol2}.public-DraftStyleDefault-depth3.public-DraftStyleDefault-reset{counter-reset:ol3}.public-DraftStyleDefault-depth4.public-DraftStyleDefault-reset{counter-reset:ol4}.react-survey-builder .react-survey-builder-preview{width:100%;border:1px solid #ddd;background:#fafafa;padding:10px;box-shadow:0 0 2px 1px rgba(0,0,0,.1);overflow-y:scroll;height:100%}.react-survey-builder .react-survey-builder-preview .preview-page-break{padding:5px 0;border-top:2px dotted #ccc;border-bottom:2px dotted #ccc;background:#eee;text-align:center;width:100%;font-weight:bold;margin:5px 0;background:repeating-linear-gradient(45deg, #fff, #fff 10px, #eee 10px, #eee 20px)}.react-survey-builder .react-survey-builder-preview label{font-weight:normal}.react-survey-builder .react-survey-builder-preview .form-floating label .label-required{margin-left:5px}.react-survey-builder .react-survey-builder-preview .form-floating .rbt-input-wrapper{margin-top:40px}.react-survey-builder .react-survey-builder-preview .form-floating .rbt-input{height:calc(3.5rem + 2px);line-height:1.25}.react-survey-builder .react-survey-builder-preview .form-floating .rbt-input{padding:1.625rem .75rem .625rem .75rem}.react-survey-builder .react-survey-builder-preview .form-floating .rbt~label{opacity:.65;transform:scale(0.85) translateY(-0.5rem) translateX(0.15rem)}.react-survey-builder .react-survey-builder-preview .bold{font-weight:bold}.react-survey-builder .react-survey-builder-preview .italic{font-style:italic}.react-survey-builder .react-survey-builder-preview .no-image{background:#eee;width:100px;height:100px;border:1px solid #ddd;text-align:center;padding-top:35px}.react-survey-builder .react-survey-builder-preview .option-inline{display:inline-block !important;margin-right:10px !important}.react-survey-builder .react-survey-builder-preview .form-label{display:block !important}.react-survey-builder .react-survey-builder-preview .edit-form{position:fixed;background:#fafafa;padding:30px;border-left:0;box-shadow:none;top:0;left:-1000px;height:100%;width:715px;transition:.5s;overflow-y:auto}.react-survey-builder .react-survey-builder-preview .edit-form h4,.react-survey-builder .react-survey-builder-preview .edit-form .dismiss-edit{margin-bottom:30px}.react-survey-builder .react-survey-builder-preview .edit-form .dismiss-edit{cursor:pointer;margin-top:10px;font-size:125%}.react-survey-builder .react-survey-builder-preview .edit-form textarea{width:100%}.react-survey-builder .react-survey-builder-preview .edit-form .form-error{margin-top:8px;margin-bottom:0px}.react-survey-builder .react-survey-builder-preview .edit-form .form-group{margin-bottom:8px}.react-survey-builder .react-survey-builder-preview .edit-form .form-group .form-group-range label{display:block}.react-survey-builder .react-survey-builder-preview .edit-form .form-group .form-group-range input{display:inline-block;width:21%;margin-left:0}.react-survey-builder .react-survey-builder-preview .edit-form .form-group .form-group-range input:last-of-type{width:78%;margin-left:1%}.react-survey-builder .react-survey-builder-preview .edit-form .form-group .form-group-range input:first-of-type{width:21%;margin-left:0}.react-survey-builder .react-survey-builder-preview .edit-form .dynamic-option-list{margin-bottom:15px}.react-survey-builder .react-survey-builder-preview .edit-form .dynamic-option-list ul{list-style-type:none;margin:0;padding:0}.react-survey-builder .react-survey-builder-preview .edit-form .dynamic-option-list ul li{margin-top:10px}.react-survey-builder .react-survey-builder-preview .edit-form .dynamic-option-list ul li input{margin-right:10px}.react-survey-builder .react-survey-builder-preview .edit-form .dynamic-option-list ul li input.form-control{width:84.26%;float:left}.react-survey-builder .react-survey-builder-preview .edit-form .dynamic-option-list ul li input.form-control[type=checkbox]{border:none;box-shadow:none;margin-top:0}.react-survey-builder .react-survey-builder-preview .edit-form .dynamic-option-list ul li button{float:left;margin-right:5px}.react-survey-builder .react-survey-builder-preview .edit-form .dynamic-option-list ul li .dynamic-options-actions-buttons{margin-left:20px}.react-survey-builder .react-survey-builder-preview .Sortable{transition:opacity .25s ease-in;position:relative;cursor:move;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.react-survey-builder .react-survey-builder-preview .Sortable .rfb-item{padding:10px 20px}.react-survey-builder .react-survey-builder-preview .Sortable .rfb-item.SortableItem{position:relative}.react-survey-builder .react-survey-builder-preview .Sortable .rfb-item.SortableItem .form-error{margin-top:8px;margin-bottom:0px}.react-survey-builder .react-survey-builder-preview .Sortable .rfb-item.SortableItem .form-group{margin-bottom:8px;pointer-events:none}.react-survey-builder .react-survey-builder-preview .Sortable .rfb-item.SortableItem .form-group label,.react-survey-builder .react-survey-builder-preview .Sortable .rfb-item.SortableItem .form-group select,.react-survey-builder .react-survey-builder-preview .Sortable .rfb-item.SortableItem .form-group input,.react-survey-builder .react-survey-builder-preview .Sortable .rfb-item.SortableItem .form-group a{cursor:move}.react-survey-builder .react-survey-builder-preview .Sortable .rfb-item.SortableItem .form-group input[type=date]{height:42px}.react-survey-builder .react-survey-builder-preview .Sortable .rfb-item.SortableItem .form-group .react-star-rating{display:block}.react-survey-builder .react-survey-builder-preview .Sortable .rfb-item.SortableItem .form-group .checkbox-label,.react-survey-builder .react-survey-builder-preview .Sortable .rfb-item.SortableItem .form-group .radio-label{font-weight:normal;display:block}.react-survey-builder .react-survey-builder-preview .Sortable .rfb-item.SortableItem .form-group .label-required{margin-left:5px}.react-survey-builder .react-survey-builder-preview .Sortable .rfb-item.SortableItem.is-dragging{position:absolute;z-index:1688;border:2px #ccc dashed;background:#fff;cursor:move;padding:10px 20px}.react-survey-builder .react-survey-builder-preview .Sortable .rfb-item.is-placeholder{display:block;z-index:auto;opacity:.4;border:2px #ccc dashed}.react-survey-builder .react-survey-builder-preview .Sortable .rfb-item .toolbar-header{opacity:0;z-index:100}.react-survey-builder .react-survey-builder-preview .Sortable .rfb-item:hover{box-shadow:inset 0 0 5px #ddd;background:#fff}.react-survey-builder .react-survey-builder-preview .Sortable .rfb-item:hover select,.react-survey-builder .react-survey-builder-preview .Sortable .rfb-item:hover input{cursor:move;pointer-events:none}.react-survey-builder .react-survey-builder-preview .Sortable .rfb-item:hover .toolbar-header{opacity:1}.react-survey-builder .react-survey-builder-preview.is-editing .edit-form{z-index:2000;border-right:1px solid #ddd;box-shadow:0 0 2px 1px rgba(0,0,0,.1);width:100%;left:0;transition:.5s}.react-survey-builder .react-survey-builder-toolbar{width:100%;background:#fff;overflow-y:scroll;height:100%}.react-survey-builder .react-survey-builder-toolbar h4{margin-top:0;text-align:center;padding:10px;background:#7a0019;color:#fff}.react-survey-builder .react-survey-builder-toolbar .form-group{padding:10px;border:1px dashed #ddd}.react-survey-builder .react-survey-builder-toolbar ul{padding:0}.react-survey-builder .react-survey-builder-toolbar ul li{cursor:pointer;list-style:none;margin:5px;padding:10px;border:1px dashed #ddd}.react-survey-builder .react-survey-builder-toolbar ul li svg{margin:0 15px 0 10px}.image-upload-container{position:relative}.image-upload-container .image-upload{position:relative;opacity:0;z-index:2;height:50px}.image-upload-container .image-upload-control{position:absolute;top:0px;left:0px;z-index:1}.image-upload-preview{border:4px solid #fff;box-shadow:0 0 2px 2px rgba(0,0,0,.1)}.file-upload-preview{border:4px solid #fff;box-shadow:0 0 2px 2px rgba(0,0,0,.1);padding:5px}.btn-image-clear{margin:15px 0;padding:15px}.btn-file-upload-clear{margin:auto;padding:10px}@media(max-width: 768px){.react-survey-builder .react-survey-builder-preview{width:100%}.react-survey-builder .react-survey-builder-preview .edit-form{width:100%;overflow:scroll}.react-survey-builder .react-survey-builder-preview .edit-form .btn{margin-top:10px}.react-survey-builder .react-survey-builder-preview .edit-form .dynamic-option-list ul li input.form-control{width:100%}.react-survey-builder .react-survey-builder-preview .Sortable .rfb-item .toolbar-header .toolbar-header-buttons{right:-15px}.react-survey-builder .react-survey-builder-preview .Sortable .rfb-item .toolbar-header .toolbar-header-buttons .btn{margin-right:5px;border-radius:50%;padding:7px 0px 0 3px;width:35px;height:35px}.react-survey-builder .react-survey-builder-toolbar h4{padding:10px;background:#7a0019;color:#fff}.m-signature-pad{top:0;left:0;right:0;bottom:0;width:auto;height:auto;min-width:250px;min-height:140px;margin:0}}.visible_marks{display:block;width:100%;padding:0 4px}.visible_marks label{text-align:center;display:inline-block;padding:0;margin:0;font-weight:normal}.visible_marks label:first-of-type{text-align:left}.visible_marks label:last-of-type{text-align:right}.m-signature-pad{font-size:10px;width:auto}.m-signature-pad .m-signature-pad--body{width:auto;height:200px;border:1px solid #e8e8e8;background-color:#fff;border-radius:4px}.m-signature-pad .m-signature-pad--body canvas{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:4px;box-shadow:0 0 5px rgba(0,0,0,.02) inset}.m-signature-pad .m-signature-pad--footer{position:relative}.survey-place-holder{margin:10px;border:2px dashed #bbb;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;padding:25px;text-align:center;font:20pt bold,"Vollkorn";color:#bbb}.survey-place-holder-hidden{min-height:50px}input[type=date]:before{content:attr(placeholder);color:#aaa;margin-right:.5em}.validation-error{position:fixed;width:100%;top:0;left:0;margin:0;z-index:99999}.validation-error ul{width:auto}.validation-error .dismiss-modal-button{margin-top:10px}.react-survey-builder-form{position:relative}.react-survey-builder-form .rfb-item.alwaysbreak{page-break-before:always}.react-survey-builder-form .rfb-item.nobreak:before{clear:both}.react-survey-builder-form .rfb-item.nobreak{page-break-inside:avoid}.react-survey-builder-form .rfb-item{position:relative}.react-survey-builder-form .rfb-item img{max-width:100%}.react-survey-builder-form .rfb-item label{font-weight:normal}.react-survey-builder-form .rfb-item .bold{font-weight:bold}.react-survey-builder-form .rfb-item .italic{font-style:italic}.react-survey-builder-form .rfb-item .form-label{display:block !important}.react-survey-builder-form .rfb-item .form-error{margin-top:8px;margin-bottom:0px}.react-survey-builder-form .rfb-item .form-group{margin-bottom:8px}.react-survey-builder-form .rfb-item .form-group .option-inline{display:inline-block !important;margin-right:10px}.react-survey-builder-form .rfb-item .form-group a{cursor:pointer}.react-survey-builder-form .rfb-item .form-group input[type=date]{height:42px}.react-survey-builder-form .rfb-item .form-group .m-signature-pad{position:relative;width:auto}.react-survey-builder-form .rfb-item .form-group .react-star-rating{display:block}.react-survey-builder-form .rfb-item .form-group .checkbox-label,.react-survey-builder-form .rfb-item .form-group .radio-label{font-weight:normal;display:block}.react-survey-builder-form .rfb-item .form-group .form-floating label .label-required{margin-left:5px}.react-survey-builder-form .rfb-item .form-group .form-floating .rbt-input-wrapper{margin-top:40px}.react-survey-builder-form .rfb-item .form-group .form-floating .rbt-input{height:calc(3.5rem + 2px);line-height:1.25}.react-survey-builder-form .rfb-item .form-group .form-floating .rbt-input{padding:1.625rem .75rem .625rem .75rem}.react-survey-builder-form .rfb-item .form-group .form-floating .rbt~label{opacity:.65;transform:scale(0.85) translateY(-0.5rem) translateX(0.15rem)}/# sourceMappingURL=app.css.map /

package/dist/app.css.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sourceRoot":"","sources":["../scss/application.scss","../scss/react-star-rating.scss","../node_modules/react-bootstrap-range-slider/dist/react-bootstrap-range-slider.scss","../scss/react-draft.scss","../scss/survey-builder.scss","../scss/survey-builder-form.scss"],"names":[],"mappings":"AAUQ,qDACA,yDCXR,2CACE,2CAEF,m7BCuBA,+BACE,wBACA,cACA,WACA,kCACA,kBACA,gBACA,6BACA,MAfa,QAgBb,4BACA,yBACA,YACA,aACA,gBACA,kBAEA,iDACE,aACA,YAGF,+CACE,aAGF,gDACE,iCACA,iBACA,kBAGF,gDACE,gCACA,gBACA,kBAaF,8DAPE,sBACA,YACA,WACA,WAlDW,QAmDX,kBAIF,iDARE,sBACA,YACA,WACA,WAlDW,QAmDX,kBAKF,0CATE,sBACA,YACA,WACA,WAlDW,QAmDX,kBAMF,+CAVE,sBACA,YACA,WACA,WAlDW,QAmDX,kBAQF,0CACE,oBAQF,+EAJE,WACA,kBAIF,kEALE,WACA,kBAKF,2DANE,WACA,kBAMF,gEAPE,WACA,kBAaF,uEAJE,WAzEc,QA0Ed,mBAIF,0DALE,WAzEc,QA0Ed,mBAKF,mDANE,WAzEc,QA0Ed,mBAyBE,sFAtHS,QAuHT,kFAvHS,QAwHT,2EAxHS,QA8HL,4OACA,oOACA,sNAVJ,wFAtHS,QAuHT,oFAvHS,QAwHT,6EAxHS,QA8HL,kPACA,0OACA,4NAVJ,sFAtHS,QAuHT,kFAvHS,QAwHT,2EAxHS,QA8HL,4OACA,oOACA,sNAVJ,qFAtHS,QAuHT,iFAvHS,QAwHT,0EAxHS,QA8HL,0OACA,kOACA,oNAVJ,sFAtHS,QAuHT,kFAvHS,QAwHT,2EAxHS,QA8HL,4OACA,oOACA,sNAVJ,mFAtHS,QAuHT,+EAvHS,QAwHT,wEAxHS,QA8HL,uOACA,+NACA,iNAVJ,oFAtHS,QAuHT,gFAvHS,QAwHT,yEAxHS,QA8HL,0OACA,kOACA,oNAVJ,mFAtHS,QAuHT,+EAvHS,QAwHT,wEAxHS,QA8HL,qOACA,6NACA,+MAUR,qDAnCE,wBACA,sBACA,YACA,kBACA,mBACA,YACA,WACA,eACA,+BA2BwC,gBAC1C,iDApCE,wBACA,sBACA,YACA,kBACA,mBACA,YACA,WACA,eACA,+BA6BF,0CArCE,wBACA,sBACA,YACA,kBACA,mBACA,YACA,WACA,eACA,+BA6B6B,aAO/B,sEAJE,YACA,WAG6D,gBAC/D,kEALE,YACA,WAKF,2DANE,YACA,WAKkD,aAOpD,sEAJE,YACA,WAG6D,gBAC/D,kEALE,YACA,WAKF,2DANE,YACA,WAKkD,aAOpD,8DAJE,WA9Ic,QA+Id,mBAIF,0DALE,WA9Ic,QA+Id,mBAKF,mDANE,WA9Ic,QA+Id,mBAQF,4CACE,aAKH,oBACC,kBACA,cACA,kCAIA,2CACE,cACA,kBACA,QACA,YACA,kBACA,iBACA,UACA,+BACA,aAEA,sEACE,wDAEA,SAGF,yEACE,qDAEA,YAGF,qEACE,WAGF,qGACE,YAGF,yEACE,kBACA,2BACA,gBACA,gBACA,YACA,iBACA,MAtMc,KAuMd,kBACA,iBAzMc,KA0Md,WACA,qBACA,sBACA,kBACA,mBAGF,yEACE,kBACA,2BACA,cACA,YACA,aACA,WAEA,iFACE,kBACA,WACA,2BACA,mBACA,OAIJ,oGACE,eAEA,4GACE,MACA,2BACA,iBAxOY,KA4OhB,uGACE,YAEA,+GACE,SACA,2BACA,oBAlPY,KAwPlB,2CACE,iCACA,kBAEA,uEACE,sDAGF,0EACE,mDAKJ,2CACE,gCACA,kBAEA,uEACE,sDAGF,0EACE,mDAMF,wHAEE,WAIF,4FAEE,YCpTN,oBACE,yBACA,YACA,eACA,YACA,kBACA,aACA,oBACA,oBACA,aACA,wBACI,qBACI,uBACR,yBACI,sBACI,mBACR,eACA,gBACA,0BAEF,0BACE,+BAEF,2BACE,qCAEF,mBACE,qCAEF,wBACE,WAEF,qBACE,WACA,eAEF,sBACE,YACA,gBACA,eACA,yBACA,kBACA,aACA,0BACA,gBAEF,4BACE,aAEF,4BACE,+BACA,sBAEF,6BACE,qCAEF,0BACE,WACA,UACA,kBACA,QACA,UACA,0BACA,oCACA,qCAEF,2BACE,WACA,UACA,kBACA,QACA,UACA,6BACA,oCACA,qCAEF,2BACE,oBACA,oBACA,aACA,kBACA,YACA,yBACI,sBACI,mBACR,cAEF,4BACE,YACA,kBACA,yBACA,UACA,gBACA,kBACA,SACA,UAEF,kCACE,+BACA,sBAEF,4BACE,gBACA,oBACA,oBACA,aACA,yBACI,sBACI,mBACR,cAEF,gCACE,mBAEF,2BACE,mBAEF,6BACE,WACA,eAEF,oBACE,oBACA,oBACA,aACA,kBAEF,qBACE,WAEF,2BACE,YACA,oBACA,oBACA,aACA,wBACI,qBACI,uBAEV,mBACE,oBACA,oBACA,aACA,yBACI,sBACI,mBACR,kBAEF,oBACE,YAEF,sBACE,oBACA,oBACA,aACA,yBACI,sBACI,mBACR,kBAEF,uBACE,eAEF,qBACE,oBACA,oBACA,aACA,wBACI,qBACI,uBAEV,wBACE,oBACA,oBACA,aACA,yBACI,sBACI,mBACR,kBAEF,yBACE,YAEF,4BACE,mBACA,eACA,gBACA,uBAEF,8BACE,YAEF,kBACE,oBACA,oBACA,aACA,yBACI,sBACI,mBACR,kBAEF,mBACE,WACA,WAEF,yBACE,YACA,oBACA,oBACA,aACA,wBACI,qBACI,uBAEV,wBACE,oBACA,oBACA,aACA,yBACI,sBACI,mBACR,kBAEF,yBACE,WACA,WAEF,+BACE,YACA,oBACA,oBACA,aACA,wBACI,qBACI,uBAEV,yBACE,oBACA,oBACA,aACA,8BACA,6BACI,uBACI,mBACR,qBACI,kBACI,yBAEV,wBACE,oBACA,oBACA,aACA,8BACA,6BACI,uBACI,mBACR,uBACI,oBACI,2BAEV,0BACE,oBACA,oBACA,aACA,8BACA,6BACI,uBACI,mBACR,wBACI,qBACI,uBAEV,2BACE,oBACA,oBACA,aACA,8BACA,6BACI,uBACI,mBAEV,yBACE,oBACA,oBACA,aACA,yBACI,sBACI,mBACR,kBACA,kBAEF,uBACE,kBACA,SACA,UACA,oBACA,oBACA,aACA,4BACA,6BACI,0BACI,sBACR,YACA,aACA,yBACA,aACA,kBACA,YACA,gBACA,+BAEF,8BACE,oBACA,oBACA,aACA,mBAEF,mCACE,eACA,UACA,kBACA,eACA,mBAEF,0CACE,gCAEF,+BACE,gBACA,oBACA,oBACA,aACA,YACA,mBACI,eAEN,sBACE,WACA,YACA,yBAEF,wBACE,WACA,UACA,gBACA,YACA,WACA,YACA,eACA,qCAEF,8BACE,+BAEF,+BACE,iCAEF,+BACE,mCAEF,kBACE,oBACA,oBACA,aACA,yBACI,sBACI,mBACR,kBACA,kBAEF,mBACE,WAEF,yBACE,YACA,oBACA,oBACA,aACA,wBACI,qBACI,uBAEV,8BACE,gBAEF,gBACE,kBACA,SACA,SACA,oBACA,oBACA,aACA,4BACA,6BACI,0BACI,sBACR,YACA,aACA,yBACA,aACA,kBACA,YACA,gBACA,+BAEF,sBACE,eAEF,sBACE,eACA,kBACA,yBACA,YACA,mBACA,cAEF,4BACE,aAEF,8BACE,cAEF,oBACE,iBACA,WACA,YACA,yBACA,kBACA,eACA,gBACA,0BAEF,0BACE,+BAEF,2BACE,qCAEF,0BACE,wBAEF,6BACE,mBAEF,yBACE,YACA,oBACA,oBACA,aACA,wBACI,qBACI,uBAEV,sBACE,WAEF,sBACE,oBACA,oBACA,aACA,yBACI,sBACI,mBACR,kBACA,kBAEF,oBACE,kBACA,SACA,SACA,oBACA,oBACA,aACA,4BACA,6BACI,0BACI,sBACR,YACA,aACA,yBACA,aACA,kBACA,YACA,gBACA,yBACI,sBACI,8BACR,+BAEF,2BACE,eACA,oBACA,oBACA,aAEF,kCACE,UACA,eACA,oBACA,oBACA,aACA,wBACI,qBACI,uBACR,yBACI,sBACI,mBACR,4BACA,6BACI,0BACI,sBAEV,iCACE,WACA,yBACA,eACA,mBACA,gCAEF,iCACE,oBACA,oBACA,aACA,4BACA,6BACI,0BACI,sBAEV,+BACE,UACA,YACA,cACA,yBACA,kBACA,eACA,cAEF,qCACE,aAEF,gCACE,oBACA,oBACA,aACA,wBACI,qBACI,uBAEV,wBACE,aACA,WACA,YACA,yBACA,kBACA,eACA,gBACA,0BAEF,8BACE,+BAEF,+BACE,qCAEF,8BACE,wBAEF,iCACE,mBAEF,yBACE,oBACA,oBACA,aACA,kBACA,yBACI,sBACI,8BAEV,+BACE,UACA,YACA,yBACA,kBACA,eAEF,qCACE,aAEF,mBACE,oBACA,oBACA,aACA,yBACI,sBACI,mBACR,kBACA,kBAEF,iBACE,cACA,kBACA,SACA,SACA,oBACA,oBACA,aACA,mBACI,eACJ,YACA,aACA,yBACA,aACA,kBACA,YACA,gBACA,+BAEF,gBACE,aACA,YACA,WACA,eACA,eACA,oBACA,oBACA,aACA,wBACI,qBACI,uBACR,yBACI,sBACI,mBAEV,aACE,oBACA,oBACA,aACA,yBACI,sBACI,mBACR,wBACI,qBACI,uBACR,YACA,WAEF,iBACE,WACA,YACA,sBAEA,mBACA,qBACA,gEACA,wDAEF,0BACE,+BACA,uBAEF,0BACE,+BACA,uBAEF,kCACE,uCACA,gCAEF,0BACE,YACE,2BACA,mBACA,IACA,2BACA,oBAGJ,mBACE,oBACA,oBACA,aACA,yBACI,sBACI,mBACR,kBACA,kBAEF,iBACE,kBACA,SACA,SACA,oBACA,oBACA,aACA,4BACA,6BACI,0BACI,sBACR,YACA,aACA,yBACA,aACA,kBACA,YACA,gBACA,+BAEF,wBACE,eACA,cACA,oBACA,oBACA,aAEF,+BACE,UACA,eACA,oBACA,oBACA,aACA,wBACI,qBACI,uBACR,yBACI,sBACI,mBACR,4BACA,6BACI,0BACI,sBAEV,8BACE,WACA,mBACA,yBACA,eAEF,0CACE,mBACA,gCAEF,+BACE,YACA,WACA,WACA,eACA,oBACA,oBACA,aACA,YACA,eACA,yBACI,sBACI,mBACR,wBACI,qBACI,uBACR,yBACA,wBACA,qBACA,cAEF,2CACE,2BAEF,qCACE,eACA,YACA,WACA,oBACA,oBACA,aACA,wBACI,qBACI,uBACR,yBACI,sBACI,mBAEV,qCACE,WACA,YACA,UACA,gBACA,kBACA,WAEF,6BACE,oBACA,oBACA,aAEF,2BACE,UACA,YACA,kBACA,yBACA,kBACA,eACA,cAEF,6BACE,mBAEF,iCACE,aAEF,qBACE,aACA,WACA,YACA,yBACA,kBACA,eACA,gBACA,0BAEF,2BACE,+BAEF,4BACE,qCAEF,2BACE,wBAEF,8BACE,mBAEF,yBACE,kBACA,SACA,OACA,WACA,YACA,WAEF,oBACE,oBACA,oBACA,aACA,yBACI,sBACI,mBACR,kBACA,kBAEF,qBACE,oBACA,oBACA,aACA,yBACI,sBACI,mBACR,kBAEF,4BACE,YACA,oBACA,oBACA,aACA,wBACI,qBACI,uBAEV,sBACE,WAEF,4BACE,kBAEF,yBACE,kBACA,SACA,MACA,eACA,sBAEF,aACE,cACA,yBACA,gBACA,kBAEF,kBACE,qBAEF,wBACE,kBAEF,yBACE,kBACA,oBACA,oBACA,aACA,4BACA,6BACI,0BACI,sBACR,yBACA,gBACA,iBACA,cACA,gBACA,YAEF,uBACE,gBACA,gCAEF,8BACE,yBAEF,mCACE,kBACA,gBACA,oBACA,oBACA,aACA,gBACA,kBACA,yBACA,YACA,eACA,YAEF,2BACE,uBACI,oBACI,2BAEV,4BACE,YACA,WACA,eAEF,qBACE,kBAEF,wBACE,kBAEF,kBACE,WACA,oBACA,oBACA,aACA,wBACI,qBACI,uBAEV,gBACE,WAEF,iBACE,YAEF,iBACE,aACA,WACA,cACA,uBACA,gBAEF,oBACE,kBACA,kBACA,yBACA,oBACA,oBACA,aACA,uBACI,oBACI,2BACR,WACA,gBACA,mBACI,eACJ,eACA,yBACG,sBACC,qBACI,iBAEV,gCACE,aAEF,0BACE,aAGF,kBACE,eAYF,g3HC5+BC,oDAEC,WACA,sBACA,mBACA,aACA,sCAEA,kBACA,YAEA,wEACC,cACA,2BACA,8BACA,gBACA,kBACA,WACA,iBACA,aACA,mFAOD,0DACC,mBAKC,yFACC,gBAMF,sFACC,gBAGD,8EACC,0BACA,iBAGD,8EACC,uCAGD,8EACC,YACA,8DAIF,0DACC,iBAGD,4DACC,kBAGD,8DACC,gBACA,YACA,aACA,sBACA,kBACA,iBAGD,mEACC,gCACA,6BAGD,gEACC,yBAGD,+DACC,eACA,mBACA,aACA,cACA,gBACA,MACA,aACA,YAEA,YACA,eACA,gBAEA,+IAEC,mBAGD,6EACC,eACA,gBACA,eAGD,wEACC,WAGD,2EACC,eACA,kBAGD,2EACC,kBAGC,mGACC,cAGD,mGACC,qBACA,UACA,cAEA,gHACC,UACA,eAGD,iHACC,UACA,cAMJ,oFACC,mBAEA,uFACC,qBACA,SACA,UAEA,0FACC,gBAEA,gGAYC,kBAXA,6GACC,aACA,WAEA,4HACC,YACA,gBACA,aAOH,iGACC,WACA,iBAGD,2HACC,iBAOL,8DACC,gCACA,kBACA,YACA,2BACA,yBACA,wBACA,sBACA,qBACA,iBAEA,wEAEC,kBAEA,qFACC,kBAEA,iGACC,eACA,kBAGD,iGACC,kBACA,oBAEA,yZAIC,YAGD,kHACC,YAGD,oHACC,cAGD,+NAEC,mBACA,cAGD,iHACC,gBAIF,iGACC,kBACA,aACA,uBACA,gBACA,YACA,kBAIF,uFACC,cACA,aACA,WACA,uBAGD,wFACC,UACA,YAeD,8EACC,8BACA,gBAEA,yKAEC,YACA,oBAGD,8FACC,UAYH,0EACC,aACA,4BACA,~~sCAEA~~,OACA,eAKH,oDACC,WACA,gBAEA,kBACA,YAEA,uDACC,aACA,kBACA,aACA,mBACA,WAGD,gEACC,aACA,uBAGD,uDACC,UAEA,0DACC,eACA,gBACA,WACA,aACA,uBAEA,8DACC,qBAOL,wBACC,kBAEA,sCACC,kBACA,UACA,UACA,YAGD,8CACC,kBACA,QACA,SACA,UAIF,sBACC,sBACA,sCAGD,qBACC,sBACA,sCACA,YAGD,iBACC,cACA,aAGD,uBACC,YACA,aAGD,yBAIE,oDACC,WAEA,+DACC,WACA,gBAEA,oEACC,gBAGD,6GACC,WAIF,gHACC,YAEA,qHACC,iBACA,kBACA,sBACA,WACA,YAOF,uDACC,aACA,mBACA,WA6BH,iBACC,MACA,OACA,QACA,SACA,WACA,YACA,gBACA,iBACA,UAIF,eACC,cACA,WACA,cAEA,qBACC,kBACA,qBACA,UACA,SACA,mBAEA,mCACC,gBAGD,kCACC,iBAKH,iBACC,eACA,WAEA,wCACC,WACA,aACA,yBACA,sBACA,kBAEA,+CACC,kBACA,OACA,MACA,WACA,YACA,kBACA,yCAIF,0CACC,kBAKF,qBACC,YACA,uBACA,uBACA,0BACA,kBACA,aACA,kBACA,0BACA,WAGD,4BACC,gBC9gBD,wBACC,0BACA,WACA,kBAGD,kBACC,eACA,WACA,MACA,OACA,SACA,cAEA,qBACC,WAGD,wCACC,gBAIF,2BACC,kBAEA,iDACC,yBAGD,oDACC,WAGD,6CACC,wBAGD,qCAEC,kBASA,yCACC,eAGD,2CACC,mBAGD,2CACC,iBAGD,6CACC,kBAGD,iDACC,yBAGD,iDACC,eACA,kBAGD,iDACC,kBAEA,gEACC,gCACA,kBAGD,mDACC,eAGD,kEACC,YAGD,kEACC,kBACA,WAGD,oEACC,cAGD,+HAEC,mBACA,cAKC,sFACC,gBAMF,mFACC,gBAGD,2EACC,0BACA,iBAGD,2EACC,uCAGD,2EACC,YACA","file":"app.css"}
1	+ {"version":3,"sourceRoot":"","sources":["../scss/application.scss","../scss/react-star-rating.scss","../node_modules/react-bootstrap-range-slider/dist/react-bootstrap-range-slider.scss","../scss/react-draft.scss","../scss/survey-builder.scss","../scss/survey-builder-form.scss"],"names":[],"mappings":"AAUQ,qDACA,yDCXR,2CACE,2CAEF,m7BCuBA,+BACE,wBACA,cACA,WACA,kCACA,kBACA,gBACA,6BACA,MAfa,QAgBb,4BACA,yBACA,YACA,aACA,gBACA,kBAEA,iDACE,aACA,YAGF,+CACE,aAGF,gDACE,iCACA,iBACA,kBAGF,gDACE,gCACA,gBACA,kBAaF,8DAPE,sBACA,YACA,WACA,WAlDW,QAmDX,kBAIF,iDARE,sBACA,YACA,WACA,WAlDW,QAmDX,kBAKF,0CATE,sBACA,YACA,WACA,WAlDW,QAmDX,kBAMF,+CAVE,sBACA,YACA,WACA,WAlDW,QAmDX,kBAQF,0CACE,oBAQF,+EAJE,WACA,kBAIF,kEALE,WACA,kBAKF,2DANE,WACA,kBAMF,gEAPE,WACA,kBAaF,uEAJE,WAzEc,QA0Ed,mBAIF,0DALE,WAzEc,QA0Ed,mBAKF,mDANE,WAzEc,QA0Ed,mBAyBE,sFAtHS,QAuHT,kFAvHS,QAwHT,2EAxHS,QA8HL,4OACA,oOACA,sNAVJ,wFAtHS,QAuHT,oFAvHS,QAwHT,6EAxHS,QA8HL,kPACA,0OACA,4NAVJ,sFAtHS,QAuHT,kFAvHS,QAwHT,2EAxHS,QA8HL,4OACA,oOACA,sNAVJ,qFAtHS,QAuHT,iFAvHS,QAwHT,0EAxHS,QA8HL,0OACA,kOACA,oNAVJ,sFAtHS,QAuHT,kFAvHS,QAwHT,2EAxHS,QA8HL,4OACA,oOACA,sNAVJ,mFAtHS,QAuHT,+EAvHS,QAwHT,wEAxHS,QA8HL,uOACA,+NACA,iNAVJ,oFAtHS,QAuHT,gFAvHS,QAwHT,yEAxHS,QA8HL,0OACA,kOACA,oNAVJ,mFAtHS,QAuHT,+EAvHS,QAwHT,wEAxHS,QA8HL,qOACA,6NACA,+MAUR,qDAnCE,wBACA,sBACA,YACA,kBACA,mBACA,YACA,WACA,eACA,+BA2BwC,gBAC1C,iDApCE,wBACA,sBACA,YACA,kBACA,mBACA,YACA,WACA,eACA,+BA6BF,0CArCE,wBACA,sBACA,YACA,kBACA,mBACA,YACA,WACA,eACA,+BA6B6B,aAO/B,sEAJE,YACA,WAG6D,gBAC/D,kEALE,YACA,WAKF,2DANE,YACA,WAKkD,aAOpD,sEAJE,YACA,WAG6D,gBAC/D,kEALE,YACA,WAKF,2DANE,YACA,WAKkD,aAOpD,8DAJE,WA9Ic,QA+Id,mBAIF,0DALE,WA9Ic,QA+Id,mBAKF,mDANE,WA9Ic,QA+Id,mBAQF,4CACE,aAKH,oBACC,kBACA,cACA,kCAIA,2CACE,cACA,kBACA,QACA,YACA,kBACA,iBACA,UACA,+BACA,aAEA,sEACE,wDAEA,SAGF,yEACE,qDAEA,YAGF,qEACE,WAGF,qGACE,YAGF,yEACE,kBACA,2BACA,gBACA,gBACA,YACA,iBACA,MAtMc,KAuMd,kBACA,iBAzMc,KA0Md,WACA,qBACA,sBACA,kBACA,mBAGF,yEACE,kBACA,2BACA,cACA,YACA,aACA,WAEA,iFACE,kBACA,WACA,2BACA,mBACA,OAIJ,oGACE,eAEA,4GACE,MACA,2BACA,iBAxOY,KA4OhB,uGACE,YAEA,+GACE,SACA,2BACA,oBAlPY,KAwPlB,2CACE,iCACA,kBAEA,uEACE,sDAGF,0EACE,mDAKJ,2CACE,gCACA,kBAEA,uEACE,sDAGF,0EACE,mDAMF,wHAEE,WAIF,4FAEE,YCpTN,oBACE,yBACA,YACA,eACA,YACA,kBACA,aACA,oBACA,oBACA,aACA,wBACI,qBACI,uBACR,yBACI,sBACI,mBACR,eACA,gBACA,0BAEF,0BACE,+BAEF,2BACE,qCAEF,mBACE,qCAEF,wBACE,WAEF,qBACE,WACA,eAEF,sBACE,YACA,gBACA,eACA,yBACA,kBACA,aACA,0BACA,gBAEF,4BACE,aAEF,4BACE,+BACA,sBAEF,6BACE,qCAEF,0BACE,WACA,UACA,kBACA,QACA,UACA,0BACA,oCACA,qCAEF,2BACE,WACA,UACA,kBACA,QACA,UACA,6BACA,oCACA,qCAEF,2BACE,oBACA,oBACA,aACA,kBACA,YACA,yBACI,sBACI,mBACR,cAEF,4BACE,YACA,kBACA,yBACA,UACA,gBACA,kBACA,SACA,UAEF,kCACE,+BACA,sBAEF,4BACE,gBACA,oBACA,oBACA,aACA,yBACI,sBACI,mBACR,cAEF,gCACE,mBAEF,2BACE,mBAEF,6BACE,WACA,eAEF,oBACE,oBACA,oBACA,aACA,kBAEF,qBACE,WAEF,2BACE,YACA,oBACA,oBACA,aACA,wBACI,qBACI,uBAEV,mBACE,oBACA,oBACA,aACA,yBACI,sBACI,mBACR,kBAEF,oBACE,YAEF,sBACE,oBACA,oBACA,aACA,yBACI,sBACI,mBACR,kBAEF,uBACE,eAEF,qBACE,oBACA,oBACA,aACA,wBACI,qBACI,uBAEV,wBACE,oBACA,oBACA,aACA,yBACI,sBACI,mBACR,kBAEF,yBACE,YAEF,4BACE,mBACA,eACA,gBACA,uBAEF,8BACE,YAEF,kBACE,oBACA,oBACA,aACA,yBACI,sBACI,mBACR,kBAEF,mBACE,WACA,WAEF,yBACE,YACA,oBACA,oBACA,aACA,wBACI,qBACI,uBAEV,wBACE,oBACA,oBACA,aACA,yBACI,sBACI,mBACR,kBAEF,yBACE,WACA,WAEF,+BACE,YACA,oBACA,oBACA,aACA,wBACI,qBACI,uBAEV,yBACE,oBACA,oBACA,aACA,8BACA,6BACI,uBACI,mBACR,qBACI,kBACI,yBAEV,wBACE,oBACA,oBACA,aACA,8BACA,6BACI,uBACI,mBACR,uBACI,oBACI,2BAEV,0BACE,oBACA,oBACA,aACA,8BACA,6BACI,uBACI,mBACR,wBACI,qBACI,uBAEV,2BACE,oBACA,oBACA,aACA,8BACA,6BACI,uBACI,mBAEV,yBACE,oBACA,oBACA,aACA,yBACI,sBACI,mBACR,kBACA,kBAEF,uBACE,kBACA,SACA,UACA,oBACA,oBACA,aACA,4BACA,6BACI,0BACI,sBACR,YACA,aACA,yBACA,aACA,kBACA,YACA,gBACA,+BAEF,8BACE,oBACA,oBACA,aACA,mBAEF,mCACE,eACA,UACA,kBACA,eACA,mBAEF,0CACE,gCAEF,+BACE,gBACA,oBACA,oBACA,aACA,YACA,mBACI,eAEN,sBACE,WACA,YACA,yBAEF,wBACE,WACA,UACA,gBACA,YACA,WACA,YACA,eACA,qCAEF,8BACE,+BAEF,+BACE,iCAEF,+BACE,mCAEF,kBACE,oBACA,oBACA,aACA,yBACI,sBACI,mBACR,kBACA,kBAEF,mBACE,WAEF,yBACE,YACA,oBACA,oBACA,aACA,wBACI,qBACI,uBAEV,8BACE,gBAEF,gBACE,kBACA,SACA,SACA,oBACA,oBACA,aACA,4BACA,6BACI,0BACI,sBACR,YACA,aACA,yBACA,aACA,kBACA,YACA,gBACA,+BAEF,sBACE,eAEF,sBACE,eACA,kBACA,yBACA,YACA,mBACA,cAEF,4BACE,aAEF,8BACE,cAEF,oBACE,iBACA,WACA,YACA,yBACA,kBACA,eACA,gBACA,0BAEF,0BACE,+BAEF,2BACE,qCAEF,0BACE,wBAEF,6BACE,mBAEF,yBACE,YACA,oBACA,oBACA,aACA,wBACI,qBACI,uBAEV,sBACE,WAEF,sBACE,oBACA,oBACA,aACA,yBACI,sBACI,mBACR,kBACA,kBAEF,oBACE,kBACA,SACA,SACA,oBACA,oBACA,aACA,4BACA,6BACI,0BACI,sBACR,YACA,aACA,yBACA,aACA,kBACA,YACA,gBACA,yBACI,sBACI,8BACR,+BAEF,2BACE,eACA,oBACA,oBACA,aAEF,kCACE,UACA,eACA,oBACA,oBACA,aACA,wBACI,qBACI,uBACR,yBACI,sBACI,mBACR,4BACA,6BACI,0BACI,sBAEV,iCACE,WACA,yBACA,eACA,mBACA,gCAEF,iCACE,oBACA,oBACA,aACA,4BACA,6BACI,0BACI,sBAEV,+BACE,UACA,YACA,cACA,yBACA,kBACA,eACA,cAEF,qCACE,aAEF,gCACE,oBACA,oBACA,aACA,wBACI,qBACI,uBAEV,wBACE,aACA,WACA,YACA,yBACA,kBACA,eACA,gBACA,0BAEF,8BACE,+BAEF,+BACE,qCAEF,8BACE,wBAEF,iCACE,mBAEF,yBACE,oBACA,oBACA,aACA,kBACA,yBACI,sBACI,8BAEV,+BACE,UACA,YACA,yBACA,kBACA,eAEF,qCACE,aAEF,mBACE,oBACA,oBACA,aACA,yBACI,sBACI,mBACR,kBACA,kBAEF,iBACE,cACA,kBACA,SACA,SACA,oBACA,oBACA,aACA,mBACI,eACJ,YACA,aACA,yBACA,aACA,kBACA,YACA,gBACA,+BAEF,gBACE,aACA,YACA,WACA,eACA,eACA,oBACA,oBACA,aACA,wBACI,qBACI,uBACR,yBACI,sBACI,mBAEV,aACE,oBACA,oBACA,aACA,yBACI,sBACI,mBACR,wBACI,qBACI,uBACR,YACA,WAEF,iBACE,WACA,YACA,sBAEA,mBACA,qBACA,gEACA,wDAEF,0BACE,+BACA,uBAEF,0BACE,+BACA,uBAEF,kCACE,uCACA,gCAEF,0BACE,YACE,2BACA,mBACA,IACA,2BACA,oBAGJ,mBACE,oBACA,oBACA,aACA,yBACI,sBACI,mBACR,kBACA,kBAEF,iBACE,kBACA,SACA,SACA,oBACA,oBACA,aACA,4BACA,6BACI,0BACI,sBACR,YACA,aACA,yBACA,aACA,kBACA,YACA,gBACA,+BAEF,wBACE,eACA,cACA,oBACA,oBACA,aAEF,+BACE,UACA,eACA,oBACA,oBACA,aACA,wBACI,qBACI,uBACR,yBACI,sBACI,mBACR,4BACA,6BACI,0BACI,sBAEV,8BACE,WACA,mBACA,yBACA,eAEF,0CACE,mBACA,gCAEF,+BACE,YACA,WACA,WACA,eACA,oBACA,oBACA,aACA,YACA,eACA,yBACI,sBACI,mBACR,wBACI,qBACI,uBACR,yBACA,wBACA,qBACA,cAEF,2CACE,2BAEF,qCACE,eACA,YACA,WACA,oBACA,oBACA,aACA,wBACI,qBACI,uBACR,yBACI,sBACI,mBAEV,qCACE,WACA,YACA,UACA,gBACA,kBACA,WAEF,6BACE,oBACA,oBACA,aAEF,2BACE,UACA,YACA,kBACA,yBACA,kBACA,eACA,cAEF,6BACE,mBAEF,iCACE,aAEF,qBACE,aACA,WACA,YACA,yBACA,kBACA,eACA,gBACA,0BAEF,2BACE,+BAEF,4BACE,qCAEF,2BACE,wBAEF,8BACE,mBAEF,yBACE,kBACA,SACA,OACA,WACA,YACA,WAEF,oBACE,oBACA,oBACA,aACA,yBACI,sBACI,mBACR,kBACA,kBAEF,qBACE,oBACA,oBACA,aACA,yBACI,sBACI,mBACR,kBAEF,4BACE,YACA,oBACA,oBACA,aACA,wBACI,qBACI,uBAEV,sBACE,WAEF,4BACE,kBAEF,yBACE,kBACA,SACA,MACA,eACA,sBAEF,aACE,cACA,yBACA,gBACA,kBAEF,kBACE,qBAEF,wBACE,kBAEF,yBACE,kBACA,oBACA,oBACA,aACA,4BACA,6BACI,0BACI,sBACR,yBACA,gBACA,iBACA,cACA,gBACA,YAEF,uBACE,gBACA,gCAEF,8BACE,yBAEF,mCACE,kBACA,gBACA,oBACA,oBACA,aACA,gBACA,kBACA,yBACA,YACA,eACA,YAEF,2BACE,uBACI,oBACI,2BAEV,4BACE,YACA,WACA,eAEF,qBACE,kBAEF,wBACE,kBAEF,kBACE,WACA,oBACA,oBACA,aACA,wBACI,qBACI,uBAEV,gBACE,WAEF,iBACE,YAEF,iBACE,aACA,WACA,cACA,uBACA,gBAEF,oBACE,kBACA,kBACA,yBACA,oBACA,oBACA,aACA,uBACI,oBACI,2BACR,WACA,gBACA,mBACI,eACJ,eACA,yBACG,sBACC,qBACI,iBAEV,gCACE,aAEF,0BACE,aAGF,kBACE,eAYF,g3HC5+BC,oDAEC,WACA,sBACA,mBACA,aACA,sCAEA,kBACA,YAEA,wEACC,cACA,2BACA,8BACA,gBACA,kBACA,WACA,iBACA,aACA,mFAOD,0DACC,mBAKC,yFACC,gBAMF,sFACC,gBAGD,8EACC,0BACA,iBAGD,8EACC,uCAGD,8EACC,YACA,8DAIF,0DACC,iBAGD,4DACC,kBAGD,8DACC,gBACA,YACA,aACA,sBACA,kBACA,iBAGD,mEACC,gCACA,6BAGD,gEACC,yBAGD,+DACC,eACA,mBACA,aACA,cACA,gBACA,MACA,aACA,YAEA,YACA,eACA,gBAEA,+IAEC,mBAGD,6EACC,eACA,gBACA,eAGD,wEACC,WAGD,2EACC,eACA,kBAGD,2EACC,kBAGC,mGACC,cAGD,mGACC,qBACA,UACA,cAEA,gHACC,UACA,eAGD,iHACC,UACA,cAMJ,oFACC,mBAEA,uFACC,qBACA,SACA,UAEA,0FACC,gBAEA,gGAYC,kBAXA,6GACC,aACA,WAEA,4HACC,YACA,gBACA,aAOH,iGACC,WACA,iBAGD,2HACC,iBAOL,8DACC,gCACA,kBACA,YACA,2BACA,yBACA,wBACA,sBACA,qBACA,iBAEA,wEAEC,kBAEA,qFACC,kBAEA,iGACC,eACA,kBAGD,iGACC,kBACA,oBAEA,yZAIC,YAGD,kHACC,YAGD,oHACC,cAGD,+NAEC,mBACA,cAGD,iHACC,gBAIF,iGACC,kBACA,aACA,uBACA,gBACA,YACA,kBAIF,uFACC,cACA,aACA,WACA,uBAGD,wFACC,UACA,YAeD,8EACC,8BACA,gBAEA,yKAEC,YACA,oBAGD,8FACC,UAYH,0EACC,aACA,4BACA,sCACA,WACA,OACA,eAKH,oDACC,WACA,gBAEA,kBACA,YAEA,uDACC,aACA,kBACA,aACA,mBACA,WAGD,gEACC,aACA,uBAGD,uDACC,UAEA,0DACC,eACA,gBACA,WACA,aACA,uBAEA,8DACC,qBAOL,wBACC,kBAEA,sCACC,kBACA,UACA,UACA,YAGD,8CACC,kBACA,QACA,SACA,UAIF,sBACC,sBACA,sCAGD,qBACC,sBACA,sCACA,YAGD,iBACC,cACA,aAGD,uBACC,YACA,aAGD,yBAIE,oDACC,WAEA,+DACC,WACA,gBAEA,oEACC,gBAGD,6GACC,WAIF,gHACC,YAEA,qHACC,iBACA,kBACA,sBACA,WACA,YAOF,uDACC,aACA,mBACA,WA6BH,iBACC,MACA,OACA,QACA,SACA,WACA,YACA,gBACA,iBACA,UAIF,eACC,cACA,WACA,cAEA,qBACC,kBACA,qBACA,UACA,SACA,mBAEA,mCACC,gBAGD,kCACC,iBAKH,iBACC,eACA,WAEA,wCACC,WACA,aACA,yBACA,sBACA,kBAEA,+CACC,kBACA,OACA,MACA,WACA,YACA,kBACA,yCAIF,0CACC,kBAKF,qBACC,YACA,uBACA,uBACA,0BACA,kBACA,aACA,kBACA,0BACA,WAGD,4BACC,gBC9gBD,wBACC,0BACA,WACA,kBAGD,kBACC,eACA,WACA,MACA,OACA,SACA,cAEA,qBACC,WAGD,wCACC,gBAIF,2BACC,kBAEA,iDACC,yBAGD,oDACC,WAGD,6CACC,wBAGD,qCAEC,kBASA,yCACC,eAGD,2CACC,mBAGD,2CACC,iBAGD,6CACC,kBAGD,iDACC,yBAGD,iDACC,eACA,kBAGD,iDACC,kBAEA,gEACC,gCACA,kBAGD,mDACC,eAGD,kEACC,YAGD,kEACC,kBACA,WAGD,oEACC,cAGD,+HAEC,mBACA,cAKC,sFACC,gBAMF,mFACC,gBAGD,2EACC,0BACA,iBAGD,2EACC,uCAGD,2EACC,YACA","file":"app.css"}

package/dist/bundle.js CHANGED Viewed

@@ -1246,7 +1246,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _toolbar_draggable_item__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./toolbar-draggable-item */ \"./src/toolbar-draggable-item.jsx\");\n/* harmony import */ var _toolbar_group_item__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./toolbar-group-item */ \"./src/toolbar-group-item.jsx\");\n/* harmony import */ var _stores_store__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./stores/store */ \"./src/stores/store.js\");\n/* harmony import */ var react_icons_fa__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! react-icons/fa */ \"./node_modules/react-icons/fa/index.mjs\");\n/* harmony import */ var react_icons_pi__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! react-icons/pi */ \"./node_modules/react-icons/pi/index.mjs\");\n/* harmony import */ var _UUID__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./UUID */ \"./src/UUID.js\");\n/* harmony import */ var _UUID__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_UUID__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var react_icons_gr__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! react-icons/gr */ \"./node_modules/react-icons/gr/index.mjs\");\n/* harmony import */ var _utils_objectUtils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./utils/objectUtils */ \"./src/utils/objectUtils.js\");\n/* harmony import */ var react_icons_io5__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! react-icons/io5 */ \"./node_modules/react-icons/io5/index.mjs\");\nfunction _typeof(o) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o; }, _typeof(o); }\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _iterableToArrayLimit(r, l) { var t = null == r ? null : \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t[\"return\"] && (u = t[\"return\"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\nfunction ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }\nfunction _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }\nfunction _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\nfunction _toPropertyKey(t) { var i = _toPrimitive(t, \"string\"); return \"symbol\" == _typeof(i) ? i : i + \"\"; }\nfunction _toPrimitive(t, r) { if (\"object\" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || \"default\"); if (\"object\" != _typeof(i)) return i; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (\"string\" === r ? String : Number)(t); }\nfunction _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }\nfunction _nonIterableSpread() { throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\nfunction _iterableToArray(iter) { if (typeof Symbol !== \"undefined\" && iter[Symbol.iterator] != null || iter[\"@@iterator\"] != null) return Array.from(iter); }\nfunction _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }\n\n\n\n\n\n\n\n\n\n\nvar _defaultItems = [{\n  key: 'Header',\n  name: \"Header Text\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaHeading,\n  \"static\": true,\n  content: \"Text...\"\n}, {\n  key: 'Label',\n  name: \"Label\",\n  \"static\": true,\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaFont,\n  content: \"Text...\"\n}, {\n  key: 'Paragraph',\n  name: \"Paragraph\",\n  \"static\": true,\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaParagraph,\n  content: \"Text...\"\n}, {\n  key: 'ContentBody',\n  name: \"Static Content\",\n  \"static\": true,\n  icon: react_icons_pi__WEBPACK_IMPORTED_MODULE_7__.PiFileHtml,\n  content: \"Text...\"\n}, {\n  key: 'LineBreak',\n  name: \"Line Break\",\n  \"static\": true,\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaArrowsAltH\n}, {\n  key: 'Dropdown',\n  name: \"Dropdown\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaCaretSquareDown,\n  label: \"Label\",\n  fieldName: 'dropdown_',\n  canHaveHelp: true,\n  options: [],\n  placeholder: 'Select One',\n  canHaveLabelLocation: true,\n  answerType: 'ARRAY',\n  hideLabel: false\n}, {\n  key: 'Tags',\n  name: \"Tags\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaTags,\n  label: \"Label\",\n  fieldName: 'tags_',\n  canHaveHelp: true,\n  options: [],\n  placeholder: 'Select...',\n  canHaveLabelLocation: true,\n  answerType: 'ARRAY',\n  hideLabel: false\n}, {\n  key: 'Checkboxes',\n  name: \"Checkboxes\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaCheckSquare,\n  label: \"Label\",\n  fieldName: 'checkboxes_',\n  canHaveHelp: true,\n  options: [],\n  answerType: 'ARRAY',\n  hideLabel: false,\n  canHaveDisplayHorizontal: true,\n  bgColor: 'light',\n  textColor: 'black',\n  className: \"p-2 shadow-none rounded-3 text-black border border-2 w-100\",\n  fieldLabelClassName: \"text-start text-black fs-3\",\n  fieldDescriptionClassName: \"text-start text-muted fs-6\",\n  selectedClassName: \"\",\n  unselectedClassName: \"\",\n  unselectedColor: \"black\",\n  selectedColor: \"black\",\n  inline: false\n}, {\n  key: 'Checkbox',\n  name: \"Checkbox\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaCheckSquare,\n  label: \"Label\",\n  fieldName: 'checkbox_',\n  canHaveHelp: true,\n  boxLabel: 'Pick me',\n  answerType: 'BOOLEAN',\n  canHideLabel: true,\n  hideLabel: true,\n  bgColor: 'light',\n  textColor: 'black',\n  className: \"p-2 shadow-none rounded-3 text-black border border-2 w-100\"\n}, {\n  key: 'RadioButtons',\n  name: \"Radio Buttons\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaRegDotCircle,\n  label: \"Label\",\n  fieldName: 'radiobuttons_',\n  canHaveHelp: true,\n  options: [],\n  answerType: 'STRING',\n  hideLabel: false,\n  submitOnSelection: false,\n  canHaveDisplayHorizontal: true,\n  bgColor: 'light',\n  textColor: 'black',\n  className: \"p-2 shadow-none rounded-3 text-black border border-2 w-100\",\n  fieldLabelClassName: \"text-start text-black fs-3\",\n  fieldDescriptionClassName: \"text-start text-muted fs-6\",\n  selectedClassName: \"\",\n  unselectedClassName: \"\",\n  unselectedColor: \"black\",\n  selectedColor: \"black\",\n  showRadio: true,\n  inline: false\n}, {\n  key: 'ButtonList',\n  name: \"Button List\",\n  icon: react_icons_io5__WEBPACK_IMPORTED_MODULE_8__.IoReorderTwo,\n  label: \"Label\",\n  fieldName: 'buttonlist_',\n  canHaveHelp: true,\n  options: [],\n  answerType: 'STRING',\n  hideLabel: false,\n  submitOnSelection: true,\n  bgColor: 'light',\n  textColor: 'black',\n  className: \"p-2 shadow-none rounded-3 text-black border border-2 w-100\",\n  fieldLabelClassName: \"text-start text-black fs-3\",\n  fieldDescriptionClassName: \"text-start text-muted fs-6\",\n  selectedClassName: \"\",\n  unselectedClassName: \"\",\n  unselectedColor: \"black\",\n  selectedColor: \"black\",\n  showRadio: false,\n  inline: false\n}, {\n  key: 'TextInput',\n  name: \"Text Input\",\n  label: \"Label\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaFont,\n  fieldName: 'text_input_',\n  canHaveHelp: true,\n  placeholder: \"Label\",\n  canHaveLabelLocation: true,\n  answerType: 'STRING',\n  hideLabel: false\n}, {\n  key: 'EmailInput',\n  name: \"Email Input\",\n  label: \"Email Address\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaEnvelope,\n  fieldName: 'email_input_',\n  canHaveHelp: true,\n  placeholder: \"Email Address\",\n  canHaveLabelLocation: true,\n  answerType: 'STRING',\n  hideLabel: false\n}, {\n  key: 'PhoneNumber',\n  name: \"Phone Number\",\n  label: \"Phone Number\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaPhone,\n  fieldName: 'phone_input_',\n  canHaveHelp: true,\n  canHaveLabelLocation: true,\n  answerType: 'STRING',\n  hideLabel: false\n}, {\n  key: 'DatePicker',\n  canDefaultToday: true,\n  canReadOnly: true,\n  dateFormat: 'MM/DD/YYYY',\n  name: \"Date\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaRegCalendarAlt,\n  label: \"Label\",\n  fieldName: 'date_picker_',\n  canHaveHelp: true,\n  canHaveLabelLocation: true,\n  answerType: 'STRING',\n  hideLabel: false\n}, {\n  key: 'TextArea',\n  name: \"Multi-line Input\",\n  label: \"Label\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaTextHeight,\n  fieldName: 'text_area_',\n  canHaveHelp: true,\n  canHaveLabelLocation: true,\n  answerType: 'STRING',\n  hideLabel: false,\n  rows: 5\n}, {\n  key: 'NumberInput',\n  name: \"Numerical Input\",\n  label: \"Label\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaPlus,\n  fieldName: 'number_input_',\n  canHaveHelp: true,\n  step: 1,\n  minValue: 0,\n  maxValue: 5,\n  canHaveLabelLocation: true,\n  answerType: 'NUMBER',\n  hideLabel: false\n}, {\n  key: 'Rating',\n  name: \"Rating\",\n  label: \"Label\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaStar,\n  fieldName: 'rating_',\n  canHaveHelp: true,\n  answerType: 'NUMBER',\n  hideLabel: false\n}, {\n  key: 'Range',\n  name: \"Range\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaSlidersH,\n  label: \"Label\",\n  fieldName: 'range_',\n  step: 1,\n  defaultValue: 3,\n  minValue: 1,\n  maxValue: 5,\n  minLabel: \"Easy\",\n  maxLabel: \"Difficult\",\n  canHaveHelp: true,\n  answerType: 'NUMBER',\n  hideLabel: false\n}, {\n  key: 'Signature',\n  canReadOnly: true,\n  name: \"Signature\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaPenSquare,\n  label: \"Signature\",\n  fieldName: 'signature_',\n  canHaveHelp: true,\n  answerType: 'IMAGE',\n  hideLabel: false\n}, {\n  key: 'Camera',\n  name: \"Camera\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaCamera,\n  label: \"Label\",\n  fieldName: 'camera_',\n  answerType: 'IMAGE',\n  hideLabel: false\n}, {\n  key: 'FileUpload',\n  name: \"File Upload\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaFile,\n  label: \"Label\",\n  fieldName: 'file_upload_',\n  answerType: 'FILE',\n  hideLabel: false\n}, {\n  key: 'Fieldset',\n  name: \"Fieldset\",\n  label: \"Fieldset\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaBars,\n  fieldName: 'fieldset-element',\n  \"static\": true,\n  isContainer: true\n}, {\n  key: 'Image',\n  name: \"Image\",\n  label: '',\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaRegImage,\n  fieldName: 'image_',\n  src: '',\n  \"static\": true\n}, {\n  key: 'HyperLink',\n  name: \"Hyperlink\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaLink,\n  content: \"Website Link...\",\n  href: 'http://www.example.com',\n  \"static\": true\n}, {\n  key: 'Download',\n  name: \"File Attachment\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaFile,\n  content: \"File name...\",\n  fieldName: 'download_',\n  filePath: '',\n  href: '',\n  \"static\": true\n}, {\n  key: 'TwoColumnRow',\n  name: \"Two Column Row\",\n  label: '',\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaColumns,\n  fieldName: 'two_col_row_',\n  \"static\": true,\n  isContainer: true\n}, {\n  key: 'ThreeColumnRow',\n  name: \"Three Columns Row\",\n  label: '',\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaColumns,\n  fieldName: 'three_col_row_',\n  \"static\": true,\n  isContainer: true\n}, {\n  key: 'FourColumnRow',\n  element: 'MultiColumnRow',\n  name: \"Four Columns Row\",\n  label: '',\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaColumns,\n  fieldName: 'four_col_row_',\n  colCount: 4,\n  className: 'col-md-3',\n  \"static\": true,\n  isContainer: true\n}, {\n  key: 'FiveColumnRow',\n  element: 'MultiColumnRow',\n  name: \"Five Columns Row\",\n  label: '',\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaColumns,\n  fieldName: 'five_col_row_',\n  colCount: 5,\n  className: 'col',\n  \"static\": true,\n  isContainer: true\n}, {\n  key: 'SixColumnRow',\n  element: 'MultiColumnRow',\n  name: \"Six Columns Row\",\n  label: '',\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaColumns,\n  fieldName: 'six_col_row_',\n  colCount: 6,\n  className: 'col-md-2',\n  \"static\": true,\n  isContainer: true\n}, {\n  key: 'Step',\n  name: \"Step\",\n  label: \"Step\",\n  icon: react_icons_gr__WEBPACK_IMPORTED_MODULE_9__.GrSteps,\n  fieldName: 'step_',\n  \"static\": true,\n  conditional: false,\n  conditionalFieldName: '',\n  conditionalFieldValue: '',\n  isContainer: true,\n  hideNextStepButton: false\n}];\nvar groupBy = function groupBy(list, keyGetter) {\n  var map = new Map();\n  list.forEach(function (item) {\n    var key = keyGetter(item);\n    var collection = map.get(key);\n    if (!collection) {\n      map.set(key, [item]);\n    } else {\n      collection.push(item);\n    }\n  });\n  return map;\n};\nvar buildItems = function buildItems() {\n  var dataItems = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];\n  var defaultDataItems = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];\n  var customItems = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];\n  var allItems = [].concat(_toConsumableArray(defaultDataItems), _toConsumableArray(customItems));\n  if (!(0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_5__.isListNotEmpty)(dataItems)) {\n    return allItems;\n  }\n  return dataItems.map(function (x) {\n    var found = allItems.find(function (y) {\n      return x.element === y.element && y.key === x.key;\n    });\n    if (!found) {\n      found = allItems.find(function (y) {\n        return (x.element || x.key) === (y.element || y.key);\n      });\n    }\n    if (found) {\n      if (x.inherited !== false) {\n        found = _objectSpread(_objectSpread({}, found), x);\n      } else if (x.groupName) {\n        found.groupName = x.groupName;\n      }\n    }\n    return found || x;\n  });\n};\nvar buildGroupItems = function buildGroupItems() {\n  var allItems = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];\n  var ungroupedItems = allItems.filter(function (x) {\n    return !x.groupName;\n  });\n  var gItems = allItems.filter(function (x) {\n    return !!x.groupName;\n  });\n  var grouped = groupBy(gItems, function (x) {\n    return x.groupName;\n  });\n  var groupKeys = gItems.map(function (x) {\n    return x.groupName;\n  }).filter(function (v, i, self) {\n    return self.indexOf(v) === i;\n  });\n  return {\n    ungroupedItems: ungroupedItems,\n    grouped: grouped,\n    groupKeys: groupKeys\n  };\n};\nvar Toolbar = function Toolbar(_ref) {\n  var toolbarTop = _ref.toolbarTop,\n    _ref$items = _ref.items,\n    items = _ref$items === void 0 ? [] : _ref$items,\n    _ref$customItems = _ref.customItems,\n    customItems = _ref$customItems === void 0 ? [] : _ref$customItems;\n  var _React$useState = react__WEBPACK_IMPORTED_MODULE_0___default().useState((0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_5__.isListNotEmpty)(items) ? _toConsumableArray(items) : []),\n    _React$useState2 = _slicedToArray(_React$useState, 2),\n    dataItems = _React$useState2[0],\n    setDataItems = _React$useState2[1];\n  var _defaultItemOptions = function _defaultItemOptions(element) {\n    switch (element) {\n      case 'Dropdown':\n        return [{\n          value: 'PLACE_HOLDER_OPTION_1',\n          text: \"Place holder option 1\",\n          key: \"dropdown_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n        }, {\n          value: 'PLACE_HOLDER_OPTION_2',\n          text: \"Place holder option 2\",\n          key: \"dropdown_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n        }, {\n          value: 'PLACE_HOLDER_OPTION_3',\n          text: \"Place holder option 3\",\n          key: \"dropdown_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n        }];\n      case 'Tags':\n        return [{\n          value: 'PLACE_HOLDER_TAG_1',\n          text: \"Place holder option 1\",\n          key: \"tags_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n        }, {\n          value: 'PLACE_HOLDER_TAG_2',\n          text: \"Place holder option 2\",\n          key: \"tags_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n        }, {\n          value: 'PLACE_HOLDER_TAG_3',\n          text: \"Place holder option 3\",\n          key: \"tags_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n        }];\n      case 'Checkboxes':\n        return [{\n          value: 'PLACE_HOLDER_OPTION_1',\n          text: \"Place holder option 1\",\n          key: \"checkboxes_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n        }, {\n          value: 'PLACE_HOLDER_OPTION_2',\n          text: \"Place holder option 2\",\n          key: \"checkboxes_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n        }, {\n          value: 'PLACE_HOLDER_OPTION_3',\n          text: \"Place holder option 3\",\n          key: \"checkboxes_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n        }];\n      case 'RadioButtons':\n        return [{\n          value: 'PLACE_HOLDER_OPTION_1',\n          text: \"Place holder option 1\",\n          key: \"radiobuttons_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n        }, {\n          value: 'PLACE_HOLDER_OPTION_2',\n          text: \"Place holder option 2\",\n          key: \"radiobuttons_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n        }, {\n          value: 'PLACE_HOLDER_OPTION_3',\n          text: \"Place holder option 3\",\n          key: \"radiobuttons_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n        }];\n      case 'ButtonList':\n        return [{\n          value: 'YES',\n          text: \"Yes\",\n          key: \"buttonlist_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n        }, {\n          value: 'NO',\n          text: \"No\",\n          key: \"buttonlist_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n        }];\n      default:\n        return [];\n    }\n  };\n  var addCustomOptions = function addCustomOptions(item, elementOptions) {\n    if (item.type === 'custom') {\n      var customOptions = _objectSpread(_objectSpread({}, item), elementOptions);\n      customOptions.custom = true;\n      customOptions.component = item.component || null;\n      customOptions.customOptions = item.customOptions || [];\n      return customOptions;\n    }\n    return elementOptions;\n  };\n  var create = function create(item) {\n    var _item$static;\n    var element = item.element || item.key;\n    var elementOptions = addCustomOptions(item, {\n      id: _UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid(),\n      element: element,\n      text: item.name,\n      \"static\": (_item$static = item[\"static\"]) !== null && _item$static !== void 0 ? _item$static : false\n    });\n    if (item.groupName) {\n      var _item$groupName;\n      elementOptions.groupName = (_item$groupName = item.groupName) !== null && _item$groupName !== void 0 ? _item$groupName : null;\n    }\n    if (!item[\"static\"]) {\n      elementOptions.required = false;\n    }\n    if (item.isContainer) {\n      elementOptions.isContainer = true;\n    }\n\n    // add placeholder to form input\n    if (['NumberInput', 'EmailInput', 'TextInput', 'PhoneNumber', 'TextArea', 'DatePicker', 'Dropdown', 'Tags'].indexOf(element) !== -1) {\n      var _item$placeholder;\n      elementOptions.placeholder = (_item$placeholder = item.placeholder) !== null && _item$placeholder !== void 0 ? _item$placeholder : '';\n    }\n    if (item.type === 'custom') {\n      elementOptions.key = item.key;\n      elementOptions.custom = true;\n      elementOptions.forwardRef = item.forwardRef;\n      elementOptions.bare = item.bare;\n      elementOptions.props = item.props;\n      elementOptions.component = item.component || null;\n      elementOptions.customOptions = item.customOptions || [];\n    }\n    if (item[\"static\"] && ['Header', 'Paragraph', 'Label'].indexOf(element) !== -1) {\n      elementOptions.bold = false;\n      elementOptions.italic = false;\n    }\n    if (item.canHaveLabelLocation || item.labelLocation !== undefined) {\n      var _item$labelLocation;\n      elementOptions.labelLocation = (_item$labelLocation = item.labelLocation) !== null && _item$labelLocation !== void 0 ? _item$labelLocation : 'ABOVE';\n    }\n    if (item.canHaveHelp || item.help !== undefined) {\n      var _item$help;\n      elementOptions.help = (_item$help = item.help) !== null && _item$help !== void 0 ? _item$help : '';\n    }\n    if (item.canHideLabel || item.hideLabel !== undefined) {\n      var _item$hideLabel;\n      elementOptions.hideLabel = (_item$hideLabel = item.hideLabel) !== null && _item$hideLabel !== void 0 ? _item$hideLabel : false;\n    }\n    if (item.canReadOnly || item.readOnly !== undefined) {\n      var _item$readOnly;\n      elementOptions.readOnly = (_item$readOnly = item.readOnly) !== null && _item$readOnly !== void 0 ? _item$readOnly : false;\n    }\n    if (item.canDefaultToday || item.defaultToday !== undefined) {\n      var _item$defaultToday;\n      elementOptions.defaultToday = (_item$defaultToday = item.defaultToday) !== null && _item$defaultToday !== void 0 ? _item$defaultToday : false;\n    }\n    if (item.content) {\n      elementOptions.content = item.content;\n    }\n    if (item.href) {\n      elementOptions.href = item.href;\n    }\n    if (item.inherited !== undefined) {\n      elementOptions.inherited = item.inherited;\n    }\n    if (item.canHavePageBreakBefore || item.pageBreakBefore !== undefined) {\n      var _item$pageBreakBefore;\n      elementOptions.pageBreakBefore = (_item$pageBreakBefore = item.pageBreakBefore) !== null && _item$pageBreakBefore !== void 0 ? _item$pageBreakBefore : false;\n    }\n    if (item.canHaveAlternateForm || item.alternateForm !== undefined) {\n      var _item$alternateForm;\n      elementOptions.alternateForm = (_item$alternateForm = item.alternateForm) !== null && _item$alternateForm !== void 0 ? _item$alternateForm : false;\n    }\n    if (item.canHaveDisplayHorizontal || item.inline !== undefined) {\n      var _item$inline;\n      elementOptions.inline = (_item$inline = item.inline) !== null && _item$inline !== void 0 ? _item$inline : false;\n    }\n    if (item.canHaveOptionCorrect) {\n      var _item$canHaveOptionCo;\n      elementOptions.canHaveOptionCorrect = (_item$canHaveOptionCo = item.canHaveOptionCorrect) !== null && _item$canHaveOptionCo !== void 0 ? _item$canHaveOptionCo : false;\n    }\n    if (item.canHaveOptionValue) {\n      var _item$canHaveOptionVa;\n      elementOptions.canHaveOptionValue = (_item$canHaveOptionVa = item.canHaveOptionValue) !== null && _item$canHaveOptionVa !== void 0 ? _item$canHaveOptionVa : false;\n    }\n    if (item.canPopulateFromApi) {\n      var _item$canPopulateFrom;\n      elementOptions.canPopulateFromApi = (_item$canPopulateFrom = item.canPopulateFromApi) !== null && _item$canPopulateFrom !== void 0 ? _item$canPopulateFrom : false;\n    }\n    if (item.rows) {\n      elementOptions.rows = item.rows;\n    }\n    if (item.className) {\n      elementOptions.className = item.className;\n    }\n    if (element === 'Step') {\n      elementOptions.conditional = item.conditional;\n      elementOptions.conditionalFieldName = item.conditionalFieldName;\n      elementOptions.conditionalFieldValue = item.conditionalFieldValue;\n      elementOptions.hideNextStepButton = item.hideNextStepButton;\n    }\n    if (element === 'Image') {\n      elementOptions.src = item.src;\n    }\n    if (element === 'DatePicker') {\n      elementOptions.dateFormat = item.dateFormat;\n    }\n    if (element === 'Download') {\n      elementOptions.href = item.href;\n      elementOptions.filePath = item.filePath;\n    }\n    if (element === 'NumberInput') {\n      elementOptions.step = item.step;\n      elementOptions.minValue = item.minValue;\n      elementOptions.maxValue = item.maxValue;\n    }\n    if (element === 'Range') {\n      elementOptions.step = item.step;\n      elementOptions.defaultValue = item.defaultValue;\n      elementOptions.minValue = item.minValue;\n      elementOptions.maxValue = item.maxValue;\n      elementOptions.minLabel = item.minLabel;\n      elementOptions.maxLabel = item.maxLabel;\n    }\n    if (element === 'MultiColumnRow') {\n      elementOptions.colCount = item.colCount;\n    }\n    if (element === 'ButtonList' || element === 'RadioButtons') {\n      var _item$submitOnSelecti;\n      elementOptions.submitOnSelection = (_item$submitOnSelecti = item.submitOnSelection) !== null && _item$submitOnSelecti !== void 0 ? _item$submitOnSelecti : false;\n    }\n    if (element === 'RadioButtons') {\n      var _item$showRadio;\n      elementOptions.showRadio = (_item$showRadio = item.showRadio) !== null && _item$showRadio !== void 0 ? _item$showRadio : true;\n    }\n    if (item.bgColor) {\n      elementOptions.bgColor = item.bgColor;\n    }\n    if (item.textColor) {\n      elementOptions.textColor = item.textColor;\n    }\n    if (item.className) {\n      elementOptions.className = item.className;\n    }\n    if (item.fieldLabelClassName) {\n      elementOptions.fieldLabelClassName = item.fieldLabelClassName;\n    }\n    if (item.fieldDescriptionClassName) {\n      elementOptions.fieldDescriptionClassName = item.fieldDescriptionClassName;\n    }\n    if (item.selectedClassName) {\n      elementOptions.selectedClassName = item.selectedClassName;\n    }\n    if (item.unselectedClassName) {\n      elementOptions.unselectedClassName = item.unselectedClassName;\n    }\n    if (item.selectedColor) {\n      elementOptions.selectedColor = item.selectedColor;\n    }\n    if (item.unselectedColor) {\n      elementOptions.unselectedColor = item.unselectedColor;\n    }\n    if (item.defaultValue) {\n      elementOptions.defaultValue = item.defaultValue;\n    }\n    if (item.fieldName) {\n      elementOptions.fieldName = item.fieldName + _UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid();\n    }\n    if (!item[\"static\"]) {\n      var _item$customName;\n      elementOptions.customName = (_item$customName = item.customName) !== null && _item$customName !== void 0 ? _item$customName : elementOptions.fieldName;\n    }\n    if (item.label) {\n      elementOptions.label = item.label.trim();\n    }\n    if (item.options) {\n      if (item.options.length > 0) {\n        elementOptions.options = item.options.map(function (x) {\n          return _objectSpread(_objectSpread({}, x), {}, {\n            key: \"custom_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n          });\n        });\n      } else {\n        elementOptions.options = _defaultItemOptions(elementOptions.element);\n      }\n    }\n    return elementOptions;\n  };\n  var _onClick = function _onClick(item) {\n    // ElementActions.createElement(create(item));\n    _stores_store__WEBPACK_IMPORTED_MODULE_3__[\"default\"].dispatch('create', create(item));\n  };\n  var renderItem = function renderItem(item) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_toolbar_draggable_item__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n      item: item,\n      key: item.key,\n      onClick: function onClick() {\n        _onClick(item);\n      },\n      onCreate: create\n    });\n  };\n  react__WEBPACK_IMPORTED_MODULE_0___default().useEffect(function () {\n    setDataItems(buildItems(dataItems, _defaultItems, customItems));\n  }, []);\n  var _buildGroupItems = buildGroupItems(dataItems),\n    ungroupedItems = _buildGroupItems.ungroupedItems,\n    grouped = _buildGroupItems.grouped,\n    groupKeys = _buildGroupItems.groupKeys;\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n    className: \"react-survey-builder-toolbar\"\n  }, toolbarTop, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"h4\", null, \"Survey Blocks Toolbox\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"ul\", null, ungroupedItems.map(renderItem), groupKeys.map(function (k) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_toolbar_group_item__WEBPACK_IMPORTED_MODULE_2__[\"default\"], {\n      key: k,\n      name: k,\n      group: grouped.get(k),\n      renderItem: renderItem\n    });\n  })));\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Toolbar);\n\n//# sourceURL=webpack://react-survey-builder/./src/toolbar.jsx?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _toolbar_draggable_item__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./toolbar-draggable-item */ \"./src/toolbar-draggable-item.jsx\");\n/* harmony import */ var _toolbar_group_item__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./toolbar-group-item */ \"./src/toolbar-group-item.jsx\");\n/* harmony import */ var _stores_store__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./stores/store */ \"./src/stores/store.js\");\n/* harmony import */ var react_icons_fa__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! react-icons/fa */ \"./node_modules/react-icons/fa/index.mjs\");\n/* harmony import */ var react_icons_pi__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! react-icons/pi */ \"./node_modules/react-icons/pi/index.mjs\");\n/* harmony import */ var _UUID__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./UUID */ \"./src/UUID.js\");\n/* harmony import */ var _UUID__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_UUID__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var react_icons_gr__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! react-icons/gr */ \"./node_modules/react-icons/gr/index.mjs\");\n/* harmony import */ var _utils_objectUtils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./utils/objectUtils */ \"./src/utils/objectUtils.js\");\n/* harmony import */ var react_icons_io5__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! react-icons/io5 */ \"./node_modules/react-icons/io5/index.mjs\");\nfunction _typeof(o) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o; }, _typeof(o); }\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _iterableToArrayLimit(r, l) { var t = null == r ? null : \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t[\"return\"] && (u = t[\"return\"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\nfunction ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }\nfunction _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }\nfunction _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\nfunction _toPropertyKey(t) { var i = _toPrimitive(t, \"string\"); return \"symbol\" == _typeof(i) ? i : i + \"\"; }\nfunction _toPrimitive(t, r) { if (\"object\" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || \"default\"); if (\"object\" != _typeof(i)) return i; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (\"string\" === r ? String : Number)(t); }\nfunction _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }\nfunction _nonIterableSpread() { throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\nfunction _iterableToArray(iter) { if (typeof Symbol !== \"undefined\" && iter[Symbol.iterator] != null || iter[\"@@iterator\"] != null) return Array.from(iter); }\nfunction _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }\n\n\n\n\n\n\n\n\n\n\nvar _defaultItems = [{\n  key: 'Header',\n  name: \"Header Text\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaHeading,\n  \"static\": true,\n  content: \"Text...\"\n}, {\n  key: 'Label',\n  name: \"Label\",\n  \"static\": true,\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaFont,\n  content: \"Text...\"\n}, {\n  key: 'Paragraph',\n  name: \"Paragraph\",\n  \"static\": true,\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaParagraph,\n  content: \"Text...\"\n}, {\n  key: 'ContentBody',\n  name: \"Static Content\",\n  \"static\": true,\n  icon: react_icons_pi__WEBPACK_IMPORTED_MODULE_7__.PiFileHtml,\n  content: \"Text...\"\n}, {\n  key: 'LineBreak',\n  name: \"Line Break\",\n  \"static\": true,\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaArrowsAltH\n}, {\n  key: 'Dropdown',\n  name: \"Dropdown\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaCaretSquareDown,\n  label: \"Label\",\n  fieldName: 'dropdown_',\n  canHaveHelp: true,\n  options: [],\n  placeholder: 'Select One',\n  canHaveLabelLocation: true,\n  answerType: 'ARRAY',\n  hideLabel: false\n}, {\n  key: 'Tags',\n  name: \"Tags\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaTags,\n  label: \"Label\",\n  fieldName: 'tags_',\n  canHaveHelp: true,\n  options: [],\n  placeholder: 'Select...',\n  canHaveLabelLocation: true,\n  answerType: 'ARRAY',\n  hideLabel: false\n}, {\n  key: 'Checkboxes',\n  name: \"Checkboxes\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaCheckSquare,\n  label: \"Label\",\n  fieldName: 'checkboxes_',\n  canHaveHelp: true,\n  options: [],\n  answerType: 'ARRAY',\n  hideLabel: false,\n  canHaveDisplayHorizontal: true,\n  bgColor: 'light',\n  textColor: 'black',\n  className: \"p-2 shadow-none rounded-3 text-black border border-2 w-100\",\n  fieldLabelClassName: \"text-start text-black fs-3\",\n  fieldDescriptionClassName: \"text-start text-muted fs-6\",\n  selectedClassName: \"border-black\",\n  unselectedClassName: \"border-light\",\n  unselectedColor: \"black\",\n  selectedColor: \"black\",\n  inline: false\n}, {\n  key: 'Checkbox',\n  name: \"Checkbox\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaCheckSquare,\n  label: \"Label\",\n  fieldName: 'checkbox_',\n  canHaveHelp: true,\n  boxLabel: 'Pick me',\n  answerType: 'BOOLEAN',\n  canHideLabel: true,\n  hideLabel: true,\n  bgColor: 'light',\n  textColor: 'black',\n  className: \"p-2 shadow-none rounded-3 text-black border border-2 w-100\"\n}, {\n  key: 'RadioButtons',\n  name: \"Radio Buttons\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaRegDotCircle,\n  label: \"Label\",\n  fieldName: 'radiobuttons_',\n  canHaveHelp: true,\n  options: [],\n  answerType: 'STRING',\n  hideLabel: false,\n  submitOnSelection: false,\n  canHaveDisplayHorizontal: true,\n  bgColor: 'light',\n  textColor: 'black',\n  className: \"p-2 shadow-none rounded-3 text-black border border-2 w-100\",\n  fieldLabelClassName: \"text-start text-black fs-3\",\n  fieldDescriptionClassName: \"text-start text-muted fs-6\",\n  selectedClassName: \"border-black\",\n  unselectedClassName: \"border-light\",\n  unselectedColor: \"black\",\n  selectedColor: \"black\",\n  showRadio: true,\n  inline: false\n}, {\n  key: 'ButtonList',\n  name: \"Button List\",\n  icon: react_icons_io5__WEBPACK_IMPORTED_MODULE_8__.IoReorderTwo,\n  label: \"Label\",\n  fieldName: 'buttonlist_',\n  canHaveHelp: true,\n  options: [],\n  answerType: 'STRING',\n  hideLabel: false,\n  submitOnSelection: true,\n  bgColor: 'light',\n  textColor: 'black',\n  className: \"p-2 shadow-none rounded-3 text-black border border-2 w-100\",\n  fieldLabelClassName: \"text-start text-black fs-3\",\n  fieldDescriptionClassName: \"text-start text-muted fs-6\",\n  selectedClassName: \"border-black\",\n  unselectedClassName: \"border-light\",\n  unselectedColor: \"black\",\n  selectedColor: \"black\",\n  showRadio: false,\n  inline: false\n}, {\n  key: 'TextInput',\n  name: \"Text Input\",\n  label: \"Label\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaFont,\n  fieldName: 'text_input_',\n  canHaveHelp: true,\n  placeholder: \"Label\",\n  canHaveLabelLocation: true,\n  answerType: 'STRING',\n  hideLabel: false\n}, {\n  key: 'EmailInput',\n  name: \"Email Input\",\n  label: \"Email Address\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaEnvelope,\n  fieldName: 'email_input_',\n  canHaveHelp: true,\n  placeholder: \"Email Address\",\n  canHaveLabelLocation: true,\n  answerType: 'STRING',\n  hideLabel: false\n}, {\n  key: 'PhoneNumber',\n  name: \"Phone Number\",\n  label: \"Phone Number\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaPhone,\n  fieldName: 'phone_input_',\n  canHaveHelp: true,\n  canHaveLabelLocation: true,\n  answerType: 'STRING',\n  hideLabel: false\n}, {\n  key: 'DatePicker',\n  canDefaultToday: true,\n  canReadOnly: true,\n  dateFormat: 'MM/DD/YYYY',\n  name: \"Date\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaRegCalendarAlt,\n  label: \"Label\",\n  fieldName: 'date_picker_',\n  canHaveHelp: true,\n  canHaveLabelLocation: true,\n  answerType: 'STRING',\n  hideLabel: false\n}, {\n  key: 'TextArea',\n  name: \"Multi-line Input\",\n  label: \"Label\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaTextHeight,\n  fieldName: 'text_area_',\n  canHaveHelp: true,\n  canHaveLabelLocation: true,\n  answerType: 'STRING',\n  hideLabel: false,\n  rows: 5\n}, {\n  key: 'NumberInput',\n  name: \"Numerical Input\",\n  label: \"Label\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaPlus,\n  fieldName: 'number_input_',\n  canHaveHelp: true,\n  step: 1,\n  minValue: 0,\n  maxValue: 5,\n  canHaveLabelLocation: true,\n  answerType: 'NUMBER',\n  hideLabel: false\n}, {\n  key: 'Rating',\n  name: \"Rating\",\n  label: \"Label\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaStar,\n  fieldName: 'rating_',\n  canHaveHelp: true,\n  answerType: 'NUMBER',\n  hideLabel: false\n}, {\n  key: 'Range',\n  name: \"Range\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaSlidersH,\n  label: \"Label\",\n  fieldName: 'range_',\n  step: 1,\n  defaultValue: 3,\n  minValue: 1,\n  maxValue: 5,\n  minLabel: \"Easy\",\n  maxLabel: \"Difficult\",\n  canHaveHelp: true,\n  answerType: 'NUMBER',\n  hideLabel: false\n}, {\n  key: 'Signature',\n  canReadOnly: true,\n  name: \"Signature\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaPenSquare,\n  label: \"Signature\",\n  fieldName: 'signature_',\n  canHaveHelp: true,\n  answerType: 'IMAGE',\n  hideLabel: false\n}, {\n  key: 'Camera',\n  name: \"Camera\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaCamera,\n  label: \"Label\",\n  fieldName: 'camera_',\n  answerType: 'IMAGE',\n  hideLabel: false\n}, {\n  key: 'FileUpload',\n  name: \"File Upload\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaFile,\n  label: \"Label\",\n  fieldName: 'file_upload_',\n  answerType: 'FILE',\n  hideLabel: false\n}, {\n  key: 'Fieldset',\n  name: \"Fieldset\",\n  label: \"Fieldset\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaBars,\n  fieldName: 'fieldset-element',\n  \"static\": true,\n  isContainer: true\n}, {\n  key: 'Image',\n  name: \"Image\",\n  label: '',\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaRegImage,\n  fieldName: 'image_',\n  src: '',\n  \"static\": true\n}, {\n  key: 'HyperLink',\n  name: \"Hyperlink\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaLink,\n  content: \"Website Link...\",\n  href: 'http://www.example.com',\n  \"static\": true\n}, {\n  key: 'Download',\n  name: \"File Attachment\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaFile,\n  content: \"File name...\",\n  fieldName: 'download_',\n  filePath: '',\n  href: '',\n  \"static\": true\n}, {\n  key: 'TwoColumnRow',\n  name: \"Two Column Row\",\n  label: '',\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaColumns,\n  fieldName: 'two_col_row_',\n  \"static\": true,\n  isContainer: true\n}, {\n  key: 'ThreeColumnRow',\n  name: \"Three Columns Row\",\n  label: '',\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaColumns,\n  fieldName: 'three_col_row_',\n  \"static\": true,\n  isContainer: true\n}, {\n  key: 'FourColumnRow',\n  element: 'MultiColumnRow',\n  name: \"Four Columns Row\",\n  label: '',\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaColumns,\n  fieldName: 'four_col_row_',\n  colCount: 4,\n  className: 'col-md-3',\n  \"static\": true,\n  isContainer: true\n}, {\n  key: 'FiveColumnRow',\n  element: 'MultiColumnRow',\n  name: \"Five Columns Row\",\n  label: '',\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaColumns,\n  fieldName: 'five_col_row_',\n  colCount: 5,\n  className: 'col',\n  \"static\": true,\n  isContainer: true\n}, {\n  key: 'SixColumnRow',\n  element: 'MultiColumnRow',\n  name: \"Six Columns Row\",\n  label: '',\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaColumns,\n  fieldName: 'six_col_row_',\n  colCount: 6,\n  className: 'col-md-2',\n  \"static\": true,\n  isContainer: true\n}, {\n  key: 'Step',\n  name: \"Step\",\n  label: \"Step\",\n  icon: react_icons_gr__WEBPACK_IMPORTED_MODULE_9__.GrSteps,\n  fieldName: 'step_',\n  \"static\": true,\n  conditional: false,\n  conditionalFieldName: '',\n  conditionalFieldValue: '',\n  isContainer: true,\n  hideNextStepButton: false\n}];\nvar groupBy = function groupBy(list, keyGetter) {\n  var map = new Map();\n  list.forEach(function (item) {\n    var key = keyGetter(item);\n    var collection = map.get(key);\n    if (!collection) {\n      map.set(key, [item]);\n    } else {\n      collection.push(item);\n    }\n  });\n  return map;\n};\nvar buildItems = function buildItems() {\n  var dataItems = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];\n  var defaultDataItems = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];\n  var customItems = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];\n  var allItems = [].concat(_toConsumableArray(defaultDataItems), _toConsumableArray(customItems));\n  if (!(0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_5__.isListNotEmpty)(dataItems)) {\n    return allItems;\n  }\n  return dataItems.map(function (x) {\n    var found = allItems.find(function (y) {\n      return x.element === y.element && y.key === x.key;\n    });\n    if (!found) {\n      found = allItems.find(function (y) {\n        return (x.element || x.key) === (y.element || y.key);\n      });\n    }\n    if (found) {\n      if (x.inherited !== false) {\n        found = _objectSpread(_objectSpread({}, found), x);\n      } else if (x.groupName) {\n        found.groupName = x.groupName;\n      }\n    }\n    return found || x;\n  });\n};\nvar buildGroupItems = function buildGroupItems() {\n  var allItems = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];\n  var ungroupedItems = allItems.filter(function (x) {\n    return !x.groupName;\n  });\n  var gItems = allItems.filter(function (x) {\n    return !!x.groupName;\n  });\n  var grouped = groupBy(gItems, function (x) {\n    return x.groupName;\n  });\n  var groupKeys = gItems.map(function (x) {\n    return x.groupName;\n  }).filter(function (v, i, self) {\n    return self.indexOf(v) === i;\n  });\n  return {\n    ungroupedItems: ungroupedItems,\n    grouped: grouped,\n    groupKeys: groupKeys\n  };\n};\nvar Toolbar = function Toolbar(_ref) {\n  var toolbarTop = _ref.toolbarTop,\n    _ref$items = _ref.items,\n    items = _ref$items === void 0 ? [] : _ref$items,\n    _ref$customItems = _ref.customItems,\n    customItems = _ref$customItems === void 0 ? [] : _ref$customItems;\n  var _React$useState = react__WEBPACK_IMPORTED_MODULE_0___default().useState((0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_5__.isListNotEmpty)(items) ? _toConsumableArray(items) : []),\n    _React$useState2 = _slicedToArray(_React$useState, 2),\n    dataItems = _React$useState2[0],\n    setDataItems = _React$useState2[1];\n  var _defaultItemOptions = function _defaultItemOptions(element) {\n    switch (element) {\n      case 'Dropdown':\n        return [{\n          value: 'PLACE_HOLDER_OPTION_1',\n          text: \"Place holder option 1\",\n          key: \"dropdown_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n        }, {\n          value: 'PLACE_HOLDER_OPTION_2',\n          text: \"Place holder option 2\",\n          key: \"dropdown_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n        }, {\n          value: 'PLACE_HOLDER_OPTION_3',\n          text: \"Place holder option 3\",\n          key: \"dropdown_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n        }];\n      case 'Tags':\n        return [{\n          value: 'PLACE_HOLDER_TAG_1',\n          text: \"Place holder option 1\",\n          key: \"tags_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n        }, {\n          value: 'PLACE_HOLDER_TAG_2',\n          text: \"Place holder option 2\",\n          key: \"tags_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n        }, {\n          value: 'PLACE_HOLDER_TAG_3',\n          text: \"Place holder option 3\",\n          key: \"tags_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n        }];\n      case 'Checkboxes':\n        return [{\n          value: 'PLACE_HOLDER_OPTION_1',\n          text: \"Place holder option 1\",\n          key: \"checkboxes_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n        }, {\n          value: 'PLACE_HOLDER_OPTION_2',\n          text: \"Place holder option 2\",\n          key: \"checkboxes_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n        }, {\n          value: 'PLACE_HOLDER_OPTION_3',\n          text: \"Place holder option 3\",\n          key: \"checkboxes_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n        }];\n      case 'RadioButtons':\n        return [{\n          value: 'PLACE_HOLDER_OPTION_1',\n          text: \"Place holder option 1\",\n          key: \"radiobuttons_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n        }, {\n          value: 'PLACE_HOLDER_OPTION_2',\n          text: \"Place holder option 2\",\n          key: \"radiobuttons_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n        }, {\n          value: 'PLACE_HOLDER_OPTION_3',\n          text: \"Place holder option 3\",\n          key: \"radiobuttons_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n        }];\n      case 'ButtonList':\n        return [{\n          value: 'YES',\n          text: \"Yes\",\n          key: \"buttonlist_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n        }, {\n          value: 'NO',\n          text: \"No\",\n          key: \"buttonlist_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n        }];\n      default:\n        return [];\n    }\n  };\n  var addCustomOptions = function addCustomOptions(item, elementOptions) {\n    if (item.type === 'custom') {\n      var customOptions = _objectSpread(_objectSpread({}, item), elementOptions);\n      customOptions.custom = true;\n      customOptions.component = item.component || null;\n      customOptions.customOptions = item.customOptions || [];\n      return customOptions;\n    }\n    return elementOptions;\n  };\n  var create = function create(item) {\n    var _item$static;\n    var element = item.element || item.key;\n    var elementOptions = addCustomOptions(item, {\n      id: _UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid(),\n      element: element,\n      text: item.name,\n      \"static\": (_item$static = item[\"static\"]) !== null && _item$static !== void 0 ? _item$static : false\n    });\n    if (item.groupName) {\n      var _item$groupName;\n      elementOptions.groupName = (_item$groupName = item.groupName) !== null && _item$groupName !== void 0 ? _item$groupName : null;\n    }\n    if (!item[\"static\"]) {\n      elementOptions.required = false;\n    }\n    if (item.isContainer) {\n      elementOptions.isContainer = true;\n    }\n\n    // add placeholder to form input\n    if (['NumberInput', 'EmailInput', 'TextInput', 'PhoneNumber', 'TextArea', 'DatePicker', 'Dropdown', 'Tags'].indexOf(element) !== -1) {\n      var _item$placeholder;\n      elementOptions.placeholder = (_item$placeholder = item.placeholder) !== null && _item$placeholder !== void 0 ? _item$placeholder : '';\n    }\n    if (item.type === 'custom') {\n      elementOptions.key = item.key;\n      elementOptions.custom = true;\n      elementOptions.forwardRef = item.forwardRef;\n      elementOptions.bare = item.bare;\n      elementOptions.props = item.props;\n      elementOptions.component = item.component || null;\n      elementOptions.customOptions = item.customOptions || [];\n    }\n    if (item[\"static\"] && ['Header', 'Paragraph', 'Label'].indexOf(element) !== -1) {\n      elementOptions.bold = false;\n      elementOptions.italic = false;\n    }\n    if (item.canHaveLabelLocation || item.labelLocation !== undefined) {\n      var _item$labelLocation;\n      elementOptions.labelLocation = (_item$labelLocation = item.labelLocation) !== null && _item$labelLocation !== void 0 ? _item$labelLocation : 'ABOVE';\n    }\n    if (item.canHaveHelp || item.help !== undefined) {\n      var _item$help;\n      elementOptions.help = (_item$help = item.help) !== null && _item$help !== void 0 ? _item$help : '';\n    }\n    if (item.canHideLabel || item.hideLabel !== undefined) {\n      var _item$hideLabel;\n      elementOptions.hideLabel = (_item$hideLabel = item.hideLabel) !== null && _item$hideLabel !== void 0 ? _item$hideLabel : false;\n    }\n    if (item.canReadOnly || item.readOnly !== undefined) {\n      var _item$readOnly;\n      elementOptions.readOnly = (_item$readOnly = item.readOnly) !== null && _item$readOnly !== void 0 ? _item$readOnly : false;\n    }\n    if (item.canDefaultToday || item.defaultToday !== undefined) {\n      var _item$defaultToday;\n      elementOptions.defaultToday = (_item$defaultToday = item.defaultToday) !== null && _item$defaultToday !== void 0 ? _item$defaultToday : false;\n    }\n    if (item.content) {\n      elementOptions.content = item.content;\n    }\n    if (item.href) {\n      elementOptions.href = item.href;\n    }\n    if (item.inherited !== undefined) {\n      elementOptions.inherited = item.inherited;\n    }\n    if (item.canHavePageBreakBefore || item.pageBreakBefore !== undefined) {\n      var _item$pageBreakBefore;\n      elementOptions.pageBreakBefore = (_item$pageBreakBefore = item.pageBreakBefore) !== null && _item$pageBreakBefore !== void 0 ? _item$pageBreakBefore : false;\n    }\n    if (item.canHaveAlternateForm || item.alternateForm !== undefined) {\n      var _item$alternateForm;\n      elementOptions.alternateForm = (_item$alternateForm = item.alternateForm) !== null && _item$alternateForm !== void 0 ? _item$alternateForm : false;\n    }\n    if (item.canHaveDisplayHorizontal || item.inline !== undefined) {\n      var _item$inline;\n      elementOptions.inline = (_item$inline = item.inline) !== null && _item$inline !== void 0 ? _item$inline : false;\n    }\n    if (item.canHaveOptionCorrect) {\n      var _item$canHaveOptionCo;\n      elementOptions.canHaveOptionCorrect = (_item$canHaveOptionCo = item.canHaveOptionCorrect) !== null && _item$canHaveOptionCo !== void 0 ? _item$canHaveOptionCo : false;\n    }\n    if (item.canHaveOptionValue) {\n      var _item$canHaveOptionVa;\n      elementOptions.canHaveOptionValue = (_item$canHaveOptionVa = item.canHaveOptionValue) !== null && _item$canHaveOptionVa !== void 0 ? _item$canHaveOptionVa : false;\n    }\n    if (item.canPopulateFromApi) {\n      var _item$canPopulateFrom;\n      elementOptions.canPopulateFromApi = (_item$canPopulateFrom = item.canPopulateFromApi) !== null && _item$canPopulateFrom !== void 0 ? _item$canPopulateFrom : false;\n    }\n    if (item.rows) {\n      elementOptions.rows = item.rows;\n    }\n    if (item.className) {\n      elementOptions.className = item.className;\n    }\n    if (element === 'Step') {\n      elementOptions.conditional = item.conditional;\n      elementOptions.conditionalFieldName = item.conditionalFieldName;\n      elementOptions.conditionalFieldValue = item.conditionalFieldValue;\n      elementOptions.hideNextStepButton = item.hideNextStepButton;\n    }\n    if (element === 'Image') {\n      elementOptions.src = item.src;\n    }\n    if (element === 'DatePicker') {\n      elementOptions.dateFormat = item.dateFormat;\n    }\n    if (element === 'Download') {\n      elementOptions.href = item.href;\n      elementOptions.filePath = item.filePath;\n    }\n    if (element === 'NumberInput') {\n      elementOptions.step = item.step;\n      elementOptions.minValue = item.minValue;\n      elementOptions.maxValue = item.maxValue;\n    }\n    if (element === 'Range') {\n      elementOptions.step = item.step;\n      elementOptions.defaultValue = item.defaultValue;\n      elementOptions.minValue = item.minValue;\n      elementOptions.maxValue = item.maxValue;\n      elementOptions.minLabel = item.minLabel;\n      elementOptions.maxLabel = item.maxLabel;\n    }\n    if (element === 'MultiColumnRow') {\n      elementOptions.colCount = item.colCount;\n    }\n    if (element === 'ButtonList' || element === 'RadioButtons') {\n      var _item$submitOnSelecti;\n      elementOptions.submitOnSelection = (_item$submitOnSelecti = item.submitOnSelection) !== null && _item$submitOnSelecti !== void 0 ? _item$submitOnSelecti : false;\n    }\n    if (element === 'RadioButtons') {\n      var _item$showRadio;\n      elementOptions.showRadio = (_item$showRadio = item.showRadio) !== null && _item$showRadio !== void 0 ? _item$showRadio : true;\n    }\n    if (item.bgColor) {\n      elementOptions.bgColor = item.bgColor;\n    }\n    if (item.textColor) {\n      elementOptions.textColor = item.textColor;\n    }\n    if (item.className) {\n      elementOptions.className = item.className;\n    }\n    if (item.fieldLabelClassName) {\n      elementOptions.fieldLabelClassName = item.fieldLabelClassName;\n    }\n    if (item.fieldDescriptionClassName) {\n      elementOptions.fieldDescriptionClassName = item.fieldDescriptionClassName;\n    }\n    if (item.selectedClassName) {\n      elementOptions.selectedClassName = item.selectedClassName;\n    }\n    if (item.unselectedClassName) {\n      elementOptions.unselectedClassName = item.unselectedClassName;\n    }\n    if (item.selectedColor) {\n      elementOptions.selectedColor = item.selectedColor;\n    }\n    if (item.unselectedColor) {\n      elementOptions.unselectedColor = item.unselectedColor;\n    }\n    if (item.defaultValue) {\n      elementOptions.defaultValue = item.defaultValue;\n    }\n    if (item.fieldName) {\n      elementOptions.fieldName = item.fieldName + _UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid();\n    }\n    if (!item[\"static\"]) {\n      var _item$customName;\n      elementOptions.customName = (_item$customName = item.customName) !== null && _item$customName !== void 0 ? _item$customName : elementOptions.fieldName;\n    }\n    if (item.label) {\n      elementOptions.label = item.label.trim();\n    }\n    if (item.options) {\n      if (item.options.length > 0) {\n        elementOptions.options = item.options.map(function (x) {\n          return _objectSpread(_objectSpread({}, x), {}, {\n            key: \"custom_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n          });\n        });\n      } else {\n        elementOptions.options = _defaultItemOptions(elementOptions.element);\n      }\n    }\n    return elementOptions;\n  };\n  var _onClick = function _onClick(item) {\n    // ElementActions.createElement(create(item));\n    _stores_store__WEBPACK_IMPORTED_MODULE_3__[\"default\"].dispatch('create', create(item));\n  };\n  var renderItem = function renderItem(item) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_toolbar_draggable_item__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n      item: item,\n      key: item.key,\n      onClick: function onClick() {\n        _onClick(item);\n      },\n      onCreate: create\n    });\n  };\n  react__WEBPACK_IMPORTED_MODULE_0___default().useEffect(function () {\n    setDataItems(buildItems(dataItems, _defaultItems, customItems));\n  }, []);\n  var _buildGroupItems = buildGroupItems(dataItems),\n    ungroupedItems = _buildGroupItems.ungroupedItems,\n    grouped = _buildGroupItems.grouped,\n    groupKeys = _buildGroupItems.groupKeys;\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n    className: \"react-survey-builder-toolbar\"\n  }, toolbarTop, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"h4\", null, \"Survey Blocks Toolbox\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"ul\", null, ungroupedItems.map(renderItem), groupKeys.map(function (k) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_toolbar_group_item__WEBPACK_IMPORTED_MODULE_2__[\"default\"], {\n      key: k,\n      name: k,\n      group: grouped.get(k),\n      renderItem: renderItem\n    });\n  })));\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Toolbar);\n\n//# sourceURL=webpack://react-survey-builder/./src/toolbar.jsx?");
 /***/ }),

package/dist/src_survey-elements-edit_jsx.bundle.js CHANGED Viewed

@@ -25,7 +25,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
   \**************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_textarea_autosize__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! react-textarea-autosize */ \"./node_modules/react-textarea-autosize/dist/react-textarea-autosize.browser.development.esm.js\");\n/* harmony import */ var draft_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! draft-js */ \"./node_modules/draft-js/lib/Draft.js\");\n/* harmony import */ var draft_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(draft_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var draftjs_to_html__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! draftjs-to-html */ \"./node_modules/draftjs-to-html/lib/draftjs-to-html.js\");\n/* harmony import */ var draftjs_to_html__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(draftjs_to_html__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _dynamic_option_list__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./dynamic-option-list */ \"./src/dynamic-option-list.jsx\");\n/* harmony import */ var _stores_requests__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./stores/requests */ \"./src/stores/requests.js\");\n/* harmony import */ var react_icons_fa__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! react-icons/fa */ \"./node_modules/react-icons/fa/index.mjs\");\n/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! react-bootstrap */ \"./node_modules/react-bootstrap/esm/Form.js\");\n/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! react-bootstrap */ \"./node_modules/react-bootstrap/esm/Row.js\");\n/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! react-bootstrap */ \"./node_modules/react-bootstrap/esm/Col.js\");\n/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! react-bootstrap */ \"./node_modules/react-bootstrap/esm/Button.js\");\n/* harmony import */ var react_simple_wysiwyg__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react-simple-wysiwyg */ \"./node_modules/react-simple-wysiwyg/lib/index.es.mjs\");\n/* harmony import */ var _UUID__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./UUID */ \"./src/UUID.js\");\n/* harmony import */ var _UUID__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_UUID__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var _utils_objectUtils__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./utils/objectUtils */ \"./src/utils/objectUtils.js\");\nfunction _typeof(o) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o; }, _typeof(o); }\nvar _excluded = [\"containerProps\", \"onChange\", \"onBlur\", \"value\", \"name\"];\nfunction _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }\nfunction _nonIterableSpread() { throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _iterableToArray(iter) { if (typeof Symbol !== \"undefined\" && iter[Symbol.iterator] != null || iter[\"@@iterator\"] != null) return Array.from(iter); }\nfunction _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }\nfunction ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }\nfunction _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }\nfunction _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\nfunction _toPropertyKey(t) { var i = _toPrimitive(t, \"string\"); return \"symbol\" == _typeof(i) ? i : i + \"\"; }\nfunction _toPrimitive(t, r) { if (\"object\" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || \"default\"); if (\"object\" != _typeof(i)) return i; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (\"string\" === r ? String : Number)(t); }\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }\nfunction _iterableToArrayLimit(r, l) { var t = null == r ? null : \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t[\"return\"] && (u = t[\"return\"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }\n\n\n\n\n\n\n\n\n\n\n\nvar CustomWysiwygInput = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(function (_ref, ref) {\n  var containerProps = _ref.containerProps,\n    onChange = _ref.onChange,\n    onBlur = _ref.onBlur,\n    value = _ref.value,\n    name = _ref.name,\n    otherProps = _objectWithoutProperties(_ref, _excluded);\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_simple_wysiwyg__WEBPACK_IMPORTED_MODULE_5__[\"default\"], _extends({}, otherProps, {\n    onBlur: onBlur,\n    value: value,\n    name: name,\n    onChange: onChange,\n    containerProps: containerProps\n  }));\n});\nvar SurveyElementsEdit = function SurveyElementsEdit(_ref2) {\n  var _element$options;\n  var element = _ref2.element,\n    setElement = _ref2.setElement,\n    _ref2$files = _ref2.files,\n    files = _ref2$files === void 0 ? [] : _ref2$files,\n    _ref2$showCorrectColu = _ref2.showCorrectColumn,\n    showCorrectColumn = _ref2$showCorrectColu === void 0 ? false : _ref2$showCorrectColu,\n    _ref2$showDescription = _ref2.showDescription,\n    showDescription = _ref2$showDescription === void 0 ? false : _ref2$showDescription,\n    manualEditModeOff = _ref2.manualEditModeOff,\n    updateElement = _ref2.updateElement;\n  var _React$useState = react__WEBPACK_IMPORTED_MODULE_0___default().useState(false),\n    _React$useState2 = _slicedToArray(_React$useState, 2),\n    dirty = _React$useState2[0],\n    setDirty = _React$useState2[1];\n  var toggleRequired = function toggleRequired() {\n    // const thisElement = isObjectNotEmpty(element) ? { ...element } : {};\n  };\n  var editElementProp = function editElementProp(elementProperty, targetProperty, e) {\n    // elemProperty could be content or label\n    // targProperty could be value or checked\n    var thisElement = (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_7__.isObjectNotEmpty)(element) ? _objectSpread({}, element) : {};\n    thisElement[elementProperty] = e.target[targetProperty];\n    setElement(thisElement);\n    setDirty(true);\n    if (targetProperty === 'checked') {\n      onUpdateElement();\n    }\n  };\n  var onEditorStateChange = function onEditorStateChange(index, property, editorContent) {\n    var html = draftjs_to_html__WEBPACK_IMPORTED_MODULE_2___default()((0,draft_js__WEBPACK_IMPORTED_MODULE_1__.convertToRaw)(editorContent.getCurrentContent())).replace(/&nbsp;/g, ' ').replace(/(?:\\r\\n|\\r|\\n)/g, '');\n    var thisElement = (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_7__.isObjectNotEmpty)(element) ? _objectSpread({}, element) : {};\n    thisElement[property] = html;\n    setElement(thisElement);\n    setDirty(true);\n  };\n  var onUpdateElement = function onUpdateElement() {\n    var thisElement = (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_7__.isObjectNotEmpty)(element) ? _objectSpread({}, element) : {};\n    // to prevent ajax calls with no change\n    if (dirty) {\n      updateElement(thisElement);\n      setDirty(false);\n    }\n  };\n  var convertFromHTML = function convertFromHTML(content) {\n    var newContent = (0,draft_js__WEBPACK_IMPORTED_MODULE_1__.convertFromHTML)(content);\n    if (!newContent.contentBlocks || !newContent.contentBlocks.length) {\n      // to prevent crash when no contents in editor\n      return draft_js__WEBPACK_IMPORTED_MODULE_1__.EditorState.createEmpty();\n    }\n    var contentState = draft_js__WEBPACK_IMPORTED_MODULE_1__.ContentState.createFromBlockArray(newContent);\n    return draft_js__WEBPACK_IMPORTED_MODULE_1__.EditorState.createWithContent(contentState);\n  };\n  var addOptions = function addOptions() {\n    var optionsApiUrl = document.getElementById('optionsApiUrl').value;\n    if (optionsApiUrl) {\n      (0,_stores_requests__WEBPACK_IMPORTED_MODULE_4__.get)(optionsApiUrl).then(function (data) {\n        var options = [];\n        data.forEach(function (dataOption) {\n          // eslint-disable-next-line no-param-reassign\n          dataOption.key = _UUID__WEBPACK_IMPORTED_MODULE_6___default().uuid();\n          options.push(dataOption);\n        });\n        var thisElement = (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_7__.isObjectNotEmpty)(element) ? _objectSpread({}, element) : {};\n        thisElement.options = options;\n        setElement(thisElement);\n        setDirty(true);\n      });\n    }\n  };\n\n  // React.useEffect(() => {\n  // \tif (dirty) {\n  // \t\tconst thisElement = isObjectNotEmpty(element) ? { ...element, dirty: true } : { dirty: true };\n\n  // \t\tupdateElement(thisElement);\n  // \t}\n  // }, [dirty, element]);\n\n  var thisRequiredChecked = element.hasOwnProperty('required') ? element.required : false;\n  var thisDefaultChecked = element.hasOwnProperty('defaultChecked') ? element.defaultChecked : false;\n  var thisReadOnly = element.hasOwnProperty('readOnly') ? element.readOnly : false;\n  var thisDefaultToday = element.hasOwnProperty('defaultToday') ? element.defaultToday : false;\n  var thisCheckedInline = element.hasOwnProperty('inline') ? element.inline : false;\n  var thisCheckedBold = element.hasOwnProperty('bold') ? element.bold : false;\n  var thisCheckedItalic = element.hasOwnProperty('italic') ? element.italic : false;\n  var thisCheckedCenter = element.hasOwnProperty('center') ? element.center : false;\n  var thisCheckedPageBreak = element.hasOwnProperty('pageBreakBefore') ? element.pageBreakBefore : false;\n  var thisCheckedAlternateForm = element.hasOwnProperty('alternateForm') ? element.alternateForm : false;\n  var thisCheckedHideLabel = element.hasOwnProperty('hideLabel') ? element.hideLabel : false;\n  var thisCheckedConditional = element.hasOwnProperty('conditional') ? element.conditional : false;\n  var thisCheckedHideNextStepButton = element.hasOwnProperty('hideNextStepButton') ? element.hideNextStepButton : false;\n  var thisCheckedSubmitOnSelection = element.hasOwnProperty('submitOnSelection') ? element.submitOnSelection : false;\n  var thisCheckedShowRadio = element.hasOwnProperty('showRadio') ? element.showRadio : false;\n  var canHaveAnswer = ['NumberInput', 'EmailInput', 'TextInput', 'PhoneNumber', 'TextArea', 'DatePicker', 'Dropdown', 'Tags', 'Checkboxes', 'Checkbox', 'ButtonList', 'Rating', 'Range'].indexOf(element.element) !== -1;\n  var canHaveOptionValue = ['Dropdown', 'Tags', 'Checkboxes', 'RadioButtons', 'ButtonList'].indexOf(element.element) !== -1;\n  var canHaveOptionCorrect = canHaveAnswer && canHaveOptionValue;\n  var canHaveIcon = ['Checkboxes', 'RadioButtons', 'ButtonList'].indexOf(element.element) !== -1;\n  var canHaveImage = ['Checkboxes', 'RadioButtons', 'ButtonList'].indexOf(element.element) !== -1;\n  var canHaveDescription = ['Checkboxes', 'RadioButtons', 'ButtonList'].indexOf(element.element) !== -1;\n  var thisFiles = (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_7__.isListNotEmpty)(files) ? _toConsumableArray(files) : [];\n  if (thisFiles.length < 1 || thisFiles.length > 0 && thisFiles[0].id !== '') {\n    thisFiles.unshift({\n      id: '',\n      file_name: ''\n    });\n  }\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n    className: \"clearfix\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"h4\", {\n    className: \"float-start\"\n  }, element.text), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_icons_fa__WEBPACK_IMPORTED_MODULE_8__.FaTimes, {\n    className: \"float-end dismiss-edit\",\n    onClick: manualEditModeOff\n  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n    className: \"clearfix\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n    className: \"fw-bold\"\n  }, \"Field Id: \", element.fieldName)), element.hasOwnProperty('content') && (element.element === 'Header' || element.element === 'Label' || element.element === 'Paragraph' || element.element === 'ContentBody') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n    className: \"form-group mb-5\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n    className: \"fw-bold\"\n  }, \"Text to display:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Control, {\n    type: \"text\",\n    id: \"content\",\n    name: \"content\",\n    as: CustomWysiwygInput,\n    value: element.content,\n    defaultValue: element.content,\n    onBlur: onUpdateElement,\n    onChange: function onChange(e) {\n      editElementProp('content', 'value', e);\n    },\n    containerProps: {\n      style: {\n        height: '200px',\n        width: '100%',\n        resize: 'vertical'\n      }\n    }\n  })), element.hasOwnProperty('filePath') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n    className: \"form-group mb-5\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n    className: \"fw-bold\",\n    htmlFor: \"fileSelect\"\n  }, \"Choose file:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Select, {\n    id: \"fileSelect\",\n    defaultValue: element.filePath,\n    onBlur: onUpdateElement,\n    onChange: function onChange(e) {\n      editElementProp('filePath', 'value', e);\n    }\n  }, thisFiles.map(function (file) {\n    var thisKey = \"file_\".concat(file.id);\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"option\", {\n      value: file.id,\n      key: thisKey\n    }, file.file_name);\n  }))), element.hasOwnProperty('href') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n    className: \"form-group mb-5\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n    className: \"fw-bold\",\n    htmlFor: \"href\"\n  }, \"Link to:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Control, {\n    id: \"href\",\n    type: \"text\",\n    defaultValue: element.href,\n    onBlur: onUpdateElement,\n    onChange: function onChange(e) {\n      editElementProp('href', 'value', e);\n    }\n  })), element.hasOwnProperty('label') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n    className: \"form-group mb-5\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n    className: \"fw-bold\"\n  }, \"Display Label:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Control, {\n    type: \"text\",\n    id: \"label\",\n    name: \"label\",\n    as: CustomWysiwygInput,\n    value: element.label,\n    defaultValue: element.label,\n    onBlur: onUpdateElement,\n    onChange: function onChange(e) {\n      editElementProp('label', 'value', e);\n    },\n    containerProps: {\n      style: {\n        height: '200px',\n        width: '100%',\n        resize: 'vertical'\n      }\n    }\n  })), (element.hasOwnProperty('required') || element.hasOwnProperty('readOnly') || element.hasOwnProperty('defaultToday') || ['Checkboxes', 'Checkbox'].indexOf(element.element) !== -1 || (element.element === 'RadioButtons' || element.element === 'Checkboxes') && element.hasOwnProperty('inline')) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n    className: \"form-group mb-5\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n    className: \"fw-bold\"\n  }, \"Field Properties:\"), element.hasOwnProperty('required') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Check, {\n    id: \"is-required\",\n    label: \"Required\",\n    type: \"checkbox\",\n    checked: thisRequiredChecked,\n    onBlur: onUpdateElement,\n    value: true,\n    onChange: function onChange(e) {\n      editElementProp('required', 'checked', e);\n    }\n  }), element.hasOwnProperty('readOnly') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Check, {\n    id: \"is-read-only\",\n    label: \"Read Only\",\n    type: \"checkbox\",\n    checked: thisReadOnly,\n    value: true,\n    onBlur: onUpdateElement,\n    onChange: function onChange(e) {\n      editElementProp('readOnly', 'checked', e);\n    }\n  }), element.hasOwnProperty('defaultToday') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Check, {\n    id: \"is-default-to-today\",\n    label: \"Default to Today\",\n    type: \"checkbox\",\n    checked: thisDefaultToday,\n    value: true,\n    onBlur: onUpdateElement,\n    onChange: function onChange(e) {\n      editElementProp('defaultToday', 'checked', e);\n    }\n  }), ['Checkboxes', 'Checkbox'].indexOf(element.element) !== -1 && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Check, {\n    id: \"default-checked\",\n    label: \"Default Checked\",\n    type: \"checkbox\",\n    checked: thisDefaultChecked,\n    value: true,\n    onBlur: onUpdateElement,\n    onChange: function onChange(e) {\n      editElementProp('defaultChecked', 'checked', e);\n    }\n  }), (element.element === 'RadioButtons' || element.element === 'Checkboxes') && element.hasOwnProperty('inline') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Check, {\n    id: \"display-horizontal\",\n    label: \"Display Horizontal\",\n    type: \"checkbox\",\n    checked: thisCheckedInline,\n    value: true,\n    onBlur: onUpdateElement,\n    onChange: function onChange(e) {\n      editElementProp('inline', 'checked', e);\n    }\n  })), element.element === 'Checkbox' && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n    className: \"form-group mb-5\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n    className: \"fw-bold\"\n  }, \"Checkbox Label Text:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Control, {\n    type: \"text\",\n    id: \"boxLabel\",\n    name: \"boxLabel\",\n    as: CustomWysiwygInput,\n    value: element.boxLabel,\n    defaultValue: element.boxLabel,\n    onBlur: onUpdateElement,\n    onChange: function onChange(e) {\n      editElementProp('boxLabel', 'value', e);\n    },\n    containerProps: {\n      style: {\n        height: '200px',\n        width: '100%',\n        resize: 'vertical'\n      }\n    }\n  })), element.hasOwnProperty('src') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n    className: \"form-group mb-5\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n    className: \"fw-bold\",\n    htmlFor: \"srcInput\"\n  }, \"Link to:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Control, {\n    id: \"srcInput\",\n    type: \"text\",\n    defaultValue: element.src,\n    onBlur: onUpdateElement,\n    onChange: function onChange(e) {\n      editElementProp('src', 'value', e);\n    }\n  })), (element.element === 'Image' || element.element === 'Camera') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n    className: \"form-group mb-5\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_10__[\"default\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_11__[\"default\"], {\n    sm: 3\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n    className: \"fw-bold\",\n    htmlFor: \"do-center\"\n  }, \"Alignment:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Check, {\n    id: \"do-center\",\n    label: \"Center\",\n    type: \"checkbox\",\n    checked: thisCheckedCenter,\n    value: true,\n    onBlur: onUpdateElement,\n    onChange: function onChange(e) {\n      editElementProp('center', 'checked', e);\n    }\n  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_11__[\"default\"], {\n    sm: 3\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n    className: \"fw-bold\",\n    htmlFor: \"elementWidth\"\n  }, \"Width:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Control, {\n    id: \"elementWidth\",\n    type: \"number\",\n    defaultValue: element.width,\n    onBlur: onUpdateElement,\n    onChange: function onChange(e) {\n      editElementProp('width', 'value', e);\n    }\n  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_11__[\"default\"], {\n    sm: 3\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n    className: \"fw-bold\",\n    htmlFor: \"elementHeight\"\n  }, \"Height:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Control, {\n    id: \"elementHeight\",\n    type: \"number\",\n    defaultValue: element.height,\n    onBlur: onUpdateElement,\n    onChange: function onChange(e) {\n      editElementProp('height', 'value', e);\n    }\n  })))), element.element === 'FileUpload' && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n    className: \"form-group mb-5\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n    className: \"fw-bold\",\n    htmlFor: \"fileType\"\n  }, \"Choose file type:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Select, {\n    id: \"fileType\",\n    onBlur: onUpdateElement,\n    onChange: function onChange(e) {\n      editElementProp('fileType', 'value', e);\n    }\n  }, [{\n    type: 'image, application/pdf, application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document, application/vnd.ms-excel, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-powerpoint, application/vnd.openxmlformats-officedocument.presentationml.presentation, video/mp4,video/x-m4v,video/*',\n    typeName: 'All File Type'\n  }, {\n    type: 'image',\n    typeName: 'Image'\n  }, {\n    type: 'application/pdf',\n    typeName: 'PDF'\n  }, {\n    type: 'application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document',\n    typeName: 'Word'\n  }, {\n    type: 'application/vnd.ms-excel, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',\n    typeName: 'Excel'\n  }, {\n    type: 'application/vnd.ms-powerpoint, application/vnd.openxmlformats-officedocument.presentationml.presentation',\n    typeName: 'Powerpoint'\n  }, {\n    type: 'video/mp4,video/x-m4v,video/*',\n    typeName: 'Videos'\n  }].map(function (file, index) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"option\", {\n      value: file.type,\n      key: index\n    }, file.typeName);\n  }))), element.hasOwnProperty('pageBreakBefore') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n    className: \"form-group mb-5\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n    className: \"fw-bold\"\n  }, \"Print options:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Check, {\n    id: \"page-break-before-element\",\n    label: \"Page Break Before Element\",\n    type: \"checkbox\",\n    checked: thisCheckedPageBreak,\n    value: true,\n    onBlur: onUpdateElement,\n    onChange: function onChange(e) {\n      editElementProp('pageBreakBefore', 'checked', e);\n    }\n  })), element.hasOwnProperty('alternateForm') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n    className: \"form-group mb-5\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n    className: \"fw-bold\"\n  }, \"Alternate/Signature Page:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Check, {\n    id: \"display-on-alternate\",\n    label: \"Display on alternate/signature Page\",\n    type: \"checkbox\",\n    checked: thisCheckedAlternateForm,\n    value: true,\n    onBlur: onUpdateElement,\n    onChange: function onChange(e) {\n      editElementProp('alternateForm', 'checked', e);\n    }\n  })), element.hasOwnProperty('step') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n    className: \"form-group mb-5\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n    className: \"form-group-range\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n    className: \"fw-bold\",\n    htmlFor: \"rangeStep\"\n  }, \"Step:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Control, {\n    id: \"rangeStep\",\n    type: \"number\",\n    defaultValue: element.step,\n    onBlur: onUpdateElement,\n    onChange: function onChange(e) {\n      editElementProp('step', 'value', e);\n    }\n  }))), element.hasOwnProperty('minValue') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n    className: \"form-group mb-5\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n    className: \"form-group-range\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n    className: \"fw-bold\",\n    htmlFor: \"rangeMin\"\n  }, \"Min:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Control, {\n    id: \"rangeMin\",\n    type: \"number\",\n    defaultValue: element.minValue,\n    onBlur: onUpdateElement,\n    onChange: function onChange(e) {\n      editElementProp('minValue', 'value', e);\n    }\n  }))), element.hasOwnProperty('minLabel') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n    className: \"form-group mb-5\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n    className: \"form-group-range\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n    className: \"fw-bold\",\n    htmlFor: \"rangeMin\"\n  }, \"Minimum Value Label:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Control, {\n    type: \"text\",\n    defaultValue: element.minLabel,\n    onBlur: onUpdateElement,\n    onChange: function onChange(e) {\n      editElementProp('minLabel', 'value', e);\n    }\n  }))), element.hasOwnProperty('maxValue') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n    className: \"form-group mb-5\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n    className: \"form-group-range\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n    className: \"fw-bold\",\n    htmlFor: \"rangeMax\"\n  }, \"Max:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Control, {\n    id: \"rangeMax\",\n    type: \"number\",\n    defaultValue: element.maxValue,\n    onBlur: onUpdateElement,\n    onChange: function onChange(e) {\n      editElementProp('maxValue', 'value', e);\n    }\n  }))), element.hasOwnProperty('maxLabel') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n    className: \"form-group mb-5\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n    className: \"form-group-range\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n    className: \"fw-bold\",\n    htmlFor: \"rangeMax\"\n  }, \"Maximum Value Label:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Control, {\n    type: \"text\",\n    defaultValue: element.maxLabel,\n    onBlur: onUpdateElement,\n    onChange: function onChange(e) {\n      editElementProp('maxLabel', 'value', e);\n    }\n  }))), element.hasOwnProperty('defaultValue') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n    className: \"form-group mb-5\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n    className: \"form-group-range\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n    className: \"fw-bold\",\n    htmlFor: \"defaultSelected\"\n  }, \"Default Selected:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Control, {\n    id: \"defaultSelected\",\n    type: \"number\",\n    defaultValue: element.defaultValue,\n    onBlur: onUpdateElement,\n    onChange: function onChange(e) {\n      editElementProp('defaultValue', 'value', e);\n    }\n  }))), element.hasOwnProperty('static') && element[\"static\"] && element.hasOwnProperty('bold') && element.hasOwnProperty('italic') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n    className: \"form-group mb-5\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n    className: \"fw-bold\"\n  }, \"Text Style:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Check, {\n    id: \"do-bold\",\n    inline: true,\n    label: \"Bold\",\n    type: \"checkbox\",\n    checked: thisCheckedBold,\n    value: true,\n    onBlur: onUpdateElement,\n    onChange: function onChange(e) {\n      editElementProp('bold', 'checked', e);\n    }\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Check, {\n    id: \"do-italic\",\n    inline: true,\n    label: \"Italic\",\n    type: \"checkbox\",\n    checked: thisCheckedItalic,\n    value: true,\n    onBlur: onUpdateElement,\n    onChange: function onChange(e) {\n      editElementProp('italic', 'checked', e);\n    }\n  })), element.hasOwnProperty('placeholder') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n    className: \"form-group mb-5\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n    className: \"fw-bold\",\n    htmlFor: \"placeholder\"\n  }, \"Placeholder:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Control, {\n    type: \"text\",\n    id: \"placeholder\",\n    defaultValue: element.placeholder,\n    onBlur: onUpdateElement,\n    onChange: function onChange(e) {\n      editElementProp('placeholder', 'value', e);\n    }\n  })), element.hasOwnProperty('customName') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n    className: \"form-group mb-5\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n    className: \"fw-bold\",\n    htmlFor: \"customName\"\n  }, \"A Name To Give This Input That Will Show Up In Data Retrieval:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Control, {\n    type: \"text\",\n    id: \"customName\",\n    defaultValue: element.customName,\n    onBlur: onUpdateElement,\n    onChange: function onChange(e) {\n      editElementProp('customName', 'value', e);\n    }\n  })), element.hasOwnProperty('labelLocation') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n    className: \"form-group mb-5\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n    className: \"fw-bold\",\n    htmlFor: \"labelLocation\"\n  }, \"Choose Label Location:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Select, {\n    id: \"labelLocation\",\n    defaultValue: element.labelLocation,\n    onBlur: onUpdateElement,\n    onChange: function onChange(e) {\n      editElementProp('labelLocation', 'value', e);\n    }\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"option\", {\n    value: \"ABOVE\"\n  }, \"Above Form Field\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"option\", {\n    value: \"FLOATING\"\n  }, \"Floating Inside Form Field\"))), (element.hasOwnProperty('hideLabel') || ['Dropdown', 'Tags', 'Checkboxes', 'Checkbox', 'RadioButtons', 'ButtonList', 'TextInput', 'EmailInput', 'PhoneNumber', 'DatePicker', 'TextArea', 'NumberInput', 'Rating', 'Range', 'Signature', 'Camera', 'FileUpload'].includes(element.element)) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n    className: \"form-group mb-5\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n    className: \"fw-bold\"\n  }, \"Hide Label:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Check, {\n    id: \"hide-label\",\n    label: \"Hide Label\",\n    type: \"checkbox\",\n    checked: thisCheckedHideLabel,\n    value: true,\n    onBlur: onUpdateElement,\n    onChange: function onChange(e) {\n      editElementProp('hideLabel', 'checked', e);\n    }\n  })), element.hasOwnProperty('rows') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n    className: \"form-group mb-5\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n    className: \"form-group-range\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n    className: \"fw-bold\",\n    htmlFor: \"rows\"\n  }, \"Rows:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Control, {\n    id: \"rows\",\n    type: \"number\",\n    defaultValue: element.rows,\n    onBlur: onUpdateElement,\n    onChange: function onChange(e) {\n      editElementProp('rows', 'value', e);\n    }\n  }))), element.element === 'Step' && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n    className: \"form-group mb-5\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n    className: \"fw-bold\"\n  }, \"Step is Conditional and Display is Dependent on Answers to another Survey Block:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Check, {\n    id: \"conditional\",\n    label: \"Conditional\",\n    type: \"checkbox\",\n    checked: thisCheckedConditional,\n    value: true,\n    onBlur: onUpdateElement,\n    onChange: function onChange(e) {\n      editElementProp('conditional', 'checked', e);\n    }\n  })), element.element === 'Step' && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n    className: \"form-group mb-5\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n    className: \"fw-bold\",\n    htmlFor: \"conditionalFieldName\"\n  }, \"Field Name for the Dependent Survey Block:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Control, {\n    type: \"text\",\n    id: \"conditionalFieldName\",\n    defaultValue: element.conditionalFieldName,\n    onBlur: onUpdateElement,\n    onChange: function onChange(e) {\n      editElementProp('conditionalFieldName', 'value', e);\n    }\n  })), element.element === 'Step' && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n    className: \"form-group mb-5\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n    className: \"fw-bold\",\n    htmlFor: \"conditionalFieldValue\"\n  }, \"Value(s) for Survey Block to Display the Conditional Step:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Control, {\n    type: \"text\",\n    id: \"conditionalFieldValue\",\n    defaultValue: element.conditionalFieldValue,\n    onBlur: onUpdateElement,\n    onChange: function onChange(e) {\n      editElementProp('conditionalFieldValue', 'value', e);\n    }\n  })), element.element === 'Step' && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n    className: \"form-group mb-5\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n    className: \"fw-bold\"\n  }, \"Hide the Next Step/Submit Button for this Step (typically set true when the step has a Button List component):\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Check, {\n    id: \"hideNextStepButton\",\n    label: \"Hide the Next Step/Submit Button for this Step\",\n    type: \"checkbox\",\n    checked: thisCheckedHideNextStepButton,\n    value: true,\n    onBlur: onUpdateElement,\n    onChange: function onChange(e) {\n      editElementProp('hideNextStepButton', 'checked', e);\n    }\n  })), (element.element === 'ButtonList' || element.element === 'RadioButtons') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n    className: \"form-group mb-5\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n    className: \"fw-bold\"\n  }, \"Submit form on option selection:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Check, {\n    id: \"submitOnSelection\",\n    label: \"Submit form on option selection:\",\n    type: \"checkbox\",\n    checked: thisCheckedSubmitOnSelection,\n    value: true,\n    onBlur: onUpdateElement,\n    onChange: function onChange(e) {\n      editElementProp('submitOnSelection', 'checked', e);\n    }\n  })), element.element === 'RadioButtons' && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n    className: \"form-group mb-5\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n    className: \"fw-bold\"\n  }, \"Show Radio by Default:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Check, {\n    id: \"showRadio\",\n    label: \"Show Radio by Default:\",\n    type: \"checkbox\",\n    checked: thisCheckedShowRadio,\n    value: true,\n    onBlur: onUpdateElement,\n    onChange: function onChange(e) {\n      editElementProp('showRadio', 'checked', e);\n    }\n  })), element.hasOwnProperty('bgColor') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n    className: \"form-group mb-5\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n    className: \"fw-bold\",\n    htmlFor: \"bgColor\"\n  }, \"Background Color:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Control, {\n    type: \"text\",\n    id: \"bgColor\",\n    defaultValue: element.bgColor,\n    onBlur: onUpdateElement,\n    onChange: function onChange(e) {\n      editElementProp('bgColor', 'value', e);\n    }\n  })), element.hasOwnProperty('textColor') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n    className: \"form-group mb-5\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n    className: \"fw-bold\",\n    htmlFor: \"textColor\"\n  }, \"Text Color:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Control, {\n    type: \"text\",\n    id: \"textColor\",\n    defaultValue: element.textColor,\n    onBlur: onUpdateElement,\n    onChange: function onChange(e) {\n      editElementProp('textColor', 'value', e);\n    }\n  })), element.hasOwnProperty('className') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n    className: \"form-group mb-5\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n    className: \"fw-bold\",\n    htmlFor: \"className\"\n  }, \"ClassName:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Control, {\n    type: \"text\",\n    id: \"className\",\n    defaultValue: element.className,\n    onBlur: onUpdateElement,\n    onChange: function onChange(e) {\n      editElementProp('className', 'value', e);\n    }\n  })), element.hasOwnProperty('fieldLabelClassName') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n    className: \"form-group mb-5\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n    className: \"fw-bold\",\n    htmlFor: \"fieldLabelClassName\"\n  }, \"Label ClassName:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Control, {\n    type: \"text\",\n    id: \"fieldLabelClassName\",\n    defaultValue: element.fieldLabelClassName,\n    onBlur: onUpdateElement,\n    onChange: function onChange(e) {\n      editElementProp('fieldLabelClassName', 'value', e);\n    }\n  })), element.hasOwnProperty('fieldDescriptionClassName') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n    className: \"form-group mb-5\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n    className: \"fw-bold\",\n    htmlFor: \"fieldDescriptionClassName\"\n  }, \"Description ClassName:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Control, {\n    type: \"text\",\n    id: \"fieldDescriptionClassName\",\n    defaultValue: element.fieldDescriptionClassName,\n    onBlur: onUpdateElement,\n    onChange: function onChange(e) {\n      editElementProp('fieldDescriptionClassName', 'value', e);\n    }\n  })), element.hasOwnProperty('selectedClassName') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n    className: \"form-group mb-5\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n    className: \"fw-bold\",\n    htmlFor: \"selectedClassName\"\n  }, \"Selected ClassName:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Control, {\n    type: \"text\",\n    id: \"selectedClassName\",\n    defaultValue: element.selectedClassName,\n    onBlur: onUpdateElement,\n    onChange: function onChange(e) {\n      editElementProp('selectedClassName', 'value', e);\n    }\n  })), element.hasOwnProperty('unselectedClassName') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n    className: \"form-group mb-5\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n    className: \"fw-bold\",\n    htmlFor: \"unselectedClassName\"\n  }, \"Unselected ClassName:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Control, {\n    type: \"text\",\n    id: \"unselectedClassName\",\n    defaultValue: element.unselectedClassName,\n    onBlur: onUpdateElement,\n    onChange: function onChange(e) {\n      editElementProp('unselectedClassName', 'value', e);\n    }\n  })), element.hasOwnProperty('selectedColor') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n    className: \"form-group mb-5\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n    className: \"fw-bold\",\n    htmlFor: \"selectedColor\"\n  }, \"Selected Color:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Control, {\n    type: \"text\",\n    id: \"selectedColor\",\n    defaultValue: element.selectedColor,\n    onBlur: onUpdateElement,\n    onChange: function onChange(e) {\n      editElementProp('selectedColor', 'value', e);\n    }\n  })), element.hasOwnProperty('unselectedColor') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n    className: \"form-group mb-5\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n    className: \"fw-bold\",\n    htmlFor: \"unselectedColor\"\n  }, \"Unselected Color:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Control, {\n    type: \"text\",\n    id: \"unselectedColor\",\n    defaultValue: element.unselectedColor,\n    onBlur: onUpdateElement,\n    onChange: function onChange(e) {\n      editElementProp('unselectedColor', 'value', e);\n    }\n  })), element.hasOwnProperty('help') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n    className: \"form-group mb-5\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n    className: \"fw-bold\",\n    htmlFor: \"help\"\n  }, \"Help instructions/details that will show up beneath the input field:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_textarea_autosize__WEBPACK_IMPORTED_MODULE_12__[\"default\"], {\n    type: \"text\",\n    className: \"form-control\",\n    id: \"help\",\n    defaultValue: element.help,\n    onBlur: onUpdateElement,\n    onChange: function onChange(e) {\n      editElementProp('help', 'value', e);\n    }\n  })), (showDescription && !element[\"static\"] || element.hasOwnProperty('description')) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n    className: \"form-group mb-5\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n    className: \"fw-bold\",\n    htmlFor: \"description\"\n  }, \"Description:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_textarea_autosize__WEBPACK_IMPORTED_MODULE_12__[\"default\"], {\n    type: \"text\",\n    className: \"form-control\",\n    id: \"description\",\n    defaultValue: element.description,\n    onBlur: onUpdateElement,\n    onChange: function onChange(e) {\n      editElementProp('description', 'value', e);\n    }\n  })), showCorrectColumn && canHaveAnswer && !element.hasOwnProperty('options') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n    className: \"form-group mb-5\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n    className: \"fw-bold\",\n    htmlFor: \"correct\"\n  }, \"Correct Answer:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Control, {\n    id: \"correct\",\n    type: \"text\",\n    defaultValue: element.correct,\n    onBlur: onUpdateElement,\n    onChange: function onChange(e) {\n      editElementProp('correct', 'value', e);\n    }\n  })), element.canPopulateFromApi && element.hasOwnProperty('options') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n    className: \"form-group mb-5\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n    className: \"fw-bold\",\n    htmlFor: \"optionsApiUrl\"\n  }, \"Populate Options from API:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_10__[\"default\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_11__[\"default\"], {\n    sm: 6\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Control, {\n    style: {\n      width: '100%'\n    },\n    type: \"text\",\n    id: \"optionsApiUrl\",\n    placeholder: \"http://localhost:8080/api/optionsdata\"\n  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_11__[\"default\"], {\n    sm: 6\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_13__[\"default\"], {\n    variant: \"success\",\n    onClick: addOptions\n  }, \"Populate\")))), element.hasOwnProperty('options') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_dynamic_option_list__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n    showCorrectColumn: showCorrectColumn,\n    canHaveOptionCorrect: canHaveOptionCorrect,\n    canHaveOptionValue: canHaveOptionValue,\n    canHaveIcon: canHaveIcon,\n    canHaveImage: canHaveImage,\n    canHaveDescription: canHaveDescription,\n    updateElement: updateElement,\n    element: element,\n    setElement: setElement,\n    dirty: dirty,\n    setDirty: setDirty,\n    key: element === null || element === void 0 || (_element$options = element.options) === null || _element$options === void 0 ? void 0 : _element$options.length\n  }));\n};\nSurveyElementsEdit.defaultProps = {\n  className: 'edit-element-fields'\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SurveyElementsEdit);\n\n//# sourceURL=webpack://react-survey-builder/./src/survey-elements-edit.jsx?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_textarea_autosize__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! react-textarea-autosize */ \"./node_modules/react-textarea-autosize/dist/react-textarea-autosize.browser.development.esm.js\");\n/* harmony import */ var draft_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! draft-js */ \"./node_modules/draft-js/lib/Draft.js\");\n/* harmony import */ var draft_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(draft_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var draftjs_to_html__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! draftjs-to-html */ \"./node_modules/draftjs-to-html/lib/draftjs-to-html.js\");\n/* harmony import */ var draftjs_to_html__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(draftjs_to_html__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _dynamic_option_list__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./dynamic-option-list */ \"./src/dynamic-option-list.jsx\");\n/* harmony import */ var _stores_requests__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./stores/requests */ \"./src/stores/requests.js\");\n/* harmony import */ var react_icons_fa__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! react-icons/fa */ \"./node_modules/react-icons/fa/index.mjs\");\n/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! react-bootstrap */ \"./node_modules/react-bootstrap/esm/Form.js\");\n/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! react-bootstrap */ \"./node_modules/react-bootstrap/esm/Row.js\");\n/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! react-bootstrap */ \"./node_modules/react-bootstrap/esm/Col.js\");\n/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! react-bootstrap */ \"./node_modules/react-bootstrap/esm/Button.js\");\n/* harmony import */ var react_simple_wysiwyg__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react-simple-wysiwyg */ \"./node_modules/react-simple-wysiwyg/lib/index.es.mjs\");\n/* harmony import */ var _UUID__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./UUID */ \"./src/UUID.js\");\n/* harmony import */ var _UUID__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_UUID__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var _utils_objectUtils__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./utils/objectUtils */ \"./src/utils/objectUtils.js\");\nfunction _typeof(o) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o; }, _typeof(o); }\nvar _excluded = [\"containerProps\", \"onChange\", \"onBlur\", \"value\", \"name\"];\nfunction _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }\nfunction _nonIterableSpread() { throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _iterableToArray(iter) { if (typeof Symbol !== \"undefined\" && iter[Symbol.iterator] != null || iter[\"@@iterator\"] != null) return Array.from(iter); }\nfunction _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }\nfunction ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }\nfunction _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }\nfunction _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\nfunction _toPropertyKey(t) { var i = _toPrimitive(t, \"string\"); return \"symbol\" == _typeof(i) ? i : i + \"\"; }\nfunction _toPrimitive(t, r) { if (\"object\" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || \"default\"); if (\"object\" != _typeof(i)) return i; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (\"string\" === r ? String : Number)(t); }\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }\nfunction _iterableToArrayLimit(r, l) { var t = null == r ? null : \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t[\"return\"] && (u = t[\"return\"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }\n\n\n\n\n\n\n\n\n\n\n\nvar CustomWysiwygInput = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(function (_ref, ref) {\n  var containerProps = _ref.containerProps,\n    onChange = _ref.onChange,\n    onBlur = _ref.onBlur,\n    value = _ref.value,\n    name = _ref.name,\n    otherProps = _objectWithoutProperties(_ref, _excluded);\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_simple_wysiwyg__WEBPACK_IMPORTED_MODULE_5__[\"default\"], _extends({}, otherProps, {\n    onBlur: onBlur,\n    value: value,\n    name: name,\n    onChange: onChange,\n    containerProps: containerProps\n  }));\n});\nvar SurveyElementsEdit = function SurveyElementsEdit(_ref2) {\n  var _element$options;\n  var element = _ref2.element,\n    setElement = _ref2.setElement,\n    _ref2$files = _ref2.files,\n    files = _ref2$files === void 0 ? [] : _ref2$files,\n    _ref2$showCorrectColu = _ref2.showCorrectColumn,\n    showCorrectColumn = _ref2$showCorrectColu === void 0 ? false : _ref2$showCorrectColu,\n    _ref2$showDescription = _ref2.showDescription,\n    showDescription = _ref2$showDescription === void 0 ? false : _ref2$showDescription,\n    manualEditModeOff = _ref2.manualEditModeOff,\n    updateElement = _ref2.updateElement;\n  var _React$useState = react__WEBPACK_IMPORTED_MODULE_0___default().useState(false),\n    _React$useState2 = _slicedToArray(_React$useState, 2),\n    dirty = _React$useState2[0],\n    setDirty = _React$useState2[1];\n  var toggleRequired = function toggleRequired() {\n    // const thisElement = isObjectNotEmpty(element) ? { ...element } : {};\n  };\n  var editElementProp = function editElementProp(elementProperty, targetProperty, e) {\n    // elemProperty could be content or label\n    // targProperty could be value or checked\n    var thisElement = (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_7__.isObjectNotEmpty)(element) ? _objectSpread({}, element) : {};\n    thisElement[elementProperty] = e.target[targetProperty];\n    setElement(thisElement);\n    setDirty(true);\n    if (targetProperty === 'checked') {\n      onUpdateElement();\n    }\n  };\n  var onEditorStateChange = function onEditorStateChange(index, property, editorContent) {\n    var html = draftjs_to_html__WEBPACK_IMPORTED_MODULE_2___default()((0,draft_js__WEBPACK_IMPORTED_MODULE_1__.convertToRaw)(editorContent.getCurrentContent())).replace(/&nbsp;/g, ' ').replace(/(?:\\r\\n|\\r|\\n)/g, '');\n    var thisElement = (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_7__.isObjectNotEmpty)(element) ? _objectSpread({}, element) : {};\n    thisElement[property] = html;\n    setElement(thisElement);\n    setDirty(true);\n  };\n  var onUpdateElement = function onUpdateElement() {\n    var thisElement = (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_7__.isObjectNotEmpty)(element) ? _objectSpread({}, element) : {};\n    // to prevent ajax calls with no change\n    if (dirty) {\n      updateElement(thisElement);\n      setDirty(false);\n    }\n  };\n  var convertFromHTML = function convertFromHTML(content) {\n    var newContent = (0,draft_js__WEBPACK_IMPORTED_MODULE_1__.convertFromHTML)(content);\n    if (!newContent.contentBlocks || !newContent.contentBlocks.length) {\n      // to prevent crash when no contents in editor\n      return draft_js__WEBPACK_IMPORTED_MODULE_1__.EditorState.createEmpty();\n    }\n    var contentState = draft_js__WEBPACK_IMPORTED_MODULE_1__.ContentState.createFromBlockArray(newContent);\n    return draft_js__WEBPACK_IMPORTED_MODULE_1__.EditorState.createWithContent(contentState);\n  };\n  var addOptions = function addOptions() {\n    var optionsApiUrl = document.getElementById('optionsApiUrl').value;\n    if (optionsApiUrl) {\n      (0,_stores_requests__WEBPACK_IMPORTED_MODULE_4__.get)(optionsApiUrl).then(function (data) {\n        var options = [];\n        data.forEach(function (dataOption) {\n          // eslint-disable-next-line no-param-reassign\n          dataOption.key = _UUID__WEBPACK_IMPORTED_MODULE_6___default().uuid();\n          options.push(dataOption);\n        });\n        var thisElement = (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_7__.isObjectNotEmpty)(element) ? _objectSpread({}, element) : {};\n        thisElement.options = options;\n        setElement(thisElement);\n        setDirty(true);\n      });\n    }\n  };\n\n  // React.useEffect(() => {\n  // \tif (dirty) {\n  // \t\tconst thisElement = isObjectNotEmpty(element) ? { ...element, dirty: true } : { dirty: true };\n\n  // \t\tupdateElement(thisElement);\n  // \t}\n  // }, [dirty, element]);\n\n  var thisRequiredChecked = element.hasOwnProperty('required') ? element.required : false;\n  var thisDefaultChecked = element.hasOwnProperty('defaultChecked') ? element.defaultChecked : false;\n  var thisReadOnly = element.hasOwnProperty('readOnly') ? element.readOnly : false;\n  var thisDefaultToday = element.hasOwnProperty('defaultToday') ? element.defaultToday : false;\n  var thisCheckedInline = element.hasOwnProperty('inline') ? element.inline : false;\n  var thisCheckedBold = element.hasOwnProperty('bold') ? element.bold : false;\n  var thisCheckedItalic = element.hasOwnProperty('italic') ? element.italic : false;\n  var thisCheckedCenter = element.hasOwnProperty('center') ? element.center : false;\n  var thisCheckedPageBreak = element.hasOwnProperty('pageBreakBefore') ? element.pageBreakBefore : false;\n  var thisCheckedAlternateForm = element.hasOwnProperty('alternateForm') ? element.alternateForm : false;\n  var thisCheckedHideLabel = element.hasOwnProperty('hideLabel') ? element.hideLabel : false;\n  var thisCheckedConditional = element.hasOwnProperty('conditional') ? element.conditional : false;\n  var thisCheckedHideNextStepButton = element.hasOwnProperty('hideNextStepButton') ? element.hideNextStepButton : false;\n  var thisCheckedSubmitOnSelection = element.hasOwnProperty('submitOnSelection') ? element.submitOnSelection : false;\n  var thisCheckedShowRadio = element.hasOwnProperty('showRadio') ? element.showRadio : false;\n  var canHaveAnswer = ['NumberInput', 'EmailInput', 'TextInput', 'PhoneNumber', 'TextArea', 'DatePicker', 'Dropdown', 'Tags', 'Checkboxes', 'Checkbox', 'ButtonList', 'Rating', 'Range'].indexOf(element.element) !== -1;\n  var canHaveOptionValue = ['Dropdown', 'Tags', 'Checkboxes', 'RadioButtons', 'ButtonList'].indexOf(element.element) !== -1;\n  var canHaveOptionCorrect = canHaveAnswer && canHaveOptionValue;\n  var canHaveIcon = ['Checkboxes', 'RadioButtons', 'ButtonList'].indexOf(element.element) !== -1;\n  var canHaveImage = ['Checkboxes', 'RadioButtons', 'ButtonList'].indexOf(element.element) !== -1;\n  var canHaveDescription = ['Checkboxes', 'RadioButtons', 'ButtonList'].indexOf(element.element) !== -1;\n  var thisFiles = (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_7__.isListNotEmpty)(files) ? _toConsumableArray(files) : [];\n  if (thisFiles.length < 1 || thisFiles.length > 0 && thisFiles[0].id !== '') {\n    thisFiles.unshift({\n      id: '',\n      file_name: ''\n    });\n  }\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n    className: \"clearfix\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"h4\", {\n    className: \"float-start\"\n  }, element.text), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_icons_fa__WEBPACK_IMPORTED_MODULE_8__.FaTimes, {\n    className: \"float-end dismiss-edit\",\n    onClick: manualEditModeOff\n  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n    className: \"clearfix\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n    className: \"fw-bold\"\n  }, \"Field Id: \", element.fieldName)), element.hasOwnProperty('content') && (element.element === 'Header' || element.element === 'Label' || element.element === 'Paragraph' || element.element === 'ContentBody') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n    className: \"form-group mb-5\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n    className: \"fw-bold\"\n  }, \"Text to display:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Control, {\n    type: \"text\",\n    id: \"content\",\n    name: \"content\",\n    as: CustomWysiwygInput,\n    value: element.content,\n    defaultValue: element.content,\n    onBlur: onUpdateElement,\n    onChange: function onChange(e) {\n      editElementProp('content', 'value', e);\n    },\n    containerProps: {\n      style: {\n        height: '200px',\n        width: '100%',\n        resize: 'vertical'\n      }\n    }\n  })), element.hasOwnProperty('filePath') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n    className: \"form-group mb-5\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n    className: \"fw-bold\",\n    htmlFor: \"fileSelect\"\n  }, \"Choose file:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Select, {\n    id: \"fileSelect\",\n    defaultValue: element.filePath,\n    onBlur: onUpdateElement,\n    onChange: function onChange(e) {\n      editElementProp('filePath', 'value', e);\n    }\n  }, thisFiles.map(function (file) {\n    var thisKey = \"file_\".concat(file.id);\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"option\", {\n      value: file.id,\n      key: thisKey\n    }, file.file_name);\n  }))), element.hasOwnProperty('href') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n    className: \"form-group mb-5\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n    className: \"fw-bold\",\n    htmlFor: \"href\"\n  }, \"Link to:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Control, {\n    id: \"href\",\n    type: \"text\",\n    defaultValue: element.href,\n    onBlur: onUpdateElement,\n    onChange: function onChange(e) {\n      editElementProp('href', 'value', e);\n    }\n  })), element.hasOwnProperty('label') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n    className: \"form-group mb-5\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n    className: \"fw-bold\"\n  }, \"Display Label:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Control, {\n    type: \"text\",\n    id: \"label\",\n    name: \"label\",\n    as: CustomWysiwygInput,\n    value: element.label,\n    defaultValue: element.label,\n    onBlur: onUpdateElement,\n    onChange: function onChange(e) {\n      editElementProp('label', 'value', e);\n    },\n    containerProps: {\n      style: {\n        height: '200px',\n        width: '100%',\n        resize: 'vertical'\n      }\n    }\n  })), (element.hasOwnProperty('required') || element.hasOwnProperty('readOnly') || element.hasOwnProperty('defaultToday') || ['Checkboxes', 'Checkbox'].indexOf(element.element) !== -1 || (element.element === 'RadioButtons' || element.element === 'Checkboxes') && element.hasOwnProperty('inline')) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n    className: \"form-group mb-5\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n    className: \"fw-bold\"\n  }, \"Field Properties:\"), element.hasOwnProperty('required') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Check, {\n    id: \"is-required\",\n    label: \"Required\",\n    type: \"checkbox\",\n    checked: thisRequiredChecked,\n    onBlur: onUpdateElement,\n    value: true,\n    onChange: function onChange(e) {\n      editElementProp('required', 'checked', e);\n    }\n  }), element.hasOwnProperty('readOnly') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Check, {\n    id: \"is-read-only\",\n    label: \"Read Only\",\n    type: \"checkbox\",\n    checked: thisReadOnly,\n    value: true,\n    onBlur: onUpdateElement,\n    onChange: function onChange(e) {\n      editElementProp('readOnly', 'checked', e);\n    }\n  }), element.hasOwnProperty('defaultToday') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Check, {\n    id: \"is-default-to-today\",\n    label: \"Default to Today\",\n    type: \"checkbox\",\n    checked: thisDefaultToday,\n    value: true,\n    onBlur: onUpdateElement,\n    onChange: function onChange(e) {\n      editElementProp('defaultToday', 'checked', e);\n    }\n  }), ['Checkboxes', 'Checkbox'].indexOf(element.element) !== -1 && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Check, {\n    id: \"default-checked\",\n    label: \"Default Checked\",\n    type: \"checkbox\",\n    checked: thisDefaultChecked,\n    value: true,\n    onBlur: onUpdateElement,\n    onChange: function onChange(e) {\n      editElementProp('defaultChecked', 'checked', e);\n    }\n  }), (element.element === 'RadioButtons' || element.element === 'Checkboxes') && element.hasOwnProperty('inline') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Check, {\n    id: \"display-horizontal\",\n    label: \"Display Horizontal\",\n    type: \"checkbox\",\n    checked: thisCheckedInline,\n    value: true,\n    onBlur: onUpdateElement,\n    onChange: function onChange(e) {\n      editElementProp('inline', 'checked', e);\n    }\n  })), element.element === 'Checkbox' && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n    className: \"form-group mb-5\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n    className: \"fw-bold\"\n  }, \"Checkbox Label Text:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Control, {\n    type: \"text\",\n    id: \"boxLabel\",\n    name: \"boxLabel\",\n    as: CustomWysiwygInput,\n    value: element.boxLabel,\n    defaultValue: element.boxLabel,\n    onBlur: onUpdateElement,\n    onChange: function onChange(e) {\n      editElementProp('boxLabel', 'value', e);\n    },\n    containerProps: {\n      style: {\n        height: '200px',\n        width: '100%',\n        resize: 'vertical'\n      }\n    }\n  })), element.hasOwnProperty('src') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n    className: \"form-group mb-5\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n    className: \"fw-bold\",\n    htmlFor: \"srcInput\"\n  }, \"Link to:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Control, {\n    id: \"srcInput\",\n    type: \"text\",\n    defaultValue: element.src,\n    onBlur: onUpdateElement,\n    onChange: function onChange(e) {\n      editElementProp('src', 'value', e);\n    }\n  })), (element.element === 'Image' || element.element === 'Camera') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n    className: \"form-group mb-5\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_10__[\"default\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_11__[\"default\"], {\n    sm: 3\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n    className: \"fw-bold\",\n    htmlFor: \"do-center\"\n  }, \"Alignment:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Check, {\n    id: \"do-center\",\n    label: \"Center\",\n    type: \"checkbox\",\n    checked: thisCheckedCenter,\n    value: true,\n    onBlur: onUpdateElement,\n    onChange: function onChange(e) {\n      editElementProp('center', 'checked', e);\n    }\n  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_11__[\"default\"], {\n    sm: 3\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n    className: \"fw-bold\",\n    htmlFor: \"elementWidth\"\n  }, \"Width:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Control, {\n    id: \"elementWidth\",\n    type: \"number\",\n    defaultValue: element.width,\n    onBlur: onUpdateElement,\n    onChange: function onChange(e) {\n      editElementProp('width', 'value', e);\n    }\n  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_11__[\"default\"], {\n    sm: 3\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n    className: \"fw-bold\",\n    htmlFor: \"elementHeight\"\n  }, \"Height:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Control, {\n    id: \"elementHeight\",\n    type: \"number\",\n    defaultValue: element.height,\n    onBlur: onUpdateElement,\n    onChange: function onChange(e) {\n      editElementProp('height', 'value', e);\n    }\n  })))), element.element === 'FileUpload' && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n    className: \"form-group mb-5\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n    className: \"fw-bold\",\n    htmlFor: \"fileType\"\n  }, \"Choose file type:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Select, {\n    id: \"fileType\",\n    onBlur: onUpdateElement,\n    onChange: function onChange(e) {\n      editElementProp('fileType', 'value', e);\n    }\n  }, [{\n    type: 'image, application/pdf, application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document, application/vnd.ms-excel, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-powerpoint, application/vnd.openxmlformats-officedocument.presentationml.presentation, video/mp4,video/x-m4v,video/*',\n    typeName: 'All File Type'\n  }, {\n    type: 'image',\n    typeName: 'Image'\n  }, {\n    type: 'application/pdf',\n    typeName: 'PDF'\n  }, {\n    type: 'application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document',\n    typeName: 'Word'\n  }, {\n    type: 'application/vnd.ms-excel, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',\n    typeName: 'Excel'\n  }, {\n    type: 'application/vnd.ms-powerpoint, application/vnd.openxmlformats-officedocument.presentationml.presentation',\n    typeName: 'Powerpoint'\n  }, {\n    type: 'video/mp4,video/x-m4v,video/*',\n    typeName: 'Videos'\n  }].map(function (file, index) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"option\", {\n      value: file.type,\n      key: index\n    }, file.typeName);\n  }))), element.hasOwnProperty('pageBreakBefore') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n    className: \"form-group mb-5\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n    className: \"fw-bold\"\n  }, \"Print options:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Check, {\n    id: \"page-break-before-element\",\n    label: \"Page Break Before Element\",\n    type: \"checkbox\",\n    checked: thisCheckedPageBreak,\n    value: true,\n    onBlur: onUpdateElement,\n    onChange: function onChange(e) {\n      editElementProp('pageBreakBefore', 'checked', e);\n    }\n  })), element.hasOwnProperty('alternateForm') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n    className: \"form-group mb-5\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n    className: \"fw-bold\"\n  }, \"Alternate/Signature Page:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Check, {\n    id: \"display-on-alternate\",\n    label: \"Display on alternate/signature Page\",\n    type: \"checkbox\",\n    checked: thisCheckedAlternateForm,\n    value: true,\n    onBlur: onUpdateElement,\n    onChange: function onChange(e) {\n      editElementProp('alternateForm', 'checked', e);\n    }\n  })), element.hasOwnProperty('step') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n    className: \"form-group mb-5\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n    className: \"form-group-range\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n    className: \"fw-bold\",\n    htmlFor: \"rangeStep\"\n  }, \"Step:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Control, {\n    id: \"rangeStep\",\n    type: \"number\",\n    defaultValue: element.step,\n    onBlur: onUpdateElement,\n    onChange: function onChange(e) {\n      editElementProp('step', 'value', e);\n    }\n  }))), element.hasOwnProperty('minValue') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n    className: \"form-group mb-5\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n    className: \"form-group-range\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n    className: \"fw-bold\",\n    htmlFor: \"rangeMin\"\n  }, \"Min:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Control, {\n    id: \"rangeMin\",\n    type: \"number\",\n    defaultValue: element.minValue,\n    onBlur: onUpdateElement,\n    onChange: function onChange(e) {\n      editElementProp('minValue', 'value', e);\n    }\n  }))), element.hasOwnProperty('minLabel') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n    className: \"form-group mb-5\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n    className: \"form-group-range\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n    className: \"fw-bold\",\n    htmlFor: \"rangeMin\"\n  }, \"Minimum Value Label:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Control, {\n    type: \"text\",\n    defaultValue: element.minLabel,\n    onBlur: onUpdateElement,\n    onChange: function onChange(e) {\n      editElementProp('minLabel', 'value', e);\n    }\n  }))), element.hasOwnProperty('maxValue') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n    className: \"form-group mb-5\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n    className: \"form-group-range\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n    className: \"fw-bold\",\n    htmlFor: \"rangeMax\"\n  }, \"Max:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Control, {\n    id: \"rangeMax\",\n    type: \"number\",\n    defaultValue: element.maxValue,\n    onBlur: onUpdateElement,\n    onChange: function onChange(e) {\n      editElementProp('maxValue', 'value', e);\n    }\n  }))), element.hasOwnProperty('maxLabel') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n    className: \"form-group mb-5\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n    className: \"form-group-range\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n    className: \"fw-bold\",\n    htmlFor: \"rangeMax\"\n  }, \"Maximum Value Label:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Control, {\n    type: \"text\",\n    defaultValue: element.maxLabel,\n    onBlur: onUpdateElement,\n    onChange: function onChange(e) {\n      editElementProp('maxLabel', 'value', e);\n    }\n  }))), element.hasOwnProperty('defaultValue') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n    className: \"form-group mb-5\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n    className: \"form-group-range\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n    className: \"fw-bold\",\n    htmlFor: \"defaultSelected\"\n  }, \"Default Selected:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Control, {\n    id: \"defaultSelected\",\n    type: \"number\",\n    defaultValue: element.defaultValue,\n    onBlur: onUpdateElement,\n    onChange: function onChange(e) {\n      editElementProp('defaultValue', 'value', e);\n    }\n  }))), element.hasOwnProperty('static') && element[\"static\"] && element.hasOwnProperty('bold') && element.hasOwnProperty('italic') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n    className: \"form-group mb-5\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n    className: \"fw-bold\"\n  }, \"Text Style:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Check, {\n    id: \"do-bold\",\n    inline: true,\n    label: \"Bold\",\n    type: \"checkbox\",\n    checked: thisCheckedBold,\n    value: true,\n    onBlur: onUpdateElement,\n    onChange: function onChange(e) {\n      editElementProp('bold', 'checked', e);\n    }\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Check, {\n    id: \"do-italic\",\n    inline: true,\n    label: \"Italic\",\n    type: \"checkbox\",\n    checked: thisCheckedItalic,\n    value: true,\n    onBlur: onUpdateElement,\n    onChange: function onChange(e) {\n      editElementProp('italic', 'checked', e);\n    }\n  })), element.hasOwnProperty('placeholder') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n    className: \"form-group mb-5\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n    className: \"fw-bold\",\n    htmlFor: \"placeholder\"\n  }, \"Placeholder:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Control, {\n    type: \"text\",\n    id: \"placeholder\",\n    defaultValue: element.placeholder,\n    onBlur: onUpdateElement,\n    onChange: function onChange(e) {\n      editElementProp('placeholder', 'value', e);\n    }\n  })), element.hasOwnProperty('customName') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n    className: \"form-group mb-5\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n    className: \"fw-bold\",\n    htmlFor: \"customName\"\n  }, \"A Name To Give This Input That Will Show Up In Data Retrieval:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Control, {\n    type: \"text\",\n    id: \"customName\",\n    defaultValue: element.customName,\n    onBlur: onUpdateElement,\n    onChange: function onChange(e) {\n      editElementProp('customName', 'value', e);\n    }\n  })), element.hasOwnProperty('labelLocation') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n    className: \"form-group mb-5\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n    className: \"fw-bold\",\n    htmlFor: \"labelLocation\"\n  }, \"Choose Label Location:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Select, {\n    id: \"labelLocation\",\n    defaultValue: element.labelLocation,\n    onBlur: onUpdateElement,\n    onChange: function onChange(e) {\n      editElementProp('labelLocation', 'value', e);\n    }\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"option\", {\n    value: \"ABOVE\"\n  }, \"Above Form Field\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"option\", {\n    value: \"FLOATING\"\n  }, \"Floating Inside Form Field\"))), (element.hasOwnProperty('hideLabel') || ['Dropdown', 'Tags', 'Checkboxes', 'Checkbox', 'RadioButtons', 'ButtonList', 'TextInput', 'EmailInput', 'PhoneNumber', 'DatePicker', 'TextArea', 'NumberInput', 'Rating', 'Range', 'Signature', 'Camera', 'FileUpload'].includes(element.element)) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n    className: \"form-group mb-5\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n    className: \"fw-bold\"\n  }, \"Hide Label:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Check, {\n    id: \"hide-label\",\n    label: \"Hide Label\",\n    type: \"checkbox\",\n    checked: thisCheckedHideLabel,\n    value: true,\n    onBlur: onUpdateElement,\n    onChange: function onChange(e) {\n      editElementProp('hideLabel', 'checked', e);\n    }\n  })), element.hasOwnProperty('rows') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n    className: \"form-group mb-5\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n    className: \"form-group-range\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n    className: \"fw-bold\",\n    htmlFor: \"rows\"\n  }, \"Rows:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Control, {\n    id: \"rows\",\n    type: \"number\",\n    defaultValue: element.rows,\n    onBlur: onUpdateElement,\n    onChange: function onChange(e) {\n      editElementProp('rows', 'value', e);\n    }\n  }))), element.element === 'Step' && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n    className: \"form-group mb-5\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n    className: \"fw-bold\"\n  }, \"Step is Conditional and Display is Dependent on Answers to another Survey Block:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Check, {\n    id: \"conditional\",\n    label: \"Conditional\",\n    type: \"checkbox\",\n    checked: thisCheckedConditional,\n    value: true,\n    onBlur: onUpdateElement,\n    onChange: function onChange(e) {\n      editElementProp('conditional', 'checked', e);\n    }\n  })), element.element === 'Step' && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n    className: \"form-group mb-5\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n    className: \"fw-bold\",\n    htmlFor: \"conditionalFieldName\"\n  }, \"Field Name for the Dependent Survey Block:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Control, {\n    type: \"text\",\n    id: \"conditionalFieldName\",\n    defaultValue: element.conditionalFieldName,\n    onBlur: onUpdateElement,\n    onChange: function onChange(e) {\n      editElementProp('conditionalFieldName', 'value', e);\n    }\n  })), element.element === 'Step' && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n    className: \"form-group mb-5\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n    className: \"fw-bold\",\n    htmlFor: \"conditionalFieldValue\"\n  }, \"Value(s) for Survey Block to Display the Conditional Step:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Control, {\n    type: \"text\",\n    id: \"conditionalFieldValue\",\n    defaultValue: element.conditionalFieldValue,\n    onBlur: onUpdateElement,\n    onChange: function onChange(e) {\n      editElementProp('conditionalFieldValue', 'value', e);\n    }\n  })), element.element === 'Step' && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n    className: \"form-group mb-5\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n    className: \"fw-bold\"\n  }, \"Hide the Next Step/Submit Button for this Step (typically set true when the step has a Button List component):\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Check, {\n    id: \"hideNextStepButton\",\n    label: \"Hide the Next Step/Submit Button for this Step\",\n    type: \"checkbox\",\n    checked: thisCheckedHideNextStepButton,\n    value: true,\n    onBlur: onUpdateElement,\n    onChange: function onChange(e) {\n      editElementProp('hideNextStepButton', 'checked', e);\n    }\n  })), (element.element === 'ButtonList' || element.element === 'RadioButtons') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n    className: \"form-group mb-5\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n    className: \"fw-bold\"\n  }, \"Submit form on option selection:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Check, {\n    id: \"submitOnSelection\",\n    label: \"Submit form on option selection:\",\n    type: \"checkbox\",\n    checked: thisCheckedSubmitOnSelection,\n    value: true,\n    onBlur: onUpdateElement,\n    onChange: function onChange(e) {\n      editElementProp('submitOnSelection', 'checked', e);\n    }\n  })), element.element === 'RadioButtons' && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n    className: \"form-group mb-5\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n    className: \"fw-bold\"\n  }, \"Show Radio by Default:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Check, {\n    id: \"showRadio\",\n    label: \"Show Radio by Default:\",\n    type: \"checkbox\",\n    checked: thisCheckedShowRadio,\n    value: true,\n    onBlur: onUpdateElement,\n    onChange: function onChange(e) {\n      editElementProp('showRadio', 'checked', e);\n    }\n  })), (element.hasOwnProperty('bgColor') || ['Checkboxes', 'RadioButtons', 'ButtonList'].indexOf(element.element)) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n    className: \"form-group mb-5\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n    className: \"fw-bold\",\n    htmlFor: \"bgColor\"\n  }, \"Background Color:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Control, {\n    type: \"text\",\n    id: \"bgColor\",\n    defaultValue: element.bgColor,\n    onBlur: onUpdateElement,\n    onChange: function onChange(e) {\n      editElementProp('bgColor', 'value', e);\n    }\n  })), (element.hasOwnProperty('textColor') || ['Checkboxes', 'RadioButtons', 'ButtonList'].indexOf(element.element)) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n    className: \"form-group mb-5\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n    className: \"fw-bold\",\n    htmlFor: \"textColor\"\n  }, \"Text Color:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Control, {\n    type: \"text\",\n    id: \"textColor\",\n    defaultValue: element.textColor,\n    onBlur: onUpdateElement,\n    onChange: function onChange(e) {\n      editElementProp('textColor', 'value', e);\n    }\n  })), (element.hasOwnProperty('className') || ['Checkboxes', 'RadioButtons', 'ButtonList'].indexOf(element.element)) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n    className: \"form-group mb-5\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n    className: \"fw-bold\",\n    htmlFor: \"className\"\n  }, \"ClassName:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Control, {\n    type: \"text\",\n    id: \"className\",\n    defaultValue: element.className,\n    onBlur: onUpdateElement,\n    onChange: function onChange(e) {\n      editElementProp('className', 'value', e);\n    }\n  })), (element.hasOwnProperty('fieldLabelClassName') || ['Checkboxes', 'RadioButtons', 'ButtonList'].indexOf(element.element)) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n    className: \"form-group mb-5\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n    className: \"fw-bold\",\n    htmlFor: \"fieldLabelClassName\"\n  }, \"Label ClassName:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Control, {\n    type: \"text\",\n    id: \"fieldLabelClassName\",\n    defaultValue: element.fieldLabelClassName,\n    onBlur: onUpdateElement,\n    onChange: function onChange(e) {\n      editElementProp('fieldLabelClassName', 'value', e);\n    }\n  })), (element.hasOwnProperty('fieldDescriptionClassName') || ['Checkboxes', 'RadioButtons', 'ButtonList'].indexOf(element.element)) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n    className: \"form-group mb-5\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n    className: \"fw-bold\",\n    htmlFor: \"fieldDescriptionClassName\"\n  }, \"Description ClassName:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Control, {\n    type: \"text\",\n    id: \"fieldDescriptionClassName\",\n    defaultValue: element.fieldDescriptionClassName,\n    onBlur: onUpdateElement,\n    onChange: function onChange(e) {\n      editElementProp('fieldDescriptionClassName', 'value', e);\n    }\n  })), (element.hasOwnProperty('selectedClassName') || ['Checkboxes', 'RadioButtons', 'ButtonList'].indexOf(element.element)) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n    className: \"form-group mb-5\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n    className: \"fw-bold\",\n    htmlFor: \"selectedClassName\"\n  }, \"Selected ClassName:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Control, {\n    type: \"text\",\n    id: \"selectedClassName\",\n    defaultValue: element.selectedClassName,\n    onBlur: onUpdateElement,\n    onChange: function onChange(e) {\n      editElementProp('selectedClassName', 'value', e);\n    }\n  })), (element.hasOwnProperty('unselectedClassName') || ['Checkboxes', 'RadioButtons', 'ButtonList'].indexOf(element.element)) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n    className: \"form-group mb-5\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n    className: \"fw-bold\",\n    htmlFor: \"unselectedClassName\"\n  }, \"Unselected ClassName:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Control, {\n    type: \"text\",\n    id: \"unselectedClassName\",\n    defaultValue: element.unselectedClassName,\n    onBlur: onUpdateElement,\n    onChange: function onChange(e) {\n      editElementProp('unselectedClassName', 'value', e);\n    }\n  })), (element.hasOwnProperty('selectedColor') || ['Checkboxes', 'RadioButtons', 'ButtonList'].indexOf(element.element)) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n    className: \"form-group mb-5\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n    className: \"fw-bold\",\n    htmlFor: \"selectedColor\"\n  }, \"Selected Color:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Control, {\n    type: \"text\",\n    id: \"selectedColor\",\n    defaultValue: element.selectedColor,\n    onBlur: onUpdateElement,\n    onChange: function onChange(e) {\n      editElementProp('selectedColor', 'value', e);\n    }\n  })), (element.hasOwnProperty('unselectedColor') || ['Checkboxes', 'RadioButtons', 'ButtonList'].indexOf(element.element)) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n    className: \"form-group mb-5\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n    className: \"fw-bold\",\n    htmlFor: \"unselectedColor\"\n  }, \"Unselected Color:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Control, {\n    type: \"text\",\n    id: \"unselectedColor\",\n    defaultValue: element.unselectedColor,\n    onBlur: onUpdateElement,\n    onChange: function onChange(e) {\n      editElementProp('unselectedColor', 'value', e);\n    }\n  })), element.hasOwnProperty('help') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n    className: \"form-group mb-5\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n    className: \"fw-bold\",\n    htmlFor: \"help\"\n  }, \"Help instructions/details that will show up beneath the input field:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_textarea_autosize__WEBPACK_IMPORTED_MODULE_12__[\"default\"], {\n    type: \"text\",\n    className: \"form-control\",\n    id: \"help\",\n    defaultValue: element.help,\n    onBlur: onUpdateElement,\n    onChange: function onChange(e) {\n      editElementProp('help', 'value', e);\n    }\n  })), (showDescription && !element[\"static\"] || element.hasOwnProperty('description')) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n    className: \"form-group mb-5\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n    className: \"fw-bold\",\n    htmlFor: \"description\"\n  }, \"Description:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_textarea_autosize__WEBPACK_IMPORTED_MODULE_12__[\"default\"], {\n    type: \"text\",\n    className: \"form-control\",\n    id: \"description\",\n    defaultValue: element.description,\n    onBlur: onUpdateElement,\n    onChange: function onChange(e) {\n      editElementProp('description', 'value', e);\n    }\n  })), showCorrectColumn && canHaveAnswer && !element.hasOwnProperty('options') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n    className: \"form-group mb-5\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n    className: \"fw-bold\",\n    htmlFor: \"correct\"\n  }, \"Correct Answer:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Control, {\n    id: \"correct\",\n    type: \"text\",\n    defaultValue: element.correct,\n    onBlur: onUpdateElement,\n    onChange: function onChange(e) {\n      editElementProp('correct', 'value', e);\n    }\n  })), element.canPopulateFromApi && element.hasOwnProperty('options') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n    className: \"form-group mb-5\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n    className: \"fw-bold\",\n    htmlFor: \"optionsApiUrl\"\n  }, \"Populate Options from API:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_10__[\"default\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_11__[\"default\"], {\n    sm: 6\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Control, {\n    style: {\n      width: '100%'\n    },\n    type: \"text\",\n    id: \"optionsApiUrl\",\n    placeholder: \"http://localhost:8080/api/optionsdata\"\n  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_11__[\"default\"], {\n    sm: 6\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_13__[\"default\"], {\n    variant: \"success\",\n    onClick: addOptions\n  }, \"Populate\")))), element.hasOwnProperty('options') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_dynamic_option_list__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n    showCorrectColumn: showCorrectColumn,\n    canHaveOptionCorrect: canHaveOptionCorrect,\n    canHaveOptionValue: canHaveOptionValue,\n    canHaveIcon: canHaveIcon,\n    canHaveImage: canHaveImage,\n    canHaveDescription: canHaveDescription,\n    updateElement: updateElement,\n    element: element,\n    setElement: setElement,\n    dirty: dirty,\n    setDirty: setDirty,\n    key: element === null || element === void 0 || (_element$options = element.options) === null || _element$options === void 0 ? void 0 : _element$options.length\n  }));\n};\nSurveyElementsEdit.defaultProps = {\n  className: 'edit-element-fields'\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SurveyElementsEdit);\n\n//# sourceURL=webpack://react-survey-builder/./src/survey-elements-edit.jsx?");
 /***/ })

package/lib/survey-elements-edit.js CHANGED Viewed

@@ -702,7 +702,7 @@ var SurveyElementsEdit = function SurveyElementsEdit(_ref2) {
     onChange: function onChange(e) {
       editElementProp('showRadio', 'checked', e);
     }
-  })), element.hasOwnProperty('bgColor') && /*#__PURE__*/React.createElement(Form.Group, {
+  })), (element.hasOwnProperty('bgColor') || ['Checkboxes', 'RadioButtons', 'ButtonList'].indexOf(element.element)) && /*#__PURE__*/React.createElement(Form.Group, {
     className: "form-group mb-5"
   }, /*#__PURE__*/React.createElement(Form.Label, {
     className: "fw-bold",
@@ -715,7 +715,7 @@ var SurveyElementsEdit = function SurveyElementsEdit(_ref2) {
     onChange: function onChange(e) {
       editElementProp('bgColor', 'value', e);
     }
-  })), element.hasOwnProperty('textColor') && /*#__PURE__*/React.createElement(Form.Group, {
+  })), (element.hasOwnProperty('textColor') || ['Checkboxes', 'RadioButtons', 'ButtonList'].indexOf(element.element)) && /*#__PURE__*/React.createElement(Form.Group, {
     className: "form-group mb-5"
   }, /*#__PURE__*/React.createElement(Form.Label, {
     className: "fw-bold",
@@ -728,7 +728,7 @@ var SurveyElementsEdit = function SurveyElementsEdit(_ref2) {
     onChange: function onChange(e) {
       editElementProp('textColor', 'value', e);
     }
-  })), element.hasOwnProperty('className') && /*#__PURE__*/React.createElement(Form.Group, {
+  })), (element.hasOwnProperty('className') || ['Checkboxes', 'RadioButtons', 'ButtonList'].indexOf(element.element)) && /*#__PURE__*/React.createElement(Form.Group, {
     className: "form-group mb-5"
   }, /*#__PURE__*/React.createElement(Form.Label, {
     className: "fw-bold",
@@ -741,7 +741,7 @@ var SurveyElementsEdit = function SurveyElementsEdit(_ref2) {
     onChange: function onChange(e) {
       editElementProp('className', 'value', e);
     }
-  })), element.hasOwnProperty('fieldLabelClassName') && /*#__PURE__*/React.createElement(Form.Group, {
+  })), (element.hasOwnProperty('fieldLabelClassName') || ['Checkboxes', 'RadioButtons', 'ButtonList'].indexOf(element.element)) && /*#__PURE__*/React.createElement(Form.Group, {
     className: "form-group mb-5"
   }, /*#__PURE__*/React.createElement(Form.Label, {
     className: "fw-bold",
@@ -754,7 +754,7 @@ var SurveyElementsEdit = function SurveyElementsEdit(_ref2) {
     onChange: function onChange(e) {
       editElementProp('fieldLabelClassName', 'value', e);
     }
-  })), element.hasOwnProperty('fieldDescriptionClassName') && /*#__PURE__*/React.createElement(Form.Group, {
+  })), (element.hasOwnProperty('fieldDescriptionClassName') || ['Checkboxes', 'RadioButtons', 'ButtonList'].indexOf(element.element)) && /*#__PURE__*/React.createElement(Form.Group, {
     className: "form-group mb-5"
   }, /*#__PURE__*/React.createElement(Form.Label, {
     className: "fw-bold",
@@ -767,7 +767,7 @@ var SurveyElementsEdit = function SurveyElementsEdit(_ref2) {
     onChange: function onChange(e) {
       editElementProp('fieldDescriptionClassName', 'value', e);
     }
-  })), element.hasOwnProperty('selectedClassName') && /*#__PURE__*/React.createElement(Form.Group, {
+  })), (element.hasOwnProperty('selectedClassName') || ['Checkboxes', 'RadioButtons', 'ButtonList'].indexOf(element.element)) && /*#__PURE__*/React.createElement(Form.Group, {
     className: "form-group mb-5"
   }, /*#__PURE__*/React.createElement(Form.Label, {
     className: "fw-bold",
@@ -780,7 +780,7 @@ var SurveyElementsEdit = function SurveyElementsEdit(_ref2) {
     onChange: function onChange(e) {
       editElementProp('selectedClassName', 'value', e);
     }
-  })), element.hasOwnProperty('unselectedClassName') && /*#__PURE__*/React.createElement(Form.Group, {
+  })), (element.hasOwnProperty('unselectedClassName') || ['Checkboxes', 'RadioButtons', 'ButtonList'].indexOf(element.element)) && /*#__PURE__*/React.createElement(Form.Group, {
     className: "form-group mb-5"
   }, /*#__PURE__*/React.createElement(Form.Label, {
     className: "fw-bold",
@@ -793,7 +793,7 @@ var SurveyElementsEdit = function SurveyElementsEdit(_ref2) {
     onChange: function onChange(e) {
       editElementProp('unselectedClassName', 'value', e);
     }
-  })), element.hasOwnProperty('selectedColor') && /*#__PURE__*/React.createElement(Form.Group, {
+  })), (element.hasOwnProperty('selectedColor') || ['Checkboxes', 'RadioButtons', 'ButtonList'].indexOf(element.element)) && /*#__PURE__*/React.createElement(Form.Group, {
     className: "form-group mb-5"
   }, /*#__PURE__*/React.createElement(Form.Label, {
     className: "fw-bold",
@@ -806,7 +806,7 @@ var SurveyElementsEdit = function SurveyElementsEdit(_ref2) {
     onChange: function onChange(e) {
       editElementProp('selectedColor', 'value', e);
     }
-  })), element.hasOwnProperty('unselectedColor') && /*#__PURE__*/React.createElement(Form.Group, {
+  })), (element.hasOwnProperty('unselectedColor') || ['Checkboxes', 'RadioButtons', 'ButtonList'].indexOf(element.element)) && /*#__PURE__*/React.createElement(Form.Group, {
     className: "form-group mb-5"
   }, /*#__PURE__*/React.createElement(Form.Label, {
     className: "fw-bold",

package/lib/toolbar.js CHANGED Viewed

@@ -93,8 +93,8 @@ var _defaultItems = [{
   className: "p-2 shadow-none rounded-3 text-black border border-2 w-100",
   fieldLabelClassName: "text-start text-black fs-3",
   fieldDescriptionClassName: "text-start text-muted fs-6",
-  selectedClassName: "",
-  unselectedClassName: "",
+  selectedClassName: "border-black",
+  unselectedClassName: "border-light",
   unselectedColor: "black",
   selectedColor: "black",
   inline: false
@@ -129,8 +129,8 @@ var _defaultItems = [{
   className: "p-2 shadow-none rounded-3 text-black border border-2 w-100",
   fieldLabelClassName: "text-start text-black fs-3",
   fieldDescriptionClassName: "text-start text-muted fs-6",
-  selectedClassName: "",
-  unselectedClassName: "",
+  selectedClassName: "border-black",
+  unselectedClassName: "border-light",
   unselectedColor: "black",
   selectedColor: "black",
   showRadio: true,
@@ -151,8 +151,8 @@ var _defaultItems = [{
   className: "p-2 shadow-none rounded-3 text-black border border-2 w-100",
   fieldLabelClassName: "text-start text-black fs-3",
   fieldDescriptionClassName: "text-start text-muted fs-6",
-  selectedClassName: "",
-  unselectedClassName: "",
+  selectedClassName: "border-black",
+  unselectedClassName: "border-light",
   unselectedColor: "black",
   selectedColor: "black",
   showRadio: false,

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "react-survey-builder",
-  "version": "1.0.109",
+  "version": "1.0.111",
   "description": "A complete survey builder for react.",
   "main": "lib/index.js",
   "types": "types/index.d.ts",