All Downloads are FREE. Search and download functionalities are using the official Maven repository.

com.vaadin.polymer.paper.widget.PaperItem Maven / Gradle / Ivy

The newest version!
/*
 * This code was generated with Vaadin Web Component GWT API Generator, 
 * from paper-item project by The Polymer Authors
 * that is licensed with http://polymer.github.io/LICENSE.txt license.
 */
package com.vaadin.polymer.paper.widget;

import com.vaadin.polymer.paper.*;

import com.vaadin.polymer.*;
import com.vaadin.polymer.elemental.*;
import com.vaadin.polymer.PolymerWidget;
import com.google.gwt.core.client.JsArray;
import com.google.gwt.event.shared.HandlerRegistration;
import com.google.gwt.core.client.JavaScriptObject;

/**
 * 

Material design: Lists

*

<paper-item> is an interactive list item. By default, it is a horizontal flexbox.

*
<paper-item>Item</paper-item>
 * 
 * 
 * 

Use this element with <paper-item-body> to make Material Design styled two-line and three-line
items.

*
<paper-item>
 *   <paper-item-body two-line>
 *     <div>Show your status</div>
 *     <div secondary>Your status is visible to everyone</div>
 *   </paper-item-body>
 *   <iron-icon icon="warning"></iron-icon>
 * </paper-item>
 * 
 * 
 * 

To use paper-item as a link, wrap it in an anchor tag. Since paper-item will
already receive focus, you may want to prevent the anchor tag from receiving
focus as well by setting its tabindex to -1.

*
<a href="https://www.polymer-project.org/" tabindex="-1">
 *   <paper-item raised>Polymer Project</paper-item>
 * </a>
 * 
 * 
 * 

If you are concerned about performance and want to use paper-item in a paper-listbox
with many items, you can just use a native button with the paper-item class
applied (provided you have correctly included the shared styles):

*
<style is="custom-style" include="paper-item-shared-styles"></style>
 * 
 * <paper-listbox>
 *   <button class="paper-item" role="option">Inbox</button>
 *   <button class="paper-item" role="option">Starred</button>
 *   <button class="paper-item" role="option">Sent mail</button>
 * </paper-listbox>
 * 
 * 
 * 

Styling

*

The following custom properties and mixins are available for styling:

* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
Custom propertyDescriptionDefault
--paper-item-min-heightMinimum height of the item48px
--paper-itemMixin applied to the item{}
--paper-item-selected-weightThe font weight of a selected itembold
--paper-item-selectedMixin applied to selected paper-items{}
--paper-item-disabled-colorThe color for disabled paper-items--disabled-text-color
--paper-item-disabledMixin applied to disabled paper-items{}
--paper-item-focusedMixin applied to focused paper-items{}
--paper-item-focused-beforeMixin applied to :before focused paper-items{}
*

Accessibility

*

This element has role="listitem" by default. Depending on usage, it may be more appropriate to set
role="menuitem", role="menuitemcheckbox" or role="menuitemradio".

*
<paper-item role="menuitemcheckbox">
 *   <paper-item-body>
 *     Show your status
 *   </paper-item-body>
 *   <paper-checkbox></paper-checkbox>
 * </paper-item>
 * 
 * 
 * 
*/ public class PaperItem extends PolymerWidget { /** * Default Constructor. */ public PaperItem() { this(""); } /** * Constructor used by UIBinder to create widgets with content. */ public PaperItem(String html) { super(PaperItemElement.TAG, PaperItemElement.SRC, html); } /** * Gets a handle to the Polymer object's underlying DOM element. */ public PaperItemElement getPolymerElement() { return (PaperItemElement) getElement(); } /** *

The EventTarget that will be firing relevant KeyboardEvents. Set it to
null to disable the listeners.

* * JavaScript Info: * @property keyEventTarget * @type ?EventTarget * @behavior VaadinDatePicker */ public JavaScriptObject getKeyEventTarget() { return getPolymerElement().getKeyEventTarget(); } /** *

The EventTarget that will be firing relevant KeyboardEvents. Set it to
null to disable the listeners.

* * JavaScript Info: * @property keyEventTarget * @type ?EventTarget * @behavior VaadinDatePicker */ public void setKeyEventTarget(JavaScriptObject value) { getPolymerElement().setKeyEventTarget(value); } /** * * * JavaScript Info: * @property keyBindings * @type Object * @behavior PaperTab */ public JavaScriptObject getKeyBindings() { return getPolymerElement().getKeyBindings(); } /** * * * JavaScript Info: * @property keyBindings * @type Object * @behavior PaperTab */ public void setKeyBindings(JavaScriptObject value) { getPolymerElement().setKeyBindings(value); } /** *

If true, the element currently has focus.

* * JavaScript Info: * @property focused * @type Boolean * @behavior PaperTab */ public boolean getFocused() { return getPolymerElement().getFocused(); } /** *

If true, the element currently has focus.

* * JavaScript Info: * @property focused * @type Boolean * @behavior PaperTab */ public void setFocused(boolean value) { getPolymerElement().setFocused(value); } /** *

True if the element is currently being pressed by a “pointer,” which
is loosely defined as mouse or touch input (but specifically excluding
keyboard input).

* * JavaScript Info: * @property pointerDown * @type Boolean * @behavior PaperTab */ public boolean getPointerDown() { return getPolymerElement().getPointerDown(); } /** *

True if the element is currently being pressed by a “pointer,” which
is loosely defined as mouse or touch input (but specifically excluding
keyboard input).

* * JavaScript Info: * @property pointerDown * @type Boolean * @behavior PaperTab */ public void setPointerDown(boolean value) { getPolymerElement().setPointerDown(value); } /** *

If true, the user is currently holding down the button.

* * JavaScript Info: * @property pressed * @type Boolean * @behavior PaperTab */ public boolean getPressed() { return getPolymerElement().getPressed(); } /** *

If true, the user is currently holding down the button.

* * JavaScript Info: * @property pressed * @type Boolean * @behavior PaperTab */ public void setPressed(boolean value) { getPolymerElement().setPressed(value); } /** *

True if the input device that caused the element to receive focus
was a keyboard.

* * JavaScript Info: * @property receivedFocusFromKeyboard * @type Boolean * @behavior PaperTab */ public boolean getReceivedFocusFromKeyboard() { return getPolymerElement().getReceivedFocusFromKeyboard(); } /** *

True if the input device that caused the element to receive focus
was a keyboard.

* * JavaScript Info: * @property receivedFocusFromKeyboard * @type Boolean * @behavior PaperTab */ public void setReceivedFocusFromKeyboard(boolean value) { getPolymerElement().setReceivedFocusFromKeyboard(value); } /** *

If true, this property will cause the implementing element to
automatically stop propagation on any handled KeyboardEvents.

* * JavaScript Info: * @property stopKeyboardEventPropagation * @type Boolean * @behavior VaadinDatePicker */ public boolean getStopKeyboardEventPropagation() { return getPolymerElement().getStopKeyboardEventPropagation(); } /** *

If true, this property will cause the implementing element to
automatically stop propagation on any handled KeyboardEvents.

* * JavaScript Info: * @property stopKeyboardEventPropagation * @type Boolean * @behavior VaadinDatePicker */ public void setStopKeyboardEventPropagation(boolean value) { getPolymerElement().setStopKeyboardEventPropagation(value); } /** *

If true, the button toggles the active state with each tap or press
of the spacebar.

* * JavaScript Info: * @property toggles * @type Boolean * @behavior PaperTab */ public boolean getToggles() { return getPolymerElement().getToggles(); } /** *

If true, the button toggles the active state with each tap or press
of the spacebar.

* * JavaScript Info: * @property toggles * @type Boolean * @behavior PaperTab */ public void setToggles(boolean value) { getPolymerElement().setToggles(value); } /** *

If true, the button is a toggle and is currently in the active state.

* * JavaScript Info: * @property active * @type Boolean * @behavior PaperTab */ public boolean getActive() { return getPolymerElement().getActive(); } /** *

If true, the button is a toggle and is currently in the active state.

* * JavaScript Info: * @property active * @type Boolean * @behavior PaperTab */ public void setActive(boolean value) { getPolymerElement().setActive(value); } /** *

If true, the user cannot interact with this element.

* * JavaScript Info: * @property disabled * @type Boolean * @behavior PaperTab */ public boolean getDisabled() { return getPolymerElement().getDisabled(); } /** *

If true, the user cannot interact with this element.

* * JavaScript Info: * @property disabled * @type Boolean * @behavior PaperTab */ public void setDisabled(boolean value) { getPolymerElement().setDisabled(value); } /** *

The aria attribute to be set if the button is a toggle and in the
active state.

* * JavaScript Info: * @property ariaActiveAttribute * @type String * @behavior PaperTab */ public String getAriaActiveAttribute() { return getPolymerElement().getAriaActiveAttribute(); } /** *

The aria attribute to be set if the button is a toggle and in the
active state.

* * JavaScript Info: * @property ariaActiveAttribute * @type String * @behavior PaperTab */ public void setAriaActiveAttribute(String value) { getPolymerElement().setAriaActiveAttribute(value); } // Needed in UIBinder /** *

The EventTarget that will be firing relevant KeyboardEvents. Set it to
null to disable the listeners.

* * JavaScript Info: * @attribute key-event-target * @behavior VaadinDatePicker */ public void setKeyEventTarget(String value) { Polymer.property(this.getPolymerElement(), "keyEventTarget", value); } // Needed in UIBinder /** *

To be used to express what combination of keys will trigger the relative
callback. e.g. keyBindings: { 'esc': '_onEscPressed'}

* * JavaScript Info: * @attribute key-bindings * @behavior VaadinDatePicker */ public void setKeyBindings(String value) { Polymer.property(this.getPolymerElement(), "keyBindings", value); } /** *

Can be used to imperatively add a key binding to the implementing
element. This is the imperative equivalent of declaring a keybinding
in the keyBindings prototype property.

* * JavaScript Info: * @method addOwnKeyBinding * @param {} eventString * @param {} handlerName * @behavior VaadinDatePicker * */ public void addOwnKeyBinding(Object eventString, Object handlerName) { getPolymerElement().addOwnKeyBinding(eventString, handlerName); } /** *

When called, will remove all imperatively-added key bindings.

* * JavaScript Info: * @method removeOwnKeyBindings * @behavior VaadinDatePicker * */ public void removeOwnKeyBindings() { getPolymerElement().removeOwnKeyBindings(); } /** *

Returns true if a keyboard event matches eventString.

* * JavaScript Info: * @method keyboardEventMatchesKeys * @param {KeyboardEvent} event * @param {string} eventString * @behavior VaadinDatePicker * @return {boolean} */ public boolean keyboardEventMatchesKeys(JavaScriptObject event, String eventString) { return getPolymerElement().keyboardEventMatchesKeys(event, eventString); } }




© 2015 - 2024 Weber Informatics LLC | Privacy Policy