polymer-paper-rails 0.2.0 → 0.2.5

data/app/assets/components/paper-toast/paper-toast.html

@@ -43,6 +43,13 @@ position by overriding bottom and left positions.
       bottom: 40px;
       left: 10px;
     }
+    
+To position the toast to the right:
+
+    paper-toast {
+      right: 10px;
+      left: auto;
+    } 
   
 To make it fit at the bottom of the screen:
 
@@ -59,18 +66,33 @@ the toast will automatically fits at the bottom of the screen.
 @element paper-toast
 @homepage github.io
 -->
+<!--
+Fired when the `paper-toast`'s `opened` property changes.
+
+@event core-overlay-open
+@param {boolean} detail the opened state
+-->
+<!--
+Fired when the `paper-toast` has completely opened.
+
+@event core-overlay-open-completed
+-->
+<!--
+Fired when the `paper-toast` has completely closed.
 
+@event core-overlay-close-completed
+-->
 <link rel="import" href="../core-overlay/core-overlay.html">
 <link rel="import" href="../core-transition/core-transition-css.html">
 <link rel="import" href="../core-media-query/core-media-query.html">
 
-<polymer-element name="paper-toast" attributes="text duration opened responsiveWidth swipeDisabled" role="status">
+<polymer-element name="paper-toast" attributes="text duration opened responsiveWidth swipeDisabled autoCloseDisabled" role="status">
 
 <template>
 
   <link rel="stylesheet" href="paper-toast.css" >
 
-  <core-overlay opened="{{opened}}" target="{{}}" sizingTarget="{{$.container}}" transition="core-transition-bottom"></core-overlay>
+  <core-overlay id="overlay" autoFocusDisabled autoCloseDisabled="{{autoCloseDisabled}}" opened="{{opened}}" target="{{}}" transition="core-transition-bottom"></core-overlay>
 
   <div class="toast-container" horizontal layout>
 
@@ -139,6 +161,19 @@ the toast will automatically fits at the bottom of the screen.
        */
       swipeDisabled: false,
       
+      /**
+       * By default, the toast will close automatically if the user taps
+       * outside it or presses the escape key. Disable this behavior by setting
+       * the `autoCloseDisabled` property to true.
+       *
+       * @attribute autoCloseDisabled
+       * @type boolean
+       * @default false
+       */
+      autoCloseDisabled: false,
+      
+      narrowMode: false,
+      
       eventDelegates: {
         trackstart: 'trackStart',
         track: 'track',
@@ -148,6 +183,9 @@ the toast will automatically fits at the bottom of the screen.
       
       narrowModeChanged: function() {
         this.classList.toggle('fit-bottom', this.narrowMode);
+        if (this.opened) {
+          this.$.overlay.resizeHandler();
+        }
       },
       
       openedChanged: function() {
@@ -211,11 +249,11 @@ the toast will automatically fits at the bottom of the screen.
           if (this.vertical) {
             var y = e.dy;
             s.opacity = (this.h - Math.abs(y)) / this.h;
-            s.webkitTransform = s.transform =  'translate3d(0, ' + y + 'px, 0)';
+            s.transform = s.webkitTransform = 'translate3d(0, ' + y + 'px, 0)';
           } else {
             var x = e.dx;
             s.opacity = (this.w - Math.abs(x)) / this.w;
-            s.webkitTransform = s.transform = 'translate3d(' + x + 'px, 0, 0)';
+            s.transform = s.webkitTransform = 'translate3d(' + x + 'px, 0, 0)';
           }
         }
       },
@@ -223,8 +261,8 @@ the toast will automatically fits at the bottom of the screen.
       trackEnd: function(e) {
         if (this.dragging) {
           this.classList.remove('dragging');
-          this.style.opacity = null;
-          this.style.webkitTransform = this.style.transform = null;
+          this.style.opacity = '';
+          this.style.transform = this.style.webkitTransform = '';
           var cl = this.classList;
           if (this.vertical) {
             cl.toggle('fade-out-down', e.yDirection === 1 && e.dy > 0);

data/app/assets/components/paper-toggle-button/paper-toggle-button.css

@@ -58,4 +58,10 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
 #toggleRadio.dragging {
   -webkit-transition: none;
   transition: none;
-}
+}
+
+/* disabled state */
+#toggleContainer[disabled] {
+  opacity: 0.3;
+  pointer-events: none;
+}

