123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850 |
- (function webpackUniversalModuleDefinition(root, factory) {
- if(typeof exports === 'object' && typeof module === 'object')
- module.exports = factory(require("./foundation.core"), require("./foundation.smoothScroll"), require("./foundation.util.motion"), require("jquery"));
- else if(typeof define === 'function' && define.amd)
- define(["./foundation.core", "./foundation.smoothScroll", "./foundation.util.motion", "jquery"], factory);
- else if(typeof exports === 'object')
- exports["foundation.magellan"] = factory(require("./foundation.core"), require("./foundation.smoothScroll"), require("./foundation.util.motion"), require("jquery"));
- else
- root["__FOUNDATION_EXTERNAL__"] = root["__FOUNDATION_EXTERNAL__"] || {}, root["__FOUNDATION_EXTERNAL__"]["foundation.magellan"] = factory(root["__FOUNDATION_EXTERNAL__"]["foundation.core"], root["__FOUNDATION_EXTERNAL__"]["foundation.smoothScroll"], root["__FOUNDATION_EXTERNAL__"]["foundation.util.motion"], root["jQuery"]);
- })(window, function(__WEBPACK_EXTERNAL_MODULE__foundation_core__, __WEBPACK_EXTERNAL_MODULE__foundation_smoothScroll__, __WEBPACK_EXTERNAL_MODULE__foundation_util_motion__, __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 = 8);
- /******/ })
- /************************************************************************/
- /******/ ({
- /***/ "./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__;
- /***/ }),
- /***/ "./foundation.smoothScroll":
- /*!************************************************************************************************************************************************************************************************!*\
- !*** external {"root":["__FOUNDATION_EXTERNAL__","foundation.smoothScroll"],"amd":"./foundation.smoothScroll","commonjs":"./foundation.smoothScroll","commonjs2":"./foundation.smoothScroll"} ***!
- \************************************************************************************************************************************************************************************************/
- /*! no static exports found */
- /***/ (function(module, exports) {
- module.exports = __WEBPACK_EXTERNAL_MODULE__foundation_smoothScroll__;
- /***/ }),
- /***/ "./foundation.util.motion":
- /*!********************************************************************************************************************************************************************************************!*\
- !*** external {"root":["__FOUNDATION_EXTERNAL__","foundation.util.motion"],"amd":"./foundation.util.motion","commonjs":"./foundation.util.motion","commonjs2":"./foundation.util.motion"} ***!
- \********************************************************************************************************************************************************************************************/
- /*! no static exports found */
- /***/ (function(module, exports) {
- module.exports = __WEBPACK_EXTERNAL_MODULE__foundation_util_motion__;
- /***/ }),
- /***/ "./js/entries/plugins/foundation.magellan.js":
- /*!***************************************************!*\
- !*** ./js/entries/plugins/foundation.magellan.js ***!
- \***************************************************/
- /*! exports provided: Foundation, Magellan */
- /***/ (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_magellan__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../foundation.magellan */ "./js/foundation.magellan.js");
- /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Magellan", function() { return _foundation_magellan__WEBPACK_IMPORTED_MODULE_1__["Magellan"]; });
- _foundation_core__WEBPACK_IMPORTED_MODULE_0__["Foundation"].plugin(_foundation_magellan__WEBPACK_IMPORTED_MODULE_1__["Magellan"], 'Magellan');
- /***/ }),
- /***/ "./js/foundation.magellan.js":
- /*!***********************************!*\
- !*** ./js/foundation.magellan.js ***!
- \***********************************/
- /*! exports provided: Magellan */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- __webpack_require__.r(__webpack_exports__);
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Magellan", function() { return Magellan; });
- /* 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__);
- /* harmony import */ var _foundation_core_plugin__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./foundation.core.plugin */ "./foundation.core");
- /* harmony import */ var _foundation_core_plugin__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_foundation_core_plugin__WEBPACK_IMPORTED_MODULE_1__);
- /* harmony import */ var _foundation_smoothScroll__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./foundation.smoothScroll */ "./foundation.smoothScroll");
- /* harmony import */ var _foundation_smoothScroll__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_foundation_smoothScroll__WEBPACK_IMPORTED_MODULE_2__);
- /* harmony import */ var _foundation_util_triggers__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./foundation.util.triggers */ "./js/foundation.util.triggers.js");
- 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 _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
- function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
- function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
- function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
- function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
- function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
- function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
- /**
- * Magellan module.
- * @module foundation.magellan
- * @requires foundation.smoothScroll
- * @requires foundation.util.triggers
- */
- var Magellan =
- /*#__PURE__*/
- function (_Plugin) {
- _inherits(Magellan, _Plugin);
- function Magellan() {
- _classCallCheck(this, Magellan);
- return _possibleConstructorReturn(this, _getPrototypeOf(Magellan).apply(this, arguments));
- }
- _createClass(Magellan, [{
- key: "_setup",
- /**
- * Creates a new instance of Magellan.
- * @class
- * @name Magellan
- * @fires Magellan#init
- * @param {Object} element - jQuery object to add the trigger to.
- * @param {Object} options - Overrides to the default plugin settings.
- */
- value: function _setup(element, options) {
- this.$element = element;
- this.options = jquery__WEBPACK_IMPORTED_MODULE_0___default.a.extend({}, Magellan.defaults, this.$element.data(), options);
- this.className = 'Magellan'; // ie9 back compat
- // Triggers init is idempotent, just need to make sure it is initialized
- _foundation_util_triggers__WEBPACK_IMPORTED_MODULE_3__["Triggers"].init(jquery__WEBPACK_IMPORTED_MODULE_0___default.a);
- this._init();
- this.calcPoints();
- }
- /**
- * Initializes the Magellan plugin and calls functions to get equalizer functioning on load.
- * @private
- */
- }, {
- key: "_init",
- value: function _init() {
- var id = this.$element[0].id || Object(_foundation_core_plugin__WEBPACK_IMPORTED_MODULE_1__["GetYoDigits"])(6, 'magellan');
- var _this = this;
- this.$targets = jquery__WEBPACK_IMPORTED_MODULE_0___default()('[data-magellan-target]');
- this.$links = this.$element.find('a');
- this.$element.attr({
- 'data-resize': id,
- 'data-scroll': id,
- 'id': id
- });
- this.$active = jquery__WEBPACK_IMPORTED_MODULE_0___default()();
- this.scrollPos = parseInt(window.pageYOffset, 10);
- this._events();
- }
- /**
- * Calculates an array of pixel values that are the demarcation lines between locations on the page.
- * Can be invoked if new elements are added or the size of a location changes.
- * @function
- */
- }, {
- key: "calcPoints",
- value: function calcPoints() {
- var _this = this,
- body = document.body,
- html = document.documentElement;
- this.points = [];
- this.winHeight = Math.round(Math.max(window.innerHeight, html.clientHeight));
- this.docHeight = Math.round(Math.max(body.scrollHeight, body.offsetHeight, html.clientHeight, html.scrollHeight, html.offsetHeight));
- this.$targets.each(function () {
- var $tar = jquery__WEBPACK_IMPORTED_MODULE_0___default()(this),
- pt = Math.round($tar.offset().top - _this.options.threshold);
- $tar.targetPoint = pt;
- _this.points.push(pt);
- });
- }
- /**
- * Initializes events for Magellan.
- * @private
- */
- }, {
- key: "_events",
- value: function _events() {
- var _this = this;
- jquery__WEBPACK_IMPORTED_MODULE_0___default()(window).one('load', function () {
- if (_this.options.deepLinking) {
- if (location.hash) {
- _this.scrollToLoc(location.hash);
- }
- }
- _this.calcPoints();
- _this._updateActive();
- });
- _this.onLoadListener = Object(_foundation_core_plugin__WEBPACK_IMPORTED_MODULE_1__["onLoad"])(jquery__WEBPACK_IMPORTED_MODULE_0___default()(window), function () {
- _this.$element.on({
- 'resizeme.zf.trigger': _this.reflow.bind(_this),
- 'scrollme.zf.trigger': _this._updateActive.bind(_this)
- }).on('click.zf.magellan', 'a[href^="#"]', function (e) {
- e.preventDefault();
- var arrival = this.getAttribute('href');
- _this.scrollToLoc(arrival);
- });
- });
- this._deepLinkScroll = function (e) {
- if (_this.options.deepLinking) {
- _this.scrollToLoc(window.location.hash);
- }
- };
- jquery__WEBPACK_IMPORTED_MODULE_0___default()(window).on('hashchange', this._deepLinkScroll);
- }
- /**
- * Function to scroll to a given location on the page.
- * @param {String} loc - a properly formatted jQuery id selector. Example: '#foo'
- * @function
- */
- }, {
- key: "scrollToLoc",
- value: function scrollToLoc(loc) {
- this._inTransition = true;
- var _this = this;
- var options = {
- animationEasing: this.options.animationEasing,
- animationDuration: this.options.animationDuration,
- threshold: this.options.threshold,
- offset: this.options.offset
- };
- _foundation_smoothScroll__WEBPACK_IMPORTED_MODULE_2__["SmoothScroll"].scrollToLoc(loc, options, function () {
- _this._inTransition = false;
- });
- }
- /**
- * Calls necessary functions to update Magellan upon DOM change
- * @function
- */
- }, {
- key: "reflow",
- value: function reflow() {
- this.calcPoints();
- this._updateActive();
- }
- /**
- * Updates the visibility of an active location link, and updates the url hash for the page, if deepLinking enabled.
- * @private
- * @function
- * @fires Magellan#update
- */
- }, {
- key: "_updateActive",
- value: function _updateActive()
- /*evt, elem, scrollPos*/
- {
- var _this2 = this;
- if (this._inTransition) return;
- var newScrollPos = parseInt(window.pageYOffset, 10);
- var isScrollingUp = this.scrollPos > newScrollPos;
- this.scrollPos = newScrollPos;
- var activeIdx; // Before the first point: no link
- if (newScrollPos < this.points[0]) {}
- /* do nothing */
- // At the bottom of the page: last link
- else if (newScrollPos + this.winHeight === this.docHeight) {
- activeIdx = this.points.length - 1;
- } // Otherwhise, use the last visible link
- else {
- var visibleLinks = this.points.filter(function (p, i) {
- return p - _this2.options.offset - (isScrollingUp ? _this2.options.threshold : 0) <= newScrollPos;
- });
- activeIdx = visibleLinks.length ? visibleLinks.length - 1 : 0;
- } // Get the new active link
- var $oldActive = this.$active;
- var activeHash = '';
- if (typeof activeIdx !== 'undefined') {
- this.$active = this.$links.filter('[href="#' + this.$targets.eq(activeIdx).data('magellan-target') + '"]');
- if (this.$active.length) activeHash = this.$active[0].getAttribute('href');
- } else {
- this.$active = jquery__WEBPACK_IMPORTED_MODULE_0___default()();
- }
- var isNewActive = !(!this.$active.length && !$oldActive.length) && !this.$active.is($oldActive);
- var isNewHash = activeHash !== window.location.hash; // Update the active link element
- if (isNewActive) {
- $oldActive.removeClass(this.options.activeClass);
- this.$active.addClass(this.options.activeClass);
- } // Update the hash (it may have changed with the same active link)
- if (this.options.deepLinking && isNewHash) {
- if (window.history.pushState) {
- // Set or remove the hash (see: https://stackoverflow.com/a/5298684/4317384
- var url = activeHash ? activeHash : window.location.pathname + window.location.search;
- if (this.options.updateHistory) {
- window.history.pushState({}, '', url);
- } else {
- window.history.replaceState({}, '', url);
- }
- } else {
- window.location.hash = activeHash;
- }
- }
- if (isNewActive) {
- /**
- * Fires when magellan is finished updating to the new active element.
- * @event Magellan#update
- */
- this.$element.trigger('update.zf.magellan', [this.$active]);
- }
- }
- /**
- * Destroys an instance of Magellan and resets the url of the window.
- * @function
- */
- }, {
- key: "_destroy",
- value: function _destroy() {
- this.$element.off('.zf.trigger .zf.magellan').find(".".concat(this.options.activeClass)).removeClass(this.options.activeClass);
- if (this.options.deepLinking) {
- var hash = this.$active[0].getAttribute('href');
- window.location.hash.replace(hash, '');
- }
- jquery__WEBPACK_IMPORTED_MODULE_0___default()(window).off('hashchange', this._deepLinkScroll);
- if (this.onLoadListener) jquery__WEBPACK_IMPORTED_MODULE_0___default()(window).off(this.onLoadListener);
- }
- }]);
- return Magellan;
- }(_foundation_core_plugin__WEBPACK_IMPORTED_MODULE_1__["Plugin"]);
- /**
- * Default settings for plugin
- */
- Magellan.defaults = {
- /**
- * Amount of time, in ms, the animated scrolling should take between locations.
- * @option
- * @type {number}
- * @default 500
- */
- animationDuration: 500,
- /**
- * Animation style to use when scrolling between locations. Can be `'swing'` or `'linear'`.
- * @option
- * @type {string}
- * @default 'linear'
- * @see {@link https://api.jquery.com/animate|Jquery animate}
- */
- animationEasing: 'linear',
- /**
- * Number of pixels to use as a marker for location changes.
- * @option
- * @type {number}
- * @default 50
- */
- threshold: 50,
- /**
- * Class applied to the active locations link on the magellan container.
- * @option
- * @type {string}
- * @default 'is-active'
- */
- activeClass: 'is-active',
- /**
- * Allows the script to manipulate the url of the current page, and if supported, alter the history.
- * @option
- * @type {boolean}
- * @default false
- */
- deepLinking: false,
- /**
- * Update the browser history with the active link, if deep linking is enabled.
- * @option
- * @type {boolean}
- * @default false
- */
- updateHistory: false,
- /**
- * Number of pixels to offset the scroll of the page on item click if using a sticky nav bar.
- * @option
- * @type {number}
- * @default 0
- */
- offset: 0
- };
- /***/ }),
- /***/ "./js/foundation.util.triggers.js":
- /*!****************************************!*\
- !*** ./js/foundation.util.triggers.js ***!
- \****************************************/
- /*! exports provided: Triggers */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- __webpack_require__.r(__webpack_exports__);
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Triggers", function() { return Triggers; });
- /* 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__);
- /* harmony import */ var _foundation_core_utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./foundation.core.utils */ "./foundation.core");
- /* harmony import */ var _foundation_core_utils__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_foundation_core_utils__WEBPACK_IMPORTED_MODULE_1__);
- /* harmony import */ var _foundation_util_motion__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./foundation.util.motion */ "./foundation.util.motion");
- /* harmony import */ var _foundation_util_motion__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_foundation_util_motion__WEBPACK_IMPORTED_MODULE_2__);
- 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); }
- var MutationObserver = function () {
- var prefixes = ['WebKit', 'Moz', 'O', 'Ms', ''];
- for (var i = 0; i < prefixes.length; i++) {
- if ("".concat(prefixes[i], "MutationObserver") in window) {
- return window["".concat(prefixes[i], "MutationObserver")];
- }
- }
- return false;
- }();
- var triggers = function triggers(el, type) {
- el.data(type).split(' ').forEach(function (id) {
- jquery__WEBPACK_IMPORTED_MODULE_0___default()("#".concat(id))[type === 'close' ? 'trigger' : 'triggerHandler']("".concat(type, ".zf.trigger"), [el]);
- });
- };
- var Triggers = {
- Listeners: {
- Basic: {},
- Global: {}
- },
- Initializers: {}
- };
- Triggers.Listeners.Basic = {
- openListener: function openListener() {
- triggers(jquery__WEBPACK_IMPORTED_MODULE_0___default()(this), 'open');
- },
- closeListener: function closeListener() {
- var id = jquery__WEBPACK_IMPORTED_MODULE_0___default()(this).data('close');
- if (id) {
- triggers(jquery__WEBPACK_IMPORTED_MODULE_0___default()(this), 'close');
- } else {
- jquery__WEBPACK_IMPORTED_MODULE_0___default()(this).trigger('close.zf.trigger');
- }
- },
- toggleListener: function toggleListener() {
- var id = jquery__WEBPACK_IMPORTED_MODULE_0___default()(this).data('toggle');
- if (id) {
- triggers(jquery__WEBPACK_IMPORTED_MODULE_0___default()(this), 'toggle');
- } else {
- jquery__WEBPACK_IMPORTED_MODULE_0___default()(this).trigger('toggle.zf.trigger');
- }
- },
- closeableListener: function closeableListener(e) {
- var animation = jquery__WEBPACK_IMPORTED_MODULE_0___default()(this).data('closable'); // Only close the first closable element. See https://git.io/zf-7833
- e.stopPropagation();
- if (animation !== '') {
- _foundation_util_motion__WEBPACK_IMPORTED_MODULE_2__["Motion"].animateOut(jquery__WEBPACK_IMPORTED_MODULE_0___default()(this), animation, function () {
- jquery__WEBPACK_IMPORTED_MODULE_0___default()(this).trigger('closed.zf');
- });
- } else {
- jquery__WEBPACK_IMPORTED_MODULE_0___default()(this).fadeOut().trigger('closed.zf');
- }
- },
- toggleFocusListener: function toggleFocusListener() {
- var id = jquery__WEBPACK_IMPORTED_MODULE_0___default()(this).data('toggle-focus');
- jquery__WEBPACK_IMPORTED_MODULE_0___default()("#".concat(id)).triggerHandler('toggle.zf.trigger', [jquery__WEBPACK_IMPORTED_MODULE_0___default()(this)]);
- }
- }; // Elements with [data-open] will reveal a plugin that supports it when clicked.
- Triggers.Initializers.addOpenListener = function ($elem) {
- $elem.off('click.zf.trigger', Triggers.Listeners.Basic.openListener);
- $elem.on('click.zf.trigger', '[data-open]', Triggers.Listeners.Basic.openListener);
- }; // Elements with [data-close] will close a plugin that supports it when clicked.
- // If used without a value on [data-close], the event will bubble, allowing it to close a parent component.
- Triggers.Initializers.addCloseListener = function ($elem) {
- $elem.off('click.zf.trigger', Triggers.Listeners.Basic.closeListener);
- $elem.on('click.zf.trigger', '[data-close]', Triggers.Listeners.Basic.closeListener);
- }; // Elements with [data-toggle] will toggle a plugin that supports it when clicked.
- Triggers.Initializers.addToggleListener = function ($elem) {
- $elem.off('click.zf.trigger', Triggers.Listeners.Basic.toggleListener);
- $elem.on('click.zf.trigger', '[data-toggle]', Triggers.Listeners.Basic.toggleListener);
- }; // Elements with [data-closable] will respond to close.zf.trigger events.
- Triggers.Initializers.addCloseableListener = function ($elem) {
- $elem.off('close.zf.trigger', Triggers.Listeners.Basic.closeableListener);
- $elem.on('close.zf.trigger', '[data-closeable], [data-closable]', Triggers.Listeners.Basic.closeableListener);
- }; // Elements with [data-toggle-focus] will respond to coming in and out of focus
- Triggers.Initializers.addToggleFocusListener = function ($elem) {
- $elem.off('focus.zf.trigger blur.zf.trigger', Triggers.Listeners.Basic.toggleFocusListener);
- $elem.on('focus.zf.trigger blur.zf.trigger', '[data-toggle-focus]', Triggers.Listeners.Basic.toggleFocusListener);
- }; // More Global/complex listeners and triggers
- Triggers.Listeners.Global = {
- resizeListener: function resizeListener($nodes) {
- if (!MutationObserver) {
- //fallback for IE 9
- $nodes.each(function () {
- jquery__WEBPACK_IMPORTED_MODULE_0___default()(this).triggerHandler('resizeme.zf.trigger');
- });
- } //trigger all listening elements and signal a resize event
- $nodes.attr('data-events', "resize");
- },
- scrollListener: function scrollListener($nodes) {
- if (!MutationObserver) {
- //fallback for IE 9
- $nodes.each(function () {
- jquery__WEBPACK_IMPORTED_MODULE_0___default()(this).triggerHandler('scrollme.zf.trigger');
- });
- } //trigger all listening elements and signal a scroll event
- $nodes.attr('data-events', "scroll");
- },
- closeMeListener: function closeMeListener(e, pluginId) {
- var plugin = e.namespace.split('.')[0];
- var plugins = jquery__WEBPACK_IMPORTED_MODULE_0___default()("[data-".concat(plugin, "]")).not("[data-yeti-box=\"".concat(pluginId, "\"]"));
- plugins.each(function () {
- var _this = jquery__WEBPACK_IMPORTED_MODULE_0___default()(this);
- _this.triggerHandler('close.zf.trigger', [_this]);
- });
- } // Global, parses whole document.
- };
- Triggers.Initializers.addClosemeListener = function (pluginName) {
- var yetiBoxes = jquery__WEBPACK_IMPORTED_MODULE_0___default()('[data-yeti-box]'),
- plugNames = ['dropdown', 'tooltip', 'reveal'];
- if (pluginName) {
- if (typeof pluginName === 'string') {
- plugNames.push(pluginName);
- } else if (_typeof(pluginName) === 'object' && typeof pluginName[0] === 'string') {
- plugNames = plugNames.concat(pluginName);
- } else {
- console.error('Plugin names must be strings');
- }
- }
- if (yetiBoxes.length) {
- var listeners = plugNames.map(function (name) {
- return "closeme.zf.".concat(name);
- }).join(' ');
- jquery__WEBPACK_IMPORTED_MODULE_0___default()(window).off(listeners).on(listeners, Triggers.Listeners.Global.closeMeListener);
- }
- };
- function debounceGlobalListener(debounce, trigger, listener) {
- var timer,
- args = Array.prototype.slice.call(arguments, 3);
- jquery__WEBPACK_IMPORTED_MODULE_0___default()(window).off(trigger).on(trigger, function (e) {
- if (timer) {
- clearTimeout(timer);
- }
- timer = setTimeout(function () {
- listener.apply(null, args);
- }, debounce || 10); //default time to emit scroll event
- });
- }
- Triggers.Initializers.addResizeListener = function (debounce) {
- var $nodes = jquery__WEBPACK_IMPORTED_MODULE_0___default()('[data-resize]');
- if ($nodes.length) {
- debounceGlobalListener(debounce, 'resize.zf.trigger', Triggers.Listeners.Global.resizeListener, $nodes);
- }
- };
- Triggers.Initializers.addScrollListener = function (debounce) {
- var $nodes = jquery__WEBPACK_IMPORTED_MODULE_0___default()('[data-scroll]');
- if ($nodes.length) {
- debounceGlobalListener(debounce, 'scroll.zf.trigger', Triggers.Listeners.Global.scrollListener, $nodes);
- }
- };
- Triggers.Initializers.addMutationEventsListener = function ($elem) {
- if (!MutationObserver) {
- return false;
- }
- var $nodes = $elem.find('[data-resize], [data-scroll], [data-mutate]'); //element callback
- var listeningElementsMutation = function listeningElementsMutation(mutationRecordsList) {
- var $target = jquery__WEBPACK_IMPORTED_MODULE_0___default()(mutationRecordsList[0].target); //trigger the event handler for the element depending on type
- switch (mutationRecordsList[0].type) {
- case "attributes":
- if ($target.attr("data-events") === "scroll" && mutationRecordsList[0].attributeName === "data-events") {
- $target.triggerHandler('scrollme.zf.trigger', [$target, window.pageYOffset]);
- }
- if ($target.attr("data-events") === "resize" && mutationRecordsList[0].attributeName === "data-events") {
- $target.triggerHandler('resizeme.zf.trigger', [$target]);
- }
- if (mutationRecordsList[0].attributeName === "style") {
- $target.closest("[data-mutate]").attr("data-events", "mutate");
- $target.closest("[data-mutate]").triggerHandler('mutateme.zf.trigger', [$target.closest("[data-mutate]")]);
- }
- break;
- case "childList":
- $target.closest("[data-mutate]").attr("data-events", "mutate");
- $target.closest("[data-mutate]").triggerHandler('mutateme.zf.trigger', [$target.closest("[data-mutate]")]);
- break;
- default:
- return false;
- //nothing
- }
- };
- if ($nodes.length) {
- //for each element that needs to listen for resizing, scrolling, or mutation add a single observer
- for (var i = 0; i <= $nodes.length - 1; i++) {
- var elementObserver = new MutationObserver(listeningElementsMutation);
- elementObserver.observe($nodes[i], {
- attributes: true,
- childList: true,
- characterData: false,
- subtree: true,
- attributeFilter: ["data-events", "style"]
- });
- }
- }
- };
- Triggers.Initializers.addSimpleListeners = function () {
- var $document = jquery__WEBPACK_IMPORTED_MODULE_0___default()(document);
- Triggers.Initializers.addOpenListener($document);
- Triggers.Initializers.addCloseListener($document);
- Triggers.Initializers.addToggleListener($document);
- Triggers.Initializers.addCloseableListener($document);
- Triggers.Initializers.addToggleFocusListener($document);
- };
- Triggers.Initializers.addGlobalListeners = function () {
- var $document = jquery__WEBPACK_IMPORTED_MODULE_0___default()(document);
- Triggers.Initializers.addMutationEventsListener($document);
- Triggers.Initializers.addResizeListener();
- Triggers.Initializers.addScrollListener();
- Triggers.Initializers.addClosemeListener();
- };
- Triggers.init = function ($, Foundation) {
- Object(_foundation_core_utils__WEBPACK_IMPORTED_MODULE_1__["onLoad"])($(window), function () {
- if ($.triggersInitialized !== true) {
- Triggers.Initializers.addSimpleListeners();
- Triggers.Initializers.addGlobalListeners();
- $.triggersInitialized = true;
- }
- });
- if (Foundation) {
- Foundation.Triggers = Triggers; // Legacy included to be backwards compatible for now.
- Foundation.IHearYou = Triggers.Initializers.addGlobalListeners;
- }
- };
- /***/ }),
- /***/ 8:
- /*!*********************************************************!*\
- !*** multi ./js/entries/plugins/foundation.magellan.js ***!
- \*********************************************************/
- /*! no static exports found */
- /***/ (function(module, exports, __webpack_require__) {
- module.exports = __webpack_require__(/*! /Users/joeworkman/Development/foundation-sites/js/entries/plugins/foundation.magellan.js */"./js/entries/plugins/foundation.magellan.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.magellan.js.map
|