WebSVN – wimsdev – Diff – /trunk/wims/public_html/themes/_inc/foundation/foundation.util.mediaQuery.js

 (function webpackUniversalModuleDefinition(root, factory) {
-        if(typeof exports === 'object' && typeof module === 'object')
+  if(typeof exports === 'object' && typeof module === 'object')
-                module.exports = factory(require("./foundation.core"), require("jquery"));
+    module.exports = factory(require("./foundation.core"), require("jquery"));
-        else if(typeof define === 'function' && define.amd)
+  else if(typeof define === 'function' && define.amd)
-                define(["./foundation.core", "jquery"], factory);
+    define(["./foundation.core", "jquery"], factory);
-        else if(typeof exports === 'object')
+  else if(typeof exports === 'object')
-                exports["foundation.util.mediaQuery"] = factory(require("./foundation.core"), require("jquery"));
+    exports["foundation.util.mediaQuery"] = factory(require("./foundation.core"), require("jquery"));
-        else
+  else
-                root["__FOUNDATION_EXTERNAL__"] = root["__FOUNDATION_EXTERNAL__"] || {}, root["__FOUNDATION_EXTERNAL__"]["foundation.util.mediaQuery"] = factory(root["__FOUNDATION_EXTERNAL__"]["foundation.core"], root["jQuery"]);
+    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
+/******/   // The module cache
-/******/        var installedModules = {};
+/******/   var installedModules = {};
 /******/
-/******/        // The require function
+/******/   // The require function
-/******/        function __webpack_require__(moduleId) {
+/******/   function __webpack_require__(moduleId) {
 /******/
-/******/                // Check if module is in cache
+/******/     // Check if module is in cache
-/******/                if(installedModules[moduleId]) {
+/******/     if(installedModules[moduleId]) {
-/******/                        return installedModules[moduleId].exports;
+/******/       return installedModules[moduleId].exports;
-/******/                }
+/******/     }
-/******/                // Create a new module (and put it into the cache)
+/******/     // Create a new module (and put it into the cache)
-/******/                var module = installedModules[moduleId] = {
+/******/     var module = installedModules[moduleId] = {
-/******/                        i: moduleId,
+/******/       i: moduleId,
-/******/                        l: false,
+/******/       l: false,
-/******/                        exports: {}
+/******/       exports: {}
-/******/                };
+/******/     };
 /******/
-/******/                // Execute the module function
+/******/     // Execute the module function
-/******/                modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/     modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
 /******/
-/******/                // Flag the module as loaded
+/******/     // Flag the module as loaded
-/******/                module.l = true;
+/******/     module.l = true;
 /******/
-/******/                // Return the exports of the module
+/******/     // Return the exports of the module
-/******/                return module.exports;
+/******/     return module.exports;
-/******/        }
+/******/   }
 /******/
 /******/
-/******/        // expose the modules object (__webpack_modules__)
+/******/   // expose the modules object (__webpack_modules__)
-/******/        __webpack_require__.m = modules;
+/******/   __webpack_require__.m = modules;
 /******/
-/******/        // expose the module cache
+/******/   // expose the module cache
-/******/        __webpack_require__.c = installedModules;
+/******/   __webpack_require__.c = installedModules;
 /******/
-/******/        // define getter function for harmony exports
+/******/   // define getter function for harmony exports
-/******/        __webpack_require__.d = function(exports, name, getter) {
+/******/   __webpack_require__.d = function(exports, name, getter) {
-/******/                if(!__webpack_require__.o(exports, name)) {
+/******/     if(!__webpack_require__.o(exports, name)) {
-/******/                        Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/       Object.defineProperty(exports, name, { enumerable: true, get: getter });
-/******/                }
+/******/     }
-/******/        };
+/******/   };
 /******/
-/******/        // define __esModule on exports
+/******/   // define __esModule on exports
-/******/        __webpack_require__.r = function(exports) {
+/******/   __webpack_require__.r = function(exports) {
-/******/                if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/     if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/                        Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/       Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/                }
+/******/     }
-/******/                Object.defineProperty(exports, '__esModule', { value: true });
+/******/     Object.defineProperty(exports, '__esModule', { value: true });
-/******/        };
+/******/   };
 /******/
