(function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);throw new Error("Cannot find module '"+o+"'")}var f=n[o]={exports:{}};t[o][0].call(f.exports,function(e){var n=t[o][1][e];return s(n?n:e)},f,f.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){
"use strict";

Vue.component('wpcfto_data_select', {
  props: ['fields', 'field_label', 'field_name', 'field_id', 'field_value'],
  data: function data() {
    return {
      value: '',
      style: ''
    };
  },
  template: "\n        <div class=\"wpcfto_generic_field wpcfto_generic_field_data_select\" v-bind:class=\"field_id\">\n\n            <wpcfto_fields_aside_before :fields=\"fields\" :field_label=\"field_label\"></wpcfto_fields_aside_before>\n\n            <div class=\"wpcfto-field-content\">\n                <div class=\"wpcfto_data_select\">\n                    <label\n                        v-for=\"(option, key) in fields['options']\"\n                        class=\"wpcfto_data_select__label\"\n                    >\n                        <div class=\"wpcfto_data_select__wrapper\" v-bind:class=\"{'wpcfto_data_select__wrapper_disabled': option.disabled}\">\n                            <span class=\"wpcfto_data_select__img\" v-bind:class=\"{'wpcfto_data_select__img_active': value == option.value}\">\n                                <img v-bind:src=\"option.img\" v-bind:alt=\"option.alt\" v-bind:style=\"style\">\n                                <a v-if=\"option.preview_url\" :href=\"option.preview_url\" target=\"_blank\" class=\"wpcfto_data_select__img-preview\">\n                                    {{ option.preview_label }}\n                                </a>\n                            </span>\n                            <div class=\"wpcfto_data_select__content\">\n                                <input v-if=\"!option.disabled\" type=\"radio\" v-bind:name=\"field_name\" v-model=\"value\" v-bind:value=\"option.value\"/>\n                                <div class=\"wpcfto_data_select__alt-wrapper\">\n                                    <span v-html=\"option.alt\" class=\"wpcfto_data_select__alt\"></span>\n                                    \n                                    <div v-if=\"option.disabled\" class=\"wpcfto_data_select__disabled\">\n                                        <span v-if=\"option.disabled_hint\" class=\"wpcfto_data_select__disabled-hint\" v-html=\"option.disabled_hint\"></span>\n                                        <i class=\"fa fa-lock\"></i>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                    </label>\n                </div>\n            </div>\n\n            <wpcfto_fields_aside_after :fields=\"fields\"></wpcfto_fields_aside_after>\n            \n        </div>\n    ",
  mounted: function mounted() {
    this.value = this.field_value;

    if (this.fields['width']) {
      this.style += 'width: ' + this.fields['width'] + 'px;';
    }

    if (this.fields['height']) {
      this.style += 'height: ' + this.fields['height'] + 'px;';
    }
  },
  watch: {
    value: function value(_value) {
      this.$emit('wpcfto-get-value', _value);
    }
  }
});
//# sourceMappingURL=data:application/json;charset=utf-8;base64,[encoded data, 5424 characters]
},{}]},{},[1])