com.vaadin.polymer.iron.element.IronMediaQueryElement Maven / Gradle / Ivy

Go to download

Show more of this group Show more artifacts with this name
Show all versions of vaadin-gwt-polymer-elements Show documentation

vaadin-gwt-polymer-elements

There is a newer version: 1.9.3.1

Show newest version

/*
 * This code was generated with Vaadin Web Component GWT API Generator, 
 * from iron-media-query project by The Polymer Authors
 * that is licensed with http://polymer.github.io/LICENSE.txt license.
 */
package com.vaadin.polymer.iron.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;

/**
 * iron-media-query can be used to data bind to a CSS media query.
The query property is a bare CSS media query.
The query-matches property is a boolean representing whether the page matches that media query.
 * Example:
 * <iron-media-query query="(min-width: 600px)" query-matches="{{queryMatches}}"></iron-media-query>
 * 
 * 
 * 
 */
@JsType
public interface IronMediaQueryElement extends HTMLElement {

    public static final String TAG = "iron-media-query";
    public static final String SRC = "iron-media-query/iron-media-query.html";


    /**
     * The CSS media query to evaluate.
     *
     * JavaScript Info:
     * @property query
     * @type String
     * 
     */
    @JsProperty String getQuery();
    /**
     * The CSS media query to evaluate.
     *
     * JavaScript Info:
     * @property query
     * @type String
     * 
     */
    @JsProperty void setQuery(String value);
  
    /**
     * 
     *
     * JavaScript Info:
     * @method queryChanged
     * @param {} query  
     * 
     */
    void queryChanged(JavaScriptObject query);

    /**
     * 
     *
     * JavaScript Info:
     * @method queryHandler
     * @param {} mq  
     * 
     */
    void queryHandler(JavaScriptObject mq);

    /**
     * The Boolean return value of the media query.
     *
     * JavaScript Info:
     * @property queryMatches
     * @type Boolean
     * 
     */
    @JsProperty boolean getQueryMatches();
    /**
     * The Boolean return value of the media query.
     *
     * JavaScript Info:
     * @property queryMatches
     * @type Boolean
     * 
     */
    @JsProperty void setQueryMatches(boolean value);
  
}