https://sourceacademy.org/static/js/async/ij.b33c4a931c.js

1"use strict";(globalThis.rspackChunkfrontend||=[]).push([["ij"],{wq(t,e,i){i.d(e,{c:()=>W});var s,o=i("X"),r=i("u"),n=i("ll"),h=function(){return(h=Object.assign||function(t){for(var e,i=1,s=arguments.length;i<s;i++)for(var o in e=arguments[i])Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o]);return t}).apply(this,arguments)},a={width:"100%",height:"10px",top:"0px",left:"0px",cursor:"row-resize"},p={width:"10px",height:"100%",top:"0px",left:"0px",cursor:"col-resize"},l={width:"20px",height:"20px",position:"absolute",zIndex:1},u={top:h(h({},a),{top:"-5px"}),right:h(h({},p),{left:void 0,right:"-5px"}),bottom:h(h({},a),{top:void 0,bottom:"-5px"}),left:h(h({},p),{left:"-5px"}),topRight:h(h({},l),{right:"-10px",top:"-10px",cursor:"ne-resize"}),bottomRight:h(h({},l),{right:"-10px",bottom:"-10px",cursor:"se-resize"}),bottomLeft:h(h({},l),{left:"-10px",bottom:"-10px",cursor:"sw-resize"}),topLeft:h(h({},l),{left:"-10px",top:"-10px",cursor:"nw-resize"})},d=(0,r.memo)(function(t){var e=t.onResizeStart,i=t.direction,s=t.children,n=t.replaceStyles,a=t.className,p=(0,r.useCallback)(function(t){e(t,i)},[e,i]),l=(0,r.useCallback)(function(t){e(t,i)},[e,i]),d=(0,r.useMemo)(function(){return h(h({position:"absolute",userSelect:"none"},u[i]),null!=n?n:{})},[n,i]);return(0,o.jsx)("div",{className:a||void 0,style:d,onMouseDown:p,onTouchStart:l,children:s})}),c=(s=function(t,e){return(s=Object.setPrototypeOf||({__proto__:[]})instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&(t[i]=e[i])})(t,e)},function(t,e){if("function"!=typeof e&&null!==e)throw TypeError("Class extends value "+String(e)+" is not a constructor or null");function i(){this.constructor=t}s(t,e),t.prototype=null===e?Object.create(e):(i.prototype=e.prototype,new i)}),f=function(){return(f=Object.assign||function(t){for(var e,i=1,s=arguments.length;i<s;i++)for(var o in e=arguments[i])Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o]);return t}).apply(this,arguments)},g={width:"auto",height:"auto"},w=function(t,e,i){return Math.max(Math.min(t,i),e)},v=function(t,e,i){var s=Math.round(t/e);return s*e+i*(s-1)},b=function(t,e){return RegExp(t,"i").test(e)},m=function(t){return!!(t.touches&&t.touches.length)},z=function(t,e,i){void 0===i&&(i=0);var s=e.reduce(function(i,s,o){return Math.abs(s-t)<Math.abs(e[i]-t)?o:i},0),o=Math.abs(e[s]-t);return 0===i||o<i?e[s]:t},y=function(t){return"auto"===(t=t.toString())||t.endsWith("px")||t.endsWith("%")||t.endsWith("vh")||t.endsWith("vw")||t.endsWith("vmax")||t.endsWith("vmin")?t:"".concat(t,"px")},x=function(t,e,i,s){if(t&&"string"==typeof t){if(t.endsWith("px"))return Number(t.replace("px",""));if(t.endsWith("%")){var o=Number(t.replace("%",""))/100;return e*o}if(t.endsWith("vw")){var o=Number(t.replace("vw",""))/100;return i*o}if(t.endsWith("vh")){var o=Number(t.replace("vh",""))/100;return s*o}}return t},S=["as","ref","style","className","grid","gridGap","snap","bounds","boundsByDirection","size","defaultSize","minWidth","minHeight","maxWidth","maxHeight","lockAspectRatio","lockAspectRatioExtraWidth","lockAspectRatioExtraHeight","enable","handleStyles","handleClasses","handleWrapperStyle","handleWrapperClass","children","onResizeStart","onResize","onResizeStop","handleComponent","scale","resizeRatio","snapGap"],R="__resizable_base__",W=function(t){function e(e){var i,s,o,r,n=t.call(this,e)||this;return n.ratio=1,n.resizable=null,n.parentLeft=0,n.parentTop=0,n.resizableLeft=0,n.resizableRight=0,n.resizableTop=0,n.resizableBottom=0,n.targetLeft=0,n.targetTop=0,n.delta={width:0,height:0},n.appendBase=function(){if(!n.resizable||!n.window)return null;var t=n.parentNode;if(!t)return null;var e=n.window.document.createElement("div");return e.style.width="100%",e.style.height="100%",e.style.position="absolute",e.style.transform="scale(0, 0)",e.style.left="0",e.style.flex="0 0 100%",e.classList?e.classList.add(R):e.className+=R,t.appendChild(e),e},n.removeBase=function(t){var e=n.parentNode;e&&e.removeChild(t)},n.state={isResizing:!1,width:null!=(s=null==(i=n.propsSize)?void 0:i.width)?s:"auto",height:null!=(r=null==(o=n.propsSize)?void 0:o.height)?r:"auto",direction:"right",original:{x:0,y:0,width:0,height:0},backgroundStyle:{height:"100%",width:"100%",backgroundColor:"rgba(0,0,0,0)",cursor:"auto",opacity:0,position:"fixed",zIndex:9999,top:"0",left:"0",bottom:"0",right:"0"},flexBasis:void 0},n.onResizeStart=n.onResizeStart.bind(n),n.onMouseMove=n.onMouseMove.bind(n),n.onMouseUp=n.onMouseUp.bind(n),n}return c(e,t),Object.defineProperty(e.prototype,"parentNode",{get:function(){return this.resizable?this.resizable.parentNode:null}

1,enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"window",{get:function(){return this.resizable&&this.resizable.ownerDocument?this.resizable.ownerDocument.defaultView:null},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"propsSize",{get:function(){return this.props.size||this.props.defaultSize||g},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"size",{get:function(){var t=0,e=0;if(this.resizable&&this.window){var i=this.resizable.offsetWidth,s=this.resizable.offsetHeight,o=this.resizable.style.position;"relative"!==o&&(this.resizable.style.position="relative"),t="auto"!==this.resizable.style.width?this.resizable.offsetWidth:i,e="auto"!==this.resizable.style.height?this.resizable.offsetHeight:s,this.resizable.style.position=o}return{width:t,height:e}},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"sizeStyle",{get:function(){var t=this,e=this.props.size,i=function(e){var i;if(void 0===t.state[e]||"auto"===t.state[e])return"auto";if(t.propsSize&&t.propsSize[e]&&(null==(i=t.propsSize[e])?void 0:i.toString().endsWith("%"))){if(t.state[e].toString().endsWith("%"))return t.state[e].toString();var s=t.getParentSize(),o=Number(t.state[e].toString().replace("px",""))/s[e]*100;return"".concat(o,"%")}return y(t.state[e])};return{width:e&&void 0!==e.width&&!this.state.isResizing?y(e.width):i("width"),height:e&&void 0!==e.height&&!this.state.isResizing?y(e.height):i("height")}},enumerable:!1,configurable:!0}),e.prototype.getParentSize=function(){if(!this.parentNode)return this.window?{width:this.window.innerWidth,height:this.window.innerHeight}:{width:0,height:0};var t=this.appendBase();if(!t)return{width:0,height:0};var e=!1,i=this.parentNode.style.flexWrap;"wrap"!==i&&(e=!0,this.parentNode.style.flexWrap="wrap"),t.style.position="relative",t.style.minWidth="100%",t.style.minHeight="100%";var s={width:t.offsetWidth,height:t.offsetHeight};return e&&(this.parentNode.style.flexWrap=i),this.removeBase(t),s},e.prototype.bindEvents=function(){this.window&&(this.window.addEventListener("mouseup",this.onMouseUp),this.window.addEventListener("mousemove",this.onMouseMove),this.window.addEventListener("mouseleave",this.onMouseUp),this.window.addEventListener("touchmove",this.onMouseMove,{capture:!0,passive:!1}),this.window.addEventListener("touchend",this.onMouseUp))},e.prototype.unbindEvents=function(){this.window&&(this.window.removeEventListener("mouseup",this.onMouseUp),this.window.removeEventListener("mousemove",this.onMouseMove),this.window.removeEventListener("mouseleave",this.onMouseUp),this.window.removeEventListener("touchmove",this.onMouseMove,!0),this.window.removeEventListener("touchend",this.onMouseUp))},e.prototype.componentDidMount=function(){if(this.resizable&&this.window){var t=this.window.getComputedStyle(this.resizable);this.setState({width:this.state.width||this.size.width,height:this.state.height||this.size.height,flexBasis:"auto"!==t.flexBasis?t.flexBasis:void 0})}},e.prototype.componentWillUnmount=function(){this.window&&this.unbindEvents()},e.prototype.createSizeForCssProperty=function(t,e){var i=this.propsSize&&this.propsSize[e];return"auto"===this.state[e]&&this.state.original[e]===t&&(void 0===i||"auto"===i)?"auto":t},e.prototype.calculateNewMaxFromBoundary=function(t,e){var i,s,o=this.props.boundsByDirection,r=this.state.direction,n=o&&b("left",r),h=o&&b("top",r);if("parent"===this.props.bounds){var a=this.parentNode;a&&(i=n?this.resizableRight-this.parentLeft:a.offsetWidth+(this.parentLeft-this.resizableLeft),s=h?this.resizableBottom-this.parentTop:a.offsetHeight+(this.parentTop-this.resizableTop))}else"window"===this.props.bounds?this.window&&(i=n?this.resizableRight:this.window.innerWidth-this.resizableLeft,s=h?this.resizableBottom:this.window.innerHeight-this.resizableTop):this.props.bounds&&(i=n?this.resizableRight-this.targetLeft:this.props.bounds.offsetWidth+(this.targetLeft-this.resizableLeft),s=h?this.resizableBottom-this.targetTop:this.props.bounds.offsetHeight+(this.targetTop-this.resizableTop));return i&&Number.isFinite(i)&&(t=t&&t<i?t:i),s&&Number.isFinite(s)&&(e=e&&e<s?e:s),{maxWidth:t,maxHeight:e}},e.prototype.calculateNewSizeFromDirection=function(t,e){var i,s=this.props.scale||1,o=Array.isArray(i=this.props.resizeRatio||1)?i:[i,i],r=o[0],n=o[1],h=this.state,a=h.direction,p=h.original,l=this.props,u=l.lockAspectRatio,d=l.lockAspectRatioExtraHeight,c=l.lockAspectRatioExtraWidth,f=p.width,g=p.height,w=d||0,v=c||0;return b("right",a)&&(f=p.width+(t-p.x)*r/s,u&&(g=(f-v)/this.ratio+w)),b("left",a)&&(f=p.width-(t-p.x)*r/s,u&&(g=(f-v)/this.ratio+w)),b("bottom",a)&&(g=p.height+(e-p.y)*n/s,u&&(f=(g-w)*this.ratio+v)),b("top",a)&&(g=p.height-(e-p.y)*n/s,u&&(f=(g-w)*this.ratio+v)),{newWidth:f,newHeight:g}}

1,e.prototype.calculateNewSizeFromAspectRatio=function(t,e,i,s){var o=this.props,r=o.lockAspectRatio,n=o.lockAspectRatioExtraHeight,h=o.lockAspectRatioExtraWidth,a=void 0===s.width?10:s.width,p=void 0===i.width||i.width<0?t:i.width,l=void 0===s.height?10:s.height,u=void 0===i.height||i.height<0?e:i.height,d=n||0,c=h||0;if(r){var f=(l-d)*this.ratio+c,g=(u-d)*this.ratio+c,v=(a-c)/this.ratio+d,b=(p-c)/this.ratio+d,m=Math.max(l,v),z=Math.min(u,b);t=w(t,Math.max(a,f),Math.min(p,g)),e=w(e,m,z)}else t=w(t,a,p),e=w(e,l,u);return{newWidth:t,newHeight:e}},e.prototype.setBoundingClientRect=function(){var t=1/(this.props.scale||1);if("parent"===this.props.bounds){var e=this.parentNode;if(e){var i=e.getBoundingClientRect();this.parentLeft=i.left*t,this.parentTop=i.top*t}}if(this.props.bounds&&"string"!=typeof this.props.bounds){var s=this.props.bounds.getBoundingClientRect();this.targetLeft=s.left*t,this.targetTop=s.top*t}if(this.resizable){var o=this.resizable.getBoundingClientRect(),r=o.left,n=o.top,h=o.right,a=o.bottom;this.resizableLeft=r*t,this.resizableRight=h*t,this.resizableTop=n*t,this.resizableBottom=a*t}},e.prototype.onResizeStart=function(t,e){if(this.resizable&&this.window){var i,s,o=0,r=0;if(t.nativeEvent&&((i=t.nativeEvent).clientX||0===i.clientX)&&(i.clientY||0===i.clientY)?(o=t.nativeEvent.clientX,r=t.nativeEvent.clientY):t.nativeEvent&&m(t.nativeEvent)&&(o=t.nativeEvent.touches[0].clientX,r=t.nativeEvent.touches[0].clientY),!this.props.onResizeStart||!this.resizable||!1!==this.props.onResizeStart(t,e,this.resizable)){this.props.size&&(void 0!==this.props.size.height&&this.props.size.height!==this.state.height&&this.setState({height:this.props.size.height}),void 0!==this.props.size.width&&this.props.size.width!==this.state.width&&this.setState({width:this.props.size.width})),this.ratio="number"==typeof this.props.lockAspectRatio?this.props.lockAspectRatio:this.size.width/this.size.height;var n=this.window.getComputedStyle(this.resizable);if("auto"!==n.flexBasis){var h=this.parentNode;if(h){var a=this.window.getComputedStyle(h).flexDirection;this.flexDir=a.startsWith("row")?"row":"column",s=n.flexBasis}}this.setBoundingClientRect(),this.bindEvents();var p={original:{x:o,y:r,width:this.size.width,height:this.size.height},isResizing:!0,backgroundStyle:f(f({},this.state.backgroundStyle),{cursor:this.window.getComputedStyle(t.target).cursor||"auto"}),direction:e,flexBasis:s};this.setState(p)}}},e.prototype.onMouseMove=function(t){var e=this;if(this.state.isResizing&&this.resizable&&this.window){if(this.window.TouchEvent&&m(t))try{t.preventDefault(),t.stopPropagation()}catch(t){}var i,s,o,r,h,a,p=this.props,l=p.maxWidth,u=p.maxHeight,d=p.minWidth,c=p.minHeight,f=m(t)?t.touches[0].clientX:t.clientX,g=m(t)?t.touches[0].clientY:t.clientY,w=this.state,b=w.direction,y=w.original,S=w.width,R=w.height,W=this.getParentSize(),E=(i=this.window.innerWidth,s=this.window.innerHeight,o=l,r=u,h=d,a=c,o=x(o,W.width,i,s),r=x(r,W.height,i,s),h=x(h,W.width,i,s),a=x(a,W.height,i,s),{maxWidth:void 0===o?void 0:Number(o),maxHeight:void 0===r?void 0:Number(r),minWidth:void 0===h?void 0:Number(h),minHeight:void 0===a?void 0:Number(a)});l=E.maxWidth,u=E.maxHeight,d=E.minWidth,c=E.minHeight;var M=this.calculateNewSizeFromDirection(f,g),k=M.newHeight,N=M.newWidth,H=this.calculateNewMaxFromBoundary(l,u);this.props.snap&&this.props.snap.x&&(N=z(N,this.props.snap.x,this.props.snapGap)),this.props.snap&&this.props.snap.y&&(k=z(k,this.props.snap.y,this.props.snapGap));var L=this.calculateNewSizeFromAspectRatio(N,k,{width:H.maxWidth,height:H.maxHeight},{width:d,height:c});if(N=L.newWidth,k=L.newHeight,this.props.grid){var B=v(N,this.props.grid[0],this.props.gridGap?this.props.gridGap[0]:0),C=v(k,this.props.grid[1],this.props.gridGap?this.props.gridGap[1]:0),F=this.props.snapGap||0,j=0===F||Math.abs(B-N)<=F?B:N,A=0===F||Math.abs(C-k)<=F?C:k;N=j,k=A}var O={width:N-y.width,height:k-y.height};if(this.delta=O,S&&"string"==typeof S){if(S.endsWith("%")){var P=N/W.width*100;N="".concat(P,"%")}else if(S.endsWith("vw")){var T=N/this.window.innerWidth*100;N="".concat(T,"vw")}else if(S.endsWith("vh")){var D=N/this.window.innerHeight*100;N="".concat(D,"vh")}}if(R&&"string"==typeof R){if(R.endsWith("%")){var P=k/W.height*100;k="".concat(P,"%")}else if(R.endsWith("vw")){var T=k/this.window.innerWidth*100;k="".concat(T,"vw")}else if(R.endsWith("vh")){var D=k/this.window.innerHeight*100;k="".concat(D,"vh")}}var _={width:this.createSizeForCssProperty(N,"width"),height:this.createSizeForCssProperty(k,"height")};"row"===this.flexDir?_.flexBasis=_.width:"column"===this.flexDir&&(_.flexBasis=_.height);var G=this.state.width!==_.width,U=this.state.height!==_.height,X=this.state.flexBasis!==_.flexBasis,Y=G||U||X;Y&&(0,n.flushSync)(function(){e.setState(_)}

1),this.props.onResize&&Y&&this.props.onResize(t,b,this.resizable,O)}},e.prototype.onMouseUp=function(t){var e,i,s=this.state,o=s.isResizing,r=s.direction;s.original,o&&this.resizable&&(this.props.onResizeStop&&this.props.onResizeStop(t,r,this.resizable,this.delta),this.props.size&&this.setState({width:null!=(e=this.props.size.width)?e:"auto",height:null!=(i=this.props.size.height)?i:"auto"}),this.unbindEvents(),this.setState({isResizing:!1,backgroundStyle:f(f({},this.state.backgroundStyle),{cursor:"auto"})}))},e.prototype.updateSize=function(t){var e,i;this.setState({width:null!=(e=t.width)?e:"auto",height:null!=(i=t.height)?i:"auto"})},e.prototype.renderResizer=function(){var t=this,e=this.props,i=e.enable,s=e.handleStyles,r=e.handleClasses,n=e.handleWrapperStyle,h=e.handleWrapperClass,a=e.handleComponent;if(!i)return null;var p=Object.keys(i).map(function(e){return!1!==i[e]?(0,o.jsx)(d,{direction:e,onResizeStart:t.onResizeStart,replaceStyles:s&&s[e],className:r&&r[e],children:a&&a[e]?a[e]:null},e):null});return(0,o.jsx)("div",{className:h,style:n,children:p})},e.prototype.render=function(){var t=this,e=Object.keys(this.props).reduce(function(e,i){return -1!==S.indexOf(i)||(e[i]=t.props[i]),e},{}),i=f(f(f({position:"relative",userSelect:this.state.isResizing?"none":"auto"},this.props.style),this.sizeStyle),{maxWidth:this.props.maxWidth,maxHeight:this.props.maxHeight,minWidth:this.props.minWidth,minHeight:this.props.minHeight,boxSizing:"border-box",flexShrink:0});this.state.flexBasis&&(i.flexBasis=this.state.flexBasis);var s=this.props.as||"div";return(0,o.jsxs)(s,f({style:i,className:this.props.className},e,{ref:function(e){e&&(t.resizable=e)},children:[this.state.isResizing&&(0,o.jsx)("div",{style:this.state.backgroundStyle}),this.props.children,this.renderResizer()]}))},e.defaultProps={as:"div",onResizeStart:function(){},onResize:function(){},onResizeStop:function(){},enable:{top:!0,right:!0,bottom:!0,left:!0,topRight:!0,bottomRight:!0,bottomLeft:!0,topLeft:!0},style:{},grid:[1,1],gridGap:[0,0],lockAspectRatio:!1,lockAspectRatioExtraWidth:0,lockAspectRatioExtraHeight:0,scale:1,resizeRatio:1,snapGap:0},e}(r.PureComponent)},A9(t,e,i){var s=i("u");function o(){let t=window.document;return t.fullscreenElement||t.webkitFullscreenElement||t.mozFullScreenElement||t.msFullscreenElement}let r=["","webkit","moz","ms"];function n(t,{onFullScreen:e,onError:i}){r.forEach(s=>{t.removeEventListener(`${s}fullscreenchange`,e),t.removeEventListener(`${s}fullscreenerror`,i)})}function h(){let[t,e]=(0,s.useState)(!1),i=(0,s.useRef)(null),h=(0,s.useRef)(null),a=(0,s.useCallback)(()=>{e(i.current===o())},[]),p=(0,s.useCallback)(()=>{e(!1)},[]),l=(0,s.useCallback)(async()=>{if(!o()&&i.current){var t;await (t=i.current,t.requestFullscreen?.()||t.msRequestFullscreen?.()||t.webkitEnterFullscreen?.()||t.webkitRequestFullscreen?.()||t.mozRequestFullscreen?.())}else{let t;await ("function"==typeof(t=window.document).exitFullscreen?t.exitFullscreen():"function"==typeof t.msExitFullscreen?t.msExitFullscreen():"function"==typeof t.webkitExitFullscreen?t.webkitExitFullscreen():"function"==typeof t.mozCancelFullScreen?t.mozCancelFullScreen():null)}},[]);return{ref:(0,s.useCallback)(t=>{h.current&&h.current!==t&&n(h.current,{onFullScreen:a,onError:p}),t&&function(t,e){let{onFullScreen:i,onError:s}=e;r.forEach(e=>{t.addEventListener(`${e}fullscreenchange`,i),t.addEventListener(`${e}fullscreenerror`,s)})}(t,{onFullScreen:a,onError:p}),i.current=t,h.current=t},[]),toggle:l,fullscreen:t}}i.d(e,{x:()=>h})}}]);
2//# sourceMappingURL=ij.b33c4a931c.js.map