va_common 0.1.0

data/app/assets/images/social-icons/svg/facebook25.svg

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="216px" height="146px" viewBox="-197 324 216 146" style="enable-background:new -197 324 216 146;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;}
+</style>
+<path class="st0" d="M-78.7,373.9v-11.6c0-1.7,0.1-3.1,0.2-4c0.2-0.9,0.5-1.9,1.1-2.8c0.6-0.9,1.5-1.6,2.8-1.9
+	c1.3-0.4,3-0.5,5.1-0.5h11.6v-23.1h-18.5c-10.7,0-18.4,2.5-23.1,7.6c-4.7,5.1-7,12.6-7,22.4v13.9h-13.9V397h13.8v67.1h27.8V397h18.5
+	l2.4-23.1C-57.7,373.9-78.7,373.9-78.7,373.9z"/>
+</svg>

data/app/assets/images/social-icons/svg/rss25.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="216" height="146" viewBox="0 0 216 146"><path d="M66.28 99.072c-4.347 0-8.04 1.52-11.082 4.562-3.04 3.042-4.562 6.735-4.562 11.08 0 4.347 1.52 8.04 4.562 11.08 3.042 3.042 6.736 4.563 11.08 4.563 4.346 0 8.04-1.52 11.08-4.562 3.042-3.042 4.563-6.734 4.563-11.08s-1.52-8.04-4.56-11.08c-3.04-3.042-6.733-4.563-11.08-4.563zm36.01-20.37c-6.138-6.19-13.172-11.12-21.102-14.786-7.93-3.667-16.24-5.853-24.93-6.56h-.408c-1.412 0-2.58.463-3.503 1.386-1.14.977-1.71 2.254-1.71 3.83V73.57c0 1.357.447 2.525 1.343 3.503.896.98 2.023 1.522 3.38 1.63 12.44 1.195 23.07 6.206 31.897 15.032 8.826 8.825 13.837 19.458 15.032 31.896.106 1.36.65 2.488 1.63 3.384.975.897 2.142 1.346 3.5 1.346h11c1.574 0 2.85-.57 3.83-1.71 1.03-1.09 1.492-2.393 1.385-3.914-.707-8.69-2.894-17-6.56-24.93-3.666-7.93-8.595-14.964-14.787-21.102z"/><path d="M155.573 84.04c-5.812-13.01-13.796-24.565-23.953-34.668-10.103-10.157-21.658-18.14-34.667-23.953-13.008-5.814-26.628-9.074-40.86-9.78h-.243c-1.412 0-2.607.49-3.585 1.467-1.086.976-1.63 2.226-1.63 3.747v11.65c0 1.358.477 2.54 1.427 3.544s2.104 1.534 3.462 1.59c11.678.706 22.772 3.477 33.282 8.31 10.51 4.835 19.635 11.12 27.375 18.86 7.74 7.74 14.03 16.866 18.86 27.376 4.837 10.512 7.58 21.604 8.23 33.282.057 1.357.586 2.512 1.59 3.462 1.006.95 2.215 1.427 3.627 1.427h11.65c1.52 0 2.768-.544 3.747-1.632 1.087-1.086 1.574-2.36 1.468-3.828-.704-14.232-3.964-27.852-9.776-40.86z"/></svg>

data/app/assets/images/social-icons/svg/twitter16.svg

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="216px" height="146px" viewBox="-197 324 216 146" style="enable-background:new -197 324 216 146;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;}
+</style>
+<path class="st0" d="M-24.8,357.2c-5.1,2.2-10.1,3.5-15.2,4.1c5.7-3.4,9.6-8.3,11.6-14.5c-5.2,3.1-10.8,5.2-16.7,6.4
+	c-5.2-5.5-11.6-8.3-19.2-8.3c-7.3,0-13.5,2.6-18.6,7.7c-5.1,5.1-7.7,11.3-7.7,18.6c0,2,0.2,4,0.7,6c-10.8-0.5-20.8-3.2-30.3-8.1
+	c-9.4-4.9-17.4-11.3-24-19.4c-2.4,4.1-3.6,8.5-3.6,13.3c0,4.5,1.1,8.7,3.2,12.5c2.1,3.9,5,7,8.6,9.4c-4.2-0.2-8.2-1.3-11.9-3.3v0.3
+	c0,6.4,2,11.9,6,16.7c4,4.8,9,7.8,15.1,9.1c-2.3,0.6-4.6,0.9-6.9,0.9c-1.5,0-3.2-0.1-5-0.4c1.7,5.3,4.8,9.6,9.3,13
+	c4.5,3.4,9.6,5.1,15.3,5.3c-9.6,7.5-20.4,11.2-32.7,11.2c-2.3,0-4.5-0.1-6.4-0.3c12.2,7.9,25.7,11.8,40.4,11.8
+	c9.3,0,18.1-1.5,26.3-4.4c8.2-3,15.2-6.9,21-11.9c5.8-5,10.8-10.7,15-17.1c4.2-6.5,7.3-13.2,9.4-20.2c2.1-7,3.1-14.1,3.1-21.1
+	c0-1.5,0-2.7-0.1-3.4C-32.8,367.1-28.4,362.6-24.8,357.2L-24.8,357.2z"/>
+</svg>

