s-forms
Version:
Utilities for forms
149 lines (132 loc) • 15.2 kB
JavaScript
/******/ (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 = 0);
/******/ })
/************************************************************************/
/******/ ({
/***/ "./src/cdn.js":
/*!********************!*\
!*** ./src/cdn.js ***!
\********************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _s_forms__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./s-forms */ \"./src/s-forms.js\");\n\n\nvar sFormsCDN = function sFormsCDN() {\n document.addEventListener('DOMContentLoaded', function () {\n Object(_s_forms__WEBPACK_IMPORTED_MODULE_0__[\"default\"])();\n }, false);\n};\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (sFormsCDN());//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi9zcmMvY2RuLmpzPzUwNjEiXSwibmFtZXMiOlsic0Zvcm1zQ0ROIiwiZG9jdW1lbnQiLCJhZGRFdmVudExpc3RlbmVyIiwic0Zvcm1zIl0sIm1hcHBpbmdzIjoiQUFBQTtBQUFBO0FBQUE7O0FBRUEsSUFBTUEsU0FBUyxHQUFHLFNBQVpBLFNBQVksR0FBTTtBQUN0QkMsVUFBUSxDQUFDQyxnQkFBVCxDQUEwQixrQkFBMUIsRUFBOEMsWUFBTTtBQUNsREMsNERBQU07QUFDUCxHQUZELEVBRUcsS0FGSDtBQUdELENBSkQ7O0FBTWVILHdFQUFTLEVBQXhCIiwiZmlsZSI6Ii4vc3JjL2Nkbi5qcy5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzRm9ybXMgZnJvbSAnLi9zLWZvcm1zJ1xuXG5jb25zdCBzRm9ybXNDRE4gPSAoKSA9PiB7XG4gIGRvY3VtZW50LmFkZEV2ZW50TGlzdGVuZXIoJ0RPTUNvbnRlbnRMb2FkZWQnLCAoKSA9PiB7XG4gICAgc0Zvcm1zKClcbiAgfSwgZmFsc2UpXG59XG5cbmV4cG9ydCBkZWZhdWx0IHNGb3Jtc0NETigpXG4iXSwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///./src/cdn.js\n");
/***/ }),
/***/ "./src/components/filled-input.js":
/*!****************************************!*\
!*** ./src/components/filled-input.js ***!
\****************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
eval("__webpack_require__.r(__webpack_exports__);\nvar ToggleFill = function ToggleFill(isFilled, $currentTarget) {\n var $inputField = $currentTarget.closest('.input-field');\n\n if (isFilled) {\n $inputField.classList.add('--filled');\n $currentTarget.classList.add('--filled');\n return;\n }\n\n $inputField.classList.remove('--filled');\n $currentTarget.classList.remove('--filled');\n};\n\nvar FilledInput = function FilledInput($fields) {\n if (!$fields.length > 0) return;\n $fields.forEach(function ($field) {\n if ($field.value) ToggleFill(true, $field);\n $field.addEventListener('change', function (e) {\n if (!e.currentTarget.value) {\n ToggleFill(false, e.currentTarget);\n return;\n }\n\n ToggleFill(true, e.currentTarget);\n });\n });\n};\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (FilledInput);//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi9zcmMvY29tcG9uZW50cy9maWxsZWQtaW5wdXQuanM/NDYxMCJdLCJuYW1lcyI6WyJUb2dnbGVGaWxsIiwiaXNGaWxsZWQiLCIkY3VycmVudFRhcmdldCIsIiRpbnB1dEZpZWxkIiwiY2xvc2VzdCIsImNsYXNzTGlzdCIsImFkZCIsInJlbW92ZSIsIkZpbGxlZElucHV0IiwiJGZpZWxkcyIsImxlbmd0aCIsImZvckVhY2giLCIkZmllbGQiLCJ2YWx1ZSIsImFkZEV2ZW50TGlzdGVuZXIiLCJlIiwiY3VycmVudFRhcmdldCJdLCJtYXBwaW5ncyI6IkFBQUE7QUFBQSxJQUFNQSxVQUFVLEdBQUcsU0FBYkEsVUFBYSxDQUFDQyxRQUFELEVBQVdDLGNBQVgsRUFBOEI7QUFDL0MsTUFBTUMsV0FBVyxHQUFHRCxjQUFjLENBQUNFLE9BQWYsQ0FBdUIsY0FBdkIsQ0FBcEI7O0FBRUEsTUFBSUgsUUFBSixFQUFjO0FBQ1pFLGVBQVcsQ0FBQ0UsU0FBWixDQUFzQkMsR0FBdEIsQ0FBMEIsVUFBMUI7QUFDQUosa0JBQWMsQ0FBQ0csU0FBZixDQUF5QkMsR0FBekIsQ0FBNkIsVUFBN0I7QUFFQTtBQUNEOztBQUVESCxhQUFXLENBQUNFLFNBQVosQ0FBc0JFLE1BQXRCLENBQTZCLFVBQTdCO0FBQ0FMLGdCQUFjLENBQUNHLFNBQWYsQ0FBeUJFLE1BQXpCLENBQWdDLFVBQWhDO0FBQ0QsQ0FaRDs7QUFjQSxJQUFNQyxXQUFXLEdBQUcsU0FBZEEsV0FBYyxDQUFBQyxPQUFPLEVBQUk7QUFDN0IsTUFBSSxDQUFDQSxPQUFPLENBQUNDLE1BQVQsR0FBa0IsQ0FBdEIsRUFBeUI7QUFFekJELFNBQU8sQ0FBQ0UsT0FBUixDQUFnQixVQUFBQyxNQUFNLEVBQUk7QUFDeEIsUUFBSUEsTUFBTSxDQUFDQyxLQUFYLEVBQWtCYixVQUFVLENBQUMsSUFBRCxFQUFPWSxNQUFQLENBQVY7QUFFbEJBLFVBQU0sQ0FBQ0UsZ0JBQVAsQ0FBd0IsUUFBeEIsRUFBa0MsVUFBQUMsQ0FBQyxFQUFJO0FBQ3JDLFVBQUksQ0FBQ0EsQ0FBQyxDQUFDQyxhQUFGLENBQWdCSCxLQUFyQixFQUE0QjtBQUMxQmIsa0JBQVUsQ0FBQyxLQUFELEVBQVFlLENBQUMsQ0FBQ0MsYUFBVixDQUFWO0FBRUE7QUFDRDs7QUFFRGhCLGdCQUFVLENBQUMsSUFBRCxFQUFPZSxDQUFDLENBQUNDLGFBQVQsQ0FBVjtBQUNELEtBUkQ7QUFTRCxHQVpEO0FBYUQsQ0FoQkQ7O0FBa0JlUiwwRUFBZiIsImZpbGUiOiIuL3NyYy9jb21wb25lbnRzL2ZpbGxlZC1pbnB1dC5qcy5qcyIsInNvdXJjZXNDb250ZW50IjpbImNvbnN0IFRvZ2dsZUZpbGwgPSAoaXNGaWxsZWQsICRjdXJyZW50VGFyZ2V0KSA9PiB7XG4gIGNvbnN0ICRpbnB1dEZpZWxkID0gJGN1cnJlbnRUYXJnZXQuY2xvc2VzdCgnLmlucHV0LWZpZWxkJylcblxuICBpZiAoaXNGaWxsZWQpIHtcbiAgICAkaW5wdXRGaWVsZC5jbGFzc0xpc3QuYWRkKCctLWZpbGxlZCcpXG4gICAgJGN1cnJlbnRUYXJnZXQuY2xhc3NMaXN0LmFkZCgnLS1maWxsZWQnKVxuXG4gICAgcmV0dXJuXG4gIH1cblxuICAkaW5wdXRGaWVsZC5jbGFzc0xpc3QucmVtb3ZlKCctLWZpbGxlZCcpXG4gICRjdXJyZW50VGFyZ2V0LmNsYXNzTGlzdC5yZW1vdmUoJy0tZmlsbGVkJylcbn1cblxuY29uc3QgRmlsbGVkSW5wdXQgPSAkZmllbGRzID0+IHtcbiAgaWYgKCEkZmllbGRzLmxlbmd0aCA+IDApIHJldHVyblxuXG4gICRmaWVsZHMuZm9yRWFjaCgkZmllbGQgPT4ge1xuICAgIGlmICgkZmllbGQudmFsdWUpIFRvZ2dsZUZpbGwodHJ1ZSwgJGZpZWxkKVxuXG4gICAgJGZpZWxkLmFkZEV2ZW50TGlzdGVuZXIoJ2NoYW5nZScsIGUgPT4ge1xuICAgICAgaWYgKCFlLmN1cnJlbnRUYXJnZXQudmFsdWUpIHtcbiAgICAgICAgVG9nZ2xlRmlsbChmYWxzZSwgZS5jdXJyZW50VGFyZ2V0KVxuXG4gICAgICAgIHJldHVyblxuICAgICAgfVxuXG4gICAgICBUb2dnbGVGaWxsKHRydWUsIGUuY3VycmVudFRhcmdldClcbiAgICB9KVxuICB9KVxufVxuXG5leHBvcnQgZGVmYXVsdCBGaWxsZWRJbnB1dFxuIl0sInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///./src/components/filled-input.js\n");
/***/ }),
/***/ "./src/components/focus-blur.js":
/*!**************************************!*\
!*** ./src/components/focus-blur.js ***!
\**************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
eval("__webpack_require__.r(__webpack_exports__);\nvar ToggleFocus = function ToggleFocus(isFocused, $currentTarget) {\n var $inputField = $currentTarget.closest('.input-field');\n\n if (isFocused) {\n $inputField.classList.add('--focused');\n $currentTarget.classList.add('--focused');\n return;\n }\n\n $inputField.classList.remove('--focused');\n $currentTarget.classList.remove('--focused');\n};\n\nvar FocusBlur = function FocusBlur($fields) {\n if (!$fields.length > 0) return;\n $fields.forEach(function ($field) {\n $field.addEventListener('focus', function (e) {\n ToggleFocus(true, e.currentTarget);\n });\n $field.addEventListener('blur', function (e) {\n ToggleFocus(false, e.currentTarget);\n });\n });\n};\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (FocusBlur);//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi9zcmMvY29tcG9uZW50cy9mb2N1cy1ibHVyLmpzPzgzMTciXSwibmFtZXMiOlsiVG9nZ2xlRm9jdXMiLCJpc0ZvY3VzZWQiLCIkY3VycmVudFRhcmdldCIsIiRpbnB1dEZpZWxkIiwiY2xvc2VzdCIsImNsYXNzTGlzdCIsImFkZCIsInJlbW92ZSIsIkZvY3VzQmx1ciIsIiRmaWVsZHMiLCJsZW5ndGgiLCJmb3JFYWNoIiwiJGZpZWxkIiwiYWRkRXZlbnRMaXN0ZW5lciIsImUiLCJjdXJyZW50VGFyZ2V0Il0sIm1hcHBpbmdzIjoiQUFBQTtBQUFBLElBQU1BLFdBQVcsR0FBRyxTQUFkQSxXQUFjLENBQUNDLFNBQUQsRUFBWUMsY0FBWixFQUErQjtBQUNqRCxNQUFNQyxXQUFXLEdBQUdELGNBQWMsQ0FBQ0UsT0FBZixDQUF1QixjQUF2QixDQUFwQjs7QUFFQSxNQUFJSCxTQUFKLEVBQWU7QUFDYkUsZUFBVyxDQUFDRSxTQUFaLENBQXNCQyxHQUF0QixDQUEwQixXQUExQjtBQUNBSixrQkFBYyxDQUFDRyxTQUFmLENBQXlCQyxHQUF6QixDQUE2QixXQUE3QjtBQUVBO0FBQ0Q7O0FBRURILGFBQVcsQ0FBQ0UsU0FBWixDQUFzQkUsTUFBdEIsQ0FBNkIsV0FBN0I7QUFDQUwsZ0JBQWMsQ0FBQ0csU0FBZixDQUF5QkUsTUFBekIsQ0FBZ0MsV0FBaEM7QUFDRCxDQVpEOztBQWNBLElBQU1DLFNBQVMsR0FBRyxTQUFaQSxTQUFZLENBQUFDLE9BQU8sRUFBSTtBQUMzQixNQUFJLENBQUNBLE9BQU8sQ0FBQ0MsTUFBVCxHQUFrQixDQUF0QixFQUF5QjtBQUV6QkQsU0FBTyxDQUFDRSxPQUFSLENBQWdCLFVBQUFDLE1BQU0sRUFBSTtBQUV4QkEsVUFBTSxDQUFDQyxnQkFBUCxDQUF3QixPQUF4QixFQUFpQyxVQUFBQyxDQUFDLEVBQUk7QUFDcENkLGlCQUFXLENBQUMsSUFBRCxFQUFPYyxDQUFDLENBQUNDLGFBQVQsQ0FBWDtBQUNELEtBRkQ7QUFJQUgsVUFBTSxDQUFDQyxnQkFBUCxDQUF3QixNQUF4QixFQUFnQyxVQUFBQyxDQUFDLEVBQUk7QUFDbkNkLGlCQUFXLENBQUMsS0FBRCxFQUFRYyxDQUFDLENBQUNDLGFBQVYsQ0FBWDtBQUNELEtBRkQ7QUFHRCxHQVREO0FBVUQsQ0FiRDs7QUFlZVAsd0VBQWYiLCJmaWxlIjoiLi9zcmMvY29tcG9uZW50cy9mb2N1cy1ibHVyLmpzLmpzIiwic291cmNlc0NvbnRlbnQiOlsiY29uc3QgVG9nZ2xlRm9jdXMgPSAoaXNGb2N1c2VkLCAkY3VycmVudFRhcmdldCkgPT4ge1xuICBjb25zdCAkaW5wdXRGaWVsZCA9ICRjdXJyZW50VGFyZ2V0LmNsb3Nlc3QoJy5pbnB1dC1maWVsZCcpXG5cbiAgaWYgKGlzRm9jdXNlZCkge1xuICAgICRpbnB1dEZpZWxkLmNsYXNzTGlzdC5hZGQoJy0tZm9jdXNlZCcpXG4gICAgJGN1cnJlbnRUYXJnZXQuY2xhc3NMaXN0LmFkZCgnLS1mb2N1c2VkJylcblxuICAgIHJldHVyblxuICB9XG5cbiAgJGlucHV0RmllbGQuY2xhc3NMaXN0LnJlbW92ZSgnLS1mb2N1c2VkJylcbiAgJGN1cnJlbnRUYXJnZXQuY2xhc3NMaXN0LnJlbW92ZSgnLS1mb2N1c2VkJylcbn1cblxuY29uc3QgRm9jdXNCbHVyID0gJGZpZWxkcyA9PiB7XG4gIGlmICghJGZpZWxkcy5sZW5ndGggPiAwKSByZXR1cm5cblxuICAkZmllbGRzLmZvckVhY2goJGZpZWxkID0+IHtcblxuICAgICRmaWVsZC5hZGRFdmVudExpc3RlbmVyKCdmb2N1cycsIGUgPT4ge1xuICAgICAgVG9nZ2xlRm9jdXModHJ1ZSwgZS5jdXJyZW50VGFyZ2V0KVxuICAgIH0pXG5cbiAgICAkZmllbGQuYWRkRXZlbnRMaXN0ZW5lcignYmx1cicsIGUgPT4ge1xuICAgICAgVG9nZ2xlRm9jdXMoZmFsc2UsIGUuY3VycmVudFRhcmdldClcbiAgICB9KVxuICB9KVxufVxuXG5leHBvcnQgZGVmYXVsdCBGb2N1c0JsdXJcbiJdLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///./src/components/focus-blur.js\n");
/***/ }),
/***/ "./src/s-forms.js":
/*!************************!*\
!*** ./src/s-forms.js ***!
\************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _components_focus_blur__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./components/focus-blur */ \"./src/components/focus-blur.js\");\n/* harmony import */ var _components_filled_input__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./components/filled-input */ \"./src/components/filled-input.js\");\n\n\n\nvar sForms = function sForms() {\n var $fields = document.querySelectorAll('input, select, textarea');\n Object(_components_filled_input__WEBPACK_IMPORTED_MODULE_1__[\"default\"])($fields);\n Object(_components_focus_blur__WEBPACK_IMPORTED_MODULE_0__[\"default\"])($fields);\n};\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (sForms);//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi9zcmMvcy1mb3Jtcy5qcz9lZDlmIl0sIm5hbWVzIjpbInNGb3JtcyIsIiRmaWVsZHMiLCJkb2N1bWVudCIsInF1ZXJ5U2VsZWN0b3JBbGwiLCJGaWxsZWRJbnB1dCIsIkZvY3VzQmx1ciJdLCJtYXBwaW5ncyI6IkFBQUE7QUFBQTtBQUFBO0FBQUE7QUFDQTs7QUFFQSxJQUFNQSxNQUFNLEdBQUcsU0FBVEEsTUFBUyxHQUFNO0FBQ25CLE1BQU1DLE9BQU8sR0FBR0MsUUFBUSxDQUFDQyxnQkFBVCxDQUEwQix5QkFBMUIsQ0FBaEI7QUFFQUMsMEVBQVcsQ0FBQ0gsT0FBRCxDQUFYO0FBQ0FJLHdFQUFTLENBQUNKLE9BQUQsQ0FBVDtBQUNELENBTEQ7O0FBT2VELHFFQUFmIiwiZmlsZSI6Ii4vc3JjL3MtZm9ybXMuanMuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgRm9jdXNCbHVyIGZyb20gJy4vY29tcG9uZW50cy9mb2N1cy1ibHVyJ1xuaW1wb3J0IEZpbGxlZElucHV0IGZyb20gJy4vY29tcG9uZW50cy9maWxsZWQtaW5wdXQnXG5cbmNvbnN0IHNGb3JtcyA9ICgpID0+IHtcbiAgY29uc3QgJGZpZWxkcyA9IGRvY3VtZW50LnF1ZXJ5U2VsZWN0b3JBbGwoJ2lucHV0LCBzZWxlY3QsIHRleHRhcmVhJylcblxuICBGaWxsZWRJbnB1dCgkZmllbGRzKVxuICBGb2N1c0JsdXIoJGZpZWxkcylcbn1cblxuZXhwb3J0IGRlZmF1bHQgc0Zvcm1zXG4iXSwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///./src/s-forms.js\n");
/***/ }),
/***/ 0:
/*!**************************!*\
!*** multi ./src/cdn.js ***!
\**************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {
module.exports = __webpack_require__(/*! /Users/samuel.olvera/Documents/sites/htdocs/samline/forms/src/cdn.js */"./src/cdn.js");
/***/ })
/******/ });