foundation-rails 6.6.1.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 +199 -146
- 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 +2101 -3230
- data/vendor/assets/js/foundation.cjs.js.map +1 -1
- data/vendor/assets/js/foundation.es6.js +505 -379
- data/vendor/assets/js/foundation.es6.js.map +1 -1
- data/vendor/assets/js/foundation.esm.js +1779 -2911
- data/vendor/assets/js/foundation.esm.js.map +1 -1
- data/vendor/assets/js/foundation.js +2544 -3970
- 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 +277 -367
- 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 +205 -277
- 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 -262
- 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 +314 -457
- 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 +259 -359
- 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 +291 -462
- 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 +251 -349
- 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 +455 -240
- 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 +226 -342
- 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 -288
- 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 +285 -445
- 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 +321 -486
- 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 -395
- 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 +276 -437
- 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 +176 -234
- 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 +127 -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 +126 -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 +20 -7
- data/vendor/assets/scss/components/_accordion-menu.scss +2 -2
- data/vendor/assets/scss/components/_accordion.scss +2 -2
- data/vendor/assets/scss/components/_badge.scss +3 -3
- data/vendor/assets/scss/components/_breadcrumbs.scss +4 -3
- data/vendor/assets/scss/components/_button-group.scss +23 -13
- data/vendor/assets/scss/components/_button.scss +15 -15
- data/vendor/assets/scss/components/_callout.scss +4 -4
- data/vendor/assets/scss/components/_card.scss +2 -2
- data/vendor/assets/scss/components/_close-button.scss +7 -6
- data/vendor/assets/scss/components/_drilldown.scss +2 -2
- data/vendor/assets/scss/components/_dropdown-menu.scss +3 -3
- data/vendor/assets/scss/components/_dropdown.scss +2 -2
- data/vendor/assets/scss/components/_flex.scss +2 -2
- data/vendor/assets/scss/components/_float.scss +2 -2
- data/vendor/assets/scss/components/_label.scss +3 -3
- data/vendor/assets/scss/components/_media-object.scss +2 -2
- data/vendor/assets/scss/components/_menu.scss +56 -21
- data/vendor/assets/scss/components/_off-canvas.scss +20 -18
- data/vendor/assets/scss/components/_orbit.scss +5 -5
- data/vendor/assets/scss/components/_pagination.scss +3 -3
- data/vendor/assets/scss/components/_progress-bar.scss +3 -3
- data/vendor/assets/scss/components/_responsive-embed.scss +3 -3
- data/vendor/assets/scss/components/_reveal.scss +10 -5
- data/vendor/assets/scss/components/_slider.scss +7 -4
- data/vendor/assets/scss/components/_sticky.scss +2 -2
- data/vendor/assets/scss/components/_switch.scss +27 -4
- data/vendor/assets/scss/components/_table.scss +10 -9
- data/vendor/assets/scss/components/_tabs.scss +4 -4
- data/vendor/assets/scss/components/_thumbnail.scss +2 -2
- data/vendor/assets/scss/components/_title-bar.scss +2 -2
- data/vendor/assets/scss/components/_tooltip.scss +2 -2
- data/vendor/assets/scss/components/_top-bar.scss +9 -7
- data/vendor/assets/scss/components/_visibility.scss +48 -5
- data/vendor/assets/scss/forms/_checkbox.scss +2 -2
- data/vendor/assets/scss/forms/_error.scss +2 -2
- data/vendor/assets/scss/forms/_fieldset.scss +2 -2
- data/vendor/assets/scss/forms/_forms.scss +2 -2
- data/vendor/assets/scss/forms/_help-text.scss +2 -2
- data/vendor/assets/scss/forms/_input-group.scss +2 -2
- data/vendor/assets/scss/forms/_label.scss +4 -3
- data/vendor/assets/scss/forms/_meter.scss +2 -2
- data/vendor/assets/scss/forms/_progress.scss +3 -3
- data/vendor/assets/scss/forms/_range.scss +3 -3
- data/vendor/assets/scss/forms/_select.scss +7 -6
- data/vendor/assets/scss/forms/_text.scss +4 -4
- data/vendor/assets/scss/foundation.scss +3 -3
- data/vendor/assets/scss/grid/_classes.scss +3 -3
- data/vendor/assets/scss/grid/_column.scss +5 -4
- data/vendor/assets/scss/grid/_flex-grid.scss +9 -8
- data/vendor/assets/scss/grid/_grid.scss +2 -2
- data/vendor/assets/scss/grid/_gutter.scss +3 -3
- data/vendor/assets/scss/grid/_layout.scss +7 -7
- data/vendor/assets/scss/grid/_position.scss +6 -6
- data/vendor/assets/scss/grid/_row.scss +3 -3
- data/vendor/assets/scss/grid/_size.scss +2 -2
- 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/_arrow.scss +2 -2
- data/vendor/assets/scss/prototype/_border-box.scss +2 -2
- data/vendor/assets/scss/prototype/_border-none.scss +3 -3
- data/vendor/assets/scss/prototype/_bordered.scss +2 -2
- data/vendor/assets/scss/prototype/_box.scss +2 -2
- data/vendor/assets/scss/prototype/_display.scss +2 -2
- data/vendor/assets/scss/prototype/_font-styling.scss +4 -4
- data/vendor/assets/scss/prototype/_list-style-type.scss +2 -2
- data/vendor/assets/scss/prototype/_overflow.scss +11 -2
- data/vendor/assets/scss/prototype/_position.scss +2 -2
- data/vendor/assets/scss/prototype/_prototype.scss +2 -2
- data/vendor/assets/scss/prototype/_rotate.scss +9 -7
- data/vendor/assets/scss/prototype/_rounded.scss +2 -2
- data/vendor/assets/scss/prototype/_separator.scss +7 -7
- data/vendor/assets/scss/prototype/_shadow.scss +3 -4
- data/vendor/assets/scss/prototype/_sizing.scss +2 -2
- data/vendor/assets/scss/prototype/_spacing.scss +35 -35
- data/vendor/assets/scss/prototype/_text-decoration.scss +2 -2
- data/vendor/assets/scss/prototype/_text-transformation.scss +5 -5
- data/vendor/assets/scss/prototype/_text-utilities.scss +2 -2
- data/vendor/assets/scss/settings/_settings.scss +32 -28
- data/vendor/assets/scss/typography/_alignment.scss +2 -2
- data/vendor/assets/scss/typography/_base.scss +8 -8
- data/vendor/assets/scss/typography/_helpers.scss +12 -4
- data/vendor/assets/scss/typography/_print.scss +4 -4
- data/vendor/assets/scss/typography/_typography.scss +2 -2
- data/vendor/assets/scss/util/_breakpoint.scss +24 -21
- data/vendor/assets/scss/util/_color.scss +22 -10
- data/vendor/assets/scss/util/_direction.scss +3 -3
- data/vendor/assets/scss/util/_flex.scss +1 -1
- data/vendor/assets/scss/util/_math.scss +63 -11
- data/vendor/assets/scss/util/_mixins.scss +20 -16
- data/vendor/assets/scss/util/_selector.scss +3 -17
- data/vendor/assets/scss/util/_typography.scss +8 -8
- data/vendor/assets/scss/util/_unit.scss +16 -10
- data/vendor/assets/scss/util/_util.scss +2 -2
- data/vendor/assets/scss/util/_value.scss +5 -20
- data/vendor/assets/scss/vendor/normalize.scss +19 -2
- data/vendor/assets/scss/xy-grid/_cell.scss +18 -7
- data/vendor/assets/scss/xy-grid/_classes.scss +16 -16
- data/vendor/assets/scss/xy-grid/_collapse.scss +2 -2
- data/vendor/assets/scss/xy-grid/_frame.scss +12 -0
- data/vendor/assets/scss/xy-grid/_grid.scss +4 -4
- data/vendor/assets/scss/xy-grid/_gutters.scss +4 -4
- data/vendor/assets/scss/xy-grid/_layout.scss +3 -3
- data/vendor/assets/scss/xy-grid/_position.scss +14 -9
- data/vendor/assets/scss/xy-grid/_xy-grid.scss +4 -4
- metadata +21 -19
@@ -1,206 +1,49 @@
|
|
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.keyboard"), require("./foundation.util.mediaQuery"), require("./foundation.util.motion")
|
3
|
+
module.exports = factory(require("./foundation.core"), require("jquery"), require("./foundation.util.keyboard"), require("./foundation.util.mediaQuery"), require("./foundation.util.motion"));
|
4
4
|
else if(typeof define === 'function' && define.amd)
|
5
|
-
define(["./foundation.core", "./foundation.util.keyboard", "./foundation.util.mediaQuery", "./foundation.util.motion"
|
5
|
+
define(["./foundation.core", "jquery", "./foundation.util.keyboard", "./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.keyboard"), require("./foundation.util.mediaQuery"), require("./foundation.util.motion"));
|
8
8
|
else
|
9
|
-
root["__FOUNDATION_EXTERNAL__"] = root["__FOUNDATION_EXTERNAL__"] || {}, root["__FOUNDATION_EXTERNAL__"]["foundation.offcanvas"] = factory(root["__FOUNDATION_EXTERNAL__"]["foundation.core"], root["__FOUNDATION_EXTERNAL__"]["foundation.util.keyboard"], 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 = 9);
|
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.keyboard":
|
111
|
-
/*!****************************************************************************************************************************************************************************************************!*\
|
112
|
-
!*** external {"root":["__FOUNDATION_EXTERNAL__","foundation.util.keyboard"],"amd":"./foundation.util.keyboard","commonjs":"./foundation.util.keyboard","commonjs2":"./foundation.util.keyboard"} ***!
|
113
|
-
\****************************************************************************************************************************************************************************************************/
|
114
|
-
/*! no static exports found */
|
115
|
-
/***/ (function(module, exports) {
|
116
|
-
|
117
|
-
module.exports = __WEBPACK_EXTERNAL_MODULE__foundation_util_keyboard__;
|
118
|
-
|
119
|
-
/***/ }),
|
120
|
-
|
121
|
-
/***/ "./foundation.util.mediaQuery":
|
122
|
-
/*!************************************************************************************************************************************************************************************************************!*\
|
123
|
-
!*** external {"root":["__FOUNDATION_EXTERNAL__","foundation.util.mediaQuery"],"amd":"./foundation.util.mediaQuery","commonjs":"./foundation.util.mediaQuery","commonjs2":"./foundation.util.mediaQuery"} ***!
|
124
|
-
\************************************************************************************************************************************************************************************************************/
|
125
|
-
/*! no static exports found */
|
126
|
-
/***/ (function(module, exports) {
|
127
|
-
|
128
|
-
module.exports = __WEBPACK_EXTERNAL_MODULE__foundation_util_mediaQuery__;
|
129
|
-
|
130
|
-
/***/ }),
|
131
|
-
|
132
|
-
/***/ "./foundation.util.motion":
|
133
|
-
/*!********************************************************************************************************************************************************************************************!*\
|
134
|
-
!*** external {"root":["__FOUNDATION_EXTERNAL__","foundation.util.motion"],"amd":"./foundation.util.motion","commonjs":"./foundation.util.motion","commonjs2":"./foundation.util.motion"} ***!
|
135
|
-
\********************************************************************************************************************************************************************************************/
|
136
|
-
/*! no static exports found */
|
137
|
-
/***/ (function(module, exports) {
|
138
|
-
|
139
|
-
module.exports = __WEBPACK_EXTERNAL_MODULE__foundation_util_motion__;
|
140
|
-
|
141
|
-
/***/ }),
|
142
|
-
|
143
|
-
/***/ "./js/entries/plugins/foundation.offcanvas.js":
|
144
|
-
/*!****************************************************!*\
|
145
|
-
!*** ./js/entries/plugins/foundation.offcanvas.js ***!
|
146
|
-
\****************************************************/
|
147
|
-
/*! exports provided: Foundation, OffCanvas */
|
148
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
149
|
-
|
150
|
-
"use strict";
|
151
|
-
__webpack_require__.r(__webpack_exports__);
|
152
|
-
/* harmony import */ var _foundation_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./foundation.core */ "./foundation.core");
|
153
|
-
/* harmony import */ var _foundation_core__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_foundation_core__WEBPACK_IMPORTED_MODULE_0__);
|
154
|
-
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Foundation", function() { return _foundation_core__WEBPACK_IMPORTED_MODULE_0__["Foundation"]; });
|
155
|
-
|
156
|
-
/* harmony import */ var _foundation_offcanvas__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../foundation.offcanvas */ "./js/foundation.offcanvas.js");
|
157
|
-
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "OffCanvas", function() { return _foundation_offcanvas__WEBPACK_IMPORTED_MODULE_1__["OffCanvas"]; });
|
158
|
-
|
159
|
-
|
160
|
-
|
161
|
-
_foundation_core__WEBPACK_IMPORTED_MODULE_0__["Foundation"].plugin(_foundation_offcanvas__WEBPACK_IMPORTED_MODULE_1__["OffCanvas"], 'OffCanvas');
|
162
|
-
|
163
|
-
|
164
|
-
/***/ }),
|
9
|
+
root["__FOUNDATION_EXTERNAL__"] = root["__FOUNDATION_EXTERNAL__"] || {}, root["__FOUNDATION_EXTERNAL__"]["foundation.offcanvas"] = factory(root["__FOUNDATION_EXTERNAL__"]["foundation.core"], root["jQuery"], root["__FOUNDATION_EXTERNAL__"]["foundation.util.keyboard"], 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_keyboard__, __WEBPACK_EXTERNAL_MODULE__foundation_util_mediaQuery__, __WEBPACK_EXTERNAL_MODULE__foundation_util_motion__) {
|
11
|
+
return /******/ (function() { // webpackBootstrap
|
12
|
+
/******/ "use strict";
|
13
|
+
/******/ var __webpack_modules__ = ({
|
165
14
|
|
166
15
|
/***/ "./js/foundation.offcanvas.js":
|
167
16
|
/*!************************************!*\
|
168
17
|
!*** ./js/foundation.offcanvas.js ***!
|
169
18
|
\************************************/
|
170
|
-
|
171
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
19
|
+
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
172
20
|
|
173
|
-
"use strict";
|
174
21
|
__webpack_require__.r(__webpack_exports__);
|
175
|
-
/* harmony export
|
22
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
23
|
+
/* harmony export */ OffCanvas: function() { return /* binding */ OffCanvas; }
|
24
|
+
/* harmony export */ });
|
176
25
|
/* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! jquery */ "jquery");
|
177
26
|
/* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(jquery__WEBPACK_IMPORTED_MODULE_0__);
|
178
|
-
/* 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");
|
179
28
|
/* harmony import */ var _foundation_core_plugin__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_foundation_core_plugin__WEBPACK_IMPORTED_MODULE_1__);
|
180
29
|
/* harmony import */ var _foundation_util_keyboard__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./foundation.util.keyboard */ "./foundation.util.keyboard");
|
181
30
|
/* harmony import */ var _foundation_util_keyboard__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_foundation_util_keyboard__WEBPACK_IMPORTED_MODULE_2__);
|
182
31
|
/* harmony import */ var _foundation_util_mediaQuery__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./foundation.util.mediaQuery */ "./foundation.util.mediaQuery");
|
183
32
|
/* harmony import */ var _foundation_util_mediaQuery__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_foundation_util_mediaQuery__WEBPACK_IMPORTED_MODULE_3__);
|
184
33
|
/* harmony import */ var _foundation_util_triggers__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./foundation.util.triggers */ "./js/foundation.util.triggers.js");
|
185
|
-
|
186
|
-
|
187
|
-
function
|
188
|
-
|
189
|
-
function
|
190
|
-
|
191
|
-
function
|
192
|
-
|
193
|
-
function
|
194
|
-
|
195
|
-
function
|
196
|
-
|
197
|
-
function
|
198
|
-
|
199
|
-
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
200
|
-
|
201
|
-
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); }
|
202
|
-
|
203
|
-
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
34
|
+
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); }
|
35
|
+
function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
|
36
|
+
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); } }
|
37
|
+
function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
|
38
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
39
|
+
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); }
|
40
|
+
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
|
41
|
+
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); }
|
42
|
+
function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
|
43
|
+
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
44
|
+
function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
|
45
|
+
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); }
|
46
|
+
function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
|
204
47
|
|
205
48
|
|
206
49
|
|
@@ -215,21 +58,15 @@ function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || func
|
|
215
58
|
* @requires foundation.util.mediaQuery
|
216
59
|
* @requires foundation.util.triggers
|
217
60
|
*/
|
218
|
-
|
219
|
-
var OffCanvas =
|
220
|
-
/*#__PURE__*/
|
221
|
-
function (_Plugin) {
|
222
|
-
_inherits(OffCanvas, _Plugin);
|
223
|
-
|
61
|
+
var OffCanvas = /*#__PURE__*/function (_Plugin) {
|
224
62
|
function OffCanvas() {
|
225
63
|
_classCallCheck(this, OffCanvas);
|
226
|
-
|
227
|
-
return _possibleConstructorReturn(this, _getPrototypeOf(OffCanvas).apply(this, arguments));
|
64
|
+
return _callSuper(this, OffCanvas, arguments);
|
228
65
|
}
|
229
|
-
|
230
|
-
_createClass(OffCanvas, [{
|
66
|
+
_inherits(OffCanvas, _Plugin);
|
67
|
+
return _createClass(OffCanvas, [{
|
231
68
|
key: "_setup",
|
232
|
-
|
69
|
+
value:
|
233
70
|
/**
|
234
71
|
* Creates a new instance of an off-canvas wrapper.
|
235
72
|
* @class
|
@@ -238,13 +75,11 @@ function (_Plugin) {
|
|
238
75
|
* @param {Object} element - jQuery object to initialize.
|
239
76
|
* @param {Object} options - Overrides to the default plugin settings.
|
240
77
|
*/
|
241
|
-
|
78
|
+
function _setup(element, options) {
|
242
79
|
var _this2 = this;
|
243
|
-
|
244
80
|
this.className = 'OffCanvas'; // ie9 back compat
|
245
|
-
|
246
81
|
this.$element = element;
|
247
|
-
this.options = jquery__WEBPACK_IMPORTED_MODULE_0___default.
|
82
|
+
this.options = jquery__WEBPACK_IMPORTED_MODULE_0___default().extend({}, OffCanvas.defaults, this.$element.data(), options);
|
248
83
|
this.contentClasses = {
|
249
84
|
base: [],
|
250
85
|
reveal: []
|
@@ -255,41 +90,39 @@ function (_Plugin) {
|
|
255
90
|
this.$content = jquery__WEBPACK_IMPORTED_MODULE_0___default()();
|
256
91
|
this.nested = !!this.options.nested;
|
257
92
|
this.$sticky = jquery__WEBPACK_IMPORTED_MODULE_0___default()();
|
258
|
-
this.isInCanvas = false;
|
93
|
+
this.isInCanvas = false;
|
259
94
|
|
95
|
+
// Defines the CSS transition/position classes of the off-canvas content container.
|
260
96
|
jquery__WEBPACK_IMPORTED_MODULE_0___default()(['push', 'overlap']).each(function (index, val) {
|
261
97
|
_this2.contentClasses.base.push('has-transition-' + val);
|
262
98
|
});
|
263
99
|
jquery__WEBPACK_IMPORTED_MODULE_0___default()(['left', 'right', 'top', 'bottom']).each(function (index, val) {
|
264
100
|
_this2.contentClasses.base.push('has-position-' + val);
|
265
|
-
|
266
101
|
_this2.contentClasses.reveal.push('has-reveal-' + val);
|
267
|
-
});
|
268
|
-
|
269
|
-
_foundation_util_triggers__WEBPACK_IMPORTED_MODULE_4__["Triggers"].init(jquery__WEBPACK_IMPORTED_MODULE_0___default.a);
|
270
|
-
|
271
|
-
_foundation_util_mediaQuery__WEBPACK_IMPORTED_MODULE_3__["MediaQuery"]._init();
|
102
|
+
});
|
272
103
|
|
104
|
+
// Triggers init is idempotent, just need to make sure it is initialized
|
105
|
+
_foundation_util_triggers__WEBPACK_IMPORTED_MODULE_4__.Triggers.init((jquery__WEBPACK_IMPORTED_MODULE_0___default()));
|
106
|
+
_foundation_util_mediaQuery__WEBPACK_IMPORTED_MODULE_3__.MediaQuery._init();
|
273
107
|
this._init();
|
274
|
-
|
275
108
|
this._events();
|
276
|
-
|
277
|
-
_foundation_util_keyboard__WEBPACK_IMPORTED_MODULE_2__["Keyboard"].register('OffCanvas', {
|
109
|
+
_foundation_util_keyboard__WEBPACK_IMPORTED_MODULE_2__.Keyboard.register('OffCanvas', {
|
278
110
|
'ESCAPE': 'close'
|
279
111
|
});
|
280
112
|
}
|
113
|
+
|
281
114
|
/**
|
282
115
|
* Initializes the off-canvas wrapper by adding the exit overlay (if needed).
|
283
116
|
* @function
|
284
117
|
* @private
|
285
118
|
*/
|
286
|
-
|
287
119
|
}, {
|
288
120
|
key: "_init",
|
289
121
|
value: function _init() {
|
290
122
|
var id = this.$element.attr('id');
|
291
|
-
this.$element.attr('aria-hidden', 'true');
|
123
|
+
this.$element.attr('aria-hidden', 'true');
|
292
124
|
|
125
|
+
// Find off-canvas content, either by ID (if specified), by siblings or by closest selector (fallback)
|
293
126
|
if (this.options.contentId) {
|
294
127
|
this.$content = jquery__WEBPACK_IMPORTED_MODULE_0___default()('#' + this.options.contentId);
|
295
128
|
} else if (this.$element.siblings('[data-off-canvas-content]').length) {
|
@@ -297,7 +130,6 @@ function (_Plugin) {
|
|
297
130
|
} else {
|
298
131
|
this.$content = this.$element.closest('[data-off-canvas-content]').first();
|
299
132
|
}
|
300
|
-
|
301
133
|
if (!this.options.contentId) {
|
302
134
|
// Assume that the off-canvas element is nested if it isn't a sibling of the content
|
303
135
|
this.nested = this.$element.siblings('[data-off-canvas-content]').length === 0;
|
@@ -306,64 +138,58 @@ function (_Plugin) {
|
|
306
138
|
// Once the element is nested it is required to work properly in this case
|
307
139
|
console.warn('Remember to use the nested option if using the content ID option!');
|
308
140
|
}
|
309
|
-
|
310
141
|
if (this.nested === true) {
|
311
142
|
// Force transition overlap if nested
|
312
|
-
this.options.transition = 'overlap';
|
313
|
-
|
143
|
+
this.options.transition = 'overlap';
|
144
|
+
// Remove appropriate classes if already assigned in markup
|
314
145
|
this.$element.removeClass('is-transition-push');
|
315
146
|
}
|
147
|
+
this.$element.addClass("is-transition-".concat(this.options.transition, " is-closed"));
|
316
148
|
|
317
|
-
|
318
|
-
|
319
|
-
this.$triggers = jquery__WEBPACK_IMPORTED_MODULE_0___default()(document).find('[data-open="' + id + '"], [data-close="' + id + '"], [data-toggle="' + id + '"]').attr('aria-expanded', 'false').attr('aria-controls', id); // Get position by checking for related CSS class
|
149
|
+
// Find triggers that affect this element and add aria-expanded to them
|
150
|
+
this.$triggers = jquery__WEBPACK_IMPORTED_MODULE_0___default()(document).find('[data-open="' + id + '"], [data-close="' + id + '"], [data-toggle="' + id + '"]').attr('aria-expanded', 'false').attr('aria-controls', id);
|
320
151
|
|
321
|
-
|
152
|
+
// Get position by checking for related CSS class
|
153
|
+
this.position = this.$element.is('.position-left, .position-top, .position-right, .position-bottom') ? this.$element.attr('class').match(/position\-(left|top|right|bottom)/)[1] : this.position;
|
322
154
|
|
155
|
+
// Add an overlay over the content if necessary
|
323
156
|
if (this.options.contentOverlay === true) {
|
324
157
|
var overlay = document.createElement('div');
|
325
158
|
var overlayPosition = jquery__WEBPACK_IMPORTED_MODULE_0___default()(this.$element).css("position") === 'fixed' ? 'is-overlay-fixed' : 'is-overlay-absolute';
|
326
159
|
overlay.setAttribute('class', 'js-off-canvas-overlay ' + overlayPosition);
|
327
160
|
this.$overlay = jquery__WEBPACK_IMPORTED_MODULE_0___default()(overlay);
|
328
|
-
|
329
161
|
if (overlayPosition === 'is-overlay-fixed') {
|
330
162
|
jquery__WEBPACK_IMPORTED_MODULE_0___default()(this.$overlay).insertAfter(this.$element);
|
331
163
|
} else {
|
332
164
|
this.$content.append(this.$overlay);
|
333
165
|
}
|
334
|
-
}
|
335
|
-
|
166
|
+
}
|
336
167
|
|
337
|
-
|
168
|
+
// Get the revealOn option from the class.
|
169
|
+
var revealOnRegExp = new RegExp((0,_foundation_core_plugin__WEBPACK_IMPORTED_MODULE_1__.RegExpEscape)(this.options.revealClass) + '([^\\s]+)', 'g');
|
338
170
|
var revealOnClass = revealOnRegExp.exec(this.$element[0].className);
|
339
|
-
|
340
171
|
if (revealOnClass) {
|
341
172
|
this.options.isRevealed = true;
|
342
173
|
this.options.revealOn = this.options.revealOn || revealOnClass[1];
|
343
|
-
}
|
344
|
-
|
174
|
+
}
|
345
175
|
|
176
|
+
// Ensure the `reveal-on-*` class is set.
|
346
177
|
if (this.options.isRevealed === true && this.options.revealOn) {
|
347
178
|
this.$element.first().addClass("".concat(this.options.revealClass).concat(this.options.revealOn));
|
348
|
-
|
349
179
|
this._setMQChecker();
|
350
180
|
}
|
351
|
-
|
352
181
|
if (this.options.transitionTime) {
|
353
182
|
this.$element.css('transition-duration', this.options.transitionTime);
|
354
|
-
}
|
355
|
-
|
183
|
+
}
|
356
184
|
|
185
|
+
// Find fixed elements that should stay fixed while off-canvas is opened
|
357
186
|
this.$sticky = this.$content.find('[data-off-canvas-sticky]');
|
358
|
-
|
359
187
|
if (this.$sticky.length > 0 && this.options.transition === 'push') {
|
360
188
|
// If there's at least one match force contentScroll:false because the absolute top value doesn't get recalculated on scroll
|
361
189
|
// Limit to push transition since there's no transform scope for overlap
|
362
190
|
this.options.contentScroll = false;
|
363
191
|
}
|
364
|
-
|
365
192
|
var inCanvasFor = this.$element.attr('class').match(/\bin-canvas-for-(\w+)/);
|
366
|
-
|
367
193
|
if (inCanvasFor && inCanvasFor.length === 2) {
|
368
194
|
// Set `inCanvasOn` option if found in-canvas-for-[BREAKPONT] CSS class
|
369
195
|
this.options.inCanvasOn = inCanvasFor[1];
|
@@ -371,89 +197,83 @@ function (_Plugin) {
|
|
371
197
|
// Ensure the CSS class is set
|
372
198
|
this.$element.addClass("in-canvas-for-".concat(this.options.inCanvasOn));
|
373
199
|
}
|
374
|
-
|
375
200
|
if (this.options.inCanvasOn) {
|
376
201
|
this._checkInCanvas();
|
377
|
-
}
|
378
|
-
|
202
|
+
}
|
379
203
|
|
204
|
+
// Initally remove all transition/position CSS classes from off-canvas content container.
|
380
205
|
this._removeContentClasses();
|
381
206
|
}
|
207
|
+
|
382
208
|
/**
|
383
209
|
* Adds event handlers to the off-canvas wrapper and the exit overlay.
|
384
210
|
* @function
|
385
211
|
* @private
|
386
212
|
*/
|
387
|
-
|
388
213
|
}, {
|
389
214
|
key: "_events",
|
390
215
|
value: function _events() {
|
391
216
|
var _this3 = this;
|
392
|
-
|
393
217
|
this.$element.off('.zf.trigger .zf.offCanvas').on({
|
394
218
|
'open.zf.trigger': this.open.bind(this),
|
395
219
|
'close.zf.trigger': this.close.bind(this),
|
396
220
|
'toggle.zf.trigger': this.toggle.bind(this),
|
397
221
|
'keydown.zf.offCanvas': this._handleKeyboard.bind(this)
|
398
222
|
});
|
399
|
-
|
400
223
|
if (this.options.closeOnClick === true) {
|
401
224
|
var $target = this.options.contentOverlay ? this.$overlay : this.$content;
|
402
225
|
$target.on({
|
403
226
|
'click.zf.offCanvas': this.close.bind(this)
|
404
227
|
});
|
405
228
|
}
|
406
|
-
|
407
229
|
if (this.options.inCanvasOn) {
|
408
230
|
jquery__WEBPACK_IMPORTED_MODULE_0___default()(window).on('changed.zf.mediaquery', function () {
|
409
231
|
_this3._checkInCanvas();
|
410
232
|
});
|
411
233
|
}
|
412
234
|
}
|
235
|
+
|
413
236
|
/**
|
414
237
|
* Applies event listener for elements that will reveal at certain breakpoints.
|
415
238
|
* @private
|
416
239
|
*/
|
417
|
-
|
418
240
|
}, {
|
419
241
|
key: "_setMQChecker",
|
420
242
|
value: function _setMQChecker() {
|
421
243
|
var _this = this;
|
422
|
-
|
423
|
-
|
424
|
-
if (_foundation_util_mediaQuery__WEBPACK_IMPORTED_MODULE_3__["MediaQuery"].atLeast(_this.options.revealOn)) {
|
244
|
+
this.onLoadListener = (0,_foundation_core_plugin__WEBPACK_IMPORTED_MODULE_1__.onLoad)(jquery__WEBPACK_IMPORTED_MODULE_0___default()(window), function () {
|
245
|
+
if (_foundation_util_mediaQuery__WEBPACK_IMPORTED_MODULE_3__.MediaQuery.atLeast(_this.options.revealOn)) {
|
425
246
|
_this.reveal(true);
|
426
247
|
}
|
427
248
|
});
|
428
249
|
jquery__WEBPACK_IMPORTED_MODULE_0___default()(window).on('changed.zf.mediaquery', function () {
|
429
|
-
if (_foundation_util_mediaQuery__WEBPACK_IMPORTED_MODULE_3__
|
250
|
+
if (_foundation_util_mediaQuery__WEBPACK_IMPORTED_MODULE_3__.MediaQuery.atLeast(_this.options.revealOn)) {
|
430
251
|
_this.reveal(true);
|
431
252
|
} else {
|
432
253
|
_this.reveal(false);
|
433
254
|
}
|
434
255
|
});
|
435
256
|
}
|
257
|
+
|
436
258
|
/**
|
437
259
|
* Checks if InCanvas on current breakpoint and adjust off-canvas accordingly
|
438
260
|
* @private
|
439
261
|
*/
|
440
|
-
|
441
262
|
}, {
|
442
263
|
key: "_checkInCanvas",
|
443
264
|
value: function _checkInCanvas() {
|
444
|
-
this.isInCanvas = _foundation_util_mediaQuery__WEBPACK_IMPORTED_MODULE_3__
|
445
|
-
|
265
|
+
this.isInCanvas = _foundation_util_mediaQuery__WEBPACK_IMPORTED_MODULE_3__.MediaQuery.atLeast(this.options.inCanvasOn);
|
446
266
|
if (this.isInCanvas === true) {
|
447
267
|
this.close();
|
448
268
|
}
|
449
269
|
}
|
270
|
+
|
450
271
|
/**
|
451
272
|
* Removes the CSS transition/position classes of the off-canvas content container.
|
452
273
|
* Removing the classes is important when another off-canvas gets opened that uses the same content container.
|
453
274
|
* @param {Boolean} hasReveal - true if related off-canvas element is revealed.
|
454
275
|
* @private
|
455
276
|
*/
|
456
|
-
|
457
277
|
}, {
|
458
278
|
key: "_removeContentClasses",
|
459
279
|
value: function _removeContentClasses(hasReveal) {
|
@@ -463,37 +283,37 @@ function (_Plugin) {
|
|
463
283
|
this.$content.removeClass("has-reveal-".concat(this.position));
|
464
284
|
}
|
465
285
|
}
|
286
|
+
|
466
287
|
/**
|
467
288
|
* Adds the CSS transition/position classes of the off-canvas content container, based on the opening off-canvas element.
|
468
289
|
* Beforehand any transition/position class gets removed.
|
469
290
|
* @param {Boolean} hasReveal - true if related off-canvas element is revealed.
|
470
291
|
* @private
|
471
292
|
*/
|
472
|
-
|
473
293
|
}, {
|
474
294
|
key: "_addContentClasses",
|
475
295
|
value: function _addContentClasses(hasReveal) {
|
476
296
|
this._removeContentClasses(hasReveal);
|
477
|
-
|
478
297
|
if (typeof hasReveal !== 'boolean') {
|
479
298
|
this.$content.addClass("has-transition-".concat(this.options.transition, " has-position-").concat(this.position));
|
480
299
|
} else if (hasReveal === true) {
|
481
300
|
this.$content.addClass("has-reveal-".concat(this.position));
|
482
301
|
}
|
483
302
|
}
|
303
|
+
|
484
304
|
/**
|
485
305
|
* Preserves the fixed behavior of sticky elements on opening an off-canvas with push transition.
|
486
306
|
* Since the off-canvas container has got a transform scope in such a case, it is done by calculating position absolute values.
|
487
307
|
* @private
|
488
308
|
*/
|
489
|
-
|
490
309
|
}, {
|
491
310
|
key: "_fixStickyElements",
|
492
311
|
value: function _fixStickyElements() {
|
493
312
|
this.$sticky.each(function (_, el) {
|
494
|
-
var $el = jquery__WEBPACK_IMPORTED_MODULE_0___default()(el);
|
495
|
-
// Limit to push transition because postion:fixed works without problems for overlap (no transform scope)
|
313
|
+
var $el = jquery__WEBPACK_IMPORTED_MODULE_0___default()(el);
|
496
314
|
|
315
|
+
// If sticky element is currently fixed, adjust its top value to match absolute position due to transform scope
|
316
|
+
// Limit to push transition because postion:fixed works without problems for overlap (no transform scope)
|
497
317
|
if ($el.css('position') === 'fixed') {
|
498
318
|
// Save current inline styling to restore it if undoing the absolute fixing
|
499
319
|
var topVal = parseInt($el.css('top'), 10);
|
@@ -509,19 +329,20 @@ function (_Plugin) {
|
|
509
329
|
}
|
510
330
|
});
|
511
331
|
}
|
332
|
+
|
512
333
|
/**
|
513
334
|
* Restores the original fixed styling of sticky elements after having closed an off-canvas that got pseudo fixed beforehand.
|
514
335
|
* This reverts the changes of _fixStickyElements()
|
515
336
|
* @private
|
516
337
|
*/
|
517
|
-
|
518
338
|
}, {
|
519
339
|
key: "_unfixStickyElements",
|
520
340
|
value: function _unfixStickyElements() {
|
521
341
|
this.$sticky.each(function (_, el) {
|
522
342
|
var $el = jquery__WEBPACK_IMPORTED_MODULE_0___default()(el);
|
523
|
-
var stickyData = $el.data('offCanvasSticky');
|
343
|
+
var stickyData = $el.data('offCanvasSticky');
|
524
344
|
|
345
|
+
// If sticky element has got data object with prior values (meaning it was originally fixed) restore these values once off-canvas is closed
|
525
346
|
if (_typeof(stickyData) === 'object') {
|
526
347
|
$el.css({
|
527
348
|
top: "".concat(stickyData.top, "px"),
|
@@ -532,12 +353,12 @@ function (_Plugin) {
|
|
532
353
|
}
|
533
354
|
});
|
534
355
|
}
|
356
|
+
|
535
357
|
/**
|
536
358
|
* Handles the revealing/hiding the off-canvas at breakpoints, not the same as open.
|
537
359
|
* @param {Boolean} isRevealed - true if element should be revealed.
|
538
360
|
* @function
|
539
361
|
*/
|
540
|
-
|
541
362
|
}, {
|
542
363
|
key: "reveal",
|
543
364
|
value: function reveal(isRevealed) {
|
@@ -556,91 +377,90 @@ function (_Plugin) {
|
|
556
377
|
});
|
557
378
|
this.$element.addClass('is-closed');
|
558
379
|
}
|
559
|
-
|
560
380
|
this._addContentClasses(isRevealed);
|
561
381
|
}
|
382
|
+
|
562
383
|
/**
|
563
384
|
* Stops scrolling of the body when OffCanvas is open on mobile Safari and other troublesome browsers.
|
564
385
|
* @function
|
565
386
|
* @private
|
566
387
|
*/
|
567
|
-
|
568
388
|
}, {
|
569
389
|
key: "_stopScrolling",
|
570
|
-
value: function _stopScrolling(
|
390
|
+
value: function _stopScrolling() {
|
571
391
|
return false;
|
572
392
|
}
|
393
|
+
|
573
394
|
/**
|
574
|
-
*
|
575
|
-
*
|
576
|
-
*
|
577
|
-
* Taken and adapted from http://stackoverflow.com/questions/16889447/prevent-full-page-scrolling-ios
|
578
|
-
* Only really works for y, not sure how to extend to x or if we need to.
|
579
|
-
*
|
580
|
-
* @function
|
395
|
+
* Save current finger y-position
|
396
|
+
* @param event
|
581
397
|
* @private
|
582
398
|
*/
|
583
|
-
|
584
399
|
}, {
|
585
400
|
key: "_recordScrollable",
|
586
401
|
value: function _recordScrollable(event) {
|
587
|
-
var elem = this;
|
588
|
-
|
589
|
-
|
590
|
-
if (elem.scrollHeight !== elem.clientHeight) {
|
591
|
-
// If we're at the top, scroll down one pixel to allow scrolling up
|
592
|
-
if (elem.scrollTop === 0) {
|
593
|
-
elem.scrollTop = 1;
|
594
|
-
} // If we're at the bottom, scroll up one pixel to allow scrolling down
|
595
|
-
|
402
|
+
var elem = this;
|
403
|
+
elem.lastY = event.touches[0].pageY;
|
404
|
+
}
|
596
405
|
|
597
|
-
|
598
|
-
|
599
|
-
|
406
|
+
/**
|
407
|
+
* Prevent further scrolling when it hits the edges
|
408
|
+
* @param event
|
409
|
+
* @private
|
410
|
+
*/
|
411
|
+
}, {
|
412
|
+
key: "_preventDefaultAtEdges",
|
413
|
+
value: function _preventDefaultAtEdges(event) {
|
414
|
+
var elem = this;
|
415
|
+
var _this = event.data;
|
416
|
+
var delta = elem.lastY - event.touches[0].pageY;
|
417
|
+
elem.lastY = event.touches[0].pageY;
|
418
|
+
if (!_this._canScroll(delta, elem)) {
|
419
|
+
event.preventDefault();
|
600
420
|
}
|
601
|
-
|
602
|
-
elem.allowUp = elem.scrollTop > 0;
|
603
|
-
elem.allowDown = elem.scrollTop < elem.scrollHeight - elem.clientHeight;
|
604
|
-
elem.lastY = event.originalEvent.pageY;
|
605
421
|
}
|
422
|
+
|
606
423
|
/**
|
607
|
-
*
|
608
|
-
*
|
609
|
-
*
|
610
|
-
* @function
|
424
|
+
* Handle continuous scrolling of scrollbox
|
425
|
+
* Don't bubble up to _preventDefaultAtEdges
|
426
|
+
* @param event
|
611
427
|
* @private
|
612
428
|
*/
|
613
|
-
|
614
429
|
}, {
|
615
|
-
key: "
|
616
|
-
value: function
|
617
|
-
var elem = this;
|
618
|
-
|
619
|
-
var parent
|
620
|
-
|
621
|
-
|
622
|
-
|
623
|
-
|
624
|
-
|
625
|
-
|
626
|
-
|
627
|
-
|
628
|
-
event.stopPropagation(); // If elem is inner scrollbox we are scrolling the outer off-canvas down/up once the box end has been reached
|
629
|
-
// This lets the user continue to touch move the off-canvas without the need to place the finger outside the scrollbox
|
630
|
-
|
631
|
-
if (elem.hasAttribute('data-off-canvas-scrollbox')) {
|
632
|
-
parent = elem.closest('[data-off-canvas], [data-off-canvas-scrollbox-outer]');
|
633
|
-
|
634
|
-
if (elem.scrollTop <= 1 && parent.scrollTop > 0) {
|
635
|
-
parent.scrollTop--;
|
636
|
-
} else if (elem.scrollTop >= elem.scrollHeight - elem.clientHeight - 1 && parent.scrollTop < parent.scrollHeight - parent.clientHeight) {
|
637
|
-
parent.scrollTop++;
|
638
|
-
}
|
430
|
+
key: "_scrollboxTouchMoved",
|
431
|
+
value: function _scrollboxTouchMoved(event) {
|
432
|
+
var elem = this;
|
433
|
+
var _this = event.data;
|
434
|
+
var parent = elem.closest('[data-off-canvas], [data-off-canvas-scrollbox-outer]');
|
435
|
+
var delta = elem.lastY - event.touches[0].pageY;
|
436
|
+
parent.lastY = elem.lastY = event.touches[0].pageY;
|
437
|
+
event.stopPropagation();
|
438
|
+
if (!_this._canScroll(delta, elem)) {
|
439
|
+
if (!_this._canScroll(delta, parent)) {
|
440
|
+
event.preventDefault();
|
441
|
+
} else {
|
442
|
+
parent.scrollTop += delta;
|
639
443
|
}
|
640
|
-
} else {
|
641
|
-
event.preventDefault();
|
642
444
|
}
|
643
445
|
}
|
446
|
+
|
447
|
+
/**
|
448
|
+
* Detect possibility of scrolling
|
449
|
+
* @param delta
|
450
|
+
* @param elem
|
451
|
+
* @returns boolean
|
452
|
+
* @private
|
453
|
+
*/
|
454
|
+
}, {
|
455
|
+
key: "_canScroll",
|
456
|
+
value: function _canScroll(delta, elem) {
|
457
|
+
var up = delta < 0;
|
458
|
+
var down = delta > 0;
|
459
|
+
var allowUp = elem.scrollTop > 0;
|
460
|
+
var allowDown = elem.scrollTop < elem.scrollHeight - elem.clientHeight;
|
461
|
+
return up && allowUp || down && allowDown;
|
462
|
+
}
|
463
|
+
|
644
464
|
/**
|
645
465
|
* Opens the off-canvas menu.
|
646
466
|
* @function
|
@@ -649,63 +469,52 @@ function (_Plugin) {
|
|
649
469
|
* @fires OffCanvas#opened
|
650
470
|
* @todo also trigger 'open' event?
|
651
471
|
*/
|
652
|
-
|
653
472
|
}, {
|
654
473
|
key: "open",
|
655
474
|
value: function open(event, trigger) {
|
656
475
|
var _this4 = this;
|
657
|
-
|
658
476
|
if (this.$element.hasClass('is-open') || this.isRevealed || this.isInCanvas) {
|
659
477
|
return;
|
660
478
|
}
|
661
|
-
|
662
479
|
var _this = this;
|
663
|
-
|
664
480
|
if (trigger) {
|
665
481
|
this.$lastTrigger = trigger;
|
666
482
|
}
|
667
|
-
|
668
483
|
if (this.options.forceTo === 'top') {
|
669
484
|
window.scrollTo(0, 0);
|
670
485
|
} else if (this.options.forceTo === 'bottom') {
|
671
486
|
window.scrollTo(0, document.body.scrollHeight);
|
672
487
|
}
|
673
|
-
|
674
488
|
if (this.options.transitionTime && this.options.transition !== 'overlap') {
|
675
489
|
this.$element.siblings('[data-off-canvas-content]').css('transition-duration', this.options.transitionTime);
|
676
490
|
} else {
|
677
491
|
this.$element.siblings('[data-off-canvas-content]').css('transition-duration', '');
|
678
492
|
}
|
679
|
-
|
680
493
|
this.$element.addClass('is-open').removeClass('is-closed');
|
681
494
|
this.$triggers.attr('aria-expanded', 'true');
|
682
495
|
this.$element.attr('aria-hidden', 'false');
|
683
|
-
this.$content.addClass('is-open-' + this.position);
|
496
|
+
this.$content.addClass('is-open-' + this.position);
|
684
497
|
|
498
|
+
// If `contentScroll` is set to false, add class and disable scrolling on touch devices.
|
685
499
|
if (this.options.contentScroll === false) {
|
686
500
|
jquery__WEBPACK_IMPORTED_MODULE_0___default()('body').addClass('is-off-canvas-open').on('touchmove', this._stopScrolling);
|
687
501
|
this.$element.on('touchstart', this._recordScrollable);
|
688
|
-
this.$element.on('touchmove', this.
|
502
|
+
this.$element.on('touchmove', this, this._preventDefaultAtEdges);
|
689
503
|
this.$element.on('touchstart', '[data-off-canvas-scrollbox]', this._recordScrollable);
|
690
|
-
this.$element.on('touchmove', '[data-off-canvas-scrollbox]', this.
|
504
|
+
this.$element.on('touchmove', '[data-off-canvas-scrollbox]', this, this._scrollboxTouchMoved);
|
691
505
|
}
|
692
|
-
|
693
506
|
if (this.options.contentOverlay === true) {
|
694
507
|
this.$overlay.addClass('is-visible');
|
695
508
|
}
|
696
|
-
|
697
509
|
if (this.options.closeOnClick === true && this.options.contentOverlay === true) {
|
698
510
|
this.$overlay.addClass('is-closable');
|
699
511
|
}
|
700
|
-
|
701
512
|
if (this.options.autoFocus === true) {
|
702
|
-
this.$element.one(
|
513
|
+
this.$element.one((0,_foundation_core_plugin__WEBPACK_IMPORTED_MODULE_1__.transitionend)(this.$element), function () {
|
703
514
|
if (!_this.$element.hasClass('is-open')) {
|
704
515
|
return; // exit if prematurely closed
|
705
516
|
}
|
706
|
-
|
707
517
|
var canvasFocus = _this.$element.find('[data-autofocus]');
|
708
|
-
|
709
518
|
if (canvasFocus.length) {
|
710
519
|
canvasFocus.eq(0).focus();
|
711
520
|
} else {
|
@@ -713,33 +522,30 @@ function (_Plugin) {
|
|
713
522
|
}
|
714
523
|
});
|
715
524
|
}
|
716
|
-
|
717
525
|
if (this.options.trapFocus === true) {
|
718
526
|
this.$content.attr('tabindex', '-1');
|
719
|
-
_foundation_util_keyboard__WEBPACK_IMPORTED_MODULE_2__
|
527
|
+
_foundation_util_keyboard__WEBPACK_IMPORTED_MODULE_2__.Keyboard.trapFocus(this.$element);
|
720
528
|
}
|
721
|
-
|
722
529
|
if (this.options.transition === 'push') {
|
723
530
|
this._fixStickyElements();
|
724
531
|
}
|
725
|
-
|
726
532
|
this._addContentClasses();
|
533
|
+
|
727
534
|
/**
|
728
535
|
* Fires when the off-canvas menu opens.
|
729
536
|
* @event OffCanvas#opened
|
730
537
|
*/
|
731
|
-
|
732
|
-
|
733
538
|
this.$element.trigger('opened.zf.offCanvas');
|
539
|
+
|
734
540
|
/**
|
735
541
|
* Fires when the off-canvas menu open transition is done.
|
736
542
|
* @event OffCanvas#openedEnd
|
737
543
|
*/
|
738
|
-
|
739
|
-
this.$element.one(Object(_foundation_core_plugin__WEBPACK_IMPORTED_MODULE_1__["transitionend"])(this.$element), function () {
|
544
|
+
this.$element.one((0,_foundation_core_plugin__WEBPACK_IMPORTED_MODULE_1__.transitionend)(this.$element), function () {
|
740
545
|
_this4.$element.trigger('openedEnd.zf.offCanvas');
|
741
546
|
});
|
742
547
|
}
|
548
|
+
|
743
549
|
/**
|
744
550
|
* Closes the off-canvas menu.
|
745
551
|
* @function
|
@@ -747,82 +553,65 @@ function (_Plugin) {
|
|
747
553
|
* @fires OffCanvas#close
|
748
554
|
* @fires OffCanvas#closed
|
749
555
|
*/
|
750
|
-
|
751
556
|
}, {
|
752
557
|
key: "close",
|
753
|
-
value: function close(
|
558
|
+
value: function close() {
|
754
559
|
var _this5 = this;
|
755
|
-
|
756
560
|
if (!this.$element.hasClass('is-open') || this.isRevealed) {
|
757
561
|
return;
|
758
562
|
}
|
563
|
+
|
759
564
|
/**
|
760
565
|
* Fires when the off-canvas menu closes.
|
761
566
|
* @event OffCanvas#close
|
762
567
|
*/
|
763
|
-
|
764
|
-
|
765
568
|
this.$element.trigger('close.zf.offCanvas');
|
766
|
-
|
767
|
-
var _this = this;
|
768
|
-
|
769
569
|
this.$element.removeClass('is-open');
|
770
570
|
this.$element.attr('aria-hidden', 'true');
|
771
571
|
this.$content.removeClass('is-open-left is-open-top is-open-right is-open-bottom');
|
772
|
-
|
773
572
|
if (this.options.contentOverlay === true) {
|
774
573
|
this.$overlay.removeClass('is-visible');
|
775
574
|
}
|
776
|
-
|
777
575
|
if (this.options.closeOnClick === true && this.options.contentOverlay === true) {
|
778
576
|
this.$overlay.removeClass('is-closable');
|
779
577
|
}
|
578
|
+
this.$triggers.attr('aria-expanded', 'false');
|
780
579
|
|
781
|
-
|
782
|
-
|
783
|
-
this.$element.one(Object(_foundation_core_plugin__WEBPACK_IMPORTED_MODULE_1__["transitionend"])(this.$element), function (e) {
|
580
|
+
// Listen to transitionEnd: add class, re-enable scrolling and release focus when done.
|
581
|
+
this.$element.one((0,_foundation_core_plugin__WEBPACK_IMPORTED_MODULE_1__.transitionend)(this.$element), function () {
|
784
582
|
_this5.$element.addClass('is-closed');
|
785
|
-
|
786
583
|
_this5._removeContentClasses();
|
787
|
-
|
788
584
|
if (_this5.options.transition === 'push') {
|
789
585
|
_this5._unfixStickyElements();
|
790
|
-
}
|
791
|
-
|
586
|
+
}
|
792
587
|
|
588
|
+
// If `contentScroll` is set to false, remove class and re-enable scrolling on touch devices.
|
793
589
|
if (_this5.options.contentScroll === false) {
|
794
590
|
jquery__WEBPACK_IMPORTED_MODULE_0___default()('body').removeClass('is-off-canvas-open').off('touchmove', _this5._stopScrolling);
|
795
|
-
|
796
591
|
_this5.$element.off('touchstart', _this5._recordScrollable);
|
797
|
-
|
798
|
-
_this5.$element.off('touchmove', _this5._stopScrollPropagation);
|
799
|
-
|
592
|
+
_this5.$element.off('touchmove', _this5._preventDefaultAtEdges);
|
800
593
|
_this5.$element.off('touchstart', '[data-off-canvas-scrollbox]', _this5._recordScrollable);
|
801
|
-
|
802
|
-
_this5.$element.off('touchmove', '[data-off-canvas-scrollbox]', _this5._stopScrollPropagation);
|
594
|
+
_this5.$element.off('touchmove', '[data-off-canvas-scrollbox]', _this5._scrollboxTouchMoved);
|
803
595
|
}
|
804
|
-
|
805
596
|
if (_this5.options.trapFocus === true) {
|
806
597
|
_this5.$content.removeAttr('tabindex');
|
807
|
-
|
808
|
-
_foundation_util_keyboard__WEBPACK_IMPORTED_MODULE_2__["Keyboard"].releaseFocus(_this5.$element);
|
598
|
+
_foundation_util_keyboard__WEBPACK_IMPORTED_MODULE_2__.Keyboard.releaseFocus(_this5.$element);
|
809
599
|
}
|
600
|
+
|
810
601
|
/**
|
811
602
|
* Fires when the off-canvas menu close transition is done.
|
812
603
|
* @event OffCanvas#closed
|
813
604
|
*/
|
814
|
-
|
815
|
-
|
816
605
|
_this5.$element.trigger('closed.zf.offCanvas');
|
817
606
|
});
|
818
607
|
}
|
608
|
+
|
819
609
|
/**
|
820
610
|
* Toggles the off-canvas menu open or closed.
|
821
611
|
* @function
|
822
612
|
* @param {Object} event - Event object passed from listener.
|
823
613
|
* @param {jQuery} trigger - element that triggered the off-canvas to open.
|
824
614
|
*/
|
825
|
-
|
826
615
|
}, {
|
827
616
|
key: "toggle",
|
828
617
|
value: function toggle(event, trigger) {
|
@@ -832,23 +621,20 @@ function (_Plugin) {
|
|
832
621
|
this.open(event, trigger);
|
833
622
|
}
|
834
623
|
}
|
624
|
+
|
835
625
|
/**
|
836
626
|
* Handles keyboard input when detected. When the escape key is pressed, the off-canvas menu closes, and focus is restored to the element that opened the menu.
|
837
627
|
* @function
|
838
628
|
* @private
|
839
629
|
*/
|
840
|
-
|
841
630
|
}, {
|
842
631
|
key: "_handleKeyboard",
|
843
632
|
value: function _handleKeyboard(e) {
|
844
633
|
var _this6 = this;
|
845
|
-
|
846
|
-
_foundation_util_keyboard__WEBPACK_IMPORTED_MODULE_2__["Keyboard"].handleKey(e, 'OffCanvas', {
|
634
|
+
_foundation_util_keyboard__WEBPACK_IMPORTED_MODULE_2__.Keyboard.handleKey(e, 'OffCanvas', {
|
847
635
|
close: function close() {
|
848
636
|
_this6.close();
|
849
|
-
|
850
637
|
_this6.$lastTrigger.focus();
|
851
|
-
|
852
638
|
return true;
|
853
639
|
},
|
854
640
|
handled: function handled() {
|
@@ -856,11 +642,11 @@ function (_Plugin) {
|
|
856
642
|
}
|
857
643
|
});
|
858
644
|
}
|
645
|
+
|
859
646
|
/**
|
860
647
|
* Destroys the OffCanvas plugin.
|
861
648
|
* @function
|
862
649
|
*/
|
863
|
-
|
864
650
|
}, {
|
865
651
|
key: "_destroy",
|
866
652
|
value: function _destroy() {
|
@@ -870,10 +656,7 @@ function (_Plugin) {
|
|
870
656
|
if (this.onLoadListener) jquery__WEBPACK_IMPORTED_MODULE_0___default()(window).off(this.onLoadListener);
|
871
657
|
}
|
872
658
|
}]);
|
873
|
-
|
874
|
-
return OffCanvas;
|
875
|
-
}(_foundation_core_plugin__WEBPACK_IMPORTED_MODULE_1__["Plugin"]);
|
876
|
-
|
659
|
+
}(_foundation_core_plugin__WEBPACK_IMPORTED_MODULE_1__.Plugin);
|
877
660
|
OffCanvas.defaults = {
|
878
661
|
/**
|
879
662
|
* Allow the user to click outside of the menu to close it.
|
@@ -882,7 +665,6 @@ OffCanvas.defaults = {
|
|
882
665
|
* @default true
|
883
666
|
*/
|
884
667
|
closeOnClick: true,
|
885
|
-
|
886
668
|
/**
|
887
669
|
* Adds an overlay on top of `[data-off-canvas-content]`.
|
888
670
|
* @option
|
@@ -890,7 +672,6 @@ OffCanvas.defaults = {
|
|
890
672
|
* @default true
|
891
673
|
*/
|
892
674
|
contentOverlay: true,
|
893
|
-
|
894
675
|
/**
|
895
676
|
* Target an off-canvas content container by ID that may be placed anywhere. If null the closest content container will be taken.
|
896
677
|
* @option
|
@@ -898,7 +679,6 @@ OffCanvas.defaults = {
|
|
898
679
|
* @default null
|
899
680
|
*/
|
900
681
|
contentId: null,
|
901
|
-
|
902
682
|
/**
|
903
683
|
* Define the off-canvas element is nested in an off-canvas content. This is required when using the contentId option for a nested element.
|
904
684
|
* @option
|
@@ -906,7 +686,6 @@ OffCanvas.defaults = {
|
|
906
686
|
* @default null
|
907
687
|
*/
|
908
688
|
nested: null,
|
909
|
-
|
910
689
|
/**
|
911
690
|
* Enable/disable scrolling of the main content when an off canvas panel is open.
|
912
691
|
* @option
|
@@ -914,7 +693,6 @@ OffCanvas.defaults = {
|
|
914
693
|
* @default true
|
915
694
|
*/
|
916
695
|
contentScroll: true,
|
917
|
-
|
918
696
|
/**
|
919
697
|
* Amount of time the open and close transition requires, including the appropriate milliseconds (`ms`) or seconds (`s`) unit (e.g. `500ms`, `.75s`) If none selected, pulls from body style.
|
920
698
|
* @option
|
@@ -922,7 +700,6 @@ OffCanvas.defaults = {
|
|
922
700
|
* @default null
|
923
701
|
*/
|
924
702
|
transitionTime: null,
|
925
|
-
|
926
703
|
/**
|
927
704
|
* Type of transition for the OffCanvas menu. Options are 'push', 'detached' or 'slide'.
|
928
705
|
* @option
|
@@ -930,7 +707,6 @@ OffCanvas.defaults = {
|
|
930
707
|
* @default push
|
931
708
|
*/
|
932
709
|
transition: 'push',
|
933
|
-
|
934
710
|
/**
|
935
711
|
* Force the page to scroll to top or bottom on open.
|
936
712
|
* @option
|
@@ -938,7 +714,6 @@ OffCanvas.defaults = {
|
|
938
714
|
* @default null
|
939
715
|
*/
|
940
716
|
forceTo: null,
|
941
|
-
|
942
717
|
/**
|
943
718
|
* Allow the OffCanvas to remain open for certain breakpoints.
|
944
719
|
* @option
|
@@ -946,7 +721,6 @@ OffCanvas.defaults = {
|
|
946
721
|
* @default false
|
947
722
|
*/
|
948
723
|
isRevealed: false,
|
949
|
-
|
950
724
|
/**
|
951
725
|
* Breakpoint at which to reveal. JS will use a RegExp to target standard classes, if changing classnames, pass your class with the `revealClass` option.
|
952
726
|
* @option
|
@@ -954,7 +728,6 @@ OffCanvas.defaults = {
|
|
954
728
|
* @default null
|
955
729
|
*/
|
956
730
|
revealOn: null,
|
957
|
-
|
958
731
|
/**
|
959
732
|
* Breakpoint at which the off-canvas gets moved into canvas content and acts as regular page element.
|
960
733
|
* @option
|
@@ -962,7 +735,6 @@ OffCanvas.defaults = {
|
|
962
735
|
* @default null
|
963
736
|
*/
|
964
737
|
inCanvasOn: null,
|
965
|
-
|
966
738
|
/**
|
967
739
|
* Force focus to the offcanvas on open. If true, will focus the opening trigger on close.
|
968
740
|
* @option
|
@@ -970,7 +742,6 @@ OffCanvas.defaults = {
|
|
970
742
|
* @default true
|
971
743
|
*/
|
972
744
|
autoFocus: true,
|
973
|
-
|
974
745
|
/**
|
975
746
|
* Class used to force an OffCanvas to remain open. Foundation defaults for this are `reveal-for-large` & `reveal-for-medium`.
|
976
747
|
* @option
|
@@ -979,7 +750,6 @@ OffCanvas.defaults = {
|
|
979
750
|
* @todo improve the regex testing for this.
|
980
751
|
*/
|
981
752
|
revealClass: 'reveal-for-',
|
982
|
-
|
983
753
|
/**
|
984
754
|
* Triggers optional focus trapping when opening an OffCanvas. Sets tabindex of [data-off-canvas-content] to -1 for accessibility purposes.
|
985
755
|
* @option
|
@@ -996,44 +766,36 @@ OffCanvas.defaults = {
|
|
996
766
|
/*!****************************************!*\
|
997
767
|
!*** ./js/foundation.util.triggers.js ***!
|
998
768
|
\****************************************/
|
999
|
-
|
1000
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
769
|
+
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
1001
770
|
|
1002
|
-
"use strict";
|
1003
771
|
__webpack_require__.r(__webpack_exports__);
|
1004
|
-
/* harmony export
|
772
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
773
|
+
/* harmony export */ Triggers: function() { return /* binding */ Triggers; }
|
774
|
+
/* harmony export */ });
|
1005
775
|
/* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! jquery */ "jquery");
|
1006
776
|
/* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(jquery__WEBPACK_IMPORTED_MODULE_0__);
|
1007
777
|
/* harmony import */ var _foundation_core_utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./foundation.core.utils */ "./foundation.core");
|
1008
778
|
/* harmony import */ var _foundation_core_utils__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_foundation_core_utils__WEBPACK_IMPORTED_MODULE_1__);
|
1009
779
|
/* harmony import */ var _foundation_util_motion__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./foundation.util.motion */ "./foundation.util.motion");
|
1010
780
|
/* harmony import */ var _foundation_util_motion__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_foundation_util_motion__WEBPACK_IMPORTED_MODULE_2__);
|
1011
|
-
|
1012
|
-
|
1013
|
-
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); }
|
1014
|
-
|
1015
|
-
|
781
|
+
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); }
|
1016
782
|
|
1017
783
|
|
1018
784
|
|
1019
785
|
var MutationObserver = function () {
|
1020
786
|
var prefixes = ['WebKit', 'Moz', 'O', 'Ms', ''];
|
1021
|
-
|
1022
787
|
for (var i = 0; i < prefixes.length; i++) {
|
1023
788
|
if ("".concat(prefixes[i], "MutationObserver") in window) {
|
1024
789
|
return window["".concat(prefixes[i], "MutationObserver")];
|
1025
790
|
}
|
1026
791
|
}
|
1027
|
-
|
1028
792
|
return false;
|
1029
793
|
}();
|
1030
|
-
|
1031
794
|
var triggers = function triggers(el, type) {
|
1032
795
|
el.data(type).split(' ').forEach(function (id) {
|
1033
796
|
jquery__WEBPACK_IMPORTED_MODULE_0___default()("#".concat(id))[type === 'close' ? 'trigger' : 'triggerHandler']("".concat(type, ".zf.trigger"), [el]);
|
1034
797
|
});
|
1035
798
|
};
|
1036
|
-
|
1037
799
|
var Triggers = {
|
1038
800
|
Listeners: {
|
1039
801
|
Basic: {},
|
@@ -1047,7 +809,6 @@ Triggers.Listeners.Basic = {
|
|
1047
809
|
},
|
1048
810
|
closeListener: function closeListener() {
|
1049
811
|
var id = jquery__WEBPACK_IMPORTED_MODULE_0___default()(this).data('close');
|
1050
|
-
|
1051
812
|
if (id) {
|
1052
813
|
triggers(jquery__WEBPACK_IMPORTED_MODULE_0___default()(this), 'close');
|
1053
814
|
} else {
|
@@ -1056,7 +817,6 @@ Triggers.Listeners.Basic = {
|
|
1056
817
|
},
|
1057
818
|
toggleListener: function toggleListener() {
|
1058
819
|
var id = jquery__WEBPACK_IMPORTED_MODULE_0___default()(this).data('toggle');
|
1059
|
-
|
1060
820
|
if (id) {
|
1061
821
|
triggers(jquery__WEBPACK_IMPORTED_MODULE_0___default()(this), 'toggle');
|
1062
822
|
} else {
|
@@ -1064,12 +824,12 @@ Triggers.Listeners.Basic = {
|
|
1064
824
|
}
|
1065
825
|
},
|
1066
826
|
closeableListener: function closeableListener(e) {
|
1067
|
-
var animation = jquery__WEBPACK_IMPORTED_MODULE_0___default()(this).data('closable');
|
827
|
+
var animation = jquery__WEBPACK_IMPORTED_MODULE_0___default()(this).data('closable');
|
1068
828
|
|
829
|
+
// Only close the first closable element. See https://git.io/zf-7833
|
1069
830
|
e.stopPropagation();
|
1070
|
-
|
1071
831
|
if (animation !== '') {
|
1072
|
-
_foundation_util_motion__WEBPACK_IMPORTED_MODULE_2__
|
832
|
+
_foundation_util_motion__WEBPACK_IMPORTED_MODULE_2__.Motion.animateOut(jquery__WEBPACK_IMPORTED_MODULE_0___default()(this), animation, function () {
|
1073
833
|
jquery__WEBPACK_IMPORTED_MODULE_0___default()(this).trigger('closed.zf');
|
1074
834
|
});
|
1075
835
|
} else {
|
@@ -1080,39 +840,40 @@ Triggers.Listeners.Basic = {
|
|
1080
840
|
var id = jquery__WEBPACK_IMPORTED_MODULE_0___default()(this).data('toggle-focus');
|
1081
841
|
jquery__WEBPACK_IMPORTED_MODULE_0___default()("#".concat(id)).triggerHandler('toggle.zf.trigger', [jquery__WEBPACK_IMPORTED_MODULE_0___default()(this)]);
|
1082
842
|
}
|
1083
|
-
};
|
843
|
+
};
|
1084
844
|
|
845
|
+
// Elements with [data-open] will reveal a plugin that supports it when clicked.
|
1085
846
|
Triggers.Initializers.addOpenListener = function ($elem) {
|
1086
847
|
$elem.off('click.zf.trigger', Triggers.Listeners.Basic.openListener);
|
1087
848
|
$elem.on('click.zf.trigger', '[data-open]', Triggers.Listeners.Basic.openListener);
|
1088
|
-
};
|
1089
|
-
// If used without a value on [data-close], the event will bubble, allowing it to close a parent component.
|
1090
|
-
|
849
|
+
};
|
1091
850
|
|
851
|
+
// Elements with [data-close] will close a plugin that supports it when clicked.
|
852
|
+
// If used without a value on [data-close], the event will bubble, allowing it to close a parent component.
|
1092
853
|
Triggers.Initializers.addCloseListener = function ($elem) {
|
1093
854
|
$elem.off('click.zf.trigger', Triggers.Listeners.Basic.closeListener);
|
1094
855
|
$elem.on('click.zf.trigger', '[data-close]', Triggers.Listeners.Basic.closeListener);
|
1095
|
-
};
|
1096
|
-
|
856
|
+
};
|
1097
857
|
|
858
|
+
// Elements with [data-toggle] will toggle a plugin that supports it when clicked.
|
1098
859
|
Triggers.Initializers.addToggleListener = function ($elem) {
|
1099
860
|
$elem.off('click.zf.trigger', Triggers.Listeners.Basic.toggleListener);
|
1100
861
|
$elem.on('click.zf.trigger', '[data-toggle]', Triggers.Listeners.Basic.toggleListener);
|
1101
|
-
};
|
1102
|
-
|
862
|
+
};
|
1103
863
|
|
864
|
+
// Elements with [data-closable] will respond to close.zf.trigger events.
|
1104
865
|
Triggers.Initializers.addCloseableListener = function ($elem) {
|
1105
866
|
$elem.off('close.zf.trigger', Triggers.Listeners.Basic.closeableListener);
|
1106
867
|
$elem.on('close.zf.trigger', '[data-closeable], [data-closable]', Triggers.Listeners.Basic.closeableListener);
|
1107
|
-
};
|
1108
|
-
|
868
|
+
};
|
1109
869
|
|
870
|
+
// Elements with [data-toggle-focus] will respond to coming in and out of focus
|
1110
871
|
Triggers.Initializers.addToggleFocusListener = function ($elem) {
|
1111
872
|
$elem.off('focus.zf.trigger blur.zf.trigger', Triggers.Listeners.Basic.toggleFocusListener);
|
1112
873
|
$elem.on('focus.zf.trigger blur.zf.trigger', '[data-toggle-focus]', Triggers.Listeners.Basic.toggleFocusListener);
|
1113
|
-
};
|
1114
|
-
|
874
|
+
};
|
1115
875
|
|
876
|
+
// More Global/complex listeners and triggers
|
1116
877
|
Triggers.Listeners.Global = {
|
1117
878
|
resizeListener: function resizeListener($nodes) {
|
1118
879
|
if (!MutationObserver) {
|
@@ -1120,9 +881,8 @@ Triggers.Listeners.Global = {
|
|
1120
881
|
$nodes.each(function () {
|
1121
882
|
jquery__WEBPACK_IMPORTED_MODULE_0___default()(this).triggerHandler('resizeme.zf.trigger');
|
1122
883
|
});
|
1123
|
-
}
|
1124
|
-
|
1125
|
-
|
884
|
+
}
|
885
|
+
//trigger all listening elements and signal a resize event
|
1126
886
|
$nodes.attr('data-events', "resize");
|
1127
887
|
},
|
1128
888
|
scrollListener: function scrollListener($nodes) {
|
@@ -1131,9 +891,8 @@ Triggers.Listeners.Global = {
|
|
1131
891
|
$nodes.each(function () {
|
1132
892
|
jquery__WEBPACK_IMPORTED_MODULE_0___default()(this).triggerHandler('scrollme.zf.trigger');
|
1133
893
|
});
|
1134
|
-
}
|
1135
|
-
|
1136
|
-
|
894
|
+
}
|
895
|
+
//trigger all listening elements and signal a scroll event
|
1137
896
|
$nodes.attr('data-events', "scroll");
|
1138
897
|
},
|
1139
898
|
closeMeListener: function closeMeListener(e, pluginId) {
|
@@ -1141,17 +900,15 @@ Triggers.Listeners.Global = {
|
|
1141
900
|
var plugins = jquery__WEBPACK_IMPORTED_MODULE_0___default()("[data-".concat(plugin, "]")).not("[data-yeti-box=\"".concat(pluginId, "\"]"));
|
1142
901
|
plugins.each(function () {
|
1143
902
|
var _this = jquery__WEBPACK_IMPORTED_MODULE_0___default()(this);
|
1144
|
-
|
1145
903
|
_this.triggerHandler('close.zf.trigger', [_this]);
|
1146
904
|
});
|
1147
|
-
}
|
1148
|
-
|
905
|
+
}
|
1149
906
|
};
|
1150
907
|
|
908
|
+
// Global, parses whole document.
|
1151
909
|
Triggers.Initializers.addClosemeListener = function (pluginName) {
|
1152
910
|
var yetiBoxes = jquery__WEBPACK_IMPORTED_MODULE_0___default()('[data-yeti-box]'),
|
1153
|
-
|
1154
|
-
|
911
|
+
plugNames = ['dropdown', 'tooltip', 'reveal'];
|
1155
912
|
if (pluginName) {
|
1156
913
|
if (typeof pluginName === 'string') {
|
1157
914
|
plugNames.push(pluginName);
|
@@ -1161,7 +918,6 @@ Triggers.Initializers.addClosemeListener = function (pluginName) {
|
|
1161
918
|
console.error('Plugin names must be strings');
|
1162
919
|
}
|
1163
920
|
}
|
1164
|
-
|
1165
921
|
if (yetiBoxes.length) {
|
1166
922
|
var listeners = plugNames.map(function (name) {
|
1167
923
|
return "closeme.zf.".concat(name);
|
@@ -1169,75 +925,63 @@ Triggers.Initializers.addClosemeListener = function (pluginName) {
|
|
1169
925
|
jquery__WEBPACK_IMPORTED_MODULE_0___default()(window).off(listeners).on(listeners, Triggers.Listeners.Global.closeMeListener);
|
1170
926
|
}
|
1171
927
|
};
|
1172
|
-
|
1173
928
|
function debounceGlobalListener(debounce, trigger, listener) {
|
1174
929
|
var timer,
|
1175
|
-
|
1176
|
-
jquery__WEBPACK_IMPORTED_MODULE_0___default()(window).
|
930
|
+
args = Array.prototype.slice.call(arguments, 3);
|
931
|
+
jquery__WEBPACK_IMPORTED_MODULE_0___default()(window).on(trigger, function () {
|
1177
932
|
if (timer) {
|
1178
933
|
clearTimeout(timer);
|
1179
934
|
}
|
1180
|
-
|
1181
935
|
timer = setTimeout(function () {
|
1182
936
|
listener.apply(null, args);
|
1183
937
|
}, debounce || 10); //default time to emit scroll event
|
1184
938
|
});
|
1185
939
|
}
|
1186
|
-
|
1187
940
|
Triggers.Initializers.addResizeListener = function (debounce) {
|
1188
941
|
var $nodes = jquery__WEBPACK_IMPORTED_MODULE_0___default()('[data-resize]');
|
1189
|
-
|
1190
942
|
if ($nodes.length) {
|
1191
943
|
debounceGlobalListener(debounce, 'resize.zf.trigger', Triggers.Listeners.Global.resizeListener, $nodes);
|
1192
944
|
}
|
1193
945
|
};
|
1194
|
-
|
1195
946
|
Triggers.Initializers.addScrollListener = function (debounce) {
|
1196
947
|
var $nodes = jquery__WEBPACK_IMPORTED_MODULE_0___default()('[data-scroll]');
|
1197
|
-
|
1198
948
|
if ($nodes.length) {
|
1199
949
|
debounceGlobalListener(debounce, 'scroll.zf.trigger', Triggers.Listeners.Global.scrollListener, $nodes);
|
1200
950
|
}
|
1201
951
|
};
|
1202
|
-
|
1203
952
|
Triggers.Initializers.addMutationEventsListener = function ($elem) {
|
1204
953
|
if (!MutationObserver) {
|
1205
954
|
return false;
|
1206
955
|
}
|
956
|
+
var $nodes = $elem.find('[data-resize], [data-scroll], [data-mutate]');
|
1207
957
|
|
1208
|
-
|
1209
|
-
|
958
|
+
//element callback
|
1210
959
|
var listeningElementsMutation = function listeningElementsMutation(mutationRecordsList) {
|
1211
|
-
var $target = jquery__WEBPACK_IMPORTED_MODULE_0___default()(mutationRecordsList[0].target);
|
960
|
+
var $target = jquery__WEBPACK_IMPORTED_MODULE_0___default()(mutationRecordsList[0].target);
|
1212
961
|
|
962
|
+
//trigger the event handler for the element depending on type
|
1213
963
|
switch (mutationRecordsList[0].type) {
|
1214
964
|
case "attributes":
|
1215
965
|
if ($target.attr("data-events") === "scroll" && mutationRecordsList[0].attributeName === "data-events") {
|
1216
966
|
$target.triggerHandler('scrollme.zf.trigger', [$target, window.pageYOffset]);
|
1217
967
|
}
|
1218
|
-
|
1219
968
|
if ($target.attr("data-events") === "resize" && mutationRecordsList[0].attributeName === "data-events") {
|
1220
969
|
$target.triggerHandler('resizeme.zf.trigger', [$target]);
|
1221
970
|
}
|
1222
|
-
|
1223
971
|
if (mutationRecordsList[0].attributeName === "style") {
|
1224
972
|
$target.closest("[data-mutate]").attr("data-events", "mutate");
|
1225
973
|
$target.closest("[data-mutate]").triggerHandler('mutateme.zf.trigger', [$target.closest("[data-mutate]")]);
|
1226
974
|
}
|
1227
|
-
|
1228
975
|
break;
|
1229
|
-
|
1230
976
|
case "childList":
|
1231
977
|
$target.closest("[data-mutate]").attr("data-events", "mutate");
|
1232
978
|
$target.closest("[data-mutate]").triggerHandler('mutateme.zf.trigger', [$target.closest("[data-mutate]")]);
|
1233
979
|
break;
|
1234
|
-
|
1235
980
|
default:
|
1236
981
|
return false;
|
1237
982
|
//nothing
|
1238
983
|
}
|
1239
984
|
};
|
1240
|
-
|
1241
985
|
if ($nodes.length) {
|
1242
986
|
//for each element that needs to listen for resizing, scrolling, or mutation add a single observer
|
1243
987
|
for (var i = 0; i <= $nodes.length - 1; i++) {
|
@@ -1252,7 +996,6 @@ Triggers.Initializers.addMutationEventsListener = function ($elem) {
|
|
1252
996
|
}
|
1253
997
|
}
|
1254
998
|
};
|
1255
|
-
|
1256
999
|
Triggers.Initializers.addSimpleListeners = function () {
|
1257
1000
|
var $document = jquery__WEBPACK_IMPORTED_MODULE_0___default()(document);
|
1258
1001
|
Triggers.Initializers.addOpenListener($document);
|
@@ -1261,44 +1004,68 @@ Triggers.Initializers.addSimpleListeners = function () {
|
|
1261
1004
|
Triggers.Initializers.addCloseableListener($document);
|
1262
1005
|
Triggers.Initializers.addToggleFocusListener($document);
|
1263
1006
|
};
|
1264
|
-
|
1265
1007
|
Triggers.Initializers.addGlobalListeners = function () {
|
1266
1008
|
var $document = jquery__WEBPACK_IMPORTED_MODULE_0___default()(document);
|
1267
1009
|
Triggers.Initializers.addMutationEventsListener($document);
|
1268
|
-
Triggers.Initializers.addResizeListener();
|
1010
|
+
Triggers.Initializers.addResizeListener(250);
|
1269
1011
|
Triggers.Initializers.addScrollListener();
|
1270
1012
|
Triggers.Initializers.addClosemeListener();
|
1271
1013
|
};
|
1272
|
-
|
1273
|
-
|
1274
|
-
|
1275
|
-
if ($.triggersInitialized !== true) {
|
1014
|
+
Triggers.init = function (__, Foundation) {
|
1015
|
+
(0,_foundation_core_utils__WEBPACK_IMPORTED_MODULE_1__.onLoad)(jquery__WEBPACK_IMPORTED_MODULE_0___default()(window), function () {
|
1016
|
+
if ((jquery__WEBPACK_IMPORTED_MODULE_0___default().triggersInitialized) !== true) {
|
1276
1017
|
Triggers.Initializers.addSimpleListeners();
|
1277
1018
|
Triggers.Initializers.addGlobalListeners();
|
1278
|
-
|
1019
|
+
(jquery__WEBPACK_IMPORTED_MODULE_0___default().triggersInitialized) = true;
|
1279
1020
|
}
|
1280
1021
|
});
|
1281
|
-
|
1282
1022
|
if (Foundation) {
|
1283
|
-
Foundation.Triggers = Triggers;
|
1284
|
-
|
1023
|
+
Foundation.Triggers = Triggers;
|
1024
|
+
// Legacy included to be backwards compatible for now.
|
1285
1025
|
Foundation.IHearYou = Triggers.Initializers.addGlobalListeners;
|
1286
1026
|
}
|
1287
1027
|
};
|
1288
1028
|
|
1289
1029
|
|
1030
|
+
/***/ }),
|
1031
|
+
|
1032
|
+
/***/ "./foundation.core":
|
1033
|
+
/*!****************************************************************************************************************************************************************!*\
|
1034
|
+
!*** external {"root":["__FOUNDATION_EXTERNAL__","foundation.core"],"amd":"./foundation.core","commonjs":"./foundation.core","commonjs2":"./foundation.core"} ***!
|
1035
|
+
\****************************************************************************************************************************************************************/
|
1036
|
+
/***/ (function(module) {
|
1037
|
+
|
1038
|
+
module.exports = __WEBPACK_EXTERNAL_MODULE__foundation_core__;
|
1290
1039
|
|
1291
1040
|
/***/ }),
|
1292
1041
|
|
1293
|
-
/***/
|
1294
|
-
|
1295
|
-
!***
|
1296
|
-
|
1297
|
-
|
1298
|
-
/***/ (function(module, exports, __webpack_require__) {
|
1042
|
+
/***/ "./foundation.util.keyboard":
|
1043
|
+
/*!****************************************************************************************************************************************************************************************************!*\
|
1044
|
+
!*** external {"root":["__FOUNDATION_EXTERNAL__","foundation.util.keyboard"],"amd":"./foundation.util.keyboard","commonjs":"./foundation.util.keyboard","commonjs2":"./foundation.util.keyboard"} ***!
|
1045
|
+
\****************************************************************************************************************************************************************************************************/
|
1046
|
+
/***/ (function(module) {
|
1299
1047
|
|
1300
|
-
module.exports =
|
1048
|
+
module.exports = __WEBPACK_EXTERNAL_MODULE__foundation_util_keyboard__;
|
1301
1049
|
|
1050
|
+
/***/ }),
|
1051
|
+
|
1052
|
+
/***/ "./foundation.util.mediaQuery":
|
1053
|
+
/*!************************************************************************************************************************************************************************************************************!*\
|
1054
|
+
!*** external {"root":["__FOUNDATION_EXTERNAL__","foundation.util.mediaQuery"],"amd":"./foundation.util.mediaQuery","commonjs":"./foundation.util.mediaQuery","commonjs2":"./foundation.util.mediaQuery"} ***!
|
1055
|
+
\************************************************************************************************************************************************************************************************************/
|
1056
|
+
/***/ (function(module) {
|
1057
|
+
|
1058
|
+
module.exports = __WEBPACK_EXTERNAL_MODULE__foundation_util_mediaQuery__;
|
1059
|
+
|
1060
|
+
/***/ }),
|
1061
|
+
|
1062
|
+
/***/ "./foundation.util.motion":
|
1063
|
+
/*!********************************************************************************************************************************************************************************************!*\
|
1064
|
+
!*** external {"root":["__FOUNDATION_EXTERNAL__","foundation.util.motion"],"amd":"./foundation.util.motion","commonjs":"./foundation.util.motion","commonjs2":"./foundation.util.motion"} ***!
|
1065
|
+
\********************************************************************************************************************************************************************************************/
|
1066
|
+
/***/ (function(module) {
|
1067
|
+
|
1068
|
+
module.exports = __WEBPACK_EXTERNAL_MODULE__foundation_util_motion__;
|
1302
1069
|
|
1303
1070
|
/***/ }),
|
1304
1071
|
|
@@ -1306,13 +1073,101 @@ module.exports = __webpack_require__(/*! /Volumes/Data/Development/Foundation/fo
|
|
1306
1073
|
/*!********************************************************************************************!*\
|
1307
1074
|
!*** external {"root":["jQuery"],"amd":"jquery","commonjs":"jquery","commonjs2":"jquery"} ***!
|
1308
1075
|
\********************************************************************************************/
|
1309
|
-
|
1310
|
-
/***/ (function(module, exports) {
|
1076
|
+
/***/ (function(module) {
|
1311
1077
|
|
1312
1078
|
module.exports = __WEBPACK_EXTERNAL_MODULE_jquery__;
|
1313
1079
|
|
1314
1080
|
/***/ })
|
1315
1081
|
|
1316
|
-
/******/
|
1082
|
+
/******/ });
|
1083
|
+
/************************************************************************/
|
1084
|
+
/******/ // The module cache
|
1085
|
+
/******/ var __webpack_module_cache__ = {};
|
1086
|
+
/******/
|
1087
|
+
/******/ // The require function
|
1088
|
+
/******/ function __webpack_require__(moduleId) {
|
1089
|
+
/******/ // Check if module is in cache
|
1090
|
+
/******/ var cachedModule = __webpack_module_cache__[moduleId];
|
1091
|
+
/******/ if (cachedModule !== undefined) {
|
1092
|
+
/******/ return cachedModule.exports;
|
1093
|
+
/******/ }
|
1094
|
+
/******/ // Create a new module (and put it into the cache)
|
1095
|
+
/******/ var module = __webpack_module_cache__[moduleId] = {
|
1096
|
+
/******/ // no module.id needed
|
1097
|
+
/******/ // no module.loaded needed
|
1098
|
+
/******/ exports: {}
|
1099
|
+
/******/ };
|
1100
|
+
/******/
|
1101
|
+
/******/ // Execute the module function
|
1102
|
+
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
|
1103
|
+
/******/
|
1104
|
+
/******/ // Return the exports of the module
|
1105
|
+
/******/ return module.exports;
|
1106
|
+
/******/ }
|
1107
|
+
/******/
|
1108
|
+
/************************************************************************/
|
1109
|
+
/******/ /* webpack/runtime/compat get default export */
|
1110
|
+
/******/ !function() {
|
1111
|
+
/******/ // getDefaultExport function for compatibility with non-harmony modules
|
1112
|
+
/******/ __webpack_require__.n = function(module) {
|
1113
|
+
/******/ var getter = module && module.__esModule ?
|
1114
|
+
/******/ function() { return module['default']; } :
|
1115
|
+
/******/ function() { return module; };
|
1116
|
+
/******/ __webpack_require__.d(getter, { a: getter });
|
1117
|
+
/******/ return getter;
|
1118
|
+
/******/ };
|
1119
|
+
/******/ }();
|
1120
|
+
/******/
|
1121
|
+
/******/ /* webpack/runtime/define property getters */
|
1122
|
+
/******/ !function() {
|
1123
|
+
/******/ // define getter functions for harmony exports
|
1124
|
+
/******/ __webpack_require__.d = function(exports, definition) {
|
1125
|
+
/******/ for(var key in definition) {
|
1126
|
+
/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
|
1127
|
+
/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
|
1128
|
+
/******/ }
|
1129
|
+
/******/ }
|
1130
|
+
/******/ };
|
1131
|
+
/******/ }();
|
1132
|
+
/******/
|
1133
|
+
/******/ /* webpack/runtime/hasOwnProperty shorthand */
|
1134
|
+
/******/ !function() {
|
1135
|
+
/******/ __webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }
|
1136
|
+
/******/ }();
|
1137
|
+
/******/
|
1138
|
+
/******/ /* webpack/runtime/make namespace object */
|
1139
|
+
/******/ !function() {
|
1140
|
+
/******/ // define __esModule on exports
|
1141
|
+
/******/ __webpack_require__.r = function(exports) {
|
1142
|
+
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
|
1143
|
+
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
1144
|
+
/******/ }
|
1145
|
+
/******/ Object.defineProperty(exports, '__esModule', { value: true });
|
1146
|
+
/******/ };
|
1147
|
+
/******/ }();
|
1148
|
+
/******/
|
1149
|
+
/************************************************************************/
|
1150
|
+
var __webpack_exports__ = {};
|
1151
|
+
// This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
|
1152
|
+
!function() {
|
1153
|
+
/*!****************************************************!*\
|
1154
|
+
!*** ./js/entries/plugins/foundation.offcanvas.js ***!
|
1155
|
+
\****************************************************/
|
1156
|
+
__webpack_require__.r(__webpack_exports__);
|
1157
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
1158
|
+
/* harmony export */ Foundation: function() { return /* reexport safe */ _foundation_core__WEBPACK_IMPORTED_MODULE_0__.Foundation; },
|
1159
|
+
/* harmony export */ OffCanvas: function() { return /* reexport safe */ _foundation_offcanvas__WEBPACK_IMPORTED_MODULE_1__.OffCanvas; }
|
1160
|
+
/* harmony export */ });
|
1161
|
+
/* harmony import */ var _foundation_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./foundation.core */ "./foundation.core");
|
1162
|
+
/* harmony import */ var _foundation_core__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_foundation_core__WEBPACK_IMPORTED_MODULE_0__);
|
1163
|
+
/* harmony import */ var _foundation_offcanvas__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../foundation.offcanvas */ "./js/foundation.offcanvas.js");
|
1164
|
+
|
1165
|
+
|
1166
|
+
_foundation_core__WEBPACK_IMPORTED_MODULE_0__.Foundation.plugin(_foundation_offcanvas__WEBPACK_IMPORTED_MODULE_1__.OffCanvas, 'OffCanvas');
|
1167
|
+
|
1168
|
+
}();
|
1169
|
+
/******/ return __webpack_exports__;
|
1170
|
+
/******/ })()
|
1171
|
+
;
|
1317
1172
|
});
|
1318
1173
|
//# sourceMappingURL=foundation.offcanvas.js.map
|