RubyGems - polymer-elements-rails - Versions diffs - 1.0.0.pre.rc.1 - Mend

polymer-elements-rails 1.0.0.pre.rc.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (973) hide show

data/app/assets/components/paper-dialog-behavior/test/paper-dialog-behavior.html ADDED

@@ -0,0 +1,217 @@
+<!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-behavior 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="../../webcomponentsjs/webcomponents-lite.js"></script>
+    <script src="../../web-component-tester/browser.js"></script>
+    <script src="../../test-fixture/test-fixture-mocha.js"></script>
+    <link rel="import" href="../../test-fixture/test-fixture.html">
+    <link rel="import" href="test-dialog.html">
+  </head>
+  <body>
+    <test-fixture id="basic">
+      <template>
+        <test-dialog>
+          <p>Dialog</p>
+          <div class="buttons">
+            <button dialog-dismiss>dismiss</button>
+            <button dialog-confirm>confirm</button>
+          </div>
+        </test-dialog>
+      </template>
+    </test-fixture>
+    <test-fixture id="modal">
+      <template>
+        <test-dialog modal>
+          <p>Dialog</p>
+          <div class="buttons">
+            <button dialog-dismiss>dismiss</button>
+            <button dialog-confirm autofocus>confirm</button>
+          </div>
+        </test-dialog>
+      </template>
+    </test-fixture>
+    <test-fixture id="backdrop">
+      <template>
+        <test-dialog with-backdrop>
+          <p>Dialog</p>
+          <div class="buttons">
+            <button dialog-dismiss>dismiss</button>
+            <button dialog-confirm autofocus>confirm</button>
+          </div>
+        </test-dialog>
+      </template>
+    </test-fixture>
+    <test-fixture id="header">
+      <template>
+        <test-dialog>
+          <h2>Dialog</h2>
+          <div class="buttons">
+            <button dialog-dismiss>dismiss</button>
+            <button dialog-confirm autofocus>confirm</button>
+          </div>
+        </test-dialog>
+      </template>
+    </test-fixture>
+    <test-fixture id="header-with-id">
+      <template>
+        <test-dialog>
+          <h2 id="header">Dialog</h2>
+          <div class="buttons">
+            <button dialog-dismiss>dismiss</button>
+            <button dialog-confirm autofocus>confirm</button>
+          </div>
+        </test-dialog>
+      </template>
+    </test-fixture>
+    <script>
+      function runAfterOpen(dialog, cb) {
+        dialog.addEventListener('iron-overlay-opened', function() {
+          cb();
+        });
+        dialog.open();
+      }
+      suite('basic', function() {
+        test('clicking dialog does not cancel the dialog', function(done) {
+          var dialog = fixture('basic');
+          runAfterOpen(dialog, function() {
+            dialog.addEventListener('iron-overlay-closed', function() {
+              assert('dialog should not close');
+            });
+            dialog.click();
+            setTimeout(function() {
+              done();
+            }, 100);
+          });
+        });
+        test('clicking dialog-dismiss button closes the dialog without confirmation', function(done) {
+          var dialog = fixture('basic');
+          runAfterOpen(dialog, function() {
+            dialog.addEventListener('iron-overlay-closed', function(event) {
+              assert.isFalse(event.detail.canceled, 'dialog is not canceled');
+              assert.isFalse(event.detail.confirmed, 'dialog is not confirmed');
+              done();
+            });
+            Polymer.dom(dialog).querySelector('[dialog-dismiss]').click();
+          });
+        });
+        test('clicking dialog-confirm button closes the dialog with confirmation', function(done) {
+          var dialog = fixture('basic');
+          runAfterOpen(dialog, function() {
+            dialog.addEventListener('iron-overlay-closed', function(event) {
+              assert.isFalse(event.detail.canceled, 'dialog is not canceled');
+              assert.isTrue(event.detail.confirmed, 'dialog is confirmed');
+              done();
+            });
+            Polymer.dom(dialog).querySelector('[dialog-confirm]').click();
+          });
+        });
+        test('with-backdrop works', function() {
+          var dialog = fixture('backdrop');
+          runAfterOpen(dialog, function() {
+            assert.isTrue(dialog.backdropElement.opened, 'backdrop is open');
+          });
+        });
+        test('modal dialog has backdrop', function() {
+          var dialog = fixture('modal');
+          assert.isTrue(dialog.withBackdrop, 'withBackdrop is true');
+        });
+        test('modal dialog has no-cancel-on-outside-click', function() {
+          var dialog = fixture('modal');
+          assert.isTrue(dialog.noCancelOnOutsideClick, 'noCancelOnOutsideClick is true');
+        });
+        test('clicking outside a modal dialog does not move focus from dialog', function(done) {
+          var dialog = fixture('modal');
+          runAfterOpen(dialog, function() {
+            dialog.backdropElement.click();
+            setTimeout(function() {
+              assert.equal(document.activeElement, Polymer.dom(dialog).querySelector('[autofocus]'), 'document.activeElement is the autofocused button');
+              done();
+            }, 10);
+          });
+        });
+      });
+      suite('a11y', function() {
+        test('dialog has role="dialog"', function() {
+          var dialog = fixture('basic');
+          assert.equal(dialog.getAttribute('role'), 'dialog', 'has role="dialog"');
+        });
+        test('dialog has aria-modal=false', function() {
+          var dialog = fixture('basic');
+          assert.equal(dialog.getAttribute('aria-modal'), 'false', 'has aria-modal="false"');
+        });
+        test('modal dialog has aria-modal=true', function() {
+          var dialog = fixture('modal');
+          assert.equal(dialog.getAttribute('aria-modal'), 'true', 'has aria-modal="true"');
+        });
+        test('dialog with header has aria-labelledby', function() {
+          var dialog = fixture('header');
+          var header = Polymer.dom(dialog).querySelector('h2');
+          assert.ok(header.getAttribute('id'), 'header has auto-generated id');
+          assert.equal(dialog.getAttribute('aria-labelledby'), header.getAttribute('id'), 'aria-labelledby is set to header id');
+        });
+        test('dialog with lazily created header has aria-labelledby', function(done) {
+          var dialog = fixture('basic');
+          var header = document.createElement('h2');
+          Polymer.dom(dialog).appendChild(header);
+          Polymer.dom.flush();
+          setTimeout(function() {
+            assert.ok(header.getAttribute('id'), 'header has auto-generated id');
+            assert.equal(dialog.getAttribute('aria-labelledby'), header.getAttribute('id'), 'aria-labelledby is set to header id');
+            done();
+          }, 10);
+        });
+        test('dialog with header with id preserves id and has aria-labelledby', function() {
+          var dialog = fixture('header-with-id');
+          var header = Polymer.dom(dialog).querySelector('h2');
+          assert.equal(header.getAttribute('id'), 'header', 'header has preset id');
+          assert.equal(dialog.getAttribute('aria-labelledby'), 'header', 'aria-labelledby is set to header id');
+        });
+      });
+    </script>
+  </body>
+</html>

