From aa83392b419d993b515cccc2cfd733d193f37a79 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Kristian=20Fallr=C3=B8?= <kristfal@me.com>
Date: Mon, 1 Feb 2016 11:11:04 +0100
Subject: [PATCH] Expose sizing and position properties on iron-image

---
 paper-card.html | 22 +++++++++++++++++++++-
 1 file changed, 21 insertions(+), 1 deletion(-)

diff --git a/paper-card.html b/paper-card.html
index 04f7c76..f670a4f 100644
--- a/paper-card.html
+++ b/paper-card.html
@@ -128,7 +128,7 @@
     </style>
 
     <div class="header">
-      <iron-image hidden$="[[!image]]" src="[[image]]" preload$="[[preloadImage]]" fade$="[[fadeImage]]"></iron-image>
+      <iron-image hidden$="[[!image]]" src="[[image]]" preload$="[[preloadImage]]" fade$="[[fadeImage]]" sizing$="[[sizingImage]]" position$="[[positionImage]]"></iron-image>
       <div hidden$="[[!heading]]" class$="[[_computeHeadingClass(image)]]">[[heading]]</div>
     </div>
 
@@ -175,6 +175,26 @@
           value: false
         },
 
+        /**
+         * Binds to `iron-image` sizing property. Valid values are contain
+         * (full 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).
+         */
+        sizingImage: {
+          type: String,
+          value: null
+        },
+
+        /**
+         * Binds to `iron-image` position property. When a sizing option is used (cover or contain),
+         * this determines how the image is aligned within the element bounds.
+         */
+        positionImage: {
+          type: String,
+          value: 'center'
+        },
+
         /**
          * The z-depth of the card, from 0-5.
          */