/******/ (function(modules) { // webpackBootstrap
/******/ 	// The module cache
/******/ 	var installedModules = {};
/******/
/******/ 	// The require function
/******/ 	function __webpack_require__(moduleId) {
/******/
/******/ 		// Check if module is in cache
/******/ 		if(installedModules[moduleId]) {
/******/ 			return installedModules[moduleId].exports;
/******/ 		}
/******/ 		// Create a new module (and put it into the cache)
/******/ 		var module = installedModules[moduleId] = {
/******/ 			i: moduleId,
/******/ 			l: false,
/******/ 			exports: {}
/******/ 		};
/******/
/******/ 		// Execute the module function
/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
/******/
/******/ 		// Flag the module as loaded
/******/ 		module.l = true;
/******/
/******/ 		// Return the exports of the module
/******/ 		return module.exports;
/******/ 	}
/******/
/******/
/******/ 	// expose the modules object (__webpack_modules__)
/******/ 	__webpack_require__.m = modules;
/******/
/******/ 	// expose the module cache
/******/ 	__webpack_require__.c = installedModules;
/******/
/******/ 	// define getter function for harmony exports
/******/ 	__webpack_require__.d = function(exports, name, getter) {
/******/ 		if(!__webpack_require__.o(exports, name)) {
/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
/******/ 		}
/******/ 	};
/******/
/******/ 	// define __esModule on exports
/******/ 	__webpack_require__.r = function(exports) {
/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
/******/ 		}
/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
/******/ 	};
/******/
/******/ 	// create a fake namespace object
/******/ 	// mode & 1: value is a module id, require it
/******/ 	// mode & 2: merge all properties of value into the ns
/******/ 	// mode & 4: return value when already ns object
/******/ 	// mode & 8|1: behave like require
/******/ 	__webpack_require__.t = function(value, mode) {
/******/ 		if(mode & 1) value = __webpack_require__(value);
/******/ 		if(mode & 8) return value;
/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
/******/ 		var ns = Object.create(null);
/******/ 		__webpack_require__.r(ns);
/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
/******/ 		return ns;
/******/ 	};
/******/
/******/ 	// getDefaultExport function for compatibility with non-harmony modules
/******/ 	__webpack_require__.n = function(module) {
/******/ 		var getter = module && module.__esModule ?
/******/ 			function getDefault() { return module['default']; } :
/******/ 			function getModuleExports() { return module; };
/******/ 		__webpack_require__.d(getter, 'a', getter);
/******/ 		return getter;
/******/ 	};
/******/
/******/ 	// Object.prototype.hasOwnProperty.call
/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
/******/
/******/ 	// __webpack_public_path__
/******/ 	__webpack_require__.p = "";
/******/
/******/
/******/ 	// Load entry module and return exports
/******/ 	return __webpack_require__(__webpack_require__.s = "./src/Frontend.js");
/******/ })
/************************************************************************/
/******/ ({

/***/ "./src/Frontend.js":
/*!*************************!*\
  !*** ./src/Frontend.js ***!
  \*************************/
/*! no static exports found */
/***/ (function(module, exports) {

;

(function ($) {
  'use strict';

  $.fn.pros_variation_swatches_form = function () {
    return this.each(function () {
      var $form = $(this),
          clicked = null,
          selected = [];

      var mark_as_unavailable = function mark_as_unavailable() {
        $form.find('.pro-swatches-item.pro-swatches-not-available').removeClass('pro-swatches-not-available');
        $('.pro-swatches-wrapper').each(function () {
          var that = $(this),
              select = that.find('select');
          var founded = [];
          select.find('option').each(function () {
            var option = $(this).val();

            if (option != "") {
              founded.push(option);
            }
          });
          that.find('.pro-swatches-item').each(function () {
            var item = $(this),
                data = item.data('value');

            if (!founded.includes(data)) {
              item.addClass("pro-swatches-not-available");
            }
          });
        });
      };

      $form.on('click', '.pro-swatches-item', function (e) {
        e.preventDefault();
        var $el = $(this),
            $select = $el.closest('.value').find('select'),
            attribute_name = $select.data('attribute_name') || $select.attr('name'),
            value = $el.data('value');
        $select.trigger('focusin');

        if ($el.hasClass("pro-swatches-not-available")) {
          return;
        } // Check if this variation combination is available


        if (!$select.find('option[value="' + value + '"]').length) {
          $el.siblings('.pro-swatches-item').removeClass('selected');
          $select.val('').change();
          return;
        }

        clicked = attribute_name;

        if (selected.indexOf(attribute_name) === -1) {
          selected.push(attribute_name);
        }

        if ($el.hasClass('selected')) {
          $select.val('');
          $el.removeClass('selected');
          delete selected[selected.indexOf(attribute_name)];
        } else {
          $el.addClass('selected').siblings('.selected').removeClass('selected');
          $select.val(value);
        }

        $select.change();
        mark_as_unavailable();
      }).on('click', '.reset_variations', function () {
        var form = $(this).closest('.variations_form');
        form.find('.pro-swatches-item.selected').removeClass('selected');
        form.find('.pro-swatches-item.pro-swatches-not-available').removeClass('pro-swatches-not-available');
        selected = [];
      });
    });
  };

  $.fn.pros_tooltip = function () {
    return this.each(function () {
      var $item = $(this),
          body = $('body'),
          title = $item.attr('title'),
          tooltip_item = $("<div>", {
        "class": "pro-swatches-tooltip"
      });

      function getOffset(el) {
        var _x = 0;
        var _y = 0;

        while (el && !isNaN(el.offsetLeft) && !isNaN(el.offsetTop)) {
          _x += el.offsetLeft - el.scrollLeft;
          _y += el.offsetTop - el.scrollTop;
          el = el.offsetParent;
        }

        return {
          top: _y,
          left: _x
        };
      }

      if (title) {
        $item.mouseenter(function () {
          tooltip_item.text(title);
          var offset = getOffset($item[0]);
          body.append(tooltip_item);
          tooltip_item.css({
            top: "".concat(offset.top - 10, "px"),
            left: "".concat(offset.left + 7, "px")
          });
        }).mouseleave(function () {
          body.find('.pro-swatches-tooltip').remove();
        });
      }
    });
  };

  $(function () {
    $('.variations_form').pros_variation_swatches_form();
    $('.pro-swatches-item').pros_tooltip();
  });
})(jQuery);

/***/ })

/******/ });
//# sourceMappingURL=pro-swatches-frontend.build.js.map