New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

@pluginjs/breakpoints

Package Overview
Dependencies
Maintainers
2
Versions
34
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@pluginjs/breakpoints - npm Package Compare versions

Comparing version 0.7.13 to 0.7.14

110

dist/breakpoints.common.js
/*!
* @pluginjs/breakpoints v0.7.13 (https://pluginjs.com)
* @pluginjs/breakpoints v0.7.14 (https://pluginjs.com)
* Copyright 2019 Creation Studio Limited

@@ -47,3 +47,3 @@ * Released under the GPL-3.0 License.

trigger(size) {
const previous = this.current;
var previous = this.current;
this.current = size;

@@ -67,3 +67,3 @@ this.listeners.forEach((obj, i) => {

on(data, listener) {
let one = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
var one = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;

@@ -113,6 +113,6 @@ if (typeof listener === 'undefined' && is.isFunction(data)) {

};
const that = this;
var that = this;
this.mqlListener = mql => {
const type = mql.matches && 'enter' || 'leave';
var type = mql.matches && 'enter' || 'leave';
this.emitter.emit(type, that);

@@ -125,6 +125,6 @@ };

on(types, data, fn) {
let one = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
var one = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
if (typeof types === 'object') {
for (const type in types) {
for (var type in types) {
if (Object.prototype.hasOwnProperty.call(types, type)) {

@@ -161,3 +161,3 @@ this.on(type, data, types[type], one);

off(types, fn) {
let type;
var type;

@@ -197,3 +197,3 @@ if (typeof types === 'object') {

min(min) {
let unit = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'px';
var unit = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'px';
return "(min-width: ".concat(min).concat(unit, ")");

@@ -203,3 +203,3 @@ },

max(max) {
let unit = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'px';
var unit = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'px';
return "(max-width: ".concat(max).concat(unit, ")");

@@ -209,3 +209,3 @@ },

between(min, max) {
let unit = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'px';
var unit = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'px';
return "(min-width: ".concat(min).concat(unit, ") and (max-width: ").concat(max).concat(unit, ")");

@@ -215,3 +215,3 @@ },

get(min, max) {
let unit = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'px';
var unit = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'px';

@@ -233,6 +233,6 @@ if (min === 0) {

constructor(name) {
let min = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
let max = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : Infinity;
let unit = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 'px';
const media = MediaBuilder.get(min, max, unit);
var min = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
var max = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : Infinity;
var unit = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 'px';
var media = MediaBuilder.get(min, max, unit);
super(media);

@@ -252,5 +252,5 @@ this.name = name;

constructor(name) {
let min = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
let max = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : Infinity;
let unit = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 'px';
var min = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
var max = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : Infinity;
var unit = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 'px';
super(name, min, max, unit);

@@ -278,3 +278,3 @@

const resolveName = name => {
var resolveName = name => {
name = name.trim();

@@ -303,6 +303,8 @@

};
const getName = obj => {
const at = obj.at,
from = obj.from,
to = obj.to;
var getName = obj => {
var {
at,
from,
to
} = obj;

@@ -328,6 +330,6 @@ if (at) {

let sizes = {};
let viewports = {};
var sizes = {};
var viewports = {};
let _Breakpoints = function Breakpoints() {
var _Breakpoints = function Breakpoints() {
_Breakpoints.define(...arguments);

@@ -347,3 +349,3 @@ };

define(values) {
let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};

@@ -365,3 +367,3 @@ // if(typeof values === 'undefined' && this.defined) {

for (const size in values) {
for (var size in values) {
if (Object.prototype.hasOwnProperty.call(values, size)) {

@@ -385,3 +387,3 @@ sizes[size] = new Size(size, values[size].min, values[size].max, this.options.unit);

is(size) {
const breakpoint = this.get(size);
var breakpoint = this.get(size);

@@ -397,3 +399,3 @@ if (!breakpoint) {

all() {
const names = [];
var names = [];
utils.each(sizes, name => {

@@ -428,3 +430,3 @@ names.push(name);

const viewport = this.getSize(name) || this.getViewport(name);
var viewport = this.getSize(name) || this.getViewport(name);

@@ -435,12 +437,12 @@ if (viewport) {

const _resolveName = resolveName(name),
at = _resolveName.at,
from = _resolveName.from,
to = _resolveName.to;
var {
at,
from,
to
} = resolveName(name);
var unit = this.options.unit;
var max = null;
var min = null;
var size;
const unit = this.options.unit;
let max = null;
let min = null;
let size;
if (at) {

@@ -454,4 +456,4 @@ size = this.getSize(at);

} else if (from && to) {
const fromSize = this.getSize(from);
const toSize = this.getSize(to);
var fromSize = this.getSize(from);
var toSize = this.getSize(to);

@@ -487,3 +489,3 @@ if (fromSize && toSize) {

getMin(name) {
const obj = this.get(name);
var obj = this.get(name);

@@ -498,3 +500,3 @@ if (obj) {

getMax(name) {
const obj = this.get(name);
var obj = this.get(name);

@@ -513,3 +515,3 @@ if (obj) {

getMedia(name) {
const obj = this.get(name);
var obj = this.get(name);

@@ -524,3 +526,3 @@ if (obj) {

on(size, types, data, fn) {
let one = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
var one = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;

@@ -533,3 +535,3 @@ if (size === 'change') {

const obj = this.get(size);
var obj = this.get(size);

@@ -552,3 +554,3 @@ if (obj) {

const obj = this.get(size);
var obj = this.get(size);

@@ -563,4 +565,4 @@ if (obj) {

at(size, types, data, fn) {
let one = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
const name = getName({
var one = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
var name = getName({
at: size

@@ -572,3 +574,3 @@ });

from(size, types, data, fn) {
let one = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
var one = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
return this.on({

@@ -580,3 +582,3 @@ from: size

to(size, types, data, fn) {
let one = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
var one = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
return this.on({

@@ -588,3 +590,3 @@ to: size

between(from, to, types, data, fn) {
let one = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : false;
var one = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : false;
return this.on({

@@ -591,0 +593,0 @@ from,

/*!
* @pluginjs/breakpoints v0.7.13 (https://pluginjs.com)
* @pluginjs/breakpoints v0.7.14 (https://pluginjs.com)
* Copyright 2019 Creation Studio Limited
* Released under the GPL-3.0 License.
*/
"use strict";function _interopDefault(t){return t&&"object"==typeof t&&"default"in t?t.default:t}var is=require("@pluginjs/is"),Emitter=_interopDefault(require("@pluginjs/simple-emitter")),utils=require("@pluginjs/utils"),DEFAULTS={xs:{min:0,max:575},sm:{min:576,max:767},md:{min:768,max:991},lg:{min:992,max:1199},xl:{min:1200,max:1/0}},ChangeEvent={current:null,listeners:[],trigger(t){const e=this.current;this.current=t,this.listeners.forEach((i,n)=>{i.listener.call({current:t,previous:e},i.data),i.one&&delete this.listeners[n]})},one(t,e){return this.on(t,e,!0)},on(t,e){let i=arguments.length>2&&void 0!==arguments[2]&&arguments[2];void 0===e&&is.isFunction(t)&&(e=t,t=void 0),is.isFunction(e)&&this.listeners.push({data:t,listener:e,one:i})},off(t){this.listeners=void 0===t?[]:this.listeners.filter(e=>e.listener!==t)}};class MediaQuery{constructor(t){this.media=t,this.initialize()}initialize(){this.emitter=new Emitter,this.mql=window.matchMedia&&window.matchMedia(this.media)||{matches:!1,media:this.media,addListener(){},removeListener(){}};const t=this;this.mqlListener=(e=>{const i=e.matches?"enter":"leave";this.emitter.emit(i,t)}),this.mql.addListener(this.mqlListener)}on(t,e,i){let n=arguments.length>3&&void 0!==arguments[3]&&arguments[3];if("object"==typeof t){for(const i in t)Object.prototype.hasOwnProperty.call(t,i)&&this.on(i,e,t[i],n);return this}return void 0===i&&is.isFunction(e)&&(i=e,e=void 0),is.isFunction(i)?(n?this.emitter.once(t,i,e):this.emitter.on(t,i,e),this):this}one(t,e,i){return this.on(t,e,i,!0)}off(t,e){let i;if("object"==typeof t){for(i in t)Object.prototype.hasOwnProperty.call(t,i)&&this.off(i,t[i]);return this}return void 0===t?(this.emitter.off("enter"),this.emitter.off("leave")):this.emitter.off(t,e),this}isMatched(){return this.mql.matches}destroy(){this.emitter.off("enter"),this.emitter.off("leave")}}var MediaBuilder={min(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"px";return"(min-width: ".concat(t).concat(e,")")},max(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"px";return"(max-width: ".concat(t).concat(e,")")},between(t,e){let i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"px";return"(min-width: ".concat(t).concat(i,") and (max-width: ").concat(e).concat(i,")")},get(t,e){let i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"px";return 0===t?this.max(e,i):e===1/0?this.min(t,i):this.between(t,e,i)}};class Viewport extends MediaQuery{constructor(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1/0,n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"px";super(MediaBuilder.get(e,i,n)),this.name=t,this.min=e,this.max=i,this.unit=n}destroy(){this.off()}}class Size extends Viewport{constructor(t){super(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,arguments.length>2&&void 0!==arguments[2]?arguments[2]:1/0,arguments.length>3&&void 0!==arguments[3]?arguments[3]:"px"),this.changeListener=(()=>{this.isMatched()&&ChangeEvent.trigger(this)}),this.isMatched()&&(ChangeEvent.current=this),this.mql.addListener(this.changeListener)}destroy(){this.mql.removeListener(this.changeHander),super.destroy()}}const resolveName=t=>(t=t.trim(),/^([\w\d]+)$/.test(t)?{at:t}:/^([\w\d]+)\+$/.test(t)?{from:t.replace(/\+$/,"")}:/^([\w\d]+)-$/.test(t)?{to:t.replace(/-$/,"")}:/^([\w\d]+)-([\w\d]+)$/.test(t)?{from:t.replace(/-([\w\d]+)$/,""),to:t.replace(/^([\w\d]+)-/,"")}:{}),getName=t=>{const e=t.at,i=t.from,n=t.to;return e||(i&&n?"".concat(i,"-").concat(n):i?"".concat(i,"+"):n?"".concat(n,"-"):null)};let sizes={},viewports={},_Breakpoints=function(){_Breakpoints.define(...arguments)};_Breakpoints.defaults=DEFAULTS;var _Breakpoints$1=_Breakpoints=utils.merge(_Breakpoints,{defined:!1,init(){this.defined||this.define(...arguments)},define(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};this.defined&&this.destroy(),t||(t=_Breakpoints.defaults),this.options=utils.merge(e,{unit:"px"});for(const e in t)Object.prototype.hasOwnProperty.call(t,e)&&(sizes[e]=new Size(e,t[e].min,t[e].max,this.options.unit));this.defined=!0},destroy(){utils.each(sizes,(t,e)=>{e.destroy()}),sizes={},viewports={},ChangeEvent.current=null},is(t){const e=this.get(t);return e?e.isMatched():null},all(){const t=[];return utils.each(sizes,e=>{t.push(e)}),t},getSize:t=>Object.prototype.hasOwnProperty.call(sizes,t)?sizes[t]:null,getViewport:t=>Object.prototype.hasOwnProperty.call(viewports,t)?viewports[t]:null,get(t){is.isString(t)?t=t.trim():is.isObject(t)&&(t=getName(t));const e=this.getSize(t)||this.getViewport(t);if(e)return e;const i=resolveName(t),n=i.at,s=i.from,r=i.to,o=this.options.unit;let h,l=null,a=null;if(n)(h=this.getSize(n))&&(a=h.min,l=h.max);else if(s&&r){const t=this.getSize(s),e=this.getSize(r);t&&e&&(a=t.min,l=e.max)}else s?(h=this.getSize(s))&&(a=h.min,l=1/0):r&&(h=this.getSize(r))&&(a=0,l=h.max);return!is.isNull(a)&&(is.isNull(l),1)?(viewports[t]=new Viewport(t,a,l,o),viewports[t]):null},getMin(t){const e=this.get(t);return e?e.min:null},getMax(t){const e=this.get(t);return e?e.max:null},current:()=>ChangeEvent.current,getMedia(t){const e=this.get(t);return e?e.media:null},on(t,e,i,n){let s=arguments.length>4&&void 0!==arguments[4]&&arguments[4];if("change"===t)return n=i,i=e,ChangeEvent.on(i,n,s);const r=this.get(t);return r&&r.on(e,i,n,s),this},one(t,e,i,n){return this.on(t,e,i,n,!0)},off(t,e,i){if("change"===t)return ChangeEvent.off(e);const n=this.get(t);return n&&n.off(e,i),this},at(t,e,i,n){let s=arguments.length>4&&void 0!==arguments[4]&&arguments[4];const r=getName({at:t});return this.on(r,e,i,n,s)},from(t,e,i,n){let s=arguments.length>4&&void 0!==arguments[4]&&arguments[4];return this.on({from:t},e,i,n,s)},to(t,e,i,n){let s=arguments.length>4&&void 0!==arguments[4]&&arguments[4];return this.on({to:t},e,i,n,s)},between(t,e,i,n,s){let r=arguments.length>5&&void 0!==arguments[5]&&arguments[5];return this.on({from:t,to:e},i,n,s,r)}});module.exports=_Breakpoints$1;
"use strict";function _interopDefault(t){return t&&"object"==typeof t&&"default"in t?t.default:t}var is=require("@pluginjs/is"),Emitter=_interopDefault(require("@pluginjs/simple-emitter")),utils=require("@pluginjs/utils"),DEFAULTS={xs:{min:0,max:575},sm:{min:576,max:767},md:{min:768,max:991},lg:{min:992,max:1199},xl:{min:1200,max:1/0}},ChangeEvent={current:null,listeners:[],trigger(t){var e=this.current;this.current=t,this.listeners.forEach((i,r)=>{i.listener.call({current:t,previous:e},i.data),i.one&&delete this.listeners[r]})},one(t,e){return this.on(t,e,!0)},on(t,e){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2];void 0===e&&is.isFunction(t)&&(e=t,t=void 0),is.isFunction(e)&&this.listeners.push({data:t,listener:e,one:i})},off(t){this.listeners=void 0===t?[]:this.listeners.filter(e=>e.listener!==t)}};class MediaQuery{constructor(t){this.media=t,this.initialize()}initialize(){this.emitter=new Emitter,this.mql=window.matchMedia&&window.matchMedia(this.media)||{matches:!1,media:this.media,addListener(){},removeListener(){}};var t=this;this.mqlListener=e=>{var i=e.matches?"enter":"leave";this.emitter.emit(i,t)},this.mql.addListener(this.mqlListener)}on(t,e,i){var r=arguments.length>3&&void 0!==arguments[3]&&arguments[3];if("object"==typeof t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&this.on(n,e,t[n],r);return this}return void 0===i&&is.isFunction(e)&&(i=e,e=void 0),is.isFunction(i)?(r?this.emitter.once(t,i,e):this.emitter.on(t,i,e),this):this}one(t,e,i){return this.on(t,e,i,!0)}off(t,e){var i;if("object"==typeof t){for(i in t)Object.prototype.hasOwnProperty.call(t,i)&&this.off(i,t[i]);return this}return void 0===t?(this.emitter.off("enter"),this.emitter.off("leave")):this.emitter.off(t,e),this}isMatched(){return this.mql.matches}destroy(){this.emitter.off("enter"),this.emitter.off("leave")}}var MediaBuilder={min(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"px";return"(min-width: ".concat(t).concat(e,")")},max(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"px";return"(max-width: ".concat(t).concat(e,")")},between(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"px";return"(min-width: ".concat(t).concat(i,") and (max-width: ").concat(e).concat(i,")")},get(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"px";return 0===t?this.max(e,i):e===1/0?this.min(t,i):this.between(t,e,i)}};class Viewport extends MediaQuery{constructor(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1/0,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"px";super(MediaBuilder.get(e,i,r)),this.name=t,this.min=e,this.max=i,this.unit=r}destroy(){this.off()}}class Size extends Viewport{constructor(t){super(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,arguments.length>2&&void 0!==arguments[2]?arguments[2]:1/0,arguments.length>3&&void 0!==arguments[3]?arguments[3]:"px"),this.changeListener=()=>{this.isMatched()&&ChangeEvent.trigger(this)},this.isMatched()&&(ChangeEvent.current=this),this.mql.addListener(this.changeListener)}destroy(){this.mql.removeListener(this.changeHander),super.destroy()}}var resolveName=t=>(t=t.trim(),/^([\w\d]+)$/.test(t)?{at:t}:/^([\w\d]+)\+$/.test(t)?{from:t.replace(/\+$/,"")}:/^([\w\d]+)-$/.test(t)?{to:t.replace(/-$/,"")}:/^([\w\d]+)-([\w\d]+)$/.test(t)?{from:t.replace(/-([\w\d]+)$/,""),to:t.replace(/^([\w\d]+)-/,"")}:{}),getName=t=>{var{at:e,from:i,to:r}=t;return e||(i&&r?"".concat(i,"-").concat(r):i?"".concat(i,"+"):r?"".concat(r,"-"):null)},sizes={},viewports={},_Breakpoints=function(){_Breakpoints.define(...arguments)};_Breakpoints.defaults=DEFAULTS;var _Breakpoints$1=_Breakpoints=utils.merge(_Breakpoints,{defined:!1,init(){this.defined||this.define(...arguments)},define(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};for(var i in this.defined&&this.destroy(),t||(t=_Breakpoints.defaults),this.options=utils.merge(e,{unit:"px"}),t)Object.prototype.hasOwnProperty.call(t,i)&&(sizes[i]=new Size(i,t[i].min,t[i].max,this.options.unit));this.defined=!0},destroy(){utils.each(sizes,(t,e)=>{e.destroy()}),sizes={},viewports={},ChangeEvent.current=null},is(t){var e=this.get(t);return e?e.isMatched():null},all(){var t=[];return utils.each(sizes,e=>{t.push(e)}),t},getSize:t=>Object.prototype.hasOwnProperty.call(sizes,t)?sizes[t]:null,getViewport:t=>Object.prototype.hasOwnProperty.call(viewports,t)?viewports[t]:null,get(t){is.isString(t)?t=t.trim():is.isObject(t)&&(t=getName(t));var e=this.getSize(t)||this.getViewport(t);if(e)return e;var i,{at:r,from:n,to:s}=resolveName(t),o=this.options.unit,a=null,h=null;if(r)(i=this.getSize(r))&&(h=i.min,a=i.max);else if(n&&s){var l=this.getSize(n),u=this.getSize(s);l&&u&&(h=l.min,a=u.max)}else n?(i=this.getSize(n))&&(h=i.min,a=1/0):s&&(i=this.getSize(s))&&(h=0,a=i.max);return!is.isNull(h)&&(is.isNull(a),1)?(viewports[t]=new Viewport(t,h,a,o),viewports[t]):null},getMin(t){var e=this.get(t);return e?e.min:null},getMax(t){var e=this.get(t);return e?e.max:null},current:()=>ChangeEvent.current,getMedia(t){var e=this.get(t);return e?e.media:null},on(t,e,i,r){var n=arguments.length>4&&void 0!==arguments[4]&&arguments[4];if("change"===t)return r=i,i=e,ChangeEvent.on(i,r,n);var s=this.get(t);return s&&s.on(e,i,r,n),this},one(t,e,i,r){return this.on(t,e,i,r,!0)},off(t,e,i){if("change"===t)return ChangeEvent.off(e);var r=this.get(t);return r&&r.off(e,i),this},at(t,e,i,r){var n=arguments.length>4&&void 0!==arguments[4]&&arguments[4],s=getName({at:t});return this.on(s,e,i,r,n)},from(t,e,i,r){var n=arguments.length>4&&void 0!==arguments[4]&&arguments[4];return this.on({from:t},e,i,r,n)},to(t,e,i,r){var n=arguments.length>4&&void 0!==arguments[4]&&arguments[4];return this.on({to:t},e,i,r,n)},between(t,e,i,r,n){var s=arguments.length>5&&void 0!==arguments[5]&&arguments[5];return this.on({from:t,to:e},i,r,n,s)}});module.exports=_Breakpoints$1;
/*!
* @pluginjs/breakpoints v0.7.13 (https://pluginjs.com)
* @pluginjs/breakpoints v0.7.14 (https://pluginjs.com)
* Copyright 2019 Creation Studio Limited

@@ -43,3 +43,3 @@ * Released under the GPL-3.0 License.

trigger(size) {
const previous = this.current;
var previous = this.current;
this.current = size;

@@ -63,3 +63,3 @@ this.listeners.forEach((obj, i) => {

on(data, listener) {
let one = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
var one = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;

@@ -109,6 +109,6 @@ if (typeof listener === 'undefined' && isFunction(data)) {

};
const that = this;
var that = this;
this.mqlListener = mql => {
const type = mql.matches && 'enter' || 'leave';
var type = mql.matches && 'enter' || 'leave';
this.emitter.emit(type, that);

@@ -121,6 +121,6 @@ };

on(types, data, fn) {
let one = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
var one = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
if (typeof types === 'object') {
for (const type in types) {
for (var type in types) {
if (Object.prototype.hasOwnProperty.call(types, type)) {

@@ -157,3 +157,3 @@ this.on(type, data, types[type], one);

off(types, fn) {
let type;
var type;

@@ -193,3 +193,3 @@ if (typeof types === 'object') {

min(min) {
let unit = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'px';
var unit = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'px';
return "(min-width: ".concat(min).concat(unit, ")");

@@ -199,3 +199,3 @@ },

max(max) {
let unit = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'px';
var unit = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'px';
return "(max-width: ".concat(max).concat(unit, ")");

@@ -205,3 +205,3 @@ },

between(min, max) {
let unit = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'px';
var unit = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'px';
return "(min-width: ".concat(min).concat(unit, ") and (max-width: ").concat(max).concat(unit, ")");

@@ -211,3 +211,3 @@ },

get(min, max) {
let unit = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'px';
var unit = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'px';

@@ -229,6 +229,6 @@ if (min === 0) {

constructor(name) {
let min = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
let max = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : Infinity;
let unit = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 'px';
const media = MediaBuilder.get(min, max, unit);
var min = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
var max = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : Infinity;
var unit = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 'px';
var media = MediaBuilder.get(min, max, unit);
super(media);

@@ -248,5 +248,5 @@ this.name = name;

constructor(name) {
let min = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
let max = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : Infinity;
let unit = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 'px';
var min = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
var max = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : Infinity;
var unit = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 'px';
super(name, min, max, unit);

@@ -274,3 +274,3 @@

const resolveName = name => {
var resolveName = name => {
name = name.trim();

@@ -299,6 +299,8 @@

};
const getName = obj => {
const at = obj.at,
from = obj.from,
to = obj.to;
var getName = obj => {
var {
at,
from,
to
} = obj;

@@ -324,6 +326,6 @@ if (at) {

let sizes = {};
let viewports = {};
var sizes = {};
var viewports = {};
let _Breakpoints = function Breakpoints() {
var _Breakpoints = function Breakpoints() {
_Breakpoints.define(...arguments);

@@ -343,3 +345,3 @@ };

define(values) {
let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};

@@ -361,3 +363,3 @@ // if(typeof values === 'undefined' && this.defined) {

for (const size in values) {
for (var size in values) {
if (Object.prototype.hasOwnProperty.call(values, size)) {

@@ -381,3 +383,3 @@ sizes[size] = new Size(size, values[size].min, values[size].max, this.options.unit);

is(size) {
const breakpoint = this.get(size);
var breakpoint = this.get(size);

@@ -393,3 +395,3 @@ if (!breakpoint) {

all() {
const names = [];
var names = [];
each(sizes, name => {

@@ -424,3 +426,3 @@ names.push(name);

const viewport = this.getSize(name) || this.getViewport(name);
var viewport = this.getSize(name) || this.getViewport(name);

@@ -431,12 +433,12 @@ if (viewport) {

const _resolveName = resolveName(name),
at = _resolveName.at,
from = _resolveName.from,
to = _resolveName.to;
var {
at,
from,
to
} = resolveName(name);
var unit = this.options.unit;
var max = null;
var min = null;
var size;
const unit = this.options.unit;
let max = null;
let min = null;
let size;
if (at) {

@@ -450,4 +452,4 @@ size = this.getSize(at);

} else if (from && to) {
const fromSize = this.getSize(from);
const toSize = this.getSize(to);
var fromSize = this.getSize(from);
var toSize = this.getSize(to);

@@ -483,3 +485,3 @@ if (fromSize && toSize) {

getMin(name) {
const obj = this.get(name);
var obj = this.get(name);

@@ -494,3 +496,3 @@ if (obj) {

getMax(name) {
const obj = this.get(name);
var obj = this.get(name);

@@ -509,3 +511,3 @@ if (obj) {

getMedia(name) {
const obj = this.get(name);
var obj = this.get(name);

@@ -520,3 +522,3 @@ if (obj) {

on(size, types, data, fn) {
let one = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
var one = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;

@@ -529,3 +531,3 @@ if (size === 'change') {

const obj = this.get(size);
var obj = this.get(size);

@@ -548,3 +550,3 @@ if (obj) {

const obj = this.get(size);
var obj = this.get(size);

@@ -559,4 +561,4 @@ if (obj) {

at(size, types, data, fn) {
let one = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
const name = getName({
var one = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
var name = getName({
at: size

@@ -568,3 +570,3 @@ });

from(size, types, data, fn) {
let one = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
var one = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
return this.on({

@@ -576,3 +578,3 @@ from: size

to(size, types, data, fn) {
let one = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
var one = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
return this.on({

@@ -584,3 +586,3 @@ to: size

between(from, to, types, data, fn) {
let one = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : false;
var one = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : false;
return this.on({

@@ -587,0 +589,0 @@ from,

/*!
* @pluginjs/breakpoints v0.7.13 (https://pluginjs.com)
* @pluginjs/breakpoints v0.7.14 (https://pluginjs.com)
* Copyright 2019 Creation Studio Limited
* Released under the GPL-3.0 License.
*/
import{isFunction as t,isString as e,isObject as i,isNull as n}from"@pluginjs/is";import s from"@pluginjs/simple-emitter";import{merge as r,each as o}from"@pluginjs/utils";var h={xs:{min:0,max:575},sm:{min:576,max:767},md:{min:768,max:991},lg:{min:992,max:1199},xl:{min:1200,max:1/0}},l={current:null,listeners:[],trigger(t){const e=this.current;this.current=t,this.listeners.forEach((i,n)=>{i.listener.call({current:t,previous:e},i.data),i.one&&delete this.listeners[n]})},one(t,e){return this.on(t,e,!0)},on(e,i){let n=arguments.length>2&&void 0!==arguments[2]&&arguments[2];void 0===i&&t(e)&&(i=e,e=void 0),t(i)&&this.listeners.push({data:e,listener:i,one:n})},off(t){this.listeners=void 0===t?[]:this.listeners.filter(e=>e.listener!==t)}};class a{constructor(t){this.media=t,this.initialize()}initialize(){this.emitter=new s,this.mql=window.matchMedia&&window.matchMedia(this.media)||{matches:!1,media:this.media,addListener(){},removeListener(){}};const t=this;this.mqlListener=(e=>{const i=e.matches?"enter":"leave";this.emitter.emit(i,t)}),this.mql.addListener(this.mqlListener)}on(e,i,n){let s=arguments.length>3&&void 0!==arguments[3]&&arguments[3];if("object"==typeof e){for(const t in e)Object.prototype.hasOwnProperty.call(e,t)&&this.on(t,i,e[t],s);return this}return void 0===n&&t(i)&&(n=i,i=void 0),t(n)?(s?this.emitter.once(e,n,i):this.emitter.on(e,n,i),this):this}one(t,e,i){return this.on(t,e,i,!0)}off(t,e){let i;if("object"==typeof t){for(i in t)Object.prototype.hasOwnProperty.call(t,i)&&this.off(i,t[i]);return this}return void 0===t?(this.emitter.off("enter"),this.emitter.off("leave")):this.emitter.off(t,e),this}isMatched(){return this.mql.matches}destroy(){this.emitter.off("enter"),this.emitter.off("leave")}}var c={min(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"px";return"(min-width: ".concat(t).concat(e,")")},max(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"px";return"(max-width: ".concat(t).concat(e,")")},between(t,e){let i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"px";return"(min-width: ".concat(t).concat(i,") and (max-width: ").concat(e).concat(i,")")},get(t,e){let i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"px";return 0===t?this.max(e,i):e===1/0?this.min(t,i):this.between(t,e,i)}};class d extends a{constructor(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1/0,n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"px";super(c.get(e,i,n)),this.name=t,this.min=e,this.max=i,this.unit=n}destroy(){this.off()}}class m extends d{constructor(t){super(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,arguments.length>2&&void 0!==arguments[2]?arguments[2]:1/0,arguments.length>3&&void 0!==arguments[3]?arguments[3]:"px"),this.changeListener=(()=>{this.isMatched()&&l.trigger(this)}),this.isMatched()&&(l.current=this),this.mql.addListener(this.changeListener)}destroy(){this.mql.removeListener(this.changeHander),super.destroy()}}const u=t=>{const e=t.at,i=t.from,n=t.to;return e||(i&&n?"".concat(i,"-").concat(n):i?"".concat(i,"+"):n?"".concat(n,"-"):null)};let f={},g={},p=function(){p.define(...arguments)};p.defaults=h;export default p=r(p,{defined:!1,init(){this.defined||this.define(...arguments)},define(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};this.defined&&this.destroy(),t||(t=p.defaults),this.options=r(e,{unit:"px"});for(const e in t)Object.prototype.hasOwnProperty.call(t,e)&&(f[e]=new m(e,t[e].min,t[e].max,this.options.unit));this.defined=!0},destroy(){o(f,(t,e)=>{e.destroy()}),f={},g={},l.current=null},is(t){const e=this.get(t);return e?e.isMatched():null},all(){const t=[];return o(f,e=>{t.push(e)}),t},getSize:t=>Object.prototype.hasOwnProperty.call(f,t)?f[t]:null,getViewport:t=>Object.prototype.hasOwnProperty.call(g,t)?g[t]:null,get(t){e(t)?t=t.trim():i(t)&&(t=u(t));const s=this.getSize(t)||this.getViewport(t);if(s)return s;const r=(t=>(t=t.trim(),/^([\w\d]+)$/.test(t)?{at:t}:/^([\w\d]+)\+$/.test(t)?{from:t.replace(/\+$/,"")}:/^([\w\d]+)-$/.test(t)?{to:t.replace(/-$/,"")}:/^([\w\d]+)-([\w\d]+)$/.test(t)?{from:t.replace(/-([\w\d]+)$/,""),to:t.replace(/^([\w\d]+)-/,"")}:{}))(t),o=r.at,h=r.from,l=r.to,a=this.options.unit;let c,m=null,f=null;if(o)(c=this.getSize(o))&&(f=c.min,m=c.max);else if(h&&l){const t=this.getSize(h),e=this.getSize(l);t&&e&&(f=t.min,m=e.max)}else h?(c=this.getSize(h))&&(f=c.min,m=1/0):l&&(c=this.getSize(l))&&(f=0,m=c.max);return!n(f)&&(n(m),1)?(g[t]=new d(t,f,m,a),g[t]):null},getMin(t){const e=this.get(t);return e?e.min:null},getMax(t){const e=this.get(t);return e?e.max:null},current:()=>l.current,getMedia(t){const e=this.get(t);return e?e.media:null},on(t,e,i,n){let s=arguments.length>4&&void 0!==arguments[4]&&arguments[4];if("change"===t)return n=i,i=e,l.on(i,n,s);const r=this.get(t);return r&&r.on(e,i,n,s),this},one(t,e,i,n){return this.on(t,e,i,n,!0)},off(t,e,i){if("change"===t)return l.off(e);const n=this.get(t);return n&&n.off(e,i),this},at(t,e,i,n){let s=arguments.length>4&&void 0!==arguments[4]&&arguments[4];const r=u({at:t});return this.on(r,e,i,n,s)},from(t,e,i,n){let s=arguments.length>4&&void 0!==arguments[4]&&arguments[4];return this.on({from:t},e,i,n,s)},to(t,e,i,n){let s=arguments.length>4&&void 0!==arguments[4]&&arguments[4];return this.on({to:t},e,i,n,s)},between(t,e,i,n,s){let r=arguments.length>5&&void 0!==arguments[5]&&arguments[5];return this.on({from:t,to:e},i,n,s,r)}});
import{isFunction as t,isString as e,isObject as i,isNull as r}from"@pluginjs/is";import n from"@pluginjs/simple-emitter";import{merge as s,each as o}from"@pluginjs/utils";var a={xs:{min:0,max:575},sm:{min:576,max:767},md:{min:768,max:991},lg:{min:992,max:1199},xl:{min:1200,max:1/0}},h={current:null,listeners:[],trigger(t){var e=this.current;this.current=t,this.listeners.forEach((i,r)=>{i.listener.call({current:t,previous:e},i.data),i.one&&delete this.listeners[r]})},one(t,e){return this.on(t,e,!0)},on(e,i){var r=arguments.length>2&&void 0!==arguments[2]&&arguments[2];void 0===i&&t(e)&&(i=e,e=void 0),t(i)&&this.listeners.push({data:e,listener:i,one:r})},off(t){this.listeners=void 0===t?[]:this.listeners.filter(e=>e.listener!==t)}};class l{constructor(t){this.media=t,this.initialize()}initialize(){this.emitter=new n,this.mql=window.matchMedia&&window.matchMedia(this.media)||{matches:!1,media:this.media,addListener(){},removeListener(){}};var t=this;this.mqlListener=e=>{var i=e.matches?"enter":"leave";this.emitter.emit(i,t)},this.mql.addListener(this.mqlListener)}on(e,i,r){var n=arguments.length>3&&void 0!==arguments[3]&&arguments[3];if("object"==typeof e){for(var s in e)Object.prototype.hasOwnProperty.call(e,s)&&this.on(s,i,e[s],n);return this}return void 0===r&&t(i)&&(r=i,i=void 0),t(r)?(n?this.emitter.once(e,r,i):this.emitter.on(e,r,i),this):this}one(t,e,i){return this.on(t,e,i,!0)}off(t,e){var i;if("object"==typeof t){for(i in t)Object.prototype.hasOwnProperty.call(t,i)&&this.off(i,t[i]);return this}return void 0===t?(this.emitter.off("enter"),this.emitter.off("leave")):this.emitter.off(t,e),this}isMatched(){return this.mql.matches}destroy(){this.emitter.off("enter"),this.emitter.off("leave")}}var d={min(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"px";return"(min-width: ".concat(t).concat(e,")")},max(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"px";return"(max-width: ".concat(t).concat(e,")")},between(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"px";return"(min-width: ".concat(t).concat(i,") and (max-width: ").concat(e).concat(i,")")},get(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"px";return 0===t?this.max(e,i):e===1/0?this.min(t,i):this.between(t,e,i)}};class m extends l{constructor(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1/0,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"px";super(d.get(e,i,r)),this.name=t,this.min=e,this.max=i,this.unit=r}destroy(){this.off()}}class c extends m{constructor(t){super(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,arguments.length>2&&void 0!==arguments[2]?arguments[2]:1/0,arguments.length>3&&void 0!==arguments[3]?arguments[3]:"px"),this.changeListener=()=>{this.isMatched()&&h.trigger(this)},this.isMatched()&&(h.current=this),this.mql.addListener(this.changeListener)}destroy(){this.mql.removeListener(this.changeHander),super.destroy()}}var u=t=>{var{at:e,from:i,to:r}=t;return e||(i&&r?"".concat(i,"-").concat(r):i?"".concat(i,"+"):r?"".concat(r,"-"):null)},v={},f={},g=function(){g.define(...arguments)};g.defaults=a;export default g=s(g,{defined:!1,init(){this.defined||this.define(...arguments)},define(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};for(var i in this.defined&&this.destroy(),t||(t=g.defaults),this.options=s(e,{unit:"px"}),t)Object.prototype.hasOwnProperty.call(t,i)&&(v[i]=new c(i,t[i].min,t[i].max,this.options.unit));this.defined=!0},destroy(){o(v,(t,e)=>{e.destroy()}),v={},f={},h.current=null},is(t){var e=this.get(t);return e?e.isMatched():null},all(){var t=[];return o(v,e=>{t.push(e)}),t},getSize:t=>Object.prototype.hasOwnProperty.call(v,t)?v[t]:null,getViewport:t=>Object.prototype.hasOwnProperty.call(f,t)?f[t]:null,get(t){e(t)?t=t.trim():i(t)&&(t=u(t));var n=this.getSize(t)||this.getViewport(t);if(n)return n;var s,{at:o,from:a,to:h}=(t=>(t=t.trim(),/^([\w\d]+)$/.test(t)?{at:t}:/^([\w\d]+)\+$/.test(t)?{from:t.replace(/\+$/,"")}:/^([\w\d]+)-$/.test(t)?{to:t.replace(/-$/,"")}:/^([\w\d]+)-([\w\d]+)$/.test(t)?{from:t.replace(/-([\w\d]+)$/,""),to:t.replace(/^([\w\d]+)-/,"")}:{}))(t),l=this.options.unit,d=null,c=null;if(o)(s=this.getSize(o))&&(c=s.min,d=s.max);else if(a&&h){var v=this.getSize(a),g=this.getSize(h);v&&g&&(c=v.min,d=g.max)}else a?(s=this.getSize(a))&&(c=s.min,d=1/0):h&&(s=this.getSize(h))&&(c=0,d=s.max);return!r(c)&&(r(d),1)?(f[t]=new m(t,c,d,l),f[t]):null},getMin(t){var e=this.get(t);return e?e.min:null},getMax(t){var e=this.get(t);return e?e.max:null},current:()=>h.current,getMedia(t){var e=this.get(t);return e?e.media:null},on(t,e,i,r){var n=arguments.length>4&&void 0!==arguments[4]&&arguments[4];if("change"===t)return r=i,i=e,h.on(i,r,n);var s=this.get(t);return s&&s.on(e,i,r,n),this},one(t,e,i,r){return this.on(t,e,i,r,!0)},off(t,e,i){if("change"===t)return h.off(e);var r=this.get(t);return r&&r.off(e,i),this},at(t,e,i,r){var n=arguments.length>4&&void 0!==arguments[4]&&arguments[4],s=u({at:t});return this.on(s,e,i,r,n)},from(t,e,i,r){var n=arguments.length>4&&void 0!==arguments[4]&&arguments[4];return this.on({from:t},e,i,r,n)},to(t,e,i,r){var n=arguments.length>4&&void 0!==arguments[4]&&arguments[4];return this.on({to:t},e,i,r,n)},between(t,e,i,r,n){var s=arguments.length>5&&void 0!==arguments[5]&&arguments[5];return this.on({from:t,to:e},i,r,n,s)}});
/*!
* @pluginjs/breakpoints v0.7.13 (https://pluginjs.com)
* @pluginjs/breakpoints v0.7.14 (https://pluginjs.com)
* Copyright 2019 Creation Studio Limited

@@ -4,0 +4,0 @@ * Released under the GPL-3.0 License.

/*!
* @pluginjs/breakpoints v0.7.13 (https://pluginjs.com)
* @pluginjs/breakpoints v0.7.14 (https://pluginjs.com)
* Copyright 2019 Creation Studio Limited

@@ -4,0 +4,0 @@ * Released under the GPL-3.0 License.

@@ -14,3 +14,3 @@ {

},
"version": "0.7.13",
"version": "0.7.14",
"category": "utils",

@@ -37,12 +37,12 @@ "main": "dist/breakpoints.common.js",

"dependencies": {
"@pluginjs/emitter": "^0.7.12",
"@pluginjs/factory": "^0.7.13",
"@pluginjs/is": "^0.7.12",
"@pluginjs/simple-emitter": "^0.7.11",
"@pluginjs/utils": "^0.7.13"
"@pluginjs/emitter": "^0.7.13",
"@pluginjs/factory": "^0.7.14",
"@pluginjs/is": "^0.7.13",
"@pluginjs/simple-emitter": "^0.7.12",
"@pluginjs/utils": "^0.7.14"
},
"devDependencies": {
"@babel/core": "^7.4.4",
"@pluginjs/browserslist-config": "^1.2.8",
"@pluginjs/cli": "^0.7.11",
"@babel/core": "^7.5.5",
"@pluginjs/browserslist-config": "^1.2.9",
"@pluginjs/cli": "^0.7.12",
"babel-jest": "*",

@@ -73,3 +73,3 @@ "jest": "*",

],
"gitHead": "dd7e1408426c72aa61b9bcd2968c389a8be92fec"
"gitHead": "e0247ab4b5e2026b77a390619f2b96bac30609c6"
}
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc