@amoy/components - npm Package Compare versions

Comparing version 1.0.13 to 1.0.14

CHANGELOG.md

@@ -0,1 +1,4 @@
+- [1.0.14]
+    - 调整修复渲染的逻辑，减少多余重绘，修复尺寸缩放错误的问题；
+    - 修复新增的 AnimatedSprite 出现的定位及尺寸问题；
 - [1.0.13]
@@ -2,0 +5,0 @@ - 新增动画精灵 AnimatedSprite, 配备属性 animatedLoop, animationSpeed;

dist/components.min.js

@@ -1,2 +0,2 @@
-!function(e,a){"object"==typeof exports&&"undefined"!=typeof module?a(exports,require("pixi.js")):"function"==typeof define&&define.amd?define(["exports","pixi.js"],a):a((e=e||self).components={},e.PIXI)}(this,function(e,w){"use strict";function a(t){return t.callbacks={},t.on=function(e,a){return e&&a&&(t.hasOwnProperty("callbacks")||t.callbacks||(t.callbacks={}),e.split(" ").map(function(e){(n=t.callbacks)[e]||(n[e]=[]),t.callbacks[e].push(a)})),t;var n},t.emit=function(){for(var n=[],e=0;e<arguments.length;e++)n[e]=arguments[e];return n.shift().split(" ").map(function(e){var a=null!==t.callbacks&&t.callbacks[e]||[];a.length&&a.map(function(e){e&&e.apply(t,n)})}),t},t.off=function(){for(var e=[],a=0;a<arguments.length;a++)e[a]=arguments[a];0===e.length?t.callbacks={}:e.shift().split(" ").map(function(e){return delete t.callbacks[e]});return t},t}function c(e){var a,n,t={},l=t.toString,r=t.hasOwnProperty,u=r.toString,i=u.call(Object);return!(!e||"[object Object]"!==l.call(e))&&(!(a=Object.getPrototypeOf(e))||"function"==typeof(n=r.call(a,"constructor")&&a.constructor)&&u.call(n)===i)}function F(){for(var e,a,n,t,l,r,u=[],i=0;i<arguments.length;i++)u[i]=arguments[i];var o=arguments[0]||{},s=1,m=arguments.length,v=!1;for("boolean"==typeof o&&(v=o,o=arguments[s]||{},s++),"object"!=typeof o&&"function"!=typeof o&&(o={}),s===m&&(o=this,s--);s<m;s++)if(null!==(e=arguments[s]))for(a in e)if(e.hasOwnProperty(a)){if(l=o[a],o===(t=e[a]))continue;v&&t&&(c(t)||(r=Array.isArray(t)))?(n=r?(r=!1,l&&Array.isArray(l)?l:[]):l&&c(l)?l:{},o[a]=F(v,n,t)):void 0!==t&&(o[a]=t)}return o}function m(e){var a={},n=a.toString.call(e);return null==e?e+"":("Boolean Number String Function Array Date RegExp Object Error Symbol".split(" ").forEach(function(e){a["[object "+e+"]"]=e.toLowerCase()}),"object"==typeof e||"function"==typeof e?a[n]||"object":typeof e)}function k(e){if(e.getGlobalBounds&&e.layout){var a=e.getGlobalBounds(),n=a.width,t=a.height,l=e.layout.realScale,r=n/l.x,u=t/l.y;return{x:-r/2,y:-u/2,width:r,height:u}}return null}var D=function(e,a){if("object"!==m(e))return e;for(var n=e,t=a.split("."),l=0,r=t.length;l<r;l++){var u=t[l];if(u){if(!n[u]){n=void 0;break}n=n[u]}}return n};var u=function(e){return e instanceof w.Container&&!(e instanceof w.Sprite)&&!(e instanceof w.Graphics)};function t(i){function v(e){if("string"!=typeof e)return e;var a=e.trim(),n=Math.PI/180;if(a.endsWith("deg")){var t=a.split("deg")[0];return parseFloat(t)*n}return parseFloat(a)}function o(e,a){return(a=a.trim()).endsWith("px")?parseInt(a):a.endsWith("%")?e*parseInt(a)/100:parseInt(a)/i}function h(e,a){var n=0;return"string"==typeof a&&(n=o(e,a)),"number"==typeof a&&(n=a/i),Math.round(n)}function c(e,a,n){if(["number","string"].includes(typeof n)){var t=0;if("number"==typeof n)t=n/i;else if(n.includes(":")){var l=n.split(":"),r=l[0],u=l[1];switch(r.trim()){case"left":case"top":t=o(e,u);break;case"right":case"bottom":t=e-a,t-=o(e,u);break;case"center":t=(e-a)/2,t+=o(e,u)}}else t="center"===n?(e-a)/2:o(e,n);return Math.round(t)}throw new Error("value must be number or string")}function l(e){for(var a={x:e.scale.x,y:e.scale.y},n=e.parent;n;)a.x*=n.scale.x,a.y*=n.scale.y,n=n.parent;return a}function r(e){if(u(e))return function e(a){return a.parent?a.isWorld?{width:window.innerWidth,height:window.innerHeight}:0<a.width&&0<a.height?{width:a.width,height:a.height}:u(a.parent)?e(a.parent):{width:a.parent.width,height:a.parent.height}:{width:window.innerWidth,height:window.innerHeight}}(e);var a=e.width,n=e.height;if(e.parent){var t=l(e.parent);return{width:~~(a*t.x),height:~~(n*t.y)}}return{width:a,height:n}}function d(e){return"sprite"===e.type&&e._texture?e._texture.width/e._texture.height:1}function g(e,a){for(var n=0,t=0;t<a.length;t++){var l=a[t],r=e[l];if(void 0!==r){if(["x","y"].includes(l)){n=r;break}if(l.includes("center")){n="center: "+r;break}n=l+": "+r;break}}return n}return void 0===i&&(i=1),{rotation:v,length:h,pos:c,actualScale:l,actualSize:r,getRatio:d,elementSize:function(e,a,n){var t=a.width,l=a.height,r=function(e){switch(e.type){case"sprite":return e._texture;case"container":return{width:500,height:500};case"text":if(D(e,"layout.container")){var a=e.layout.container;return{width:a.width,height:a.height}}return{width:1,height:1};default:return{width:1,height:1}}}(e),u=r.width,i=r.height,o=n.width,s=n.height,m=d(e),v=u,c=i;return t?(v=h(o,t),l?c=h(s,l):m&&(c=v/m)):l&&(v=(c=h(s,l))*m),{width:Math.round(v),height:Math.round(c)}},elementPos:function(e,a,n){var t=a.rotation,l=void 0===t?0:t,r=g(a,["x","left","centerX","right"]),u=g(a,["y","top","centerY","bottom"]),i=n.width,o=n.height,s=e.width,m=e.height;return{x:c(i,s,r),y:c(o,m,u),rotation:v(l)}},container:function(e){var a=r(e),n=a.width,t=a.height;return{element:e,width:n,height:t,ratio:n/t,scale:l(e)}},rlayout2pixilayout:function(e,a,n){var t=e.width,l=e.height,r=e.scale,u=e.element,i=r.x,o=r.y,s=n.width,m=n.height,v=n.x,c=n.y;return v+=s*a.x,c+=m*a.y,u.anchor?(v-=t*u.anchor.x,c-=l*u.anchor.y):u.pivot&&(v-=t*u.pivot.x,c-=l*u.pivot.y),s/=i,m/=o,v/=i,c/=o,{width:Math.round(s),height:Math.round(m),x:Math.round(v),y:Math.round(c),rotation:n.rotation}},pixilayout2rlayout:function(e,a,n){var t=e.width,l=e.height,r=e.scale,u=r.x,i=r.y,o=e.element,s=n.width,m=n.height,v=n.x,c=n.y;return s*=u,m*=i,v*=u,c*=i,o.anchor?(v+=t*o.anchor.x,c+=l*o.anchor.y):o.pivot&&(v+=t*o.pivot.x,c+=l*o.pivot.y),v-=s*a.x,c-=m*a.y,{width:Math.round(s),height:Math.round(m),x:Math.round(v),y:Math.round(c),rotation:n.rotation}}}}function i(e){switch(e.target.type){case"rect":!function(e){var a=e.pixilayout,n=e.target,t=e.transform,l=a.x,r=a.y,u=a.width,i=a.height,o=a.rotation;if(x(e)){var s=D(e,"style")||{},m=s.backgroundColor,v=void 0===m?16777215:m,c=s.borderWidth,h=void 0===c?0:c,d=s.borderColor,g=void 0===d?0:d,y=s.borderRadius,F=void 0===y?0:y,p=t.length(u,h),E=t.length(u,F),f=u-p,C=i-p,A=n.pivot,B=A.x,b=A.y;n.clear(),n.beginFill(v),n.lineStyle(p,g,1),u/2<=E?n.drawEllipse(0,0,f/2,C/2):0<E?n.drawRoundedRect(-f*B,-C*b,f,C,E):n.drawRect(-f*B,-C*b,f,C),n.endFill()}n.x!==l&&(n.x=l);n.y!==r&&(n.y=r);n.rotation!==o&&(n.rotation=o)}(e);break;case"circle":!function(e){var a=e.pixilayout,n=e.target,t=e.transform,l=a.x,r=a.y,u=a.width,i=a.height;if(x(e)){var o=D(e,"style")||{},s=o.backgroundColor,m=void 0===s?16777215:s,v=o.borderWidth,c=void 0===v?0:v,h=o.borderColor,d=void 0===h?0:h,g=t.length(u,c),y=u-g,F=i-g;n.clear(),n.beginFill(m),n.lineStyle(g,d,1),n.drawEllipse(0,0,y/2,F/2),n.endFill()}n.x!==l&&(n.x=l);n.y!==r&&(n.y=r)}(e);break;case"text":!function(e){var a=e.target,n=e.pixilayout,t=n.x,l=n.y,r=n.width,u=n.height,i=n.rotation,o=e.style.content,s=void 0===o?"":o;a.style=new w.TextStyle(e.textStyle),a.text=s,a.width!==r&&(a.width=r);a.height!==u&&(a.height=u);a.x!==t&&(a.x=t);a.y!==l&&(a.y=l);a.rotation!==i&&(a.rotation=i)}(e);break;case"animatedsprite":var a=e.target,n=e.style,t=n.animatedLoop,l=n.animationSpeed;void 0!==l&&(a.animationSpeed=l),void 0!==t&&(a.loop=t),a.play();case"sprite":case"container":default:!function(e){var a=e.target,n=e.pixilayout,t=n.width,l=n.height,r=n.x,u=n.y,i=n.rotation;a.width!==t&&(a.width=t);a.height!==l&&(a.height=l);a.x!==r&&(a.x=r);a.y!==u&&(a.y=u);a.rotation!==i&&(a.rotation=i)}(e)}}var x=function(e){return e.styleHasChanged(["width","height","borderWidth","borderColor","backgroundColor"])};var r=(n.prototype._fixTextSize=function(e){var a=this.transform,n=this.container,t=n.width,l=n.height,r=this.style||{},u=r.content,i=void 0===u?"":u,o=r.fontSize,s=void 0===o?20:o,m=r.lineHeight,v=void 0===m?1.5*s:m,c=r.color,h=void 0===c?0:c,d=function(e,a){var n={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&a.indexOf(t)<0&&(n[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var l=0;for(t=Object.getOwnPropertySymbols(e);l<t.length;l++)a.indexOf(t[l])<0&&(n[t[l]]=e[t[l]])}return n}(r,["content","fontSize","lineHeight","color"]),g=new w.TextStyle(F({fontSize:a.length(t,s),breakWords:!0,wordWrap:!0,wordWrapWidth:e.width,lineHeight:a.length(l,v),fill:h},d));this.textStyle=g;var y=new w.Text(i,g);return{width:y.width,height:y.height}},n.prototype.styleHasChanged=function(e){var a=!1;if(this.newStyle)for(var n=0;n<e.length;n++){var t=e[n];if(this.newStyle[t]){a=!0;break}}else a=!0;return a},n.prototype._getRlayout=function(){var e,a=this.target,n=this.style,t=this.container;return!this.rlayout||this.styleHasChanged(["width","height"])?e=this.transform.elementSize(a,n,t):this.rlayout&&(e={width:this.rlayout.width,height:this.rlayout.height}),"text"===a.type&&(e=this._fixTextSize(e)),F(e,this.transform.elementPos(e,n,t))},n.prototype._setLayout=function(){var e=this.target,a=this.style,n=this.container,t=a.scale,l=void 0===t?1:t,r=a.anchor,u=void 0===r?{x:.5,y:.5}:r;this.rlayout=this._getRlayout(),this.pixilayout=this.transform.rlayout2pixilayout(n,u,this.rlayout),this.styleHasChanged(["anchor"])&&e[e.anchor?"anchor":"pivot"].set(u.x,u.y),i(this),1!==l&&this.setScale(l),this.styleHasChanged(["width","height"])&&("container"===e.type?this.realScale={x:this.rlayout.width/500,y:this.rlayout.height/500}:this.realScale=this.transform.actualScale(e))},n.prototype.setScale=function(e){var a=this.target,n=this.initScale;a.scale.set(n.x*e,n.y*e)},n.prototype._inheritStyle=function(){var e=this.container,a=this.style,n=this.target,t=D(e,"element.layout.style");if(t&&(["fontSize","color","lineHeight","fontWeight","fontStyle","fontFamily"].map(function(e){!a[e]&&t[e]&&(a[e]=t[e])}),t.textAlign&&"text"===n.type))switch(t.textAlign){case"left":a.left||(a.left=0),a.centerY||(a.centerY=0);break;case"right":a.right||(a.right=0),a.centerY||(a.centerY=0);break;case"center":a.centerX||(a.centerX=0),a.centerY||(a.centerY=0)}},n.prototype.render=function(e){var a=this;e?(this.container=this.transform.container(e),this._inheritStyle(),this._setLayout(),this._fixRender(),["update","mounted"].map(function(e){a.config.Component.emit(e,{instance:a.target,style:a.style})})):console.warn("layout.render must have a container.")},n.prototype._fixRender=function(){var e=this;if(["sprite","container"].includes(this.target.type)&&!this.target.texture.valid){var a=!1;this.target.texture.on("update",function(){a||(e.forceUpdate(),a=!0)})}else this.target.children.length&&this.forceUpdate()},n.prototype.appendTo=function(e){e&&e.addChild?(this.render(e),e.addChild(this.target)):console.error("the container is not exsit!")},n.prototype.append=function(e){e.layout.appendTo(this.target)},n.prototype._addChildAt=function(e,a,n){e.addChildAt&&(e.addChildAt(a,n),a.layout.render(e))},n.prototype._addSibling=function(e,a){if(this.container&&D(e,"layout")){var n=this.container.element,t=e,l=n.getChildIndex(this.target)+a;this._addChildAt(n,t,l)}},n.prototype._insertSibling=function(e,a){var n=D(e,"layout.container.element");if(n){var t=e,l=this.target,r=n.getChildIndex(t)+a;this._addChildAt(n,l,r)}},n.prototype._isMe=function(e,a,n){var t=D(e,"layout.container.element");if(t){var l=t.getChildIndex(e)+n;if(t.children[l]===a)return!0}return!1},n.prototype.before=function(e){this._isMe(this.target,e,-1)||this._addSibling(e,0)},n.prototype.after=function(e){this._isMe(this.target,e,1)||this._addSibling(e,1)},n.prototype.insertBefore=function(e){this._isMe(e,this.target,-1)||this._insertSibling(e,0)},n.prototype.insertAfter=function(e){this._isMe(e,this.target,1)||this._insertSibling(e,1)},n.prototype.remove=function(){var e=D(this,"container.element");return e?e.removeChild(this.target):this.target.destroy?this.target.destroy():this.target},n.prototype.hasLayoutUpdatedByOutSet=function(){var e=!1;if(this.newStyle)for(var a=this.target,n=this.pixilayout,t=["width","height","x","y","rotation"],l=0;l<t.length;l++){var r=t[l];a[r]!==n[r]&&(e=!0)}return e},n.prototype.update=function(e){var a=this.target,n=this.config;if(n.Component.emit("beforeUpdate",e),this.hasLayoutUpdatedByOutSet()&&this.updateStyle(),this.newStyle=e,this.style=F(this.style,e||{}),this.container){this._setLayout();var t=D(a,"children");t.length&&t.map(function(e){e.layout&&e.layout.update()}),n.Component.emit("update",{instance:this.target,style:this.style})}},n.prototype.refreshContianer=function(){this.container=this.transform.container(this.container.element)},n.prototype.forceUpdate=function(){var e=D(this.target,"children");this.update(),e.length&&e.map(function(e){e.layout&&(e.layout.refreshContianer(),e.layout.update())})},n.prototype.updateStyle=function(){var e=this.target,a=this.style,n=this.container,t=a.anchor,l=void 0===t?{x:.5,y:.5}:t,r=e.width,u=e.height,i=e.x,o=e.y,s=e.rotation;this.pixilayout={width:r,height:u,x:i,y:o,rotation:s};var m=this.transform.pixilayout2rlayout(n,l,this.pixilayout);this.rlayout=m,this.style.left=m.x,this.style.top=m.y,this.style.width=m.width,this.style.height=m.height,this.style.rotation=m.rotation},n);function n(e,a,n){void 0===a&&(a={}),this.target=e,this.style=a,this.config=n,this.transform=t(n.uiDesignRatio),this.initScale=e.scale}var l,o=[{value:"#B0171F",name:"indian red"},{value:"#DC143C",css:!0,name:"crimson"},{value:"#FFB6C1",css:!0,name:"lightpink"},{value:"#FFAEB9",name:"lightpink 1"},{value:"#EEA2AD",name:"lightpink 2"},{value:"#CD8C95",name:"lightpink 3"},{value:"#8B5F65",name:"lightpink 4"},{value:"#FFC0CB",css:!0,name:"pink"},{value:"#FFB5C5",name:"pink 1"},{value:"#EEA9B8",name:"pink 2"},{value:"#CD919E",name:"pink 3"},{value:"#8B636C",name:"pink 4"},{value:"#DB7093",css:!0,name:"palevioletred"},{value:"#FF82AB",name:"palevioletred 1"},{value:"#EE799F",name:"palevioletred 2"},{value:"#CD6889",name:"palevioletred 3"},{value:"#8B475D",name:"palevioletred 4"},{value:"#FFF0F5",name:"lavenderblush 1"},{value:"#FFF0F5",css:!0,name:"lavenderblush"},{value:"#EEE0E5",name:"lavenderblush 2"},{value:"#CDC1C5",name:"lavenderblush 3"},{value:"#8B8386",name:"lavenderblush 4"},{value:"#FF3E96",name:"violetred 1"},{value:"#EE3A8C",name:"violetred 2"},{value:"#CD3278",name:"violetred 3"},{value:"#8B2252",name:"violetred 4"},{value:"#FF69B4",css:!0,name:"hotpink"},{value:"#FF6EB4",name:"hotpink 1"},{value:"#EE6AA7",name:"hotpink 2"},{value:"#CD6090",name:"hotpink 3"},{value:"#8B3A62",name:"hotpink 4"},{value:"#872657",name:"raspberry"},{value:"#FF1493",name:"deeppink 1"},{value:"#FF1493",css:!0,name:"deeppink"},{value:"#EE1289",name:"deeppink 2"},{value:"#CD1076",name:"deeppink 3"},{value:"#8B0A50",name:"deeppink 4"},{value:"#FF34B3",name:"maroon 1"},{value:"#EE30A7",name:"maroon 2"},{value:"#CD2990",name:"maroon 3"},{value:"#8B1C62",name:"maroon 4"},{value:"#C71585",css:!0,name:"mediumvioletred"},{value:"#D02090",name:"violetred"},{value:"#DA70D6",css:!0,name:"orchid"},{value:"#FF83FA",name:"orchid 1"},{value:"#EE7AE9",name:"orchid 2"},{value:"#CD69C9",name:"orchid 3"},{value:"#8B4789",name:"orchid 4"},{value:"#D8BFD8",css:!0,name:"thistle"},{value:"#FFE1FF",name:"thistle 1"},{value:"#EED2EE",name:"thistle 2"},{value:"#CDB5CD",name:"thistle 3"},{value:"#8B7B8B",name:"thistle 4"},{value:"#FFBBFF",name:"plum 1"},{value:"#EEAEEE",name:"plum 2"},{value:"#CD96CD",name:"plum 3"},{value:"#8B668B",name:"plum 4"},{value:"#DDA0DD",css:!0,name:"plum"},{value:"#EE82EE",css:!0,name:"violet"},{value:"#FF00FF",vga:!0,name:"magenta"},{value:"#FF00FF",vga:!0,css:!0,name:"fuchsia"},{value:"#EE00EE",name:"magenta 2"},{value:"#CD00CD",name:"magenta 3"},{value:"#8B008B",name:"magenta 4"},{value:"#8B008B",css:!0,name:"darkmagenta"},{value:"#800080",vga:!0,css:!0,name:"purple"},{value:"#BA55D3",css:!0,name:"mediumorchid"},{value:"#E066FF",name:"mediumorchid 1"},{value:"#D15FEE",name:"mediumorchid 2"},{value:"#B452CD",name:"mediumorchid 3"},{value:"#7A378B",name:"mediumorchid 4"},{value:"#9400D3",css:!0,name:"darkviolet"},{value:"#9932CC",css:!0,name:"darkorchid"},{value:"#BF3EFF",name:"darkorchid 1"},{value:"#B23AEE",name:"darkorchid 2"},{value:"#9A32CD",name:"darkorchid 3"},{value:"#68228B",name:"darkorchid 4"},{value:"#4B0082",css:!0,name:"indigo"},{value:"#8A2BE2",css:!0,name:"blueviolet"},{value:"#9B30FF",name:"purple 1"},{value:"#912CEE",name:"purple 2"},{value:"#7D26CD",name:"purple 3"},{value:"#551A8B",name:"purple 4"},{value:"#9370DB",css:!0,name:"mediumpurple"},{value:"#AB82FF",name:"mediumpurple 1"},{value:"#9F79EE",name:"mediumpurple 2"},{value:"#8968CD",name:"mediumpurple 3"},{value:"#5D478B",name:"mediumpurple 4"},{value:"#483D8B",css:!0,name:"darkslateblue"},{value:"#8470FF",name:"lightslateblue"},{value:"#7B68EE",css:!0,name:"mediumslateblue"},{value:"#6A5ACD",css:!0,name:"slateblue"},{value:"#836FFF",name:"slateblue 1"},{value:"#7A67EE",name:"slateblue 2"},{value:"#6959CD",name:"slateblue 3"},{value:"#473C8B",name:"slateblue 4"},{value:"#F8F8FF",css:!0,name:"ghostwhite"},{value:"#E6E6FA",css:!0,name:"lavender"},{value:"#0000FF",vga:!0,css:!0,name:"blue"},{value:"#0000EE",name:"blue 2"},{value:"#0000CD",name:"blue 3"},{value:"#0000CD",css:!0,name:"mediumblue"},{value:"#00008B",name:"blue 4"},{value:"#00008B",css:!0,name:"darkblue"},{value:"#000080",vga:!0,css:!0,name:"navy"},{value:"#191970",css:!0,name:"midnightblue"},{value:"#3D59AB",name:"cobalt"},{value:"#4169E1",css:!0,name:"royalblue"},{value:"#4876FF",name:"royalblue 1"},{value:"#436EEE",name:"royalblue 2"},{value:"#3A5FCD",name:"royalblue 3"},{value:"#27408B",name:"royalblue 4"},{value:"#6495ED",css:!0,name:"cornflowerblue"},{value:"#B0C4DE",css:!0,name:"lightsteelblue"},{value:"#CAE1FF",name:"lightsteelblue 1"},{value:"#BCD2EE",name:"lightsteelblue 2"},{value:"#A2B5CD",name:"lightsteelblue 3"},{value:"#6E7B8B",name:"lightsteelblue 4"},{value:"#778899",css:!0,name:"lightslategray"},{value:"#708090",css:!0,name:"slategray"},{value:"#C6E2FF",name:"slategray 1"},{value:"#B9D3EE",name:"slategray 2"},{value:"#9FB6CD",name:"slategray 3"},{value:"#6C7B8B",name:"slategray 4"},{value:"#1E90FF",name:"dodgerblue 1"},{value:"#1E90FF",css:!0,name:"dodgerblue"},{value:"#1C86EE",name:"dodgerblue 2"},{value:"#1874CD",name:"dodgerblue 3"},{value:"#104E8B",name:"dodgerblue 4"},{value:"#F0F8FF",css:!0,name:"aliceblue"},{value:"#4682B4",css:!0,name:"steelblue"},{value:"#63B8FF",name:"steelblue 1"},{value:"#5CACEE",name:"steelblue 2"},{value:"#4F94CD",name:"steelblue 3"},{value:"#36648B",name:"steelblue 4"},{value:"#87CEFA",css:!0,name:"lightskyblue"},{value:"#B0E2FF",name:"lightskyblue 1"},{value:"#A4D3EE",name:"lightskyblue 2"},{value:"#8DB6CD",name:"lightskyblue 3"},{value:"#607B8B",name:"lightskyblue 4"},{value:"#87CEFF",name:"skyblue 1"},{value:"#7EC0EE",name:"skyblue 2"},{value:"#6CA6CD",name:"skyblue 3"},{value:"#4A708B",name:"skyblue 4"},{value:"#87CEEB",css:!0,name:"skyblue"},{value:"#00BFFF",name:"deepskyblue 1"},{value:"#00BFFF",css:!0,name:"deepskyblue"},{value:"#00B2EE",name:"deepskyblue 2"},{value:"#009ACD",name:"deepskyblue 3"},{value:"#00688B",name:"deepskyblue 4"},{value:"#33A1C9",name:"peacock"},{value:"#ADD8E6",css:!0,name:"lightblue"},{value:"#BFEFFF",name:"lightblue 1"},{value:"#B2DFEE",name:"lightblue 2"},{value:"#9AC0CD",name:"lightblue 3"},{value:"#68838B",name:"lightblue 4"},{value:"#B0E0E6",css:!0,name:"powderblue"},{value:"#98F5FF",name:"cadetblue 1"},{value:"#8EE5EE",name:"cadetblue 2"},{value:"#7AC5CD",name:"cadetblue 3"},{value:"#53868B",name:"cadetblue 4"},{value:"#00F5FF",name:"turquoise 1"},{value:"#00E5EE",name:"turquoise 2"},{value:"#00C5CD",name:"turquoise 3"},{value:"#00868B",name:"turquoise 4"},{value:"#5F9EA0",css:!0,name:"cadetblue"},{value:"#00CED1",css:!0,name:"darkturquoise"},{value:"#F0FFFF",name:"azure 1"},{value:"#F0FFFF",css:!0,name:"azure"},{value:"#E0EEEE",name:"azure 2"},{value:"#C1CDCD",name:"azure 3"},{value:"#838B8B",name:"azure 4"},{value:"#E0FFFF",name:"lightcyan 1"},{value:"#E0FFFF",css:!0,name:"lightcyan"},{value:"#D1EEEE",name:"lightcyan 2"},{value:"#B4CDCD",name:"lightcyan 3"},{value:"#7A8B8B",name:"lightcyan 4"},{value:"#BBFFFF",name:"paleturquoise 1"},{value:"#AEEEEE",name:"paleturquoise 2"},{value:"#AEEEEE",css:!0,name:"paleturquoise"},{value:"#96CDCD",name:"paleturquoise 3"},{value:"#668B8B",name:"paleturquoise 4"},{value:"#2F4F4F",css:!0,name:"darkslategray"},{value:"#97FFFF",name:"darkslategray 1"},{value:"#8DEEEE",name:"darkslategray 2"},{value:"#79CDCD",name:"darkslategray 3"},{value:"#528B8B",name:"darkslategray 4"},{value:"#00FFFF",name:"cyan"},{value:"#00FFFF",css:!0,name:"aqua"},{value:"#00EEEE",name:"cyan 2"},{value:"#00CDCD",name:"cyan 3"},{value:"#008B8B",name:"cyan 4"},{value:"#008B8B",css:!0,name:"darkcyan"},{value:"#008080",vga:!0,css:!0,name:"teal"},{value:"#48D1CC",css:!0,name:"mediumturquoise"},{value:"#20B2AA",css:!0,name:"lightseagreen"},{value:"#03A89E",name:"manganeseblue"},{value:"#40E0D0",css:!0,name:"turquoise"},{value:"#808A87",name:"coldgrey"},{value:"#00C78C",name:"turquoiseblue"},{value:"#7FFFD4",name:"aquamarine 1"},{value:"#7FFFD4",css:!0,name:"aquamarine"},{value:"#76EEC6",name:"aquamarine 2"},{value:"#66CDAA",name:"aquamarine 3"},{value:"#66CDAA",css:!0,name:"mediumaquamarine"},{value:"#458B74",name:"aquamarine 4"},{value:"#00FA9A",css:!0,name:"mediumspringgreen"},{value:"#F5FFFA",css:!0,name:"mintcream"},{value:"#00FF7F",css:!0,name:"springgreen"},{value:"#00EE76",name:"springgreen 1"},{value:"#00CD66",name:"springgreen 2"},{value:"#008B45",name:"springgreen 3"},{value:"#3CB371",css:!0,name:"mediumseagreen"},{value:"#54FF9F",name:"seagreen 1"},{value:"#4EEE94",name:"seagreen 2"},{value:"#43CD80",name:"seagreen 3"},{value:"#2E8B57",name:"seagreen 4"},{value:"#2E8B57",css:!0,name:"seagreen"},{value:"#00C957",name:"emeraldgreen"},{value:"#BDFCC9",name:"mint"},{value:"#3D9140",name:"cobaltgreen"},{value:"#F0FFF0",name:"honeydew 1"},{value:"#F0FFF0",css:!0,name:"honeydew"},{value:"#E0EEE0",name:"honeydew 2"},{value:"#C1CDC1",name:"honeydew 3"},{value:"#838B83",name:"honeydew 4"},{value:"#8FBC8F",css:!0,name:"darkseagreen"},{value:"#C1FFC1",name:"darkseagreen 1"},{value:"#B4EEB4",name:"darkseagreen 2"},{value:"#9BCD9B",name:"darkseagreen 3"},{value:"#698B69",name:"darkseagreen 4"},{value:"#98FB98",css:!0,name:"palegreen"},{value:"#9AFF9A",name:"palegreen 1"},{value:"#90EE90",name:"palegreen 2"},{value:"#90EE90",css:!0,name:"lightgreen"},{value:"#7CCD7C",name:"palegreen 3"},{value:"#548B54",name:"palegreen 4"},{value:"#32CD32",css:!0,name:"limegreen"},{value:"#228B22",css:!0,name:"forestgreen"},{value:"#00FF00",vga:!0,name:"green 1"},{value:"#00FF00",vga:!0,css:!0,name:"lime"},{value:"#00EE00",name:"green 2"},{value:"#00CD00",name:"green 3"},{value:"#008B00",name:"green 4"},{value:"#008000",vga:!0,css:!0,name:"green"},{value:"#006400",css:!0,name:"darkgreen"},{value:"#308014",name:"sapgreen"},{value:"#7CFC00",css:!0,name:"lawngreen"},{value:"#7FFF00",name:"chartreuse 1"},{value:"#7FFF00",css:!0,name:"chartreuse"},{value:"#76EE00",name:"chartreuse 2"},{value:"#66CD00",name:"chartreuse 3"},{value:"#458B00",name:"chartreuse 4"},{value:"#ADFF2F",css:!0,name:"greenyellow"},{value:"#CAFF70",name:"darkolivegreen 1"},{value:"#BCEE68",name:"darkolivegreen 2"},{value:"#A2CD5A",name:"darkolivegreen 3"},{value:"#6E8B3D",name:"darkolivegreen 4"},{value:"#556B2F",css:!0,name:"darkolivegreen"},{value:"#6B8E23",css:!0,name:"olivedrab"},{value:"#C0FF3E",name:"olivedrab 1"},{value:"#B3EE3A",name:"olivedrab 2"},{value:"#9ACD32",name:"olivedrab 3"},{value:"#9ACD32",css:!0,name:"yellowgreen"},{value:"#698B22",name:"olivedrab 4"},{value:"#FFFFF0",name:"ivory 1"},{value:"#FFFFF0",css:!0,name:"ivory"},{value:"#EEEEE0",name:"ivory 2"},{value:"#CDCDC1",name:"ivory 3"},{value:"#8B8B83",name:"ivory 4"},{value:"#F5F5DC",css:!0,name:"beige"},{value:"#FFFFE0",name:"lightyellow 1"},{value:"#FFFFE0",css:!0,name:"lightyellow"},{value:"#EEEED1",name:"lightyellow 2"},{value:"#CDCDB4",name:"lightyellow 3"},{value:"#8B8B7A",name:"lightyellow 4"},{value:"#FAFAD2",css:!0,name:"lightgoldenrodyellow"},{value:"#FFFF00",vga:!0,name:"yellow 1"},{value:"#FFFF00",vga:!0,css:!0,name:"yellow"},{value:"#EEEE00",name:"yellow 2"},{value:"#CDCD00",name:"yellow 3"},{value:"#8B8B00",name:"yellow 4"},{value:"#808069",name:"warmgrey"},{value:"#808000",vga:!0,css:!0,name:"olive"},{value:"#BDB76B",css:!0,name:"darkkhaki"},{value:"#FFF68F",name:"khaki 1"},{value:"#EEE685",name:"khaki 2"},{value:"#CDC673",name:"khaki 3"},{value:"#8B864E",name:"khaki 4"},{value:"#F0E68C",css:!0,name:"khaki"},{value:"#EEE8AA",css:!0,name:"palegoldenrod"},{value:"#FFFACD",name:"lemonchiffon 1"},{value:"#FFFACD",css:!0,name:"lemonchiffon"},{value:"#EEE9BF",name:"lemonchiffon 2"},{value:"#CDC9A5",name:"lemonchiffon 3"},{value:"#8B8970",name:"lemonchiffon 4"},{value:"#FFEC8B",name:"lightgoldenrod 1"},{value:"#EEDC82",name:"lightgoldenrod 2"},{value:"#CDBE70",name:"lightgoldenrod 3"},{value:"#8B814C",name:"lightgoldenrod 4"},{value:"#E3CF57",name:"banana"},{value:"#FFD700",name:"gold 1"},{value:"#FFD700",css:!0,name:"gold"},{value:"#EEC900",name:"gold 2"},{value:"#CDAD00",name:"gold 3"},{value:"#8B7500",name:"gold 4"},{value:"#FFF8DC",name:"cornsilk 1"},{value:"#FFF8DC",css:!0,name:"cornsilk"},{value:"#EEE8CD",name:"cornsilk 2"},{value:"#CDC8B1",name:"cornsilk 3"},{value:"#8B8878",name:"cornsilk 4"},{value:"#DAA520",css:!0,name:"goldenrod"},{value:"#FFC125",name:"goldenrod 1"},{value:"#EEB422",name:"goldenrod 2"},{value:"#CD9B1D",name:"goldenrod 3"},{value:"#8B6914",name:"goldenrod 4"},{value:"#B8860B",css:!0,name:"darkgoldenrod"},{value:"#FFB90F",name:"darkgoldenrod 1"},{value:"#EEAD0E",name:"darkgoldenrod 2"},{value:"#CD950C",name:"darkgoldenrod 3"},{value:"#8B6508",name:"darkgoldenrod 4"},{value:"#FFA500",name:"orange 1"},{value:"#FF8000",css:!0,name:"orange"},{value:"#EE9A00",name:"orange 2"},{value:"#CD8500",name:"orange 3"},{value:"#8B5A00",name:"orange 4"},{value:"#FFFAF0",css:!0,name:"floralwhite"},{value:"#FDF5E6",css:!0,name:"oldlace"},{value:"#F5DEB3",css:!0,name:"wheat"},{value:"#FFE7BA",name:"wheat 1"},{value:"#EED8AE",name:"wheat 2"},{value:"#CDBA96",name:"wheat 3"},{value:"#8B7E66",name:"wheat 4"},{value:"#FFE4B5",css:!0,name:"moccasin"},{value:"#FFEFD5",css:!0,name:"papayawhip"},{value:"#FFEBCD",css:!0,name:"blanchedalmond"},{value:"#FFDEAD",name:"navajowhite 1"},{value:"#FFDEAD",css:!0,name:"navajowhite"},{value:"#EECFA1",name:"navajowhite 2"},{value:"#CDB38B",name:"navajowhite 3"},{value:"#8B795E",name:"navajowhite 4"},{value:"#FCE6C9",name:"eggshell"},{value:"#D2B48C",css:!0,name:"tan"},{value:"#9C661F",name:"brick"},{value:"#FF9912",name:"cadmiumyellow"},{value:"#FAEBD7",css:!0,name:"antiquewhite"},{value:"#FFEFDB",name:"antiquewhite 1"},{value:"#EEDFCC",name:"antiquewhite 2"},{value:"#CDC0B0",name:"antiquewhite 3"},{value:"#8B8378",name:"antiquewhite 4"},{value:"#DEB887",css:!0,name:"burlywood"},{value:"#FFD39B",name:"burlywood 1"},{value:"#EEC591",name:"burlywood 2"},{value:"#CDAA7D",name:"burlywood 3"},{value:"#8B7355",name:"burlywood 4"},{value:"#FFE4C4",name:"bisque 1"},{value:"#FFE4C4",css:!0,name:"bisque"},{value:"#EED5B7",name:"bisque 2"},{value:"#CDB79E",name:"bisque 3"},{value:"#8B7D6B",name:"bisque 4"},{value:"#E3A869",name:"melon"},{value:"#ED9121",name:"carrot"},{value:"#FF8C00",css:!0,name:"darkorange"},{value:"#FF7F00",name:"darkorange 1"},{value:"#EE7600",name:"darkorange 2"},{value:"#CD6600",name:"darkorange 3"},{value:"#8B4500",name:"darkorange 4"},{value:"#FFA54F",name:"tan 1"},{value:"#EE9A49",name:"tan 2"},{value:"#CD853F",name:"tan 3"},{value:"#CD853F",css:!0,name:"peru"},{value:"#8B5A2B",name:"tan 4"},{value:"#FAF0E6",css:!0,name:"linen"},{value:"#FFDAB9",name:"peachpuff 1"},{value:"#FFDAB9",css:!0,name:"peachpuff"},{value:"#EECBAD",name:"peachpuff 2"},{value:"#CDAF95",name:"peachpuff 3"},{value:"#8B7765",name:"peachpuff 4"},{value:"#FFF5EE",name:"seashell 1"},{value:"#FFF5EE",css:!0,name:"seashell"},{value:"#EEE5DE",name:"seashell 2"},{value:"#CDC5BF",name:"seashell 3"},{value:"#8B8682",name:"seashell 4"},{value:"#F4A460",css:!0,name:"sandybrown"},{value:"#C76114",name:"rawsienna"},{value:"#D2691E",css:!0,name:"chocolate"},{value:"#FF7F24",name:"chocolate 1"},{value:"#EE7621",name:"chocolate 2"},{value:"#CD661D",name:"chocolate 3"},{value:"#8B4513",name:"chocolate 4"},{value:"#8B4513",css:!0,name:"saddlebrown"},{value:"#292421",name:"ivoryblack"},{value:"#FF7D40",name:"flesh"},{value:"#FF6103",name:"cadmiumorange"},{value:"#8A360F",name:"burntsienna"},{value:"#A0522D",css:!0,name:"sienna"},{value:"#FF8247",name:"sienna 1"},{value:"#EE7942",name:"sienna 2"},{value:"#CD6839",name:"sienna 3"},{value:"#8B4726",name:"sienna 4"},{value:"#FFA07A",name:"lightsalmon 1"},{value:"#FFA07A",css:!0,name:"lightsalmon"},{value:"#EE9572",name:"lightsalmon 2"},{value:"#CD8162",name:"lightsalmon 3"},{value:"#8B5742",name:"lightsalmon 4"},{value:"#FF7F50",css:!0,name:"coral"},{value:"#FF4500",name:"orangered 1"},{value:"#FF4500",css:!0,name:"orangered"},{value:"#EE4000",name:"orangered 2"},{value:"#CD3700",name:"orangered 3"},{value:"#8B2500",name:"orangered 4"},{value:"#5E2612",name:"sepia"},{value:"#E9967A",css:!0,name:"darksalmon"},{value:"#FF8C69",name:"salmon 1"},{value:"#EE8262",name:"salmon 2"},{value:"#CD7054",name:"salmon 3"},{value:"#8B4C39",name:"salmon 4"},{value:"#FF7256",name:"coral 1"},{value:"#EE6A50",name:"coral 2"},{value:"#CD5B45",name:"coral 3"},{value:"#8B3E2F",name:"coral 4"},{value:"#8A3324",name:"burntumber"},{value:"#FF6347",name:"tomato 1"},{value:"#FF6347",css:!0,name:"tomato"},{value:"#EE5C42",name:"tomato 2"},{value:"#CD4F39",name:"tomato 3"},{value:"#8B3626",name:"tomato 4"},{value:"#FA8072",css:!0,name:"salmon"},{value:"#FFE4E1",name:"mistyrose 1"},{value:"#FFE4E1",css:!0,name:"mistyrose"},{value:"#EED5D2",name:"mistyrose 2"},{value:"#CDB7B5",name:"mistyrose 3"},{value:"#8B7D7B",name:"mistyrose 4"},{value:"#FFFAFA",name:"snow 1"},{value:"#FFFAFA",css:!0,name:"snow"},{value:"#EEE9E9",name:"snow 2"},{value:"#CDC9C9",name:"snow 3"},{value:"#8B8989",name:"snow 4"},{value:"#BC8F8F",css:!0,name:"rosybrown"},{value:"#FFC1C1",name:"rosybrown 1"},{value:"#EEB4B4",name:"rosybrown 2"},{value:"#CD9B9B",name:"rosybrown 3"},{value:"#8B6969",name:"rosybrown 4"},{value:"#F08080",css:!0,name:"lightcoral"},{value:"#CD5C5C",css:!0,name:"indianred"},{value:"#FF6A6A",name:"indianred 1"},{value:"#EE6363",name:"indianred 2"},{value:"#8B3A3A",name:"indianred 4"},{value:"#CD5555",name:"indianred 3"},{value:"#A52A2A",css:!0,name:"brown"},{value:"#FF4040",name:"brown 1"},{value:"#EE3B3B",name:"brown 2"},{value:"#CD3333",name:"brown 3"},{value:"#8B2323",name:"brown 4"},{value:"#B22222",css:!0,name:"firebrick"},{value:"#FF3030",name:"firebrick 1"},{value:"#EE2C2C",name:"firebrick 2"},{value:"#CD2626",name:"firebrick 3"},{value:"#8B1A1A",name:"firebrick 4"},{value:"#FF0000",vga:!0,name:"red 1"},{value:"#FF0000",vga:!0,css:!0,name:"red"},{value:"#EE0000",name:"red 2"},{value:"#CD0000",name:"red 3"},{value:"#8B0000",name:"red 4"},{value:"#8B0000",css:!0,name:"darkred"},{value:"#800000",vga:!0,css:!0,name:"maroon"},{value:"#8E388E",name:"sgi beet"},{value:"#7171C6",name:"sgi slateblue"},{value:"#7D9EC0",name:"sgi lightblue"},{value:"#388E8E",name:"sgi teal"},{value:"#71C671",name:"sgi chartreuse"},{value:"#8E8E38",name:"sgi olivedrab"},{value:"#C5C1AA",name:"sgi brightgray"},{value:"#C67171",name:"sgi salmon"},{value:"#555555",name:"sgi darkgray"},{value:"#1E1E1E",name:"sgi gray 12"},{value:"#282828",name:"sgi gray 16"},{value:"#515151",name:"sgi gray 32"},{value:"#5B5B5B",name:"sgi gray 36"},{value:"#848484",name:"sgi gray 52"},{value:"#8E8E8E",name:"sgi gray 56"},{value:"#AAAAAA",name:"sgi lightgray"},{value:"#B7B7B7",name:"sgi gray 72"},{value:"#C1C1C1",name:"sgi gray 76"},{value:"#EAEAEA",name:"sgi gray 92"},{value:"#F4F4F4",name:"sgi gray 96"},{value:"#FFFFFF",vga:!0,css:!0,name:"white"},{value:"#F5F5F5",name:"white smoke"},{value:"#F5F5F5",name:"gray 96"},{value:"#DCDCDC",css:!0,name:"gainsboro"},{value:"#D3D3D3",css:!0,name:"lightgrey"},{value:"#C0C0C0",vga:!0,css:!0,name:"silver"},{value:"#A9A9A9",css:!0,name:"darkgray"},{value:"#808080",vga:!0,css:!0,name:"gray"},{value:"#696969",css:!0,name:"dimgray"},{value:"#696969",name:"gray 42"},{value:"#000000",vga:!0,css:!0,name:"black"},{value:"#FCFCFC",name:"gray 99"},{value:"#FAFAFA",name:"gray 98"},{value:"#F7F7F7",name:"gray 97"},{value:"#F2F2F2",name:"gray 95"},{value:"#F0F0F0",name:"gray 94"},{value:"#EDEDED",name:"gray 93"},{value:"#EBEBEB",name:"gray 92"},{value:"#E8E8E8",name:"gray 91"},{value:"#E5E5E5",name:"gray 90"},{value:"#E3E3E3",name:"gray 89"},{value:"#E0E0E0",name:"gray 88"},{value:"#DEDEDE",name:"gray 87"},{value:"#DBDBDB",name:"gray 86"},{value:"#D9D9D9",name:"gray 85"},{value:"#D6D6D6",name:"gray 84"},{value:"#D4D4D4",name:"gray 83"},{value:"#D1D1D1",name:"gray 82"},{value:"#CFCFCF",name:"gray 81"},{value:"#CCCCCC",name:"gray 80"},{value:"#C9C9C9",name:"gray 79"},{value:"#C7C7C7",name:"gray 78"},{value:"#C4C4C4",name:"gray 77"},{value:"#C2C2C2",name:"gray 76"},{value:"#BFBFBF",name:"gray 75"},{value:"#BDBDBD",name:"gray 74"},{value:"#BABABA",name:"gray 73"},{value:"#B8B8B8",name:"gray 72"},{value:"#B5B5B5",name:"gray 71"},{value:"#B3B3B3",name:"gray 70"},{value:"#B0B0B0",name:"gray 69"},{value:"#ADADAD",name:"gray 68"},{value:"#ABABAB",name:"gray 67"},{value:"#A8A8A8",name:"gray 66"},{value:"#A6A6A6",name:"gray 65"},{value:"#A3A3A3",name:"gray 64"},{value:"#A1A1A1",name:"gray 63"},{value:"#9E9E9E",name:"gray 62"},{value:"#9C9C9C",name:"gray 61"},{value:"#999999",name:"gray 60"},{value:"#969696",name:"gray 59"},{value:"#949494",name:"gray 58"},{value:"#919191",name:"gray 57"},{value:"#8F8F8F",name:"gray 56"},{value:"#8C8C8C",name:"gray 55"},{value:"#8A8A8A",name:"gray 54"},{value:"#878787",name:"gray 53"},{value:"#858585",name:"gray 52"},{value:"#828282",name:"gray 51"},{value:"#7F7F7F",name:"gray 50"},{value:"#7D7D7D",name:"gray 49"},{value:"#7A7A7A",name:"gray 48"},{value:"#787878",name:"gray 47"},{value:"#757575",name:"gray 46"},{value:"#737373",name:"gray 45"},{value:"#707070",name:"gray 44"},{value:"#6E6E6E",name:"gray 43"},{value:"#666666",name:"gray 40"},{value:"#636363",name:"gray 39"},{value:"#616161",name:"gray 38"},{value:"#5E5E5E",name:"gray 37"},{value:"#5C5C5C",name:"gray 36"},{value:"#595959",name:"gray 35"},{value:"#575757",name:"gray 34"},{value:"#545454",name:"gray 33"},{value:"#525252",name:"gray 32"},{value:"#4F4F4F",name:"gray 31"},{value:"#4D4D4D",name:"gray 30"},{value:"#4A4A4A",name:"gray 29"},{value:"#474747",name:"gray 28"},{value:"#454545",name:"gray 27"},{value:"#424242",name:"gray 26"},{value:"#404040",name:"gray 25"},{value:"#3D3D3D",name:"gray 24"},{value:"#3B3B3B",name:"gray 23"},{value:"#383838",name:"gray 22"},{value:"#363636",name:"gray 21"},{value:"#333333",name:"gray 20"},{value:"#303030",name:"gray 19"},{value:"#2E2E2E",name:"gray 18"},{value:"#2B2B2B",name:"gray 17"},{value:"#292929",name:"gray 16"},{value:"#262626",name:"gray 15"},{value:"#242424",name:"gray 14"},{value:"#212121",name:"gray 13"},{value:"#1F1F1F",name:"gray 12"},{value:"#1C1C1C",name:"gray 11"},{value:"#1A1A1A",name:"gray 10"},{value:"#171717",name:"gray 9"},{value:"#141414",name:"gray 8"},{value:"#121212",name:"gray 7"},{value:"#0F0F0F",name:"gray 6"},{value:"#0D0D0D",name:"gray 5"},{value:"#0A0A0A",name:"gray 4"},{value:"#080808",name:"gray 3"},{value:"#050505",name:"gray 2"},{value:"#030303",name:"gray 1"},{value:"#F5F5F5",css:!0,name:"whitesmoke"}],s=(function(n){var e=o.filter(function(e){return!!e.css}),t=o.filter(function(e){return!!e.vga});n.exports=function(e){var a=n.exports.get(e);return a&&a.value},n.exports.get=function(a){return a=(a=a||"").trim().toLowerCase(),o.filter(function(e){return e.name.toLowerCase()===a}).pop()},n.exports.all=n.exports.get.all=function(){return o},n.exports.get.css=function(a){return a?(a=(a=a||"").trim().toLowerCase(),e.filter(function(e){return e.name.toLowerCase()===a}).pop()):e},n.exports.get.vga=function(a){return a?(a=(a=a||"").trim().toLowerCase(),t.filter(function(e){return e.name.toLowerCase()===a}).pop()):t}}(l={exports:{}},l.exports),l.exports);s.get,s.all;var v,h,d=[function(e){e.on("beforeCreated beforeUpdate",function(t){["backgroundColor","borderColor","text.color","text.fill"].map(function(e){var a=D(t,e);if("string"==typeof a){var n=w.utils.string2hex(a.includes("#")?a:s.get(a).value);n&&function(e,a,n){if("object"!==m(e))console.error("setValue tar muse be a object!");else{var t=a.trim().indexOf(".");if(0<t&&t<a.length-1){for(var l=a.trim().split("."),r=e,u="",i=0,o=l.length-1;i<o;i++){var s=l[i];"object"==typeof r[s]?r=r[s]:void 0===r[s]&&(u=s)}u?console.error("the key("+u+") is not in tar obj!"):r[l[l.length-1]]=n}else e[a.replace(/\./g,"")]=n}}(t,e,n)}})})},function(l){l.on("created",function(e){var n=e.instance,a=e.style,t=e.uiDesignRatio;n.layout=new r(n,a,{uiDesignRatio:t,Component:l}),["append","appendTo","before","after","insertBefore","insertAfter","remove"].map(function(a){n[a]=function(e){return n.layout[a](e),n}}),n.updateLayout=function(e){return n.layout.update(e),n}})},function(e){e.on("init",function(){e.pixiComponents.map(function(e){e.prototype.getRelativeBounds=function(){if(this.layout)return this.layout.rlayout},e.prototype.getRealBounds=function(){if(this.layout)return this.layout.pixilayout},e.prototype.getGlobalBounds=function(){for(var e=this.layout.rlayout,a=e.x,n=e.y,t=e.width,l=e.height,r=this.parent;r;){var u=this.getRelativeBounds();u?(a+=u.x,n+=u.y):(a+=r.x,n+=r.y),r=r.parent}return{x:Math.round(a),y:Math.round(n),width:Math.round(t),height:Math.round(l)}}})})},function(e){e.on("update",function(e){var a=e.instance,n=e.style;if((!a.layout.newStyle||a.layout.newStyle.backgroundColor)&&D(n,"backgroundColor")&&["sprite","container","animatedsprite"].includes(a.type)){var t=k(a);if(t){var l=t.x,r=t.y,u=t.width,i=t.height,o=function(e){e.beginFill(n.backgroundColor),e.drawRect(l,r,u,i),e.endFill()};if(a._background)a._background.clear(),o(a._background);else{var s=new w.Graphics;s.name="background-color",o(s),a.addChildAt(s,0),a._background=s}}}})},function(e){e.on("update",function(e){var a=e.instance,n=e.style;if(D(a,"layout.newStyle.overflow")){var t=n.borderRadius,l=void 0===t?0:t,r=n.overflow,u=k(a);if(r&&u){var i=a.getGlobalBounds().width,o=a.layout.transform.length(i,l),s=u.x,m=u.y,v=u.width,c=u.height;if(a.mask&&"overflow"===a.mask.name&&(a.mask.destroy(),a.mask=null),!(o&&0<o)){var h=new w.Graphics;h.beginFill(),i/2<=o?h.drawCircle(0,0,v/2):h.drawRoundedRect(s,m,v,c,o),h.endFill(),h.name="overflow",a.addChildAt(h,0),a.mask=h}}}})},function(e){e.on("update",function(e){var a=e.instance,n=e.style;if(!a.layout.newStyle||a.layout.newStyle.borderWidth||a.layout.newStyle.borderRadius){var t=n.borderWidth,l=void 0===t?0:t,r=n.borderColor,u=void 0===r?0:r,i=n.borderRadius,o=void 0===i?0:i,s=k(a);if(s&&["container","sprite","animatedsprite"].includes(a.type)){var m=a.layout,v=m.realScale,c=m.transform,h=a.getGlobalBounds().width,d=c.length(h,l)/v.x,g=c.length(h,o),y=s.x,F=s.y,p=s.width,E=s.height;if(a._border&&"border"===a._border.name&&(a._border.destroy(),a._border=null),0<d){var f=new w.Graphics,C=p-d,A=E-d,B=-C/2,b=-A/2;f.lineStyle(d,u,1),h/2<=g?f.drawCircle(0,0,C/2):0<g?f.drawRoundedRect(B,b,C,A,g):f.drawRect(B,b,C,A),f.name="border",a.addChildAt(f,a._background?1:0),a._border=f}if(a.mask&&"border-mask"===a.mask.name&&(a.mask.destroy(),a.mask=null),g&&0<g){var D=new w.Graphics;D.beginFill(16777215),h/2<=g?D.drawCircle(0,0,p/2):D.drawRoundedRect(y,F,p,E,g+d/2),D.endFill(),D.name="border-mask",a.addChildAt(D,0),a.mask=D}}}})}],g=((h=y).use=function(e){var a=this;(Array.isArray(e)?e:[e]).map(function(e){return e(a)})},y.prototype.createElement=function(e,a){h.emit("beforeCreated",a);var n=this.createInstance(e,a);n.type=e.toLowerCase();var t=a.opacity,l=a.zIndex;return t&&(n.alpha=t),l&&(n.zIndex=l),h.emit("created beforeMounted",{instance:n,style:a,uiDesignRatio:this.uiDesignRatio}),n},y.prototype.createInstance=function(e,a){var n=a.backgroundColor,t=void 0===n?16777215:n,l=a.backgroundImage,r=void 0===l?this.transparentTexture:l,u=a.backgroundFrame,i=a.animatedFrames,o=a.content,s=void 0===o?"":o;switch(e.toLowerCase()){case"rect":return(m=new w.Graphics).beginFill(t),m.drawRect(0,0,1,1),m.endFill(),m;case"circle":var m;return(m=new w.Graphics).beginFill(t),m.drawEllipse(0,0,1,1),m.endFill(),m;case"text":return new w.Text(s);case"animatedsprite":if(i)return new w.AnimatedSprite(i,!0);case"sprite":case"container":default:var v=this.getTexture(r);if(u){if(4!==u.length)throw new Error("backgroundFrame is error!");v.frame=new w.Rectangle(u[0],u[1],u[2],u[3])}return new w.Sprite(v)}},y.prototype.getTexture=function(e){return e instanceof w.Texture?e:w.Texture.from(e)},y.pixiComponents=[w.Graphics,w.Sprite,w.Text],y=h=function(e,a,n,t){var l,r=arguments.length,u=r<3?a:null===t?t=Object.getOwnPropertyDescriptor(a,n):t;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)u=Reflect.decorate(e,a,n,t);else for(var i=e.length-1;0<=i;i--)(l=e[i])&&(u=(r<3?l(u):3<r?l(a,n,u):l(a,n))||u);return 3<r&&u&&Object.defineProperty(a,n,u),u}([(v=d,function(a){(Array.isArray(v)?v:[v]).map(function(e){"function"==typeof e?e(a):console.error("addon "+v+" must be a function")})}),a],y));function y(e){var a=e.uiDesignWidth,n=void 0===a?window.innerWidth:a;this.uiDesignRatio=n/window.innerWidth,this.transparentTexture=w.Texture.from("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAfQAAAH0AQMAAADxGE3JAAAAA1BMVEUAAACnej3aAAAAAXRSTlMAQObYZgAAADVJREFUeNrtwTEBAAAAwiD7p/ZZDGAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOX0AAAEidG8rAAAAAElFTkSuQmCC"),h.emit("init",e)}var p=new g({uiDesignWidth:window.innerWidth});e.AnimatedSprite=function(e,a){return void 0===a&&(a={}),p.createElement("AnimatedSprite",F(a,{animatedFrames:e}))},e.Circle=function(e){return void 0===e&&(e={}),p.createElement("Circle",e)},e.Container=function(e){return void 0===e&&(e={}),p.createElement("Container",e)},e.Rect=function(e){return void 0===e&&(e={}),p.createElement("Rect",e)},e.Sprite=function(e,a){return void 0===a&&(a={}),p.createElement("Sprite",F(a,{backgroundImage:e}))},e.Text=function(e,a){return void 0===a&&(a={}),p.createElement("Text",F(a,{content:e}))},e.configComponents=function(e){e&&(p=new g(e))},Object.defineProperty(e,"__esModule",{value:!0})});
+!function(e,a){"object"==typeof exports&&"undefined"!=typeof module?a(exports,require("pixi.js")):"function"==typeof define&&define.amd?define(["exports","pixi.js"],a):a((e=e||self).components={},e.PIXI)}(this,function(e,w){"use strict";function a(t){return t.callbacks={},t.on=function(e,a){return e&&a&&(t.hasOwnProperty("callbacks")||t.callbacks||(t.callbacks={}),e.split(" ").map(function(e){(n=t.callbacks)[e]||(n[e]=[]),t.callbacks[e].push(a)})),t;var n},t.emit=function(){for(var n=[],e=0;e<arguments.length;e++)n[e]=arguments[e];return n.shift().split(" ").map(function(e){var a=null!==t.callbacks&&t.callbacks[e]||[];a.length&&a.map(function(e){e&&e.apply(t,n)})}),t},t.off=function(){for(var e=[],a=0;a<arguments.length;a++)e[a]=arguments[a];0===e.length?t.callbacks={}:e.shift().split(" ").map(function(e){return delete t.callbacks[e]});return t},t}function c(e){var a,n,t={},l=t.toString,r=t.hasOwnProperty,u=r.toString,i=u.call(Object);return!(!e||"[object Object]"!==l.call(e))&&(!(a=Object.getPrototypeOf(e))||"function"==typeof(n=r.call(a,"constructor")&&a.constructor)&&u.call(n)===i)}function F(){for(var e,a,n,t,l,r,u=[],i=0;i<arguments.length;i++)u[i]=arguments[i];var o=arguments[0]||{},s=1,m=arguments.length,v=!1;for("boolean"==typeof o&&(v=o,o=arguments[s]||{},s++),"object"!=typeof o&&"function"!=typeof o&&(o={}),s===m&&(o=this,s--);s<m;s++)if(null!==(e=arguments[s]))for(a in e)if(e.hasOwnProperty(a)){if(l=o[a],o===(t=e[a]))continue;v&&t&&(c(t)||(r=Array.isArray(t)))?(n=r?(r=!1,l&&Array.isArray(l)?l:[]):l&&c(l)?l:{},o[a]=F(v,n,t)):void 0!==t&&(o[a]=t)}return o}function m(e){var a={},n=a.toString.call(e);return null==e?e+"":("Boolean Number String Function Array Date RegExp Object Error Symbol".split(" ").forEach(function(e){a["[object "+e+"]"]=e.toLowerCase()}),"object"==typeof e||"function"==typeof e?a[n]||"object":typeof e)}function k(e){if(e.getGlobalBounds&&e.layout){var a=e.getGlobalBounds(),n=a.width,t=a.height,l=e.layout.realScale,r=n/l.x,u=t/l.y;return{x:-r/2,y:-u/2,width:r,height:u}}return null}var D=function(e,a){if("object"!==m(e))return e;for(var n=e,t=a.split("."),l=0,r=t.length;l<r;l++){var u=t[l];if(u){if(!n[u]){n=void 0;break}n=n[u]}}return n};var u=function(e){return e instanceof w.Container&&!(e instanceof w.Sprite)&&!(e instanceof w.Graphics)};function t(i){function v(e){if("string"!=typeof e)return e;var a=e.trim(),n=Math.PI/180;if(a.endsWith("deg")){var t=a.split("deg")[0];return parseFloat(t)*n}return parseFloat(a)}function o(e,a){return(a=a.trim()).endsWith("px")?parseInt(a):a.endsWith("%")?e*parseInt(a)/100:parseInt(a)/i}function h(e,a){var n=0;return"string"==typeof a&&(n=o(e,a)),"number"==typeof a&&(n=a/i),Math.round(n)}function c(e,a,n){if(["number","string"].includes(typeof n)){var t=0;if("number"==typeof n)t=n/i;else if(n.includes(":")){var l=n.split(":"),r=l[0],u=l[1];switch(r.trim()){case"left":case"top":t=o(e,u);break;case"right":case"bottom":t=e-a,t-=o(e,u);break;case"center":t=(e-a)/2,t+=o(e,u)}}else t="center"===n?(e-a)/2:o(e,n);return Math.round(t)}throw new Error("value must be number or string")}function l(e){for(var a={x:e.scale.x,y:e.scale.y},n=e.parent;n;)a.x*=n.scale.x,a.y*=n.scale.y,n=n.parent;return a}function r(e){if(u(e))return function e(a){return a.parent?a.isWorld?{width:window.innerWidth,height:window.innerHeight}:0<a.width&&0<a.height?{width:a.width,height:a.height}:u(a.parent)?e(a.parent):{width:a.parent.width,height:a.parent.height}:{width:window.innerWidth,height:window.innerHeight}}(e);var a=e.width,n=e.height;if(e.parent){var t=l(e.parent);return{width:~~(a*t.x),height:~~(n*t.y)}}return{width:a,height:n}}function d(e){return["sprite","animatedsprite"].includes(e.type)&&e._texture?e._texture.width/e._texture.height:1}function g(e,a){for(var n=0,t=0;t<a.length;t++){var l=a[t],r=e[l];if(void 0!==r){if(["x","y"].includes(l)){n=r;break}if(l.includes("center")){n="center: "+r;break}n=l+": "+r;break}}return n}return void 0===i&&(i=1),{rotation:v,length:h,pos:c,actualScale:l,actualSize:r,getRatio:d,elementSize:function(e,a,n){var t=a.width,l=a.height,r=function(e){switch(e.type){case"animatedsprite":case"sprite":return e._texture;case"container":return{width:500,height:500};case"text":if(D(e,"layout.container")){var a=e.layout.container;return{width:a.width,height:a.height}}return{width:1,height:1};default:return{width:1,height:1}}}(e),u=r.width,i=r.height,o=n.width,s=n.height,m=d(e),v=u,c=i;return t?(v=h(o,t),l?c=h(s,l):m&&(c=v/m)):l&&(v=(c=h(s,l))*m),{width:Math.round(v),height:Math.round(c)}},elementPos:function(e,a,n){var t=a.rotation,l=void 0===t?0:t,r=g(a,["x","left","centerX","right"]),u=g(a,["y","top","centerY","bottom"]),i=n.width,o=n.height,s=e.width,m=e.height;return{x:c(i,s,r),y:c(o,m,u),rotation:v(l)}},container:function(e){var a=r(e),n=a.width,t=a.height;return{element:e,width:n,height:t,ratio:n/t,scale:l(e)}},rlayout2pixilayout:function(e,a,n){var t=e.width,l=e.height,r=e.scale,u=e.element,i=r.x,o=r.y,s=n.width,m=n.height,v=n.x,c=n.y;return v+=s*a.x,c+=m*a.y,u.anchor?(v-=t*u.anchor.x,c-=l*u.anchor.y):u.pivot&&(v-=t*u.pivot.x,c-=l*u.pivot.y),s/=i,m/=o,v/=i,c/=o,{width:Math.round(s),height:Math.round(m),x:Math.round(v),y:Math.round(c),rotation:n.rotation}},pixilayout2rlayout:function(e,a,n){var t=e.width,l=e.height,r=e.scale,u=r.x,i=r.y,o=e.element,s=n.width,m=n.height,v=n.x,c=n.y;return s*=u,m*=i,v*=u,c*=i,o.anchor?(v+=t*o.anchor.x,c+=l*o.anchor.y):o.pivot&&(v+=t*o.pivot.x,c+=l*o.pivot.y),v-=s*a.x,c-=m*a.y,{width:Math.round(s),height:Math.round(m),x:Math.round(v),y:Math.round(c),rotation:n.rotation}}}}function i(e){switch(e.target.type){case"rect":!function(e){var a=e.pixilayout,n=e.target,t=e.transform,l=a.x,r=a.y,u=a.width,i=a.height,o=a.rotation;if(x(e)){var s=D(e,"style")||{},m=s.backgroundColor,v=void 0===m?16777215:m,c=s.borderWidth,h=void 0===c?0:c,d=s.borderColor,g=void 0===d?0:d,y=s.borderRadius,F=void 0===y?0:y,p=t.length(u,h),E=t.length(u,F),f=u-p,C=i-p,A=n.pivot,B=A.x,b=A.y;n.clear(),n.beginFill(v),n.lineStyle(p,g,1),u/2<=E?n.drawEllipse(0,0,f/2,C/2):0<E?n.drawRoundedRect(-f*B,-C*b,f,C,E):n.drawRect(-f*B,-C*b,f,C),n.endFill()}n.x!==l&&(n.x=l);n.y!==r&&(n.y=r);n.rotation!==o&&(n.rotation=o)}(e);break;case"circle":!function(e){var a=e.pixilayout,n=e.target,t=e.transform,l=a.x,r=a.y,u=a.width,i=a.height;if(x(e)){var o=D(e,"style")||{},s=o.backgroundColor,m=void 0===s?16777215:s,v=o.borderWidth,c=void 0===v?0:v,h=o.borderColor,d=void 0===h?0:h,g=t.length(u,c),y=u-g,F=i-g;n.clear(),n.beginFill(m),n.lineStyle(g,d,1),n.drawEllipse(0,0,y/2,F/2),n.endFill()}n.x!==l&&(n.x=l);n.y!==r&&(n.y=r)}(e);break;case"text":!function(e){var a=e.target,n=e.pixilayout,t=n.x,l=n.y,r=n.width,u=n.height,i=n.rotation,o=e.style.content,s=void 0===o?"":o;a.style=new w.TextStyle(e.textStyle),a.text=s,a.width!==r&&(a.width=r);a.height!==u&&(a.height=u);a.x!==t&&(a.x=t);a.y!==l&&(a.y=l);a.rotation!==i&&(a.rotation=i)}(e);break;case"animatedsprite":var a=e.target,n=e.style,t=n.animatedLoop,l=n.animationSpeed;void 0!==l&&(a.animationSpeed=l),void 0!==t&&(a.loop=t),a.play();case"sprite":case"container":default:!function(e){var a=e.target,n=e.pixilayout,t=n.width,l=n.height,r=n.x,u=n.y,i=n.rotation;a.width!==t&&(a.width=t);a.height!==l&&(a.height=l);a.x!==r&&(a.x=r);a.y!==u&&(a.y=u);a.rotation!==i&&(a.rotation=i)}(e)}}var x=function(e){return e.styleHasChanged(["width","height","borderWidth","borderColor","backgroundColor"])};var r=(n.prototype._fixTextSize=function(e){var a=this.transform,n=this.container,t=n.width,l=n.height,r=this.style||{},u=r.content,i=void 0===u?"":u,o=r.fontSize,s=void 0===o?20:o,m=r.lineHeight,v=void 0===m?1.5*s:m,c=r.color,h=void 0===c?0:c,d=function(e,a){var n={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&a.indexOf(t)<0&&(n[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var l=0;for(t=Object.getOwnPropertySymbols(e);l<t.length;l++)a.indexOf(t[l])<0&&(n[t[l]]=e[t[l]])}return n}(r,["content","fontSize","lineHeight","color"]),g=new w.TextStyle(F({fontSize:a.length(t,s),breakWords:!0,wordWrap:!0,wordWrapWidth:e.width,lineHeight:a.length(l,v),fill:h},d));this.textStyle=g;var y=new w.Text(i,g);return{width:y.width,height:y.height}},n.prototype.styleHasChanged=function(e){var a=!1;if(this.newStyle)for(var n=0;n<e.length;n++){var t=e[n];if(this.newStyle[t]){a=!0;break}}else a=!0;return a},n.prototype._getRlayout=function(){var e,a=this.target,n=this.style,t=this.container;return!this.rlayout||this.styleHasChanged(["width","height"])?e=this.transform.elementSize(a,n,t):this.rlayout&&(e={width:this.rlayout.width,height:this.rlayout.height}),"text"===a.type&&(e=this._fixTextSize(e)),F(e,this.transform.elementPos(e,n,t))},n.prototype._setLayout=function(){var e=this.target,a=this.style,n=this.container,t=a.scale,l=void 0===t?1:t,r=a.anchor,u=void 0===r?{x:.5,y:.5}:r;this.rlayout=this._getRlayout(),this.pixilayout=this.transform.rlayout2pixilayout(n,u,this.rlayout),this.styleHasChanged(["anchor"])&&e[e.anchor?"anchor":"pivot"].set(u.x,u.y),i(this),1!==l&&this.setScale(l),this.styleHasChanged(["width","height"])&&("container"===e.type?this.realScale={x:this.rlayout.width/500,y:this.rlayout.height/500}:this.realScale=this.transform.actualScale(e))},n.prototype.setScale=function(e){var a=this.target,n=this.initScale;a.scale.set(n.x*e,n.y*e)},n.prototype._inheritStyle=function(){var e=this.container,a=this.style,n=this.target,t=D(e,"element.layout.style");if(t&&(["fontSize","color","lineHeight","fontWeight","fontStyle","fontFamily"].map(function(e){!a[e]&&t[e]&&(a[e]=t[e])}),t.textAlign&&"text"===n.type))switch(t.textAlign){case"left":a.left||(a.left=0),a.centerY||(a.centerY=0);break;case"right":a.right||(a.right=0),a.centerY||(a.centerY=0);break;case"center":a.centerX||(a.centerX=0),a.centerY||(a.centerY=0)}},n.prototype.render=function(e){var a=this;e?(this.container=this.transform.container(e),this._inheritStyle(),this._setLayout(),this._fixRender(),["update","mounted"].map(function(e){a.config.Component.emit(e,{instance:a.target,style:a.style})})):console.warn("layout.render must have a container.")},n.prototype._fixRender=function(){var e=this;if(["sprite","container","animatedsprite"].includes(this.target.type)&&!this.target.texture.valid){var a=!1;this.target.texture.on("update",function(){a||(e.update(),e.updateChild(),a=!0)})}else this.target.children.length&&this.updateChild()},n.prototype.appendTo=function(e){e&&e.addChild?(e.addChild(this.target),this.render(e)):console.error("the container is not exsit!")},n.prototype.append=function(e){e.layout.appendTo(this.target)},n.prototype._addChildAt=function(e,a,n){e.addChildAt&&(e.addChildAt(a,n),a.layout.render(e))},n.prototype._addSibling=function(e,a){if(this.container&&D(e,"layout")){var n=this.container.element,t=e,l=n.getChildIndex(this.target)+a;this._addChildAt(n,t,l)}},n.prototype._insertSibling=function(e,a){var n=D(e,"layout.container.element");if(n){var t=e,l=this.target,r=n.getChildIndex(t)+a;this._addChildAt(n,l,r)}},n.prototype._isMe=function(e,a,n){var t=D(e,"layout.container.element");if(t){var l=t.getChildIndex(e)+n;if(t.children[l]===a)return!0}return!1},n.prototype.before=function(e){this._isMe(this.target,e,-1)||this._addSibling(e,0)},n.prototype.after=function(e){this._isMe(this.target,e,1)||this._addSibling(e,1)},n.prototype.insertBefore=function(e){this._isMe(e,this.target,-1)||this._insertSibling(e,0)},n.prototype.insertAfter=function(e){this._isMe(e,this.target,1)||this._insertSibling(e,1)},n.prototype.remove=function(){var e=D(this,"container.element");return e?e.removeChild(this.target):this.target.destroy?this.target.destroy():this.target},n.prototype.hasLayoutUpdatedByOutSet=function(){var e=!1;if(this.newStyle)for(var a=this.target,n=this.pixilayout,t=["width","height","x","y","rotation"],l=0;l<t.length;l++){var r=t[l];a[r]!==n[r]&&(e=!0)}return e},n.prototype.update=function(e){var a=this.target,n=this.config;if(n.Component.emit("beforeUpdate",e),this.hasLayoutUpdatedByOutSet()&&this.updateStyle(),this.newStyle=e,this.style=F(this.style,e||{}),this.container){this._setLayout();var t=D(a,"children");t.length&&t.map(function(e){e.layout&&e.layout.update()}),n.Component.emit("update",{instance:this.target,style:this.style})}},n.prototype.refreshContianer=function(){this.container=this.transform.container(this.container.element)},n.prototype.updateChild=function(){var e=D(this.target,"children");e.length&&e.map(function(e){e.layout&&(e.layout.refreshContianer(),e.layout.update())})},n.prototype.updateStyle=function(){var e=this.target,a=this.style,n=this.container,t=a.anchor,l=void 0===t?{x:.5,y:.5}:t,r=e.width,u=e.height,i=e.x,o=e.y,s=e.rotation;this.pixilayout={width:r,height:u,x:i,y:o,rotation:s};var m=this.transform.pixilayout2rlayout(n,l,this.pixilayout);this.rlayout=m,this.style.left=m.x,this.style.top=m.y,this.style.width=m.width,this.style.height=m.height,this.style.rotation=m.rotation},n);function n(e,a,n){void 0===a&&(a={}),this.target=e,this.style=a,this.config=n,this.transform=t(n.uiDesignRatio),this.initScale=e.scale}var l,o=[{value:"#B0171F",name:"indian red"},{value:"#DC143C",css:!0,name:"crimson"},{value:"#FFB6C1",css:!0,name:"lightpink"},{value:"#FFAEB9",name:"lightpink 1"},{value:"#EEA2AD",name:"lightpink 2"},{value:"#CD8C95",name:"lightpink 3"},{value:"#8B5F65",name:"lightpink 4"},{value:"#FFC0CB",css:!0,name:"pink"},{value:"#FFB5C5",name:"pink 1"},{value:"#EEA9B8",name:"pink 2"},{value:"#CD919E",name:"pink 3"},{value:"#8B636C",name:"pink 4"},{value:"#DB7093",css:!0,name:"palevioletred"},{value:"#FF82AB",name:"palevioletred 1"},{value:"#EE799F",name:"palevioletred 2"},{value:"#CD6889",name:"palevioletred 3"},{value:"#8B475D",name:"palevioletred 4"},{value:"#FFF0F5",name:"lavenderblush 1"},{value:"#FFF0F5",css:!0,name:"lavenderblush"},{value:"#EEE0E5",name:"lavenderblush 2"},{value:"#CDC1C5",name:"lavenderblush 3"},{value:"#8B8386",name:"lavenderblush 4"},{value:"#FF3E96",name:"violetred 1"},{value:"#EE3A8C",name:"violetred 2"},{value:"#CD3278",name:"violetred 3"},{value:"#8B2252",name:"violetred 4"},{value:"#FF69B4",css:!0,name:"hotpink"},{value:"#FF6EB4",name:"hotpink 1"},{value:"#EE6AA7",name:"hotpink 2"},{value:"#CD6090",name:"hotpink 3"},{value:"#8B3A62",name:"hotpink 4"},{value:"#872657",name:"raspberry"},{value:"#FF1493",name:"deeppink 1"},{value:"#FF1493",css:!0,name:"deeppink"},{value:"#EE1289",name:"deeppink 2"},{value:"#CD1076",name:"deeppink 3"},{value:"#8B0A50",name:"deeppink 4"},{value:"#FF34B3",name:"maroon 1"},{value:"#EE30A7",name:"maroon 2"},{value:"#CD2990",name:"maroon 3"},{value:"#8B1C62",name:"maroon 4"},{value:"#C71585",css:!0,name:"mediumvioletred"},{value:"#D02090",name:"violetred"},{value:"#DA70D6",css:!0,name:"orchid"},{value:"#FF83FA",name:"orchid 1"},{value:"#EE7AE9",name:"orchid 2"},{value:"#CD69C9",name:"orchid 3"},{value:"#8B4789",name:"orchid 4"},{value:"#D8BFD8",css:!0,name:"thistle"},{value:"#FFE1FF",name:"thistle 1"},{value:"#EED2EE",name:"thistle 2"},{value:"#CDB5CD",name:"thistle 3"},{value:"#8B7B8B",name:"thistle 4"},{value:"#FFBBFF",name:"plum 1"},{value:"#EEAEEE",name:"plum 2"},{value:"#CD96CD",name:"plum 3"},{value:"#8B668B",name:"plum 4"},{value:"#DDA0DD",css:!0,name:"plum"},{value:"#EE82EE",css:!0,name:"violet"},{value:"#FF00FF",vga:!0,name:"magenta"},{value:"#FF00FF",vga:!0,css:!0,name:"fuchsia"},{value:"#EE00EE",name:"magenta 2"},{value:"#CD00CD",name:"magenta 3"},{value:"#8B008B",name:"magenta 4"},{value:"#8B008B",css:!0,name:"darkmagenta"},{value:"#800080",vga:!0,css:!0,name:"purple"},{value:"#BA55D3",css:!0,name:"mediumorchid"},{value:"#E066FF",name:"mediumorchid 1"},{value:"#D15FEE",name:"mediumorchid 2"},{value:"#B452CD",name:"mediumorchid 3"},{value:"#7A378B",name:"mediumorchid 4"},{value:"#9400D3",css:!0,name:"darkviolet"},{value:"#9932CC",css:!0,name:"darkorchid"},{value:"#BF3EFF",name:"darkorchid 1"},{value:"#B23AEE",name:"darkorchid 2"},{value:"#9A32CD",name:"darkorchid 3"},{value:"#68228B",name:"darkorchid 4"},{value:"#4B0082",css:!0,name:"indigo"},{value:"#8A2BE2",css:!0,name:"blueviolet"},{value:"#9B30FF",name:"purple 1"},{value:"#912CEE",name:"purple 2"},{value:"#7D26CD",name:"purple 3"},{value:"#551A8B",name:"purple 4"},{value:"#9370DB",css:!0,name:"mediumpurple"},{value:"#AB82FF",name:"mediumpurple 1"},{value:"#9F79EE",name:"mediumpurple 2"},{value:"#8968CD",name:"mediumpurple 3"},{value:"#5D478B",name:"mediumpurple 4"},{value:"#483D8B",css:!0,name:"darkslateblue"},{value:"#8470FF",name:"lightslateblue"},{value:"#7B68EE",css:!0,name:"mediumslateblue"},{value:"#6A5ACD",css:!0,name:"slateblue"},{value:"#836FFF",name:"slateblue 1"},{value:"#7A67EE",name:"slateblue 2"},{value:"#6959CD",name:"slateblue 3"},{value:"#473C8B",name:"slateblue 4"},{value:"#F8F8FF",css:!0,name:"ghostwhite"},{value:"#E6E6FA",css:!0,name:"lavender"},{value:"#0000FF",vga:!0,css:!0,name:"blue"},{value:"#0000EE",name:"blue 2"},{value:"#0000CD",name:"blue 3"},{value:"#0000CD",css:!0,name:"mediumblue"},{value:"#00008B",name:"blue 4"},{value:"#00008B",css:!0,name:"darkblue"},{value:"#000080",vga:!0,css:!0,name:"navy"},{value:"#191970",css:!0,name:"midnightblue"},{value:"#3D59AB",name:"cobalt"},{value:"#4169E1",css:!0,name:"royalblue"},{value:"#4876FF",name:"royalblue 1"},{value:"#436EEE",name:"royalblue 2"},{value:"#3A5FCD",name:"royalblue 3"},{value:"#27408B",name:"royalblue 4"},{value:"#6495ED",css:!0,name:"cornflowerblue"},{value:"#B0C4DE",css:!0,name:"lightsteelblue"},{value:"#CAE1FF",name:"lightsteelblue 1"},{value:"#BCD2EE",name:"lightsteelblue 2"},{value:"#A2B5CD",name:"lightsteelblue 3"},{value:"#6E7B8B",name:"lightsteelblue 4"},{value:"#778899",css:!0,name:"lightslategray"},{value:"#708090",css:!0,name:"slategray"},{value:"#C6E2FF",name:"slategray 1"},{value:"#B9D3EE",name:"slategray 2"},{value:"#9FB6CD",name:"slategray 3"},{value:"#6C7B8B",name:"slategray 4"},{value:"#1E90FF",name:"dodgerblue 1"},{value:"#1E90FF",css:!0,name:"dodgerblue"},{value:"#1C86EE",name:"dodgerblue 2"},{value:"#1874CD",name:"dodgerblue 3"},{value:"#104E8B",name:"dodgerblue 4"},{value:"#F0F8FF",css:!0,name:"aliceblue"},{value:"#4682B4",css:!0,name:"steelblue"},{value:"#63B8FF",name:"steelblue 1"},{value:"#5CACEE",name:"steelblue 2"},{value:"#4F94CD",name:"steelblue 3"},{value:"#36648B",name:"steelblue 4"},{value:"#87CEFA",css:!0,name:"lightskyblue"},{value:"#B0E2FF",name:"lightskyblue 1"},{value:"#A4D3EE",name:"lightskyblue 2"},{value:"#8DB6CD",name:"lightskyblue 3"},{value:"#607B8B",name:"lightskyblue 4"},{value:"#87CEFF",name:"skyblue 1"},{value:"#7EC0EE",name:"skyblue 2"},{value:"#6CA6CD",name:"skyblue 3"},{value:"#4A708B",name:"skyblue 4"},{value:"#87CEEB",css:!0,name:"skyblue"},{value:"#00BFFF",name:"deepskyblue 1"},{value:"#00BFFF",css:!0,name:"deepskyblue"},{value:"#00B2EE",name:"deepskyblue 2"},{value:"#009ACD",name:"deepskyblue 3"},{value:"#00688B",name:"deepskyblue 4"},{value:"#33A1C9",name:"peacock"},{value:"#ADD8E6",css:!0,name:"lightblue"},{value:"#BFEFFF",name:"lightblue 1"},{value:"#B2DFEE",name:"lightblue 2"},{value:"#9AC0CD",name:"lightblue 3"},{value:"#68838B",name:"lightblue 4"},{value:"#B0E0E6",css:!0,name:"powderblue"},{value:"#98F5FF",name:"cadetblue 1"},{value:"#8EE5EE",name:"cadetblue 2"},{value:"#7AC5CD",name:"cadetblue 3"},{value:"#53868B",name:"cadetblue 4"},{value:"#00F5FF",name:"turquoise 1"},{value:"#00E5EE",name:"turquoise 2"},{value:"#00C5CD",name:"turquoise 3"},{value:"#00868B",name:"turquoise 4"},{value:"#5F9EA0",css:!0,name:"cadetblue"},{value:"#00CED1",css:!0,name:"darkturquoise"},{value:"#F0FFFF",name:"azure 1"},{value:"#F0FFFF",css:!0,name:"azure"},{value:"#E0EEEE",name:"azure 2"},{value:"#C1CDCD",name:"azure 3"},{value:"#838B8B",name:"azure 4"},{value:"#E0FFFF",name:"lightcyan 1"},{value:"#E0FFFF",css:!0,name:"lightcyan"},{value:"#D1EEEE",name:"lightcyan 2"},{value:"#B4CDCD",name:"lightcyan 3"},{value:"#7A8B8B",name:"lightcyan 4"},{value:"#BBFFFF",name:"paleturquoise 1"},{value:"#AEEEEE",name:"paleturquoise 2"},{value:"#AEEEEE",css:!0,name:"paleturquoise"},{value:"#96CDCD",name:"paleturquoise 3"},{value:"#668B8B",name:"paleturquoise 4"},{value:"#2F4F4F",css:!0,name:"darkslategray"},{value:"#97FFFF",name:"darkslategray 1"},{value:"#8DEEEE",name:"darkslategray 2"},{value:"#79CDCD",name:"darkslategray 3"},{value:"#528B8B",name:"darkslategray 4"},{value:"#00FFFF",name:"cyan"},{value:"#00FFFF",css:!0,name:"aqua"},{value:"#00EEEE",name:"cyan 2"},{value:"#00CDCD",name:"cyan 3"},{value:"#008B8B",name:"cyan 4"},{value:"#008B8B",css:!0,name:"darkcyan"},{value:"#008080",vga:!0,css:!0,name:"teal"},{value:"#48D1CC",css:!0,name:"mediumturquoise"},{value:"#20B2AA",css:!0,name:"lightseagreen"},{value:"#03A89E",name:"manganeseblue"},{value:"#40E0D0",css:!0,name:"turquoise"},{value:"#808A87",name:"coldgrey"},{value:"#00C78C",name:"turquoiseblue"},{value:"#7FFFD4",name:"aquamarine 1"},{value:"#7FFFD4",css:!0,name:"aquamarine"},{value:"#76EEC6",name:"aquamarine 2"},{value:"#66CDAA",name:"aquamarine 3"},{value:"#66CDAA",css:!0,name:"mediumaquamarine"},{value:"#458B74",name:"aquamarine 4"},{value:"#00FA9A",css:!0,name:"mediumspringgreen"},{value:"#F5FFFA",css:!0,name:"mintcream"},{value:"#00FF7F",css:!0,name:"springgreen"},{value:"#00EE76",name:"springgreen 1"},{value:"#00CD66",name:"springgreen 2"},{value:"#008B45",name:"springgreen 3"},{value:"#3CB371",css:!0,name:"mediumseagreen"},{value:"#54FF9F",name:"seagreen 1"},{value:"#4EEE94",name:"seagreen 2"},{value:"#43CD80",name:"seagreen 3"},{value:"#2E8B57",name:"seagreen 4"},{value:"#2E8B57",css:!0,name:"seagreen"},{value:"#00C957",name:"emeraldgreen"},{value:"#BDFCC9",name:"mint"},{value:"#3D9140",name:"cobaltgreen"},{value:"#F0FFF0",name:"honeydew 1"},{value:"#F0FFF0",css:!0,name:"honeydew"},{value:"#E0EEE0",name:"honeydew 2"},{value:"#C1CDC1",name:"honeydew 3"},{value:"#838B83",name:"honeydew 4"},{value:"#8FBC8F",css:!0,name:"darkseagreen"},{value:"#C1FFC1",name:"darkseagreen 1"},{value:"#B4EEB4",name:"darkseagreen 2"},{value:"#9BCD9B",name:"darkseagreen 3"},{value:"#698B69",name:"darkseagreen 4"},{value:"#98FB98",css:!0,name:"palegreen"},{value:"#9AFF9A",name:"palegreen 1"},{value:"#90EE90",name:"palegreen 2"},{value:"#90EE90",css:!0,name:"lightgreen"},{value:"#7CCD7C",name:"palegreen 3"},{value:"#548B54",name:"palegreen 4"},{value:"#32CD32",css:!0,name:"limegreen"},{value:"#228B22",css:!0,name:"forestgreen"},{value:"#00FF00",vga:!0,name:"green 1"},{value:"#00FF00",vga:!0,css:!0,name:"lime"},{value:"#00EE00",name:"green 2"},{value:"#00CD00",name:"green 3"},{value:"#008B00",name:"green 4"},{value:"#008000",vga:!0,css:!0,name:"green"},{value:"#006400",css:!0,name:"darkgreen"},{value:"#308014",name:"sapgreen"},{value:"#7CFC00",css:!0,name:"lawngreen"},{value:"#7FFF00",name:"chartreuse 1"},{value:"#7FFF00",css:!0,name:"chartreuse"},{value:"#76EE00",name:"chartreuse 2"},{value:"#66CD00",name:"chartreuse 3"},{value:"#458B00",name:"chartreuse 4"},{value:"#ADFF2F",css:!0,name:"greenyellow"},{value:"#CAFF70",name:"darkolivegreen 1"},{value:"#BCEE68",name:"darkolivegreen 2"},{value:"#A2CD5A",name:"darkolivegreen 3"},{value:"#6E8B3D",name:"darkolivegreen 4"},{value:"#556B2F",css:!0,name:"darkolivegreen"},{value:"#6B8E23",css:!0,name:"olivedrab"},{value:"#C0FF3E",name:"olivedrab 1"},{value:"#B3EE3A",name:"olivedrab 2"},{value:"#9ACD32",name:"olivedrab 3"},{value:"#9ACD32",css:!0,name:"yellowgreen"},{value:"#698B22",name:"olivedrab 4"},{value:"#FFFFF0",name:"ivory 1"},{value:"#FFFFF0",css:!0,name:"ivory"},{value:"#EEEEE0",name:"ivory 2"},{value:"#CDCDC1",name:"ivory 3"},{value:"#8B8B83",name:"ivory 4"},{value:"#F5F5DC",css:!0,name:"beige"},{value:"#FFFFE0",name:"lightyellow 1"},{value:"#FFFFE0",css:!0,name:"lightyellow"},{value:"#EEEED1",name:"lightyellow 2"},{value:"#CDCDB4",name:"lightyellow 3"},{value:"#8B8B7A",name:"lightyellow 4"},{value:"#FAFAD2",css:!0,name:"lightgoldenrodyellow"},{value:"#FFFF00",vga:!0,name:"yellow 1"},{value:"#FFFF00",vga:!0,css:!0,name:"yellow"},{value:"#EEEE00",name:"yellow 2"},{value:"#CDCD00",name:"yellow 3"},{value:"#8B8B00",name:"yellow 4"},{value:"#808069",name:"warmgrey"},{value:"#808000",vga:!0,css:!0,name:"olive"},{value:"#BDB76B",css:!0,name:"darkkhaki"},{value:"#FFF68F",name:"khaki 1"},{value:"#EEE685",name:"khaki 2"},{value:"#CDC673",name:"khaki 3"},{value:"#8B864E",name:"khaki 4"},{value:"#F0E68C",css:!0,name:"khaki"},{value:"#EEE8AA",css:!0,name:"palegoldenrod"},{value:"#FFFACD",name:"lemonchiffon 1"},{value:"#FFFACD",css:!0,name:"lemonchiffon"},{value:"#EEE9BF",name:"lemonchiffon 2"},{value:"#CDC9A5",name:"lemonchiffon 3"},{value:"#8B8970",name:"lemonchiffon 4"},{value:"#FFEC8B",name:"lightgoldenrod 1"},{value:"#EEDC82",name:"lightgoldenrod 2"},{value:"#CDBE70",name:"lightgoldenrod 3"},{value:"#8B814C",name:"lightgoldenrod 4"},{value:"#E3CF57",name:"banana"},{value:"#FFD700",name:"gold 1"},{value:"#FFD700",css:!0,name:"gold"},{value:"#EEC900",name:"gold 2"},{value:"#CDAD00",name:"gold 3"},{value:"#8B7500",name:"gold 4"},{value:"#FFF8DC",name:"cornsilk 1"},{value:"#FFF8DC",css:!0,name:"cornsilk"},{value:"#EEE8CD",name:"cornsilk 2"},{value:"#CDC8B1",name:"cornsilk 3"},{value:"#8B8878",name:"cornsilk 4"},{value:"#DAA520",css:!0,name:"goldenrod"},{value:"#FFC125",name:"goldenrod 1"},{value:"#EEB422",name:"goldenrod 2"},{value:"#CD9B1D",name:"goldenrod 3"},{value:"#8B6914",name:"goldenrod 4"},{value:"#B8860B",css:!0,name:"darkgoldenrod"},{value:"#FFB90F",name:"darkgoldenrod 1"},{value:"#EEAD0E",name:"darkgoldenrod 2"},{value:"#CD950C",name:"darkgoldenrod 3"},{value:"#8B6508",name:"darkgoldenrod 4"},{value:"#FFA500",name:"orange 1"},{value:"#FF8000",css:!0,name:"orange"},{value:"#EE9A00",name:"orange 2"},{value:"#CD8500",name:"orange 3"},{value:"#8B5A00",name:"orange 4"},{value:"#FFFAF0",css:!0,name:"floralwhite"},{value:"#FDF5E6",css:!0,name:"oldlace"},{value:"#F5DEB3",css:!0,name:"wheat"},{value:"#FFE7BA",name:"wheat 1"},{value:"#EED8AE",name:"wheat 2"},{value:"#CDBA96",name:"wheat 3"},{value:"#8B7E66",name:"wheat 4"},{value:"#FFE4B5",css:!0,name:"moccasin"},{value:"#FFEFD5",css:!0,name:"papayawhip"},{value:"#FFEBCD",css:!0,name:"blanchedalmond"},{value:"#FFDEAD",name:"navajowhite 1"},{value:"#FFDEAD",css:!0,name:"navajowhite"},{value:"#EECFA1",name:"navajowhite 2"},{value:"#CDB38B",name:"navajowhite 3"},{value:"#8B795E",name:"navajowhite 4"},{value:"#FCE6C9",name:"eggshell"},{value:"#D2B48C",css:!0,name:"tan"},{value:"#9C661F",name:"brick"},{value:"#FF9912",name:"cadmiumyellow"},{value:"#FAEBD7",css:!0,name:"antiquewhite"},{value:"#FFEFDB",name:"antiquewhite 1"},{value:"#EEDFCC",name:"antiquewhite 2"},{value:"#CDC0B0",name:"antiquewhite 3"},{value:"#8B8378",name:"antiquewhite 4"},{value:"#DEB887",css:!0,name:"burlywood"},{value:"#FFD39B",name:"burlywood 1"},{value:"#EEC591",name:"burlywood 2"},{value:"#CDAA7D",name:"burlywood 3"},{value:"#8B7355",name:"burlywood 4"},{value:"#FFE4C4",name:"bisque 1"},{value:"#FFE4C4",css:!0,name:"bisque"},{value:"#EED5B7",name:"bisque 2"},{value:"#CDB79E",name:"bisque 3"},{value:"#8B7D6B",name:"bisque 4"},{value:"#E3A869",name:"melon"},{value:"#ED9121",name:"carrot"},{value:"#FF8C00",css:!0,name:"darkorange"},{value:"#FF7F00",name:"darkorange 1"},{value:"#EE7600",name:"darkorange 2"},{value:"#CD6600",name:"darkorange 3"},{value:"#8B4500",name:"darkorange 4"},{value:"#FFA54F",name:"tan 1"},{value:"#EE9A49",name:"tan 2"},{value:"#CD853F",name:"tan 3"},{value:"#CD853F",css:!0,name:"peru"},{value:"#8B5A2B",name:"tan 4"},{value:"#FAF0E6",css:!0,name:"linen"},{value:"#FFDAB9",name:"peachpuff 1"},{value:"#FFDAB9",css:!0,name:"peachpuff"},{value:"#EECBAD",name:"peachpuff 2"},{value:"#CDAF95",name:"peachpuff 3"},{value:"#8B7765",name:"peachpuff 4"},{value:"#FFF5EE",name:"seashell 1"},{value:"#FFF5EE",css:!0,name:"seashell"},{value:"#EEE5DE",name:"seashell 2"},{value:"#CDC5BF",name:"seashell 3"},{value:"#8B8682",name:"seashell 4"},{value:"#F4A460",css:!0,name:"sandybrown"},{value:"#C76114",name:"rawsienna"},{value:"#D2691E",css:!0,name:"chocolate"},{value:"#FF7F24",name:"chocolate 1"},{value:"#EE7621",name:"chocolate 2"},{value:"#CD661D",name:"chocolate 3"},{value:"#8B4513",name:"chocolate 4"},{value:"#8B4513",css:!0,name:"saddlebrown"},{value:"#292421",name:"ivoryblack"},{value:"#FF7D40",name:"flesh"},{value:"#FF6103",name:"cadmiumorange"},{value:"#8A360F",name:"burntsienna"},{value:"#A0522D",css:!0,name:"sienna"},{value:"#FF8247",name:"sienna 1"},{value:"#EE7942",name:"sienna 2"},{value:"#CD6839",name:"sienna 3"},{value:"#8B4726",name:"sienna 4"},{value:"#FFA07A",name:"lightsalmon 1"},{value:"#FFA07A",css:!0,name:"lightsalmon"},{value:"#EE9572",name:"lightsalmon 2"},{value:"#CD8162",name:"lightsalmon 3"},{value:"#8B5742",name:"lightsalmon 4"},{value:"#FF7F50",css:!0,name:"coral"},{value:"#FF4500",name:"orangered 1"},{value:"#FF4500",css:!0,name:"orangered"},{value:"#EE4000",name:"orangered 2"},{value:"#CD3700",name:"orangered 3"},{value:"#8B2500",name:"orangered 4"},{value:"#5E2612",name:"sepia"},{value:"#E9967A",css:!0,name:"darksalmon"},{value:"#FF8C69",name:"salmon 1"},{value:"#EE8262",name:"salmon 2"},{value:"#CD7054",name:"salmon 3"},{value:"#8B4C39",name:"salmon 4"},{value:"#FF7256",name:"coral 1"},{value:"#EE6A50",name:"coral 2"},{value:"#CD5B45",name:"coral 3"},{value:"#8B3E2F",name:"coral 4"},{value:"#8A3324",name:"burntumber"},{value:"#FF6347",name:"tomato 1"},{value:"#FF6347",css:!0,name:"tomato"},{value:"#EE5C42",name:"tomato 2"},{value:"#CD4F39",name:"tomato 3"},{value:"#8B3626",name:"tomato 4"},{value:"#FA8072",css:!0,name:"salmon"},{value:"#FFE4E1",name:"mistyrose 1"},{value:"#FFE4E1",css:!0,name:"mistyrose"},{value:"#EED5D2",name:"mistyrose 2"},{value:"#CDB7B5",name:"mistyrose 3"},{value:"#8B7D7B",name:"mistyrose 4"},{value:"#FFFAFA",name:"snow 1"},{value:"#FFFAFA",css:!0,name:"snow"},{value:"#EEE9E9",name:"snow 2"},{value:"#CDC9C9",name:"snow 3"},{value:"#8B8989",name:"snow 4"},{value:"#BC8F8F",css:!0,name:"rosybrown"},{value:"#FFC1C1",name:"rosybrown 1"},{value:"#EEB4B4",name:"rosybrown 2"},{value:"#CD9B9B",name:"rosybrown 3"},{value:"#8B6969",name:"rosybrown 4"},{value:"#F08080",css:!0,name:"lightcoral"},{value:"#CD5C5C",css:!0,name:"indianred"},{value:"#FF6A6A",name:"indianred 1"},{value:"#EE6363",name:"indianred 2"},{value:"#8B3A3A",name:"indianred 4"},{value:"#CD5555",name:"indianred 3"},{value:"#A52A2A",css:!0,name:"brown"},{value:"#FF4040",name:"brown 1"},{value:"#EE3B3B",name:"brown 2"},{value:"#CD3333",name:"brown 3"},{value:"#8B2323",name:"brown 4"},{value:"#B22222",css:!0,name:"firebrick"},{value:"#FF3030",name:"firebrick 1"},{value:"#EE2C2C",name:"firebrick 2"},{value:"#CD2626",name:"firebrick 3"},{value:"#8B1A1A",name:"firebrick 4"},{value:"#FF0000",vga:!0,name:"red 1"},{value:"#FF0000",vga:!0,css:!0,name:"red"},{value:"#EE0000",name:"red 2"},{value:"#CD0000",name:"red 3"},{value:"#8B0000",name:"red 4"},{value:"#8B0000",css:!0,name:"darkred"},{value:"#800000",vga:!0,css:!0,name:"maroon"},{value:"#8E388E",name:"sgi beet"},{value:"#7171C6",name:"sgi slateblue"},{value:"#7D9EC0",name:"sgi lightblue"},{value:"#388E8E",name:"sgi teal"},{value:"#71C671",name:"sgi chartreuse"},{value:"#8E8E38",name:"sgi olivedrab"},{value:"#C5C1AA",name:"sgi brightgray"},{value:"#C67171",name:"sgi salmon"},{value:"#555555",name:"sgi darkgray"},{value:"#1E1E1E",name:"sgi gray 12"},{value:"#282828",name:"sgi gray 16"},{value:"#515151",name:"sgi gray 32"},{value:"#5B5B5B",name:"sgi gray 36"},{value:"#848484",name:"sgi gray 52"},{value:"#8E8E8E",name:"sgi gray 56"},{value:"#AAAAAA",name:"sgi lightgray"},{value:"#B7B7B7",name:"sgi gray 72"},{value:"#C1C1C1",name:"sgi gray 76"},{value:"#EAEAEA",name:"sgi gray 92"},{value:"#F4F4F4",name:"sgi gray 96"},{value:"#FFFFFF",vga:!0,css:!0,name:"white"},{value:"#F5F5F5",name:"white smoke"},{value:"#F5F5F5",name:"gray 96"},{value:"#DCDCDC",css:!0,name:"gainsboro"},{value:"#D3D3D3",css:!0,name:"lightgrey"},{value:"#C0C0C0",vga:!0,css:!0,name:"silver"},{value:"#A9A9A9",css:!0,name:"darkgray"},{value:"#808080",vga:!0,css:!0,name:"gray"},{value:"#696969",css:!0,name:"dimgray"},{value:"#696969",name:"gray 42"},{value:"#000000",vga:!0,css:!0,name:"black"},{value:"#FCFCFC",name:"gray 99"},{value:"#FAFAFA",name:"gray 98"},{value:"#F7F7F7",name:"gray 97"},{value:"#F2F2F2",name:"gray 95"},{value:"#F0F0F0",name:"gray 94"},{value:"#EDEDED",name:"gray 93"},{value:"#EBEBEB",name:"gray 92"},{value:"#E8E8E8",name:"gray 91"},{value:"#E5E5E5",name:"gray 90"},{value:"#E3E3E3",name:"gray 89"},{value:"#E0E0E0",name:"gray 88"},{value:"#DEDEDE",name:"gray 87"},{value:"#DBDBDB",name:"gray 86"},{value:"#D9D9D9",name:"gray 85"},{value:"#D6D6D6",name:"gray 84"},{value:"#D4D4D4",name:"gray 83"},{value:"#D1D1D1",name:"gray 82"},{value:"#CFCFCF",name:"gray 81"},{value:"#CCCCCC",name:"gray 80"},{value:"#C9C9C9",name:"gray 79"},{value:"#C7C7C7",name:"gray 78"},{value:"#C4C4C4",name:"gray 77"},{value:"#C2C2C2",name:"gray 76"},{value:"#BFBFBF",name:"gray 75"},{value:"#BDBDBD",name:"gray 74"},{value:"#BABABA",name:"gray 73"},{value:"#B8B8B8",name:"gray 72"},{value:"#B5B5B5",name:"gray 71"},{value:"#B3B3B3",name:"gray 70"},{value:"#B0B0B0",name:"gray 69"},{value:"#ADADAD",name:"gray 68"},{value:"#ABABAB",name:"gray 67"},{value:"#A8A8A8",name:"gray 66"},{value:"#A6A6A6",name:"gray 65"},{value:"#A3A3A3",name:"gray 64"},{value:"#A1A1A1",name:"gray 63"},{value:"#9E9E9E",name:"gray 62"},{value:"#9C9C9C",name:"gray 61"},{value:"#999999",name:"gray 60"},{value:"#969696",name:"gray 59"},{value:"#949494",name:"gray 58"},{value:"#919191",name:"gray 57"},{value:"#8F8F8F",name:"gray 56"},{value:"#8C8C8C",name:"gray 55"},{value:"#8A8A8A",name:"gray 54"},{value:"#878787",name:"gray 53"},{value:"#858585",name:"gray 52"},{value:"#828282",name:"gray 51"},{value:"#7F7F7F",name:"gray 50"},{value:"#7D7D7D",name:"gray 49"},{value:"#7A7A7A",name:"gray 48"},{value:"#787878",name:"gray 47"},{value:"#757575",name:"gray 46"},{value:"#737373",name:"gray 45"},{value:"#707070",name:"gray 44"},{value:"#6E6E6E",name:"gray 43"},{value:"#666666",name:"gray 40"},{value:"#636363",name:"gray 39"},{value:"#616161",name:"gray 38"},{value:"#5E5E5E",name:"gray 37"},{value:"#5C5C5C",name:"gray 36"},{value:"#595959",name:"gray 35"},{value:"#575757",name:"gray 34"},{value:"#545454",name:"gray 33"},{value:"#525252",name:"gray 32"},{value:"#4F4F4F",name:"gray 31"},{value:"#4D4D4D",name:"gray 30"},{value:"#4A4A4A",name:"gray 29"},{value:"#474747",name:"gray 28"},{value:"#454545",name:"gray 27"},{value:"#424242",name:"gray 26"},{value:"#404040",name:"gray 25"},{value:"#3D3D3D",name:"gray 24"},{value:"#3B3B3B",name:"gray 23"},{value:"#383838",name:"gray 22"},{value:"#363636",name:"gray 21"},{value:"#333333",name:"gray 20"},{value:"#303030",name:"gray 19"},{value:"#2E2E2E",name:"gray 18"},{value:"#2B2B2B",name:"gray 17"},{value:"#292929",name:"gray 16"},{value:"#262626",name:"gray 15"},{value:"#242424",name:"gray 14"},{value:"#212121",name:"gray 13"},{value:"#1F1F1F",name:"gray 12"},{value:"#1C1C1C",name:"gray 11"},{value:"#1A1A1A",name:"gray 10"},{value:"#171717",name:"gray 9"},{value:"#141414",name:"gray 8"},{value:"#121212",name:"gray 7"},{value:"#0F0F0F",name:"gray 6"},{value:"#0D0D0D",name:"gray 5"},{value:"#0A0A0A",name:"gray 4"},{value:"#080808",name:"gray 3"},{value:"#050505",name:"gray 2"},{value:"#030303",name:"gray 1"},{value:"#F5F5F5",css:!0,name:"whitesmoke"}],s=(function(n){var e=o.filter(function(e){return!!e.css}),t=o.filter(function(e){return!!e.vga});n.exports=function(e){var a=n.exports.get(e);return a&&a.value},n.exports.get=function(a){return a=(a=a||"").trim().toLowerCase(),o.filter(function(e){return e.name.toLowerCase()===a}).pop()},n.exports.all=n.exports.get.all=function(){return o},n.exports.get.css=function(a){return a?(a=(a=a||"").trim().toLowerCase(),e.filter(function(e){return e.name.toLowerCase()===a}).pop()):e},n.exports.get.vga=function(a){return a?(a=(a=a||"").trim().toLowerCase(),t.filter(function(e){return e.name.toLowerCase()===a}).pop()):t}}(l={exports:{}},l.exports),l.exports);s.get,s.all;var v,h,d=[function(e){e.on("beforeCreated beforeUpdate",function(t){["backgroundColor","borderColor","text.color","text.fill"].map(function(e){var a=D(t,e);if("string"==typeof a){var n=w.utils.string2hex(a.includes("#")?a:s.get(a).value);n&&function(e,a,n){if("object"!==m(e))console.error("setValue tar muse be a object!");else{var t=a.trim().indexOf(".");if(0<t&&t<a.length-1){for(var l=a.trim().split("."),r=e,u="",i=0,o=l.length-1;i<o;i++){var s=l[i];"object"==typeof r[s]?r=r[s]:void 0===r[s]&&(u=s)}u?console.error("the key("+u+") is not in tar obj!"):r[l[l.length-1]]=n}else e[a.replace(/\./g,"")]=n}}(t,e,n)}})})},function(l){l.on("created",function(e){var n=e.instance,a=e.style,t=e.uiDesignRatio;n.layout=new r(n,a,{uiDesignRatio:t,Component:l}),["append","appendTo","before","after","insertBefore","insertAfter","remove"].map(function(a){n[a]=function(e){return n.layout[a](e),n}}),n.updateLayout=function(e){return n.layout.update(e),n}})},function(e){e.on("init",function(){e.pixiComponents.map(function(e){e.prototype.getRelativeBounds=function(){if(this.layout)return this.layout.rlayout},e.prototype.getRealBounds=function(){if(this.layout)return this.layout.pixilayout},e.prototype.getGlobalBounds=function(){for(var e=this.layout.rlayout,a=e.x,n=e.y,t=e.width,l=e.height,r=this.parent;r;){var u=this.getRelativeBounds();u?(a+=u.x,n+=u.y):(a+=r.x,n+=r.y),r=r.parent}return{x:Math.round(a),y:Math.round(n),width:Math.round(t),height:Math.round(l)}}})})},function(e){e.on("update",function(e){var a=e.instance,n=e.style;if((!a.layout.newStyle||a.layout.newStyle.backgroundColor)&&D(n,"backgroundColor")&&["sprite","container","animatedsprite"].includes(a.type)){var t=k(a);if(t){var l=t.x,r=t.y,u=t.width,i=t.height,o=function(e){e.beginFill(n.backgroundColor),e.drawRect(l,r,u,i),e.endFill()};if(a._background)a._background.clear(),o(a._background);else{var s=new w.Graphics;s.name="background-color",o(s),a.addChildAt(s,0),a._background=s}}}})},function(e){e.on("update",function(e){var a=e.instance,n=e.style;if(D(a,"layout.newStyle.overflow")){var t=n.borderRadius,l=void 0===t?0:t,r=n.overflow,u=k(a);if(r&&u){var i=a.getGlobalBounds().width,o=a.layout.transform.length(i,l),s=u.x,m=u.y,v=u.width,c=u.height;if(a.mask&&"overflow"===a.mask.name&&(a.mask.destroy(),a.mask=null),!(o&&0<o)){var h=new w.Graphics;h.beginFill(),i/2<=o?h.drawCircle(0,0,v/2):h.drawRoundedRect(s,m,v,c,o),h.endFill(),h.name="overflow",a.addChildAt(h,0),a.mask=h}}}})},function(e){e.on("update",function(e){var a=e.instance,n=e.style;if(!a.layout.newStyle||a.layout.newStyle.borderWidth||a.layout.newStyle.borderRadius){var t=n.borderWidth,l=void 0===t?0:t,r=n.borderColor,u=void 0===r?0:r,i=n.borderRadius,o=void 0===i?0:i,s=k(a);if(s&&["container","sprite","animatedsprite","text"].includes(a.type)){var m=a.layout,v=m.realScale,c=m.transform,h=a.getGlobalBounds().width,d=c.length(h,l)/v.x,g=c.length(h,o),y=s.x,F=s.y,p=s.width,E=s.height;if(a._border&&"border"===a._border.name&&(a._border.destroy(),a._border=null),0<d){var f=new w.Graphics,C=Math.round(p-d),A=Math.round(E-d),B=Math.round(-C/2),b=Math.round(-A/2);f.lineStyle(d,u,1),h/2<=g?f.drawCircle(0,0,C/2):0<g?f.drawRoundedRect(B,b,C,A,g):f.drawRect(B,b,C,A),f.name="border",a.addChildAt(f,a._background?1:0),a._border=f}if(a.mask&&"border-mask"===a.mask.name&&(a.mask.destroy(),a.mask=null),g&&0<g){var D=new w.Graphics;D.beginFill(16777215),h/2<=g?D.drawCircle(0,0,p/2):D.drawRoundedRect(y,F,p,E,g+d/2),D.endFill(),D.name="border-mask",a.addChildAt(D,0),a.mask=D}}}})}],g=((h=y).use=function(e){var a=this;(Array.isArray(e)?e:[e]).map(function(e){return e(a)})},y.prototype.createElement=function(e,a){h.emit("beforeCreated",a);var n=this.createInstance(e,a);n.type=e.toLowerCase();var t=a.opacity,l=a.zIndex;return t&&(n.alpha=t),l&&(n.zIndex=l),h.emit("created beforeMounted",{instance:n,style:a,uiDesignRatio:this.uiDesignRatio}),n},y.prototype.createInstance=function(e,a){var n=a.backgroundColor,t=void 0===n?16777215:n,l=a.backgroundImage,r=void 0===l?this.transparentTexture:l,u=a.backgroundFrame,i=a.animatedFrames,o=a.content,s=void 0===o?"":o;switch(e.toLowerCase()){case"rect":return(m=new w.Graphics).beginFill(t),m.drawRect(0,0,1,1),m.endFill(),m;case"circle":var m;return(m=new w.Graphics).beginFill(t),m.drawEllipse(0,0,1,1),m.endFill(),m;case"text":return new w.Text(s);case"animatedsprite":if(i)return new w.AnimatedSprite(i,!0);case"sprite":case"container":default:var v=this.getTexture(r);if(u){if(4!==u.length)throw new Error("backgroundFrame is error!");v.frame=new w.Rectangle(u[0],u[1],u[2],u[3])}return new w.Sprite(v)}},y.prototype.getTexture=function(e){return e instanceof w.Texture?e:w.Texture.from(e)},y.pixiComponents=[w.Graphics,w.Sprite,w.Text],y=h=function(e,a,n,t){var l,r=arguments.length,u=r<3?a:null===t?t=Object.getOwnPropertyDescriptor(a,n):t;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)u=Reflect.decorate(e,a,n,t);else for(var i=e.length-1;0<=i;i--)(l=e[i])&&(u=(r<3?l(u):3<r?l(a,n,u):l(a,n))||u);return 3<r&&u&&Object.defineProperty(a,n,u),u}([(v=d,function(a){(Array.isArray(v)?v:[v]).map(function(e){"function"==typeof e?e(a):console.error("addon "+v+" must be a function")})}),a],y));function y(e){var a=e.uiDesignWidth,n=void 0===a?window.innerWidth:a;this.uiDesignRatio=n/window.innerWidth,this.transparentTexture=w.Texture.from("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAfQAAAH0AQMAAADxGE3JAAAAA1BMVEUAAACnej3aAAAAAXRSTlMAQObYZgAAADVJREFUeNrtwTEBAAAAwiD7p/ZZDGAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOX0AAAEidG8rAAAAAElFTkSuQmCC"),h.emit("init",e)}var p=new g({uiDesignWidth:window.innerWidth});e.AnimatedSprite=function(e,a){return void 0===a&&(a={}),p.createElement("AnimatedSprite",F(a,{animatedFrames:e}))},e.Circle=function(e){return void 0===e&&(e={}),p.createElement("Circle",e)},e.Container=function(e){return void 0===e&&(e={}),p.createElement("Container",e)},e.Rect=function(e){return void 0===e&&(e={}),p.createElement("Rect",e)},e.Sprite=function(e,a){return void 0===a&&(a={}),p.createElement("Sprite",F(a,{backgroundImage:e}))},e.Text=function(e,a){return void 0===a&&(a={}),p.createElement("Text",F(a,{content:e}))},e.configComponents=function(e){e&&(p=new g(e))},Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=components.min.js.map

example/index.ts

@@ -31,27 +31,5 @@ import * as PIXI from "pixi.js"
 .load((loader, resources) => {
-    // console.log(resources.json.spritesheet.animations.success_frame)
-    // const frames = resources.json.spritesheet.animations.success_frame
-    // const sprite = AnimatedSprite(frames, {
-    //     width: 200,
-    //     centerX: 0, 
-    //     centerY: 0,
-    //     borderWidth: 1,
-    //     // animatedLoop: false,
-    //     animationSpeed: .5,
-    // }) as any
-    // sprite.appendTo(game.stage)
-
-    // const textArr = ['rabit1', 'rabit2'].map((name: string) => {
-    //     return PIXI.Texture.from(name)
-    // })
-
-    // let animatedSprite = new PIXI.AnimatedSprite(resources.json.spritesheet.animations.success_frame, true)
-    // animatedSprite.animationSpeed = .11
-    // game.stage.addChild(animatedSprite)
-    // // animatedSprite.loop = false
-    // animatedSprite.play()
-// })
     const parent = Container({
-        width: 600,
-        height: 600,
+        width: 1000,
+        height: 800,
         centerX: 0,
@@ -61,9 +39,3 @@ centerY: 0,
     }) as any
-    const containerText = Text('Container', {
-        color: 'red',
-        fontSize: 30,
-        centerX: 0,
-        centerY: 0,
-    }) as any
-    containerText.appendTo(parent)
+    parent.id = 'parent'
     parent.appendTo(game.stage)
@@ -74,4 +46,4 @@
         height: 200,
-        left: 50, 
-        top: 50,
+        left: 100, 
+        top: 100,
         color: 'blue',
@@ -81,3 +53,2 @@ }) as any
     const spriteText = Text('Sprite', {
-        color: 'black',
         fontSize: 30,
@@ -92,3 +63,3 @@ centerX: 0,
         backgroundColor: '#f9e090',
-        borderWidth: 5,
+        borderWidth: 2,
         borderColor: '#dc5353',
@@ -98,4 +69,4 @@ // borderRadius: 20,
         height: 200,
-        right: 50,
-        top: 50,
+        centerX: 0,
+        top: 100,
     }) as any
@@ -118,4 +89,4 @@
         height: 200,
-        left: 50,
-        bottom: 50,
+        left: 700,
+        top: 100,
     }) as any
@@ -131,12 +102,37 @@ const circleText = Text('Circle', {
 
+    const frames = resources.json.spritesheet.animations.success_frame
+    const animatedSprite = AnimatedSprite(frames, {
+        width: 200,
+        left: 100, 
+        bottom: 150,
+        borderWidth: 1,
+        // animatedLoop: false,
+        animationSpeed: .4,
+    }) as any
+    animatedSprite.appendTo(parent)
+
+    const textArr = ['rabit1', 'rabit2'].map((name: string) => {
+        return PIXI.Texture.from(name)
+    })
+
+    const rabitSprite = AnimatedSprite(textArr, {
+        width: 75,
+        bottom: 200, 
+        centerX: 0,
+        borderWidth: 1,
+        // animatedLoop: false,
+        animationSpeed: .1,
+    }) as any
+    rabitSprite.appendTo(parent)
+
     const text = Text('我是一排文字~我会根据宽度自动换行~~', {
         width: 200,
-        height: 200,
-        right: 50,
-        bottom: 50,
+        right: 100,
+        bottom: 150,
         fontSize: 30,
         color: '#a72461',
         lineHeight: 60,
+        borderWidth: 1,
     }) as any    
     text.appendTo(parent)
 })

lib/addons/border/index.ts

@@ -13,3 +13,3 @@ import * as PIXI from 'pixi.js'
             const coverRect = getCoverRect(instance)
-            if (coverRect && ['container', 'sprite', 'animatedsprite'].includes(instance.type)) {
+            if (coverRect && ['container', 'sprite', 'animatedsprite', 'text'].includes(instance.type)) {
                 const { realScale, transform } = instance.layout
@@ -29,6 +29,6 @@ const { width } = instance.getGlobalBounds()
                     const border = new PIXI.Graphics()
-                    const gw = coverWidth - _borderWidth
-                    const gh = coverHeight - _borderWidth
-                    const gx = - gw / 2
-                    const gy = - gh / 2
+                    const gw = Math.round(coverWidth - _borderWidth)
+                    const gh = Math.round(coverHeight - _borderWidth)
+                    const gx = Math.round(- gw / 2)
+                    const gy = Math.round(- gh / 2)
 
@@ -35,0 +35,0 @@ border.lineStyle(_borderWidth, borderColor, 1)

lib/addons/layout/index.ts

@@ -176,3 +176,3 @@ import * as PIXI from 'pixi.js'
         if (
-            ['sprite', 'container'].includes(this.target['type']) && 
+            ['sprite', 'container', 'animatedsprite'].includes(this.target['type']) && 
             !this.target['texture'].valid
@@ -183,3 +183,4 @@ ) {
                 if (!completed) {
-                    this.forceUpdate()
+                    this.update()
+                    this.updateChild()
                     completed = true
@@ -189,3 +190,3 @@ }
         } else if (this.target.children.length) {
-            this.forceUpdate()
+            this.updateChild()
         }
@@ -196,4 +197,4 @@ }
         if (container && container.addChild) {
+            container.addChild(this.target)
             this.render(container)
-            container.addChild(this.target)
         } else {
@@ -327,5 +328,4 @@ console.error(`the container is not exsit!`)
 
-    public forceUpdate() {
+    public updateChild() {
         const children = getValue(this.target, 'children')
-        this.update()
         if (children.length) {
@@ -332,0 +332,0 @@ children.map((child: any) => {

lib/addons/layout/transform.ts

@@ -140,3 +140,3 @@ import * as PIXI from 'pixi.js'
     function getRatio(target: Layout.element) {
-        if (target['type'] === 'sprite' && target['_texture']) {
+        if (['sprite', 'animatedsprite'].includes(target['type']) && target['_texture']) {
             return target['_texture'].width / target['_texture'].height
@@ -150,2 +150,3 @@ } else {
         switch (target.type) {
+            case 'animatedsprite':
             case 'sprite': {
@@ -152,0 +153,0 @@ return target._texture

lib/index.ts

 import { extend } from './utils'
-import Core from './core'
+import Component from './core'
 
-let singleton: Core = new Core({
+let singleton: Component = new Component({
     uiDesignWidth: window.innerWidth,
@@ -10,3 +10,3 @@ })
     if (config) {
-        singleton = new Core(config)
+        singleton = new Component(config)
     }
@@ -13,0 +13,0 @@ }

package.json

 {
 	"name": "@amoy/components",
-	"version": "1.0.13",
+	"version": "1.0.14",
 	"description": "components",
@@ -5,0 +5,0 @@ "types": "./lib/types.d.ts",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

9742095

increased by0.02%

No dependency changes