RubyGems - polymer-paper-rails - Versions diffs - 0.2.6 → 1.0.0.pre.rc.1 - Mend

polymer-paper-rails 0.2.6 → 1.0.0.pre.rc.1

Files changed (634) hide show

data/app/assets/components/paper-dialog-scrollable/demo/index.html ADDED Viewed

@@ -0,0 +1,290 @@
+<!doctype 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
+-->
+<html>
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+  <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1, user-scalable=yes">
+  <title>paper-dialog-scrollable demo</title>
+  <script src="../../webcomponentsjs/webcomponents-lite.js"></script>
+  <link rel="import" href="../paper-dialog-scrollable.html">
+  <link rel="import" href="../../paper-styles/classes/typography.html">
+  <link rel="import" href="../../iron-flex-layout/classes/iron-flex-layout.html">
+  <style>
+    section {
+      height: 100%;
+    }
+    .header, .footer {
+      padding: 8px 24px;
+    }
+    .footer {
+      text-align: right;
+    }
+  </style>
+</head>
+<body class="fullbleed">
+  <section class="layout vertical">
+    <div class="header paper-font-title">
+      Alice in Wonderland
+    </div>
+    <paper-dialog-scrollable class="flex paper-font-body1">
+        <p>Alice was beginning to get very tired of sitting by her sister
+      on the bank, and of having nothing to do: once or twice she had
+      peeped into the book her sister was reading, but it had no
+      pictures or conversations in it, 'and what is the use of a book,'
+      thought Alice 'without pictures or conversation?'</p>
+      <p>So she was considering in her own mind (as well as she could,
+      for the hot day made her feel very sleepy and stupid), whether
+      the pleasure of making a daisy-chain would be worth the trouble
+      of getting up and picking the daisies, when suddenly a White
+      Rabbit with pink eyes ran close by her.</p>
+      <p>There was nothing so <i>very</i> remarkable in that; nor did
+      Alice think it so <i>very</i> much out of the way to hear the
+      Rabbit say to itself, 'Oh dear! Oh dear! I shall be late!' (when
+      she thought it over afterwards, it occurred to her that she ought
+      to have wondered at this, but at the time it all seemed quite
+      natural); but when the Rabbit actually <i>took a watch out of its
+      waistcoat-pocket,</i> and looked at it, and then hurried on,
+      Alice started to her feet, for it flashed across her mind that
+      she had never before seen a rabbit with either a
+      waistcoat-pocket, or a watch to take out of it, and burning with
+      curiosity, she ran across the field after it, and fortunately was
+      just in time to see it pop down a large rabbit-hole under the
+      hedge.</p>
+      <p>In another moment down went Alice after it, never once
+      considering how in the world she was to get out again.</p>
+      <p>The rabbit-hole went straight on like a tunnel for some way,
+      and then dipped suddenly down, so suddenly that Alice had not a
+      moment to think about stopping herself before she found herself
+      falling down a very deep well.</p>
+      <p>Either the well was very deep, or she fell very slowly, for
+      she had plenty of time as she went down to look about her and to
+      wonder what was going to happen next. First, she tried to look
+      down and make out what she was coming to, but it was too dark to
+      see anything; then she looked at the sides of the well, and
+      noticed that they were filled with cupboards and book-shelves;
+      here and there she saw maps and pictures hung upon pegs. She took
+      down a jar from one of the shelves as she passed; it was labelled
+      'ORANGE MARMALADE', but to her great disappointment it was empty:
+      she did not like to drop the jar for fear of killing somebody, so
+      managed to put it into one of the cupboards as she fell past
+      it.</p>
+      <p>'Well!' thought Alice to herself, 'after such a fall as this,
+      I shall think nothing of tumbling down stairs! How brave they'll
+      all think me at home! Why, I wouldn't say anything about it, even
+      if I fell off the top of the house!' (Which was very likely
+      true.)</p>
+      <p>Down, down, down. Would the fall <i>never</i> come to an end!
+      'I wonder how many miles I've fallen by this time?' she said
+      aloud. 'I must be getting somewhere near the centre of the earth.
+      Let me see: that would be four thousand miles down, I think--'
+      (for, you see, Alice had learnt several things of this sort in
+      her lessons in the schoolroom, and though this was not a <i>very</i>
+      good opportunity for showing off her knowledge, as there was no
+      one to listen to her, still it was good practice to say it over)
+      '--yes, that's about the right distance--but then I wonder what
+      Latitude or Longitude I've got to?' (Alice had no idea what
+      Latitude was, or Longitude either, but thought they were nice
+      grand words to say.)</p>
+      <p>Presently she began again. 'I wonder if I shall fall right
+      <i>through</i> the earth! How funny it'll seem to come out among
+      the people that walk with their heads downward! The Antipathies,
+      I think--' (she was rather glad there <i>was</i> no one listening, this
+      time, as it didn't sound at all the right word) '--but I shall
+      have to ask them what the name of the country is, you know.
+      Please, Ma'am, is this New Zealand or Australia?' (and she tried
+      to curtsey as she spoke--fancy <i>curtseying</i> as you're
+      falling through the air! Do you think you could manage it?) 'And
+      what an ignorant little girl she'll think me for asking! No,
+      it'll never do to ask: perhaps I shall see it written up
+      somewhere.'</p>
+      <p>Down, down, down. There was nothing else to do, so Alice soon
+      began talking again. 'Dinah'll miss me very much to-night, I
+      should think!' (Dinah was the cat.) 'I hope they'll remember her
+      saucer of milk at tea-time. Dinah my dear! I wish you were down
+      here with me! There are no mice in the air, I'm afraid, but you
+      might catch a bat, and that's very like a mouse, you know. But do
+      cats eat bats, I wonder?' And here Alice began to get rather
+      sleepy, and went on saying to herself, in a dreamy sort of way,
+      'Do cats eat bats? Do cats eat bats?' and sometimes, 'Do bats eat
+      cats?' for, you see, as she couldn't answer either question, it
+      didn't much matter which way she put it. She felt that she was
+      dozing off, and had just begun to dream that she was walking hand
+      in hand with Dinah, and saying to her very earnestly, 'Now,
+      Dinah, tell me the truth: did you ever eat a bat?' when suddenly,
+      thump! thump! down she came upon a heap of sticks and dry leaves,
+      and the fall was over.</p>
+      <p>Alice was not a bit hurt, and she jumped up on to her feet in
+      a moment: she looked up, but it was all dark overhead; before her
+      was another long passage, and the White Rabbit was still in
+      sight, hurrying down it. There was not a moment to be lost: away
+      went Alice like the wind, and was just in time to hear it say, as
+      it turned a corner, 'Oh my ears and whiskers, how late it's
+      getting!' She was close behind it when she turned the corner, but
+      the Rabbit was no longer to be seen: she found herself in a long,
+      low hall, which was lit up by a row of lamps hanging from the
+      roof.</p>
+      <p>There were doors all round the hall, but they were all locked;
+      and when Alice had been all the way down one side and up the
+      other, trying every door, she walked sadly down the middle,
+      wondering how she was ever to get out again.</p>
+      <p>Suddenly she came upon a little three-legged table, all made
+      of solid glass; there was nothing on it except a tiny golden key,
+      and Alice's first thought was that it might belong to one of the
+      doors of the hall; but, alas! either the locks were too large, or
+      the key was too small, but at any rate it would not open any of
+      them. However, on the second time round, she came upon a low
+      curtain she had not noticed before, and behind it was a little
+      door about fifteen inches high: she tried the little golden key
+      in the lock, and to her great delight it fitted!</p>
+      <p>Alice opened the door and found that it led into a small
+      passage, not much larger than a rat-hole: she knelt down and
+      looked along the passage into the loveliest garden you ever saw.
+      How she longed to get out of that dark hall, and wander about
+      among those beds of bright flowers and those cool fountains, but
+      she could not even get her head though the doorway; 'and even if
+      my head <i>would</i> go through,' thought poor Alice, 'it would
+      be of very little use without my shoulders. Oh, how I wish I
+      could shut up like a telescope! I think I could, if I only know
+      how to begin.' For, you see, so many out-of-the-way things had
+      happened lately, that Alice had begun to think that very few
+      things indeed were really impossible.</p>
+      <p>There seemed to be no use in waiting by the little door, so
+      she went back to the table, half hoping she might find another
+      key on it, or at any rate a book of rules for shutting people up
+      like telescopes: this time she found a little bottle on it,
+      ('which certainly was not here before,' said Alice,) and round
+      the neck of the bottle was a paper label, with the words 'DRINK
+      ME' beautifully printed on it in large letters.</p>
+      <p>It was all very well to say 'Drink me,' but the wise little
+      Alice was not going to do <i>that</i> in a hurry. 'No, I'll look
+      first,' she said, 'and see whether it's marked "<i>poison</i>" or
+      not'; for she had read several nice little histories about
+      children who had got burnt, and eaten up by wild beasts and other
+      unpleasant things, all because they <i>would</i> not remember the
+      simple rules their friends had taught them: such as, that a
+      red-hot poker will burn you if you hold it too long; and that if
+      you cut your finger <i>very</i> deeply with a knife, it usually
+      bleeds; and she had never forgotten that, if you drink much from
+      a bottle marked '<i>poison</i>,' it is almost certain to disagree
+      with you, sooner or later.</p>
+      <p>However, this bottle was <i>not</i> marked 'poison,' so Alice
+      ventured to taste it, and finding it very nice, (it had, in fact,
+      a sort of mixed flavour of cherry-tart, custard, pine-apple,
+      roast turkey, toffee, and hot buttered toast,) she very soon
+      finished it off.</p>
+      <p class="asterisks">
+      <br>
+      *&nbsp; &nbsp; &nbsp;*&nbsp; &nbsp; &nbsp;*&nbsp; &nbsp; &nbsp;*&nbsp; &nbsp; &nbsp;*
+      <br>
+      *&nbsp; &nbsp; &nbsp;*&nbsp; &nbsp; &nbsp;*&nbsp; &nbsp; &nbsp;*
+      <br>
+      *&nbsp; &nbsp; &nbsp;*&nbsp; &nbsp; &nbsp;*&nbsp; &nbsp; &nbsp;*&nbsp; &nbsp; &nbsp;*
+      <br>
+      </p>
+      <p>'What a curious feeling!' said Alice; 'I must be shutting up
+      like a telescope.'</p>
+      <p>And so it was indeed: she was now only ten inches high, and
+      her face brightened up at the thought that she was now the right
+      size for going through the little door into that lovely garden.
+      First, however, she waited for a few minutes to see if she was
+      going to shrink any further: she felt a little nervous about
+      this; 'for it might end, you know,' said Alice to herself, 'in my
+      going out altogether, like a candle. I wonder what I should be
+      like then?' And she tried to fancy what the flame of a candle is
+      like after the candle is blown out, for she could not remember
+      ever having seen such a thing.</p>
+      <p>After a while, finding that nothing more happened, she decided
+      on going into the garden at once; but, alas for poor Alice! when
+      she got to the door, she found she had forgotten the little
+      golden key, and when she went back to the table for it, she found
+      she could not possibly reach it: she could see it quite plainly
+      through the glass, and she tried her best to climb up one of the
+      legs of the table, but it was too slippery; and when she had
+      tired herself out with trying, the poor little thing sat down and
+      cried.</p>
+      <p>'Come, there's no use in crying like that!' said Alice to
+      herself, rather sharply; 'I advise you to leave off this minute!'
+      She generally gave herself very good advice, (though she very
+      seldom followed it), and sometimes she scolded herself so
+      severely as to bring tears into her eyes; and once she remembered
+      trying to box her own ears for having cheated herself in a game
+      of croquet she was playing against herself, for this curious
+      child was very fond of pretending to be two people. 'But it's no
+      use now,' thought poor Alice, 'to pretend to be two people! Why,
+      there's hardly enough of me left to make <i>one</i> respectable
+      person!'</p>
+      <p>Soon her eye fell on a little glass box that was lying under
+      the table: she opened it, and found in it a very small cake, on
+      which the words 'EAT ME' were beautifully marked in currants.
+      'Well, I'll eat it,' said Alice, 'and if it makes me grow larger,
+      I can reach the key; and if it makes me grow smaller, I can creep
+      under the door; so either way I'll get into the garden, and I
+      don't care which happens!'</p>
+      <p>She ate a little bit, and said anxiously to herself, 'Which
+      way? Which way?', holding her hand on the top of her head to feel
+      which way it was growing, and she was quite surprised to find
+      that she remained the same size: to be sure, this generally
+      happens when one eats cake, but Alice had got so much into the
+      way of expecting nothing but out-of-the-way things to happen,
+      that it seemed quite dull and stupid for life to go on in the
+      common way.</p>
+      <p>So she set to work, and very soon finished off the cake.</p>
+    </paper-dialog-scrollable>
+    <div class="footer paper-font-subhead">
+      Lewis Carroll
+    </div>
+  </section>
+</body>
+</html>