data/app/assets/components/paper-dialog-behavior/test/test-dialog.html ADDED

@@ -0,0 +1,42 @@
+<!--
+@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="../../paper-styles/paper-styles.html">
+<link rel="import" href="../paper-dialog-behavior.html">
+<dom-module id="test-dialog">
+  <link rel="import" type="css" href="../paper-dialog-common.css">
+  <template>
+    <content></content>
+  </template>
+</dom-module>
+<script>
+(function() {
+  Polymer({
+    is: 'test-dialog',
+    behaviors: [
+      Polymer.PaperDialogBehavior
+    ]
+  });
+})();
+</script>

data/app/assets/components/paper-dialog-scrollable/README.md ADDED

@@ -0,0 +1,8 @@
+# paper-dialog-scrollable
+`paper-dialog-scrollable` implements a scrolling area used in a Material Design dialog. Use this
+together with elements implementing `paper-dialog-behavior`.
+It shows a top divider after scrolling if it is not the first child in its parent container. It
+shows a bottom divider if it is scrollable and it is not the last child in its parent container.
+The bottom divider is hidden if it is scrolled to the bottom.

data/app/assets/components/paper-dialog-scrollable/bower.json ADDED

@@ -0,0 +1,36 @@
+{
+  "name": "paper-dialog-scrollable",
+  "version": "1.0.0",
+  "description": "A scrollable area used inside the material design dialog",
+  "authors": [
+    "The Polymer Authors"
+  ],
+  "keywords": [
+    "web-components",
+    "polymer",
+    "dialog",
+    "overlay"
+  ],
+  "main": [
+    "paper-dialog-scrollable.html"
+  ],
+  "private": true,
+  "repository": {
+    "type": "git",
+    "url": "git://github.com/PolymerElements/paper-dialog-scrollable"
+  },
+  "license": "http://polymer.github.io/LICENSE.txt",
+  "homepage": "https://github.com/PolymerElements/paper-dialog-scrollable",
+  "ignore": [],
+  "dependencies": {
+    "polymer": "Polymer/polymer#^1.0.0"
+  },
+  "devDependencies": {
+    "iron-component-page": "PolymerElements/iron-component-page#^1.0.0",
+    "iron-flex-layout": "PolymerElements/iron-flex-layout#^1.0.0",
+    "paper-styles": "PolymerElements/paper-styles#^1.0.0",
+    "test-fixture": "PolymerElements/test-fixture#^1.0.0",
+    "web-component-tester": "*",
+    "webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0"
+  }
+}

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

@@ -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>