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

/***/ "0437":
/***/ (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":"43530665-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/color-picker.vue?vue&type=template&id=64fe3030&
var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:"colorpicker",staticClass:"input-group color-picker"},[_c('span',{staticClass:"current-color",style:({'background-color': _vm.colorValue}),on:{"click":function($event){return _vm.togglePicker()}}}),(_vm.displayPicker)?_c('chrome-picker',{attrs:{"value":_vm.colors},on:{"input":_vm.updateFromPicker}}):_vm._e()],1)}
var staticRenderFns = []


// CONCATENATED MODULE: ./src/temp/webform/properties/common/color-picker.vue?vue&type=template&id=64fe3030&

// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.slice.js
var es_array_slice = __webpack_require__("fb6a");

// EXTERNAL MODULE: ./node_modules/core-js/modules/es.regexp.exec.js
var es_regexp_exec = __webpack_require__("ac1f");

// EXTERNAL MODULE: ./node_modules/core-js/modules/es.string.split.js
var es_string_split = __webpack_require__("1276");

// EXTERNAL MODULE: ./node_modules/core-js/modules/es.string.replace.js
var es_string_replace = __webpack_require__("5319");

// EXTERNAL MODULE: ./node_modules/core-js/modules/es.object.to-string.js
var es_object_to_string = __webpack_require__("d3b7");

// EXTERNAL MODULE: ./node_modules/core-js/modules/es.regexp.to-string.js
var es_regexp_to_string = __webpack_require__("25f0");

// EXTERNAL MODULE: ./node_modules/vue-color/dist/vue-color.min.js
var vue_color_min = __webpack_require__("c345");

// 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/color-picker.vue?vue&type=script&lang=js&






//
//
//
//
//
//
//

/* harmony default export */ var color_pickervue_type_script_lang_js_ = ({
  name: "colorpicker",
  props: ["color"],
  components: {
    "chrome-picker": vue_color_min["Chrome"]
  },
  data: function data() {
    return {
      colors: {
        hex: "#000000"
      },
      colorValue: "",
      displayPicker: false
    };
  },
  mounted: function mounted() {
    this.setColor(this.color || "#000000");
  },
  methods: {
    setColor: function setColor(color) {
      this.updateColors(color);
      this.colorValue = color;
    },
    updateColors: function updateColors(color) {
      if (color.slice(0, 1) == "#") {
        this.colors = {
          hex: color
        };
      } else if (color.slice(0, 4) == "rgba") {
        var rgba = color.replace(/^rgba?\(|\s+|\)$/g, "").split(","),
            hex = "#" + ((1 << 24) + (parseInt(rgba[0]) << 16) + (parseInt(rgba[1]) << 8) + parseInt(rgba[2])).toString(16).slice(1);
        this.colors = {
          hex: hex,
          a: rgba[3]
        };
      }
    },
    showPicker: function showPicker() {
      document.addEventListener("click", this.documentClick);
      this.displayPicker = true;
    },
    hidePicker: function hidePicker() {
      document.removeEventListener("click", this.documentClick);
      this.displayPicker = false;
    },
    togglePicker: function togglePicker() {
      this.displayPicker ? this.hidePicker() : this.showPicker();
    },
    updateFromInput: function updateFromInput() {
      this.updateColors(this.colorValue);
    },
    updateFromPicker: function updateFromPicker(color) {
      this.colors = color;

      if (color.rgba.a == 1) {
        this.colorValue = color.hex;
      } else {
        this.colorValue = "rgba(" + color.rgba.r + ", " + color.rgba.g + ", " + color.rgba.b + ", " + color.rgba.a + ")";
      }
    },
    documentClick: function documentClick(e) {
      var el = this.$refs.colorpicker,
          target = e.target; // console.log(el);

      if (el !== target && !el.contains(target)) {
        this.hidePicker();
      }
    }
  },
  watch: {
    colorValue: function colorValue(val) {
      if (val) {
        this.updateColors(val);
        this.$emit("input", val); //document.body.style.background = val;
      }
    }
  }
});
// CONCATENATED MODULE: ./src/temp/webform/properties/common/color-picker.vue?vue&type=script&lang=js&
 /* harmony default export */ var common_color_pickervue_type_script_lang_js_ = (color_pickervue_type_script_lang_js_); 
