Documentation! + some little fixes to add consistency between components

dist/clay.js

@@ -1,627 +1,3 @@
-(function(f){if(typeof exports==="object"&&typeof module!=="undefined"){module.exports=f()}else if(typeof define==="function"&&define.amd){define([],f)}else{var g;if(typeof window!=="undefined"){g=window}else if(typeof global!=="undefined"){g=global}else if(typeof self!=="undefined"){g=self}else{g=this}g.clay = f()}})(function(){var define,module,exports;return (function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){
-/* toSource by Marcello Bastea-Forte - zlib license */
-module.exports = function (object, filter, indent, startingIndent) {
-  var seen = []
-  return walk(object, filter, indent === undefined ? '  ' : (indent || ''), startingIndent || '', seen)
-
-  function walk (object, filter, indent, currentIndent, seen) {
-    var nextIndent = currentIndent + indent
-    object = filter ? filter(object) : object
-
-    switch (typeof object) {
-      case 'string':
-        return JSON.stringify(object)
-      case 'boolean':
-      case 'number':
-      case 'undefined':
-        return '' + object
-      case 'function':
-        return object.toString()
-    }
-
-    if (object === null) {
-      return 'null'
-    }
-    if (object instanceof RegExp) {
-      return stringifyRegExp(object)
-    }
-    if (object instanceof Date) {
-      return 'new Date(' + object.getTime() + ')'
-    }
-
-    var seenIndex = seen.indexOf(object) + 1
-    if (seenIndex > 0) {
-      return '{$circularReference:' + seenIndex + '}'
-    }
-    seen.push(object)
-
-    function join (elements) {
-      return indent.slice(1) + elements.join(',' + (indent && '\n') + nextIndent) + (indent ? ' ' : '')
-    }
-
-    if (Array.isArray(object)) {
-      return '[' + join(object.map(function (element) {
-        return walk(element, filter, indent, nextIndent, seen.slice())
-      })) + ']'
-    }
-    var keys = Object.keys(object)
-    return keys.length ? '{' + join(keys.map(function (key) {
-      return (legalKey(key) ? key : JSON.stringify(key)) + ':' + walk(object[key], filter, indent, nextIndent, seen.slice())
-    })) + '}' : '{}'
-  }
-}
-
-var KEYWORD_REGEXP = /^(abstract|boolean|break|byte|case|catch|char|class|const|continue|debugger|default|delete|do|double|else|enum|export|extends|false|final|finally|float|for|function|goto|if|implements|import|in|instanceof|int|interface|long|native|new|null|package|private|protected|public|return|short|static|super|switch|synchronized|this|throw|throws|transient|true|try|typeof|undefined|var|void|volatile|while|with)$/
-
-function legalKey (string) {
-  return /^[a-z_$][0-9a-z_$]*$/gi.test(string) && !KEYWORD_REGEXP.test(string)
-}
-
-// Node.js 0.10 doesn't escape slashes in re.toString() or re.source
-// when they were not escaped initially.
-// Here we check if the workaround is needed once and for all,
-// then apply it only for non-escaped slashes.
-var isRegExpEscaped = (new RegExp('/')).source === '\\/'
-
-function stringifyRegExp (re) {
-  if (isRegExpEscaped) {
-    return re.toString()
-  }
-  var source = re.source.replace(/\//g, function (found, offset, str) {
-    if (offset === 0 || str[offset - 1] !== '\\') {
-      return '\\/'
-    }
-    return '/'
-  })
-  var flags = (re.global && 'g' || '') + (re.ignoreCase && 'i' || '') + (re.multiline && 'm' || '')
-  return '/' + source + '/' + flags
-}
-
-},{}],2:[function(require,module,exports){
-'use strict';
-
-module.exports = {
-  name: 'checkboxgroup',
-  template: require('../../templates/components/checkboxgroup.tpl'),
-  style: require('../../styles/clay/components/checkboxgroup.scss'),
-  manipulator: 'checkboxgroup',
-  defaults: {
-    label: '',
-    options: []
-  }
-};
-
-},{"../../styles/clay/components/checkboxgroup.scss":13,"../../templates/components/checkboxgroup.tpl":19}],3:[function(require,module,exports){
-'use strict';
-
-module.exports = {
-  name: 'color',
-  template: require('../../templates/components/color.tpl'),
-  style: require('../../styles/clay/components/color.scss'),
-  manipulator: 'color',
-  defaults: {
-    label: ''
-  },
-  initialize: function(minified) {
-    var HTML = minified.HTML;
-    var self = this;
-    var useSunlight = self.config.sunlight !== false;
-    var sunlightColorMap = {
-      '000000': '000000',
-      '000055': '001e41',
-      '0000aa': '004387',
-      '0000ff': '0068ca',
-      '005500': '2b4a2c',
-      '005555': '27514f',
-      '0055aa': '16638d',
-      '0055ff': '007dce',
-      '00aa00': '5e9860',
-      '00aa55': '5c9b72',
-      '00aaaa': '57a5a2',
-      '00aaff': '4cb4db',
-      '00ff00': '8ee391',
-      '00ff55': '8ee69e',
-      '00ffaa': '8aebc0',
-      '00ffff': '84f5f1',
-      '550000': '4a161b',
-      '550055': '482748',
-      '5500aa': '40488a',
-      '5500ff': '2f6bcc',
-      '555500': '564e36',
-      '555555': '545454',
-      '5555aa': '4f6790',
-      '5555ff': '4180d0',
-      '55aa00': '759a64',
-      '55aa55': '759d76',
-      '55aaaa': '71a6a4',
-      '55aaff': '69b5dd',
-      '55ff00': '9ee594',
-      '55ff55': '9de7a0',
-      '55ffaa': '9becc2',
-      '55ffff': '95f6f2',
-      'aa0000': '99353f',
-      'aa0055': '983e5a',
-      'aa00aa': '955694',
-      'aa00ff': '8f74d2',
-      'aa5500': '9d5b4d',
-      'aa5555': '9d6064',
-      'aa55aa': '9a7099',
-      'aa55ff': '9587d5',
-      'aaaa00': 'afa072',
-      'aaaa55': 'aea382',
-      'aaaaaa': 'ababab',
-      'ffffff': 'ffffff',
-      'aaaaff': 'a7bae2',
-      'aaff00': 'c9e89d',
-      'aaff55': 'c9eaa7',
-      'aaffaa': 'c7f0c8',
-      'aaffff': 'c3f9f7',
-      'ff0000': 'e35462',
-      'ff0055': 'e25874',
-      'ff00aa': 'e16aa3',
-      'ff00ff': 'de83dc',
-      'ff5500': 'e66e6b',
-      'ff5555': 'e6727c',
-      'ff55aa': 'e37fa7',
-      'ff55ff': 'e194df',
-      'ffaa00': 'f1aa86',
-      'ffaa55': 'f1ad93',
-      'ffaaaa': 'efb5b8',
-      'ffaaff': 'ecc3eb',
-      'ffff00': 'ffeeab',
-      'ffff55': 'fff1b5',
-      'ffffaa': 'fff6d3'
-    };
-
-    /**
-     * @param {string|boolean|number} color
-     * @returns {string}
-     */
-    function cssColor(color) {
-      if (color === false) { return 'transparent'; }
-      if (typeof color === 'number') {
-        color = color.toString(16);
-      }
-      while (color.length < 6) {
-        color = '0' + color;
-      }
-
-      return '#' + (useSunlight ? sunlightColorMap[color] : color);
-    }
-
-    /* eslint-disable  comma-spacing, no-multi-spaces, max-len,
-        standard/array-bracket-even-spacing */
-    var layout = self.config.layout || [
-      [false   , false   , '55ff00', 'aaff55', false   , 'ffff55', 'ffffaa', false   , false   ],
-      [false   , 'aaffaa', '55ff55', '00ff00', 'aaff00', 'ffff00', 'ffaa55', 'ffaaaa', false   ],
-      ['55ffaa', '00ff55', '00aa00', '55aa00', 'aaaa55', 'aaaa00', 'ffaa00', 'ff5500', 'ff5555'],
-      ['aaffff', '00ffaa', '00aa55', '55aa55', '005500', '555500', 'aa5500', 'ff0000', 'ff0055'],
-      [false   , '55aaaa', '00aaaa', '005555', 'ffffff', '000000', 'aa5555', 'aa0000', false   ],
-      ['55ffff', '00ffff', '00aaff', '0055aa', 'aaaaaa', '555555', '550000', 'aa0055', 'ff55aa'],
-      ['55aaff', '0055ff', '0000ff', '0000aa', '000055', '550055', 'aa00aa', 'ff00aa', 'ffaaff'],
-      [false   , '5555aa', '5555ff', '5500ff', '5500aa', 'aa00ff', 'ff00ff', 'ff55ff', false   ],
-      [false   , false   , false   , 'aaaaff', 'aa55ff', 'aa55aa', false   , false   , false   ]
-    ];
-    /* eslint-enable */
-
-    var grid = '';
-    var itemWidth = 100 / layout[0].length;
-    var itemHeight = 100 / layout.length;
-    var $elem = self.$element;
-
-    for (var i = 0; i < layout.length; i++) {
-      for (var j = 0; j < layout[i].length; j++) {
-
-        var color = layout[i][j];
-        var selectable = (color ? ' selectable' : '');
-
-        var roundedTL = (i === 0 && j === 0) || i === 0 && !layout[i][j - 1] ||
-                        !layout[i][j - 1] && !layout[i - 1][j] ?
-          ' rounded-tl' :
-          '';
-
-        var roundedTR = i === 0 && !layout[i][j + 1] ||
-                        !layout[i][j + 1] && !layout[i - 1][j] ?
-          ' rounded-tr ' :
-          '';
-
-        var roundedBL = (i === layout.length - 1 && j === 0) ||
-                        i === layout.length - 1 && !layout[i][j - 1] ||
-                        !layout[i][j - 1] && !layout[i + 1][j] ?
-          ' rounded-bl' :
-          '';
-
-        var roundedBR = i === layout.length - 1 && !layout[i][j + 1] ||
-                        !layout[i][j + 1] && !layout[i + 1][j] ?
-          ' rounded-br' :
-          '';
-
-        grid += '<i ' +
-          'class="color-box ' + selectable + roundedTL + roundedTR + roundedBL +
-              roundedBR + '" ' +
-          'data-value="' + parseInt(color, 16) + '" ' +
-          'style="' +
-            'width:' + itemWidth + '%; ' +
-            'height:' + itemHeight + '%; ' +
-            'background:' + cssColor(color) + ';">' +
-        '</i>';
-      }
-    }
-
-    $elem.select('.color-box-container').add(HTML(grid));
-
-    var $valueDisplay = $elem.select('.value');
-    var $picker = $elem.select('.picker-wrap');
-    var disabled = self.$manipulatorTarget.get('disabled');
-
-    $elem.select('label').on('click', function(ev) {
-      if (!disabled) {
-        $picker.set('show'); // toggle visibility
-      }
-    });
-
-    self.on('change', function() {
-      var value = self.get();
-      $valueDisplay.set('$background-color', cssColor(value));
-      $elem.select('.color-box').set('-selected');
-      $elem.select('.color-box[data-value="' + value + '"]').set('+selected');
-    });
-
-    $elem.select('.color-box.selectable').on('click', function(ev) {
-      self.set(parseInt(ev.target.dataset.value, 10));
-      $picker.set('-show');
-    });
-
-    $picker.on('click', function() {
-      $picker.set('-show');
-    });
-
-    self.on('disabled', function() {
-      disabled = true;
-    });
-
-    self.on('enabled', function() {
-      disabled = false;
-    });
-
-  }
-};
-
-},{"../../styles/clay/components/color.scss":14,"../../templates/components/color.tpl":20}],4:[function(require,module,exports){
-'use strict';
-
-module.exports = {
-  name: 'footer',
-  template: require('../../templates/components/footer.tpl'),
-  manipulator: 'html',
-  defaults: {
-    attributes: {}
-  }
-};
-
-},{"../../templates/components/footer.tpl":21}],5:[function(require,module,exports){
-'use strict';
-
-module.exports = {
-  name: 'heading',
-  template: require('../../templates/components/heading.tpl'),
-  manipulator: 'html',
-  defaults: {
-    attributes: {},
-    size: 4
-  }
-};
-
-},{"../../templates/components/heading.tpl":22}],6:[function(require,module,exports){
-'use strict';
-
-module.exports = {
-  color: require('./color'),
-  footer: require('./footer'),
-  heading: require('./heading'),
-  input: require('./input'),
-  select: require('./select'),
-  submit: require('./submit'),
-  text: require('./text'),
-  toggle: require('./toggle'),
-  radiogroup: require('./radiogroup'),
-  checkboxgroup: require('./checkboxgroup')
-};
-
-},{"./checkboxgroup":2,"./color":3,"./footer":4,"./heading":5,"./input":7,"./radiogroup":8,"./select":9,"./submit":10,"./text":11,"./toggle":12}],7:[function(require,module,exports){
-'use strict';
-
-module.exports = {
-  name: 'input',
-  template: require('../../templates/components/input.tpl'),
-  style: require('../../styles/clay/components/input.scss'),
-  manipulator: 'val',
-  defaults: {
-    label: '',
-    attributes: {}
-  }
-};
-
-},{"../../styles/clay/components/input.scss":15,"../../templates/components/input.tpl":23}],8:[function(require,module,exports){
-'use strict';
-
-module.exports = {
-  name: 'radiogroup',
-  template: require('../../templates/components/radiogroup.tpl'),
-  style: require('../../styles/clay/components/radiogroup.scss'),
-  manipulator: 'radiogroup',
-  defaults: {
-    label: '',
-    options: []
-  }
-};
-
-},{"../../styles/clay/components/radiogroup.scss":16,"../../templates/components/radiogroup.tpl":24}],9:[function(require,module,exports){
-'use strict';
-
-module.exports = {
-  name: 'select',
-  template: require('../../templates/components/select.tpl'),
-  style: require('../../styles/clay/components/select.scss'),
-  manipulator: 'val',
-  defaults: {
-    label: '',
-    options: []
-  },
-  initialize: function() {
-    var self = this;
-
-    var $value = self.$element.select('.value');
-
-    self.on('change', function(ev) {
-      var value = self.$manipulatorTarget.select('option:checked').get('innerHTML');
-      $value.set('innerHTML', value);
-    });
-  }
-};
-
-},{"../../styles/clay/components/select.scss":17,"../../templates/components/select.tpl":25}],10:[function(require,module,exports){
-'use strict';
-
-module.exports = {
-  name: 'submit',
-  template: require('../../templates/components/submit.tpl'),
-  manipulator: 'val',
-  defaults: {
-    label: '',
-    attributes: {}
-  }
-};
-
-},{"../../templates/components/submit.tpl":26}],11:[function(require,module,exports){
-'use strict';
-
-module.exports = {
-  name: 'text',
-  template: require('../../templates/components/text.tpl'),
-  manipulator: 'html',
-  defaults: {
-    attributes: {}
-  }
-};
-
-},{"../../templates/components/text.tpl":27}],12:[function(require,module,exports){
-'use strict';
-
-module.exports = {
-  name: 'toggle',
-  template: require('../../templates/components/toggle.tpl'),
-  style: require('../../styles/clay/components/toggle.scss'),
-  manipulator: 'checked',
-  defaults: {
-    label: '',
-    attributes: {}
-  }
-};
-
-},{"../../styles/clay/components/toggle.scss":18,"../../templates/components/toggle.tpl":28}],13:[function(require,module,exports){
-module.exports = ".component-checkbox { -webkit-tap-highlight-color: transparent; display: block; }\n\n.component-checkbox:active { background-color: transparent; }\n\n.component-checkbox > .label { display: block; padding-bottom: 0.35rem; }\n\n.component-checkbox .checkbox-group label { padding: 0.35rem 0; -webkit-tap-highlight-color: rgba(255, 255, 255, 0.1); }\n\n.component-checkbox .checkbox-group label:active { background-color: rgba(255, 255, 255, 0.1); }\n\n.component-checkbox .checkbox-group .label { font-size: 0.9em; padding: 0 0.375rem; }\n\n.component-checkbox .checkbox-group input { display: none; }\n\n.component-checkbox .checkbox-group i { display: block; position: relative; border-radius: 0.25rem; width: 1.4rem; height: 1.4rem; border: 0.11765rem solid #767676; -webkit-flex-shrink: 0; flex-shrink: 0; }\n\n.component-checkbox .checkbox-group input:checked ~ i { border-color: #ff4700; background: #ff4700; }\n\n.component-checkbox .checkbox-group input:checked ~ i:after { content: ''; box-sizing: border-box; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; left: 0.35rem; top: -0.05rem; display: block; width: 0.5rem; height: 1rem; border: 0 solid #ffffff; border-right-width: 0.11765rem; border-bottom-width: 0.11765rem; }\n";
-
-},{}],14:[function(require,module,exports){
-module.exports = ".component-color .value { width: 2.2652rem; height: 1.4rem; border-radius: 0.7rem; box-shadow: #2f2f2f 0 0.1rem 0.1rem; }\n\n.component-color input:disabled ~ .value, .component-color input:disabled ~ .label { opacity: 0.25; }\n\n.component-color .picker-wrap { left: 0; top: 0; top: 0; right: 0; bottom: 0; position: fixed; padding: 1rem; background: rgba(0, 0, 0, 0.7); opacity: 0; -webkit-transition: opacity 70ms ease-in 175ms; transition: opacity 70ms ease-in 175ms; pointer-events: none; z-index: 100; }\n\n.component-color .picker-wrap .picker { padding: 1rem; background: #f2f2f2; border-radius: 0.25rem; }\n\n.component-color .picker-wrap.show { -webkit-transition-delay: 0ms; transition-delay: 0ms; pointer-events: auto; opacity: 1; }\n\n.component-color .color-box-wrap { box-sizing: border-box; position: relative; height: 0; width: 100%; padding: 0 0 100% 0; margin: 0.6em 0 0em; }\n\n.component-color .color-box-wrap .color-box-container { position: absolute; height: 99.97%; width: 100%; left: 0; top: 0; }\n\n.component-color .color-box-wrap .color-box-container .color-box { float: left; cursor: pointer; -webkit-tap-highlight-color: transparent; }\n\n.component-color .color-box-wrap .color-box-container .color-box.rounded-tl { border-top-left-radius: 0.25rem; }\n\n.component-color .color-box-wrap .color-box-container .color-box.rounded-tr { border-top-right-radius: 0.25rem; }\n\n.component-color .color-box-wrap .color-box-container .color-box.rounded-bl { border-bottom-left-radius: 0.25rem; }\n\n.component-color .color-box-wrap .color-box-container .color-box.rounded-br { border-bottom-right-radius: 0.25rem; }\n\n.component-color .color-box-wrap .color-box-container .color-box.selected { -webkit-transform: scale(1.15); transform: scale(1.15); border-radius: 0.25rem; box-shadow: #111 0 0 0.24rem; position: relative; z-index: 100; }\n";
-
-},{}],15:[function(require,module,exports){
-module.exports = ".component-input { display: block; }\n\n.component-input .label { padding-bottom: 0.7rem; }\n\n.component-input .input { position: relative; min-width: 100%; margin-top: 0.7rem; margin-left: 0; }\n\n.component-input input { display: block; width: 100%; background: #333333; border-radius: 0.25rem; padding: 0.35rem 0.375rem; border: none; vertical-align: baseline; color: #ffffff; font-size: inherit; }\n\n.component-input input::-webkit-input-placeholder { color: #858585; }\n\n.component-input input::-moz-placeholder { color: #858585; }\n\n.component-input input:-moz-placeholder { color: #858585; }\n\n.component-input input:-ms-input-placeholder { color: #858585; }\n\n.component-input input:focus { border: none; box-shadow: none; }\n\n.component-input input:focus::-webkit-input-placeholder { color: #666666; }\n\n.component-input input:focus::-moz-placeholder { color: #666666; }\n\n.component-input input:focus:-moz-placeholder { color: #666666; }\n\n.component-input input:focus:-ms-input-placeholder { color: #666666; }\n";
-
-},{}],16:[function(require,module,exports){
-module.exports = ".component-radio { -webkit-tap-highlight-color: transparent; display: block; }\n\n.component-radio:active { background-color: transparent; }\n\n.component-radio > .label { display: block; padding-bottom: 0.35rem; }\n\n.component-radio .radio-group label { padding: 0.35rem 0; -webkit-tap-highlight-color: rgba(255, 255, 255, 0.1); }\n\n.component-radio .radio-group label:active { background-color: rgba(255, 255, 255, 0.1); }\n\n.component-radio .radio-group .label { font-size: 0.9em; padding: 0 0.375rem; }\n\n.component-radio .radio-group input { display: none; }\n\n.component-radio .radio-group i { display: block; position: relative; border-radius: 1.4rem; width: 1.4rem; height: 1.4rem; border: 2px solid #767676; -webkit-flex-shrink: 0; flex-shrink: 0; }\n\n.component-radio .radio-group input:checked ~ i { border-color: #ff4700; }\n\n.component-radio .radio-group input:checked ~ i:after { content: ''; display: block; position: absolute; left: 15%; right: 15%; top: 15%; bottom: 15%; border-radius: 1.4rem; background: #ff4700; }\n";
-
-},{}],17:[function(require,module,exports){
-module.exports = ".component-select { position: relative; }\n\n.component-select .value { position: relative; padding-right: 1.1rem; }\n\n.component-select .value:after { content: \"\"; position: absolute; right: 0; top: 50%; margin-top: -0.1rem; height: 0; width: 0; border-left: 0.425rem solid transparent; border-right: 0.425rem solid transparent; border-top: 0.425rem solid #ececec; }\n\n.component-select select { opacity: 0; position: absolute; display: block; left: 0; right: 0; top: 0; bottom: 0; background: #000; width: 100%; border: none; margin: 0; padding: 0; }\n";
-
-},{}],18:[function(require,module,exports){
-module.exports = ".component-toggle input { display: none; }\n\n.component-toggle .graphic { display: inline-block; position: relative; }\n\n.component-toggle .graphic .slide { display: block; border-radius: 1.05rem; height: 1.05rem; width: 2.2652rem; background: #2f2f2f; -webkit-transition: background-color 150ms linear; transition: background-color 150ms linear; }\n\n.component-toggle .graphic .marker { background: #ececec; width: 1.4rem; height: 1.4rem; border-radius: 1.4rem; position: absolute; left: 0; display: block; top: -0.175rem; -webkit-transition: -webkit-transform 150ms linear; transition: -webkit-transform 150ms linear; transition: transform 150ms linear; transition: transform 150ms linear, -webkit-transform 150ms linear; box-shadow: #2f2f2f 0 0.1rem 0.1rem; }\n\n.component-toggle input:checked + .graphic .slide { background: #993d19; }\n\n.component-toggle input:checked + .graphic .marker { background: #ff4700; -webkit-transform: translateX(0.8652rem); transform: translateX(0.8652rem); }\n";
-
-},{}],19:[function(require,module,exports){
-module.exports = "<div class=\"component component-checkbox\">\n  <span class=\"label\">{{{label}}}</span>\n  <div class=\"checkbox-group\">\n    {{each options}}\n      <label>\n        <span class=\"label\">{{{this.label}}}</span>\n        <input\n          type=\"checkbox\"\n          value=\"{{this.value}}\"\n          name=\"clay-{{clayId}}\"\n          data-manipulator-target\n        />\n        <i></i>\n      </label>\n    {{/each}}\n  </div>\n</div>\n";
-
-},{}],20:[function(require,module,exports){
-module.exports = "<div class=\"component component-color\">\n  <label>\n    <input\n      data-manipulator-target\n      type=\"hidden\"\n    />\n    <span class=\"label\">{{{label}}}</span>\n    <span class=\"value\"></span>\n  </label>\n  <div class=\"picker-wrap\">\n    <div class=\"picker\">\n      <div class=\"color-box-wrap\">\n        <div class=\"color-box-container\"></div>\n      </div>\n    </div>\n  </div>\n</div>\n";
-
-},{}],21:[function(require,module,exports){
-module.exports = "<div\n  data-manipulator-target\n  class=\"item-container-footer\"\n  {{each attributes}} {{this.key}}=\"{{this.value}}\" {{/each}}\n></div>\n";
-
-},{}],22:[function(require,module,exports){
-module.exports = "<div class=\"component component-heading\">\n  <h{{size}} data-manipulator-target {{each key: attributes}}{{key}}=\"{{this}}\"{{/each}}></h{{size}}>\n</div>\n";
-
-},{}],23:[function(require,module,exports){
-module.exports = "<label class=\"component component-input\">\n  <span class=\"label\">{{{label}}}</span>\n  <span class=\"input\">\n    <input\n      data-manipulator-target\n      {{each key: attributes}}{{key}}=\"{{this}}\"{{/each}}\n    />\n  </span>\n</label>\n";
-
-},{}],24:[function(require,module,exports){
-module.exports = "<div class=\"component component-radio\">\n  <span class=\"label\">{{{label}}}</span>\n  <div class=\"radio-group\">\n    {{each options}}\n      <label>\n        <span class=\"label\">{{{this.label}}}</span>\n        <input\n          type=\"radio\"\n          value=\"{{this.value}}\"\n          name=\"clay-{{clayId}}\"\n          data-manipulator-target\n        />\n        <i></i>\n      </label>\n    {{/each}}\n  </div>\n</div>\n";
-
-},{}],25:[function(require,module,exports){
-module.exports = "<label class=\"component component-select\">\n  <span class=\"label\">{{{label}}}</span>\n  <span class=\"value\"></span>\n  <select data-manipulator-target>\n    {{each options}}\n      <option value=\"{{this.value}}\" class=\"item-select-option\">{{this.label}}</option>\n    {{/each}}\n  </select>\n</label>\n";
-
-},{}],26:[function(require,module,exports){
-module.exports = "<div class=\"component component-button\">\n  <button\n    data-manipulator-target\n    type=\"submit\"\n    {{each key: attributes}}{{key}}=\"{{this}}\"{{/each}}\n  >\n    {{{label}}}\n  </button>\n</div>\n";
-
-},{}],27:[function(require,module,exports){
-module.exports = "<div class=\"component component-text\">\n  <p data-manipulator-target {{each key: attributes}}{{key}}=\"{{this}}\"{{/each}}></p>\n</div>\n";
-
-},{}],28:[function(require,module,exports){
-module.exports = "<label class=\"component component-toggle\">\n  <span class=\"label\">{{{label}}}</span>\n  <span class=\"input\">\n    <input\n      data-manipulator-target\n      type=\"checkbox\"\n      {{each key: attributes}}{{key}}=\"{{this}}\"{{/each}}\n    />\n    <span class=\"graphic\">\n      <span class=\"slide\"></span>\n      <span class=\"marker\"></span>\n    </span>\n  </span>\n</label>\n";
-
-},{}],29:[function(require,module,exports){
-module.exports = "<!DOCTYPE html><html lang=\"en\"><head><meta charset=\"utf-8\"><style>@font-face{font-family:PFDinDisplayProRegularWebfont;src:url(data:application/font-woff;charset=utf-8;base64,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
Line truncated
-
-},{}],"pebble-clay":[function(require,module,exports){
-'use strict';
-
-var configPageHtml = require('./tmp/config-page.html');
-var toSource = require('tosource');
-var standardComponents = require('./src/scripts/components');
-
-/**
- * @param {string} input
- * @param {string} [prefix]
- * @returns {string}
- */
-function encodeDataUri(input, prefix) {
-  prefix = typeof prefix !== 'undefined' ? prefix : 'data:text/html;base64,';
-
-  if (window.btoa) {
-    return prefix + encodeURIComponent(window.btoa(input));
-  }
-
-  // iOS doesn't have a window so we need to polyfil window.btoa
-  // extracted from https://github.com/inexorabletash/polyfill
-  var B64_ALPHABET =
-    'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=';
-  input = String(input);
-  var position = 0;
-  var out = [];
-  var o1;
-  var o2;
-  var o3;
-  var e1;
-  var e2;
-  var e3;
-  var e4;
-
-  if (/[^\x00-\xFF]/.test(input)) { throw Error('InvalidCharacterError'); }
-
-  while (position < input.length) {
-    o1 = input.charCodeAt(position++);
-    o2 = input.charCodeAt(position++);
-    o3 = input.charCodeAt(position++);
-
-    // 111111 112222 222233 333333
-    e1 = o1 >> 2;
-    e2 = ((o1 & 0x3) << 4) | (o2 >> 4);
-    e3 = ((o2 & 0xf) << 2) | (o3 >> 6);
-    e4 = o3 & 0x3f;
-
-    if (position === input.length + 2) {
-      e3 = 64;
-      e4 = 64;
-    } else if (position === input.length + 1) {
-      e4 = 64;
-    }
-
-    out.push(B64_ALPHABET.charAt(e1),
-             B64_ALPHABET.charAt(e2),
-             B64_ALPHABET.charAt(e3),
-             B64_ALPHABET.charAt(e4));
-  }
-
-  return prefix + encodeURIComponent(out.join(''));
-}
-
-/**
- * @param {Array} config - the Clay config
- * @param {function} [customFn] - custom code to run from the config page.
- * Will run with api as context
- * @constructor
- */
-function Clay(config, customFn) {
-  var self = this;
-
-  self.config = config;
-  self.customFn = customFn || function() {};
-  self.components = [];
-
-  /**
-   * @private
-   * @param {Clay~ConfigItem|Array} item
-   * @return {void}
-   */
-  function _registerStandardComponents(item) {
-    if (Array.isArray(item)) {
-      item.forEach(function(item) {
-        _registerStandardComponents(item);
-      });
-    } else if (item.type === 'section') {
-      _registerStandardComponents(item.items);
-    } else if (standardComponents[item.type]) {
-      self.registerComponent(standardComponents[item.type]);
-    }
-  }
-
-  _registerStandardComponents(self.config);
-}
-
-Clay.prototype.registerComponent = function(component) {
-  this.components.push(component);
-};
-
-/**
- * Generate the Data URI used by the config Page with settings injected
- * @return {string}
- */
-Clay.prototype.generateUrl = function() {
-  var settings;
-  var emulator = !Pebble || Pebble.platform === 'pypkjs';
-  var returnTo = emulator ? '$$$RETURN_TO$$$' : 'pebblejs://close#';
-
-  try {
-    settings = JSON.parse(localStorage.getItem('clay-settings')) || {};
-  } catch (e) {
-    console.error(e);
-    settings = {};
-  }
-
-  var compiledHtml = configPageHtml
-    .replace('$$RETURN_TO$$', returnTo)
-    .replace('$$CUSTOM_FN$$', toSource(this.customFn))
-    .replace('$$CONFIG$$', toSource(this.config))
-    .replace('$$SETTINGS$$', toSource(settings))
-    .replace('$$COMPONENTS$$', toSource(this.components));
-
-  // if we are in the emulator then we need to proxy the data via a webpage to
-  // obtain the return_to.
-  // @todo calculate this from the Pebble object or something
-  if (emulator) {
-    return encodeDataUri(
-      compiledHtml,
-      'http://clay.pebble.com.s3-website-us-west-2.amazonaws.com/#'
-    );
-  }
-
-  return encodeDataUri(compiledHtml);
-};
-
-/**
- * Parse the response from the webviewclosed event data
- * @param {string} response
- * @returns {{}}
- */
-Clay.prototype.getSettings = function(response) {
-  // Decode and parse config data as JSON
-  var settings = JSON.parse(decodeURIComponent(response));
-  // @todo get defaults in here
-  if (!settings) return {};
-
-  localStorage.setItem('clay-settings', JSON.stringify(settings));
-  return settings;
-};
-
-module.exports = Clay;
-
-},{"./src/scripts/components":6,"./tmp/config-page.html":29,"tosource":1}]},{},["pebble-clay"])("pebble-clay")
-});
+/* Clay - https://github.com/pebble/clay - Version: 0.1.0 - Build Date: 2016-02-16T08:42:54.478Z */
+!function(t){if("object"==typeof exports&&"undefined"!=typeof module)module.exports=t();else if("function"==typeof define&&define.amd)define([],t);else{var e;e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:this,e.clay=t()}}(function(){return function t(e,n,o){function r(a,c){if(!n[a]){if(!e[a]){var s="function"==typeof require&&require;if(!c&&s)return s(a,!0);if(i)return i(a,!0);var l=new Error("Cannot find module '"+a+"'");throw l.code="MODULE_NOT_FOUND",l}var u=n[a]={exports:{}};e[a][0].call(u.exports,function(t){var n=e[a][1][t];return r(n?n:t)},u,u.exports,t,e,n,o)}return n[a].exports}for(var i="function"==typeof require&&require,a=0;a<o.length;a++)r(o[a]);return r}({1:[function(t,e,n){function o(t){return/^[a-z_$][0-9a-z_$]*$/gi.test(t)&&!i.test(t)}function r(t){if(a)return t.toString();var e=t.source.replace(/\//g,function(t,e,n){return 0===e||"\\"!==n[e-1]?"\\/":"/"}),n=(t.global&&"g"||"")+(t.ignoreCase&&"i"||"")+(t.multiline&&"m"||"");return"/"+e+"/"+n}e.exports=function(t,e,n,i){function a(t,e,n,i,c){function s(t){return n.slice(1)+t.join(","+(n&&"\n")+l)+(n?" ":"")}var l=i+n;switch(t=e?e(t):t,typeof t){case"string":return JSON.stringify(t);case"boolean":case"number":case"undefined":return""+t;case"function":return t.toString()}if(null===t)return"null";if(t instanceof RegExp)return r(t);if(t instanceof Date)return"new Date("+t.getTime()+")";var u=c.indexOf(t)+1;if(u>0)return"{$circularReference:"+u+"}";if(c.push(t),Array.isArray(t))return"["+s(t.map(function(t){return a(t,e,n,l,c.slice())}))+"]";var f=Object.keys(t);return f.length?"{"+s(f.map(function(r){return(o(r)?r:JSON.stringify(r))+":"+a(t[r],e,n,l,c.slice())}))+"}":"{}"}var c=[];return a(t,e,void 0===n?"  ":n||"",i||"",c)};var i=/^(abstract|boolean|break|byte|case|catch|char|class|const|continue|debugger|default|delete|do|double|else|enum|export|extends|false|final|finally|float|for|function|goto|if|implements|import|in|instanceof|int|interface|long|native|new|null|package|private|protected|public|return|short|static|super|switch|synchronized|this|throw|throws|transient|true|try|typeof|undefined|var|void|volatile|while|with)$/,a="\\/"===new RegExp("/").source},{}],2:[function(t,e,n){"use strict";e.exports={name:"checkboxgroup",template:t("../../templates/components/checkboxgroup.tpl"),style:t("../../styles/clay/components/checkboxgroup.scss"),manipulator:"checkboxgroup",defaults:{label:"",options:[],attributes:{}}}},{"../../styles/clay/components/checkboxgroup.scss":13,"../../templates/components/checkboxgroup.tpl":19}],3:[function(t,e,n){"use strict";e.exports={name:"color",template:t("../../templates/components/color.tpl"),style:t("../../styles/clay/components/color.scss"),manipulator:"color",defaults:{label:""},initialize:function(t){function e(t){if(t===!1)return"transparent";for("number"==typeof t&&(t=t.toString(16));t.length<6;)t="0"+t;return"#"+(r?i[t]:t)}for(var n=t.HTML,o=this,r=o.config.sunlight!==!1,i={"000000":"000000","000055":"001e41","0000aa":"004387","0000ff":"0068ca","005500":"2b4a2c","005555":"27514f","0055aa":"16638d","0055ff":"007dce","00aa00":"5e9860","00aa55":"5c9b72","00aaaa":"57a5a2","00aaff":"4cb4db","00ff00":"8ee391","00ff55":"8ee69e","00ffaa":"8aebc0","00ffff":"84f5f1",550000:"4a161b",550055:"482748","5500aa":"40488a","5500ff":"2f6bcc",555500:"564e36",555555:"545454","5555aa":"4f6790","5555ff":"4180d0","55aa00":"759a64","55aa55":"759d76","55aaaa":"71a6a4","55aaff":"69b5dd","55ff00":"9ee594","55ff55":"9de7a0","55ffaa":"9becc2","55ffff":"95f6f2",aa0000:"99353f",aa0055:"983e5a",aa00aa:"955694",aa00ff:"8f74d2",aa5500:"9d5b4d",aa5555:"9d6064",aa55aa:"9a7099",aa55ff:"9587d5",aaaa00:"afa072",aaaa55:"aea382",aaaaaa:"ababab",ffffff:"ffffff",aaaaff:"a7bae2",aaff00:"c9e89d",aaff55:"c9eaa7",aaffaa:"c7f0c8",aaffff:"c3f9f7",ff0000:"e35462",ff0055:"e25874",ff00aa:"e16aa3",ff00ff:"de83dc",ff5500:"e66e6b",ff5555:"e6727c",ff55aa:"e37fa7",ff55ff:"e194df",ffaa00:"f1aa86",ffaa55:"f1ad93",ffaaaa:"efb5b8",ffaaff:"ecc3eb",ffff00:"ffeeab",ffff55:"fff1b5",ffffaa:"fff6d3"},a=o.config.layout||[[!1,!1,"55ff00","aaff55",!1,"ffff55","ffffaa",!1,!1],[!1,"aaffaa","55ff55","00ff00","aaff00","ffff00","ffaa55","ffaaaa",!1],["55ffaa","00ff55","00aa00","55aa00","aaaa55","aaaa00","ffaa00","ff5500","ff5555"],["aaffff","00ffaa","00aa55","55aa55","005500","555500","aa5500","ff0000","ff0055"],[!1,"55aaaa","00aaaa","005555","ffffff","000000","aa5555","aa0000",!1],["55ffff","00ffff","00aaff","0055aa","aaaaaa","555555","550000","aa0055","ff55aa"],["55aaff","0055ff","0000ff","0000aa","000055","550055","aa00aa","ff00aa","ffaaff"],[!1,"5555aa","5555ff","5500ff","5500aa","aa00ff","ff00ff","ff55ff",!1],[!1,!1,!1,"aaaaff","aa55ff","aa55aa",!1,!1,!1]],c="",s=100/a[0].length,l=100/a.length,u=o.$element,f=0;f<a.length;f++)for(var p=0;p<a[f].length;p++){var d=a[f][p],m=d?" selectable":"",g=0===f&&0===p||0===f&&!a[f][p-1]||!a[f][p-1]&&!a[f-1][p]?" rounded-tl":"",b=0===f&&!a[f][p+1]||!a[f][p+1]&&!a[f-1][p]?" rounded-tr 
Line truncated
+},{}],"pebble-clay":[function(t,e,n){"use strict";function o(t,e){if(e="undefined"!=typeof e?e:"data:text/html;base64,",window.btoa)return e+encodeURIComponent(window.btoa(t));var n="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=";t=String(t);var o,r,i,a,c,s,l,u=0,f=[];if(/[^\x00-\xFF]/.test(t))throw Error("InvalidCharacterError");for(;u<t.length;)o=t.charCodeAt(u++),r=t.charCodeAt(u++),i=t.charCodeAt(u++),a=o>>2,c=(3&o)<<4|r>>4,s=(15&r)<<2|i>>6,l=63&i,u===t.length+2?(s=64,l=64):u===t.length+1&&(l=64),f.push(n.charAt(a),n.charAt(c),n.charAt(s),n.charAt(l));return e+encodeURIComponent(f.join(""))}function r(t,e){function n(t){Array.isArray(t)?t.forEach(function(t){n(t)}):"section"===t.type?n(t.items):c[t.type]&&o.registerComponent(c[t.type])}var o=this;o.config=t,o.customFn=e||function(){},o.components=[],n(o.config)}var i=t("./tmp/config-page.html"),a=t("tosource"),c=t("./src/scripts/components");r.prototype.registerComponent=function(t){this.components.push(t)},r.prototype.generateUrl=function(){var t,e=!Pebble||"pypkjs"===Pebble.platform,n=e?"$$$RETURN_TO$$$":"pebblejs://close#";try{t=JSON.parse(localStorage.getItem("clay-settings"))||{}}catch(r){console.error(r),t={}}var c=i.replace("$$RETURN_TO$$",n).replace("$$CUSTOM_FN$$",a(this.customFn)).replace("$$CONFIG$$",a(this.config)).replace("$$SETTINGS$$",a(t)).replace("$$COMPONENTS$$",a(this.components));return e?o(c,"http://clay.pebble.com.s3-website-us-west-2.amazonaws.com/#"):o(c)},r.prototype.getSettings=function(t){var e=JSON.parse(decodeURIComponent(t));return e?(localStorage.setItem("clay-settings",JSON.stringify(e)),e):{}},e.exports=r},{"./src/scripts/components":6,"./tmp/config-page.html":29,tosource:1}]},{},["pebble-clay"])("pebble-clay")});