[third_party] add polymer 1.2.3

polymer_1.2.3/bower_components/iron-image/iron-image.html

 <!--
 @license
 Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
 This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
 The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
 Code distributed by Google as part of the polymer project is also
 subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
 -->
 
 <link rel="import" href="../polymer/polymer.html">
-<link rel="import" href="../iron-flex-layout/classes/iron-flex-layout.html">
+<link rel="import" href="../iron-flex-layout/iron-flex-layout.html">
 
 <!--
 `iron-image` is an element for displaying an image that provides useful sizing and
 preloading options not found on the standard `<img>` tag.
 
 The `sizing` option allows the image to be either cropped (`cover`) or
 letterboxed (`contain`) to fill a fixed user-size placed on the element.
 
 The `preload` option prevents the browser from rendering the image until the
 image is fully loaded.  In the interim, either the element's CSS `background-color`
@@ skipping 28 matching lines @@
   Will show a base-64 encoded placeholder image until the image loads:
 
     <iron-image style="width:400px; height:400px;" placeholder="data:image/gif;base64,..."
       sizing="cover" preload src="http://lorempixel.com/600/400"></iron-image>
 
   Will fade the light-gray background out once the image is loaded:
 
     <iron-image style="width:400px; height:400px; background-color: lightgray;"
       sizing="cover" preload fade src="http://lorempixel.com/600/400"></iron-image>
 
+Custom property | Description | Default
+----------------|-------------|----------
+`--iron-image-placeholder` | Mixin applied to #placeholder | `{}`
+`--iron-image-width` | Sets the width of the wrapped image | `auto`
+`--iron-image-height` | Sets the height of the wrapped image | `auto`
 
 @group Iron Elements
 @element iron-image
 @demo demo/index.html
 -->
 
 <dom-module id="iron-image">
 
   <style>
 
     :host {
       display: inline-block;
       overflow: hidden;
       position: relative;
     }
 
+    #img {
+      display: block;
+      width: var(--iron-image-width, auto);
+      height: var(--iron-image-height, auto);
+    }
+
     :host([sizing]) #img {
       display: none;
     }
 
     #placeholder {
       background-color: inherit;
       opacity: 1;
+      @apply(--layout-fit);
+      @apply(--iron-image-placeholder);
     }
 
     #placeholder.faded-out {
       transition: opacity 0.5s linear;
       opacity: 0;
     }
 
   </style>
 
   <template>
@@ skipping 37 matching lines @@
        * aspect ratio of the image is contained within the element and
        * letterboxed) or `cover` (image is cropped in order to fully cover the
        * bounds of the element), or `null` (default: image takes natural size).
        */
       sizing: {
         type: String,
         value: null
       },
 
       /**
-       * When a sizing option is uzed (`cover` or `contain`), this determines
+       * When a sizing option is used (`cover` or `contain`), this determines
        * how the image is aligned within the element bounds.
        */
       position: {
         type: String,
         value: 'center'
       },
 
       /**
        * When `true`, any change to the `src` property will cause the `placeholder`
-       * image to be shown until the
+       * image to be shown until the new image has loaded.
        */
       preload: {
         type: Boolean,
         value: false
       },
 
       /**
        * This image will be used as a background/placeholder until the src image has
        * loaded.  Use of a data-URI for placeholder is encouraged for instant rendering.
        */
@@ skipping 90 matching lines @@
 
     _computePlaceholderVisibility: function() {
       return !this.preload || (this.loaded && !this.fade);
     },
 
     _computePlaceholderClassName: function() {
       if (!this.preload) {
         return '';
       }
 
-      var className = 'fit';
       if (this.loaded && this.fade) {
-        className += ' faded-out';
+        return 'faded-out';
       }
-      return className;
+
+      return '';
     },
 
     _computePlaceholderBackgroundUrl: function() {
       if (this.preload && this.placeholder) {
         return 'url(' + this.placeholder + ')';
       }
 
       return null;
     },
 
@@ skipping 68 matching lines @@
 
       if (this.sizing) {
         this.style.backgroundImage = this.src ? 'url(' + this.src + ')': '';
       } else {
         this.$.img.src = this.src || '';
       }
     }
   });
 
 </script>