third_party/polymer/components-chromium/paper-menu-button/paper-menu-button.html

<!--
Copyright (c) 2014 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
-->
<!--
A `paper-menu-button` is a `paper-icon-button` that opens a drop down menu when tapped.

Example:

    <paper-menu-button icon="menu">
      <div>Menu Item 1</div>
      <div>Menu Item 2</div>
      <div>Menu Item 3</div>
    </paper-menu-button>

 @group Paper Elements
 @element paper-menu-button
 @extends paper-focusable
-->
<link href="../polymer/polymer.html" rel="import">
<link href="../core-icon/core-icon.html" rel="import">
<link href="../core-menu/core-menu.html" rel="import">
<link href="../paper-focusable/paper-focusable.html" rel="import">
<link href="../paper-shadow/paper-shadow.html" rel="import">
<link href="paper-menu-button-overlay.html" rel="import">
<link href="paper-menu-button-transition.html" rel="import">

<polymer-element name="paper-menu-button-overlay-container" assetpath="">
<template>
  <content></content>
</template>
</polymer-element>

<polymer-element name="paper-menu-button" extends="paper-focusable" attributes="src icon opened halign valign slow" on-tap="{{tapAction}}" assetpath="">
  <template>
    <link rel="stylesheet" href="paper-menu-button.css">
    <paper-menu-button-overlay target="{{$.overlay}}" relatedtarget="{{}}" halign="{{halign}}" valign="{{valign}}" opened="{{opened}}" transition="paper-menu-button-transition-top-{{halign}}{{slow ? &apos;-slow&apos; : &apos;&apos;}}"></paper-menu-button-overlay>
    <paper-menu-button-overlay-container id="overlay">
      <paper-shadow target="{{$.overlayBg}}" z="0" hasposition=""></paper-shadow>
      <div class="paper-menu-button-overlay-ink"></div>
      <div id="overlayBg" class="paper-menu-button-overlay-bg"></div>
      <core-menu id="menu">
        <content></content>
      </core-menu>
    </paper-menu-button-overlay-container>
    <core-icon src="{{src}}" icon="{{icon}}"></core-icon>
  </template>
  
</polymer-element>
<script src="paper-menu-button-extracted.js"></script>