Subversion Repositories wimsdev

(function webpackUniversalModuleDefinition(root, factory) {

  if(typeof exports === 'object' && typeof module === 'object')

    module.exports = factory(require("./foundation.core"), require("jquery"));

  else if(typeof define === 'function' && define.amd)

    define(["./foundation.core", "jquery"], factory);

  else if(typeof exports === 'object')

    exports["foundation.util.mediaQuery"] = factory(require("./foundation.core"), require("jquery"));

  else

    root["__FOUNDATION_EXTERNAL__"] = root["__FOUNDATION_EXTERNAL__"] || {}, root["__FOUNDATION_EXTERNAL__"]["foundation.util.mediaQuery"] = factory(root["__FOUNDATION_EXTERNAL__"]["foundation.core"], root["jQuery"]);

})(window, function(__WEBPACK_EXTERNAL_MODULE__foundation_core__, __WEBPACK_EXTERNAL_MODULE_jquery__) {

return /******/ (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 = 24);

/******/ })

/************************************************************************/

/******/ ({

/***/ "./foundation.core":

/*!****************************************************************************************************************************************************************!*\

  !*** external {"root":["__FOUNDATION_EXTERNAL__","foundation.core"],"amd":"./foundation.core","commonjs":"./foundation.core","commonjs2":"./foundation.core"} ***!

  \****************************************************************************************************************************************************************/

/*! no static exports found */

/***/ (function(module, exports) {

module.exports = __WEBPACK_EXTERNAL_MODULE__foundation_core__;

/***/ }),

/***/ "./js/entries/plugins/foundation.util.mediaQuery.js":

/*!**********************************************************!*\

  !*** ./js/entries/plugins/foundation.util.mediaQuery.js ***!

  \**********************************************************/

/*! exports provided: Foundation, MediaQuery */

/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";

__webpack_require__.r(__webpack_exports__);

/* harmony import */ var _foundation_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./foundation.core */ "./foundation.core");

/* harmony import */ var _foundation_core__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_foundation_core__WEBPACK_IMPORTED_MODULE_0__);

/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Foundation", function() { return _foundation_core__WEBPACK_IMPORTED_MODULE_0__["Foundation"]; });

/* harmony import */ var _foundation_util_mediaQuery__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../foundation.util.mediaQuery */ "./js/foundation.util.mediaQuery.js");

/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MediaQuery", function() { return _foundation_util_mediaQuery__WEBPACK_IMPORTED_MODULE_1__["MediaQuery"]; });

_foundation_core__WEBPACK_IMPORTED_MODULE_0__["Foundation"].MediaQuery = _foundation_util_mediaQuery__WEBPACK_IMPORTED_MODULE_1__["MediaQuery"];

_foundation_core__WEBPACK_IMPORTED_MODULE_0__["Foundation"].MediaQuery._init();

/***/ }),

/***/ "./js/foundation.util.mediaQuery.js":

/*!******************************************!*\

  !*** ./js/foundation.util.mediaQuery.js ***!

  \******************************************/

/*! exports provided: MediaQuery */

/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";

__webpack_require__.r(__webpack_exports__);

/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MediaQuery", function() { return MediaQuery; });

/* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! jquery */ "jquery");

/* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(jquery__WEBPACK_IMPORTED_MODULE_0__);

function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }

function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }

function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance"); }

function _iterableToArrayLimit(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }

function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }

 // Default set of media queries

var defaultQueries = {

  'default': 'only screen',

  landscape: 'only screen and (orientation: landscape)',

  portrait: 'only screen and (orientation: portrait)',

  retina: 'only screen and (-webkit-min-device-pixel-ratio: 2),' + 'only screen and (min--moz-device-pixel-ratio: 2),' + 'only screen and (-o-min-device-pixel-ratio: 2/1),' + 'only screen and (min-device-pixel-ratio: 2),' + 'only screen and (min-resolution: 192dpi),' + 'only screen and (min-resolution: 2dppx)'

}; // matchMedia() polyfill - Test a CSS media type/query in JS.

// Authors & copyright © 2012: Scott Jehl, Paul Irish, Nicholas Zakas, David Knight. MIT license

/* eslint-disable */