data/app/assets/components/paper-dialog-scrollable/hero.svg ADDED Viewed

@@ -0,0 +1,69 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 225 126" enable-background="new 0 0 225 126" xml:space="preserve">
+<g id="background" display="none">
+	<rect display="inline" fill="#B0BEC5" width="225" height="126"/>
+</g>
+<g id="label">
+</g>
+<g id="art">
+	<g>
+		<polygon points="0,124 0,126 2,126 		"/>
+		<polygon points="0,111.6 0,114.4 11.6,126 14.4,126 		"/>
+		<polygon points="0,99.1 0,101.9 24.1,126 26.9,126 		"/>
+		<polygon points="0,86.6 0,89.5 36.5,126 39.4,126 		"/>
+		<polygon points="0,74.2 0,77 49,126 51.8,126 		"/>
+		<polygon points="0,61.7 0,64.5 61.5,126 64.3,126 		"/>
+		<polygon points="0,49.2 0,52.1 73.9,126 76.8,126 		"/>
+		<polygon points="0,36.8 0,39.6 86.4,126 89.2,126 		"/>
+		<polygon points="76.7,101 74,101 74,98.3 0,24.3 0,27.1 98.9,126 101.7,126 		"/>
+		<polygon points="74,88.7 74,85.8 0,11.8 0,14.7 		"/>
+		<polygon points="89.2,101 86.3,101 111.3,126 114.2,126 		"/>
+		<polygon points="101.6,101 98.8,101 123.8,126 126.6,126 		"/>
+		<polygon points="74,76.2 74,73.4 0.6,0 0,0 0,2.2 		"/>
+		<polygon points="114.1,101 111.3,101 136.3,126 139.1,126 		"/>
+		<polygon points="74,63.7 74,60.9 13.1,0 10.3,0 		"/>
+		<polygon points="74,51.3 74,48.4 25.6,0 22.7,0 		"/>
+		<polygon points="126.6,101 123.7,101 148.7,126 151.6,126 		"/>
+		<polygon points="74,38.8 74,36 38,0 35.2,0 		"/>
+		<polygon points="139,101 136.2,101 161.2,126 164,126 		"/>
+		<polygon points="74,26.3 74,25 75.5,25 50.5,0 47.7,0 		"/>
+		<polygon points="150,99.5 150,101 148.7,101 173.7,126 176.5,126 		"/>
+		<polygon points="150,87 150,89.9 186.1,126 189,126 		"/>
+		<polygon points="85.1,25 88,25 63,0 60.1,0 		"/>
+		<polygon points="150,74.6 150,77.4 198.6,126 201.4,126 		"/>
+		<polygon points="97.6,25 100.4,25 75.4,0 72.6,0 		"/>
+		<polygon points="150,62.1 150,64.9 211.1,126 213.9,126 		"/>
+		<polygon points="110.1,25 112.9,25 87.9,0 85.1,0 		"/>
+		<polygon points="150,49.7 150,52.5 223.5,126 225,126 225,124.7 		"/>
+		<polygon points="122.5,25 125.3,25 100.3,0 97.5,0 		"/>
+		<polygon points="112.8,0 110,0 135,25 137.8,25 		"/>
+		<polygon points="150,37.2 150,40 225,115 225,112.2 		"/>
+		<polygon points="125.3,0 122.5,0 147.5,25 150,25 150,27.5 225,102.5 225,99.7 		"/>
+		<polygon points="137.7,0 134.9,0 225,90.1 225,87.3 		"/>
+		<polygon points="150.2,0 147.4,0 225,77.6 225,74.8 		"/>
+		<polygon points="162.7,0 159.8,0 225,65.2 225,62.3 		"/>
+		<polygon points="175.1,0 172.3,0 225,52.7 225,49.9 		"/>
+		<polygon points="187.6,0 184.8,0 225,40.2 225,37.4 		"/>
+		<polygon points="200.1,0 197.2,0 225,27.8 225,24.9 		"/>
+		<polygon points="212.5,0 209.7,0 225,15.3 225,12.5 		"/>
+		<polygon points="225,0 222.2,0 225,2.8 225,0 		"/>
+	</g>
+	<path d="M151,102H73V24h78V102z M75,100h74V26H75V100z"/>
+	<rect x="82" y="53" width="26" height="2"/>
+	<rect x="116" y="53" width="26" height="2"/>
+	<rect x="82" y="62" width="26" height="2"/>
+	<rect x="82" y="72" width="26" height="2"/>
+	<rect x="116" y="72" width="26" height="2"/>
+	<rect x="82" y="42" width="26" height="2"/>
+	<circle cx="120" cy="63" r="4"/>
+	<circle cx="134" cy="63" r="4"/>
+	<rect x="116" y="85" width="22" height="5.5"/>
+	<g id="ic_x5F_add_x0D_">
+	</g>
+</g>
+<g id="Guides">
+</g>
+</svg>

