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 |