| Index: pkg/polymer/lib/elements/polymer-ui-sidebar-menu/polymer-ui-sidebar-menu.html
|
| diff --git a/pkg/polymer/lib/elements/polymer-ui-sidebar-menu/polymer-ui-sidebar-menu.html b/pkg/polymer/lib/elements/polymer-ui-sidebar-menu/polymer-ui-sidebar-menu.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..001042dd9778cafad9db8baa3f2abbf311536ff4
|
| --- /dev/null
|
| +++ b/pkg/polymer/lib/elements/polymer-ui-sidebar-menu/polymer-ui-sidebar-menu.html
|
| @@ -0,0 +1,62 @@
|
| +<!--
|
| +Copyright 2013 The Polymer Authors. All rights reserved.
|
| +Use of this source code is governed by a BSD-style
|
| +license that can be found in the LICENSE file.
|
| +-->
|
| +<!--
|
| +/**
|
| + * @module Polymer UI Elements
|
| + */
|
| +/**
|
| + * polymer-ui-sidebar-menu is a polymer-menu styled to look like a sidebar menu.
|
| + * The sidebar menu is styled with an arrow pointing to the selected menu item.
|
| + * Use it in conjunction with polymer-ui-menu-item.
|
| + *
|
| + * Example:
|
| + *
|
| + * <polymer-ui-sidebar-menu selected="0">
|
| + * <polymer-ui-menu-item icon="menu" label="Home"></polymer-ui-menu-item>
|
| + * <polymer-ui-menu-item icon="menu" label="Explore"></polymer-ui-menu-item>
|
| + * <polymer-ui-menu-item icon="menu" label="Favorites"></polymer-ui-menu-item>
|
| + * </polymer-ui-sidebar-menu>
|
| + *
|
| + * @class polymer-ui-sidebar-menu
|
| + * @extends polymer-ui-menu
|
| + */
|
| +-->
|
| +<link rel="import" href="../polymer/polymer.html">
|
| +<link rel="import" href="../polymer-ui-sidebar-header/polymer-ui-sidebar-header.html">
|
| +<link rel="import" href="../polymer-ui-menu/polymer-ui-menu.html">
|
| +<link rel="import" href="../polymer-ui-nav-arrow/polymer-ui-nav-arrow.html">
|
| +<link rel="import" href="../polymer-flex-layout/polymer-flex-layout.html">
|
| +
|
| +<polymer-element name="polymer-ui-sidebar-menu" extends="polymer-ui-menu" attributes="label" noscript>
|
| + <template>
|
| + <link rel="stylesheet" href="polymer-ui-sidebar-menu.css">
|
| + <polymer-flex-layout vertical></polymer-flex-layout>
|
| + <polymer-ui-sidebar-header label="{{label}}">
|
| + <content select="[logo]"></content>
|
| + </polymer-ui-sidebar-header>
|
| + <div class="sidebar-menu" flex>
|
| + <shadow></shadow>
|
| + <polymer-ui-nav-arrow target="{{selectedItem}}"></polymer-ui-nav-arrow>
|
| + </div>
|
| + </template>
|
| +</polymer-element>
|
| +
|
| +<!--
|
| +<shadow> reprojection is not supported in the polyfill
|
| +https://github.com/Polymer/ShadowDOM/issues/5
|
| +-->
|
| +<!-- <polymer-element name="polymer-ui-sidebar-menu" extends="polymer-ui-menu" attributes="label">
|
| + <template>
|
| + <link rel="stylesheet" href="polymer-ui-sidebar-menu.css">
|
| + <polymer-ui-sidebar label="{{label}}">
|
| + <content select="[logo]"></content>
|
| + <div class="sidebar-menu" flex>
|
| + <shadow></shadow>
|
| + <polymer-ui-nav-arrow target="{{selectedItem}}"></polymer-ui-nav-arrow>
|
| + </div>
|
| + </polymer-ui-sidebar>
|
| + </template>
|
| +</polymer-element> -->
|
|
|