data/app/assets/components/paper-toggle-button/paper-toggle-button.html

@@ -60,12 +60,12 @@ To change the bar color for unchecked state:
 
 <link rel="import" href="../paper-radio-button/paper-radio-button.html">
 
-<polymer-element name="paper-toggle-button" attributes="checked" role="button" aria-pressed="false" tabindex="0">
+<polymer-element name="paper-toggle-button" attributes="checked disabled" role="button" aria-pressed="false" tabindex="0">
 <template>
 
   <link rel="stylesheet" href="paper-toggle-button.css">
 
-  <div id="toggleContainer">
+  <div id="toggleContainer" disabled?="{{disabled}}">
   
     <div id="toggleBar" checked?="{{checked}}"></div>
   
@@ -99,6 +99,16 @@ To change the bar color for unchecked state:
      * @default false
      */
     checked: false,
+    
+    /**
+     * If true, the toggle button is disabled.  A disabled toggle button cannot
+     * be tapped or dragged to change the checked state.
+     *
+     * @attribute disabled
+     * @type boolean
+     * @default false
+     */
+    disabled: false,
 
     trackStart: function(e) {
       this._w = this.$.toggleBar.offsetLeft + this.$.toggleBar.offsetWidth;

data/app/assets/components/sampler-scaffold/sampler-scaffold.css

@@ -124,7 +124,7 @@ polyfill-next-selector { content: '#drawerPanel:not([narrow]) .menuButton';}
 #frame {
   display: block;
   width: 100%;
-  min-height: 500px;
+  min-height: 600px;
   border: none;
 }
 
@@ -144,6 +144,7 @@ polyfill-next-selector { content: '#drawerPanel:not([narrow]) .menuButton';}
 }
 
 #drawerPanel[narrow] #frame {
+  position: absolute;
   min-height: 100%;
 }
 

data/app/assets/components/web-animations-next/Gruntfile.js

