com.vaadin.polymer.paper.PaperSubmenuElement Maven / Gradle / Ivy
/*
* This code was generated with Vaadin Web Component GWT API Generator,
* from paper-menu project by The Polymer Authors
* that is licensed with http://polymer.github.io/LICENSE.txt license.
*/
package com.vaadin.polymer.paper;
import com.vaadin.polymer.elemental.*;
import com.google.gwt.core.client.JavaScriptObject;
import com.google.gwt.core.client.JsArray;
import jsinterop.annotations.JsOverlay;
import jsinterop.annotations.JsProperty;
import jsinterop.annotations.JsType;
/**
* <paper-submenu>
is a nested menu inside of a parent <paper-menu>
. It
consists of a trigger that expands or collapses another <paper-menu>
:
* <paper-menu>
* <paper-submenu>
* <paper-item class="menu-trigger">Topics</paper-item>
* <paper-menu class="menu-content">
* <paper-item>Topic 1</paper-item>
* <paper-item>Topic 2</paper-item>
* <paper-item>Topic 3</paper-item>
* </paper-menu>
* </paper-submenu>
* <paper-submenu>
* <paper-item class="menu-trigger">Faves</paper-item>
* <paper-menu class="menu-content">
* <paper-item>Fave 1</paper-item>
* <paper-item>Fave 2</paper-item>
* </paper-menu>
* </paper-submenu>
* <paper-submenu disabled>
* <paper-item class="menu-trigger">Unavailable</paper-item>
* <paper-menu class="menu-content">
* <paper-item>Disabled 1</paper-item>
* <paper-item>Disabled 2</paper-item>
* </paper-menu>
* </paper-submenu>
* </paper-menu>
*
*
*
Just like in <paper-menu>
, the focused item is highlighted, and the selected
item has bolded text. Please see the <paper-menu>
docs for which attributes
(such as multi
and selected
), and styling options are available for the
menu-content
menu.
*/
@JsType(isNative=true)
public interface PaperSubmenuElement extends HTMLElement {
@JsOverlay public static final String TAG = "paper-submenu";
@JsOverlay public static final String SRC = "paper-menu/paper-submenu.html";
/**
* Set opened to true to show the collapse element and to false to hide it.
*
* JavaScript Info:
* @property opened
* @type Boolean
*
*/
@JsProperty boolean getOpened();
/**
* Set opened to true to show the collapse element and to false to hide it.
*
* JavaScript Info:
* @property opened
* @type Boolean
*
*/
@JsProperty void setOpened(boolean value);
/**
* If true, the user cannot interact with this element.
*
* JavaScript Info:
* @property disabled
* @type Boolean
* @behavior PaperTab
*/
@JsProperty boolean getDisabled();
/**
* If true, the user cannot interact with this element.
*
* JavaScript Info:
* @property disabled
* @type Boolean
* @behavior PaperTab
*/
@JsProperty void setDisabled(boolean value);
/**
* If true, the element currently has focus.
*
* JavaScript Info:
* @property focused
* @type Boolean
* @behavior PaperTab
*/
@JsProperty boolean getFocused();
/**
* If true, the element currently has focus.
*
* JavaScript Info:
* @property focused
* @type Boolean
* @behavior PaperTab
*/
@JsProperty void setFocused(boolean value);
/**
* Collapse the submenu content.
*
* JavaScript Info:
* @method close
*
*
*/
void close();
/**
* Expand the submenu content.
*
* JavaScript Info:
* @method open
*
*
*/
void open();
/**
* Toggle the submenu.
*
* JavaScript Info:
* @method toggle
*
*
*/
void toggle();
}