// EXTERNAL MODULE: ./src/temp/webform/properties/common/color-picker.vue?vue&type=style&index=0&lang=css&
var color_pickervue_type_style_index_0_lang_css_ = __webpack_require__("6132");

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

// CONCATENATED MODULE: ./src/temp/webform/properties/common/color-picker.vue






/* normalize component */

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

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

/***/ }),

/***/ "0644":
/***/ (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__("091f");
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("557e2e3d", content, true, {"sourceMap":false,"shadowMode":false});

/***/ }),

/***/ "091f":
/***/ (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, ".current-color{display:inline-block;width:25px;height:25px;background-color:#000;cursor:pointer;border:1px solid #ccc}.vc-chrome{position:absolute;right:0;top:35px;z-index:9}.right-45>.vc-chrome{right:-100px!important}", ""]);
// Exports
module.exports = exports;


/***/ }),

/***/ "5622":
/***/ (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":"43530665-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/color-properties.vue?vue&type=template&id=18b2c1e4&
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("Color")]),_c('div',{staticClass:"container"},[_c('div',{staticClass:"row"},[(_vm.widgetStyle.textcolor)?_c('div',{staticClass:"col-md-6"},[_vm._m(0),_c('ColorPicker',{staticClass:"right-45",attrs:{"color":_vm.widgetStyle.textcolor},model:{value:(_vm.widgetStyle.textcolor),callback:function ($$v) {_vm.$set(_vm.widgetStyle, "textcolor", $$v)},expression:"widgetStyle.textcolor"}})],1):_vm._e(),(_vm.widgetStyle.backgroundcolor)?_c('div',{staticClass:"col-md-6"},[_vm._m(1),_c('div',[_c('ColorPicker',{attrs:{"color":_vm.widgetStyle.backgroundcolor},model:{value:(_vm.widgetStyle.backgroundcolor),callback:function ($$v) {_vm.$set(_vm.widgetStyle, "backgroundcolor", $$v)},expression:"widgetStyle.backgroundcolor"}})],1)]):_vm._e()]),_c('div',{staticClass:"row"},[(_vm.widgetStyle.texthovercolor)?_c('div',{staticClass:"col-md-6"},[_vm._m(2),_c('ColorPicker',{staticClass:"right-45",attrs:{"color":_vm.widgetStyle.texthovercolor},model:{value:(_vm.widgetStyle.texthovercolor),callback:function ($$v) {_vm.$set(_vm.widgetStyle, "texthovercolor", $$v)},expression:"widgetStyle.texthovercolor"}})],1):_vm._e()])])])}
var staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('span',{staticClass:"font-12 right-45"},[_vm._v("Text Color")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('span',{staticClass:"font-12"},[_vm._v("Background Color")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('span',{staticClass:"font-12 right-45"},[_vm._v("Hover Color")])])}]


// CONCATENATED MODULE: ./src/temp/webform/properties/color-properties.vue?vue&type=template&id=18b2c1e4&

// EXTERNAL MODULE: ./src/temp/webform/properties/common/color-picker.vue + 4 modules
var color_picker = __webpack_require__("0437");

// 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/color-properties.vue?vue&type=script&lang=js&
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//

/* harmony default export */ var color_propertiesvue_type_script_lang_js_ = ({
  props: {
    widgetStyle: Object
  },
  components: {
    ColorPicker: color_picker["default"]
  },
  data: function data() {
    return {};
  }
});
// CONCATENATED MODULE: ./src/temp/webform/properties/color-properties.vue?vue&type=script&lang=js&
 /* harmony default export */ var properties_color_propertiesvue_type_script_lang_js_ = (color_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/color-properties.vue





/* normalize component */

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

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

/***/ }),

/***/ "6132":
/***/ (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_color_picker_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("0644");
/* 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_color_picker_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_color_picker_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__);
/* unused harmony reexport * */


/***/ })

}]);
//# sourceMappingURL=webform-plugin.umd.4.js.map