OLD | NEW |
(Empty) | |
| 1 |
| 2 |
| 3 Polymer('core-scaffold', { |
| 4 |
| 5 publish: { |
| 6 /** |
| 7 * When the browser window size is smaller than the `responsiveWidth`, |
| 8 * `core-drawer-panel` changes to a narrow layout. In narrow layout, |
| 9 * the drawer will be stacked on top of the main panel. |
| 10 * |
| 11 * @attribute responsiveWidth |
| 12 * @type string |
| 13 * @default '600px' |
| 14 */ |
| 15 responsiveWidth: '600px', |
| 16 |
| 17 /** |
| 18 * Used to control the header and scrolling behaviour of `core-header-pane
l` |
| 19 * |
| 20 * @attribute mode |
| 21 * @type string |
| 22 * @default 'seamed' |
| 23 */ |
| 24 mode: {value: 'seamed', reflect: true} |
| 25 }, |
| 26 |
| 27 /** |
| 28 * Toggle the drawer panel |
| 29 * @method togglePanel |
| 30 */ |
| 31 togglePanel: function() { |
| 32 this.$.drawerPanel.togglePanel(); |
| 33 }, |
| 34 |
| 35 /** |
| 36 * Open the drawer panel |
| 37 * @method openDrawer |
| 38 */ |
| 39 openDrawer: function() { |
| 40 this.$.drawerPanel.openDrawer(); |
| 41 }, |
| 42 |
| 43 /** |
| 44 * Close the drawer panel |
| 45 * @method closeDrawer |
| 46 */ |
| 47 closeDrawer: function() { |
| 48 this.$.drawerPanel.closeDrawer(); |
| 49 } |
| 50 |
| 51 }); |
| 52 |
OLD | NEW |