• Home
• com.vaadin.polymer
• vaadin-gwt-polymer-elements
• 1.0.2.0-alpha2
• source code
• PaperSliderElement.java

×

Project download

Many resources are needed to download a project. Please understand that we have to compensate our server costs. Thank you in advance.
Project price only 1 $

You can buy this project and download/modify it how often you want.

com.vaadin.polymer.paper.element.PaperSliderElement Maven / Gradle / Ivy

/*
 * This code was generated with Vaadin Web Component GWT API Generator, 
 * from paper-slider 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-slider allows user to select a value from a range of values by
moving the slider thumb.  The interactive nature of the slider makes it a
great choice for settings that reflect intensity levels, such as volume,
brightness, or color saturation.
 * 
Example:
 * 
<paper-slider></paper-slider>
 * 
 * 
 * 
Use min and max to specify the slider range.  Default is 0 to 100.
 * 
Example:
 * 
<paper-slider min="10" max="200" value="110"></paper-slider>
 * 
 * 
 * 
Styling
 * 
The following custom properties and mixins are available for styling:
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
Custom property
Description
Default
--paper-slider-bar-color
The background color of the slider
transparent
--paper-slider-active-color
The progress bar color
--google-blue-700
--paper-slider-secondary-color
The secondary progress bar color
--google-blue-300
--paper-slider-knob-color
The knob color
--google-blue-700
--paper-slider-disabled-knob-color
The disabled knob color
--google-grey-500
--paper-slider-pin-color
The pin color
--google-blue-700
--paper-slider-font-color
The pin’s text color
#fff
--paper-slider-disabled-active-color
The disabled progress bar color
--google-grey-500
--paper-slider-disabled-secondary-color
The disabled secondary progress bar color
--google-grey-300
 */
@JsType
public interface PaperSliderElement extends HTMLElement {

    public static final String TAG = "paper-slider";
    public static final String SRC = "paper-slider/paper-slider.html";


    /**
     * 
Decreases value by step but not below min.
     *
     * JavaScript Info:
     * @method decrement
     * 
     */
    void decrement();

    /**
     * 
True when the user is dragging the slider.
     *
     * JavaScript Info:
     * @property dragging
     * @type Boolean
     * 
     */
    @JsProperty boolean getDragging();
    /**
     * 
True when the user is dragging the slider.
     *
     * JavaScript Info:
     * @property dragging
     * @type Boolean
     * 
     */
    @JsProperty void setDragging(boolean value);
  
    /**
     * 
If true, an input is shown and user can use it to set the slider value.
     *
     * JavaScript Info:
     * @property editable
     * @type Boolean
     * 
     */
    @JsProperty boolean getEditable();
    /**
     * 
If true, an input is shown and user can use it to set the slider value.
     *
     * JavaScript Info:
     * @property editable
     * @type Boolean
     * 
     */
    @JsProperty void setEditable(boolean value);
  
    /**
     * 
If true, the knob is expanded
     *
     * JavaScript Info:
     * @property expand
     * @type Boolean
     * 
     */
    @JsProperty boolean getExpand();
    /**
     * 
If true, the knob is expanded
     *
     * JavaScript Info:
     * @property expand
     * @type Boolean
     * 
     */
    @JsProperty void setExpand(boolean value);
  
    /**
     * 
The immediate value of the slider.  This value is updated while the user
is dragging the slider.
     *
     * JavaScript Info:
     * @property immediateValue
     * @type Number
     * 
     */
    @JsProperty double getImmediateValue();
    /**
     * 
The immediate value of the slider.  This value is updated while the user
is dragging the slider.
     *
     * JavaScript Info:
     * @property immediateValue
     * @type Number
     * 
     */
    @JsProperty void setImmediateValue(double value);
  
    /**
     * 
Increases value by step but not above max.
     *
     * JavaScript Info:
     * @method increment
     * 
     */
    void increment();

    /**
     * 
     *
     * JavaScript Info:
     * @property keyBindings
     * @type Object
     * 
     */
    @JsProperty JavaScriptObject getKeyBindings();
    /**
     * 
     *
     * JavaScript Info:
     * @property keyBindings
     * @type Object
     * 
     */
    @JsProperty void setKeyBindings(JavaScriptObject value);
  
    /**
     * 
     *
     * JavaScript Info:
     * @property markers
     * @type Array
     * 
     */
    @JsProperty JsArray getMarkers();
    /**
     * 
     *
     * JavaScript Info:
     * @property markers
     * @type Array
     * 
     */
    @JsProperty void setMarkers(JsArray value);
  
