((typeof self !== 'undefined' ? self : this)["webpackJsonpwebform_plugin"] = (typeof self !== 'undefined' ? self : this)["webpackJsonpwebform_plugin"] || []).push([[30,33],{

/***/ "1456":
/***/ (function(module, exports, __webpack_require__) {

// style-loader: Adds some css to the DOM by adding a <style> tag

// load the styles
var content = __webpack_require__("f73f");
if(content.__esModule) content = content.default;
if(typeof content === 'string') content = [[module.i, content, '']];
if(content.locals) module.exports = content.locals;
// add the styles to the DOM
var add = __webpack_require__("499e").default
var update = add("a7c057c6", content, true, {"sourceMap":false,"shadowMode":false});

/***/ }),

/***/ "d7a7":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_6_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_input_button_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("1456");
/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_6_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_input_button_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_6_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_input_button_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__);
/* unused harmony reexport * */


/***/ }),

/***/ "d988":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);

// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"390830ea-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/temp/webform/properties/common/input-button.vue?vue&type=template&id=f60653b6&
var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"container"},[_c('div',{staticClass:"row",staticStyle:{"font-size":".875rem"}},[_c('button',{staticClass:"input-button-left",on:{"click":function($event){return _vm.$emit('leftButton')}}},[_vm._v("-")]),_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.inputFieldValue),expression:"inputFieldValue"}],staticClass:"input-style",attrs:{"type":"text","size":"3"},domProps:{"value":(_vm.inputFieldValue)},on:{"input":function($event){if($event.target.composing){ return; }_vm.inputFieldValue=$event.target.value}}}),_c('button',{staticClass:"input-button-right",on:{"click":function($event){return _vm.$emit('rightButton')}}},[_vm._v("+")])])])}
var staticRenderFns = []


// CONCATENATED MODULE: ./src/temp/webform/properties/common/input-button.vue?vue&type=template&id=f60653b6&

// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/temp/webform/properties/common/input-button.vue?vue&type=script&lang=js&
//
//
//
//
//
//
//
//
//
//
/* harmony default export */ var input_buttonvue_type_script_lang_js_ = ({
  name: "InputButton",
  props: ["value"],
  computed: {
    inputFieldValue: {
      get: function get() {
        //this function will determine what is displayed in the input
        return this.value;
      },
      set: function set(newVal) {
        //this function will run whenever the input changes
        this.$emit("onInput", newVal);
      }
    }
  }
});
// CONCATENATED MODULE: ./src/temp/webform/properties/common/input-button.vue?vue&type=script&lang=js&
 /* harmony default export */ var common_input_buttonvue_type_script_lang_js_ = (input_buttonvue_type_script_lang_js_); 
// EXTERNAL MODULE: ./src/temp/webform/properties/common/input-button.vue?vue&type=style&index=0&lang=css&
var input_buttonvue_type_style_index_0_lang_css_ = __webpack_require__("d7a7");

// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__("2877");

// CONCATENATED MODULE: ./src/temp/webform/properties/common/input-button.vue






/* normalize component */

var component = Object(componentNormalizer["a" /* default */])(
  common_input_buttonvue_type_script_lang_js_,
  render,
  staticRenderFns,
  false,
  null,
  null,
  null
  
)

/* harmony default export */ var input_button = __webpack_exports__["default"] = (component.exports);

/***/ }),

/***/ "e7c3":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);

// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"390830ea-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/temp/webform/properties/general-properties.vue?vue&type=template&id=1f9d8768&
var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticStyle:{"padding-bottom":"10px"}},[_c('div',{staticClass:"vb-body-right-option pointer option-head"},[_vm._v("General")]),_c('div',{staticClass:"container"},[_c('div',{staticClass:"row"},[_c('div',{staticClass:"col"},[_c('span',{staticClass:"font-12"},[_vm._v(_vm._s(_vm.fieldValues.name))])]),_c('div',{staticClass:"custom-control custom-switch col-md-auto"},[_c('input',{staticClass:"custom-control-input",attrs:{"type":"checkbox","id":"customSwitch1"},on:{"click":function($event){_vm.isToggled = !_vm.isToggled, _vm.toggle()}}}),_c('label',{staticClass:"custom-control-label",attrs:{"for":"customSwitch1"}})])]),(!_vm.isToggled)?_c('div',[_c('div',[_vm._m(0),_c('InputButton',{attrs:{"value":_vm.allSides[_vm.fieldValues.top]},on:{"leftButton":function($event){return _vm.minusByOne('all')},"rightButton":function($event){return _vm.addByOne('all')},"onInput":function($event){return _vm.onInput($event, 'all')}}})],1)]):_c('div',{staticClass:"vb-p-10"},[_c('div',{staticClass:"row"},[_c('div',{staticClass:"col-md-6"},[_vm._m(1),_c('div',[_c('InputButton',{attrs:{"value":_vm.allSides[_vm.fieldValues.top]},on:{"leftButton":function($event){return _vm.minusByOne('top')},"rightButton":function($event){return _vm.addByOne('top')},"onInput":function($event){_vm.allSides[_vm.fieldValues.top] = $event}}})],1)]),_c('div',{staticClass:"col-md-6"},[_vm._m(2),_c('div',[_c('InputButton',{attrs:{"value":_vm.allSides[_vm.fieldValues.right]},on:{"leftButton":function($event){return _vm.minusByOne('right')},"rightButton":function($event){return _vm.addByOne('right')},"onInput":function($event){_vm.allSides[_vm.fieldValues.right] = $event}}})],1)])]),_c('div',{staticClass:"row"},[_c('div',{staticClass:"col-md-6"},[_vm._m(3),_c('div',[_c('InputButton',{attrs:{"value":_vm.allSides[_vm.fieldValues.left]},on:{"leftButton":function($event){return _vm.minusByOne('left')},"rightButton":function($event){return _vm.addByOne('left')},"onInput":function($event){_vm.allSides[_vm.fieldValues.left] = $event}}})],1)]),_c('div',{staticClass:"col-md-6"},[_vm._m(4),_c('div',[_c('InputButton',{attrs:{"value":_vm.allSides[_vm.fieldValues.bottom]},on:{"leftButton":function($event){return _vm.minusByOne('bottom')},"rightButton":function($event){return _vm.addByOne('bottom')},"onInput":function($event){_vm.allSides[_vm.fieldValues.bottom] = $event}}})],1)])])])])])}
var staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('span',{staticClass:"font-12"},[_vm._v("All Sides")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('span',{staticClass:"font-12"},[_vm._v("Top")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('span',{staticClass:"font-12"},[_vm._v("Right")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('span',{staticClass:"font-12"},[_vm._v("Left")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('span',{staticClass:"font-12"},[_vm._v("Bottom")])])}]


// CONCATENATED MODULE: ./src/temp/webform/properties/general-properties.vue?vue&type=template&id=1f9d8768&

// EXTERNAL MODULE: ./src/temp/webform/properties/common/input-button.vue + 4 modules
var input_button = __webpack_require__("d988");

// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/temp/webform/properties/general-properties.vue?vue&type=script&lang=js&
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//

/* harmony default export */ var general_propertiesvue_type_script_lang_js_ = ({
  name: "general",
  components: {
    InputButton: input_button["default"]
  },
  props: {
    allSides: Object,
    fieldValues: Object
  },
  data: function data() {
    return {
      isToggled: false //   value: 0

    };
  },
  created: function created() {
    var t = this.allSides[this.fieldValues.top];
    var b = this.allSides[this.fieldValues.bottom];
    var r = this.allSides[this.fieldValues.right];
    var l = this.allSides[this.fieldValues.left];

    if (t != b || t != l || t != r) {
      this.isToggled = true;
    }
  },
  methods: {
    onInput: function onInput(value) {
      var isAll = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "one";

      if (isAll == "all") {
        this.allSides[this.fieldValues.top] = value;
        this.allSides[this.fieldValues.bottom] = value;
        this.allSides[this.fieldValues.left] = value;
        this.allSides[this.fieldValues.right] = value;
      }
    },
    addByOne: function addByOne(value) {
      if (value == "all") {
        this.allSides[this.fieldValues.top]++;
        this.allSides[this.fieldValues.bottom]++;
        this.allSides[this.fieldValues.right]++;
        this.allSides[this.fieldValues.left]++;
      } else {
        this.allSides[this.fieldValues[value]]++;
      }
    },
    minusByOne: function minusByOne(value) {
      if (value == "all") {
        if (this.allSides[this.fieldValues.top] > 0) {
          this.allSides[this.fieldValues.top]--;
          this.allSides[this.fieldValues.bottom]--;
          this.allSides[this.fieldValues.right]--;
          this.allSides[this.fieldValues.left]--;
        }
      } else {
        if (this.allSides[this.fieldValues[value]] > 0) {
          this.allSides[this.fieldValues[value]]--;
        }
      }
    },
    toggle: function toggle() {
      if (!this.isToggled) {
        this.allSides[this.fieldValues.bottom] = this.allSides[this.fieldValues.top];
        this.allSides[this.fieldValues.right] = this.allSides[this.fieldValues.top];
        this.allSides[this.fieldValues.left] = this.allSides[this.fieldValues.top];
      }
    }
  }
});
// CONCATENATED MODULE: ./src/temp/webform/properties/general-properties.vue?vue&type=script&lang=js&
 /* harmony default export */ var properties_general_propertiesvue_type_script_lang_js_ = (general_propertiesvue_type_script_lang_js_); 
// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__("2877");

// CONCATENATED MODULE: ./src/temp/webform/properties/general-properties.vue





/* normalize component */

var component = Object(componentNormalizer["a" /* default */])(
  properties_general_propertiesvue_type_script_lang_js_,
  render,
  staticRenderFns,
  false,
  null,
  null,
  null
  
)

/* harmony default export */ var general_properties = __webpack_exports__["default"] = (component.exports);

/***/ }),

/***/ "f73f":
/***/ (function(module, exports, __webpack_require__) {

// Imports
var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
exports = ___CSS_LOADER_API_IMPORT___(false);
// Module
exports.push([module.i, ".input-style{border:none;background-color:#6c757d;color:#fff;text-align:center;height:30px}.input-button-left{border:none;border-radius:.25rem;border-top-right-radius:0;border-bottom-right-radius:0}.input-button-left,.input-button-right{background-color:#6c757d;color:#fff;text-align:center;height:30px}.input-button-right{border:none;border-radius:.25rem;border-top-left-radius:0;border-bottom-left-radius:0}", ""]);
// Exports
module.exports = exports;


/***/ })

}]);
//# sourceMappingURL=webform-plugin.common.30.js.map