third_party/polymer/v1_0/components-chromium/iron-media-query/iron-media-query-extracted.js

   1
   2
   3   Polymer({
   4
   5     is: 'iron-media-query',
   6
   7     properties: {
   8
   9       /**
  10        * The Boolean return value of the media query.
  11        */
  12       queryMatches: {
  13         type: Boolean,
  14         value: false,
  15         readOnly: true,
  16         notify: true
  17       },
  18
  19       /**
  20        * The CSS media query to evaluate.
  21        */
  22       query: {
  23         type: String,
  24         observer: 'queryChanged'
  25       }
  26
  27     },
  28
  29     created: function() {
  30       this._mqHandler = this.queryHandler.bind(this);
  31     },
  32
  33     queryChanged: function(query) {
  34       if (this._mq) {
  35         this._mq.removeListener(this._mqHandler);
  36       }
  37       if (query[0] !== '(') {
  38         query = '(' + query + ')';
  39       }
  40       this._mq = window.matchMedia(query);
  41       this._mq.addListener(this._mqHandler);
  42       this.queryHandler(this._mq);
  43     },
  44
  45     queryHandler: function(mq) {
  46       this._setQueryMatches(mq.matches);
  47     }
  48
  49   });
  50