Improve demo

ahumblenerd · Jun 4, 2015 · cc73606 · cc73606
1 parent b2a3ef4
commit cc73606
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 43 deletions.
diff --git a/bower.json b/bower.json
@@ -17,6 +17,7 @@
     "polymer": "Polymer/polymer#^1.0.0"
   },
   "devDependencies": {
+    "paper-styles": "polymerelements/paper-styles#^1.0.4",
     "iron-component-page": "polymerelements/iron-component-page#^1.0.0",
     "test-fixture": "polymerelements/test-fixture#^1.0.0",
     "web-component-tester": "*",

diff --git a/demo/index.html b/demo/index.html
@@ -15,7 +15,7 @@
 
     <script src="../../webcomponentsjs/webcomponents-lite.js"></script>
 
-    <link rel="import" href="../../polymer/polymer.html">
+    <link rel="stylesheet" href="../../paper-styles/demo.css">
     <link rel="import" href="../iron-image.html">
 
     <style>
@@ -39,11 +39,11 @@
         display: block;
         margin-bottom: 1em;
       }
-
     </style>
 
   </head>
-  <body>
+  <body unresolved>
+
     <template is="dom-bind">
       <h3>Sizing: none (naturally sized)</h3>
       <iron-image src="./polymer.svg"></iron-image>

diff --git a/iron-image.html b/iron-image.html
@@ -109,10 +109,6 @@
     properties: {
       /**
        * The URL of an image.
-       *
-       * @attribute src
-       * @type string
-       * @default ''
        */
       src: {
         observer: '_srcChanged',
@@ -124,10 +120,6 @@
        * When true, the image is prevented from loading and any placeholder is
        * shown.  This may be useful when a binding to the src property is known to
        * be invalid, to prevent 404 requests.
-       *
-       * @attribute preventLoad
-       * @type boolean
-       * @default false
        */
       preventLoad: {
         type: Boolean,
@@ -139,10 +131,6 @@
        * 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).
-       *
-       * @attribute sizing
-       * @type string
-       * @default null
        */
       sizing: {
         type: String,
@@ -152,10 +140,6 @@
       /**
        * When a sizing option is uzed (`cover` or `contain`), this determines
        * how the image is aligned within the element bounds.
-       *
-       * @attribute position
-       * @type string
-       * @default 'center'
        */
       position: {
         type: String,
@@ -165,10 +149,6 @@
       /**
        * When `true`, any change to the `src` property will cause the `placeholder`
        * image to be shown until the
-       *
-       * @attribute preload
-       * @type boolean
-       * @default false
        */
       preload: {
         type: Boolean,
@@ -178,10 +158,6 @@
       /**
        * 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.
-       *
-       * @attribute placeholder
-       * @type string
-       * @default null
        */
       placeholder: {
         type: String,
@@ -191,10 +167,6 @@
       /**
        * When `preload` is true, setting `fade` to true will cause the image to
        * fade into place.
-       *
-       * @attribute fade
-       * @type boolean
-       * @default false
        */
       fade: {
         type: Boolean,
@@ -203,10 +175,6 @@
 
       /**
        * Read-only value that is true when the image is loaded.
-       *
-       * @attribute preloaded
-       * @type boolean
-       * @default false
        */
       loaded: {
         notify: true,
@@ -217,10 +185,6 @@
       /**
        * Read-only value that tracks the loading state of the image when the `preload`
        * option is used.
-       *
-       * @attribute loading
-       * @type boolean
-       * @default false
        */
       loading: {
         notify: true,
@@ -231,10 +195,6 @@
       /**
        * Can be used to set the width of image (e.g. via binding); size may also be
        * set via CSS.
-       *
-       * @attribute width
-       * @type number
-       * @default null
        */
       width: {
         observer: '_widthChanged',