405 lines
15 KiB
JavaScript
405 lines
15 KiB
JavaScript
|
(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); }
|
||
|
|
|
||
|
|
// 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
|
||
|
|
|
||
|
|
/* 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() {
|
||
|
|
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);
|
||
|
|
|
||
|
|
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();
|
||
|
|
},
|
||
|
|
|
||
|
|
/**
|
||
|
|
* 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 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(' ');
|
||
|
|
|
||
|
|
if (size.length > 1 && size[1] === 'only') {
|
||
|
|
if (size[0] === this._getCurrentSize()) return true;
|
||
|
|
} else {
|
||
|
|
return this.atLeast(size[0]);
|
||
|
|
}
|
||
|
|
|
||
|
|
return false;
|
||
|
|
},
|
||
|
|
|
||
|
|
/**
|
||
|
|
* 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;
|
||
|
|
},
|
||
|
|
|
||
|
|
/**
|
||
|
|
* 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;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
if (_typeof(matched) === 'object') {
|
||
|
|
return matched.name;
|
||
|
|
} 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;
|
||
|
|
|
||
|
|
jquery__WEBPACK_IMPORTED_MODULE_0___default()(window).off('resize.zf.mediaquery').on('resize.zf.mediaquery', function () {
|
||
|
|
var newSize = _this._getCurrentSize(),
|
||
|
|
currentSize = _this.current;
|
||
|
|
|
||
|
|
if (newSize !== currentSize) {
|
||
|
|
// Change the current media query
|
||
|
|
_this.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__(/*! /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");
|
||
|
|
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
|
||
|
|
/***/ "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
|