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

/***/ "2814":
/***/ (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/widgets/slider_widget.vue?vue&type=template&id=355e524e&
var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:"infoBox",staticClass:"textFieldStyle",style:(_vm.cssProps),on:{"mouseenter":function($event){_vm.widgetDidMove ?  '' : _vm.hover = true},"mouseleave":function($event){_vm.hover = false},"click":function($event){return _vm.$emit('selected')}}},[(!_vm.readOnly)?_c('div',{staticClass:"dropHighlight",style:({'backgroundColor': _vm.selectedDropWidget == _vm.index && _vm.top ? 'rgb(76, 185, 234)' : 'transparent'})}):_vm._e(),(!_vm.readOnly)?_c('div',{staticClass:"dropHighlightBottom",style:({'backgroundColor': _vm.selectedDropWidget == _vm.index && _vm.bottom ? 'rgb(76, 185, 234)' : 'transparent'})}):_vm._e(),(!_vm.readOnly)?_c('div',{staticClass:"hoverBox",style:({'border': _vm.hover && _vm.selectedWidget == null ? '#7aabc0 solid 2px' : _vm.selectedWidget == _vm.index ? '#4CB9EA solid 2px' : 'transparent solid 2px'})},[(_vm.selectedWidget == _vm.index)?_c('b-btn',{staticClass:"delBtn",attrs:{"size":"sm"},on:{"click":function($event){return _vm.$emit('DeleteWidget')}}},[_c('span',{staticClass:"ti-trash"})]):_vm._e()],1):_vm._e(),(!_vm.readOnly)?_c('div',{staticClass:"hoverParent"},[(_vm.isDraging = true)?_c('div',{directives:[{name:"droppable",rawName:"v-droppable"}],staticClass:"hoverChild1",on:{"drag-over":function($event){return _vm.onDragOver('top')}}}):_vm._e(),(_vm.isDraging = true)?_c('div',{directives:[{name:"droppable",rawName:"v-droppable"}],staticClass:"hoverChild2",on:{"drag-over":function($event){return _vm.onDragOver(_vm.arrayLength -1 == _vm.selectedDropWidget ? 'bottom' : 'top')}}}):_vm._e()]):_vm._e(),_c('div',{staticClass:"form-group",style:(_vm.csstextpros)})])}
var staticRenderFns = []


// CONCATENATED MODULE: ./src/temp/webform/widgets/slider_widget.vue?vue&type=template&id=355e524e&

// EXTERNAL MODULE: ./node_modules/core-js/modules/es.number.constructor.js
var es_number_constructor = __webpack_require__("a9e3");

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

//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
/* harmony default export */ var slider_widgetvue_type_script_lang_js_ = ({
  name: "slider",
  data: function data() {
    return {
      slides: [{
        name: 'Slide name 1'
      }, {
        name: 'Slide name 2'
      }, {
        name: 'Slide name 3'
      }, {
        name: 'Slide name 4'
      }, {
        name: 'Slide name 5'
      }, {
        name: 'Slide name 6'
      }, {
        name: 'Slide name 7'
      }],
      // slides: 7,
      hover: false,
      highlight: false,
      top: false,
      bottom: false
    };
  },
  components: {},
  props: {
    NewStyle: {
      type: ""
    },
    selectedWidget: {
      type: Number
    },
    index: {
      type: Number
    },
    widgetDidMove: {
      type: Boolean
    },
    hasDragEnded: {
      type: Boolean
    },
    selectedDropWidget: {
      type: Number
    },
    readOnly: Boolean,
    addToBottom: Object,
    arrayLength: Number
  },
  computed: {
    cssProps: function cssProps() {
      return {
        "background-color": this.NewStyle.backgroundcolor,
        padding: this.NewStyle.padding + "px",
        "padding-top": this.NewStyle.onepadding.paddingTop + "px",
        "padding-right": this.NewStyle.onepadding.paddingRight + "px",
        "padding-bottom": this.NewStyle.onepadding.paddingBottom + "px",
        "padding-left": this.NewStyle.onepadding.paddingLeft + "px"
      };
    },
    csstextpros: function csstextpros() {
      return {
        color: this.NewStyle.textcolor
      };
    }
  },
  methods: {
    onAfterSlideChange: function onAfterSlideChange(index) {
      console.log('@onAfterSlideChange Callback Triggered', 'Slide Index ' + index);
    },
    onBeforeSlideChange: function onBeforeSlideChange(index) {
      console.log('@onBeforeSlideChange Callback Triggered', 'Slide Index ' + index);
    },
    onLastSlide: function onLastSlide(index) {
      console.log('@onLastSlide Callback Triggered', 'Slide Index ' + index);
    },
    onDragOver: function onDragOver(value) {
      if (value == "top") {
        this.$emit("changeDropValue", this.index);
        this.addToBottom.value = false;
        this.top = true;
        this.bottom = false;
      } else {
        this.$emit("changeDropValue", this.index);
        this.addToBottom.value = true;
        this.top = false;
        this.bottom = true;
      }
    }
  }
});
// CONCATENATED MODULE: ./src/temp/webform/widgets/slider_widget.vue?vue&type=script&lang=js&
 /* harmony default export */ var widgets_slider_widgetvue_type_script_lang_js_ = (slider_widgetvue_type_script_lang_js_); 
// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__("2877");

// CONCATENATED MODULE: ./src/temp/webform/widgets/slider_widget.vue





/* normalize component */

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

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

/***/ })

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