foundation-rails 6.6.2.0 → 6.9.0.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/.ruby-version +1 -1
- data/.travis.yml +2 -0
- data/Appraisals +4 -0
- data/Gemfile +1 -1
- data/Gemfile.lock +198 -145
- data/bower.json +3 -3
- data/foundation-rails.gemspec +4 -4
- data/gemfiles/rails_7.1.gemfile +10 -0
- data/gemfiles/rails_7.1.gemfile.lock +261 -0
- data/lib/foundation/rails/version.rb +1 -1
- data/lib/generators/foundation/templates/_settings.scss +32 -28
- data/vendor/assets/js/foundation.cjs.js +1996 -3162
- data/vendor/assets/js/foundation.cjs.js.map +1 -1
- data/vendor/assets/js/foundation.es6.js +385 -292
- data/vendor/assets/js/foundation.es6.js.map +1 -1
- data/vendor/assets/js/foundation.esm.js +1663 -2832
- data/vendor/assets/js/foundation.esm.js.map +1 -1
- data/vendor/assets/js/foundation.js +2440 -3870
- data/vendor/assets/js/foundation.js.map +1 -1
- data/vendor/assets/js/foundation.min.js +1 -1
- data/vendor/assets/js/foundation.min.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.abide.js +238 -344
- data/vendor/assets/js/plugins/foundation.abide.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.abide.min.js +1 -1
- data/vendor/assets/js/plugins/foundation.abide.min.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.accordion.js +197 -275
- data/vendor/assets/js/plugins/foundation.accordion.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.accordion.min.js +1 -1
- data/vendor/assets/js/plugins/foundation.accordion.min.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.accordionMenu.js +174 -260
- data/vendor/assets/js/plugins/foundation.accordionMenu.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.accordionMenu.min.js +1 -1
- data/vendor/assets/js/plugins/foundation.accordionMenu.min.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.core.js +308 -447
- data/vendor/assets/js/plugins/foundation.core.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.core.min.js +1 -1
- data/vendor/assets/js/plugins/foundation.core.min.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.drilldown.js +258 -358
- data/vendor/assets/js/plugins/foundation.drilldown.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.drilldown.min.js +1 -1
- data/vendor/assets/js/plugins/foundation.drilldown.min.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.dropdown.js +289 -457
- data/vendor/assets/js/plugins/foundation.dropdown.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.dropdown.min.js +1 -1
- data/vendor/assets/js/plugins/foundation.dropdown.min.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.dropdownMenu.js +246 -346
- data/vendor/assets/js/plugins/foundation.dropdownMenu.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.dropdownMenu.min.js +1 -1
- data/vendor/assets/js/plugins/foundation.dropdownMenu.min.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.equalizer.js +178 -261
- data/vendor/assets/js/plugins/foundation.equalizer.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.equalizer.min.js +1 -1
- data/vendor/assets/js/plugins/foundation.equalizer.min.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.interchange.js +227 -326
- data/vendor/assets/js/plugins/foundation.interchange.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.interchange.min.js +1 -1
- data/vendor/assets/js/plugins/foundation.interchange.min.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.magellan.js +225 -336
- data/vendor/assets/js/plugins/foundation.magellan.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.magellan.min.js +1 -1
- data/vendor/assets/js/plugins/foundation.magellan.min.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.offcanvas.js +326 -471
- data/vendor/assets/js/plugins/foundation.offcanvas.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.offcanvas.min.js +1 -1
- data/vendor/assets/js/plugins/foundation.offcanvas.min.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.orbit.js +244 -347
- data/vendor/assets/js/plugins/foundation.orbit.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.orbit.min.js +1 -1
- data/vendor/assets/js/plugins/foundation.orbit.min.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.responsiveAccordionTabs.js +203 -278
- data/vendor/assets/js/plugins/foundation.responsiveAccordionTabs.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.responsiveAccordionTabs.min.js +1 -1
- data/vendor/assets/js/plugins/foundation.responsiveAccordionTabs.min.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.responsiveMenu.js +205 -255
- data/vendor/assets/js/plugins/foundation.responsiveMenu.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.responsiveMenu.min.js +1 -1
- data/vendor/assets/js/plugins/foundation.responsiveMenu.min.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.responsiveToggle.js +170 -226
- data/vendor/assets/js/plugins/foundation.responsiveToggle.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.responsiveToggle.min.js +1 -1
- data/vendor/assets/js/plugins/foundation.responsiveToggle.min.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.reveal.js +284 -444
- data/vendor/assets/js/plugins/foundation.reveal.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.reveal.min.js +1 -1
- data/vendor/assets/js/plugins/foundation.reveal.min.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.slider.js +322 -483
- data/vendor/assets/js/plugins/foundation.slider.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.slider.min.js +1 -1
- data/vendor/assets/js/plugins/foundation.slider.min.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.smoothScroll.js +138 -188
- data/vendor/assets/js/plugins/foundation.smoothScroll.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.smoothScroll.min.js +1 -1
- data/vendor/assets/js/plugins/foundation.smoothScroll.min.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.sticky.js +253 -394
- data/vendor/assets/js/plugins/foundation.sticky.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.sticky.min.js +1 -1
- data/vendor/assets/js/plugins/foundation.sticky.min.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.tabs.js +228 -317
- data/vendor/assets/js/plugins/foundation.tabs.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.tabs.min.js +1 -1
- data/vendor/assets/js/plugins/foundation.tabs.min.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.toggler.js +207 -294
- data/vendor/assets/js/plugins/foundation.toggler.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.toggler.min.js +1 -1
- data/vendor/assets/js/plugins/foundation.toggler.min.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.tooltip.js +275 -434
- data/vendor/assets/js/plugins/foundation.tooltip.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.tooltip.min.js +1 -1
- data/vendor/assets/js/plugins/foundation.tooltip.min.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.util.box.js +130 -186
- data/vendor/assets/js/plugins/foundation.util.box.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.util.box.min.js +1 -1
- data/vendor/assets/js/plugins/foundation.util.box.min.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.util.imageLoader.js +110 -150
- data/vendor/assets/js/plugins/foundation.util.imageLoader.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.util.imageLoader.min.js +1 -1
- data/vendor/assets/js/plugins/foundation.util.imageLoader.min.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.util.keyboard.js +157 -172
- data/vendor/assets/js/plugins/foundation.util.keyboard.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.util.keyboard.min.js +1 -1
- data/vendor/assets/js/plugins/foundation.util.keyboard.min.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.util.mediaQuery.js +167 -233
- data/vendor/assets/js/plugins/foundation.util.mediaQuery.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.util.mediaQuery.min.js +1 -1
- data/vendor/assets/js/plugins/foundation.util.mediaQuery.min.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.util.motion.js +123 -161
- data/vendor/assets/js/plugins/foundation.util.motion.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.util.motion.min.js +1 -1
- data/vendor/assets/js/plugins/foundation.util.motion.min.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.util.nest.js +123 -160
- data/vendor/assets/js/plugins/foundation.util.nest.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.util.nest.min.js +1 -1
- data/vendor/assets/js/plugins/foundation.util.nest.min.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.util.timer.js +116 -171
- data/vendor/assets/js/plugins/foundation.util.timer.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.util.timer.min.js +1 -1
- data/vendor/assets/js/plugins/foundation.util.timer.min.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.util.touch.js +172 -228
- data/vendor/assets/js/plugins/foundation.util.touch.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.util.touch.min.js +1 -1
- data/vendor/assets/js/plugins/foundation.util.touch.min.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.util.triggers.js +158 -222
- data/vendor/assets/js/plugins/foundation.util.triggers.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.util.triggers.min.js +1 -1
- data/vendor/assets/js/plugins/foundation.util.triggers.min.js.map +1 -1
- data/vendor/assets/scss/_global.scss +18 -5
- data/vendor/assets/scss/components/_accordion-menu.scss +2 -2
- data/vendor/assets/scss/components/_badge.scss +1 -1
- data/vendor/assets/scss/components/_breadcrumbs.scss +2 -1
- data/vendor/assets/scss/components/_button-group.scss +13 -8
- data/vendor/assets/scss/components/_button.scss +13 -13
- data/vendor/assets/scss/components/_callout.scss +2 -2
- data/vendor/assets/scss/components/_close-button.scss +5 -4
- data/vendor/assets/scss/components/_dropdown-menu.scss +1 -1
- data/vendor/assets/scss/components/_label.scss +1 -1
- data/vendor/assets/scss/components/_menu.scss +54 -19
- data/vendor/assets/scss/components/_off-canvas.scss +18 -16
- data/vendor/assets/scss/components/_orbit.scss +3 -3
- data/vendor/assets/scss/components/_pagination.scss +1 -1
- data/vendor/assets/scss/components/_progress-bar.scss +1 -1
- data/vendor/assets/scss/components/_responsive-embed.scss +1 -1
- data/vendor/assets/scss/components/_reveal.scss +8 -3
- data/vendor/assets/scss/components/_slider.scss +5 -2
- data/vendor/assets/scss/components/_switch.scss +25 -2
- data/vendor/assets/scss/components/_table.scss +8 -7
- data/vendor/assets/scss/components/_tabs.scss +2 -2
- data/vendor/assets/scss/components/_top-bar.scss +7 -5
- data/vendor/assets/scss/components/_visibility.scss +45 -2
- data/vendor/assets/scss/forms/_label.scss +2 -1
- data/vendor/assets/scss/forms/_progress.scss +1 -1
- data/vendor/assets/scss/forms/_range.scss +1 -1
- data/vendor/assets/scss/forms/_select.scss +5 -4
- data/vendor/assets/scss/forms/_text.scss +2 -2
- data/vendor/assets/scss/foundation.scss +1 -1
- data/vendor/assets/scss/grid/_classes.scss +1 -1
- data/vendor/assets/scss/grid/_column.scss +3 -2
- data/vendor/assets/scss/grid/_flex-grid.scss +7 -6
- data/vendor/assets/scss/grid/_gutter.scss +1 -1
- data/vendor/assets/scss/grid/_layout.scss +5 -5
- data/vendor/assets/scss/grid/_position.scss +4 -4
- data/vendor/assets/scss/grid/_row.scss +1 -1
- data/vendor/assets/scss/motion-ui/util/_animation.scss +1 -1
- data/vendor/assets/scss/motion-ui/util/_series.scss +1 -1
- data/vendor/assets/scss/motion-ui/util/_unit.scss +54 -1
- data/vendor/assets/scss/prototype/_border-none.scss +1 -1
- data/vendor/assets/scss/prototype/_font-styling.scss +2 -2
- data/vendor/assets/scss/prototype/_overflow.scss +9 -0
- data/vendor/assets/scss/prototype/_rotate.scss +7 -5
- data/vendor/assets/scss/prototype/_separator.scss +5 -5
- data/vendor/assets/scss/prototype/_shadow.scss +1 -2
- data/vendor/assets/scss/prototype/_spacing.scss +33 -33
- data/vendor/assets/scss/prototype/_text-transformation.scss +3 -3
- data/vendor/assets/scss/settings/_settings.scss +32 -28
- data/vendor/assets/scss/typography/_base.scss +6 -6
- data/vendor/assets/scss/typography/_helpers.scss +10 -2
- data/vendor/assets/scss/typography/_print.scss +2 -2
- data/vendor/assets/scss/util/_breakpoint.scss +21 -18
- data/vendor/assets/scss/util/_color.scss +20 -8
- data/vendor/assets/scss/util/_direction.scss +1 -1
- data/vendor/assets/scss/util/_flex.scss +1 -1
- data/vendor/assets/scss/util/_math.scss +61 -9
- data/vendor/assets/scss/util/_mixins.scss +18 -14
- data/vendor/assets/scss/util/_selector.scss +1 -15
- data/vendor/assets/scss/util/_typography.scss +6 -6
- data/vendor/assets/scss/util/_unit.scss +14 -8
- data/vendor/assets/scss/util/_value.scss +3 -18
- data/vendor/assets/scss/vendor/normalize.scss +19 -2
- data/vendor/assets/scss/xy-grid/_cell.scss +16 -5
- data/vendor/assets/scss/xy-grid/_classes.scss +8 -8
- data/vendor/assets/scss/xy-grid/_frame.scss +12 -0
- data/vendor/assets/scss/xy-grid/_grid.scss +2 -2
- data/vendor/assets/scss/xy-grid/_gutters.scss +2 -2
- data/vendor/assets/scss/xy-grid/_layout.scss +1 -1
- data/vendor/assets/scss/xy-grid/_position.scss +12 -7
- data/vendor/assets/scss/xy-grid/_xy-grid.scss +2 -2
- metadata +21 -19
@@ -1,193 +1,47 @@
|
|
1
1
|
(function webpackUniversalModuleDefinition(root, factory) {
|
2
2
|
if(typeof exports === 'object' && typeof module === 'object')
|
3
|
-
module.exports = factory(require("./foundation.core"), require("./foundation.util.mediaQuery"), require("./foundation.util.motion")
|
3
|
+
module.exports = factory(require("./foundation.core"), require("jquery"), require("./foundation.util.mediaQuery"), require("./foundation.util.motion"));
|
4
4
|
else if(typeof define === 'function' && define.amd)
|
5
|
-
define(["./foundation.core", "./foundation.util.mediaQuery", "./foundation.util.motion"
|
5
|
+
define(["./foundation.core", "jquery", "./foundation.util.mediaQuery", "./foundation.util.motion"], factory);
|
6
6
|
else if(typeof exports === 'object')
|
7
|
-
exports["
|
7
|
+
exports["__FOUNDATION_EXTERNAL__"] = factory(require("./foundation.core"), require("jquery"), require("./foundation.util.mediaQuery"), require("./foundation.util.motion"));
|
8
8
|
else
|
9
|
-
root["__FOUNDATION_EXTERNAL__"] = root["__FOUNDATION_EXTERNAL__"] || {}, root["__FOUNDATION_EXTERNAL__"]["foundation.sticky"] = factory(root["__FOUNDATION_EXTERNAL__"]["foundation.core"], root["__FOUNDATION_EXTERNAL__"]["foundation.util.mediaQuery"], root["__FOUNDATION_EXTERNAL__"]["foundation.util.motion"]
|
10
|
-
})(
|
11
|
-
return /******/ (function(
|
12
|
-
/******/
|
13
|
-
/******/ var
|
14
|
-
/******/
|
15
|
-
/******/ // The require function
|
16
|
-
/******/ function __webpack_require__(moduleId) {
|
17
|
-
/******/
|
18
|
-
/******/ // Check if module is in cache
|
19
|
-
/******/ if(installedModules[moduleId]) {
|
20
|
-
/******/ return installedModules[moduleId].exports;
|
21
|
-
/******/ }
|
22
|
-
/******/ // Create a new module (and put it into the cache)
|
23
|
-
/******/ var module = installedModules[moduleId] = {
|
24
|
-
/******/ i: moduleId,
|
25
|
-
/******/ l: false,
|
26
|
-
/******/ exports: {}
|
27
|
-
/******/ };
|
28
|
-
/******/
|
29
|
-
/******/ // Execute the module function
|
30
|
-
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
|
31
|
-
/******/
|
32
|
-
/******/ // Flag the module as loaded
|
33
|
-
/******/ module.l = true;
|
34
|
-
/******/
|
35
|
-
/******/ // Return the exports of the module
|
36
|
-
/******/ return module.exports;
|
37
|
-
/******/ }
|
38
|
-
/******/
|
39
|
-
/******/
|
40
|
-
/******/ // expose the modules object (__webpack_modules__)
|
41
|
-
/******/ __webpack_require__.m = modules;
|
42
|
-
/******/
|
43
|
-
/******/ // expose the module cache
|
44
|
-
/******/ __webpack_require__.c = installedModules;
|
45
|
-
/******/
|
46
|
-
/******/ // define getter function for harmony exports
|
47
|
-
/******/ __webpack_require__.d = function(exports, name, getter) {
|
48
|
-
/******/ if(!__webpack_require__.o(exports, name)) {
|
49
|
-
/******/ Object.defineProperty(exports, name, { enumerable: true, get: getter });
|
50
|
-
/******/ }
|
51
|
-
/******/ };
|
52
|
-
/******/
|
53
|
-
/******/ // define __esModule on exports
|
54
|
-
/******/ __webpack_require__.r = function(exports) {
|
55
|
-
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
|
56
|
-
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
57
|
-
/******/ }
|
58
|
-
/******/ Object.defineProperty(exports, '__esModule', { value: true });
|
59
|
-
/******/ };
|
60
|
-
/******/
|
61
|
-
/******/ // create a fake namespace object
|
62
|
-
/******/ // mode & 1: value is a module id, require it
|
63
|
-
/******/ // mode & 2: merge all properties of value into the ns
|
64
|
-
/******/ // mode & 4: return value when already ns object
|
65
|
-
/******/ // mode & 8|1: behave like require
|
66
|
-
/******/ __webpack_require__.t = function(value, mode) {
|
67
|
-
/******/ if(mode & 1) value = __webpack_require__(value);
|
68
|
-
/******/ if(mode & 8) return value;
|
69
|
-
/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
|
70
|
-
/******/ var ns = Object.create(null);
|
71
|
-
/******/ __webpack_require__.r(ns);
|
72
|
-
/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value });
|
73
|
-
/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
|
74
|
-
/******/ return ns;
|
75
|
-
/******/ };
|
76
|
-
/******/
|
77
|
-
/******/ // getDefaultExport function for compatibility with non-harmony modules
|
78
|
-
/******/ __webpack_require__.n = function(module) {
|
79
|
-
/******/ var getter = module && module.__esModule ?
|
80
|
-
/******/ function getDefault() { return module['default']; } :
|
81
|
-
/******/ function getModuleExports() { return module; };
|
82
|
-
/******/ __webpack_require__.d(getter, 'a', getter);
|
83
|
-
/******/ return getter;
|
84
|
-
/******/ };
|
85
|
-
/******/
|
86
|
-
/******/ // Object.prototype.hasOwnProperty.call
|
87
|
-
/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
|
88
|
-
/******/
|
89
|
-
/******/ // __webpack_public_path__
|
90
|
-
/******/ __webpack_require__.p = "";
|
91
|
-
/******/
|
92
|
-
/******/
|
93
|
-
/******/ // Load entry module and return exports
|
94
|
-
/******/ return __webpack_require__(__webpack_require__.s = 17);
|
95
|
-
/******/ })
|
96
|
-
/************************************************************************/
|
97
|
-
/******/ ({
|
98
|
-
|
99
|
-
/***/ "./foundation.core":
|
100
|
-
/*!****************************************************************************************************************************************************************!*\
|
101
|
-
!*** external {"root":["__FOUNDATION_EXTERNAL__","foundation.core"],"amd":"./foundation.core","commonjs":"./foundation.core","commonjs2":"./foundation.core"} ***!
|
102
|
-
\****************************************************************************************************************************************************************/
|
103
|
-
/*! no static exports found */
|
104
|
-
/***/ (function(module, exports) {
|
105
|
-
|
106
|
-
module.exports = __WEBPACK_EXTERNAL_MODULE__foundation_core__;
|
107
|
-
|
108
|
-
/***/ }),
|
109
|
-
|
110
|
-
/***/ "./foundation.util.mediaQuery":
|
111
|
-
/*!************************************************************************************************************************************************************************************************************!*\
|
112
|
-
!*** external {"root":["__FOUNDATION_EXTERNAL__","foundation.util.mediaQuery"],"amd":"./foundation.util.mediaQuery","commonjs":"./foundation.util.mediaQuery","commonjs2":"./foundation.util.mediaQuery"} ***!
|
113
|
-
\************************************************************************************************************************************************************************************************************/
|
114
|
-
/*! no static exports found */
|
115
|
-
/***/ (function(module, exports) {
|
116
|
-
|
117
|
-
module.exports = __WEBPACK_EXTERNAL_MODULE__foundation_util_mediaQuery__;
|
118
|
-
|
119
|
-
/***/ }),
|
120
|
-
|
121
|
-
/***/ "./foundation.util.motion":
|
122
|
-
/*!********************************************************************************************************************************************************************************************!*\
|
123
|
-
!*** external {"root":["__FOUNDATION_EXTERNAL__","foundation.util.motion"],"amd":"./foundation.util.motion","commonjs":"./foundation.util.motion","commonjs2":"./foundation.util.motion"} ***!
|
124
|
-
\********************************************************************************************************************************************************************************************/
|
125
|
-
/*! no static exports found */
|
126
|
-
/***/ (function(module, exports) {
|
127
|
-
|
128
|
-
module.exports = __WEBPACK_EXTERNAL_MODULE__foundation_util_motion__;
|
129
|
-
|
130
|
-
/***/ }),
|
131
|
-
|
132
|
-
/***/ "./js/entries/plugins/foundation.sticky.js":
|
133
|
-
/*!*************************************************!*\
|
134
|
-
!*** ./js/entries/plugins/foundation.sticky.js ***!
|
135
|
-
\*************************************************/
|
136
|
-
/*! exports provided: Foundation, Sticky */
|
137
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
138
|
-
|
139
|
-
"use strict";
|
140
|
-
__webpack_require__.r(__webpack_exports__);
|
141
|
-
/* harmony import */ var _foundation_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./foundation.core */ "./foundation.core");
|
142
|
-
/* harmony import */ var _foundation_core__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_foundation_core__WEBPACK_IMPORTED_MODULE_0__);
|
143
|
-
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Foundation", function() { return _foundation_core__WEBPACK_IMPORTED_MODULE_0__["Foundation"]; });
|
144
|
-
|
145
|
-
/* harmony import */ var _foundation_sticky__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../foundation.sticky */ "./js/foundation.sticky.js");
|
146
|
-
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Sticky", function() { return _foundation_sticky__WEBPACK_IMPORTED_MODULE_1__["Sticky"]; });
|
147
|
-
|
148
|
-
|
149
|
-
|
150
|
-
_foundation_core__WEBPACK_IMPORTED_MODULE_0__["Foundation"].plugin(_foundation_sticky__WEBPACK_IMPORTED_MODULE_1__["Sticky"], 'Sticky');
|
151
|
-
|
152
|
-
|
153
|
-
/***/ }),
|
9
|
+
root["__FOUNDATION_EXTERNAL__"] = root["__FOUNDATION_EXTERNAL__"] || {}, root["__FOUNDATION_EXTERNAL__"]["foundation.sticky"] = factory(root["__FOUNDATION_EXTERNAL__"]["foundation.core"], root["jQuery"], root["__FOUNDATION_EXTERNAL__"]["foundation.util.mediaQuery"], root["__FOUNDATION_EXTERNAL__"]["foundation.util.motion"]);
|
10
|
+
})(self, function(__WEBPACK_EXTERNAL_MODULE__foundation_core__, __WEBPACK_EXTERNAL_MODULE_jquery__, __WEBPACK_EXTERNAL_MODULE__foundation_util_mediaQuery__, __WEBPACK_EXTERNAL_MODULE__foundation_util_motion__) {
|
11
|
+
return /******/ (function() { // webpackBootstrap
|
12
|
+
/******/ "use strict";
|
13
|
+
/******/ var __webpack_modules__ = ({
|
154
14
|
|
155
15
|
/***/ "./js/foundation.sticky.js":
|
156
16
|
/*!*********************************!*\
|
157
17
|
!*** ./js/foundation.sticky.js ***!
|
158
18
|
\*********************************/
|
159
|
-
|
160
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
19
|
+
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
161
20
|
|
162
|
-
"use strict";
|
163
21
|
__webpack_require__.r(__webpack_exports__);
|
164
|
-
/* harmony export
|
22
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
23
|
+
/* harmony export */ Sticky: function() { return /* binding */ Sticky; }
|
24
|
+
/* harmony export */ });
|
165
25
|
/* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! jquery */ "jquery");
|
166
26
|
/* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(jquery__WEBPACK_IMPORTED_MODULE_0__);
|
167
|
-
/* harmony import */ var _foundation_core_plugin__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./foundation.core.
|
27
|
+
/* harmony import */ var _foundation_core_plugin__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./foundation.core.utils */ "./foundation.core");
|
168
28
|
/* harmony import */ var _foundation_core_plugin__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_foundation_core_plugin__WEBPACK_IMPORTED_MODULE_1__);
|
169
29
|
/* harmony import */ var _foundation_util_mediaQuery__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./foundation.util.mediaQuery */ "./foundation.util.mediaQuery");
|
170
30
|
/* harmony import */ var _foundation_util_mediaQuery__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_foundation_util_mediaQuery__WEBPACK_IMPORTED_MODULE_2__);
|
171
31
|
/* harmony import */ var _foundation_util_triggers__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./foundation.util.triggers */ "./js/foundation.util.triggers.js");
|
172
|
-
|
173
|
-
|
174
|
-
function
|
175
|
-
|
176
|
-
function
|
177
|
-
|
178
|
-
function
|
179
|
-
|
180
|
-
function
|
181
|
-
|
182
|
-
function
|
183
|
-
|
184
|
-
function
|
185
|
-
|
186
|
-
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
187
|
-
|
188
|
-
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); }
|
189
|
-
|
190
|
-
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
32
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
33
|
+
function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
|
34
|
+
function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
|
35
|
+
function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
|
36
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
37
|
+
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
38
|
+
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
|
39
|
+
function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
|
40
|
+
function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
|
41
|
+
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
42
|
+
function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
|
43
|
+
function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
|
44
|
+
function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
|
191
45
|
|
192
46
|
|
193
47
|
|
@@ -200,21 +54,15 @@ function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || func
|
|
200
54
|
* @requires foundation.util.triggers
|
201
55
|
* @requires foundation.util.mediaQuery
|
202
56
|
*/
|
203
|
-
|
204
|
-
var Sticky =
|
205
|
-
/*#__PURE__*/
|
206
|
-
function (_Plugin) {
|
207
|
-
_inherits(Sticky, _Plugin);
|
208
|
-
|
57
|
+
var Sticky = /*#__PURE__*/function (_Plugin) {
|
209
58
|
function Sticky() {
|
210
59
|
_classCallCheck(this, Sticky);
|
211
|
-
|
212
|
-
return _possibleConstructorReturn(this, _getPrototypeOf(Sticky).apply(this, arguments));
|
60
|
+
return _callSuper(this, Sticky, arguments);
|
213
61
|
}
|
214
|
-
|
215
|
-
_createClass(Sticky, [{
|
62
|
+
_inherits(Sticky, _Plugin);
|
63
|
+
return _createClass(Sticky, [{
|
216
64
|
key: "_setup",
|
217
|
-
|
65
|
+
value:
|
218
66
|
/**
|
219
67
|
* Creates a new instance of a sticky thing.
|
220
68
|
* @class
|
@@ -222,31 +70,28 @@ function (_Plugin) {
|
|
222
70
|
* @param {jQuery} element - jQuery object to make sticky.
|
223
71
|
* @param {Object} options - options object passed when creating the element programmatically.
|
224
72
|
*/
|
225
|
-
|
73
|
+
function _setup(element, options) {
|
226
74
|
this.$element = element;
|
227
|
-
this.options = jquery__WEBPACK_IMPORTED_MODULE_0___default.
|
75
|
+
this.options = jquery__WEBPACK_IMPORTED_MODULE_0___default().extend({}, Sticky.defaults, this.$element.data(), options);
|
228
76
|
this.className = 'Sticky'; // ie9 back compat
|
229
|
-
// Triggers init is idempotent, just need to make sure it is initialized
|
230
|
-
|
231
|
-
_foundation_util_triggers__WEBPACK_IMPORTED_MODULE_3__["Triggers"].init(jquery__WEBPACK_IMPORTED_MODULE_0___default.a);
|
232
77
|
|
78
|
+
// Triggers init is idempotent, just need to make sure it is initialized
|
79
|
+
_foundation_util_triggers__WEBPACK_IMPORTED_MODULE_3__.Triggers.init((jquery__WEBPACK_IMPORTED_MODULE_0___default()));
|
233
80
|
this._init();
|
234
81
|
}
|
82
|
+
|
235
83
|
/**
|
236
84
|
* Initializes the sticky element by adding classes, getting/setting dimensions, breakpoints and attributes
|
237
85
|
* @function
|
238
86
|
* @private
|
239
87
|
*/
|
240
|
-
|
241
88
|
}, {
|
242
89
|
key: "_init",
|
243
90
|
value: function _init() {
|
244
|
-
_foundation_util_mediaQuery__WEBPACK_IMPORTED_MODULE_2__
|
245
|
-
|
91
|
+
_foundation_util_mediaQuery__WEBPACK_IMPORTED_MODULE_2__.MediaQuery._init();
|
246
92
|
var $parent = this.$element.parent('[data-sticky-container]'),
|
247
|
-
|
248
|
-
|
249
|
-
|
93
|
+
id = this.$element[0].id || (0,_foundation_core_plugin__WEBPACK_IMPORTED_MODULE_1__.GetYoDigits)(6, 'sticky'),
|
94
|
+
_this = this;
|
250
95
|
if ($parent.length) {
|
251
96
|
this.$container = $parent;
|
252
97
|
} else {
|
@@ -254,145 +99,122 @@ function (_Plugin) {
|
|
254
99
|
this.$element.wrap(this.options.container);
|
255
100
|
this.$container = this.$element.parent();
|
256
101
|
}
|
257
|
-
|
258
102
|
this.$container.addClass(this.options.containerClass);
|
259
103
|
this.$element.addClass(this.options.stickyClass).attr({
|
260
104
|
'data-resize': id,
|
261
105
|
'data-mutate': id
|
262
106
|
});
|
263
|
-
|
264
107
|
if (this.options.anchor !== '') {
|
265
108
|
jquery__WEBPACK_IMPORTED_MODULE_0___default()('#' + _this.options.anchor).attr({
|
266
109
|
'data-mutate': id
|
267
110
|
});
|
268
111
|
}
|
269
|
-
|
270
112
|
this.scrollCount = this.options.checkEvery;
|
271
113
|
this.isStuck = false;
|
272
|
-
this.onLoadListener =
|
114
|
+
this.onLoadListener = (0,_foundation_core_plugin__WEBPACK_IMPORTED_MODULE_1__.onLoad)(jquery__WEBPACK_IMPORTED_MODULE_0___default()(window), function () {
|
273
115
|
//We calculate the container height to have correct values for anchor points offset calculation.
|
274
|
-
_this.containerHeight = _this.$element.css("display")
|
275
|
-
|
116
|
+
_this.containerHeight = _this.$element.css("display") === "none" ? 0 : _this.$element[0].getBoundingClientRect().height;
|
276
117
|
_this.$container.css('height', _this.containerHeight);
|
277
|
-
|
278
118
|
_this.elemHeight = _this.containerHeight;
|
279
|
-
|
280
119
|
if (_this.options.anchor !== '') {
|
281
120
|
_this.$anchor = jquery__WEBPACK_IMPORTED_MODULE_0___default()('#' + _this.options.anchor);
|
282
121
|
} else {
|
283
122
|
_this._parsePoints();
|
284
123
|
}
|
285
|
-
|
286
124
|
_this._setSizes(function () {
|
287
125
|
var scroll = window.pageYOffset;
|
288
|
-
|
289
|
-
|
290
|
-
|
291
|
-
|
126
|
+
_this._calc(false, scroll);
|
127
|
+
//Unstick the element will ensure that proper classes are set.
|
292
128
|
if (!_this.isStuck) {
|
293
129
|
_this._removeSticky(scroll >= _this.topPoint ? false : true);
|
294
130
|
}
|
295
131
|
});
|
296
|
-
|
297
132
|
_this._events(id.split('-').reverse().join('-'));
|
298
133
|
});
|
299
134
|
}
|
135
|
+
|
300
136
|
/**
|
301
137
|
* If using multiple elements as anchors, calculates the top and bottom pixel values the sticky thing should stick and unstick on.
|
302
138
|
* @function
|
303
139
|
* @private
|
304
140
|
*/
|
305
|
-
|
306
141
|
}, {
|
307
142
|
key: "_parsePoints",
|
308
143
|
value: function _parsePoints() {
|
309
|
-
var top = this.options.topAnchor
|
310
|
-
|
311
|
-
|
312
|
-
|
313
|
-
|
144
|
+
var top = this.options.topAnchor === "" ? 1 : this.options.topAnchor,
|
145
|
+
btm = this.options.btmAnchor === "" ? document.documentElement.scrollHeight : this.options.btmAnchor,
|
146
|
+
pts = [top, btm],
|
147
|
+
breaks = {};
|
314
148
|
for (var i = 0, len = pts.length; i < len && pts[i]; i++) {
|
315
149
|
var pt;
|
316
|
-
|
317
150
|
if (typeof pts[i] === 'number') {
|
318
151
|
pt = pts[i];
|
319
152
|
} else {
|
320
153
|
var place = pts[i].split(':'),
|
321
|
-
|
154
|
+
anchor = jquery__WEBPACK_IMPORTED_MODULE_0___default()("#".concat(place[0]));
|
322
155
|
pt = anchor.offset().top;
|
323
|
-
|
324
156
|
if (place[1] && place[1].toLowerCase() === 'bottom') {
|
325
157
|
pt += anchor[0].getBoundingClientRect().height;
|
326
158
|
}
|
327
159
|
}
|
328
|
-
|
329
160
|
breaks[i] = pt;
|
330
161
|
}
|
331
|
-
|
332
162
|
this.points = breaks;
|
333
163
|
return;
|
334
164
|
}
|
165
|
+
|
335
166
|
/**
|
336
167
|
* Adds event handlers for the scrolling element.
|
337
168
|
* @private
|
338
169
|
* @param {String} id - pseudo-random id for unique scroll event listener.
|
339
170
|
*/
|
340
|
-
|
341
171
|
}, {
|
342
172
|
key: "_events",
|
343
173
|
value: function _events(id) {
|
344
174
|
var _this = this,
|
345
|
-
|
346
|
-
|
175
|
+
scrollListener = this.scrollListener = "scroll.zf.".concat(id);
|
347
176
|
if (this.isOn) {
|
348
177
|
return;
|
349
178
|
}
|
350
|
-
|
351
179
|
if (this.canStick) {
|
352
180
|
this.isOn = true;
|
353
|
-
jquery__WEBPACK_IMPORTED_MODULE_0___default()(window).off(scrollListener).on(scrollListener, function (
|
181
|
+
jquery__WEBPACK_IMPORTED_MODULE_0___default()(window).off(scrollListener).on(scrollListener, function () {
|
354
182
|
if (_this.scrollCount === 0) {
|
355
183
|
_this.scrollCount = _this.options.checkEvery;
|
356
|
-
|
357
184
|
_this._setSizes(function () {
|
358
185
|
_this._calc(false, window.pageYOffset);
|
359
186
|
});
|
360
187
|
} else {
|
361
188
|
_this.scrollCount--;
|
362
|
-
|
363
189
|
_this._calc(false, window.pageYOffset);
|
364
190
|
}
|
365
191
|
});
|
366
192
|
}
|
367
|
-
|
368
|
-
this.$element.off('resizeme.zf.trigger').on('resizeme.zf.trigger', function (e, el) {
|
193
|
+
this.$element.off('resizeme.zf.trigger').on('resizeme.zf.trigger', function () {
|
369
194
|
_this._eventsHandler(id);
|
370
195
|
});
|
371
|
-
this.$element.on('mutateme.zf.trigger', function (
|
196
|
+
this.$element.on('mutateme.zf.trigger', function () {
|
372
197
|
_this._eventsHandler(id);
|
373
198
|
});
|
374
|
-
|
375
199
|
if (this.$anchor) {
|
376
|
-
this.$anchor.on('mutateme.zf.trigger', function (
|
200
|
+
this.$anchor.on('mutateme.zf.trigger', function () {
|
377
201
|
_this._eventsHandler(id);
|
378
202
|
});
|
379
203
|
}
|
380
204
|
}
|
205
|
+
|
381
206
|
/**
|
382
207
|
* Handler for events.
|
383
208
|
* @private
|
384
209
|
* @param {String} id - pseudo-random id for unique scroll event listener.
|
385
210
|
*/
|
386
|
-
|
387
211
|
}, {
|
388
212
|
key: "_eventsHandler",
|
389
213
|
value: function _eventsHandler(id) {
|
390
214
|
var _this = this,
|
391
|
-
|
392
|
-
|
215
|
+
scrollListener = this.scrollListener = "scroll.zf.".concat(id);
|
393
216
|
_this._setSizes(function () {
|
394
217
|
_this._calc(false);
|
395
|
-
|
396
218
|
if (_this.canStick) {
|
397
219
|
if (!_this.isOn) {
|
398
220
|
_this._events(id);
|
@@ -402,51 +224,47 @@ function (_Plugin) {
|
|
402
224
|
}
|
403
225
|
});
|
404
226
|
}
|
227
|
+
|
405
228
|
/**
|
406
229
|
* Removes event handlers for scroll and change events on anchor.
|
407
230
|
* @fires Sticky#pause
|
408
231
|
* @param {String} scrollListener - unique, namespaced scroll listener attached to `window`
|
409
232
|
*/
|
410
|
-
|
411
233
|
}, {
|
412
234
|
key: "_pauseListeners",
|
413
235
|
value: function _pauseListeners(scrollListener) {
|
414
236
|
this.isOn = false;
|
415
237
|
jquery__WEBPACK_IMPORTED_MODULE_0___default()(window).off(scrollListener);
|
238
|
+
|
416
239
|
/**
|
417
240
|
* Fires when the plugin is paused due to resize event shrinking the view.
|
418
241
|
* @event Sticky#pause
|
419
242
|
* @private
|
420
243
|
*/
|
421
|
-
|
422
244
|
this.$element.trigger('pause.zf.sticky');
|
423
245
|
}
|
246
|
+
|
424
247
|
/**
|
425
248
|
* Called on every `scroll` event and on `_init`
|
426
249
|
* fires functions based on booleans and cached values
|
427
250
|
* @param {Boolean} checkSizes - true if plugin should recalculate sizes and breakpoints.
|
428
251
|
* @param {Number} scroll - current scroll position passed from scroll event cb function. If not passed, defaults to `window.pageYOffset`.
|
429
252
|
*/
|
430
|
-
|
431
253
|
}, {
|
432
254
|
key: "_calc",
|
433
255
|
value: function _calc(checkSizes, scroll) {
|
434
256
|
if (checkSizes) {
|
435
257
|
this._setSizes();
|
436
258
|
}
|
437
|
-
|
438
259
|
if (!this.canStick) {
|
439
260
|
if (this.isStuck) {
|
440
261
|
this._removeSticky(true);
|
441
262
|
}
|
442
|
-
|
443
263
|
return false;
|
444
264
|
}
|
445
|
-
|
446
265
|
if (!scroll) {
|
447
266
|
scroll = window.pageYOffset;
|
448
267
|
}
|
449
|
-
|
450
268
|
if (scroll >= this.topPoint) {
|
451
269
|
if (scroll <= this.bottomPoint) {
|
452
270
|
if (!this.isStuck) {
|
@@ -463,6 +281,7 @@ function (_Plugin) {
|
|
463
281
|
}
|
464
282
|
}
|
465
283
|
}
|
284
|
+
|
466
285
|
/**
|
467
286
|
* Causes the $element to become stuck.
|
468
287
|
* Adds `position: fixed;`, and helper classes.
|
@@ -470,16 +289,14 @@ function (_Plugin) {
|
|
470
289
|
* @function
|
471
290
|
* @private
|
472
291
|
*/
|
473
|
-
|
474
292
|
}, {
|
475
293
|
key: "_setSticky",
|
476
294
|
value: function _setSticky() {
|
477
295
|
var _this = this,
|
478
|
-
|
479
|
-
|
480
|
-
|
481
|
-
|
482
|
-
|
296
|
+
stickTo = this.options.stickTo,
|
297
|
+
mrgn = stickTo === 'top' ? 'marginTop' : 'marginBottom',
|
298
|
+
notStuckTo = stickTo === 'top' ? 'bottom' : 'top',
|
299
|
+
css = {};
|
483
300
|
css[mrgn] = "".concat(this.options[mrgn], "em");
|
484
301
|
css[stickTo] = 0;
|
485
302
|
css[notStuckTo] = 'auto';
|
@@ -489,12 +306,12 @@ function (_Plugin) {
|
|
489
306
|
* Fires when the $element has become `position: fixed;`
|
490
307
|
* Namespaced to `top` or `bottom`, e.g. `sticky.zf.stuckto:top`
|
491
308
|
* @event Sticky#stuckto
|
492
|
-
|
493
|
-
.trigger("sticky.zf.stuckto:".concat(stickTo));
|
309
|
+
*/.trigger("sticky.zf.stuckto:".concat(stickTo));
|
494
310
|
this.$element.on("transitionend webkitTransitionEnd oTransitionEnd otransitionend MSTransitionEnd", function () {
|
495
311
|
_this._setSizes();
|
496
312
|
});
|
497
313
|
}
|
314
|
+
|
498
315
|
/**
|
499
316
|
* Causes the $element to become unstuck.
|
500
317
|
* Removes `position: fixed;`, and helper classes.
|
@@ -503,98 +320,87 @@ function (_Plugin) {
|
|
503
320
|
* @fires Sticky#unstuckfrom
|
504
321
|
* @private
|
505
322
|
*/
|
506
|
-
|
507
323
|
}, {
|
508
324
|
key: "_removeSticky",
|
509
325
|
value: function _removeSticky(isTop) {
|
510
326
|
var stickTo = this.options.stickTo,
|
511
|
-
|
512
|
-
|
513
|
-
|
514
|
-
|
515
|
-
|
327
|
+
stickToTop = stickTo === 'top',
|
328
|
+
css = {},
|
329
|
+
anchorPt = (this.points ? this.points[1] - this.points[0] : this.anchorHeight) - this.elemHeight,
|
330
|
+
mrgn = stickToTop ? 'marginTop' : 'marginBottom',
|
331
|
+
topOrBottom = isTop ? 'top' : 'bottom';
|
516
332
|
css[mrgn] = 0;
|
517
|
-
css
|
518
|
-
|
333
|
+
css.bottom = 'auto';
|
519
334
|
if (isTop) {
|
520
|
-
css
|
335
|
+
css.top = 0;
|
521
336
|
} else {
|
522
|
-
css
|
337
|
+
css.top = anchorPt;
|
523
338
|
}
|
524
|
-
|
525
339
|
this.isStuck = false;
|
526
340
|
this.$element.removeClass("is-stuck is-at-".concat(stickTo)).addClass("is-anchored is-at-".concat(topOrBottom)).css(css)
|
527
341
|
/**
|
528
342
|
* Fires when the $element has become anchored.
|
529
343
|
* Namespaced to `top` or `bottom`, e.g. `sticky.zf.unstuckfrom:bottom`
|
530
344
|
* @event Sticky#unstuckfrom
|
531
|
-
|
532
|
-
.trigger("sticky.zf.unstuckfrom:".concat(topOrBottom));
|
345
|
+
*/.trigger("sticky.zf.unstuckfrom:".concat(topOrBottom));
|
533
346
|
}
|
347
|
+
|
534
348
|
/**
|
535
349
|
* Sets the $element and $container sizes for plugin.
|
536
350
|
* Calls `_setBreakPoints`.
|
537
351
|
* @param {Function} cb - optional callback function to fire on completion of `_setBreakPoints`.
|
538
352
|
* @private
|
539
353
|
*/
|
540
|
-
|
541
354
|
}, {
|
542
355
|
key: "_setSizes",
|
543
356
|
value: function _setSizes(cb) {
|
544
|
-
this.canStick = _foundation_util_mediaQuery__WEBPACK_IMPORTED_MODULE_2__
|
545
|
-
|
357
|
+
this.canStick = _foundation_util_mediaQuery__WEBPACK_IMPORTED_MODULE_2__.MediaQuery.is(this.options.stickyOn);
|
546
358
|
if (!this.canStick) {
|
547
359
|
if (cb && typeof cb === 'function') {
|
548
360
|
cb();
|
549
361
|
}
|
550
362
|
}
|
551
|
-
|
552
|
-
|
553
|
-
|
554
|
-
|
555
|
-
pdngl = parseInt(comp['padding-left'], 10),
|
556
|
-
pdngr = parseInt(comp['padding-right'], 10);
|
557
|
-
|
363
|
+
var newElemWidth = this.$container[0].getBoundingClientRect().width,
|
364
|
+
comp = window.getComputedStyle(this.$container[0]),
|
365
|
+
pdngl = parseInt(comp['padding-left'], 10),
|
366
|
+
pdngr = parseInt(comp['padding-right'], 10);
|
558
367
|
if (this.$anchor && this.$anchor.length) {
|
559
368
|
this.anchorHeight = this.$anchor[0].getBoundingClientRect().height;
|
560
369
|
} else {
|
561
370
|
this._parsePoints();
|
562
371
|
}
|
563
|
-
|
564
372
|
this.$element.css({
|
565
373
|
'max-width': "".concat(newElemWidth - pdngl - pdngr, "px")
|
566
|
-
});
|
374
|
+
});
|
567
375
|
|
376
|
+
// Recalculate the height only if it is "dynamic"
|
568
377
|
if (this.options.dynamicHeight || !this.containerHeight) {
|
569
378
|
// Get the sticked element height and apply it to the container to "hold the place"
|
570
379
|
var newContainerHeight = this.$element[0].getBoundingClientRect().height || this.containerHeight;
|
571
|
-
newContainerHeight = this.$element.css("display")
|
380
|
+
newContainerHeight = this.$element.css("display") === "none" ? 0 : newContainerHeight;
|
572
381
|
this.$container.css('height', newContainerHeight);
|
573
382
|
this.containerHeight = newContainerHeight;
|
574
383
|
}
|
575
|
-
|
576
384
|
this.elemHeight = this.containerHeight;
|
577
|
-
|
578
385
|
if (!this.isStuck) {
|
579
386
|
if (this.$element.hasClass('is-at-bottom')) {
|
580
387
|
var anchorPt = (this.points ? this.points[1] - this.$container.offset().top : this.anchorHeight) - this.elemHeight;
|
581
388
|
this.$element.css('top', anchorPt);
|
582
389
|
}
|
583
390
|
}
|
584
|
-
|
585
391
|
this._setBreakPoints(this.containerHeight, function () {
|
586
392
|
if (cb && typeof cb === 'function') {
|
587
393
|
cb();
|
588
394
|
}
|
589
395
|
});
|
590
396
|
}
|
397
|
+
|
591
398
|
/**
|
592
399
|
* Sets the upper and lower breakpoints for the element to become sticky/unsticky.
|
593
400
|
* @param {Number} elemHeight - px value for sticky.$element height, calculated by `_setSizes`.
|
594
401
|
* @param {Function} cb - optional callback function to be called on completion.
|
595
402
|
* @private
|
596
403
|
*/
|
597
|
-
|
598
404
|
}, {
|
599
405
|
key: "_setBreakPoints",
|
600
406
|
value: function _setBreakPoints(elemHeight, cb) {
|
@@ -605,57 +411,50 @@ function (_Plugin) {
|
|
605
411
|
return false;
|
606
412
|
}
|
607
413
|
}
|
608
|
-
|
609
414
|
var mTop = emCalc(this.options.marginTop),
|
610
|
-
|
611
|
-
|
612
|
-
|
613
|
-
|
614
|
-
|
615
|
-
|
616
|
-
|
415
|
+
mBtm = emCalc(this.options.marginBottom),
|
416
|
+
topPoint = this.points ? this.points[0] : this.$anchor.offset().top,
|
417
|
+
bottomPoint = this.points ? this.points[1] : topPoint + this.anchorHeight,
|
418
|
+
// topPoint = this.$anchor.offset().top || this.points[0],
|
419
|
+
// bottomPoint = topPoint + this.anchorHeight || this.points[1],
|
420
|
+
winHeight = window.innerHeight;
|
617
421
|
if (this.options.stickTo === 'top') {
|
618
422
|
topPoint -= mTop;
|
619
423
|
bottomPoint -= elemHeight + mTop;
|
620
424
|
} else if (this.options.stickTo === 'bottom') {
|
621
425
|
topPoint -= winHeight - (elemHeight + mBtm);
|
622
426
|
bottomPoint -= winHeight - mBtm;
|
623
|
-
} else {
|
427
|
+
} else {
|
428
|
+
//this would be the stickTo: both option... tricky
|
624
429
|
}
|
625
|
-
|
626
430
|
this.topPoint = topPoint;
|
627
431
|
this.bottomPoint = bottomPoint;
|
628
|
-
|
629
432
|
if (cb && typeof cb === 'function') {
|
630
433
|
cb();
|
631
434
|
}
|
632
435
|
}
|
436
|
+
|
633
437
|
/**
|
634
438
|
* Destroys the current sticky element.
|
635
439
|
* Resets the element to the top position first.
|
636
440
|
* Removes event listeners, JS-added css properties and classes, and unwraps the $element if the JS added the $container.
|
637
441
|
* @function
|
638
442
|
*/
|
639
|
-
|
640
443
|
}, {
|
641
444
|
key: "_destroy",
|
642
445
|
value: function _destroy() {
|
643
446
|
this._removeSticky(true);
|
644
|
-
|
645
447
|
this.$element.removeClass("".concat(this.options.stickyClass, " is-anchored is-at-top")).css({
|
646
448
|
height: '',
|
647
449
|
top: '',
|
648
450
|
bottom: '',
|
649
451
|
'max-width': ''
|
650
452
|
}).off('resizeme.zf.trigger').off('mutateme.zf.trigger');
|
651
|
-
|
652
453
|
if (this.$anchor && this.$anchor.length) {
|
653
454
|
this.$anchor.off('change.zf.sticky');
|
654
455
|
}
|
655
|
-
|
656
456
|
if (this.scrollListener) jquery__WEBPACK_IMPORTED_MODULE_0___default()(window).off(this.scrollListener);
|
657
457
|
if (this.onLoadListener) jquery__WEBPACK_IMPORTED_MODULE_0___default()(window).off(this.onLoadListener);
|
658
|
-
|
659
458
|
if (this.wasWrapped) {
|
660
459
|
this.$element.unwrap();
|
661
460
|
} else {
|
@@ -665,10 +464,7 @@ function (_Plugin) {
|
|
665
464
|
}
|
666
465
|
}
|
667
466
|
}]);
|
668
|
-
|
669
|
-
return Sticky;
|
670
|
-
}(_foundation_core_plugin__WEBPACK_IMPORTED_MODULE_1__["Plugin"]);
|
671
|
-
|
467
|
+
}(_foundation_core_plugin__WEBPACK_IMPORTED_MODULE_1__.Plugin);
|
672
468
|
Sticky.defaults = {
|
673
469
|
/**
|
674
470
|
* Customizable container template. Add your own classes for styling and sizing.
|
@@ -677,7 +473,6 @@ Sticky.defaults = {
|
|
677
473
|
* @default '<div data-sticky-container></div>'
|
678
474
|
*/
|
679
475
|
container: '<div data-sticky-container></div>',
|
680
|
-
|
681
476
|
/**
|
682
477
|
* Location in the view the element sticks to. Can be `'top'` or `'bottom'`.
|
683
478
|
* @option
|
@@ -685,7 +480,6 @@ Sticky.defaults = {
|
|
685
480
|
* @default 'top'
|
686
481
|
*/
|
687
482
|
stickTo: 'top',
|
688
|
-
|
689
483
|
/**
|
690
484
|
* If anchored to a single element, the id of that element.
|
691
485
|
* @option
|
@@ -693,7 +487,6 @@ Sticky.defaults = {
|
|
693
487
|
* @default ''
|
694
488
|
*/
|
695
489
|
anchor: '',
|
696
|
-
|
697
490
|
/**
|
698
491
|
* If using more than one element as anchor points, the id of the top anchor.
|
699
492
|
* @option
|
@@ -701,7 +494,6 @@ Sticky.defaults = {
|
|
701
494
|
* @default ''
|
702
495
|
*/
|
703
496
|
topAnchor: '',
|
704
|
-
|
705
497
|
/**
|
706
498
|
* If using more than one element as anchor points, the id of the bottom anchor.
|
707
499
|
* @option
|
@@ -709,7 +501,6 @@ Sticky.defaults = {
|
|
709
501
|
* @default ''
|
710
502
|
*/
|
711
503
|
btmAnchor: '',
|
712
|
-
|
713
504
|
/**
|
714
505
|
* Margin, in `em`'s to apply to the top of the element when it becomes sticky.
|
715
506
|
* @option
|
@@ -717,7 +508,6 @@ Sticky.defaults = {
|
|
717
508
|
* @default 1
|
718
509
|
*/
|
719
510
|
marginTop: 1,
|
720
|
-
|
721
511
|
/**
|
722
512
|
* Margin, in `em`'s to apply to the bottom of the element when it becomes sticky.
|
723
513
|
* @option
|
@@ -725,7 +515,6 @@ Sticky.defaults = {
|
|
725
515
|
* @default 1
|
726
516
|
*/
|
727
517
|
marginBottom: 1,
|
728
|
-
|
729
518
|
/**
|
730
519
|
* Breakpoint string that is the minimum screen size an element should become sticky.
|
731
520
|
* @option
|
@@ -733,7 +522,6 @@ Sticky.defaults = {
|
|
733
522
|
* @default 'medium'
|
734
523
|
*/
|
735
524
|
stickyOn: 'medium',
|
736
|
-
|
737
525
|
/**
|
738
526
|
* Class applied to sticky element, and removed on destruction. Foundation defaults to `sticky`.
|
739
527
|
* @option
|
@@ -741,7 +529,6 @@ Sticky.defaults = {
|
|
741
529
|
* @default 'sticky'
|
742
530
|
*/
|
743
531
|
stickyClass: 'sticky',
|
744
|
-
|
745
532
|
/**
|
746
533
|
* Class applied to sticky container. Foundation defaults to `sticky-container`.
|
747
534
|
* @option
|
@@ -749,7 +536,6 @@ Sticky.defaults = {
|
|
749
536
|
* @default 'sticky-container'
|
750
537
|
*/
|
751
538
|
containerClass: 'sticky-container',
|
752
|
-
|
753
539
|
/**
|
754
540
|
* If true (by default), keep the sticky container the same height as the element. Otherwise, the container height is set once and does not change.
|
755
541
|
* @option
|
@@ -757,7 +543,6 @@ Sticky.defaults = {
|
|
757
543
|
* @default true
|
758
544
|
*/
|
759
545
|
dynamicHeight: true,
|
760
|
-
|
761
546
|
/**
|
762
547
|
* Number of scroll events between the plugin's recalculating sticky points. Setting it to `0` will cause it to recalc every scroll event, setting it to `-1` will prevent recalc on scroll.
|
763
548
|
* @option
|
@@ -766,61 +551,52 @@ Sticky.defaults = {
|
|
766
551
|
*/
|
767
552
|
checkEvery: -1
|
768
553
|
};
|
554
|
+
|
769
555
|
/**
|
770
556
|
* Helper function to calculate em values
|
771
557
|
* @param Number {em} - number of em's to calculate into pixels
|
772
558
|
*/
|
773
|
-
|
774
559
|
function emCalc(em) {
|
775
560
|
return parseInt(window.getComputedStyle(document.body, null).fontSize, 10) * em;
|
776
561
|
}
|
777
562
|
|
778
563
|
|
779
|
-
|
780
564
|
/***/ }),
|
781
565
|
|
782
566
|
/***/ "./js/foundation.util.triggers.js":
|
783
567
|
/*!****************************************!*\
|
784
568
|
!*** ./js/foundation.util.triggers.js ***!
|
785
569
|
\****************************************/
|
786
|
-
|
787
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
570
|
+
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
788
571
|
|
789
|
-
"use strict";
|
790
572
|
__webpack_require__.r(__webpack_exports__);
|
791
|
-
/* harmony export
|
573
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
574
|
+
/* harmony export */ Triggers: function() { return /* binding */ Triggers; }
|
575
|
+
/* harmony export */ });
|
792
576
|
/* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! jquery */ "jquery");
|
793
577
|
/* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(jquery__WEBPACK_IMPORTED_MODULE_0__);
|
794
578
|
/* harmony import */ var _foundation_core_utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./foundation.core.utils */ "./foundation.core");
|
795
579
|
/* harmony import */ var _foundation_core_utils__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_foundation_core_utils__WEBPACK_IMPORTED_MODULE_1__);
|
796
580
|
/* harmony import */ var _foundation_util_motion__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./foundation.util.motion */ "./foundation.util.motion");
|
797
581
|
/* harmony import */ var _foundation_util_motion__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_foundation_util_motion__WEBPACK_IMPORTED_MODULE_2__);
|
798
|
-
|
799
|
-
|
800
|
-
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); }
|
801
|
-
|
802
|
-
|
582
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
803
583
|
|
804
584
|
|
805
585
|
|
806
586
|
var MutationObserver = function () {
|
807
587
|
var prefixes = ['WebKit', 'Moz', 'O', 'Ms', ''];
|
808
|
-
|
809
588
|
for (var i = 0; i < prefixes.length; i++) {
|
810
589
|
if ("".concat(prefixes[i], "MutationObserver") in window) {
|
811
590
|
return window["".concat(prefixes[i], "MutationObserver")];
|
812
591
|
}
|
813
592
|
}
|
814
|
-
|
815
593
|
return false;
|
816
594
|
}();
|
817
|
-
|
818
595
|
var triggers = function triggers(el, type) {
|
819
596
|
el.data(type).split(' ').forEach(function (id) {
|
820
597
|
jquery__WEBPACK_IMPORTED_MODULE_0___default()("#".concat(id))[type === 'close' ? 'trigger' : 'triggerHandler']("".concat(type, ".zf.trigger"), [el]);
|
821
598
|
});
|
822
599
|
};
|
823
|
-
|
824
600
|
var Triggers = {
|
825
601
|
Listeners: {
|
826
602
|
Basic: {},
|
@@ -834,7 +610,6 @@ Triggers.Listeners.Basic = {
|
|
834
610
|
},
|
835
611
|
closeListener: function closeListener() {
|
836
612
|
var id = jquery__WEBPACK_IMPORTED_MODULE_0___default()(this).data('close');
|
837
|
-
|
838
613
|
if (id) {
|
839
614
|
triggers(jquery__WEBPACK_IMPORTED_MODULE_0___default()(this), 'close');
|
840
615
|
} else {
|
@@ -843,7 +618,6 @@ Triggers.Listeners.Basic = {
|
|
843
618
|
},
|
844
619
|
toggleListener: function toggleListener() {
|
845
620
|
var id = jquery__WEBPACK_IMPORTED_MODULE_0___default()(this).data('toggle');
|
846
|
-
|
847
621
|
if (id) {
|
848
622
|
triggers(jquery__WEBPACK_IMPORTED_MODULE_0___default()(this), 'toggle');
|
849
623
|
} else {
|
@@ -851,12 +625,12 @@ Triggers.Listeners.Basic = {
|
|
851
625
|
}
|
852
626
|
},
|
853
627
|
closeableListener: function closeableListener(e) {
|
854
|
-
var animation = jquery__WEBPACK_IMPORTED_MODULE_0___default()(this).data('closable');
|
628
|
+
var animation = jquery__WEBPACK_IMPORTED_MODULE_0___default()(this).data('closable');
|
855
629
|
|
630
|
+
// Only close the first closable element. See https://git.io/zf-7833
|
856
631
|
e.stopPropagation();
|
857
|
-
|
858
632
|
if (animation !== '') {
|
859
|
-
_foundation_util_motion__WEBPACK_IMPORTED_MODULE_2__
|
633
|
+
_foundation_util_motion__WEBPACK_IMPORTED_MODULE_2__.Motion.animateOut(jquery__WEBPACK_IMPORTED_MODULE_0___default()(this), animation, function () {
|
860
634
|
jquery__WEBPACK_IMPORTED_MODULE_0___default()(this).trigger('closed.zf');
|
861
635
|
});
|
862
636
|
} else {
|
@@ -867,39 +641,40 @@ Triggers.Listeners.Basic = {
|
|
867
641
|
var id = jquery__WEBPACK_IMPORTED_MODULE_0___default()(this).data('toggle-focus');
|
868
642
|
jquery__WEBPACK_IMPORTED_MODULE_0___default()("#".concat(id)).triggerHandler('toggle.zf.trigger', [jquery__WEBPACK_IMPORTED_MODULE_0___default()(this)]);
|
869
643
|
}
|
870
|
-
};
|
644
|
+
};
|
871
645
|
|
646
|
+
// Elements with [data-open] will reveal a plugin that supports it when clicked.
|
872
647
|
Triggers.Initializers.addOpenListener = function ($elem) {
|
873
648
|
$elem.off('click.zf.trigger', Triggers.Listeners.Basic.openListener);
|
874
649
|
$elem.on('click.zf.trigger', '[data-open]', Triggers.Listeners.Basic.openListener);
|
875
|
-
};
|
876
|
-
// If used without a value on [data-close], the event will bubble, allowing it to close a parent component.
|
877
|
-
|
650
|
+
};
|
878
651
|
|
652
|
+
// Elements with [data-close] will close a plugin that supports it when clicked.
|
653
|
+
// If used without a value on [data-close], the event will bubble, allowing it to close a parent component.
|
879
654
|
Triggers.Initializers.addCloseListener = function ($elem) {
|
880
655
|
$elem.off('click.zf.trigger', Triggers.Listeners.Basic.closeListener);
|
881
656
|
$elem.on('click.zf.trigger', '[data-close]', Triggers.Listeners.Basic.closeListener);
|
882
|
-
};
|
883
|
-
|
657
|
+
};
|
884
658
|
|
659
|
+
// Elements with [data-toggle] will toggle a plugin that supports it when clicked.
|
885
660
|
Triggers.Initializers.addToggleListener = function ($elem) {
|
886
661
|
$elem.off('click.zf.trigger', Triggers.Listeners.Basic.toggleListener);
|
887
662
|
$elem.on('click.zf.trigger', '[data-toggle]', Triggers.Listeners.Basic.toggleListener);
|
888
|
-
};
|
889
|
-
|
663
|
+
};
|
890
664
|
|
665
|
+
// Elements with [data-closable] will respond to close.zf.trigger events.
|
891
666
|
Triggers.Initializers.addCloseableListener = function ($elem) {
|
892
667
|
$elem.off('close.zf.trigger', Triggers.Listeners.Basic.closeableListener);
|
893
668
|
$elem.on('close.zf.trigger', '[data-closeable], [data-closable]', Triggers.Listeners.Basic.closeableListener);
|
894
|
-
};
|
895
|
-
|
669
|
+
};
|
896
670
|
|
671
|
+
// Elements with [data-toggle-focus] will respond to coming in and out of focus
|
897
672
|
Triggers.Initializers.addToggleFocusListener = function ($elem) {
|
898
673
|
$elem.off('focus.zf.trigger blur.zf.trigger', Triggers.Listeners.Basic.toggleFocusListener);
|
899
674
|
$elem.on('focus.zf.trigger blur.zf.trigger', '[data-toggle-focus]', Triggers.Listeners.Basic.toggleFocusListener);
|
900
|
-
};
|
901
|
-
|
675
|
+
};
|
902
676
|
|
677
|
+
// More Global/complex listeners and triggers
|
903
678
|
Triggers.Listeners.Global = {
|
904
679
|
resizeListener: function resizeListener($nodes) {
|
905
680
|
if (!MutationObserver) {
|
@@ -907,9 +682,8 @@ Triggers.Listeners.Global = {
|
|
907
682
|
$nodes.each(function () {
|
908
683
|
jquery__WEBPACK_IMPORTED_MODULE_0___default()(this).triggerHandler('resizeme.zf.trigger');
|
909
684
|
});
|
910
|
-
}
|
911
|
-
|
912
|
-
|
685
|
+
}
|
686
|
+
//trigger all listening elements and signal a resize event
|
913
687
|
$nodes.attr('data-events', "resize");
|
914
688
|
},
|
915
689
|
scrollListener: function scrollListener($nodes) {
|
@@ -918,9 +692,8 @@ Triggers.Listeners.Global = {
|
|
918
692
|
$nodes.each(function () {
|
919
693
|
jquery__WEBPACK_IMPORTED_MODULE_0___default()(this).triggerHandler('scrollme.zf.trigger');
|
920
694
|
});
|
921
|
-
}
|
922
|
-
|
923
|
-
|
695
|
+
}
|
696
|
+
//trigger all listening elements and signal a scroll event
|
924
697
|
$nodes.attr('data-events', "scroll");
|
925
698
|
},
|
926
699
|
closeMeListener: function closeMeListener(e, pluginId) {
|
@@ -928,17 +701,15 @@ Triggers.Listeners.Global = {
|
|
928
701
|
var plugins = jquery__WEBPACK_IMPORTED_MODULE_0___default()("[data-".concat(plugin, "]")).not("[data-yeti-box=\"".concat(pluginId, "\"]"));
|
929
702
|
plugins.each(function () {
|
930
703
|
var _this = jquery__WEBPACK_IMPORTED_MODULE_0___default()(this);
|
931
|
-
|
932
704
|
_this.triggerHandler('close.zf.trigger', [_this]);
|
933
705
|
});
|
934
|
-
}
|
935
|
-
|
706
|
+
}
|
936
707
|
};
|
937
708
|
|
709
|
+
// Global, parses whole document.
|
938
710
|
Triggers.Initializers.addClosemeListener = function (pluginName) {
|
939
711
|
var yetiBoxes = jquery__WEBPACK_IMPORTED_MODULE_0___default()('[data-yeti-box]'),
|
940
|
-
|
941
|
-
|
712
|
+
plugNames = ['dropdown', 'tooltip', 'reveal'];
|
942
713
|
if (pluginName) {
|
943
714
|
if (typeof pluginName === 'string') {
|
944
715
|
plugNames.push(pluginName);
|
@@ -948,7 +719,6 @@ Triggers.Initializers.addClosemeListener = function (pluginName) {
|
|
948
719
|
console.error('Plugin names must be strings');
|
949
720
|
}
|
950
721
|
}
|
951
|
-
|
952
722
|
if (yetiBoxes.length) {
|
953
723
|
var listeners = plugNames.map(function (name) {
|
954
724
|
return "closeme.zf.".concat(name);
|
@@ -956,75 +726,63 @@ Triggers.Initializers.addClosemeListener = function (pluginName) {
|
|
956
726
|
jquery__WEBPACK_IMPORTED_MODULE_0___default()(window).off(listeners).on(listeners, Triggers.Listeners.Global.closeMeListener);
|
957
727
|
}
|
958
728
|
};
|
959
|
-
|
960
729
|
function debounceGlobalListener(debounce, trigger, listener) {
|
961
730
|
var timer,
|
962
|
-
|
963
|
-
jquery__WEBPACK_IMPORTED_MODULE_0___default()(window).
|
731
|
+
args = Array.prototype.slice.call(arguments, 3);
|
732
|
+
jquery__WEBPACK_IMPORTED_MODULE_0___default()(window).on(trigger, function () {
|
964
733
|
if (timer) {
|
965
734
|
clearTimeout(timer);
|
966
735
|
}
|
967
|
-
|
968
736
|
timer = setTimeout(function () {
|
969
737
|
listener.apply(null, args);
|
970
738
|
}, debounce || 10); //default time to emit scroll event
|
971
739
|
});
|
972
740
|
}
|
973
|
-
|
974
741
|
Triggers.Initializers.addResizeListener = function (debounce) {
|
975
742
|
var $nodes = jquery__WEBPACK_IMPORTED_MODULE_0___default()('[data-resize]');
|
976
|
-
|
977
743
|
if ($nodes.length) {
|
978
744
|
debounceGlobalListener(debounce, 'resize.zf.trigger', Triggers.Listeners.Global.resizeListener, $nodes);
|
979
745
|
}
|
980
746
|
};
|
981
|
-
|
982
747
|
Triggers.Initializers.addScrollListener = function (debounce) {
|
983
748
|
var $nodes = jquery__WEBPACK_IMPORTED_MODULE_0___default()('[data-scroll]');
|
984
|
-
|
985
749
|
if ($nodes.length) {
|
986
750
|
debounceGlobalListener(debounce, 'scroll.zf.trigger', Triggers.Listeners.Global.scrollListener, $nodes);
|
987
751
|
}
|
988
752
|
};
|
989
|
-
|
990
753
|
Triggers.Initializers.addMutationEventsListener = function ($elem) {
|
991
754
|
if (!MutationObserver) {
|
992
755
|
return false;
|
993
756
|
}
|
757
|
+
var $nodes = $elem.find('[data-resize], [data-scroll], [data-mutate]');
|
994
758
|
|
995
|
-
|
996
|
-
|
759
|
+
//element callback
|
997
760
|
var listeningElementsMutation = function listeningElementsMutation(mutationRecordsList) {
|
998
|
-
var $target = jquery__WEBPACK_IMPORTED_MODULE_0___default()(mutationRecordsList[0].target);
|
761
|
+
var $target = jquery__WEBPACK_IMPORTED_MODULE_0___default()(mutationRecordsList[0].target);
|
999
762
|
|
763
|
+
//trigger the event handler for the element depending on type
|
1000
764
|
switch (mutationRecordsList[0].type) {
|
1001
765
|
case "attributes":
|
1002
766
|
if ($target.attr("data-events") === "scroll" && mutationRecordsList[0].attributeName === "data-events") {
|
1003
767
|
$target.triggerHandler('scrollme.zf.trigger', [$target, window.pageYOffset]);
|
1004
768
|
}
|
1005
|
-
|
1006
769
|
if ($target.attr("data-events") === "resize" && mutationRecordsList[0].attributeName === "data-events") {
|
1007
770
|
$target.triggerHandler('resizeme.zf.trigger', [$target]);
|
1008
771
|
}
|
1009
|
-
|
1010
772
|
if (mutationRecordsList[0].attributeName === "style") {
|
1011
773
|
$target.closest("[data-mutate]").attr("data-events", "mutate");
|
1012
774
|
$target.closest("[data-mutate]").triggerHandler('mutateme.zf.trigger', [$target.closest("[data-mutate]")]);
|
1013
775
|
}
|
1014
|
-
|
1015
776
|
break;
|
1016
|
-
|
1017
777
|
case "childList":
|
1018
778
|
$target.closest("[data-mutate]").attr("data-events", "mutate");
|
1019
779
|
$target.closest("[data-mutate]").triggerHandler('mutateme.zf.trigger', [$target.closest("[data-mutate]")]);
|
1020
780
|
break;
|
1021
|
-
|
1022
781
|
default:
|
1023
782
|
return false;
|
1024
783
|
//nothing
|
1025
784
|
}
|
1026
785
|
};
|
1027
|
-
|
1028
786
|
if ($nodes.length) {
|
1029
787
|
//for each element that needs to listen for resizing, scrolling, or mutation add a single observer
|
1030
788
|
for (var i = 0; i <= $nodes.length - 1; i++) {
|
@@ -1039,7 +797,6 @@ Triggers.Initializers.addMutationEventsListener = function ($elem) {
|
|
1039
797
|
}
|
1040
798
|
}
|
1041
799
|
};
|
1042
|
-
|
1043
800
|
Triggers.Initializers.addSimpleListeners = function () {
|
1044
801
|
var $document = jquery__WEBPACK_IMPORTED_MODULE_0___default()(document);
|
1045
802
|
Triggers.Initializers.addOpenListener($document);
|
@@ -1048,44 +805,58 @@ Triggers.Initializers.addSimpleListeners = function () {
|
|
1048
805
|
Triggers.Initializers.addCloseableListener($document);
|
1049
806
|
Triggers.Initializers.addToggleFocusListener($document);
|
1050
807
|
};
|
1051
|
-
|
1052
808
|
Triggers.Initializers.addGlobalListeners = function () {
|
1053
809
|
var $document = jquery__WEBPACK_IMPORTED_MODULE_0___default()(document);
|
1054
810
|
Triggers.Initializers.addMutationEventsListener($document);
|
1055
|
-
Triggers.Initializers.addResizeListener();
|
811
|
+
Triggers.Initializers.addResizeListener(250);
|
1056
812
|
Triggers.Initializers.addScrollListener();
|
1057
813
|
Triggers.Initializers.addClosemeListener();
|
1058
814
|
};
|
1059
|
-
|
1060
|
-
|
1061
|
-
|
1062
|
-
if ($.triggersInitialized !== true) {
|
815
|
+
Triggers.init = function (__, Foundation) {
|
816
|
+
(0,_foundation_core_utils__WEBPACK_IMPORTED_MODULE_1__.onLoad)(jquery__WEBPACK_IMPORTED_MODULE_0___default()(window), function () {
|
817
|
+
if ((jquery__WEBPACK_IMPORTED_MODULE_0___default().triggersInitialized) !== true) {
|
1063
818
|
Triggers.Initializers.addSimpleListeners();
|
1064
819
|
Triggers.Initializers.addGlobalListeners();
|
1065
|
-
|
820
|
+
(jquery__WEBPACK_IMPORTED_MODULE_0___default().triggersInitialized) = true;
|
1066
821
|
}
|
1067
822
|
});
|
1068
|
-
|
1069
823
|
if (Foundation) {
|
1070
|
-
Foundation.Triggers = Triggers;
|
1071
|
-
|
824
|
+
Foundation.Triggers = Triggers;
|
825
|
+
// Legacy included to be backwards compatible for now.
|
1072
826
|
Foundation.IHearYou = Triggers.Initializers.addGlobalListeners;
|
1073
827
|
}
|
1074
828
|
};
|
1075
829
|
|
1076
830
|
|
831
|
+
/***/ }),
|
832
|
+
|
833
|
+
/***/ "./foundation.core":
|
834
|
+
/*!****************************************************************************************************************************************************************!*\
|
835
|
+
!*** external {"root":["__FOUNDATION_EXTERNAL__","foundation.core"],"amd":"./foundation.core","commonjs":"./foundation.core","commonjs2":"./foundation.core"} ***!
|
836
|
+
\****************************************************************************************************************************************************************/
|
837
|
+
/***/ (function(module) {
|
838
|
+
|
839
|
+
module.exports = __WEBPACK_EXTERNAL_MODULE__foundation_core__;
|
1077
840
|
|
1078
841
|
/***/ }),
|
1079
842
|
|
1080
|
-
/***/
|
1081
|
-
|
1082
|
-
!***
|
1083
|
-
|
1084
|
-
|
1085
|
-
|
843
|
+
/***/ "./foundation.util.mediaQuery":
|
844
|
+
/*!************************************************************************************************************************************************************************************************************!*\
|
845
|
+
!*** external {"root":["__FOUNDATION_EXTERNAL__","foundation.util.mediaQuery"],"amd":"./foundation.util.mediaQuery","commonjs":"./foundation.util.mediaQuery","commonjs2":"./foundation.util.mediaQuery"} ***!
|
846
|
+
\************************************************************************************************************************************************************************************************************/
|
847
|
+
/***/ (function(module) {
|
848
|
+
|
849
|
+
module.exports = __WEBPACK_EXTERNAL_MODULE__foundation_util_mediaQuery__;
|
850
|
+
|
851
|
+
/***/ }),
|
1086
852
|
|
1087
|
-
|
853
|
+
/***/ "./foundation.util.motion":
|
854
|
+
/*!********************************************************************************************************************************************************************************************!*\
|
855
|
+
!*** external {"root":["__FOUNDATION_EXTERNAL__","foundation.util.motion"],"amd":"./foundation.util.motion","commonjs":"./foundation.util.motion","commonjs2":"./foundation.util.motion"} ***!
|
856
|
+
\********************************************************************************************************************************************************************************************/
|
857
|
+
/***/ (function(module) {
|
1088
858
|
|
859
|
+
module.exports = __WEBPACK_EXTERNAL_MODULE__foundation_util_motion__;
|
1089
860
|
|
1090
861
|
/***/ }),
|
1091
862
|
|
@@ -1093,13 +864,101 @@ module.exports = __webpack_require__(/*! /Users/joeworkman/Development/foundatio
|
|
1093
864
|
/*!********************************************************************************************!*\
|
1094
865
|
!*** external {"root":["jQuery"],"amd":"jquery","commonjs":"jquery","commonjs2":"jquery"} ***!
|
1095
866
|
\********************************************************************************************/
|
1096
|
-
|
1097
|
-
/***/ (function(module, exports) {
|
867
|
+
/***/ (function(module) {
|
1098
868
|
|
1099
869
|
module.exports = __WEBPACK_EXTERNAL_MODULE_jquery__;
|
1100
870
|
|
1101
871
|
/***/ })
|
1102
872
|
|
1103
|
-
/******/
|
873
|
+
/******/ });
|
874
|
+
/************************************************************************/
|
875
|
+
/******/ // The module cache
|
876
|
+
/******/ var __webpack_module_cache__ = {};
|
877
|
+
/******/
|
878
|
+
/******/ // The require function
|
879
|
+
/******/ function __webpack_require__(moduleId) {
|
880
|
+
/******/ // Check if module is in cache
|
881
|
+
/******/ var cachedModule = __webpack_module_cache__[moduleId];
|
882
|
+
/******/ if (cachedModule !== undefined) {
|
883
|
+
/******/ return cachedModule.exports;
|
884
|
+
/******/ }
|
885
|
+
/******/ // Create a new module (and put it into the cache)
|
886
|
+
/******/ var module = __webpack_module_cache__[moduleId] = {
|
887
|
+
/******/ // no module.id needed
|
888
|
+
/******/ // no module.loaded needed
|
889
|
+
/******/ exports: {}
|
890
|
+
/******/ };
|
891
|
+
/******/
|
892
|
+
/******/ // Execute the module function
|
893
|
+
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
|
894
|
+
/******/
|
895
|
+
/******/ // Return the exports of the module
|
896
|
+
/******/ return module.exports;
|
897
|
+
/******/ }
|
898
|
+
/******/
|
899
|
+
/************************************************************************/
|
900
|
+
/******/ /* webpack/runtime/compat get default export */
|
901
|
+
/******/ !function() {
|
902
|
+
/******/ // getDefaultExport function for compatibility with non-harmony modules
|
903
|
+
/******/ __webpack_require__.n = function(module) {
|
904
|
+
/******/ var getter = module && module.__esModule ?
|
905
|
+
/******/ function() { return module['default']; } :
|
906
|
+
/******/ function() { return module; };
|
907
|
+
/******/ __webpack_require__.d(getter, { a: getter });
|
908
|
+
/******/ return getter;
|
909
|
+
/******/ };
|
910
|
+
/******/ }();
|
911
|
+
/******/
|
912
|
+
/******/ /* webpack/runtime/define property getters */
|
913
|
+
/******/ !function() {
|
914
|
+
/******/ // define getter functions for harmony exports
|
915
|
+
/******/ __webpack_require__.d = function(exports, definition) {
|
916
|
+
/******/ for(var key in definition) {
|
917
|
+
/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
|
918
|
+
/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
|
919
|
+
/******/ }
|
920
|
+
/******/ }
|
921
|
+
/******/ };
|
922
|
+
/******/ }();
|
923
|
+
/******/
|
924
|
+
/******/ /* webpack/runtime/hasOwnProperty shorthand */
|
925
|
+
/******/ !function() {
|
926
|
+
/******/ __webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }
|
927
|
+
/******/ }();
|
928
|
+
/******/
|
929
|
+
/******/ /* webpack/runtime/make namespace object */
|
930
|
+
/******/ !function() {
|
931
|
+
/******/ // define __esModule on exports
|
932
|
+
/******/ __webpack_require__.r = function(exports) {
|
933
|
+
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
|
934
|
+
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
935
|
+
/******/ }
|
936
|
+
/******/ Object.defineProperty(exports, '__esModule', { value: true });
|
937
|
+
/******/ };
|
938
|
+
/******/ }();
|
939
|
+
/******/
|
940
|
+
/************************************************************************/
|
941
|
+
var __webpack_exports__ = {};
|
942
|
+
// This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
|
943
|
+
!function() {
|
944
|
+
/*!*************************************************!*\
|
945
|
+
!*** ./js/entries/plugins/foundation.sticky.js ***!
|
946
|
+
\*************************************************/
|
947
|
+
__webpack_require__.r(__webpack_exports__);
|
948
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
949
|
+
/* harmony export */ Foundation: function() { return /* reexport safe */ _foundation_core__WEBPACK_IMPORTED_MODULE_0__.Foundation; },
|
950
|
+
/* harmony export */ Sticky: function() { return /* reexport safe */ _foundation_sticky__WEBPACK_IMPORTED_MODULE_1__.Sticky; }
|
951
|
+
/* harmony export */ });
|
952
|
+
/* harmony import */ var _foundation_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./foundation.core */ "./foundation.core");
|
953
|
+
/* harmony import */ var _foundation_core__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_foundation_core__WEBPACK_IMPORTED_MODULE_0__);
|
954
|
+
/* harmony import */ var _foundation_sticky__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../foundation.sticky */ "./js/foundation.sticky.js");
|
955
|
+
|
956
|
+
|
957
|
+
_foundation_core__WEBPACK_IMPORTED_MODULE_0__.Foundation.plugin(_foundation_sticky__WEBPACK_IMPORTED_MODULE_1__.Sticky, 'Sticky');
|
958
|
+
|
959
|
+
}();
|
960
|
+
/******/ return __webpack_exports__;
|
961
|
+
/******/ })()
|
962
|
+
;
|
1104
963
|
});
|
1105
964
|
//# sourceMappingURL=foundation.sticky.js.map
|