-/******/        // create a fake namespace object
+/******/   // create a fake namespace object
-/******/        // mode & 1: value is a module id, require it
+/******/   // mode & 1: value is a module id, require it
-/******/        // mode & 2: merge all properties of value into the ns
+/******/   // mode & 2: merge all properties of value into the ns
-/******/        // mode & 4: return value when already ns object
+/******/   // mode & 4: return value when already ns object
-/******/        // mode & 8|1: behave like require
+/******/   // mode & 8|1: behave like require
-/******/        __webpack_require__.t = function(value, mode) {
+/******/   __webpack_require__.t = function(value, mode) {
-/******/                if(mode & 1) value = __webpack_require__(value);
+/******/     if(mode & 1) value = __webpack_require__(value);
-/******/                if(mode & 8) return value;
+/******/     if(mode & 8) return value;
-/******/                if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/     if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
-/******/                var ns = Object.create(null);
+/******/     var ns = Object.create(null);
-/******/                __webpack_require__.r(ns);
+/******/     __webpack_require__.r(ns);
-/******/                Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/     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));
+/******/     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;
+/******/     return ns;
-/******/        };
+/******/   };
 /******/
-/******/        // getDefaultExport function for compatibility with non-harmony modules
+/******/   // getDefaultExport function for compatibility with non-harmony modules
-/******/        __webpack_require__.n = function(module) {
+/******/   __webpack_require__.n = function(module) {
-/******/                var getter = module && module.__esModule ?
+/******/     var getter = module && module.__esModule ?
-/******/                        function getDefault() { return module['default']; } :
+/******/       function getDefault() { return module['default']; } :
-/******/                        function getModuleExports() { return module; };
+/******/       function getModuleExports() { return module; };
-/******/                __webpack_require__.d(getter, 'a', getter);
+/******/     __webpack_require__.d(getter, 'a', getter);
-/******/                return getter;
+/******/     return getter;
-/******/        };
+/******/   };
 /******/
-/******/        // Object.prototype.hasOwnProperty.call
+/******/   // Object.prototype.hasOwnProperty.call
-/******/        __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/   __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
 /******/
-/******/        // __webpack_public_path__
+/******/   // __webpack_public_path__
-/******/        __webpack_require__.p = "";
+/******/   __webpack_require__.p = "";
 /******/
 /******/
-/******/        // Load entry module and return exports
+/******/   // Load entry module and return exports
-/******/        return __webpack_require__(__webpack_require__.s = 24);
+/******/   return __webpack_require__(__webpack_require__.s = 24);
 /******/ })
 /************************************************************************/
 /******/ ({
 /***/ "./foundation.core":
 /* 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(c) 2012: Scott Jehl, Paul Irish, Nicholas Zakas, David Knight. MIT license
+// 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
         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,
+    }
     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
   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) {
-    size = size.trim().split(' ');
+    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 (size.length > 1 && size[1] === 'only') {
+    if (bpModifier === 'only') {
-      if (size[0] === this._getCurrentSize()) return true;
+      return this.only(bpSize);
-    } else {
+    } // At least the breakpoint (included)
+    if (!bpModifier || bpModifier === 'up') {
-      return this.atLeast(size[0]);
+      return this.atLeast(bpSize);
+    } // Up to the breakpoint (included)
+    if (bpModifier === 'down') {
+      return this.upTo(bpSize);
+    }
-    return false;
+    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
         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
       if (window.matchMedia(query.value).matches) {
         matched = query;
+      }
+    }
-    if (_typeof(matched) === 'object') {
-      return matched.name;
+    return matched && this._getQueryName(matched);
-    } else {
-      return matched;
-    }
   },
   /**
    * Activates the breakpoint watcher, which fires an event on the window whenever the breakpoint changes.
    * @function
    * @private
    */
   _watcher: function _watcher() {
-    var _this = this;
+    var _this2 = this;
     jquery__WEBPACK_IMPORTED_MODULE_0___default()(window).off('resize.zf.mediaquery').on('resize.zf.mediaquery', function () {
-      var newSize = _this._getCurrentSize(),
+      var newSize = _this2._getCurrentSize(),
-          currentSize = _this.current;
+          currentSize = _this2.current;
       if (newSize !== currentSize) {
         // Change the current media query
-        _this.current = newSize; // Broadcast the media query change on the window
+        _this2.current = newSize; // Broadcast the media query change on the window
         jquery__WEBPACK_IMPORTED_MODULE_0___default()(window).trigger('changed.zf.mediaquery', [newSize, currentSize]);
+      }
     });
+  }
   !*** multi ./js/entries/plugins/foundation.util.mediaQuery.js ***!
   \****************************************************************/
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
-module.exports = __webpack_require__(/*! /Users/ncoden/Documents/Documents/Projects/Programmation/Web/2016/Foundation/foundation-sites/js/entries/plugins/foundation.util.mediaQuery.js */"./js/entries/plugins/foundation.util.mediaQuery.js");
+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":

Subversion Repositories wimsdev

(root)/trunk/wims/public_html/themes/_inc/foundation/foundation.util.mediaQuery.js – Rev 14197 → 14734