@@ -0,0 +1,279 @@
+module.exports = function(grunt) {
+  grunt.loadNpmTasks('grunt-contrib-uglify');
+  grunt.loadNpmTasks('grunt-gjslint');
+  grunt.loadNpmTasks('grunt-checkrepo');
+  grunt.loadNpmTasks('grunt-karma');
+  grunt.loadNpmTasks('grunt-saucelabs');
+  grunt.loadNpmTasks('grunt-git-status');
+  grunt.loadNpmTasks('grunt-template');
+
+  var targetConfig = require('./target-config.js');
+
+  var sourceMap = require('source-map');
+
+  var config = {
+    uglify: {},
+    template: {},
+    wrap: {},
+    sourceMapConcat: {},
+  };
+
+  function concat(sources, target, defines) {
+    config.uglify[target] = {
+      options: {
+        sourceMap: true,
+        sourceMapName: target + '.map',
+        wrap: false,
+        compress: {
+          global_defs: defines,
+          dead_code: false
+        },
+        mangle: false
+      },
+      nonull: true,
+      dest: target,
+      src: sources
+    };
+    return 'uglify:' + target;
+  }
+
+  function compress(source, target, defines) {
+    var name = concat([source], target, defines);
+    var record = config.uglify[target];
+    record.options.sourceMapIn = source + '.map';
+    record.options.banner = grunt.file.read('templates/boilerplate');
+    record.options.wrap = true;
+    record.options.compress.dead_code = true;
+    record.options.mangle = { eval: true };
+    return name;
+  }
+
+  function genTarget(target) {
+    var config = targetConfig[target];
+    var newGens = [
+      generateFromTemplate('templates/web-animations.js', {target: target}, target + '.dev.js'),
+      generateFromTemplate('templates/web-animations.html', {src: config.src}, target + '.dev.html'),
+      generateFromTemplate('templates/runner.html', {target: target}, 'test/runner-' + target + '.html')];
+    return newGens;
+  }
+
+  function generateFromTemplate(source, data, target) {
+    var targetSpec = {};
+    targetSpec[target] = [source];
+    config.template[target] = {
+      options: {
+        data: data
+      },
+      files: targetSpec
+    }
+    return 'template:' + target;
+  }
+
+  function guard(source, target) {
+    config.wrap[target] = {
+      source: source,
+      preamble: '(function() {\n' +
+                '  if (document.documentElement.animate) {\n' +
+                '    var player = document.documentElement.animate([], 0);\n' +
+                '    var load = true;\n' +
+                '    if (player) {\n' +
+                '      load = false;\n' +
+                '      "play|currentTime|pause|reverse|playbackRate|cancel|finish|startTime|playState".split("|").forEach(function(t) {\n' +
+                '        if (player[t] === undefined) {\n' +
+                '          load = true;\n' +
+                '        }\n' +
+                '      });\n' +
+                '    }\n' +
+                '    if (!load) { return; }' +
+                '  }\n',
+      postamble: '})();'
+    };
+    return 'wrap:' + target;
+  }
+
+  function concatWithMaps(sources, target) {
+    config.sourceMapConcat[target] = {
+      sources: sources
+    }
+    return 'sourceMapConcat:' + target;
+  };
+
+  var concatDefines = {
+    WEB_ANIMATIONS_TESTING: false
+  };
+
+  function buildMinifill(target) {
+    var config = targetConfig[target];
+    return genTarget(target).concat([
+      concat(config.scopeSrc.concat(config.sharedSrc).concat(config.minifillSrc), 'inter-raw-' + target + '.js', concatDefines),
+      guard('inter-raw-' + target + '.js', 'inter-' + target + '.js'),
+      compress('inter-' + target + '.js', target + '.min.js', concatDefines)
+    ]);
+  }
+
+  function buildMaxifill(target) {
+    var config = targetConfig[target];
+    return genTarget(target).concat([
+      concat(config.scopeSrc.concat(config.sharedSrc), 'inter-' + target + '-preamble.js', concatDefines),
+      concat(config.minifillSrc, 'inter-component-' + target + 'minifill.js', concatDefines),
+      guard('inter-component-' + target + 'minifill.js', 'inter-guarded-' + target + '-minifill.js'),
+      concat(config.maxifillSrc, 'inter-component-' + target + '.js', concatDefines),
+      concatWithMaps(['inter-' + target + '-preamble.js', 'inter-guarded-' + target + '-minifill.js', 'inter-component-' + target + '.js'],
+          'inter-' + target + '.js'),
+      compress('inter-' + target + '.js', target + '.min.js', concatDefines)
+    ]);
+  }
+
+  grunt.registerTask('web-animations', buildMinifill('web-animations'));
+  grunt.registerTask('web-animations-next', buildMaxifill('web-animations-next'));
+  grunt.registerTask('web-animations-next-lite', buildMaxifill('web-animations-next-lite'));
+
+  var testTargets = {'web-animations': {}, 'web-animations-next': {}};
+
+  grunt.initConfig({
+    uglify: config.uglify,
+    template: config.template,
+    wrap: config.wrap,
+    sourceMapConcat: config.sourceMapConcat,
+    checkrepo: {
+      all: {
+        clean: true,
+      },
+    },
+    'git-status': {
+      all: {
+      },
+    },
+    gjslint: {
+      options: {
+        flags: [
+          '--nojsdoc',
+          '--strict',
+          '--disable 7,121,110', //   7: Wrong blank line count
+                                 // 121: Illegal comma at end of object literal
+                                 // 110: Line too long
+        ],
+        reporter: {
+          name: 'console'
+        }
+      },
+      all: {
+        src: [
+          'src/*.js',
+          'test/*.js',
+          'test/js/*.js',
+        ],
+      }
+    },
+    test: testTargets,
+    sauce: testTargets,
+  });
+
+
+  grunt.task.registerMultiTask('test', 'Run <target> tests under Karma', function() {
+    var done = this.async();
+    var karmaConfig = require('karma/lib/config').parseConfig(require('path').resolve('test/karma-config.js'), {});
+    var config = targetConfig[this.target];
+    karmaConfig.files = ['test/runner.js'].concat(config.src, config.test);
+    var karmaServer = require('karma').server;
+    karmaServer.start(karmaConfig, function(exitCode) {
+      done(exitCode === 0);
+    });
+  });
+
+  grunt.task.registerMultiTask('sauce', 'Run <target> tests under Karma on Saucelabs', function() {
+    var done = this.async();
+    var karmaConfig = require('karma/lib/config').parseConfig(require('path').resolve('test/karma-config-ci.js'), {});
+    var config = targetConfig[this.target];
+    karmaConfig.files = ['test/runner.js'].concat(config.src, config.test);
+    karmaConfig.sauceLabs.testName = 'web-animation-next ' + this.target + ' Unit tests';
+    var karmaServer = require('karma').server;
+    karmaServer.start(karmaConfig, function(exitCode) {
+      done(exitCode === 0);
+    });
+  });
+
+  grunt.task.registerMultiTask('sourceMapConcat', 'concat source files and produce combined source map',
+    function() {
+      var sources = this.data.sources.map(grunt.file.read);
+      var sourceMaps = this.data.sources.map(function(f) { return grunt.file.read(f + '.map'); });
+      var out = "";
+      var outMapGenerator = new sourceMap.SourceMapGenerator({file: this.target});
+      var lineDelta = 0;
+      for (var i = 0; i < sources.length; i++) {
+        out += sources[i];
+        new sourceMap.SourceMapConsumer(sourceMaps[i]).eachMapping(function(mapping) {
+          outMapGenerator.addMapping({
+            generated: {line: mapping.generatedLine + lineDelta, column: mapping.generatedColumn},
+            original: {line: mapping.originalLine, column: mapping.originalColumn},
+            source: mapping.source, name: mapping.name});
+        });
+        var sourceLines = sources[i].split('\n');
+        lineDelta += sourceLines.length;
+        if (sources[i][sources[i].length - 1] !== '\n') {
+          out += '\n';
+        }
+      }
+      grunt.file.write(this.target, out);
+      grunt.file.write(this.target + '.map', outMapGenerator.toString());
+    });
+
+  grunt.task.registerMultiTask('wrap', 'Wrap <target> source file and update source map',
+    function() {
+      var inFile = grunt.file.read(this.data.source);
+      var inMap = grunt.file.read(this.data.source + '.map');
+      var inLines = inFile.split('\n');
+      var i = 0;
+
+      // Discover copyright header
+      while (inLines[i].length < 2 || inLines[i].substring(0, 2) == '//') {
+        i++;
+      }
+
+      // Fix mapping footer
+      var postamble = this.data.postamble;
+      if (inLines[inLines.length - 1].substring(0, 21) == '//# sourceMappingURL=') {
+        postamble += '\n//# sourceMappingURL=' + this.target + '.map';
+      }
+
+      if (i > 0) {
+        var banner = inLines.slice(0, i).join('\n') + '\n';
+      } else {
+        var banner = '';
+      }
+
+      var source = inLines.slice(i, inLines.length - 1).join('\n');
+
+      grunt.file.write(this.target, banner + this.data.preamble + source + postamble);
+      var preLines = this.data.preamble.split('\n');
+      var lineDelta = preLines.length;
+      if (this.data.preamble[this.data.preamble.length - 1] == '\n') {
+        var charDelta = 0;
+      } else {
+        var charDelta = preLines[lineDelta - 1].length;
+        lineDelta -= 1;
+      }
+      var inMapConsumer = new sourceMap.SourceMapConsumer(inMap);
+      var outMapGenerator = new sourceMap.SourceMapGenerator({file: this.target});
+      inMapConsumer.eachMapping(function(mapping) {
+        if (mapping.generatedLine == i + 1) {
+          mapping.generatedColumn += charDelta;
+        }
+        mapping.generatedLine += lineDelta;
+        outMapGenerator.addMapping(
+          {generated: {line: mapping.generatedLine, column: mapping.generatedColumn},
+          original: {line: mapping.originalLine, column: mapping.originalColumn},
+          source: mapping.source, name: mapping.name});
+      });
+      grunt.file.write(this.target + '.map', outMapGenerator.toString());
+    });
+
+  grunt.task.registerTask('clean', 'Remove files generated by grunt', function() {
+    grunt.file.expand('web-animations*').concat(grunt.file.expand('test/runner-*.html')).concat(grunt.file.expand('inter-*')).forEach(function(file) {
+      grunt.file.delete(file);
+      grunt.log.writeln('File ' + file + ' removed');
+    });
+  });
+
+  grunt.task.registerTask('default', ['web-animations', 'web-animations-next', 'web-animations-next-lite', 'gjslint']);
+};