data/app/assets/components/paper-dialog-scrollable/index.html ADDED Viewed

@@ -0,0 +1,30 @@
+<!doctype 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
+-->
+<html>
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes">
+  <title>paper-dialog-scrollable</title>
+  <script src="../webcomponentsjs/webcomponents-lite.js"></script>
+  <link rel="import" href="../polymer/polymer.html">
+  <link rel="import" href="../iron-component-page/iron-component-page.html">
+</head>
+<body>
+  <iron-component-page></iron-component-page>
+</body>
+</html>

data/app/assets/components/paper-dialog-scrollable/paper-dialog-scrollable.html ADDED Viewed

@@ -0,0 +1,150 @@
+<!--
+@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="../paper-styles/paper-styles.html">
+<!--
+`paper-dialog-scrollable` implements a scrolling area used in a Material Design dialog. It shows
+a divider at the top and/or bottom indicating more content, depending on scroll position. Use this
+together with elements implementing `Polymer.PaperDialogBehavior`.
+    <paper-dialog-impl>
+      <h2>Header</h2>
+      <paper-dialog-scrollable>
+        Lorem ipsum...
+      </paper-dialog-scrollable>
+      <div class="buttons">
+        <paper-button>OK</paper-button>
+      </div>
+    </paper-dialog-impl>
+It shows a top divider after scrolling if it is not the first child in its parent container,
+indicating there is more content above. It shows a bottom divider if it is scrollable and it is not
+the last child in its parent container, indicating there is more content below. The bottom divider
+is hidden if it is scrolled to the bottom.
+@group Paper Elements
+@element paper-dialog-scrollable
+@demo demo/index.html
+@hero hero.svg
+-->
+<dom-module id="paper-dialog-scrollable">
+  <style>
+    :host {
+      display: block;
+      position: relative;
+    }
+    :host(.is-scrolled:not(:first-child))::before {
+      content: '';
+      position: absolute;
+      top: 0;
+      left: 0;
+      right: 0;
+      height: 1px;
+      background: var(--divider-color);
+    }
+    :host(.can-scroll:not(.scrolled-to-bottom):not(:last-child))::after {
+      content: '';
+      position: absolute;
+      bottom: 0;
+      left: 0;
+      right: 0;
+      height: 1px;
+      background: var(--divider-color);
+    }
+    .scrollable {
+      padding: 0 24px;
+      @apply(--layout-scroll);
+      @apply(--paper-dialog-scrollable);
+    }
+  </style>
+  <template>
+    <div id="scrollable" class="scrollable">
+      <content></content>
+    </div>
+  </template>
+</dom-module>
+<script>
+(function() {
+  Polymer({
+    is: 'paper-dialog-scrollable',
+    properties: {
+      /**
+       * The dialog element that implements `Polymer.PaperDialogBehavior` containing this element.
+       */
+      dialogElement: {
+        type: Object,
+        value: function() {
+          return this.parentNode;
+        }
+      }
+    },
+    listeners: {
+      'scrollable.scroll': '_onScroll',
+      'iron-resize': '_onIronResize'
+    },
+    /**
+     * Returns the scrolling element.
+     */
+    get scrollTarget() {
+      return this.$.scrollable;
+    },
+    attached: function() {
+      this.classList.add('no-padding');
+      // Set itself to the overlay sizing target
+      this.dialogElement.sizingTarget = this.scrollTarget;
+      // If the host is sized, fit the scrollable area to the container. Otherwise let it be
+      // its natural size.
+      requestAnimationFrame(function() {
+        if (this.offsetHeight > 0) {
+          this.$.scrollable.classList.add('fit');
+        }
+        this._scroll();
+      }.bind(this));
+    },
+    _scroll: function() {
+      this.toggleClass('is-scrolled', this.scrollTarget.scrollTop > 0);
+      this.toggleClass('can-scroll', this.scrollTarget.offsetHeight < this.scrollTarget.scrollHeight);
+      this.toggleClass('scrolled-to-bottom',
+        this.scrollTarget.scrollTop + this.scrollTarget.offsetHeight >= this.scrollTarget.scrollHeight);
+    },
+    _onScroll: function() {
+      this._scroll();
+    }
+  })
+})();
+</script>

data/app/assets/components/paper-dialog-scrollable/test/index.html ADDED Viewed

@@ -0,0 +1,34 @@
+<!doctype 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
+-->
+<html>
+  <head>
+    <title>paper-dialog tests</title>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+    <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1, user-scalable=yes">
+    <script src="../../web-component-tester/browser.js"></script>
+  </head>
+  <body>
+    <script>
+      WCT.loadSuites([
+        'paper-dialog-scrollable.html'
+      ]);
+    </script>
+  </body>
+</html>