| OLD | NEW |
| 1 <!-- | 1 <!-- |
| 2 @license | 2 @license |
| 3 Copyright (c) 2015 The Polymer Project Authors. All rights reserved. | 3 Copyright (c) 2015 The Polymer Project Authors. All rights reserved. |
| 4 This code may only be used under the BSD style license found at http://polymer.g
ithub.io/LICENSE.txt | 4 This code may only be used under the BSD style license found at http://polymer.g
ithub.io/LICENSE.txt |
| 5 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt | 5 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt |
| 6 The complete set of contributors may be found at http://polymer.github.io/CONTRI
BUTORS.txt | 6 The complete set of contributors may be found at http://polymer.github.io/CONTRI
BUTORS.txt |
| 7 Code distributed by Google as part of the polymer project is also | 7 Code distributed by Google as part of the polymer project is also |
| 8 subject to an additional IP rights grant found at http://polymer.github.io/PATEN
TS.txt | 8 subject to an additional IP rights grant found at http://polymer.github.io/PATEN
TS.txt |
| 9 --><html><head><link rel="import" href="../polymer/polymer.html"> | 9 --><html><head><link rel="import" href="../polymer/polymer.html"> |
| 10 <link rel="import" href="../iron-menu-behavior/iron-menu-behavior.html"> | 10 <link rel="import" href="../iron-menu-behavior/iron-menu-behavior.html"> |
| 11 <link rel="import" href="../iron-behaviors/iron-control-state.html"> | 11 <link rel="import" href="../iron-behaviors/iron-control-state.html"> |
| 12 <link rel="import" href="../iron-collapse/iron-collapse.html"> | 12 <link rel="import" href="../iron-collapse/iron-collapse.html"> |
| 13 <link rel="import" href="../paper-styles/paper-styles.html"> | 13 <link rel="import" href="../iron-flex-layout/iron-flex-layout.html"> |
| 14 <link rel="import" href="../paper-styles/default-theme.html"> |
| 15 <link rel="import" href="paper-menu-shared-styles.html"> |
| 14 | 16 |
| 15 <!-- | 17 <!-- |
| 16 `<paper-submenu>` is a nested menu inside of a parent `<paper-menu>`. It | 18 `<paper-submenu>` is a nested menu inside of a parent `<paper-menu>`. It |
| 17 consists of a trigger that expands or collapses another `<paper-menu>`: | 19 consists of a trigger that expands or collapses another `<paper-menu>`: |
| 18 | 20 |
| 19 <paper-menu> | 21 <paper-menu> |
| 20 <paper-submenu> | 22 <paper-submenu> |
| 21 <paper-item class="menu-trigger">Topics</paper-item> | 23 <paper-item class="menu-trigger">Topics</paper-item> |
| 22 <paper-menu class="menu-content"> | 24 <paper-menu class="menu-content"> |
| 23 <paper-item>Topic 1</paper-item> | 25 <paper-item>Topic 1</paper-item> |
| (...skipping 22 matching lines...) Expand all Loading... |
| 46 (such as `multi` and `selected`), and styling options are available for the | 48 (such as `multi` and `selected`), and styling options are available for the |
| 47 `menu-content` menu. | 49 `menu-content` menu. |
| 48 | 50 |
| 49 @group Paper Elements | 51 @group Paper Elements |
| 50 @element paper-submenu | 52 @element paper-submenu |
| 51 @hero hero.svg | 53 @hero hero.svg |
| 52 @demo demo/index.html | 54 @demo demo/index.html |
| 53 --> | 55 --> |
| 54 | 56 |
| 55 </head><body><dom-module id="paper-submenu"> | 57 </head><body><dom-module id="paper-submenu"> |
| 56 <link rel="import" type="css" href="paper-menu-shared.css"> | 58 <template> |
| 59 <style include="paper-menu-shared-styles"></style> |
| 57 | 60 |
| 58 <template> | |
| 59 <div class="selectable-content" on-tap="_onTap"> | 61 <div class="selectable-content" on-tap="_onTap"> |
| 60 <content id="trigger" select=".menu-trigger"></content> | 62 <content id="trigger" select=".menu-trigger"></content> |
| 61 </div> | 63 </div> |
| 62 <iron-collapse id="collapse" opened="{{opened}}"> | 64 <iron-collapse id="collapse" opened="{{opened}}"> |
| 63 <content select=".menu-content"></content> | 65 <content select=".menu-content"></content> |
| 64 </iron-collapse> | 66 </iron-collapse> |
| 65 </template> | 67 </template> |
| 66 | 68 |
| 67 </dom-module> | 69 </dom-module> |
| 68 | |
| 69 <script src="paper-submenu-extracted.js"></script></body></html> | 70 <script src="paper-submenu-extracted.js"></script></body></html> |
| OLD | NEW |