com.vaadin.polymer.paper.element.PaperIconButtonElement Maven / Gradle / Ivy
/*
* This code was generated with Vaadin Web Component GWT API Generator,
* from paper-icon-button 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;
/**
* Material Design: Buttons
* paper-icon-button is a button with an image placed at the center. When the user touches
the button, a ripple effect emanates from the center of the button.
* paper-icon-button includes a default icon set. Use icon to specify which icon
from the icon set to use.
* <paper-icon-button icon="menu"></paper-icon-button>
*
*
*
See iron-iconset for more information about
how to use a custom icon set.
* Example:
* <link href="path/to/iron-icons/iron-icons.html" rel="import">
*
* <paper-icon-button icon="favorite"></paper-icon-button>
* <paper-icon-button src="star.png"></paper-icon-button>
*
*
*
Styling
* Style the button with CSS as you would a normal DOM element. If you are using the icons
provided by iron-icons, they will inherit the foreground color of the button.
* /* make a red "favorite" button * /
* <paper-icon-button icon="favorite" style="color: red;"></paper-icon-button>
*
*
*
By default, the ripple is the same color as the foreground at 25% opacity. You may
customize the color using this selector:
* /* make #my-button use a blue ripple instead of foreground color * /
* #my-button::shadow #ripple {
* color: blue;
* }
*
*
*
The opacity of the ripple is not customizable via CSS.
* The following custom properties and mixins are available for styling:
*
*
*
* Custom property
* Description
* Default
*
*
*
*
* --paper-icon-button-disabled-textThe color of the disabled button
* --primary-text-color
*
* --paper-icon-button-ink-colorSelected/focus ripple color
* --default-primary-color
*
* --paper-icon-buttonMixin for a button
* {}
*
* --paper-icon-button-disabledMixin for a disabled button
* {}
*
*
*/
@JsType
public interface PaperIconButtonElement extends HTMLElement {
public static final String TAG = "paper-icon-button";
public static final String SRC = "paper-icon-button/paper-icon-button.html";
/**
* Specifies the alternate text for the button, for accessibility.
*
* JavaScript Info:
* @property alt
* @type String
*
*/
@JsProperty String getAlt();
/**
* Specifies the alternate text for the button, for accessibility.
*
* JavaScript Info:
* @property alt
* @type String
*
*/
@JsProperty void setAlt(String value);
/**
* Specifies the icon name or index in the set of icons available in
the icon’s icon set. If the icon property is specified,
the src property should not be.
*
* JavaScript Info:
* @property icon
* @type String
*
*/
@JsProperty String getIcon();
/**
* Specifies the icon name or index in the set of icons available in
the icon’s icon set. If the icon property is specified,
the src property should not be.
*
* JavaScript Info:
* @property icon
* @type String
*
*/
@JsProperty void setIcon(String value);
/**
* The URL of an image for the icon. If the src property is specified,
the icon property should not be.
*
* JavaScript Info:
* @property src
* @type String
*
*/
@JsProperty String getSrc();
/**
* The URL of an image for the icon. If the src property is specified,
the icon property should not be.
*
* JavaScript Info:
* @property src
* @type String
*
*/
@JsProperty void setSrc(String value);
/**
*
*
* JavaScript Info:
* @property hostAttributes
* @type Object
*
*/
@JsProperty JavaScriptObject getHostAttributes();
/**
*
*
* JavaScript Info:
* @property hostAttributes
* @type Object
*
*/
@JsProperty void setHostAttributes(JavaScriptObject value);
/**
*
*
* JavaScript Info:
* @property observers
* @type Array
* @behavior PaperSlider
*/
@JsProperty JsArray getObservers();
/**
*
*
* JavaScript Info:
* @property observers
* @type Array
* @behavior PaperSlider
*/
@JsProperty void setObservers(JsArray value);
/**
* If true, the button is a toggle and is currently in the active state.
*
* JavaScript Info:
* @property active
* @type Boolean
* @behavior PaperSlider
*/
@JsProperty boolean getActive();
/**
* If true, the button is a toggle and is currently in the active state.
*
* JavaScript Info:
* @property active
* @type Boolean
* @behavior PaperSlider
*/
@JsProperty void setActive(boolean value);
/**
*
*
* JavaScript Info:
* @property keyBindings
* @type Object
* @behavior PaperSlider
*/
@JsProperty JavaScriptObject getKeyBindings();
/**
*
*
* JavaScript Info:
* @property keyBindings
* @type Object
* @behavior PaperSlider
*/
@JsProperty void setKeyBindings(JavaScriptObject 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 PaperSlider
*/
@JsProperty boolean 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 PaperSlider
*/
@JsProperty void setPointerDown(boolean value);
/**
* If true, the user is currently holding down the button.
*
* JavaScript Info:
* @property pressed
* @type Boolean
* @behavior PaperSlider
*/
@JsProperty boolean getPressed();
/**
* If true, the user is currently holding down the button.
*
* JavaScript Info:
* @property pressed
* @type Boolean
* @behavior PaperSlider
*/
@JsProperty void setPressed(boolean value);
/**
* True if the input device that caused the element to receive focus
was a keyboard.
*
* JavaScript Info:
* @property receivedFocusFromKeyboard
* @type Boolean
* @behavior PaperSlider
*/
@JsProperty boolean getReceivedFocusFromKeyboard();
/**
* True if the input device that caused the element to receive focus
was a keyboard.
*
* JavaScript Info:
* @property receivedFocusFromKeyboard
* @type Boolean
* @behavior PaperSlider
*/
@JsProperty void setReceivedFocusFromKeyboard(boolean value);
/**
* If true, the button toggles the active state with each tap or press
of the spacebar.
*
* JavaScript Info:
* @property toggles
* @type Boolean
* @behavior PaperSlider
*/
@JsProperty boolean getToggles();
/**
* If true, the button toggles the active state with each tap or press
of the spacebar.
*
* JavaScript Info:
* @property toggles
* @type Boolean
* @behavior PaperSlider
*/
@JsProperty void setToggles(boolean value);
/**
*
*
* JavaScript Info:
* @property listeners
* @type Object
* @behavior PaperSlider
*/
@JsProperty JavaScriptObject getListeners();
/**
*
*
* JavaScript Info:
* @property listeners
* @type Object
* @behavior PaperSlider
*/
@JsProperty void setListeners(JavaScriptObject 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 PaperTabs
*/
void addOwnKeyBinding(JavaScriptObject eventString, JavaScriptObject handlerName);
/**
* The HTMLElement that will be firing relevant KeyboardEvents.
*
* JavaScript Info:
* @property keyEventTarget
* @type Object
* @behavior PaperTabs
*/
@JsProperty JavaScriptObject getKeyEventTarget();
/**
* The HTMLElement that will be firing relevant KeyboardEvents.
*
* JavaScript Info:
* @property keyEventTarget
* @type Object
* @behavior PaperTabs
*/
@JsProperty void setKeyEventTarget(JavaScriptObject value);
/**
*
*
* JavaScript Info:
* @method keyboardEventMatchesKeys
* @param {} event
* @param {} eventString
* @behavior PaperTabs
*/
void keyboardEventMatchesKeys(JavaScriptObject event, JavaScriptObject eventString);
/**
* When called, will remove all imperatively-added key bindings.
*
* JavaScript Info:
* @method removeOwnKeyBindings
* @behavior PaperTabs
*/
void removeOwnKeyBindings();
/**
*
*
* JavaScript Info:
* @method attached
* @behavior PaperTabs
*/
void attached();
/**
*
*
* JavaScript Info:
* @method detached
* @behavior PaperTabs
*/
void detached();
/**
*
*
* JavaScript Info:
* @method registered
* @behavior PaperTabs
*/
void registered();
/**
* If true, the user cannot interact with this element.
*
* JavaScript Info:
* @property disabled
* @type Boolean
* @behavior PaperInput
*/
@JsProperty boolean getDisabled();
/**
* If true, the user cannot interact with this element.
*
* JavaScript Info:
* @property disabled
* @type Boolean
* @behavior PaperInput
*/
@JsProperty void setDisabled(boolean value);
/**
* If true, the element currently has focus.
*
* JavaScript Info:
* @property focused
* @type Boolean
* @behavior PaperInput
*/
@JsProperty boolean getFocused();
/**
* If true, the element currently has focus.
*
* JavaScript Info:
* @property focused
* @type Boolean
* @behavior PaperInput
*/
@JsProperty void setFocused(boolean value);
}