window.matchMedia || (window.matchMedia = function () {

  "use strict"; // For browsers that support matchMedium api such as IE 9 and webkit

  var styleMedia = window.styleMedia || window.media; // For those that don't support matchMedium

  if (!styleMedia) {

    var style = document.createElement('style'),

        script = document.getElementsByTagName('script')[0],

        info = null;

    style.type = 'text/css';

    style.id = 'matchmediajs-test';

    if (!script) {

      document.head.appendChild(style);

    } else {

      script.parentNode.insertBefore(style, script);

    } // 'style.currentStyle' is used by IE <= 8 and 'window.getComputedStyle' for all other browsers

    info = 'getComputedStyle' in window && window.getComputedStyle(style, null) || style.currentStyle;

    styleMedia = {

      matchMedium: function matchMedium(media) {

        var text = '@media ' + media + '{ #matchmediajs-test { width: 1px; } }'; // 'style.styleSheet' is used by IE <= 8 and 'style.textContent' for all other browsers

        if (style.styleSheet) {

          style.styleSheet.cssText = text;

        } else {

          style.textContent = text;

        } // Test if media query is true or false

        return info.width === '1px';

      }

    };

  }

  return function (media) {

    return {

      matches: styleMedia.matchMedium(media || 'all'),

      media: media || 'all'

    };

  };

}());

/* eslint-enable */

var MediaQuery = {

  queries: [],

  current: '',

  /**

   * Initializes the media query helper, by extracting the breakpoint list from the CSS and activating the breakpoint watcher.

   * @function

   * @private

   */

  _init: function _init() {

    // make sure the initialization is only done once when calling _init() several times

    if (this.isInitialized === true) {

      return;

    } else {

      this.isInitialized = true;

    }

    var self = this;

    var $meta = jquery__WEBPACK_IMPORTED_MODULE_0___default()('meta.foundation-mq');

    if (!$meta.length) {

      jquery__WEBPACK_IMPORTED_MODULE_0___default()('<meta class="foundation-mq">').appendTo(document.head);

    }

    var extractedStyles = jquery__WEBPACK_IMPORTED_MODULE_0___default()('.foundation-mq').css('font-family');

    var namedQueries;

    namedQueries = parseStyleToObject(extractedStyles);

    self.queries = []; // reset

    for (var key in namedQueries) {

      if (namedQueries.hasOwnProperty(key)) {

        self.queries.push({

          name: key,

          value: "only screen and (min-width: ".concat(namedQueries[key], ")")

        });

      }

    }

    this.current = this._getCurrentSize();

    this._watcher();

  },

  /**

   * Reinitializes the media query helper.

   * Useful if your CSS breakpoint configuration has just been loaded or has changed since the initialization.

   * @function

   * @private

   */

  _reInit: function _reInit() {

    this.isInitialized = false;

    this._init();

  },

  /**

   * Checks if the screen is at least as wide as a breakpoint.

   * @function

   * @param {String} size - Name of the breakpoint to check.

   * @returns {Boolean} `true` if the breakpoint matches, `false` if it's smaller.

   */

  atLeast: function atLeast(size) {

    var query = this.get(size);

    if (query) {

      return window.matchMedia(query).matches;

    }

    return false;

  },

  /**

   * Checks if the screen is within the given breakpoint.

   * If smaller than the breakpoint of larger than its upper limit it returns false.

   * @function

   * @param {String} size - Name of the breakpoint to check.

   * @returns {Boolean} `true` if the breakpoint matches, `false` otherwise.

   */

  only: function only(size) {

    return size === this._getCurrentSize();

  },

  /**

   * Checks if the screen is within a breakpoint or smaller.

   * @function

   * @param {String} size - Name of the breakpoint to check.

   * @returns {Boolean} `true` if the breakpoint matches, `false` if it's larger.

   */

  upTo: function upTo(size) {

    var nextSize = this.next(size); // If the next breakpoint does not match, the screen is smaller than

    // the upper limit of this breakpoint.

    if (nextSize) {

      return !this.atLeast(nextSize);

    } // If there is no next breakpoint, the "size" breakpoint does not have

    // an upper limit and the screen will always be within it or smaller.

    return true;

  },

  /**

   * Checks if the screen matches to a breakpoint.

   * @function

   * @param {String} size - Name of the breakpoint to check, either 'small only' or 'small'. Omitting 'only' falls back to using atLeast() method.

   * @returns {Boolean} `true` if the breakpoint matches, `false` if it does not.

   */

  is: function is(size) {

    var parts = size.trim().split(' ').filter(function (p) {

      return !!p.length;

    });

    var _parts = _slicedToArray(parts, 2),

        bpSize = _parts[0],

        _parts$ = _parts[1],

        bpModifier = _parts$ === void 0 ? '' : _parts$; // Only the breakpont

    if (bpModifier === 'only') {

      return this.only(bpSize);

    } // At least the breakpoint (included)

    if (!bpModifier || bpModifier === 'up') {

      return this.atLeast(bpSize);

    } // Up to the breakpoint (included)

    if (bpModifier === 'down') {

      return this.upTo(bpSize);

    }

    throw new Error("\n      Invalid breakpoint passed to MediaQuery.is().\n      Expected a breakpoint name formatted like \"<size> <modifier>\", got \"".concat(size, "\".\n    "));

  },

  /**

   * Gets the media query of a breakpoint.

   * @function

   * @param {String} size - Name of the breakpoint to get.

   * @returns {String|null} - The media query of the breakpoint, or `null` if the breakpoint doesn't exist.

   */

  get: function get(size) {

    for (var i in this.queries) {

      if (this.queries.hasOwnProperty(i)) {

        var query = this.queries[i];

        if (size === query.name) return query.value;

      }

    }

    return null;

  },

  /**

   * Get the breakpoint following the given breakpoint.

   * @function

   * @param {String} size - Name of the breakpoint.

   * @returns {String|null} - The name of the following breakpoint, or `null` if the passed breakpoint was the last one.

   */

  next: function next(size) {

    var _this = this;

    var queryIndex = this.queries.findIndex(function (q) {

      return _this._getQueryName(q) === size;

    });

    if (queryIndex === -1) {

      throw new Error("\n        Unknown breakpoint \"".concat(size, "\" passed to MediaQuery.next().\n        Ensure it is present in your Sass \"$breakpoints\" setting.\n      "));

    }

    var nextQuery = this.queries[queryIndex + 1];

    return nextQuery ? nextQuery.name : null;

  },

  /**

   * Returns the name of the breakpoint related to the given value.

   * @function

   * @private

   * @param {String|Object} value - Breakpoint name or query object.

   * @returns {String} Name of the breakpoint.

   */

  _getQueryName: function _getQueryName(value) {

    if (typeof value === 'string') return value;

    if (_typeof(value) === 'object') return value.name;

    throw new TypeError("\n      Invalid value passed to MediaQuery._getQueryName().\n      Expected a breakpoint name (String) or a breakpoint query (Object), got \"".concat(value, "\" (").concat(_typeof(value), ")\n    "));

  },

  /**

   * Gets the current breakpoint name by testing every breakpoint and returning the last one to match (the biggest one).

   * @function

   * @private

   * @returns {String} Name of the current breakpoint.

   */

  _getCurrentSize: function _getCurrentSize() {

    var matched;

    for (var i = 0; i < this.queries.length; i++) {

      var query = this.queries[i];

      if (window.matchMedia(query.value).matches) {

        matched = query;

      }

    }

    return matched && this._getQueryName(matched);

  },

  /**

   * Activates the breakpoint watcher, which fires an event on the window whenever the breakpoint changes.

   * @function

   * @private

   */

  _watcher: function _watcher() {

    var _this2 = this;

    jquery__WEBPACK_IMPORTED_MODULE_0___default()(window).off('resize.zf.mediaquery').on('resize.zf.mediaquery', function () {

      var newSize = _this2._getCurrentSize(),

          currentSize = _this2.current;

      if (newSize !== currentSize) {

        // Change the current media query

        _this2.current = newSize; // Broadcast the media query change on the window

        jquery__WEBPACK_IMPORTED_MODULE_0___default()(window).trigger('changed.zf.mediaquery', [newSize, currentSize]);

      }

    });

  }

}; // Thank you: https://github.com/sindresorhus/query-string

