ratchet_design 0.1.10 → 0.1.11

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: ratchet_design
 version: !ruby/object:Gem::Version
-  version: 0.1.10
+  version: 0.1.11
 platform: ruby
 authors:
 - Brandon Mathis
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2016-10-27 00:00:00.000000000 Z
+date: 2017-01-12 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: cyborg
@@ -111,7 +111,7 @@ files:
 - app/assets/javascripts/ratchet/_svg.js
 - app/assets/javascripts/ratchet/base/form.js
 - app/assets/javascripts/ratchet/base/mobilemenu.js
-- app/assets/javascripts/ratchet/base/validation.js
+- app/assets/javascripts/ratchet/base/sync-input-value.js
 - app/assets/javascripts/ratchet/core.js
 - app/assets/javascripts/ratchet/enhancement/_collapse.js
 - app/assets/javascripts/ratchet/enhancement/_swap.js
@@ -121,29 +121,17 @@ files:
 - app/assets/javascripts/ratchet/enhancement/notice.js
 - app/assets/javascripts/ratchet/enhancement/sticky.js
 - app/assets/javascripts/ratchet/enhancement/waypoints.js
-- app/assets/javascripts/ratchet/shim/classlist.js
-- app/assets/javascripts/ratchet/shim/object.assign.js
 - app/assets/javascripts/ratchet/shim/scope.js
-- app/assets/javascripts/ratchet/utility/compile_data.js
-- app/assets/javascripts/ratchet/utility/from_top.js
-- app/assets/javascripts/ratchet/utility/full_stop.js
-- app/assets/javascripts/ratchet/utility/get_closest.js
-- app/assets/javascripts/ratchet/utility/get_next.js
 - app/assets/javascripts/ratchet/utility/load_font.js
 - app/assets/javascripts/ratchet/utility/load_script.js
 - app/assets/javascripts/ratchet/utility/loader.js
-- app/assets/javascripts/ratchet/utility/matches.js
-- app/assets/javascripts/ratchet/utility/scroll_to.js
-- app/assets/javascripts/ratchet/utility/throttle.js
-- app/assets/javascripts/ratchet/utility/timeout.js
-- app/assets/javascripts/ratchet/utility/unhover.js
-- app/assets/javascripts/ratchet/utility/word_count.js
 - app/assets/stylesheets/ratchet/_core.scss
 - app/assets/stylesheets/ratchet/base/_button.scss
 - app/assets/stylesheets/ratchet/base/_document.scss
 - app/assets/stylesheets/ratchet/base/_form.scss
 - app/assets/stylesheets/ratchet/base/_list.scss
 - app/assets/stylesheets/ratchet/base/_media.scss
+- app/assets/stylesheets/ratchet/base/_multistep-form.scss
 - app/assets/stylesheets/ratchet/base/_table.scss
 - app/assets/stylesheets/ratchet/base/_text.scss
 - app/assets/stylesheets/ratchet/enhancement/_contrast-section.scss
@@ -177,13 +165,13 @@ files:
 - app/views/shared/ratchet/_icons.html.slim
 - lib/ratchet_design.rb
 - lib/ratchet_design/version.rb
-- public/assets/ratchet/core-0.1.10.js
-- public/assets/ratchet/core-0.1.10.js.gz
-- public/assets/ratchet/core-0.1.10.map.json
-- public/assets/ratchet/fonts-woff-0.1.10.css
-- public/assets/ratchet/fonts-woff-0.1.10.css.gz
-- public/assets/ratchet/fonts-woff2-0.1.10.css
-- public/assets/ratchet/fonts-woff2-0.1.10.css.gz
+- public/assets/ratchet/core-0.1.11.js
+- public/assets/ratchet/core-0.1.11.js.gz
+- public/assets/ratchet/core-0.1.11.map.json
+- public/assets/ratchet/fonts-woff-0.1.11.css
+- public/assets/ratchet/fonts-woff-0.1.11.css.gz
+- public/assets/ratchet/fonts-woff2-0.1.11.css
+- public/assets/ratchet/fonts-woff2-0.1.11.css.gz
 homepage: 
 licenses:
 - MIT