data/app/assets/components/web-animations-next/History.md

@@ -0,0 +1,76 @@
+### 1.0.4 - *December 8 2014*
+
+  * Fix a critical bug where deprecation logic wasn't being loaded
+    when `web-animations-next` and `web-animations-next-lite` were
+    executed on top of a native `element.animate`.
+
+### 1.0.3 - *December 4 2014*
+
+  * Fix a critical bug on iOS 7 and Safari <= 6. Due to limitations,
+    inline style patching is not supported on these platforms.
+
+### 1.0.2 - *November 28 2014*
+
+  * Deprecated `AnimationTiming.playbackRate`.
+
+    For example, this is no longer supported:
+
+        var player = element.animate(
+            keyframes,
+            {duration: 1000, playbackRate: 2});
+
+    Use `AnimationPlayer.playbackRate` instead:
+
+        var player = element.animate(
+            keyframes,
+            {duration: 1000});
+        player.playbackRate = 2;
+
+    If you have any feedback on this change, please start a discussion
+    on the public-fx mailing list:
+    http://lists.w3.org/Archives/Public/public-fx/
+
+    Or file an issue against the specification on GitHub:
+    https://github.com/w3c/web-animations/issues/new
+
+### 1.0.1 - *November 26 2014*
+
+  * Players should be constructed in idle state
+  * `play()` and `reverse()` should not force a start times
+  * Add `requestAnimationFrame` ids and `cancelAnimationFrame`
+
+### 1.0.0 — *November 21 2014*
+
+  The web-animations-js hackers are pleased to announce the release of
+  a new codebase for the Web Animations Polyfill:
+  https://github.com/web-animations/web-animations-js
+
+  The previous polyfill has been moved to:
+  https://github.com/web-animations/web-animations-js-legacy
+
+  The new codebase is focused on code-size -- our smallest target is
+  now only 33kb or 11kb after gzip.
+
+  We've implemented native fallback. If the target browser provides
+  Web Animations features natively, the Polyfill will use them.
+
+  We now provide three different build targets:
+
+  `web-animations.min.js` - Tracks the Web Animations features that
+  are supported natively in browsers. Today that means Element.animate
+  and Playback Control in Chrome. If you’re not sure what features you
+  will need, start with this.
+
+  `web-animations-next.min.js` - All of web-animations.min.js plus
+  features that are still undergoing discussion or have yet to be
+  implemented natively.
+
+  `web-animations-next-lite.min.js` - A cut down version of
+  web-animations-next, removes several lesser used property handlers
+  and some of the larger and less used features such as matrix
+  interpolation/decomposition.
+
+  Not all features of the previous polyfill have been ported to the
+  new codebase; most notably mutation of Animations and Groups and
+  Additive Animations are not yet supported. These features are still
+  important and will be implemented in the coming weeks.