function parseStyleToObject(str) {

  var styleObject = {};

  if (typeof str !== 'string') {

    return styleObject;

  }

  str = str.trim().slice(1, -1); // browsers re-quote string style values

  if (!str) {

    return styleObject;

  }

  styleObject = str.split('&').reduce(function (ret, param) {

    var parts = param.replace(/\+/g, ' ').split('=');

    var key = parts[0];

    var val = parts[1];

    key = decodeURIComponent(key); // missing `=` should be `null`:

    // http://w3.org/TR/2012/WD-url-20120524/#collect-url-parameters

    val = typeof val === 'undefined' ? null : decodeURIComponent(val);

    if (!ret.hasOwnProperty(key)) {

      ret[key] = val;

    } else if (Array.isArray(ret[key])) {

      ret[key].push(val);

    } else {

      ret[key] = [ret[key], val];

    }

    return ret;

  }, {});

  return styleObject;

}

/***/ }),

/***/ 24:

/*!****************************************************************!*\

  !*** multi ./js/entries/plugins/foundation.util.mediaQuery.js ***!

  \****************************************************************/

/*! no static exports found */

/***/ (function(module, exports, __webpack_require__) {

module.exports = __webpack_require__(/*! /Volumes/Data/Development/Foundation/foundation-sites/js/entries/plugins/foundation.util.mediaQuery.js */"./js/entries/plugins/foundation.util.mediaQuery.js");

/***/ }),

/***/ "jquery":

/*!********************************************************************************************!*\

  !*** external {"root":["jQuery"],"amd":"jquery","commonjs":"jquery","commonjs2":"jquery"} ***!

  \********************************************************************************************/

/*! no static exports found */

/***/ (function(module, exports) {

module.exports = __WEBPACK_EXTERNAL_MODULE_jquery__;

/***/ })

/******/ });

});

//# sourceMappingURL=foundation.util.mediaQuery.js.map