data/app/assets/javascripts/ratchet/base/validation.js

@@ -1,263 +0,0 @@
-/**
- * Validation 0.0.6
- * Compose form validation module
- * @author Kyle Foster (@hkfoster)
- * @license MIT
- **/
-
-// Dependencies
-var matches    = require( '../utility/matches'     ),
-    getClosest = require( '../utility/get_closest' ),
-    wordCount  = require( '../utility/word_count'  );
-
-// Public API function
-var validation = function( element, settings ) {
-
-  // Overridable defaults
-  var defaults = {};
-
-  // Parameter variables
-  var selector = document.querySelector( element ) || document.querySelector( '[required]' );
-
-  // Only run if selector exists & validation is supported
-  if ( !selector || typeof document.createElement( 'input' ).checkValidity !== 'function' ) return false;
-
-  // Scoped variables
-  var options = Object.assign( {}, defaults, settings ),
-      docBody = document.body;
-
-  // Suppress default message bubbles
-  docBody.addEventListener( 'invalid', function( event ) {
-    event.preventDefault();
-  }, true );
-
-  // Run delegated `on blur` validation checks
-  docBody.addEventListener( 'blur', blurHandler, true );
-
-  // Run delegated `on submit` validation checks
-  docBody.addEventListener( 'click', submissionHandler, false );
-
-  // Blur validation handler
-  function blurHandler( event ) {
-
-    // Only run on non-submit inputs
-    if ( !matches( event.target, 'input:not([type=submit]), textarea' ) ) return false;
-
-    // Scoped variables
-    var element   = event.target,
-        minWords  = element.dataset.minWords,
-        maxWords  = element.dataset.maxWords,
-        indicator = getClosest( element, 'label' ) || element,
-        validity;
-
-    // If element only contains whitespace, strip value
-    if ( element.value && !element.value.replace( /\s/g, '' ).length ) {
-      element.value = '';
-    }
-
-    // Remove pre-existing validation message
-    messageHandler( 'hide', element );
-
-    // If element has `data-min-words` attribute
-    if ( minWords ) {
-
-      // Run respective validation function
-      validateWords( 'min', element, minWords );
-
-    }
-
-    // If element has `data-min-words` attribute
-    if ( maxWords ) {
-
-      // Run respective validation function
-      validateWords( 'max', element, maxWords );
-
-    }
-
-    // Check validity
-    validity = element.checkValidity();
-
-    // If the element has a value but is invalid
-    if ( element.value && !validity ) {
-
-      // Set invalid state
-      indicator.classList.remove( 'valid' );
-      indicator.classList.add( 'invalid' );
-
-    // If the element has a value and is valid
-    } else if ( element.value && validity ) {
-
-      // Set valid state
-      indicator.classList.remove( 'invalid' );
-      indicator.classList.add( 'valid' );
-
-    // If the element has no value
-    } else if ( !element.value ) {
-
-      // Set neutral state
-      indicator.classList.remove( 'valid' );
-      indicator.classList.remove( 'invalid' );
-
-    }
-
-  }
-
-  // Submission validation handler function
-  function submissionHandler( event ) {
-
-    // Only run on submission
-    if ( !matches( event.target, 'input[type=submit], button[type=submit]' ) ) return;
-
-    // Scoped variables
-    var invalidForm = getClosest( event.target, 'form' ),
-        invalidElem = invalidForm.querySelector( 'input:invalid, textarea:invalid' ),
-        indicator;
-
-    // If invalid element found
-    if ( invalidElem ) {
-
-      // Set indicator to parent label if it exists
-      indicator = getClosest( invalidElem, 'label' ) || invalidElem;
-
-      // If credit card field is invalid
-      if ( matches( invalidElem, '[data-stripe=number]' ) ) {
-
-        // Strip it of non-number characters
-        invalidElem.value = invalidElem.value.replace( /[^0-9 -]/g, '' );
-
-        // Evaluate form validity again
-        invalidElem = invalidForm.querySelector( 'input:invalid, textarea:invalid' );
-
-        // And return if valid
-        if ( !invalidElem ) return;
-
-      }
-
-      // Prevent default behavior
-      event.preventDefault();
-
-      // If invalid is not hidden
-      if ( invalidElem.style.display !== 'none' ) {
-
-        // Focus it
-        invalidElem.focus();
-
-      // Otherwise
-      } else {
-
-        // Focus its immediate sibling (mostly used for upload buttons)
-        invalidElem.nextSibling.focus();
-
-      }
-
-      // Toggle classes
-      indicator.classList.remove( 'valid' );
-      indicator.classList.add( 'invalid' );
-
-      // Show validation message
-      messageHandler( 'show', invalidElem );
-
-      // Prevent Safari submission
-      return false;
-
-    }
-
-  }
-
-  // Validation message handler function
-  function messageHandler( action, element ) {
-
-    // Scoped variables
-    var parentForm  = getClosest( element, 'form' ),
-        oldMessage  = parentForm.querySelector( '.validation-message' ),
-        newMessage  = element.validationMessage,
-
-    // Hide old message
-    hideMessage = function() {
-      oldMessage.parentNode.removeChild( oldMessage );
-    },
-
-    // Show new message
-    showMessage = function() {
-
-      // Find the element's parent label
-      var labelParent = getClosest( element, 'label' );
-
-      // If it doesn't exist, abort
-      if ( !labelParent ) return false;
-
-      // Otherwise, create and append the validation message
-      labelParent.insertAdjacentHTML( 'beforeend',  '<aside class="validation-message"><p>' + newMessage + '</p></aside>' );
-
-    };
-
-    // If a `data-message` attribute exists, use it in message
-    if ( element.dataset.message ) newMessage = element.dataset.message;
-
-    // If hide action is passed hide old message
-    if ( oldMessage && action === 'hide' ) hideMessage();
-
-    // If show action is passed and no old message exists
-    if ( action === 'show' && !oldMessage ) {
-
-      // Show new message
-      showMessage();
-
-    // If show action is passed and old message exists
-    } else if ( action === 'show' && oldMessage ) {
-
-      // Make sure old message is not on currently invalid element
-      if ( oldMessage.parentNode !== element.parentNode ) {
-
-        // Hide old message
-        hideMessage();
-
-        // And show new message
-        showMessage();
-
-      // Otherwise
-      } else {
-
-        // Update message text on currently invalid element
-        oldMessage.childNodes[ 0 ].textContent = newMessage;
-
-      }
-
-    }
-
-  }
-
-  // Min- or max-words validation function
-  function validateWords( type, element, goal ) {
-
-    // Defaults settings to min-words
-    var value     = element.value,
-        condition = wordCount( value ) < goal,
-        verbiage  = 'at least ';
-
-    // Overwrite defaults in case of max-words
-    if ( type === 'max' ) {
-      condition = wordCount( value ) > goal;
-      verbiage  = 'no more than ';
-    }
-
-    // If value exists and it meets invalid condition
-    if ( value && condition ) {
-
-      // Set a custom error message
-      element.setCustomValidity( 'Please write ' + verbiage + goal + ' words.' );
-
-    // Otherwise
-    } else {
-
-      // Default to normal error messaging
-      element.setCustomValidity( '' );
-
-    }
-
-  }
-
-};
-
-// Public API
-module.exports = validation;