data/app/assets/images/social-icons/svg/youtube15.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="216" height="146" viewBox="0 0 216 146"><path d="M166.254 75.443c-.705-3.205-2.268-5.893-4.684-8.065-2.418-2.172-5.202-3.45-8.353-3.83-9.993-1.085-25.065-1.628-45.218-1.628-20.155 0-35.2.543-45.14 1.63-3.204.38-6 1.656-8.39 3.828-2.39 2.173-3.967 4.86-4.728 8.065-1.412 6.302-2.118 15.807-2.118 28.517 0 12.927.706 22.433 2.118 28.517.707 3.203 2.27 5.893 4.686 8.064 2.416 2.176 5.2 3.425 8.35 3.75C72.776 145.43 87.85 146 108 146s35.225-.57 45.217-1.71c3.15-.327 5.92-1.576 8.31-3.75 2.392-2.17 3.967-4.86 4.727-8.063 1.412-6.302 2.12-15.807 2.12-28.517-.002-12.927-.71-22.433-2.12-28.517zm-84.162 8.23h-8.718v46.358h-8.147V83.677h-8.555v-7.66h25.42v7.66zm21.997 46.358h-7.254v-4.4c-2.933 3.317-5.704 4.97-8.31 4.97-2.5 0-4.075-1.002-4.726-3.01-.433-1.305-.65-3.288-.65-5.95V89.783h7.25v29.656c0 1.737.027 2.688.082 2.85.163 1.142.733 1.712 1.71 1.712 1.467 0 3.016-1.14 4.645-3.422V89.783h7.25v40.248zm27.7-12.055c0 3.965-.246 6.682-.73 8.15-.928 2.984-2.855 4.478-5.788 4.478-2.607 0-5.133-1.493-7.578-4.478v3.91h-7.25v-54.02h7.25v17.68c2.337-2.93 4.86-4.4 7.578-4.4 2.933 0 4.86 1.523 5.785 4.564.486 1.41.73 4.1.73 8.063v16.048zm27.536-6.68h-14.583v7.088c0 3.75 1.248 5.622 3.747 5.622 1.793 0 2.88-.977 3.26-2.934.108-.542.163-2.2.163-4.97h7.414v1.06c0 2.663-.055 4.237-.163 4.728-.162 1.465-.73 2.932-1.71 4.398-1.956 2.88-4.89 4.318-8.8 4.318-3.748 0-6.68-1.384-8.8-4.153-1.574-2.01-2.362-5.16-2.362-9.45v-14.1c0-4.29.76-7.44 2.28-9.45 2.12-2.77 5.025-4.154 8.72-4.154 3.64 0 6.52 1.384 8.635 4.154 1.468 2.01 2.2 5.16 2.2 9.45v8.392z"/><path d="M121.36 95.895c-1.25 0-2.47.6-3.665 1.793v24.522c1.195 1.194 2.416 1.792 3.666 1.792 2.12 0 3.18-1.818 3.18-5.46v-17.188c0-3.64-1.06-5.46-3.18-5.46zm27.05 0c-2.443 0-3.665 1.847-3.665 5.54v3.747h7.332v-3.748c0-3.694-1.223-5.54-3.666-5.54zM77.368 32.508v22.08h8.147v-22.08L95.372 0h-8.31l-5.54 21.428L75.74 0h-8.636c1.52 4.563 3.286 9.64 5.296 15.236 2.553 7.495 4.21 13.253 4.97 17.272zm28.922 22.65c3.747 0 6.625-1.385 8.635-4.155 1.52-2.01 2.28-5.215 2.28-9.614V27.13c0-4.344-.76-7.522-2.28-9.532-2.01-2.77-4.888-4.155-8.636-4.155-3.64 0-6.495 1.385-8.558 4.155-1.52 2.01-2.28 5.188-2.28 9.533v14.26c0 4.346.76 7.55 2.28 9.615 2.064 2.77 4.915 4.155 8.555 4.155zm-3.505-29.494c0-3.748 1.168-5.622 3.504-5.622s3.5 1.874 3.5 5.622v17.11c0 3.802-1.167 5.702-3.503 5.702s-3.505-1.9-3.505-5.703v-17.11zm25.908 29.494c2.717 0 5.515-1.684 8.393-5.052v4.48h7.414V13.933h-7.414v31.04c-1.63 2.337-3.177 3.504-4.645 3.504-.976 0-1.546-.597-1.71-1.792-.053-.11-.08-1.06-.08-2.852v-29.9h-7.414v32.1c0 2.77.218 4.807.652 6.11.707 2.01 2.31 3.016 4.807 3.016z"/></svg>

