351 lines
15 KiB
JavaScript
351 lines
15 KiB
JavaScript
|
(function webpackUniversalModuleDefinition(root, factory) {
|
||
|
|
if(typeof exports === 'object' && typeof module === 'object')
|
||
|
|
module.exports = factory(require("./foundation.core"), require("./foundation.core.utils"), require("jquery"));
|
||
|
|
else if(typeof define === 'function' && define.amd)
|
||
|
|
define(["./foundation.core", "./foundation.core.utils", "jquery"], factory);
|
||
|
|
else if(typeof exports === 'object')
|
||
|
|
exports["foundation.util.keyboard"] = factory(require("./foundation.core"), require("./foundation.core.utils"), require("jquery"));
|
||
|
|
else
|
||
|
|
root["__FOUNDATION_EXTERNAL__"] = root["__FOUNDATION_EXTERNAL__"] || {}, root["__FOUNDATION_EXTERNAL__"]["foundation.util.keyboard"] = factory(root["__FOUNDATION_EXTERNAL__"]["foundation.core"], root["__FOUNDATION_EXTERNAL__"]["foundation.core"], root["jQuery"]);
|
||
|
|
})(window, function(__WEBPACK_EXTERNAL_MODULE__foundation_core__, __WEBPACK_EXTERNAL_MODULE__foundation_core_utils__, __WEBPACK_EXTERNAL_MODULE_jquery__) {
|
||
|
|
return /******/ (function(modules) { // webpackBootstrap
|
||
|
|
/******/ // The module cache
|
||
|
|
/******/ var installedModules = {};
|
||
|
|
/******/
|
||
|
|
/******/ // The require function
|
||
|
|
/******/ function __webpack_require__(moduleId) {
|
||
|
|
/******/
|
||
|
|
/******/ // Check if module is in cache
|
||
|
|
/******/ if(installedModules[moduleId]) {
|
||
|
|
/******/ return installedModules[moduleId].exports;
|
||
|
|
/******/ }
|
||
|
|
/******/ // Create a new module (and put it into the cache)
|
||
|
|
/******/ var module = installedModules[moduleId] = {
|
||
|
|
/******/ i: moduleId,
|
||
|
|
/******/ l: false,
|
||
|
|
/******/ exports: {}
|
||
|
|
/******/ };
|
||
|
|
/******/
|
||
|
|
/******/ // Execute the module function
|
||
|
|
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
|
||
|
|
/******/
|
||
|
|
/******/ // Flag the module as loaded
|
||
|
|
/******/ module.l = true;
|
||
|
|
/******/
|
||
|
|
/******/ // Return the exports of the module
|
||
|
|
/******/ return module.exports;
|
||
|
|
/******/ }
|
||
|
|
/******/
|
||
|
|
/******/
|
||
|
|
/******/ // expose the modules object (__webpack_modules__)
|
||
|
|
/******/ __webpack_require__.m = modules;
|
||
|
|
/******/
|
||
|
|
/******/ // expose the module cache
|
||
|
|
/******/ __webpack_require__.c = installedModules;
|
||
|
|
/******/
|
||
|
|
/******/ // define getter function for harmony exports
|
||
|
|
/******/ __webpack_require__.d = function(exports, name, getter) {
|
||
|
|
/******/ if(!__webpack_require__.o(exports, name)) {
|
||
|
|
/******/ Object.defineProperty(exports, name, { enumerable: true, get: getter });
|
||
|
|
/******/ }
|
||
|
|
/******/ };
|
||
|
|
/******/
|
||
|
|
/******/ // define __esModule on exports
|
||
|
|
/******/ __webpack_require__.r = function(exports) {
|
||
|
|
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
|
||
|
|
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
||
|
|
/******/ }
|
||
|
|
/******/ Object.defineProperty(exports, '__esModule', { value: true });
|
||
|
|
/******/ };
|
||
|
|
/******/
|
||
|
|
/******/ // create a fake namespace object
|
||
|
|
/******/ // mode & 1: value is a module id, require it
|
||
|
|
/******/ // mode & 2: merge all properties of value into the ns
|
||
|
|
/******/ // mode & 4: return value when already ns object
|
||
|
|
/******/ // mode & 8|1: behave like require
|
||
|
|
/******/ __webpack_require__.t = function(value, mode) {
|
||
|
|
/******/ if(mode & 1) value = __webpack_require__(value);
|
||
|
|
/******/ if(mode & 8) return value;
|
||
|
|
/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
|
||
|
|
/******/ var ns = Object.create(null);
|
||
|
|
/******/ __webpack_require__.r(ns);
|
||
|
|
/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value });
|
||
|
|
/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
|
||
|
|
/******/ return ns;
|
||
|
|
/******/ };
|
||
|
|
/******/
|
||
|
|
/******/ // getDefaultExport function for compatibility with non-harmony modules
|
||
|
|
/******/ __webpack_require__.n = function(module) {
|
||
|
|
/******/ var getter = module && module.__esModule ?
|
||
|
|
/******/ function getDefault() { return module['default']; } :
|
||
|
|
/******/ function getModuleExports() { return module; };
|
||
|
|
/******/ __webpack_require__.d(getter, 'a', getter);
|
||
|
|
/******/ return getter;
|
||
|
|
/******/ };
|
||
|
|
/******/
|
||
|
|
/******/ // Object.prototype.hasOwnProperty.call
|
||
|
|
/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
|
||
|
|
/******/
|
||
|
|
/******/ // __webpack_public_path__
|
||
|
|
/******/ __webpack_require__.p = "";
|
||
|
|
/******/
|
||
|
|
/******/
|
||
|
|
/******/ // Load entry module and return exports
|
||
|
|
/******/ return __webpack_require__(__webpack_require__.s = 23);
|
||
|
|
/******/ })
|
||
|
|
/************************************************************************/
|
||
|
|
/******/ ({
|
||
|
|
|
||
|
|
/***/ "./foundation.core":
|
||
|
|
/*!****************************************************************************************************************************************************************!*\
|
||
|
|
!*** external {"root":["__FOUNDATION_EXTERNAL__","foundation.core"],"amd":"./foundation.core","commonjs":"./foundation.core","commonjs2":"./foundation.core"} ***!
|
||
|
|
\****************************************************************************************************************************************************************/
|
||
|
|
/*! no static exports found */
|
||
|
|
/***/ (function(module, exports) {
|
||
|
|
|
||
|
|
module.exports = __WEBPACK_EXTERNAL_MODULE__foundation_core__;
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
|
||
|
|
/***/ "./foundation.core.utils":
|
||
|
|
/*!**********************************************************************************************************************************************************************************!*\
|
||
|
|
!*** external {"root":["__FOUNDATION_EXTERNAL__","foundation.core"],"amd":"./foundation.core.utils","commonjs":"./foundation.core.utils","commonjs2":"./foundation.core.utils"} ***!
|
||
|
|
\**********************************************************************************************************************************************************************************/
|
||
|
|
/*! no static exports found */
|
||
|
|
/***/ (function(module, exports) {
|
||
|
|
|
||
|
|
module.exports = __WEBPACK_EXTERNAL_MODULE__foundation_core_utils__;
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
|
||
|
|
/***/ "./js/entries/plugins/foundation.util.keyboard.js":
|
||
|
|
/*!********************************************************!*\
|
||
|
|
!*** ./js/entries/plugins/foundation.util.keyboard.js ***!
|
||
|
|
\********************************************************/
|
||
|
|
/*! exports provided: Foundation, Keyboard */
|
||
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
|
|
||
|
|
"use strict";
|
||
|
|
__webpack_require__.r(__webpack_exports__);
|
||
|
|
/* harmony import */ var _foundation_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./foundation.core */ "./foundation.core");
|
||
|
|
/* harmony import */ var _foundation_core__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_foundation_core__WEBPACK_IMPORTED_MODULE_0__);
|
||
|
|
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Foundation", function() { return _foundation_core__WEBPACK_IMPORTED_MODULE_0__["Foundation"]; });
|
||
|
|
|
||
|
|
/* harmony import */ var _foundation_util_keyboard__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../foundation.util.keyboard */ "./js/foundation.util.keyboard.js");
|
||
|
|
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Keyboard", function() { return _foundation_util_keyboard__WEBPACK_IMPORTED_MODULE_1__["Keyboard"]; });
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
_foundation_core__WEBPACK_IMPORTED_MODULE_0__["Foundation"].Keyboard = _foundation_util_keyboard__WEBPACK_IMPORTED_MODULE_1__["Keyboard"];
|
||
|
|
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
|
||
|
|
/***/ "./js/foundation.util.keyboard.js":
|
||
|
|
/*!****************************************!*\
|
||
|
|
!*** ./js/foundation.util.keyboard.js ***!
|
||
|
|
\****************************************/
|
||
|
|
/*! exports provided: Keyboard */
|
||
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
|
|
||
|
|
"use strict";
|
||
|
|
__webpack_require__.r(__webpack_exports__);
|
||
|
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Keyboard", function() { return Keyboard; });
|
||
|
|
/* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! jquery */ "jquery");
|
||
|
|
/* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(jquery__WEBPACK_IMPORTED_MODULE_0__);
|
||
|
|
/* harmony import */ var _foundation_core_utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./foundation.core.utils */ "./foundation.core.utils");
|
||
|
|
/* harmony import */ var _foundation_core_utils__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_foundation_core_utils__WEBPACK_IMPORTED_MODULE_1__);
|
||
|
|
/*******************************************
|
||
|
|
* *
|
||
|
|
* This util was created by Marius Olbertz *
|
||
|
|
* Please thank Marius on GitHub /owlbertz *
|
||
|
|
* or the web http://www.mariusolbertz.de/ *
|
||
|
|
* *
|
||
|
|
******************************************/
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
var keyCodes = {
|
||
|
|
9: 'TAB',
|
||
|
|
13: 'ENTER',
|
||
|
|
27: 'ESCAPE',
|
||
|
|
32: 'SPACE',
|
||
|
|
35: 'END',
|
||
|
|
36: 'HOME',
|
||
|
|
37: 'ARROW_LEFT',
|
||
|
|
38: 'ARROW_UP',
|
||
|
|
39: 'ARROW_RIGHT',
|
||
|
|
40: 'ARROW_DOWN'
|
||
|
|
};
|
||
|
|
var commands = {}; // Functions pulled out to be referenceable from internals
|
||
|
|
|
||
|
|
function findFocusable($element) {
|
||
|
|
if (!$element) {
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
|
||
|
|
return $element.find('a[href], area[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), iframe, object, embed, *[tabindex], *[contenteditable]').filter(function () {
|
||
|
|
if (!jquery__WEBPACK_IMPORTED_MODULE_0___default()(this).is(':visible') || jquery__WEBPACK_IMPORTED_MODULE_0___default()(this).attr('tabindex') < 0) {
|
||
|
|
return false;
|
||
|
|
} //only have visible elements and those that have a tabindex greater or equal 0
|
||
|
|
|
||
|
|
|
||
|
|
return true;
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
function parseKey(event) {
|
||
|
|
var key = keyCodes[event.which || event.keyCode] || String.fromCharCode(event.which).toUpperCase(); // Remove un-printable characters, e.g. for `fromCharCode` calls for CTRL only events
|
||
|
|
|
||
|
|
key = key.replace(/\W+/, '');
|
||
|
|
if (event.shiftKey) key = "SHIFT_".concat(key);
|
||
|
|
if (event.ctrlKey) key = "CTRL_".concat(key);
|
||
|
|
if (event.altKey) key = "ALT_".concat(key); // Remove trailing underscore, in case only modifiers were used (e.g. only `CTRL_ALT`)
|
||
|
|
|
||
|
|
key = key.replace(/_$/, '');
|
||
|
|
return key;
|
||
|
|
}
|
||
|
|
|
||
|
|
var Keyboard = {
|
||
|
|
keys: getKeyCodes(keyCodes),
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Parses the (keyboard) event and returns a String that represents its key
|
||
|
|
* Can be used like Foundation.parseKey(event) === Foundation.keys.SPACE
|
||
|
|
* @param {Event} event - the event generated by the event handler
|
||
|
|
* @return String key - String that represents the key pressed
|
||
|
|
*/
|
||
|
|
parseKey: parseKey,
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Handles the given (keyboard) event
|
||
|
|
* @param {Event} event - the event generated by the event handler
|
||
|
|
* @param {String} component - Foundation component's name, e.g. Slider or Reveal
|
||
|
|
* @param {Objects} functions - collection of functions that are to be executed
|
||
|
|
*/
|
||
|
|
handleKey: function handleKey(event, component, functions) {
|
||
|
|
var commandList = commands[component],
|
||
|
|
keyCode = this.parseKey(event),
|
||
|
|
cmds,
|
||
|
|
command,
|
||
|
|
fn;
|
||
|
|
if (!commandList) return console.warn('Component not defined!');
|
||
|
|
|
||
|
|
if (typeof commandList.ltr === 'undefined') {
|
||
|
|
// this component does not differentiate between ltr and rtl
|
||
|
|
cmds = commandList; // use plain list
|
||
|
|
} else {
|
||
|
|
// merge ltr and rtl: if document is rtl, rtl overwrites ltr and vice versa
|
||
|
|
if (Object(_foundation_core_utils__WEBPACK_IMPORTED_MODULE_1__["rtl"])()) cmds = jquery__WEBPACK_IMPORTED_MODULE_0___default.a.extend({}, commandList.ltr, commandList.rtl);else cmds = jquery__WEBPACK_IMPORTED_MODULE_0___default.a.extend({}, commandList.rtl, commandList.ltr);
|
||
|
|
}
|
||
|
|
|
||
|
|
command = cmds[keyCode];
|
||
|
|
fn = functions[command];
|
||
|
|
|
||
|
|
if (fn && typeof fn === 'function') {
|
||
|
|
// execute function if exists
|
||
|
|
var returnValue = fn.apply();
|
||
|
|
|
||
|
|
if (functions.handled || typeof functions.handled === 'function') {
|
||
|
|
// execute function when event was handled
|
||
|
|
functions.handled(returnValue);
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
if (functions.unhandled || typeof functions.unhandled === 'function') {
|
||
|
|
// execute function when event was not handled
|
||
|
|
functions.unhandled();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Finds all focusable elements within the given `$element`
|
||
|
|
* @param {jQuery} $element - jQuery object to search within
|
||
|
|
* @return {jQuery} $focusable - all focusable elements within `$element`
|
||
|
|
*/
|
||
|
|
findFocusable: findFocusable,
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Returns the component name name
|
||
|
|
* @param {Object} component - Foundation component, e.g. Slider or Reveal
|
||
|
|
* @return String componentName
|
||
|
|
*/
|
||
|
|
register: function register(componentName, cmds) {
|
||
|
|
commands[componentName] = cmds;
|
||
|
|
},
|
||
|
|
// TODO9438: These references to Keyboard need to not require global. Will 'this' work in this context?
|
||
|
|
//
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Traps the focus in the given element.
|
||
|
|
* @param {jQuery} $element jQuery object to trap the foucs into.
|
||
|
|
*/
|
||
|
|
trapFocus: function trapFocus($element) {
|
||
|
|
var $focusable = findFocusable($element),
|
||
|
|
$firstFocusable = $focusable.eq(0),
|
||
|
|
$lastFocusable = $focusable.eq(-1);
|
||
|
|
$element.on('keydown.zf.trapfocus', function (event) {
|
||
|
|
if (event.target === $lastFocusable[0] && parseKey(event) === 'TAB') {
|
||
|
|
event.preventDefault();
|
||
|
|
$firstFocusable.focus();
|
||
|
|
} else if (event.target === $firstFocusable[0] && parseKey(event) === 'SHIFT_TAB') {
|
||
|
|
event.preventDefault();
|
||
|
|
$lastFocusable.focus();
|
||
|
|
}
|
||
|
|
});
|
||
|
|
},
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Releases the trapped focus from the given element.
|
||
|
|
* @param {jQuery} $element jQuery object to release the focus for.
|
||
|
|
*/
|
||
|
|
releaseFocus: function releaseFocus($element) {
|
||
|
|
$element.off('keydown.zf.trapfocus');
|
||
|
|
}
|
||
|
|
};
|
||
|
|
/*
|
||
|
|
* Constants for easier comparing.
|
||
|
|
* Can be used like Foundation.parseKey(event) === Foundation.keys.SPACE
|
||
|
|
*/
|
||
|
|
|
||
|
|
function getKeyCodes(kcs) {
|
||
|
|
var k = {};
|
||
|
|
|
||
|
|
for (var kc in kcs) {
|
||
|
|
k[kcs[kc]] = kcs[kc];
|
||
|
|
}
|
||
|
|
|
||
|
|
return k;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
|
||
|
|
/***/ 23:
|
||
|
|
/*!**************************************************************!*\
|
||
|
|
!*** multi ./js/entries/plugins/foundation.util.keyboard.js ***!
|
||
|
|
\**************************************************************/
|
||
|
|
/*! no static exports found */
|
||
|
|
/***/ (function(module, exports, __webpack_require__) {
|
||
|
|
|
||
|
|
module.exports = __webpack_require__(/*! /Users/ncoden/Documents/Documents/Projects/Programmation/Web/2016/Foundation/foundation-sites/js/entries/plugins/foundation.util.keyboard.js */"./js/entries/plugins/foundation.util.keyboard.js");
|
||
|
|
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
|
||
|
|
/***/ "jquery":
|
||
|
|
/*!********************************************************************************************!*\
|
||
|
|
!*** external {"root":["jQuery"],"amd":"jquery","commonjs":"jquery","commonjs2":"jquery"} ***!
|
||
|
|
\********************************************************************************************/
|
||
|
|
/*! no static exports found */
|
||
|
|
/***/ (function(module, exports) {
|
||
|
|
|
||
|
|
module.exports = __WEBPACK_EXTERNAL_MODULE_jquery__;
|
||
|
|
|
||
|
|
/***/ })
|
||
|
|
|
||
|
|
/******/ });
|
||
|
|
});
|
||
|
|
//# sourceMappingURL=foundation.util.keyboard.js.map
|