data/app/assets/javascripts/ratchet/shim/classlist.js

@@ -1,234 +0,0 @@
-/**
- * ClassList polyfill
- * Cross-browser full element.classList implementation
- * @source http://purl.eligrey.com/github/classList.js/blob/master/classList.js
- * @author Eli Grey - http://eligrey.com
- * @license MIT
- **/
-
-if ( 'document' in self ) {
-
-  // Full polyfill for browsers with no classList support
-  if ( !( 'classList' in document.createElement( '_' ) ) ) {
-
-    ( function( view ) {
-
-    'use strict';
-
-    if ( !( 'Element' in view ) ) return;
-
-    var
-      classListProp = 'classList',
-      protoProp     = 'prototype',
-      elemCtrProto  = view.Element[ protoProp ],
-      objCtr        = Object,
-
-      strTrim = String[ protoProp ].trim || function() {
-        return this.replace( /^\s+|\s+$/g, '' );
-      },
-
-      arrIndexOf = Array[ protoProp ].indexOf || function( item ) {
-        for ( var i = 0; i < this.length; i++ ) {
-          if ( i in this && this[ i ] === item ) {
-            return i;
-          }
-        }
-        return -1;
-      },
-
-      DOMEx = function( type, message ) {
-        this.name    = type;
-        this.code    = DOMException[ type ];
-        this.message = message;
-      },
-
-      checkTokenAndGetIndex = function( classList, token ) {
-        if ( token === '' ) {
-          throw new DOMEx(
-            'SYNTAX_ERR',
-            'An invalid or illegal string was specified'
-          );
-        }
-        if ( /\s/.test( token ) ) {
-          throw new DOMEx(
-            'INVALID_CHARACTER_ERR',
-            'String contains an invalid character'
-          );
-        }
-        return arrIndexOf.call( classList, token );
-      },
-
-      ClassList = function( elem ) {
-        var trimmedClasses = strTrim.call( elem.getAttribute( 'class' ) || '' ),
-            classes = trimmedClasses ? trimmedClasses.split( /\s+/ ) : [];
-
-        for ( var i = 0; i < classes.length; i++ ) {
-          this.push( classes[ i ] );
-        }
-
-        this._updateClassName = function() {
-          elem.setAttribute( 'class', this.toString() );
-        };
-      },
-
-      classListProto = ClassList[ protoProp ] = [],
-
-      classListGetter = function() {
-        return new ClassList( this );
-      };
-
-    DOMEx[ protoProp ] = Error[ protoProp ];
-
-    classListProto.item = function( i ) {
-      return this[ i ] || null;
-    };
-
-    classListProto.contains = function( token ) {
-      token += '';
-      return checkTokenAndGetIndex( this, token ) !== -1;
-    };
-
-    classListProto.add = function() {
-      var
-        tokens  = arguments,
-        iter    = 0,
-        len     = tokens.length,
-        updated = false,
-        token;
-
-      do {
-        token = tokens[ iter ] + '';
-        if ( checkTokenAndGetIndex( this, token ) === -1 ) {
-          this.push( token );
-          updated = true;
-        }
-      }
-
-      while ( ++iter < len );
-
-      if ( updated ) {
-        this._updateClassName();
-      }
-    };
-
-    classListProto.remove = function() {
-      var
-        tokens  = arguments,
-        iter    = 0,
-        len     = tokens.length,
-        updated = false,
-        token,
-        index;
-
-      do {
-        token = tokens[ iter ] + '';
-        index = checkTokenAndGetIndex( this, token );
-
-        while ( index !== -1 ) {
-          this.splice( index, 1 );
-          updated = true;
-          index = checkTokenAndGetIndex( this, token );
-        }
-      }
-
-      while ( ++iter < len );
-
-      if ( updated ) {
-        this._updateClassName();
-      }
-    };
-
-    classListProto.toggle = function( token, force ) {
-      token += '';
-
-      var
-        result = this.contains( token ),
-        method = result ? force !== true && 'remove' : force !== false && 'add';
-
-      if ( method ) {
-        this[ method ]( token );
-      }
-
-      if ( force === true || force === false ) {
-        return force;
-      } else {
-        return !result;
-      }
-    };
-
-    classListProto.toString = function() {
-      return this.join( ' ' );
-    };
-
-    if ( objCtr.defineProperty ) {
-      var classListPropDesc = {
-          get          : classListGetter,
-          enumerable   : true,
-          configurable : true
-      };
-
-      try {
-        objCtr.defineProperty( elemCtrProto, classListProp, classListPropDesc );
-      }
-
-      catch ( ex ) {
-        if ( ex.number === -0x7FF5EC54 ) {
-          classListPropDesc.enumerable = false;
-          objCtr.defineProperty( elemCtrProto, classListProp, classListPropDesc );
-        }
-      }
-
-    } else if ( objCtr[ protoProp ].__defineGetter__ ) {
-      elemCtrProto.__defineGetter__( classListProp, classListGetter );
-    }
-
-    }( self ));
-
-  } else {
-
-    ( function() {
-
-      'use strict';
-
-      var testElement = document.createElement( '_' );
-
-      testElement.classList.add( 'c1', 'c2' );
-
-      if ( !testElement.classList.contains( 'c2' ) ) {
-        var createMethod = function( method ) {
-          var original = DOMTokenList.prototype[ method ];
-
-          DOMTokenList.prototype[ method ] = function( token ) {
-            var i, len = arguments.length;
-
-            for ( i = 0; i < len; i++ ) {
-              token = arguments[ i ];
-              original.call( this, token );
-            }
-          };
-        };
-        createMethod( 'add' );
-        createMethod( 'remove' );
-      }
-
-      testElement.classList.toggle( 'c3', false );
-
-      if ( testElement.classList.contains( 'c3' ) ) {
-        var _toggle = DOMTokenList.prototype.toggle;
-
-        DOMTokenList.prototype.toggle = function( token, force ) {
-          if ( 1 in arguments && !this.contains( token ) === !force ) {
-            return force;
-          } else {
-            return _toggle.call( this, token );
-          }
-        };
-
-      }
-
-      testElement = null;
-
-    }());
-
-  }
-}

data/app/assets/javascripts/ratchet/shim/object.assign.js

@@ -1,30 +0,0 @@
-/**
- * Object.assign polyfill
- * Cross-browser full Object.assign implementation
- * @source https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/assign#Polyfill
- * @license MIT
- **/
-
-if ( typeof Object.assign != 'function' ) {
-  ( function() {
-    Object.assign = function( target ) {
-      'use strict';
-      if ( target === undefined || target === null ) {
-        throw new TypeError( 'Cannot convert undefined or null to object' );
-      }
-
-      var output = Object( target );
-      for ( var index = 1; index < arguments.length; index++ ) {
-        var source = arguments[ index ];
-        if ( source !== undefined && source !== null ) {
-          for ( var nextKey in source ) {
-            if ( Object.prototype.hasOwnProperty.call( source, nextKey ) ) {
-              output[ nextKey ] = source[ nextKey ];
-            }
-          }
-        }
-      }
-      return output;
-    };
-  })();
-}

data/app/assets/javascripts/ratchet/utility/compile_data.js

@@ -1,40 +0,0 @@
-/**
- * CompileData 0.0.1
- * Compile input data from a given parent element
- * @author Kyle Foster (@hkfoster)
- * @license MIT
- **/
-
-// Public API function
-var compileData = function( parent, debug ) {
-
-  // Scoped variables
-  var formData  = new FormData(),
-      allFields = parent.querySelectorAll( 'input:not([type=submit])' );
-
-  // Loop over fields
-  for ( var i = 0; i < allFields.length; i++ ) {
-
-    // Cache current field
-    var field = allFields[ i ];
-
-    // If a name attribute is present
-    if ( field.name ) {
-
-      // Debug mode logging
-      if ( debug ) console.log( 'Name: ' + field.name + '\n' + 'Value: ' + field.value );
-
-      // Append current field’s name/value to new formData object
-      formData.append( field.name, field.value );
-
-    }
-
-  }
-
-  // Then return said formData object
-  return formData;
-
-};
-
-// Public API
-module.exports = compileData;

data/app/assets/javascripts/ratchet/utility/from_top.js

@@ -1,14 +0,0 @@
-/**
- * FromTop 0.0.1
- * Find element’s distance from top of document
- * @author Kyle Foster (@hkfoster)
- * @license MIT
- **/
-
-// Public API function
-var fromTop = function( elem ) {
-  return Math.round( elem.getBoundingClientRect().top + window.pageYOffset );
-};
-
-// Public API
-module.exports = fromTop;