    /**
     * 
The maximum number of markers
     *
     * JavaScript Info:
     * @property maxMarkers
     * @type Number
     * 
     */
    @JsProperty double getMaxMarkers();
    /**
     * 
The maximum number of markers
     *
     * JavaScript Info:
     * @property maxMarkers
     * @type Number
     * 
     */
    @JsProperty void setMaxMarkers(double value);
  
    /**
     * 
If true, a pin with numeric value label is shown when the slider thumb
is pressed. Use for settings for which users need to know the exact
value of the setting.
     *
     * JavaScript Info:
     * @property pin
     * @type Boolean
     * 
     */
    @JsProperty boolean getPin();
    /**
     * 
If true, a pin with numeric value label is shown when the slider thumb
is pressed. Use for settings for which users need to know the exact
value of the setting.
     *
     * JavaScript Info:
     * @property pin
     * @type Boolean
     * 
     */
    @JsProperty void setPin(boolean value);
  
    /**
     * 
The number that represents the current secondary progress.
     *
     * JavaScript Info:
     * @property secondaryProgress
     * @type Number
     * 
     */
    @JsProperty double getSecondaryProgress();
    /**
     * 
The number that represents the current secondary progress.
     *
     * JavaScript Info:
     * @property secondaryProgress
     * @type Number
     * 
     */
    @JsProperty void setSecondaryProgress(double value);
  
    /**
     * 
If true, the slider thumb snaps to tick marks evenly spaced based
on the step property value.
     *
     * JavaScript Info:
     * @property snaps
     * @type Boolean
     * 
     */
    @JsProperty boolean getSnaps();
    /**
     * 
If true, the slider thumb snaps to tick marks evenly spaced based
on the step property value.
     *
     * JavaScript Info:
     * @property snaps
     * @type Boolean
     * 
     */
    @JsProperty void setSnaps(boolean value);
  
    /**
     * 
     *
     * JavaScript Info:
     * @property transiting
     * @type Boolean
     * 
     */
    @JsProperty boolean getTransiting();
    /**
     * 
     *
     * JavaScript Info:
     * @property transiting
     * @type Boolean
     * 
     */
    @JsProperty void setTransiting(boolean 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
     * 
     */
    @JsProperty JsArray getObservers();
    /**
     * 
     *
     * JavaScript Info:
     * @property observers
     * @type Array
     * 
     */
    @JsProperty void setObservers(JsArray 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 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);
  
    /**
     * 
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);
  
    /**
     * 
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);
  
    /**
     * 
The name of this element.
     *
     * JavaScript Info:
     * @property name
     * @type String
     * @behavior PaperTextarea
     */
    @JsProperty String getName();
    /**
     * 
The name of this element.
     *
     * JavaScript Info:
     * @property name
     * @type String
     * @behavior PaperTextarea
     */
    @JsProperty void setName(String value);
  
    /**
     * 
The value for this element.
     *
     * JavaScript Info:
     * @property value
     * @type String
     * @behavior PaperTextarea
     */
    @JsProperty String getValue();
    /**
     * 
The value for this element.
     *
     * JavaScript Info:
     * @property value
     * @type String
     * @behavior PaperTextarea
     */
    @JsProperty void setValue(String value);
  
    /**
     * 
The number that indicates the maximum value of the range.
     *
     * JavaScript Info:
     * @property max
     * @type Number
     * @behavior PaperSlider
     */
    @JsProperty double getMax();
    /**
     * 
The number that indicates the maximum value of the range.
     *
     * JavaScript Info:
     * @property max
     * @type Number
     * @behavior PaperSlider
     */
    @JsProperty void setMax(double value);
  
    /**
     * 
The number that indicates the minimum value of the range.
     *
     * JavaScript Info:
     * @property min
     * @type Number
     * @behavior PaperSlider
     */
    @JsProperty double getMin();
    /**
     * 
The number that indicates the minimum value of the range.
     *
     * JavaScript Info:
     * @property min
     * @type Number
     * @behavior PaperSlider
     */
    @JsProperty void setMin(double value);
  
    /**
     * 
Returns the ratio of the value.
     *
     * JavaScript Info:
     * @property ratio
     * @type Number
     * @behavior PaperSlider
     */
    @JsProperty double getRatio();
    /**
     * 
Returns the ratio of the value.
     *
     * JavaScript Info:
     * @property ratio
     * @type Number
     * @behavior PaperSlider
     */
    @JsProperty void setRatio(double value);
  
    /**
     * 
Specifies the value granularity of the range’s value.
     *
     * JavaScript Info:
     * @property step
     * @type Number
     * @behavior PaperSlider
     */
    @JsProperty double getStep();
    /**
     * 
Specifies the value granularity of the range’s value.
     *
     * JavaScript Info:
     * @property step
     * @type Number
     * @behavior PaperSlider
     */
    @JsProperty void setStep(double value);
  
}