data/app/assets/js/components.js

@@ -0,0 +1,376 @@
+'use strict';
+
+/* globals $: false */
+
+
+
+/*! politespace - v0.1.5 - 2015-07-09
+Politely add spaces to input values to increase readability (credit card numbers, phone numbers, etc).
+ * https://github.com/filamentgroup/politespace
+ * Copyright (c) 2015 Filament Group (@filamentgroup)
+ * MIT License */
+// TODO when moving to import system, install this with npm install politespace
+(function( w ){
+	"use strict";
+
+	var Politespace = function( element ) {
+		if( !element ) {
+			throw new Error( "Politespace requires an element argument." );
+		}
+
+		if( !element.getAttribute ) {
+			// Cut the mustard
+			return;
+		}
+
+		this.element = element;
+		this.type = this.element.getAttribute( "type" );
+		this.delimiter = this.element.getAttribute( "data-delimiter" ) || " ";
+		// https://en.wikipedia.org/wiki/Decimal_mark
+		this.decimalMark = this.element.getAttribute( "data-decimal-mark" ) || "";
+		this.reverse = this.element.getAttribute( "data-reverse" ) !== null;
+		this.groupLength = this.element.getAttribute( "data-grouplength" ) || 3;
+	};
+
+	Politespace.prototype._divideIntoArray = function( value ) {
+		var split = ( '' + this.groupLength ).split( ',' ),
+			isUniformSplit = split.length === 1,
+			dividedValue = [],
+			loopIndex = 0,
+			groupLength,
+			substrStart,
+			useCharCount;
+
+		while( split.length && loopIndex < value.length ) {
+			if( isUniformSplit ) {
+				groupLength = split[ 0 ];
+			} else {
+				// use the next split or the rest of the string if open ended, ala "3,3,"
+				groupLength = split.shift() || value.length - loopIndex;
+			}
+
+			// Use min if we’re at the end of a reversed string
+			// (substrStart below grows larger than the string length)
+			useCharCount = Math.min( parseInt( groupLength, 10 ), value.length - loopIndex );
+
+			if( this.reverse ) {
+				substrStart = -1 * (useCharCount + loopIndex);
+			} else {
+				substrStart = loopIndex;
+			}
+			dividedValue.push( value.substr( substrStart, useCharCount ) );
+			loopIndex += useCharCount;
+		}
+
+		if( this.reverse ) {
+			dividedValue.reverse();
+		}
+
+		return dividedValue;
+	};
+
+	Politespace.prototype.format = function( value ) {
+		var split;
+		var val = this.unformat( value );
+		var suffix = '';
+
+		if( this.decimalMark ) {
+			split = val.split( this.decimalMark );
+			suffix = split.length > 1 ? this.decimalMark + split[ 1 ] : '';
+			val = split[ 0 ];
+		}
+
+		return this._divideIntoArray( val ).join( this.delimiter ) + suffix;
+	};
+
+	Politespace.prototype.trimMaxlength = function( value ) {
+		var maxlength = this.element.getAttribute( "maxlength" );
+		// Note input type="number" maxlength does nothing
+		if( maxlength ) {
+			value = value.substr( 0, maxlength );
+		}
+		return value;
+	};
+
+	Politespace.prototype.getValue = function() {
+		return this.trimMaxlength( this.element.value );
+	};
+
+	Politespace.prototype.update = function() {
+		this.element.value = this.useProxy() ? this.getValue() : this.format( this.getValue() );
+	};
+
+	Politespace.prototype.unformat = function( value ) {
+		return value.replace( new RegExp(  this.delimiter, 'g' ), '' );
+	};
+
+	Politespace.prototype.reset = function() {
+		this.element.value = this.unformat( this.element.value );
+	};
+
+	Politespace.prototype.useProxy = function() {
+		return this.type === "number";
+	};
+
+	Politespace.prototype.updateProxy = function() {
+		var proxy;
+		if( this.useProxy() ) {
+			proxy = this.element.parentNode.firstChild;
+			proxy.innerHTML = this.format( this.getValue() );
+			proxy.style.width = this.element.offsetWidth + "px";
+		}
+	};
+
+	Politespace.prototype.createProxy = function() {
+		if( !this.useProxy() ) {
+			return;
+		}
+
+		function getStyle( el, prop ) {
+			return window.getComputedStyle( el, null ).getPropertyValue( prop );
+		}
+		function sumStyles( el, props ) {
+			var total = 0;
+			for( var j=0, k=props.length; j<k; j++ ) {
+				total += parseFloat( getStyle( el, props[ j ] ) );
+			}
+			return total;
+		}
+
+		var parent = this.element.parentNode;
+		var el = document.createElement( "div" );
+		var proxy = document.createElement( "div" );
+		proxy.style.font = getStyle( this.element, "font" );
+		proxy.style.paddingLeft = sumStyles( this.element, [ "padding-left", "border-left-width" ] ) + "px";
+		proxy.style.paddingRight = sumStyles( this.element, [ "padding-right", "border-right-width" ] ) + "px";
+		proxy.style.top = sumStyles( this.element, [ "padding-top", "border-top-width", "margin-top" ] ) + "px";
+
+		el.appendChild( proxy );
+		el.className = "politespace-proxy active";
+		var formEl = parent.replaceChild( el, this.element );
+		el.appendChild( formEl );
+
+		this.updateProxy();
+	};
+
+	w.Politespace = Politespace;
+
+}( this ));
+
+(function( $ ) {
+	"use strict";
+
+	// jQuery Plugin
+
+	var componentName = "politespace",
+		enhancedAttr = "data-enhanced",
+		initSelector = "[data-" + componentName + "]:not([" + enhancedAttr + "])";
+
+	$.fn[ componentName ] = function(){
+		return this.each( function(){
+			var polite = new Politespace( this );
+			if( polite.type === "number" ) {
+				polite.createProxy();
+			}
+
+			$( this )
+				.bind( "input keydown", function() {
+					polite.updateProxy();
+				})
+				.bind( "blur", function() {
+					$( this ).closest( ".politespace-proxy" ).addClass( "active" );
+					polite.update();
+					polite.updateProxy();
+				})
+				.bind( "focus", function() {
+					$( this ).closest( ".politespace-proxy" ).removeClass( "active" );
+					polite.reset();
+				})
+				.data( componentName, polite );
+
+			polite.update();
+		});
+	};
+
+	// auto-init on enhance (which is called on domready)
+  $(document).ready(function() {
+    $('[data-' + componentName + ']').politespace();
+  });
+
+}( jQuery ));
+
+/**
+ * Accordion
+ *
+ * An accordion component.
+ *
+ * @param {jQuery} $el A jQuery html element to turn into an accordion.
+ */
+function Accordion($el) {
+  var self = this;
+  this.$root = $el;
+  this.$root.on('click', 'button', function(ev) {
+    var expanded = JSON.parse($(this).attr('aria-expanded'));
+    ev.preventDefault();
+    self.hideAll();
+    if (!expanded) {
+      self.show($(this));
+    }
+  });
+}
+
+Accordion.prototype.$ = function(selector) {
+  return this.$root.find(selector);
+}
+
+Accordion.prototype.hide = function($button) {
+  var selector = $button.attr('aria-controls'),
+      $content = this.$('#' + selector);
+
+  $button.attr('aria-expanded', false);
+  $content.attr('aria-hidden', true);
+};
+
+Accordion.prototype.show = function($button) {
+  var selector = $button.attr('aria-controls'),
+      $content = this.$('#' + selector);
+
+  $button.attr('aria-expanded', true);
+  $content.attr('aria-hidden', false);
+};
+
+Accordion.prototype.hideAll = function() {
+  var self = this;
+  this.$('button').each(function() {
+    self.hide($(this));
+  });
+};
+
+/**
+ * accordion
+ *
+ * Initialize a new Accordion component.
+ *
+ * @param {jQuery} $el A jQuery html element to turn into an accordion.
+ */
+function accordion($el) {
+  return new Accordion($el);
+}
+
+function togglePassword($el) {
+  var fieldSelector =  '#' + $el.attr('aria-controls'),
+      $field = $el.parents('form').find(fieldSelector),
+      showing = false;
+
+  $el.on('click', function(ev) {
+    ev.preventDefault();
+    toggleFieldMask($field, showing);
+    $el.text(showing ? 'Show password' : 'Hide password');
+    showing = !showing;
+  });
+}
+
+function toggleSSN($el) {
+  var fieldSelector =  '#' + $el.attr('aria-controls'),
+      $field = $el.parents('form').find(fieldSelector),
+      showing = false;
+
+  $el.on('click', function(ev) {
+    ev.preventDefault();
+    toggleFieldMask($field, showing);
+    $el.text(showing ? 'Show SSN' : 'Hide SSN');
+    showing = !showing;
+  });
+}
+
+function toggleMultiPassword($el) {
+  var fieldSelector = '#password, #confirmPassword',
+      $fields = $el.parents('form').find(fieldSelector),
+      showing = false;
+
+  $el.on('click', function(ev) {
+    ev.preventDefault();
+    toggleFieldMask($fields, showing);
+    $el.text(showing ? 'Show my typing' : 'Hide my typing');
+    showing = !showing;
+  });
+}
+
+function toggleFieldMask($field, showing) {
+  $field.attr('autocapitalize', 'off');
+  $field.attr('autocorrect', 'off');
+  $field.attr('type', showing ? 'password' : 'text');
+}
+
+function validator($el) {
+  var data = $('#password[data-validation-element]').data(),
+      key,
+      validatorName,
+      validatorPattern,
+      $validatorCheckbox,
+      $checkList = $($el.data('validationElement'));
+
+  function validate() {
+    for (key in data) {
+      if (key.startsWith('validate')) {
+        validatorName = key.split('validate')[1];
+        validatorPattern = new RegExp(data[key]);
+        $validatorCheckbox = $checkList.find('[data-validator=' +
+            validatorName.toLowerCase() + ']');
+
+        if (!validatorPattern.test($el.val())) {
+          $validatorCheckbox.toggleClass('usa-checklist-checked', false);
+        }
+        else {
+          $validatorCheckbox.toggleClass('usa-checklist-checked', true);
+        }
+      }
+    }
+  }
+
+  $el.on('keyup', validate);
+}
+
+$(function() {
+  $('[class^=usa-accordion]').each(function() {
+    accordion($(this));
+  });
+
+  var footerAccordion = function() {
+    if (window.innerWidth < 600) {
+
+      $('.usa-footer-big nav ul').addClass('hidden');
+
+      $('.usa-footer-big nav .usa-footer-primary-link').unbind('click');
+
+      $('.usa-footer-big nav .usa-footer-primary-link').bind('click', function() {
+        $(this).parent().removeClass('hidden')
+        .siblings().addClass('hidden');
+      });
+    } else {
+
+      $('.usa-footer-big nav ul').removeClass('hidden');
+
+      $('.usa-footer-big nav .usa-footer-primary-link').unbind('click');
+    }
+  };
+
+  footerAccordion();
+
+  $(window).resize(footerAccordion);
+
+  // Fixing skip nav focus behavior in chrome
+  $('.skipnav').click(function(){
+    $('#main-content').attr('tabindex','0');
+  });
+
+  $('#main-content').blur(function(){
+    $(this).attr('tabindex','-1');
+  });
+
+  togglePassword($('.usa-show_password'));
+  toggleMultiPassword($('.usa-show_multipassword'));
+  toggleSSN($('.usa-show_ssn'));
+  validator($('.js-validate_password'));
+
+});