@pluginjs/loader
Advanced tools
Comparing version 0.7.15 to 0.7.16
/*! | ||
* @pluginjs/loader v0.7.15 (https://pluginjs.com) | ||
* @pluginjs/loader v0.7.16 (https://pluginjs.com) | ||
* Copyright 2019 Creation Studio Limited | ||
@@ -16,4 +16,4 @@ * Released under the GPL-3.0 License. | ||
const namespace = 'loader'; | ||
const events = { | ||
var namespace = 'loader'; | ||
var events = { | ||
READY: 'ready', | ||
@@ -24,3 +24,3 @@ DESTROY: 'destroy', | ||
}; | ||
const classes = { | ||
var classes = { | ||
NAMESPACE: 'pj-loader', | ||
@@ -34,4 +34,4 @@ LOADER: '{namespace}', | ||
}; | ||
const methods = ['destroy', 'show', 'hide', 'toggle']; | ||
const defaults = { | ||
var methods = ['destroy', 'show', 'hide', 'toggle']; | ||
var defaults = { | ||
theme: 'circle', | ||
@@ -47,7 +47,7 @@ // circle, rolling, snake, ripple, dot, ring, clock, flip, windmill | ||
var _dec, _dec2, _dec3, _dec4, _dec5, _dec6, _class; | ||
let Loader = (_dec = decorator.themeable(), _dec2 = decorator.styleable(classes), _dec3 = decorator.eventable(events), _dec4 = decorator.stateable(), _dec5 = decorator.optionable(defaults, true), _dec6 = decorator.register(namespace, { | ||
var Loader = (_dec = decorator.themeable(), _dec2 = decorator.styleable(classes), _dec3 = decorator.eventable(events), _dec4 = decorator.stateable(), _dec5 = decorator.optionable(defaults, true), _dec6 = decorator.register(namespace, { | ||
methods: methods | ||
}), _dec(_class = _dec2(_class = _dec3(_class = _dec4(_class = _dec5(_class = _dec6(_class = class Loader extends Component { | ||
constructor(element) { | ||
let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}; | ||
var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}; | ||
super(element); | ||
@@ -54,0 +54,0 @@ this.setupOptions(options); |
/*! | ||
* @pluginjs/loader v0.7.15 (https://pluginjs.com) | ||
* @pluginjs/loader v0.7.16 (https://pluginjs.com) | ||
* Copyright 2019 Creation Studio Limited | ||
* Released under the GPL-3.0 License. | ||
*/ | ||
"use strict";function _interopDefault(s){return s&&"object"==typeof s&&"default"in s?s.default:s}var Component=_interopDefault(require("@pluginjs/component")),classes$1=require("@pluginjs/classes"),dom=require("@pluginjs/dom"),styled=require("@pluginjs/styled"),decorator=require("@pluginjs/decorator");const namespace="loader",events={READY:"ready",DESTROY:"destroy",SHOW:"show",HIDE:"hide"},classes={NAMESPACE:"pj-loader",LOADER:"{namespace}",THEME:"{namespace}--{theme}",SHOW:"{namespace}-show",SIZE:"{namespace}-{size}",TEXT:"{namespace}-text",MASK:"{namespace}-mask"},methods=["destroy","show","hide","toggle"],defaults={theme:"circle",size:null,text:null,background:null,color:null};var _dec,_dec2,_dec3,_dec4,_dec5,_dec6,_class;let Loader=(_dec=decorator.themeable())(_class=(_dec2=decorator.styleable(classes))(_class=(_dec3=decorator.eventable(events))(_class=(_dec4=decorator.stateable())(_class=(_dec5=decorator.optionable(defaults,!0))(_class=(_dec6=decorator.register("loader",{methods:methods}))(_class=class extends Component{constructor(s){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};super(s),this.setupOptions(e),this.setupClasses(),this.setupStates(),this.initialize()}initialize(){this.$mask=dom.appendTo('<div class="'.concat(this.classes.MASK,'"></div>'),this.element),this.$loader=dom.appendTo('<div class="'.concat(this.classes.LOADER,'"></div>'),this.$mask),this.options.size&&classes$1.addClass(this.getClass(this.classes.SIZE,"size",this.options.size),this.$loader),this.options.theme&&classes$1.addClass(this.getThemeClass(),this.$loader),this.options.background&&styled.setStyle("background",this.options.background,this.$mask),this.options.color&&styled.setStyle("color",this.options.color,this.$loader),this.options.text&&(this.$text=dom.append('<div class="'.concat(this.classes.TEXT,'">').concat(this.options.text,"</div>"),this.$mask)),this.enter("initialized"),this.trigger(events.READY)}destroy(){this.is("initialized")&&(this.options.text&&this.$text.remove(),this.$loader.remove(),this.$mask.remove(),this.leave("initialized")),this.trigger(events.DESTROY),super.destroy()}toggle(){this.is("shown")?this.hide():this.show()}show(){this.is("shown")||(classes$1.addClass(this.classes.SHOW,this.$mask),this.enter("shown")),this.trigger(events.SHOW)}hide(){this.is("shown")&&(classes$1.removeClass(this.classes.SHOW,this.$mask),this.leave("shown")),this.trigger(events.HIDE)}})||_class)||_class)||_class)||_class)||_class)||_class;module.exports=Loader; | ||
"use strict";function _interopDefault(s){return s&&"object"==typeof s&&"default"in s?s.default:s}var _dec,_dec2,_dec3,_dec4,_dec5,_dec6,_class,Component=_interopDefault(require("@pluginjs/component")),classes$1=require("@pluginjs/classes"),dom=require("@pluginjs/dom"),styled=require("@pluginjs/styled"),decorator=require("@pluginjs/decorator"),namespace="loader",events={READY:"ready",DESTROY:"destroy",SHOW:"show",HIDE:"hide"},classes={NAMESPACE:"pj-loader",LOADER:"{namespace}",THEME:"{namespace}--{theme}",SHOW:"{namespace}-show",SIZE:"{namespace}-{size}",TEXT:"{namespace}-text",MASK:"{namespace}-mask"},methods=["destroy","show","hide","toggle"],defaults={theme:"circle",size:null,text:null,background:null,color:null},Loader=(_dec=decorator.themeable())(_class=(_dec2=decorator.styleable(classes))(_class=(_dec3=decorator.eventable(events))(_class=(_dec4=decorator.stateable())(_class=(_dec5=decorator.optionable(defaults,!0))(_class=(_dec6=decorator.register(namespace,{methods:methods}))(_class=class extends Component{constructor(s){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};super(s),this.setupOptions(e),this.setupClasses(),this.setupStates(),this.initialize()}initialize(){this.$mask=dom.appendTo('<div class="'.concat(this.classes.MASK,'"></div>'),this.element),this.$loader=dom.appendTo('<div class="'.concat(this.classes.LOADER,'"></div>'),this.$mask),this.options.size&&classes$1.addClass(this.getClass(this.classes.SIZE,"size",this.options.size),this.$loader),this.options.theme&&classes$1.addClass(this.getThemeClass(),this.$loader),this.options.background&&styled.setStyle("background",this.options.background,this.$mask),this.options.color&&styled.setStyle("color",this.options.color,this.$loader),this.options.text&&(this.$text=dom.append('<div class="'.concat(this.classes.TEXT,'">').concat(this.options.text,"</div>"),this.$mask)),this.enter("initialized"),this.trigger(events.READY)}destroy(){this.is("initialized")&&(this.options.text&&this.$text.remove(),this.$loader.remove(),this.$mask.remove(),this.leave("initialized")),this.trigger(events.DESTROY),super.destroy()}toggle(){this.is("shown")?this.hide():this.show()}show(){this.is("shown")||(classes$1.addClass(this.classes.SHOW,this.$mask),this.enter("shown")),this.trigger(events.SHOW)}hide(){this.is("shown")&&(classes$1.removeClass(this.classes.SHOW,this.$mask),this.leave("shown")),this.trigger(events.HIDE)}})||_class)||_class)||_class)||_class)||_class)||_class;module.exports=Loader; |
/*! | ||
* @pluginjs/loader v0.7.15 (https://pluginjs.com) | ||
* @pluginjs/loader v0.7.16 (https://pluginjs.com) | ||
* Copyright 2019 Creation Studio Limited | ||
@@ -12,4 +12,4 @@ * Released under the GPL-3.0 License. | ||
const namespace = 'loader'; | ||
const events = { | ||
var namespace = 'loader'; | ||
var events = { | ||
READY: 'ready', | ||
@@ -20,3 +20,3 @@ DESTROY: 'destroy', | ||
}; | ||
const classes = { | ||
var classes = { | ||
NAMESPACE: 'pj-loader', | ||
@@ -30,4 +30,4 @@ LOADER: '{namespace}', | ||
}; | ||
const methods = ['destroy', 'show', 'hide', 'toggle']; | ||
const defaults = { | ||
var methods = ['destroy', 'show', 'hide', 'toggle']; | ||
var defaults = { | ||
theme: 'circle', | ||
@@ -43,7 +43,7 @@ // circle, rolling, snake, ripple, dot, ring, clock, flip, windmill | ||
var _dec, _dec2, _dec3, _dec4, _dec5, _dec6, _class; | ||
let Loader = (_dec = themeable(), _dec2 = styleable(classes), _dec3 = eventable(events), _dec4 = stateable(), _dec5 = optionable(defaults, true), _dec6 = register(namespace, { | ||
var Loader = (_dec = themeable(), _dec2 = styleable(classes), _dec3 = eventable(events), _dec4 = stateable(), _dec5 = optionable(defaults, true), _dec6 = register(namespace, { | ||
methods: methods | ||
}), _dec(_class = _dec2(_class = _dec3(_class = _dec4(_class = _dec5(_class = _dec6(_class = class Loader extends Component { | ||
constructor(element) { | ||
let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}; | ||
var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}; | ||
super(element); | ||
@@ -50,0 +50,0 @@ this.setupOptions(options); |
/*! | ||
* @pluginjs/loader v0.7.15 (https://pluginjs.com) | ||
* @pluginjs/loader v0.7.16 (https://pluginjs.com) | ||
* Copyright 2019 Creation Studio Limited | ||
* Released under the GPL-3.0 License. | ||
*/ | ||
import s from"@pluginjs/component";import{addClass as t,removeClass as i}from"@pluginjs/classes";import{appendTo as e,append as o}from"@pluginjs/dom";import{setStyle as h}from"@pluginjs/styled";import{themeable as a,styleable as l,eventable as n,stateable as r,optionable as c,register as d}from"@pluginjs/decorator";const m={READY:"ready",DESTROY:"destroy",SHOW:"show",HIDE:"hide"};var p;export default a()(p=l({NAMESPACE:"pj-loader",LOADER:"{namespace}",THEME:"{namespace}--{theme}",SHOW:"{namespace}-show",SIZE:"{namespace}-{size}",TEXT:"{namespace}-text",MASK:"{namespace}-mask"})(p=n(m)(p=r()(p=c({theme:"circle",size:null,text:null,background:null,color:null},!0)(p=d("loader",{methods:["destroy","show","hide","toggle"]})(p=class extends s{constructor(s){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};super(s),this.setupOptions(t),this.setupClasses(),this.setupStates(),this.initialize()}initialize(){this.$mask=e('<div class="'.concat(this.classes.MASK,'"></div>'),this.element),this.$loader=e('<div class="'.concat(this.classes.LOADER,'"></div>'),this.$mask),this.options.size&&t(this.getClass(this.classes.SIZE,"size",this.options.size),this.$loader),this.options.theme&&t(this.getThemeClass(),this.$loader),this.options.background&&h("background",this.options.background,this.$mask),this.options.color&&h("color",this.options.color,this.$loader),this.options.text&&(this.$text=o('<div class="'.concat(this.classes.TEXT,'">').concat(this.options.text,"</div>"),this.$mask)),this.enter("initialized"),this.trigger(m.READY)}destroy(){this.is("initialized")&&(this.options.text&&this.$text.remove(),this.$loader.remove(),this.$mask.remove(),this.leave("initialized")),this.trigger(m.DESTROY),super.destroy()}toggle(){this.is("shown")?this.hide():this.show()}show(){this.is("shown")||(t(this.classes.SHOW,this.$mask),this.enter("shown")),this.trigger(m.SHOW)}hide(){this.is("shown")&&(i(this.classes.SHOW,this.$mask),this.leave("shown")),this.trigger(m.HIDE)}})||p)||p)||p)||p)||p)||p; | ||
import s from"@pluginjs/component";import{addClass as t,removeClass as i}from"@pluginjs/classes";import{appendTo as e,append as o}from"@pluginjs/dom";import{setStyle as h}from"@pluginjs/styled";import{themeable as a,styleable as r,eventable as l,stateable as n,optionable as c,register as d}from"@pluginjs/decorator";var m,p={READY:"ready",DESTROY:"destroy",SHOW:"show",HIDE:"hide"};export default a()(m=r({NAMESPACE:"pj-loader",LOADER:"{namespace}",THEME:"{namespace}--{theme}",SHOW:"{namespace}-show",SIZE:"{namespace}-{size}",TEXT:"{namespace}-text",MASK:"{namespace}-mask"})(m=l(p)(m=n()(m=c({theme:"circle",size:null,text:null,background:null,color:null},!0)(m=d("loader",{methods:["destroy","show","hide","toggle"]})(m=class extends s{constructor(s){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};super(s),this.setupOptions(t),this.setupClasses(),this.setupStates(),this.initialize()}initialize(){this.$mask=e('<div class="'.concat(this.classes.MASK,'"></div>'),this.element),this.$loader=e('<div class="'.concat(this.classes.LOADER,'"></div>'),this.$mask),this.options.size&&t(this.getClass(this.classes.SIZE,"size",this.options.size),this.$loader),this.options.theme&&t(this.getThemeClass(),this.$loader),this.options.background&&h("background",this.options.background,this.$mask),this.options.color&&h("color",this.options.color,this.$loader),this.options.text&&(this.$text=o('<div class="'.concat(this.classes.TEXT,'">').concat(this.options.text,"</div>"),this.$mask)),this.enter("initialized"),this.trigger(p.READY)}destroy(){this.is("initialized")&&(this.options.text&&this.$text.remove(),this.$loader.remove(),this.$mask.remove(),this.leave("initialized")),this.trigger(p.DESTROY),super.destroy()}toggle(){this.is("shown")?this.hide():this.show()}show(){this.is("shown")||(t(this.classes.SHOW,this.$mask),this.enter("shown")),this.trigger(p.SHOW)}hide(){this.is("shown")&&(i(this.classes.SHOW,this.$mask),this.leave("shown")),this.trigger(p.HIDE)}})||m)||m)||m)||m)||m)||m; |
/*! | ||
* @pluginjs/loader v0.7.15 (https://pluginjs.com) | ||
* @pluginjs/loader v0.7.16 (https://pluginjs.com) | ||
* Copyright 2019 Creation Studio Limited | ||
@@ -4,0 +4,0 @@ * Released under the GPL-3.0 License. |
/*! | ||
* @pluginjs/loader v0.7.15 (https://pluginjs.com) | ||
* @pluginjs/loader v0.7.16 (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.15", | ||
"version": "0.7.16", | ||
"category": "ui", | ||
@@ -41,18 +41,18 @@ "main": "dist/loader.common.js", | ||
"dependencies": { | ||
"@pluginjs/classes": "^0.7.13", | ||
"@pluginjs/component": "^0.7.11", | ||
"@pluginjs/decorator": "^0.7.15", | ||
"@pluginjs/dom": "^0.7.14", | ||
"@pluginjs/events": "^0.7.13", | ||
"@pluginjs/factory": "^0.7.13", | ||
"@pluginjs/is": "^0.7.12", | ||
"@pluginjs/styled": "^0.7.14", | ||
"@pluginjs/styles": "^0.7.7", | ||
"@pluginjs/template": "^0.7.13", | ||
"@pluginjs/utils": "^0.7.13" | ||
"@pluginjs/classes": "^0.7.14", | ||
"@pluginjs/component": "^0.7.12", | ||
"@pluginjs/decorator": "^0.7.16", | ||
"@pluginjs/dom": "^0.7.15", | ||
"@pluginjs/events": "^0.7.14", | ||
"@pluginjs/factory": "^0.7.14", | ||
"@pluginjs/is": "^0.7.13", | ||
"@pluginjs/styled": "^0.7.15", | ||
"@pluginjs/styles": "^0.7.8", | ||
"@pluginjs/template": "^0.7.14", | ||
"@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": "*", | ||
@@ -83,3 +83,3 @@ "jest": "*", | ||
], | ||
"gitHead": "dd7e1408426c72aa61b9bcd2968c389a8be92fec" | ||
"gitHead": "e0247ab4b5e2026b77a390619f2b96bac30609c6" | ||
} |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
50374
Updated@pluginjs/classes@^0.7.14
Updated@pluginjs/component@^0.7.12
Updated@pluginjs/decorator@^0.7.16
Updated@pluginjs/dom@^0.7.15
Updated@pluginjs/events@^0.7.14
Updated@pluginjs/factory@^0.7.14
Updated@pluginjs/is@^0.7.13
Updated@pluginjs/styled@^0.7.15
Updated@pluginjs/styles@^0.7.8
Updated@pluginjs/template@^0.7.14
Updated@pluginjs/utils@^0.7.14