com.vaadin.polymer.paper.element.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.element;
import com.vaadin.polymer.elemental.*;
import com.google.gwt.core.client.JavaScriptObject;
import com.google.gwt.core.client.JsArray;
import com.google.gwt.core.client.js.JsProperty;
import com.google.gwt.core.client.js.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
public interface PaperSubmenuElement extends HTMLElement {
public static final String TAG = "paper-submenu";
public static final String SRC = "paper-menu/paper-submenu.html";
/**
* Collapse the submenu content.
*
* JavaScript Info:
* @method close
*
*/
void close();
/**
*
*
* JavaScript Info:
* @method dettached
*
*/
void dettached();
/**
* Expand the submenu content.
*
* JavaScript Info:
* @method open
*
*/
void open();
/**
* 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);
/**
*
*
* JavaScript Info:
* @method attached
*
*/
void attached();
/**
* 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);
/**
*
*
* JavaScript Info:
* @property observers
* @type Array
* @behavior PaperTab
*/
@JsProperty JsArray getObservers();
/**
*
*
* JavaScript Info:
* @property observers
* @type Array
* @behavior PaperTab
*/
@JsProperty void setObservers(JsArray value);
}