@jswf/react
Version:
Virtual Window for React
1 lines • 72.8 kB
JavaScript
!function(t,e){for(var o in e)t[o]=e[o];e.__esModule&&Object.defineProperty(t,"__esModule",{value:!0})}(exports,(()=>{"use strict";var t={440:t=>{t.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAXhJREFUeNrs2zFqhEAUBuC3YQsvICzYWKYUbNJpuY2YcsuInY21t7BMI+QAFnsD8QJ2SiorwS0Fm+2Mb1FItyYxMTr/D49RGAb9ZlQEJULEzm5iP03X9aNlWdISB9k0DYVhyJvXvs59vc819n5KJ1mWNc/zpK7rFpmlsizHTZ6A577e+rr8GYBpmsQn77ruIgBVVX3eZYSXvl55cfx07IeVXrqMcBpaIQE4h2ElSKICjAgnkQE46nBjFBbg9pj+LsJWAEaEJ5EBOMcBQlgAGi4FTWSAEeEgMgDncTMAhmH82tj7NQDwu0iSJJSm6d2+dV2TqqoUBMF2AEYErnvJsuzWTgXY8j0AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQOxM+lS2KAqybZuiKPr3J9S2LSmKMi9AnueXOI5V3/dXMauO43Az6c/S3RfGVVe0sq8006+1m8+HAAMAsq9DkIAMDaIAAAAASUVORK5CYII="},887:t=>{t.exports="data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSLjg6zjgqTjg6Tjg7xfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4PSIwIiB5PSIwIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxMjggMTI4IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGU+LnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiMwMDA7c3Ryb2tlLXdpZHRoOjEwLjA1OTI7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kfTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTI1LjQgMTAxbDc1LjQtNzUuNEwyNS40IDEwMXpNMjQuOCAyNWw3Ni4zIDc2LjMiLz48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDEyOHYxMjhIMHoiLz48L3N2Zz4="},995:t=>{t.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDEyOCAxMjgiPjxwYXRoIGZpbGw9IiNmZmYiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSIxMi41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Ik0xOSAxOWg5MHY5MEgxOXoiLz48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDEyOHYxMjhIMHoiLz48L3N2Zz4="},313:t=>{t.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDEyOCAxMjgiPjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSIxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGQ9Ik0yNy4xIDI3LjloNzQuOCIvPjxwYXRoIGZpbGw9Im5vbmUiIGQ9Ik0wIDBoMTI4djEyOEgweiIvPjwvc3ZnPg=="},824:t=>{t.exports="data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSLjg6zjgqTjg6Tjg7xfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4PSIwIiB5PSIwIiB3aWR0aD0iMTZ4IiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlPi5zdDB7ZmlsbDojZmZmO3N0cm9rZTojMDAwO3N0cm9rZS13aWR0aDo0O3N0cm9rZS1saW5lam9pbjpyb3VuZH08L3N0eWxlPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0zNy44IDE4SDEwOHY3Mi40SDM3Ljh6Ii8+PHBhdGggY2xhc3M9InN0MCIgZD0iTTIyLjYgMzAuNUg5MXY3MC42SDIyLjZ6Ii8+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgxMjh2MTI4SDB6Ii8+PC9zdmc+"},615:t=>{t.exports="data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjIiIGJhc2VQcm9maWxlPSJ0aW55IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1NDQgMjIwLjIiPjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzY2NiIgc3Ryb2tlLXdpZHRoPSIzMCIgc3Ryb2tlLW1pdGVybGltaXQ9IjUwIiBkPSJNMTIxLjYgMTEyaDMwMC44Ii8+PHBhdGggZmlsbD0iIzY2NiIgZD0iTTE5NS4yIDE5My4xTDEzMS4zIDExMmw2My45LTg0TDAgMTEyeiIvPjxwYXRoIGZpbGw9IiNBM0EzQTMiIGQ9Ik0xNzMuNSAxNzcuN0wyMC40IDExMmg5OS43eiIvPjxwYXRoIGZpbGw9IiNDOUM5QzkiIGQ9Ik0xNzMuNSA0Ni4yTDIwLjQgMTEyaDk5Ljd6Ii8+PGc+PHBhdGggZmlsbD0iIzY2NiIgZD0iTTM0OC44IDE5My4xbDYzLjktODEuMS02My45LTg0TDU0NCAxMTJ6Ii8+PHBhdGggZmlsbD0iI0EzQTNBMyIgZD0iTTM3MC41IDE3Ny43TDUyMy42IDExMmgtOTkuN3oiLz48cGF0aCBmaWxsPSIjQzlDOUM5IiBkPSJNMzcwLjUgNDYuMkw1MjMuNiAxMTJoLTk5Ljd6Ii8+PC9nPjwvc3ZnPg=="},106:t=>{t.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDEyOCAxMjgiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik02LjYgNy4xaDExNC4zdjExNC4zSDYuNnoiLz48cGF0aCBkPSJNMTE4LjkgOS4xdjExMC4zSDguNlY5LjFoMTEwLjNtNC00SDQuNnYxMTguNEgxMjNWNS4xeiIvPjxwYXRoIGZpbGw9Im5vbmUiIGQ9Ik0wIDBoMTI4djEyOEgweiIvPjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSI0LjA1NSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBkPSJNNTYuNSA1Ny4zaDEzLjh2MTMuOEg1Ni41eiIvPjwvc3ZnPg=="},681:t=>{t.exports="data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSLjg6zjgqTjg6Tjg7xfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4PSIwIiB5PSIwIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxMjggMTI4IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGU+LnN0MXtmaWxsOm5vbmU7c3Ryb2tlOiMwMDA7c3Ryb2tlLXdpZHRoOjQuMDU1NDtzdHJva2UtbWl0ZXJsaW1pdDoxMH08L3N0eWxlPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik02LjYgNy4xaDExNC4zdjExNC4zSDYuNnoiLz48cGF0aCBkPSJNMTE4LjkgOS4xdjExMC4zSDguNlY5LjFoMTEwLjNtNC00SDQuNnYxMTguNEgxMjNWNS4xeiIvPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0xMy45IDY0LjRoOTkuN002My45IDExLjl2MTAyLjkiLz48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDEyOHYxMjhIMHoiLz48L3N2Zz4="},774:t=>{t.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDEyOCAxMjgiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik02LjYgNy4xaDExNC4zdjExNC4zSDYuNnoiLz48cGF0aCBkPSJNMTE4LjkgOS4xdjExMC4zSDguNlY5LjFoMTEwLjNtNC00SDQuNnYxMTguNEgxMjNWNS4xeiIvPjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSI0LjA1NSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBkPSJNMTMuOSA2NC40aDk5LjciLz48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDEyOHYxMjhIMHoiLz48L3N2Zz4="},296:function(t,e,o){var r=this&&this.__makeTemplateObject||function(t,e){return Object.defineProperty?Object.defineProperty(t,"raw",{value:e}):t.raw=e,t},i=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(e,"__esModule",{value:!0}),e.Root=void 0;var n,a=i(o(914));e.Root=a.default.div.attrs((function(t){return{style:{visibility:"hidden",left:t.x+"px",top:t.y+"px",width:t.width+"px",height:t.height+"px",position:t.overlapped?"fixed":"absolute"}}})).withConfig({displayName:"Root",componentId:"sc-rmu7w8"})(n||(n=r(["position:fixed;"," box-shadow:10px 10px 10px rgba(0, 0, 0, 0.4);border-radius:1em 1em 0 0;@keyframes Show{0%{opacity:0;}100%{opacity:1;}}@keyframes Hide{100%{opacity:0;transform:scale(0);}0%{opacity:1;transform:scale(1);}}@keyframes Max{0%{transform:scale(0.5);}100%{transform:scale(1);}}@keyframes Restore{0%{transform:scale(1.5);}100%{transform:scale(1);}}@keyframes MinRoot{100%{height:","px;}}@keyframes MinClient{100%{height:0px;}}@keyframes MinRestoreClient{0%{max-height:0px;}100%{max-height:100%;}}@keyframes MinRestoreRoot{0%{max-height:","px;}100%{max-height:100%;}}"],["","","",""])),(function(t){return t.frame&&"border: solid 1.0px rgba(0, 0, 0, 0.4);"}),(function(t){return t.titleSize}),(function(t){return t.titleSize}))},592:function(t,e,o){var r,i=this&&this.__extends||(r=function(t,e){return(r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o])})(t,e)},function(t,e){function o(){this.constructor=t}r(t,e),t.prototype=null===e?Object.create(e):(o.prototype=e.prototype,new o)}),n=this&&this.__assign||function(){return(n=Object.assign||function(t){for(var e,o=1,r=arguments.length;o<r;o++)for(var i in e=arguments[o])Object.prototype.hasOwnProperty.call(e,i)&&(t[i]=e[i]);return t}).apply(this,arguments)},a=this&&this.__createBinding||(Object.create?function(t,e,o,r){void 0===r&&(r=o),Object.defineProperty(t,r,{enumerable:!0,get:function(){return e[o]}})}:function(t,e,o,r){void 0===r&&(r=o),t[r]=e[o]}),s=this&&this.__setModuleDefault||(Object.create?function(t,e){Object.defineProperty(t,"default",{enumerable:!0,value:e})}:function(t,e){t.default=e}),l=this&&this.__importStar||function(t){if(t&&t.__esModule)return t;var e={};if(null!=t)for(var o in t)"default"!==o&&Object.prototype.hasOwnProperty.call(t,o)&&a(e,t,o);return s(e,t),e},u=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(e,"__esModule",{value:!0}),e.JSWindow=e.WindowState=e.WindowStyle=void 0;var p,c,d=u(o(700)),h=l(o(297)),f=o(477),m=o(967),v=o(608),y=o(296),g=o(823);!function(t){t[t.TITLE=1]="TITLE",t[t.MAX=2]="MAX",t[t.MIN=4]="MIN",t[t.CLOSE=8]="CLOSE",t[t.FRAME=16]="FRAME",t[t.RESIZE=32]="RESIZE"}(p=e.WindowStyle||(e.WindowStyle={})),function(t){t[t.NORMAL=1]="NORMAL",t[t.MAX=2]="MAX",t[t.MIN=3]="MIN",t[t.HIDE=4]="HIDE"}(c=e.WindowState||(e.WindowState={}));var b=function(t){function e(e){var o,r=t.call(this,e)||this;return r.rootRef=h.createRef(),r.titleRef=h.createRef(),r.clientRef=h.createRef(),r.flagWindowState=!1,o={active:e.active,overlapped:e.overlapped,titlePrmisson:e.windowStyle,titleSize:0==(e.windowStyle&p.TITLE)?0:e.titleSize,borderSize:e.borderSize,x:void 0===e.x?null:e.x,y:void 0===e.y?null:e.y,width:e.width,height:e.height,oldEnumState:c.HIDE,windowState:e.windowState,boxEnumState:c.HIDE,clientWidth:0,clientHeight:0},r.state=o,r.windowInfo={x:o.x,y:o.y,width:o.width,height:o.height,minScale:e.minScale,maxScale:e.maxScale,moveable:e.moveable,workspace:e.workspace,borderSize:o.borderSize,title:e.title,titleSize:o.titleSize,children:e&&e.children||null,active:o.active,overlapped:o.overlapped,windowStyle:e.windowStyle,windowState:o.windowState,realWindowState:o.boxEnumState,onUpdate:e.onUpdate,clientWidth:0,clientHeight:0,clientStyle:e.clientStyle,realX:0,realY:0,realWidth:0,realHeight:0},r.windowInfoKeep=n({},r.windowInfo),r}return i(e,t),e.prototype.shouldComponentUpdate=function(t,e){return this.flagWindowState||t!==this.props&&t.windowState!==e.windowState&&this._setWindowState(t.windowState),!0},e.prototype.componentDidMount=function(){var t=this;f.Manager.init();var e=this.rootRef.current;e&&(e._symbol=this,e.parentNode&&(this.resizeObserver=new d.default((function(){t.onParentSize()})),this.resizeObserver.observe(e.parentNode)),e.addEventListener("move",this.onMove.bind(this)),e.addEventListener("active",this.onActive.bind(this))),this.props.active&&this.foreground(),this.update()},e.prototype.componentWillUnmount=function(){var t=this.rootRef.current;t&&(this.resizeObserver&&(this.resizeObserver.disconnect(),this.resizeObserver=void 0),t.removeEventListener("move",this.onMove.bind(this)),t.removeEventListener("active",this.onActive.bind(this)))},e.prototype.componentDidUpdate=function(){if(this.props.onUpdate){for(var t=!1,e=0,o=Object.keys(this.windowInfo);e<o.length;e++){var r=o[e];if(this.windowInfo[r]!==this.windowInfoKeep[r]){t=!0;break}}t&&(this.windowInfoKeep=n({},this.windowInfo),this.updateInfoHandle||this.props.onUpdate&&this.props.onUpdate(this.windowInfoKeep))}this.changeState()},e.prototype.render=function(){var t,e,o,r,i,a,s=this,l=this.rootRef.current,u=this.clientRef.current;if(l&&u){l._symbol=this;var d=l.parentNode,f=this.state.overlapped?window.innerWidth:d.clientWidth,b=this.state.overlapped?window.innerHeight:d.clientHeight;switch(this.state.boxEnumState){case c.MAX:t=0,e=0,o=f,r=b,i=f,a=b-this.state.titleSize;break;case c.MIN:o=this.state.width,r=this.state.titleSize,null===(t=this.state.x)&&(t=(f-o)/2),null===(e=this.state.y)&&(e=(b-r)/2),i=this.state.width,a=0;break;default:t=this.state.x,e=this.state.y,(o=this.state.width)>f&&(o=f),(r=this.state.height)>b&&(r=b),null===t&&(t=(f-o)/2),null===e&&(e=(b-r)/2),i=o,a=r-this.state.titleSize}}else t=this.state.x,e=this.state.y,i=o=this.state.width,a=(r=this.state.height)-this.state.titleSize;return this.windowInfo=n(n({},this.windowInfo),{x:this.state.x,y:this.state.y,width:this.state.width,height:this.state.height,realX:t,realY:e,realWidth:o,realHeight:r,windowState:this.state.windowState,realWindowState:this.state.boxEnumState}),h.default.createElement(y.Root,{overlapped:this.state.overlapped,ref:this.rootRef,x:t||0,y:e||0,frame:0!=(this.windowInfo.windowStyle&p.FRAME),width:o,height:r,titleSize:this.state.titleSize,onTouchStart:this.onMouseDown.bind(this),onMouseDown:this.onMouseDown.bind(this)},p.TITLE&&h.default.createElement(v.Title,{ref:this.titleRef,Active:this.state.active,Size:this.state.titleSize,id:"TITLE",onTouchStart:this.onFrame,onMouseDown:this.onFrame},h.default.createElement("div",{id:"text"},this.props.title),h.default.createElement("div",{id:"icons"},0!=(this.state.titlePrmisson&p.MIN)&&h.default.createElement("div",{id:"min",onClick:function(){return s._setWindowState(s.state.oldEnumState===c.MIN?c.NORMAL:c.MIN)}}),0!=(this.state.titlePrmisson&p.MAX)&&this.state.oldEnumState===c.NORMAL||this.state.oldEnumState===c.MIN?h.default.createElement("div",{id:"max",onMouseDown:function(t){t.stopPropagation()},onTouchStart:function(t){t.stopPropagation()},onClick:function(){s._setWindowState(c.MAX)}}):h.default.createElement("div",{id:"normal",onMouseDown:function(t){t.stopPropagation()},onTouchStart:function(t){t.stopPropagation()},onClick:function(){s._setWindowState(c.NORMAL)}}),0!=(this.state.titlePrmisson&p.CLOSE)&&h.default.createElement("div",{id:"close",onMouseDown:function(t){t.stopPropagation()},onTouchStart:function(t){t.stopPropagation()},onClick:function(){s._setWindowState(c.HIDE)}}))),0!=(this.state.titlePrmisson&p.RESIZE)&&g.borders.map((function(t){return h.default.createElement(g.Border,{key:t,id:t,Size:s.state.borderSize,onTouchStart:s.onFrame.bind(s),onMouseDown:s.onFrame.bind(s)})})),h.default.createElement(m.Client,{id:"CLIENT",style:this.props.clientStyle,ref:this.clientRef,TitleSize:this.state.titleSize,Width:i,Height:a},this.props.children))},e.prototype.getWindowInfo=function(){return this.windowInfo},e.prototype.setWindowState=function(t){this.flagWindowState=!0,this._setWindowState(t)},e.prototype._setWindowState=function(t){t&&(this.setState({windowState:t}),this.windowInfo.windowState=t)},e.prototype.foreground=function(){var t=new Set,o=this.rootRef.current;if(o){var r=o;do{o._symbol instanceof e&&(t.add(o),r=o)}while(o=o.parentNode);var i=r.parentNode;if(i){var n=function(o){if(o._symbol instanceof e){var r=t.has(o);f.Manager.callEvent(o,"active",r)}Array.prototype.forEach.call(o.childNodes,(function(t){n(t)}))};n(i)}}},e.prototype.update=function(){var t=this.rootRef.current,e=this.clientRef.current;t&&e&&(t._symbol=this,this.changeState())},e.prototype.changeState=function(){if(this.state.oldEnumState!==this.state.windowState)switch(this.setState({oldEnumState:this.state.windowState}),this.state.windowState){case c.NORMAL:this.normal();break;case c.MAX:this.max();break;case c.MIN:this.min();break;case c.HIDE:this.hide()}},e.prototype.min=function(){var t=this,e=this.rootRef.current,o=this.clientRef.current;if(e&&o)if(this.state.boxEnumState===c.MIN)o.style.animation="MinRestoreClient 0.1s ease 0s 1 alternate forwards",e.style.animation="MinRestoreRoot 0.5s ease 0s 1 alternate forwards",this.setState({boxEnumState:c.NORMAL});else{var r=function(){t.setState({boxEnumState:c.MIN}),o.removeEventListener("animationend",r),setTimeout((function(){e.style.animation="",o.style.animation=""}),1)};o.addEventListener("animationend",r),setTimeout((function(){e.style.animation="MinRoot 0.5s ease 0s 1 forwards",o.style.animation="MinClient 0.5s ease 0s 1 alternate forwards"}),1)}},e.prototype.max=function(){var t=this,e=this.rootRef.current;e&&(e.style.animation="",setTimeout((function(){t.setState({boxEnumState:c.MAX}),e.style.animation="Max 0.5s ease 0s 1 forwards"}),1))},e.prototype.normal=function(){var t=this;if(this.state.oldEnumState!==c.MIN)if(this.state.oldEnumState===c.HIDE){var e=this.rootRef.current;if(!e)return;var o=function(){e.removeEventListener("animationend",o),e.style.animation=""};e.addEventListener("animationend",o),e.style.animation="Show 0.5s ease 0s none",e.style.visibility="visible",this.setState({boxEnumState:c.NORMAL})}else{var r=this.rootRef.current;if(!r)return;r.style.animation="",setTimeout((function(){t.setState({boxEnumState:c.NORMAL}),r.style.animation="Restore 0.5s ease 0s forwards"}),1)}else this.min()},e.prototype.hide=function(){var t=this,e=this.rootRef.current;if(e){e.style.animation="";var o=function(){e.removeEventListener("animationend",o),t.setState({boxEnumState:c.HIDE})};setTimeout((function(){e.addEventListener("animationend",o),e.style.animation="Hide 0.5s ease 0s forwards"}),1)}},e.prototype.onMouseDown=function(t){if(null==f.Manager.moveNode&&(this.foreground(),this.props.moveable||f.Manager.frame)){f.Manager.moveNode=this.rootRef.current;var e=f.Manager.getPos(t);f.Manager.baseX=e.x,f.Manager.baseY=e.y,f.Manager.nodeX=this.windowInfo.realX,f.Manager.nodeY=this.windowInfo.realY,f.Manager.nodeWidth=this.windowInfo.realWidth,f.Manager.nodeHeight=this.windowInfo.realHeight}t.stopPropagation()},e.prototype.onFrame=function(t){null==f.Manager.frame&&(f.Manager.frame=t.currentTarget.id)},e.prototype.onActive=function(t){var o=!0===t.params;this.setState({active:o});var r=this.rootRef.current;if(o){var i=r.parentNode;i&&(r.style.zIndex="99999",Array.prototype.slice.call(i.childNodes,0).filter((function(t){return t._symbol instanceof e})).sort((function(t,e){return(t.style.zIndex?parseInt(t.style.zIndex):0)-(e.style.zIndex?parseInt(e.style.zIndex):0)})).forEach((function(t,e){t.style.zIndex=e.toString()})))}},e.prototype.onParentSize=function(){var t=this;this.resizeHandle||(this.resizeHandle=setTimeout((function(){t.forceUpdate(),t.resizeHandle=void 0}),10))},e.prototype.getParentScale=function(){var t,o=1,r=this.rootRef.current;if(r)for(;r=r.parentNode;)if(r._symbol instanceof e){o=+((null===(t=null==r?void 0:r.dataset)||void 0===t?void 0:t.scale)||1);break}return o},e.prototype.onMove=function(t){var e=this;if(this.state.windowState!==c.MAX){var o=[null===this.state.x?this.windowInfo.realX:this.state.x,null===this.state.y?this.windowInfo.realY:this.state.y,this.state.width,this.state.height],r=o[0],i=o[1],n=o[2],a=o[3],s=t.params,l=this.getParentScale();if(s.distance){var u=l*Math.abs(Math.cos(s.radian)*s.distance)*(s.distance<0?-1:1),p=l*Math.abs(-Math.sin(s.radian)*s.distance)*(s.distance<0?-1:1);r=s.nodePoint.x-u/2,i=s.nodePoint.y-p/2,n=f.Manager.nodeWidth+u,a=f.Manager.nodeHeight+p}else{var d=f.Manager.frame||"",h=(s.nowPoint.x-s.basePoint.x)/l,m=(s.nowPoint.y-s.basePoint.y)/l;switch(d){case"TOP":i=s.nodePoint.y+m,a=f.Manager.nodeHeight-m;break;case"RIGHT":n=f.Manager.nodeWidth+h;break;case"BOTTOM":a=f.Manager.nodeHeight+m;break;case"LEFT":r=s.nodePoint.x+h,n=f.Manager.nodeWidth-h;break;case"LEFT-TOP":r=s.nodePoint.x+h,i=s.nodePoint.y+m,n=f.Manager.nodeWidth-h,a=f.Manager.nodeHeight-m;break;case"RIGHT-TOP":i=s.nodePoint.y+m,n=f.Manager.nodeWidth+h,a=f.Manager.nodeHeight-m;break;case"LEFT-BOTTOM":r=s.nodePoint.x+h,n=f.Manager.nodeWidth-h,a=f.Manager.nodeHeight+m;break;case"RIGHT-BOTTOM":n=f.Manager.nodeWidth+h,a=f.Manager.nodeHeight+m;break;case"TITLE":r=s.nodePoint.x+h,i=s.nodePoint.y+m;break;default:if(!this.props.moveable)return;r=s.nodePoint.x+h,i=s.nodePoint.y+m}}this.moveParams={x:r,y:i,height:a,width:n},this.moveHandle||(this.moveHandle=setTimeout((function(){e.setState(e.moveParams),e.moveHandle=void 0}),10));try{var v=window.getSelection();v&&v.removeAllRanges()}catch(t){}}},e.defaultProps={x:null,y:null,width:300,height:300,minScale:.1,maxScale:10,moveable:!1,workspace:!1,borderSize:16,titleSize:40,title:"",active:!0,overlapped:!0,windowStyle:255,windowState:c.NORMAL,clientStyle:{},onUpdate:null},e}(h.Component);e.JSWindow=b},823:function(t,e,o){var r=this&&this.__makeTemplateObject||function(t,e){return Object.defineProperty?Object.defineProperty(t,"raw",{value:e}):t.raw=e,t},i=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(e,"__esModule",{value:!0}),e.borders=e.Border=void 0;var n,a=i(o(914));e.Border=a.default.div.withConfig({displayName:"Border",componentId:"sc-ucrfvh"})(n||(n=r(["position:absolute;user-select:none;&:active{background-color:rgba(0,0,0,0.05);}&#TOP{cursor:n-resize;left:0px;top:-","px;right:0px;height:","px;}&#RIGHT{cursor:e-resize;top:0px;right:-","px;bottom:0px;width:","px;}&#BOTTOM{cursor:s-resize;left:0px;right:0px;height:","px;bottom:-","px;}&#LEFT{cursor:w-resize;top:0px;left:-","px;bottom:0px;width:","px;}&#LEFT-TOP{cursor:nw-resize;left:-","px;top:-","px;width:","px;height:","px;}&#RIGHT-TOP{cursor:ne-resize;right:-","px;top:-","px;width:","px;height:","px;}&#LEFT-BOTTOM{cursor:sw-resize;left:-","px;bottom:-","px;width:","px;height:","px;}&#RIGHT-BOTTOM{cursor:se-resize;right:-","px;bottom:-","px;width:","px;height:","px;}"],["","","","","","","","","","","","","","","","","","","","","","","","",""])),(function(t){return t.Size}),(function(t){return t.Size}),(function(t){return t.Size}),(function(t){return t.Size}),(function(t){return t.Size}),(function(t){return t.Size}),(function(t){return t.Size}),(function(t){return t.Size}),(function(t){return t.Size}),(function(t){return t.Size}),(function(t){return t.Size}),(function(t){return t.Size}),(function(t){return t.Size}),(function(t){return t.Size}),(function(t){return t.Size}),(function(t){return t.Size}),(function(t){return t.Size}),(function(t){return t.Size}),(function(t){return t.Size}),(function(t){return t.Size}),(function(t){return t.Size}),(function(t){return t.Size}),(function(t){return t.Size}),(function(t){return t.Size})),e.borders=["TOP","RIGHT","BOTTOM","LEFT","LEFT-TOP","RIGHT-TOP","LEFT-BOTTOM","RIGHT-BOTTOM"]},967:function(t,e,o){var r=this&&this.__makeTemplateObject||function(t,e){return Object.defineProperty?Object.defineProperty(t,"raw",{value:e}):t.raw=e,t},i=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(e,"__esModule",{value:!0}),e.Client=void 0;var n,a=i(o(914));e.Client=a.default.div.attrs((function(t){return{style:{top:t.TitleSize+"px",width:t.Width+"px",height:t.Height+"px"}}})).withConfig({displayName:"Client",componentId:"sc-1ok3jfv"})(n||(n=r(["background:whitesmoke;position:absolute;overflow:hidden;right:0;left:0;top:0;bottom:0;width:0;height:0;"],[""])))},608:function(t,e,o){var r=this&&this.__makeTemplateObject||function(t,e){return Object.defineProperty?Object.defineProperty(t,"raw",{value:e}):t.raw=e,t},i=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(e,"__esModule",{value:!0}),e.Title=void 0;var n,a=i(o(914)),s=i(o(313)),l=i(o(995)),u=i(o(887)),p=i(o(824));e.Title=a.default.div.attrs((function(t){return{style:{backgroundColor:t.Active?"rgba(50,100,255,0.9)":"rgba(100,150,255,0.9)",color:t.Active?"white":"#eeeeee"}}})).withConfig({displayName:"Title",componentId:"sc-zqsswx"})(n||(n=r(["user-select:none;display:flex;position:absolute;cursor:move;overflow:hidden;border-left:0.5px solid rgba(0, 0, 0, 0.4);border-right:0.5px solid rgba(0, 0, 0, 0.4);border-top:0.5px solid rgba(0, 0, 0, 0.4);box-sizing:border-box;border-radius:0.8em 0.8em 0 0;left:-1px;top:-1px;right:-1px;height:",'px;> #text{flex:1;overflow:hidden;font-family:"Trebuchet MS","Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,sans-serif;font-size:24px;padding:0px 0.5em;align-items:center;display:flex;white-space:nowrap;}> #icons{> div{display:inline-block;cursor:default;margin:0.1em;background-size:100% 100%;background-color:rgba(255, 255, 255, 0.05);width:',"px;height:","px;&:hover{background-color:rgba(255, 255, 255, 0.2);}&#min{background-image:url(",");}&#max{background-image:url(",");}&#normal{background-image:url(",");}&#close{background-image:url(",");}}}"],["","","","","","","",""])),(function(t){return t.Size?t.Size+1:0}),(function(t){return t.Size-2}),(function(t){return t.Size-2}),s.default,l.default,p.default,u.default)},290:function(t,e,o){var r,i=this&&this.__extends||(r=function(t,e){return(r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o])})(t,e)},function(t,e){function o(){this.constructor=t}r(t,e),t.prototype=null===e?Object.create(e):(o.prototype=e.prototype,new o)});Object.defineProperty(e,"__esModule",{value:!0}),e.ListItem=e.ListHeader=e.ListHeaders=e.ListRow=void 0;var n=o(297),a=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return i(e,t),e}(n.Component);e.ListRow=a;var s=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return i(e,t),e}(n.Component);e.ListHeaders=s;var l=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return i(e,t),e}(n.Component);e.ListHeader=l;var u=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return i(e,t),e}(n.Component);e.ListItem=u},50:function(t,e,o){var r,i=this&&this.__extends||(r=function(t,e){return(r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o])})(t,e)},function(t,e){function o(){this.constructor=t}r(t,e),t.prototype=null===e?Object.create(e):(o.prototype=e.prototype,new o)}),n=this&&this.__createBinding||(Object.create?function(t,e,o,r){void 0===r&&(r=o),Object.defineProperty(t,r,{enumerable:!0,get:function(){return e[o]}})}:function(t,e,o,r){void 0===r&&(r=o),t[r]=e[o]}),a=this&&this.__setModuleDefault||(Object.create?function(t,e){Object.defineProperty(t,"default",{enumerable:!0,value:e})}:function(t,e){t.default=e}),s=this&&this.__importStar||function(t){if(t&&t.__esModule)return t;var e={};if(null!=t)for(var o in t)"default"!==o&&Object.prototype.hasOwnProperty.call(t,o)&&n(e,t,o);return a(e,t),e};Object.defineProperty(e,"__esModule",{value:!0}),e.Header=void 0;var l=s(o(297)),u=o(477),p=function(t){function e(e){var o=t.call(this,e)||this;return o.labelRef=l.createRef(),o.sliderRef=l.createRef(),o.state={width:o.props.width,tempWidth:0},o}return i(e,t),e.prototype.render=function(){var t=this.props.children;return l.default.createElement("div",{style:{width:Math.max(this.state.tempWidth,this.state.width)+"px"},onClick:this.props.onClick},l.default.createElement("div",{id:"back"},l.default.createElement("div",{id:"label",ref:this.labelRef},t)),l.default.createElement("div",{ref:this.sliderRef,id:"slider",onTouchStart:this.onSlider.bind(this),onMouseDown:this.onSlider.bind(this),onClick:function(t){return t.stopPropagation()}}))},e.prototype.componentDidMount=function(){var t=this;this.sliderRef.current.addEventListener("move",this.onMove.bind(this)),this.props.onSize();var e=this.props.width;e<0&&(e=this.labelRef.current.offsetWidth)<this.props.minWidth&&(e=this.props.minWidth),this.setState({width:e},(function(){t.props.onSize()}))},e.prototype.componentWillUnmount=function(){this.sliderRef.current.removeEventListener("move",this.onMove.bind(this))},e.prototype.getWidth=function(){return Math.max(this.state.width,this.state.tempWidth)},e.prototype.getTempWidth=function(){return this.state.tempWidth},e.prototype.getType=function(){return this.props.type},e.prototype.onSlider=function(t){if(null==u.Manager.moveNode){var e=t.target;u.Manager.moveNode=e;var o=u.Manager.getPos(t);u.Manager.baseX=o.x,u.Manager.baseY=o.y,u.Manager.nodeX=this.state.width,u.Manager.nodeY=this.state.width,u.Manager.nodeWidth=e.offsetWidth,u.Manager.nodeHeight=e.offsetHeight}},e.prototype.onMove=function(t){var e=this,o=t.params,r=o.nodePoint.x+(o.nowPoint.x-o.basePoint.x);r<this.props.minWidth&&(r=this.props.minWidth),this.setState({width:r},(function(){e.props.onSize()}))},e.defaultProps={minWidth:60,width:-1,type:"string"},e}(l.Component);e.Header=p},795:function(t,e,o){var r=this&&this.__makeTemplateObject||function(t,e){return Object.defineProperty?Object.defineProperty(t,"raw",{value:e}):t.raw=e,t},i=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(e,"__esModule",{value:!0}),e.Root=void 0;var n,a=i(o(914));e.Root=a.default.div.attrs((function(){return{style:{}}})).withConfig({displayName:"Root",componentId:"sc-1ka9xmx"})(n||(n=r(["position:relative;display:flex;cursor:pointer;user-select:none;white-space:nowrap;box-sizing:border-box;min-width:100%;background-image:linear-gradient(\n 180deg,\n rgb(144, 197, 240)0%,rgb(63, 164, 201)50%,rgb(100, 122, 221)100% );> div{#back{display:flex;justify-content:center;align-items:center;height:100%;background-image:linear-gradient(\n 180deg,\n rgb(144, 197, 240)0%,rgb(63, 164, 201)50%,rgb(100, 122, 221)100% );&:hover{background-image:linear-gradient(\n 90deg,\n rgb(144, 197, 240)0%,rgb(63, 164, 201)50%,rgb(100, 122, 221)100% );}&:active{background-image:linear-gradient(\n 0deg,\n rgb(144, 197, 240)0%,rgb(63, 164, 201)50%,rgb(100, 122, 221)100% );}}#label{padding:0.1em;color:white;font-weight:bold;}position:relative;box-sizing:border-box;border-right:solid 1px;flex-grow:0;flex-shrink:0;> #slider{pointer-events:auto;z-index:10;cursor:ew-resize;position:absolute;top:0px;right:-16px;width:32px;height:100%;}&:last-child{> #slider{right:0;width:16px;}}}"],[""])))},961:function(t,e,o){var r,i=this&&this.__extends||(r=function(t,e){return(r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o])})(t,e)},function(t,e){function o(){this.constructor=t}r(t,e),t.prototype=null===e?Object.create(e):(o.prototype=e.prototype,new o)}),n=this&&this.__createBinding||(Object.create?function(t,e,o,r){void 0===r&&(r=o),Object.defineProperty(t,r,{enumerable:!0,get:function(){return e[o]}})}:function(t,e,o,r){void 0===r&&(r=o),t[r]=e[o]}),a=this&&this.__setModuleDefault||(Object.create?function(t,e){Object.defineProperty(t,"default",{enumerable:!0,value:e})}:function(t,e){t.default=e}),s=this&&this.__importStar||function(t){if(t&&t.__esModule)return t;var e={};if(null!=t)for(var o in t)"default"!==o&&Object.prototype.hasOwnProperty.call(t,o)&&n(e,t,o);return a(e,t),e};Object.defineProperty(e,"__esModule",{value:!0}),e.HeaderArea=void 0;var l=s(o(297)),u=o(795),p=o(50),c=o(290),d=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.headersRef=[],e.values=[],e.rootRef=l.createRef(),e}return i(e,t),e.prototype.componentDidMount=function(){this.values=this.props.children.filter((function(t){return t.type===c.ListHeader.prototype.constructor})).map((function(t){return t.props})),this.onSize()},e.prototype.componentDidUpdate=function(){var t=this.props.clientWidth;if(void 0!==this.props.clientWidth){var e=this.headersRef.reduce((function(t,e){return e.current.getWidth()<0&&(t=-9999999),t-e.current.getWidth()}),t),o=this.headersRef.length-1;if(o>=0){var r=this.headersRef[o].current,i=r.getTempWidth()+e;i<0&&(i=0),r.state.tempWidth!==i&&r.setState({tempWidth:i})}}},e.prototype.render=function(){var t=this;return this.headersRef=[],l.default.createElement(u.Root,{ref:this.rootRef},this.values.map((function(e,o){var r=l.createRef();return t.headersRef.push(r),l.default.createElement(p.Header,{key:o,ref:r,type:e.type,width:e.width,onClick:function(){t.onClick(o)},onSize:function(){return t.onSize()}},e.children)})))},e.prototype.onSize=function(){var t=this.headersRef.map((function(t){return t.current?t.current.getWidth():-1}));-1===t.indexOf(-1)&&this.props.onSize(t)},e.prototype.onClick=function(t){this.props.onClick(t)},e.prototype.getHeader=function(t){return this.headersRef[t]},e.prototype.getTypes=function(){return this.headersRef.map((function(t){return t.current.getType()}))},e}(l.Component);e.HeaderArea=d},696:function(t,e,o){var r=this&&this.__makeTemplateObject||function(t,e){return Object.defineProperty?Object.defineProperty(t,"raw",{value:e}):t.raw=e,t},i=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(e,"__esModule",{value:!0}),e.Item=e.ItemColumn=e.Root=void 0;var n,a,s,l=i(o(914));e.Root=l.default.div.attrs((function(t){return{style:{left:t.left+"px"}}})).withConfig({displayName:"Root",componentId:"sc-1pqlk4y"})(n||(n=r(["position:relative;white-space:nowrap;overflow-x:hidden;overflow-y:auto;flex:1;cursor:default;"],[""]))),e.ItemColumn=l.default.div.attrs((function(t){return{style:{width:t.width+"px"}}})).withConfig({displayName:"ItemColumn",componentId:"sc-t96rt9"})(a||(a=r(["display:inline-block;vertical-align:top;"],[""]))),e.Item=l.default.div.attrs((function(t){return{style:{justifyContent:t.widthPos}}})).withConfig({displayName:"Item",componentId:"sc-1qvucuf"})(s||(s=r(["position:relative;display:flex;align-items:center;min-height:1.5em;box-sizing:border-box;padding:0.4em;overflow:hidden;user-select:none;border-bottom:solid 1px rgba(0, 0, 0, 0.4);border-left:solid 1px rgba(0, 0, 0, 0.1);&:nth-child(odd){background-color:rgba(63, 164, 201, 0.2);}&:nth-child(even){background-color:rgba(63, 201, 183, 0.2);}&.Hover{&:nth-child(odd){background-color:rgba(63, 164, 201, 0.3);}&:nth-child(even){background-color:rgba(63, 201, 183, 0.3);}}&.Select{&:nth-child(odd){background-color:rgba(64, 160, 250, 0.5);}&:nth-child(even){background-color:rgba(64, 170, 250, 0.5);}&.Hover{&:nth-child(odd){background-color:rgba(64, 160, 250, 0.6);}&:nth-child(even){background-color:rgba(64, 170, 250, 0.6);}}}"],[""])))},182:function(t,e,o){var r,i=this&&this.__extends||(r=function(t,e){return(r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o])})(t,e)},function(t,e){function o(){this.constructor=t}r(t,e),t.prototype=null===e?Object.create(e):(o.prototype=e.prototype,new o)}),n=this&&this.__createBinding||(Object.create?function(t,e,o,r){void 0===r&&(r=o),Object.defineProperty(t,r,{enumerable:!0,get:function(){return e[o]}})}:function(t,e,o,r){void 0===r&&(r=o),t[r]=e[o]}),a=this&&this.__setModuleDefault||(Object.create?function(t,e){Object.defineProperty(t,"default",{enumerable:!0,value:e})}:function(t,e){t.default=e}),s=this&&this.__importStar||function(t){if(t&&t.__esModule)return t;var e={};if(null!=t)for(var o in t)"default"!==o&&Object.prototype.hasOwnProperty.call(t,o)&&n(e,t,o);return a(e,t),e},l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(e,"__esModule",{value:!0}),e.ItemArea=void 0;var u=s(o(297)),p=o(290),c=o(696),d=l(o(440)),h=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.state={itemRows:[]},e.rootRef=u.createRef(),e.columnsRef=[],e.itemsRef=[],e.itemRows=[],e.sortFlag=!0,e}return i(e,t),e.prototype.componentDidUpdate=function(){var t=this;if((this.sortFlag||this.sortOrder!==this.props.sortOrder||this.sortIndex!==this.props.sortIndex)&&(this.sortOrder=this.props.sortOrder,this.sortIndex=this.props.sortIndex,this.sortFlag=!1,this.sort()),this.columnsRef.length){var e=this.rootRef.current.clientWidth+this.props.xScroll,o=this.columnsRef.reduce((function(t,e){return t-e.current.offsetWidth}),e);if(o){var r=this.columnsRef[this.columnsRef.length-1].current;r.style.width=r.offsetWidth+o+"px"}}this.itemsRef.forEach((function(e,o){var r=e.reduce((function(t,e){return Math.max(t,e.current.childNodes[0].offsetHeight)}),0),i=t.props.selectItems.has(o);e.forEach((function(t){i?t.current.classList.add("Select"):t.current.classList.remove("Select"),t.current.style.height=r+"px"}))}))},e.prototype.shouldComponentUpdate=function(t){return this.props.children!==t.children&&(t.listView.isManual()||this.createItem(t)),!0},e.prototype.createItem=function(t){var e=[];u.default.Children.map(t.children,(function(t){var o=[];u.default.Children.forEach(t.props.children,(function(t){if(t.type===p.ListItem){var e=1===u.default.Children.count(t.props.children)?t.props.children:u.default.createElement(u.default.Fragment,null,t.props.children);o.push({label:e,value:t.props.value})}})),e.push({value:t.props.value,items:o})})),this.itemRows=e,this.setState({itemRows:e}),this.sortFlag=!0},e.prototype.componentDidMount=function(){this.fileImage=document.createElement("img"),this.fileImage.src=d.default,this.fileImage.style.height="64px",this.createItem(this.props)},e.prototype.render=function(){var t=this;return this.itemsRef=[],this.columnsRef=[],u.default.createElement(c.Root,{ref:this.rootRef,left:this.props.xScroll,onDragOver:function(t){return t.preventDefault()}},u.default.createElement("div",{style:{position:"relative",left:-this.props.xScroll}},this.props.headerSizes.map((function(e,o){return t.columnsRef[o]=u.createRef(),u.default.createElement(c.ItemColumn,{ref:t.columnsRef[o],key:o,width:e},t.state.itemRows.map((function(e,r){var i=u.createRef();t.itemsRef[r]?t.itemsRef[r][o]=i:t.itemsRef[r]=[i];var n="flex-start";return"number"===t.props.headerTypes[o]&&(n="flex-end"),u.default.createElement(c.Item,{ref:i,key:r,widthPos:n,draggable:t.props.draggable,onMouseOver:function(){t.onOver(r,!0)},onMouseLeave:function(){t.onOver(r,!1)},onClick:function(e){t.props.onClick(e,r,o)},onDoubleClick:function(e){t.props.onDoubleClick(e,r,o)},onDragStart:function(e){t.onDragStart(e,r,o)},onDragLeave:function(e){t.onDragLeave(e,r,o)},onDragEnter:function(e){t.onDragEnter(e,r,o)},onDragOver:function(e){t.onDragOver(e,r,o)},onDrop:function(e){t.onDrop(e,r,o)}},u.default.createElement("div",null,e.items[o].label))})))}))))},e.prototype.onOver=function(t,e){for(var o=0,r=this.itemsRef[t];o<r.length;o++){var i=r[o];e?i.current.classList.add("Hover"):i.current.classList.remove("Hover")}},e.prototype.sort=function(){var t=this,e=this.props.sortIndex;if(!(void 0===e||e<0)){var o=this.props.sortOrder?1:-1;this.itemRows.sort((function(r,i){var n=r.items[e].value,a=i.items[e].value;if(void 0!==n&&void 0!==a)return(t.props.sortOrder?n<a:a<n)?-1:1;var s=r.items[e].label,l=i.items[e].label;return"number"===t.props.sortType?(parseFloat(s)-parseFloat(l))*o:s===l?0:(s<l?-1:1)*o})),this.setState({itemRows:this.itemRows})}},e.prototype.onDragStart=function(t,e,o){var r=this;if(this.props.selectItems.has(e)){if(this.props.onItemDragStart&&this.props.onItemDragStart(t,e,o),!t.defaultPrevented){t.dataTransfer.effectAllowed="move",t.dataTransfer.setDragImage(this.fileImage,10,10);var i=Array.from(this.props.selectItems.values()).map((function(t){var e=r.itemRows[t];return{index:t,value:e.value,values:e.items.map((function(t){return t.value}))}}));try{var n={type:this.props.listView.props.dragString||"",items:i};t.dataTransfer.setData("text/plain",JSON.stringify(n))}catch(t){}}}else t.preventDefault()},e.prototype.onDragLeave=function(t,e,o){this.props.onItemDragLeave&&this.props.onItemDragLeave(t,e,o)},e.prototype.onDragEnter=function(t,e,o){this.props.onItemDragEnter&&this.props.onItemDragEnter(t,e,o),t.preventDefault()},e.prototype.onDragOver=function(t,e,o){this.props.onItemDragOver&&this.props.onItemDragOver(t,e,o),t.preventDefault()},e.prototype.onDrop=function(t,e,o){this.props.onItemDrop&&this.props.onItemDrop(t,e,o),t.preventDefault()},e.prototype.getItems=function(){return this.state.itemRows},e.prototype.addItem=function(t){this.itemRows.push(t),this.setState({itemRows:this.itemRows})},e.prototype.removeItem=function(t){this.itemRows.splice(t,1),this.setState({itemRows:this.itemRows})},e}(u.Component);e.ItemArea=h},541:function(t,e,o){var r=this&&this.__makeTemplateObject||function(t,e){return Object.defineProperty?Object.defineProperty(t,"raw",{value:e}):t.raw=e,t},i=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(e,"__esModule",{value:!0}),e.Root=void 0;var n,a=i(o(914));e.Root=a.default.div.attrs((function(){return{style:{}}})).withConfig({displayName:"Root",componentId:"sc-19z8bf0"})(n||(n=r(["position:relative;overflow-x:auto;overflow-y:hidden;width:100%;height:100%;display:flex;flex-direction:column;"],[""])))},470:function(t,e,o){var r,i=this&&this.__extends||(r=function(t,e){return(r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o])})(t,e)},function(t,e){function o(){this.constructor=t}r(t,e),t.prototype=null===e?Object.create(e):(o.prototype=e.prototype,new o)}),n=this&&this.__createBinding||(Object.create?function(t,e,o,r){void 0===r&&(r=o),Object.defineProperty(t,r,{enumerable:!0,get:function(){return e[o]}})}:function(t,e,o,r){void 0===r&&(r=o),t[r]=e[o]}),a=this&&this.__setModuleDefault||(Object.create?function(t,e){Object.defineProperty(t,"default",{enumerable:!0,value:e})}:function(t,e){t.default=e}),s=this&&this.__importStar||function(t){if(t&&t.__esModule)return t;var e={};if(null!=t)for(var o in t)"default"!==o&&Object.prototype.hasOwnProperty.call(t,o)&&n(e,t,o);return a(e,t),e},l=this&&this.__exportStar||function(t,e){for(var o in t)"default"===o||Object.prototype.hasOwnProperty.call(e,o)||n(e,t,o)},u=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(e,"__esModule",{value:!0}),e.ListView=e.ListViewDragString=void 0;var p=u(o(700)),c=s(o(297)),d=o(541),h=o(961),f=o(182),m=o(290),v=o(477);l(o(290),e),e.ListViewDragString="ListViewDragData";var y=function(t){function o(e){var o=t.call(this,e)||this;return o.rootRef=c.createRef(),o.itemsRef=c.createRef(),o.headersRef=c.createRef(),o.itemRows=[],o.headers=[],o.manual=!1,o.state={xScroll:0,headerSizes:[],sortIndex:-1,selectItems:new Set},o.createItem(e),o}return i(o,t),o.prototype.createItem=function(t){for(var e=[],o=0,r=c.default.Children.toArray(t.children);o<r.length;o++){var i=r[o];i.type===m.ListHeaders?this.headers=i.props.children:i.type===m.ListRow&&e.push(i)}this.itemRows=e},o.prototype.shouldComponentUpdate=function(t){return this.manual||this.props!==t&&this.createItem(t),!0},o.prototype.isManual=function(){return this.manual},o.prototype.render=function(){var t=this;return c.default.createElement(d.Root,{ref:this.rootRef,onDrop:this.props.onDrop,onScroll:function(){t.setState({xScroll:t.rootRef.current.scrollLeft})}},c.default.createElement(h.HeaderArea,{clientWidth:this.state.clientWidth,ref:this.headersRef,onClick:this.onHeaderClick.bind(this),onSize:function(e){return t.setState({headerSizes:e})}},this.headers),c.default.createElement(f.ItemArea,{ref:this.itemsRef,headerTypes:this.headersRef.current?this.headersRef.current.getTypes():[],listView:this,draggable:this.props.draggable,selectItems:this.state.selectItems,sortIndex:this.state.sortIndex,sortOrder:this.state.sortOrder,sortType:this.state.sortType,xScroll:this.state.xScroll,headerSizes:this.state.headerSizes,onClick:this.onItemClick.bind(this),onDoubleClick:this.onItemDoubleClick.bind(this),onItemDragStart:this.props.onItemDragStart,onItemDragEnter:this.props.onItemDragEnter,onItemDragLeave:this.props.onItemDragLeave,onItemDragOver:this.props.onItemDragOver,onItemDrop:this.props.onItemDrop},this.itemRows))},o.prototype.componentDidMount=function(){var t=this;v.Manager.init(),this.resizeObserver=new p.default((function(){t.layout()})),this.resizeObserver.observe(this.rootRef.current),this.layout()},o.prototype.componentWillUnmount=function(){this.resizeObserver&&(this.resizeObserver.disconnect(),this.resizeObserver=void 0)},o.prototype.layout=function(){this.setState({clientWidth:this.rootRef.current.clientWidth}),this.rootRef.current&&(this.rootRef.current.scrollLeft=0)},o.prototype.onHeaderClick=function(t){var e;e=this.state.sortIndex!==t||!this.state.sortOrder;var o=this.headersRef.current.getHeader(t).current.getType();this.setState({sortOrder:e,sortIndex:t,sortType:o})},o.prototype.onItemClick=function(t,e,r){var i=this.state.selectItems;if(t.ctrlKey)i.has(e)?i.delete(e):i.add(e);else if(t.shiftKey){this.state.selectItems.add(e);for(var n=o.getSetValues(i),a=Math.min.apply(null,n),s=Math.max.apply(null,n),l=a;l<=s;l++)i.add(l)}else i.clear(),i.add(e);this.state.selectItems.add(e),this.setState({selectItems:new Set(o.getSetValues(i))}),this.props.onItemClick&&this.props.onItemClick(e,r)},o.prototype.onItemDoubleClick=function(t,e,o){this.props.onItemDoubleClick&&this.props.onItemDoubleClick(e,o)},o.prototype.getSelectItem=function(){var t=this.state.selectItems;return t.size?o.getSetValues(t)[0]:-1},o.prototype.getSelectItems=function(){return o.getSetValues(this.state.selectItems)},o.prototype.getSelectValue=function(){var t=this.getSelectItem();if(!(t<0))return this.itemsRef.current.getItems()[t].value},o.prototype.getSelectValues=function(){var t=this.getSelectItems(),e=this.itemsRef.current.getItems();return t.map((function(t){return e[t].value}))},o.prototype.getItem=function(t,e){var o=this.itemsRef.current.getItems();if(!(t>=o.length))return o[t].items[e].label},o.prototype.setItem=function(t,e,o){this.manual=!0;var r=this.itemsRef.current.getItems();t<r.length&&(r[t].items[e].label=o),this.forceUpdate()},o.prototype.getItemValue=function(t){var e=this.itemsRef.current.getItems();if(!(t>=e.length))return e[t].value},o.prototype.getRows=function(){return this.itemsRef.current.getItems().length},o.prototype.getCols=function(){return this.state.headerSizes.length},o.prototype.addItem=function(t){this.manual=!0,"items"in t?this.itemsRef.current.addItem(t):this.itemsRef.current.addItem({items:t.map((function(t){return t&&"object"==typeof t&&"label"in t?t:{label:t}}))})},o.prototype.removeItem=function(t){this.manual=!0,this.itemsRef.current.removeItem(t),this.state.selectItems.clear()},o.getSetValues=function(t){if(t.values)return Array.from(t.values());var e=[];return t.forEach((function(t){e.push(t)})),e},o.defaultProps={draggable:!1,dragString:e.ListViewDragString,children:[]},o}(c.Component);e.ListView=y},917:function(t,e,o){var r=this&&this.__makeTemplateObject||function(t,e){return Object.defineProperty?Object.defineProperty(t,"raw",{value:e}):t.raw=e,t},i=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(e,"__esModule",{value:!0}),e.Root=void 0;var n,a=i(o(914));e.Root=a.default.div.withConfig({displayName:"Root",componentId:"sc-12q1520"})(n||(n=r(["&{overflow:hidden;position:absolute;left:0;right:0;top:0;bottom:0;}@keyframes nsDrawerShow{0%{top:0;transform:translateY(-100%);}100%{transform:translateY(0);}}@keyframes nsDrawerClose{0%{transform:translateY(0);}100%{top:0;transform:translateY(-100%);}}@keyframes snDrawerShow{0%{bottom:0;transform:translateY(100%);}100%{transform:translateY(0);}}@keyframes snDrawerClose{0%{transform:translateY(0);}100%{bottom:0;transform:translateY(100%);}}@keyframes weDrawerShow{0%{left:0;transform:translateX(-100%);}100%{transform:translateX(0);}}@keyframes weDrawerClose{0%{transform:translateX(0);}100%{left:0;transform:translateX(-100%);}}@keyframes ewDrawerShow{0%{transform:translateX(100%);right:0;}100%{transform:translateX(0);}}@keyframes ewDrawerClose{0%{transform:translateX(0);}100%{right:0;transform:translateX(100%);}}@keyframes DrawerMax{0%{}100%{right:0;left:0;top:0;bottom:0;}}@keyframes DrawerNormal{0%{right:0;left:0;top:0;bottom:0;}100%{}}"],[""])))},839:function(t,e,o){var r,i=this&&this.__extends||(r=function(t,e){return(r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o])})(t,e)},function(t,e){function o(){this.constructor=t}r(t,e),t.prototype=null===e?Object.create(e):(o.prototype=e.prototype,new o)}),n=this&&this.__createBinding||(Object.create?function(t,e,o,r){void 0===r&&(r=o),Object.defineProperty(t,r,{enumerable:!0,get:function(){return e[o]}})}:function(t,e,o,r){void 0===r&&(r=o),t[r]=e[o]}),a=this&&this.__setModuleDefault||(Object.create?function(t,e){Object.defineProperty(t,"default",{enumerable:!0,value:e})}:function(t,e){t.default=e}),s=this&&this.__importStar||function(t){if(t&&t.__esModule)return t;var e={};if(null!=t)for(var o in t)"default"!==o&&Object.prototype.hasOwnProperty.call(t,o)&&n(e,t,o);return a(e,t),e},l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(e,"__esModule",{value:!0}),e.SplitView=void 0;var u=l(o(700)),p=s(o(297)),c=o(917),d=o(874),h=o(717),f=o(477),m=function(t){function e(e){var o=t.call(this,e)||this;return o.activeStop=!1,o.rootRef=p.createRef(),o.childRef=[p.createRef(),p.createRef()],o.state={pos:e.pos,activeMode:!1,barOpen:!0},o.type=e.type,o}return i(e,t),e.prototype.render=function(){var t=this,e=p.default.Children.toArray(this.props.children);return p.default.createElement(c.Root,{ref:this.rootRef,style:this.props.style},p.default.createElement(h.Child,{ref:this.childRef[1],onClick:function(){t.activeStop=!1,t.closeBar()}},e[1]),p.default.createElement(h.Child,{ref:this.childRef[0],onClick:function(){return t.activeStop=!0}},e[0]),p.default.createElement(d.Bar,{activeMode:this.state.activeMode,open:this.state.barOpen,type:this.props.type,size:this.props.bold,pos:this.state.pos,procOpen:function(e){return t.onOpen(e)},procMove:function(e){return t.onMove(e)}}))},e.prototype.componentDidUpdate=function(){this.props.type!==this.type?(this.type=this.props.type,this.onOpen(!0),this.onLayout()):this.layout()},e.prototype.componentDidMount=function(){var t=this;f.Manager.init(),this.resizeObserver=new u.default((function(){t.layout()})),this.resizeObserver.observe(this.rootRef.current),this.onLayout()},e.prototype.componentWillUnmount=function(){this.resizeObserver&&(this.resizeObserver.disconnect(),this.resizeObserver=void 0)},e.prototype.closeBar=function(){var t=this;this.state.activeMode&&!this.activeStop&&(this.closeHandle&&clearTimeout(this.closeHandle),this.closeHandle=setTimeout((function(){t.state.activeMode&&!t.activeStop&&t.onOpen(!1),t.closeHandle=void 0}),this.props.activeWait))},e.prototype.layout=function(){var t=this;this.layoutHandle||(this.layoutHandle=setTimeout((function(){t.layoutHandle=void 0,t.onLayout()}),1))},e.prototype.onLayout=function(){var t=!1,e=this.state.pos,o=this.rootRef.current;if(o){var r=[this.childRef[0].current,this.childRef[1].current],i=this.props.bold,n=this.props.type,a=o.offsetWidth,s=o.offsetHeight;switch(this.props.activeSize>-1&&("we"===n||"ew"===n?a-(e+i)<this.props.activeSize&&(t=!0,this.state.activeMode||(r[1].style.animation="DrawerMax 0.5s ease 0s forwards")):s-(e+i)<this.props.activeSize&&(t=!0,this.state.activeMode||(r[1].style.animation="DrawerMax 0.5s ease 0s forwards")),t!==this.state.activeMode&&(this.setState({activeMode:t}),t||(this.onOpen(!0),r[1].style.animation="DrawerNormal 0.5s ease 0s normal"),this.closeBar())),n){case"we":r[0].style.left="0",r[0].sty