ice-render 1.0.7 → 1.1.0

package/dist/index.mjs

@@ -24,7 +24,7 @@
 
 function _defineProperty(t,e,i){return(e=function _toPropertyKey(t){var e=function _toPrimitive(t,e){if("object"!=typeof t||!t)return t;var i=t[Symbol.toPrimitive];if(void 0!==i){var s=i.call(t,e||"default");if("object"!=typeof s)return s;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(t,"string");return"symbol"==typeof e?e:e+""}(e))in t?Object.defineProperty(t,e,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[e]=i,t}function ownKeys(t,e){var i=Object.keys(t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(t);e&&(s=s.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),i.push.apply(i,s)}return i}function _objectSpread2(t){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(i),!0).forEach(function(e){_defineProperty(t,e,i[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(i,e))})}return t}function isNil(t){return null==t}function isString(t){return"string"==typeof t}function isUndefined(t){return void 0===t}function round(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;if(0===e)return Math.round(t);const[i,s]="".concat(t).split("e"),n=s?parseInt(s,10):0,o=Math.round(Number("".concat(i,"e").concat(n+e))),[r,a]="".concat(o).split("e");return Number("".concat(r,"e").concat((a?parseInt(a,10):0)-e))}function isPlainObject(t){return null!==t&&"object"==typeof t&&!Array.isArray(t)}function merge(t){for(var e=arguments.length,i=new Array(e>1?e-1:0),s=1;s<e;s++)i[s-1]=arguments[s];for(const e of i)if(null!=e)for(const i in e){const s=e[i];if(void 0===s)continue;const n=t[i];isPlainObject(s)&&isPlainObject(n)?(Object.prototype.hasOwnProperty.call(t,i)||(t[i]=cloneDeep(n)),merge(t[i],s)):t[i]=s}return t}function cloneDeep(t){if(Array.isArray(t))return t.map(t=>cloneDeep(t));if(isPlainObject(t)){const e={};for(const i in t)e[i]=cloneDeep(t[i]);return e}return t}
 //!ICE 自定的事件名称常量，原生 DOM 事件的名称不变。
-var t={ICE_FRAME_EVENT:"ICE_FRAME_EVENT",BEFORE_RENDER:"BEFORE_RENDER",AFTER_RENDER:"AFTER_RENDER",BEFORE_ADD:"BEFORE_ADD",AFTER_ADD:"AFTER_ADD",BEFORE_REMOVE:"BEFORE_REMOVE",AFTER_REMOVE:"AFTER_REMOVE",ROUND_FINISH:"ROUND_FINISH",HOOK_MOUSEDOWN:"HOOK_MOUSEDOWN",HOOK_MOUSEMOVE:"HOOK_MOUSEMOVE",HOOK_MOUSEUP:"HOOK_MOUSEUP",BEFORE_RESIZE:"BEFORE_RESIZE",AFTER_RESIZE:"AFTER_RESIZE",BEFORE_ROTATE:"BEFORE_ROTATE",AFTER_ROTATE:"AFTER_ROTATE",BEFORE_MOVE:"BEFORE_MOVE",AFTER_MOVE:"AFTER_MOVE"};function springProgress(t,e){const i=t,s=Math.sqrt(Math.max(1e-6,1-t*t));return t=>{const n=Math.max(0,t)*e;return 1-Math.exp(-i*n)*(Math.cos(s*n)+i/s*Math.sin(s*n))}}const e={linear:t=>t,easeInQuad:t=>t*t,easeOutQuad:t=>t*(2-t),easeInOutQuad:t=>t<.5?2*t*t:(4-2*t)*t-1,easeInQuart:t=>t*t*t*t,easeOutQuart:t=>1-Math.pow(1-t,4),easeInOutQuart:t=>t<.5?8*t*t*t*t:1-8*Math.pow(1-t,4),easeInCubic:t=>t*t*t,easeOutCubic:t=>1-Math.pow(1-t,3),easeInOutCubic:t=>t<.5?4*t*t*t:1-Math.pow(-2*t+2,3)/2,spring:springProgress(.55,12),springSoft:springProgress(.75,14),springSnappy:springProgress(.4,9)},i={color:{blue:{50:"#EFF6FF",100:"#DBEAFE",200:"#BFDBFE",300:"#93C5FD",400:"#60A5FA",500:"#3B82F6",600:"#2563EB",700:"#1D4ED8",800:"#1E40AF",900:"#1E3A8A"},emerald:{50:"#ECFDF5",100:"#D1FAE5",200:"#A7F3D0",300:"#6EE7B7",400:"#34D399",500:"#10B981",600:"#059669",700:"#047857",800:"#065F46",900:"#064E3B"},amber:{50:"#FFFBEB",100:"#FEF3C7",200:"#FDE68A",300:"#FCD34D",400:"#FBBF24",500:"#F59E0B",600:"#D97706",700:"#B45309",800:"#92400E",900:"#78350F"},red:{50:"#FEF2F2",100:"#FEE2E2",200:"#FECACA",300:"#FCA5A5",400:"#F87171",500:"#EF4444",600:"#DC2626",700:"#B91C1C",800:"#991B1B",900:"#7F1D1D"},gray:{50:"#F9FAFB",100:"#F3F4F6",200:"#E5E7EB",300:"#D1D5DB",400:"#9CA3AF",500:"#6B7280",600:"#4B5563",700:"#374151",800:"#1F2937",900:"#111827"},violet:{50:"#F5F3FF",100:"#EDE9FE",200:"#DDD6FE",300:"#C4B5FD",400:"#A78BFA",500:"#8B5CF6",600:"#7C3AED",700:"#6D28D9",800:"#5B21B6",900:"#4C1D95"},teal:{50:"#F0FDFA",100:"#CCFBF1",200:"#99F6E4",300:"#5EEAD4",400:"#2DD4BF",500:"#14B8A6",600:"#0D9488",700:"#0F766E",800:"#115E59",900:"#134E4A"},pink:{50:"#FDF2F8",100:"#FCE7F3",200:"#FBCFE8",300:"#F9A8D4",400:"#F472B6",500:"#EC4899",600:"#DB2777",700:"#BE185D",800:"#9D174D",900:"#831843"},indigo:{50:"#EEF2FF",100:"#E0E7FF",200:"#C7D2FE",300:"#A5B4FC",400:"#818CF8",500:"#6366F1",600:"#4F46E5",700:"#4338CA",800:"#3730A3",900:"#312E81"}},spacing:{1:4,2:8,3:12,4:16,6:24,8:32,12:48,16:64},radius:{sm:4,md:8,lg:12,xl:16,full:9999},fontSize:{sm:12,md:14,lg:16,xl:20,"2xl":24,"3xl":32,"4xl":44},fontFamily:{base:"Arial"},fontWeight:{normal:400,bold:700}};function buildSemantic(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};const i=t.color;return _objectSpread2({primary:i.blue[500],success:i.emerald[500],warning:i.amber[500],danger:i.red[500],info:i.blue[400],text:i.gray[800],muted:i.gray[500],hint:i.gray[400],border:i.gray[200],background:"#ffffff",palette:[i.blue[500],i.emerald[500],i.amber[500],i.red[500],i.violet[500],i.teal[500],i.pink[500],i.indigo[500]],motion:{duration:{fast:100,normal:200,slow:300,slower:500},easing:{linear:"linear",out:"easeOutCubic",inOut:"easeInOutCubic",outQuart:"easeOutQuart",spring:"spring",springSoft:"springSoft",springSnappy:"springSnappy"}}},e)}const s={base:i,semantic:buildSemantic(i)},n={base:i,semantic:buildSemantic(i,{primary:i.color.blue[400],success:i.color.emerald[400],warning:i.color.amber[400],danger:i.color.red[400],info:i.color.teal[400],text:i.color.gray[200],muted:i.color.gray[400],hint:i.color.gray[500],border:i.color.gray[700],background:i.color.gray[900],palette:[i.color.blue[400],i.color.emerald[400],i.color.amber[400],i.color.red[400],i.color.violet[400],i.color.teal[400],i.color.pink[400],i.color.indigo[400]]})},o={default:s,dark:n};let r=s;function registerTheme(t,e){o[t]=e}function resolveTheme(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:r;return"string"==typeof t?o[t]||s:{base:e.base,semantic:_objectSpread2(_objectSpread2({},e.semantic),t)}}function setTheme(t){return r=resolveTheme(t,r),r}function getTheme(){return r}const a={card:t=>({radius:t.base.radius.lg,style:{fillStyle:t.semantic.background,strokeStyle:t.semantic.border,lineWidth:1,shadow:"md"}}),gradient:t=>({radius:t.base.radius.lg,style:{fillGradient:{type:"linear",from:[0,0],to:[0,200],stops:[[0,t.semantic.primary],[1,t.semantic.background]]},strokeStyle:t.semantic.border,lineWidth:1}}),panel:t=>({radius:t.base.radius.md,style:{fillStyle:t.semantic.background,strokeStyle:t.semantic.border,lineWidth:1,shadow:"sm"}}),button:t=>({radius:t.base.radius.md,style:{fillStyle:t.semantic.primary,strokeStyle:t.semantic.primary,lineWidth:1,shadow:"sm"}}),"button-danger":t=>({radius:t.base.radius.md,style:{fillStyle:t.semantic.danger,strokeStyle:t.semantic.danger,lineWidth:1,shadow:"sm"}}),title:t=>({stroke:!1,style:{fontSize:t.base.fontSize["2xl"],fontWeight:t.base.fontWeight.bold,fillStyle:t.semantic.text}}),subtitle:t=>({stroke:!1,style:{fontSize:t.base.fontSize.lg,fillStyle:t.semantic.muted}}),body:t=>({stroke:!1,style:{fontSize:t.base.fontSize.md,fillStyle:t.semantic.text}}),label:t=>({stroke:!1,style:{fontSize:t.base.fontSize.sm,fillStyle:t.semantic.hint}})};var h={baseTokens:i,DEFAULT_THEME:s,DARK_THEME:n,registerTheme:registerTheme,setTheme:setTheme,getTheme:getTheme,STYLE_PRESETS:a};var l=class AnimationManager{constructor(t){_defineProperty(this,"animationMap",new Map),_defineProperty(this,"paused",!1),_defineProperty(this,"pausedAt",0),_defineProperty(this,"warned",new WeakSet),this.ice=t}start(){return this.ice.evtBus.on(t.ICE_FRAME_EVENT,this.frameEventHandler,this),this}stop(){return this.ice.evtBus.off(t.ICE_FRAME_EVENT,this.frameEventHandler,this),this}frameEventHandler(t){if(this.paused)return;const e=Date.now(),i=[...this.animationMap.values()];for(let t=0;t<i.length;t++){const s=i[t],n=s.state.interactive;s.state.interactive=!1,this.tween(s,e),s.state.interactive=n}}__writeValue(t,e,i){const s=e.indexOf(".");if(-1===s)return void(t[e]=i);const n=e.slice(0,s),o=e.slice(s+1);t[n]&&"object"==typeof t[n]||(t[n]={}),this.__writeValue(t[n],o,i)}tween(t,e){const i={},s=t.props.animations,n=isUndefined(e)?Date.now():e;let o=!1;for(const t in s){const e=s[t];if(e.finished)continue;let r;if(isUndefined(e.startTime)&&(e.startTime=n,this.__resolveMotion(e)),isUndefined(e.easing)&&(e.easing="linear"),Array.isArray(e.keyframes)){const i=this.__normalizeKeyframes(e);if(!i){this.__reject(e,"[ICE] 动画属性「".concat(t,"」的 keyframes 非法：需要 ≥2 帧、offset 为数字、各帧取值同型（都是数字或等长的数字数组）；已跳过。"));continue}r=i}else if(!this.__isTweenable(e.from,e.to)){this.__reject(e,"[ICE] 动画属性「".concat(t,"」的取值必须都是数字或等长的数字数组，当前为 ")+"".concat(this.__describe(e.from)," → ").concat(this.__describe(e.to),"；已跳过。"));continue}const a=Number(e.duration);if(!Number.isFinite(a)||a<=0){this.__reject(e,"[ICE] 动画属性「".concat(t,"」的 duration 必须是正数，当前为 ").concat(String(e.duration),"；已直接落到终点。")),this.__writeValue(i,t,this.__roundIfNeeded(e,this.__sampleValue(r,e,1)));continue}const h=Number(e.delay)||0,l=n-e.startTime-h;if(l<0){o=!0,this.__writeValue(i,t,this.__sampleValue(r,e,0));continue}if(l>=a){let s=this.__sampleValue(r,e,1);this.shouldRepeat(e)?(e.startTime=n,s=this.__sampleValue(r,e,0),o=!0):e.finished=!0,this.__writeValue(i,t,this.__roundIfNeeded(e,s));continue}o=!0;const c=r?l/a:this.__easingFn(e.easing,e)(l/a);this.__writeValue(i,t,this.__roundIfNeeded(e,this.__sampleValue(r,e,c)))}return o||this.remove(t),Object.keys(i).length>0&&t.setState(i),t}__sampleValue(t,e,i){if(!t)return this.__interpolate(e.from,e.to,i);const s=t[0],n=t[t.length-1];if(i<=s.offset)return s.value;if(i>=n.offset)return n.value;for(let s=0;s<t.length-1;s++){const n=t[s],o=t[s+1];if(i<n.offset||i>o.offset)continue;const r=o.offset-n.offset;if(r<=0)return o.value;const a=(i-n.offset)/r,h=this.__easingFn(isUndefined(n.easing)?e.easing:n.easing,e);return this.__interpolate(n.value,o.value,h(a))}return n.value}__interpolate(t,e,i){if("number"==typeof t)return t+(e-t)*i;const s=new Array(t.length);for(let n=0;n<t.length;n++)s[n]=t[n]+(e[n]-t[n])*i;return s}__isTweenable(t,e){const i=this.__valueKind(t);return null!==i&&i===this.__valueKind(e)&&("number"===i||t.length===e.length)}__valueKind(t){if("number"==typeof t)return"number";if(Array.isArray(t)&&t.length>0){for(let e=0;e<t.length;e++)if("number"!=typeof t[e])return null;return"array"}return null}__normalizeKeyframes(t){if(t.__frames)return t.__frames;const e=t.keyframes;if(!Array.isArray(e)||e.length<2)return null;const i=[];for(let t=0;t<e.length;t++){const s=e[t]||{},n=isUndefined(s.offset)?t/(e.length-1):Number(s.offset);if(!Number.isFinite(n))return null;i.push({offset:Math.min(1,Math.max(0,n)),value:s.value,easing:s.easing})}i.sort((t,e)=>t.offset-e.offset);const s=this.__valueKind(i[0].value);if(null===s)return null;const n="array"===s?i[0].value.length:0;for(let t=1;t<i.length;t++){if(this.__valueKind(i[t].value)!==s)return null;if("array"===s&&i[t].value.length!==n)return null}return t.__frames=i,i}__easingFn(t,i){const s="string"==typeof t?e[t]:void 0;return s||(i&&this.__warnOnce(i,"[ICE] 未知的缓动「".concat(String(t),"」，已回退为 linear。可用：").concat(Object.keys(e).join(" / "))),e.linear)}__roundIfNeeded(t,e){return t.round?"number"==typeof e?Math.round(e):e.map(t=>Math.round(t)):e}__describe(t){return Array.isArray(t)?"数组[".concat(t.length,"]"):typeof t}__reject(t,e){t.finished=!0,this.__warnOnce(t,e)}__warnOnce(t,e){t&&"object"==typeof t&&(this.warned.has(t)||this.warned.add(t))}__resolveMotion(t){const e=(this.ice&&this.ice.theme||getTheme()).semantic.motion;"string"==typeof t.duration&&void 0!==e.duration[t.duration]&&(t.duration=e.duration[t.duration]),"string"==typeof t.easing&&void 0!==e.easing[t.easing]&&(t.easing=e.easing[t.easing])}shouldRepeat(t){return!0===t.loop||"number"==typeof t.iterationCount&&t.iterationCount>1&&(t.iterationCount--,!0)}pause(){this.paused||(this.paused=!0,this.pausedAt=Date.now())}resume(){if(!this.paused)return;const t=Date.now()-this.pausedAt,e=[...this.animationMap.values()];for(const i of e){const e=i.props.animations;for(const i in e){const s=e[i];isUndefined(s.startTime)||(s.startTime+=t)}}this.paused=!1}isPaused(){return this.paused}add(t){this.animationMap.set(t.props.id,t)}remove(t){isString(t)?this.animationMap.delete(t):this.animationMap.delete(t.props.id)}};let c=0;function bumpVisibilityEpoch(){c++}function getVisibilityEpoch(){return c}function isEffectivelyVisible(t){return t&&"function"==typeof t.isEffectivelyVisible?t.isEffectivelyVisible():!!(t&&t.state&&t.state.display)}function flattenAllComponents(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];return flattenTree(e,t.childNodes||[]),flattenTree(e,t.toolNodes||[]),e}function hitTestComponents(t,e,i,s){const n=flattenAllComponents(t);n.sort((t,e)=>t.state.zIndex-e.state.zIndex);const o=t.renderer,r=o&&"function"==typeof o.getWorldBox;let a=null;for(let t=0;t<n.length;t++){const h=n[t];if(!h.isControlPanel&&(h.state.interactive&&isEffectivelyVisible(h))){if(r){const t=o.getWorldBox(h);if(t&&(e<t[0]-s||e>t[2]+s||i<t[1]-s||i>t[3]+s))continue}h.containsPoint(e,i)&&(a=h)}}return a}function flattenTree(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1,s=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null;for(let n=0;n<e.length;n++){const o=e[n];o._level=i,o._pid=s,t.push(o);const r=o.props&&void 0!==o.props.id?o.props.id:o.id;flattenTree(t,o.childNodes||[],i+1,r)}return t}class PolyfillPath2D{constructor(){_defineProperty(this,"_isPolyfill",!0),_defineProperty(this,"_commands",[]),_defineProperty(this,"_closed",!1)}moveTo(t,e){this._commands.push(["moveTo",t,e])}lineTo(t,e){this._commands.push(["lineTo",t,e])}bezierCurveTo(t,e,i,s,n,o){this._commands.push(["bezierCurveTo",t,e,i,s,n,o])}quadraticCurveTo(t,e,i,s){this._commands.push(["quadraticCurveTo",t,e,i,s])}arcTo(t,e,i,s,n){this._commands.push(["arcTo",t,e,i,s,n])}rect(t,e,i,s){this._commands.push(["rect",t,e,i,s])}ellipse(t,e,i,s,n,o,r,a){this._commands.push(["ellipse",t,e,i,s,n,o,r,a])}closePath(){this._closed=!0}}let d=null;(()=>{const t="undefined"!=typeof window?window:"undefined"!=typeof global?global:{};d=t||{},d.requestFrame=d.requestAnimationFrame||d.webkitRequestAnimationFrame||d.mozRequestAnimationFrame||d.oRequestAnimationFrame||d.msRequestAnimationFrame,"function"!=typeof d.requestFrame&&(d.requestFrame=function(t){return setTimeout(function(){t(Date.now())},16)}),d.createPath2D=()=>"function"==typeof d.Path2D?new d.Path2D:new PolyfillPath2D,d.loadFont=(t,e)=>{if("function"==typeof d.FontFace&&d.document&&d.document.fonts){const i=new d.FontFace(t,e);return d.document.fonts.add(i),i.load()}return d.wx&&"function"==typeof d.wx.loadFont?d.wx.loadFont(e):Promise.resolve()},d.createImage=()=>{if("function"==typeof d.Image)return new d.Image;if(d.wx&&"function"==typeof d.wx.createImage)return d.wx.createImage();throw new Error("当前运行时没有可用的 Image 构造器，无法加载图片。")},"number"==typeof d.devicePixelRatio&&d.devicePixelRatio>0||(d.devicePixelRatio=(()=>{if(d.wx&&"function"==typeof d.wx.getSystemInfoSync)try{return d.wx.getSystemInfoSync().pixelRatio||1}catch(t){return 1}return 1})()),d.createOffscreenCanvas=(t,e)=>{if(d.wx&&"function"==typeof d.wx.createOffscreenCanvas){const i=d.wx.createOffscreenCanvas({type:"2d",width:t,height:e}),s=i.getContext("2d");if(!s)throw new Error("当前运行时无法创建 2d 离屏上下文。");return{canvas:i,ctx:s}}if(d.document&&"function"==typeof d.document.createElement){const i=d.document.createElement("canvas");i.width=t,i.height=e;const s=i.getContext("2d");if(!s)throw new Error("当前运行时无法创建 2d 离屏上下文。");return{canvas:i,ctx:s}}throw new Error("当前运行时没有可用的离屏 canvas。")}})();var u=d,p="undefined"!=typeof Float32Array?Float32Array:Array,f=Math.PI/180;function toRadian(t){return t*f}function invert(t,e){var i=e[0],s=e[1],n=e[2],o=e[3],r=e[4],a=e[5],h=i*o-s*n;return h?(h=1/h,t[0]=o*h,t[1]=-s*h,t[2]=-n*h,t[3]=i*h,t[4]=(n*a-o*r)*h,t[5]=(s*r-i*a)*h,t):null}function multiply(t,e,i){var s=e[0],n=e[1],o=e[2],r=e[3],a=e[4],h=e[5],l=i[0],c=i[1],d=i[2],u=i[3],p=i[4],f=i[5];return t[0]=s*l+o*c,t[1]=n*l+r*c,t[2]=s*d+o*u,t[3]=n*d+r*u,t[4]=s*p+o*f+a,t[5]=n*p+r*f+h,t}function cross(t,e,i){var s=e[0]*i[1]-e[1]*i[0];return t[0]=t[1]=0,t[2]=s,t}function transformMat2d(t,e,i){var s=e[0],n=e[1];return t[0]=i[0]*s+i[2]*n+i[4],t[1]=i[1]*s+i[3]*n+i[5],t}Math.hypot||(Math.hypot=function(){for(var t=0,e=arguments.length;e--;)t+=arguments[e]*arguments[e];return Math.sqrt(t)}),function create(){var t=new p(2);return p!=Float32Array&&(t[0]=0,t[1]=0),t}();var g=class ICEEvent{constructor(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};_defineProperty(this,"AT_TARGET",2),_defineProperty(this,"BUBBLING_PHASE",3),_defineProperty(this,"CAPTURING_PHASE",1),_defineProperty(this,"NONE",0);for(const e in t)this[e]=t[e];for(const t in e)this[t]=e[t]}composedPath(){throw new Error("Method not implemented.")}initEvent(t,e,i){throw new Error("Method not implemented.")}preventDefault(){throw new Error("Method not implemented.")}stopImmediatePropagation(){throw new Error("Method not implemented.")}stopPropagation(){throw new Error("Method not implemented.")}};class ICEEventTarget{constructor(){_defineProperty(this,"listeners",{}),_defineProperty(this,"suspendedEventNames",[])}on(t,e){let i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:u;this.listeners[t]||(this.listeners[t]=[]),this.off(t,e,i),this.listeners[t].push({callback:e,scope:i})}off(t,e){let i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:u,s=this.listeners[t];if(s){s=[...s];for(let n=0;n<s.length;n++){const o=s[n],r=o.callback;if((r===e||r&&r.__onceOriginal===e)&&o.scope===i)return void this.listeners[t].splice(n,1)}}}trigger(t){let e,i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,s=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};if(function isEmpty(t){return null==t||(Array.isArray(t)||"string"==typeof t?0===t.length:"object"!=typeof t||0===Object.keys(t).length)}(this.listeners[t]))return!1;if(this.suspendedEventNames.includes(t))return!1;i?(e=new g(i),e.originalEvent=i.originalEvent?i.originalEvent:i,e.param=_objectSpread2({},s)):e=new g({type:t,timeStamp:Date.now(),param:_objectSpread2({},s)});const n=this.listeners[t];for(let t=0;t<n.length;t++){const i=n[t];i.callback.call(i.scope,e)}return!0}once(t,e){let i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:u;const s=this;function callback(n){s.off(t,callback,i),e.call(i,n)}callback.__onceOriginal=e,s.on(t,callback,i)}suspend(t){t&&!this.suspendedEventNames.includes(t)&&this.suspendedEventNames.push(t)}resume(t){const e=this.suspendedEventNames.indexOf(t);-1!==e&&this.suspendedEventNames.splice(e,1)}purgeEvents(){this.listeners={},this.suspendedEventNames=[]}hasListener(t,e){let i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:u;if(!this.listeners[t])return!1;const s=this.listeners[t];if(!s)return!1;for(let t=0;t<s.length;t++){const n=s[t];if(n.callback===e&&n.scope===i)return!0}return!1}}ICEEventTarget.prototype.addEventListener=ICEEventTarget.prototype.on,ICEEventTarget.prototype.removeEventListener=ICEEventTarget.prototype.off,ICEEventTarget.prototype.dispatchEvent=ICEEventTarget.prototype.trigger;var m=ICEEventTarget;class GeoUtil{constructor(){throw new Error("GeoUtil is a static util class.")}static pointInPolygon(t,e,i){if(!i||i.length<3)return!1;let s=!1;for(let n=0,o=i.length-1;n<i.length;o=n++){const r=i[n][0],a=i[n][1],h=i[o][0],l=i[o][1];a>e!=l>e&&t<(h-r)*(e-a)/(l-a)+r&&(s=!s)}return s}static distanceToSegment(t,e,i,s,n,o){const r=n-i,a=o-s,h=r*r+a*a;let l=0===h?0:((t-i)*r+(e-s)*a)/h;return l=l<0?0:l>1?1:l,Math.hypot(t-(i+l*r),e-(s+l*a))}static distanceToPolyline(t,e,i){if(!t||0===t.length)return 1/0;if(1===t.length)return Math.hypot(e-t[0][0],i-t[0][1]);let s=1/0;for(let n=0;n<t.length-1;n++){const o=GeoUtil.distanceToSegment(e,i,t[n][0],t[n][1],t[n+1][0],t[n+1][1]);o<s&&(s=o)}return s}static samplePolyline(t,e){const i=[];if(!t||t.length<2||e<1)return t?t.map(t=>[t[0],t[1]]):i;const s=[];let n=0;for(let e=0;e<t.length-1;e++){const i=Math.hypot(t[e+1][0]-t[e][0],t[e+1][1]-t[e][1]);s.push(i),n+=i}if(0===n)return[t[0].slice(),t[t.length-1].slice()];for(let o=0;o<=e;o++){const r=n*o/e;let a=0;for(let e=0;e<s.length;e++){if(a+s[e]>=r||e===s.length-1){const n=0===s[e]?0:(r-a)/s[e];i.push([t[e][0]+(t[e+1][0]-t[e][0])*n,t[e][1]+(t[e+1][1]-t[e][1])*n]);break}a+=s[e]}}return i}static segmentIntersect(t,e,i,s){const n=e[0]-t[0],o=e[1]-t[1],r=s[0]-i[0],a=s[1]-i[1],h=n*a-o*r;if(0===h)return null;const l=((i[0]-t[0])*a-(i[1]-t[1])*r)/h,c=((i[0]-t[0])*o-(i[1]-t[1])*n)/h;return l<0||l>1||c<0||c>1?null:[t[0]+l*n,t[1]+l*o]}static calcRotateAngle(t,e,i,s){const n=t-i,o=e-s,r=Math.hypot(n,o),a=n/r;let h=(o/r<0?-1:1)*Math.acos(a)*180/Math.PI+360;return h%=360,h}static calcRotateAngleFromMatrix(t){const e=t[0],i=t[1];return Math.atan2(i,e)*(180/Math.PI)}static calcScaleFromMatrix(t){const e=t[0],i=t[1],s=t[2],n=t[3];return[Math.hypot(e,i),Math.hypot(s,n)]}}class ICEBoundingBox{constructor(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[0,0,0,0,0,0,0,0,0,0];_defineProperty(this,"tl",[0,0]),_defineProperty(this,"tr",[0,0]),_defineProperty(this,"bl",[0,0]),_defineProperty(this,"br",[0,0]),_defineProperty(this,"tc",[0,0]),_defineProperty(this,"rc",[0,0]),_defineProperty(this,"bc",[0,0]),_defineProperty(this,"lc",[0,0]),_defineProperty(this,"center",[0,0]),this.tl=[t[0],t[1]],this.tr=[t[2],t[3]],this.bl=[t[4],t[5]],this.br=[t[6],t[7]],this.tc=[(this.tr[0]+this.tl[0])/2,(this.tr[1]+this.tl[1])/2],this.bc=[(this.br[0]+this.bl[0])/2,(this.br[1]+this.bl[1])/2],this.lc=[(this.bl[0]+this.tl[0])/2,(this.bl[1]+this.tl[1])/2],this.rc=[(this.br[0]+this.tr[0])/2,(this.br[1]+this.tr[1])/2],this.center=[t[8],t[9]]}static fromDimension(t,e,i,s){return new ICEBoundingBox([...[t,e],...[t+i,e],...[t,e+s],...[t+i,e+s],...[t+i/2,e+s/2]])}containsPoint(t){const{minX:e,minY:i,maxX:s,maxY:n}=this.getMinAndMaxPoint();if(t[0]<e||t[0]>s||t[1]<i||t[1]>n)return!1;let o,r=0;const a=this.getBoundingLines();for(let e=0;e<a.length;e++){const i=a[e];if(!(t[1]>i.o[1]&&t[1]>i.d[1])&&!(t[1]<i.o[1]&&t[1]<i.d[1])){if(i.o[0]===i.d[0]&&i.o[0]>=t[0])o=i.o[0];else{const e=(i.d[1]-i.o[1])/(i.d[0]-i.o[0]);o=i.o[0]+(t[1]-i.o[1])/e}o>t[0]&&r++}}return 0!==r&&r%2==1}getBoundingLines(){return[{o:[...this.tl],d:[...this.tr]},{o:[...this.tr],d:[...this.br]},{o:[...this.br],d:[...this.bl]},{o:[...this.bl],d:[...this.tl]}]}getMinAndMaxPoint(){let t=this.tl[0],e=this.tl[1],i=this.tl[0],s=this.tl[1];const n=[this.tr,this.bl,this.br];for(let o=0;o<n.length;o++){const r=n[o];r[0]<t&&(t=r[0]),r[0]>i&&(i=r[0]),r[1]<e&&(e=r[1]),r[1]>s&&(s=r[1])}return{minX:t,minY:e,maxX:i,maxY:s}}containsBox(t){const e=this.getMinAndMaxPoint(),i=t.getMinAndMaxPoint();return i.minX>=e.minX&&i.maxX<=e.maxX&&i.minY>=e.minY&&i.maxY<=e.maxY}isIntersect(t){const e=this.tl[0],i=this.br[0],s=this.tl[1],n=this.br[1],o=t.tl[0],r=t.br[0],a=t.tl[1],h=t.br[1];return!(e>r||s>h||i<o||n<a)}transform(t){const e=transformMat2d([],this.tl,t),i=transformMat2d([],this.tr,t),s=transformMat2d([],this.bl,t),n=transformMat2d([],this.br,t),o=transformMat2d([],this.center,t);return new ICEBoundingBox([...e,...i,...s,...n,...o])}union(t){const e=this.getMinAndMaxPoint(),i=t.getMinAndMaxPoint(),s=Math.min(e.minX,i.minX),n=Math.min(e.minY,i.minY),o=Math.max(e.maxX,i.maxX),r=Math.max(e.maxY,i.maxY);return ICEBoundingBox.fromDimension(s,n,o-s,r-n)}get width(){const t=this.br[0]-this.bl[0],e=this.br[1]-this.bl[1];return Math.hypot(t,e)}get height(){const t=this.br[0]-this.tr[0],e=this.br[1]-this.tr[1];return Math.hypot(t,e)}get left(){return this.tl[0]}set left(t){throw new Error("Can not set left to ICEBoundingBox directly.")}get top(){return this.tl[1]}set top(t){throw new Error("Can not set top to ICEBoundingBox directly.")}get centerX(){return this.center[0]}get centerY(){return this.center[1]}get centerPoint(){return this.center}}var _=ICEBoundingBox;const y={sm:{shadowColor:"rgba(0,0,0,0.12)",shadowBlur:4,shadowOffsetX:0,shadowOffsetY:1},md:{shadowColor:"rgba(0,0,0,0.18)",shadowBlur:10,shadowOffsetX:0,shadowOffsetY:3},lg:{shadowColor:"rgba(0,0,0,0.25)",shadowBlur:20,shadowOffsetX:0,shadowOffsetY:6}},x=[["shadowColor","rgba(0,0,0,0)"],["shadowBlur",0],["shadowOffsetX",0],["shadowOffsetY",0],["globalAlpha",1],["globalCompositeOperation","source-over"],["lineCap","butt"],["lineJoin","miter"],["miterLimit",10],["textAlign","start"],["textBaseline","alphabetic"]],E={left:0,top:0,width:0,height:0,style:Object.freeze({fillStyle:"red",strokeStyle:"blue",lineWidth:1}),lineDash:Object.freeze([]),lineDashOffset:0,lineDashFlow:!1,lineDashFlowSpeed:60,lineBorder:!1,lineBorderWidth:1.5,lineBorderColor:"#999999",fill:!0,stroke:!0,animations:Object.freeze({}),transform:Object.freeze({translate:Object.freeze([0,0]),scale:Object.freeze([1,1]),skew:Object.freeze([0,0]),rotate:0}),linearMatrix:Object.freeze([]),composedMatrix:Object.freeze([]),origin:"localCenter",originX:0,originY:0,localOrigin:Object.freeze([0,0]),absoluteOrigin:Object.freeze([0,0]),display:!0,draggable:!0,transformable:!0,interactive:!0,linkable:!0,showMinBoundingBox:!1,showMaxBoundingBox:!1};function normalizeGradientStops(t){const e=[];if(!Array.isArray(t))return e;for(let i=0;i<t.length;i++){const s=t[i];let n=NaN,o="";Array.isArray(s)?(n=Number(s[0]),o=String(s[1])):s&&"object"==typeof s&&(n=Number(s.offset),o=String(s.color)),isFinite(n)&&o&&e.push([n<0?0:n>1?1:n,o])}return e.sort((t,e)=>t[0]-e[0]),e}class ICEComponent extends m{constructor(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};super(),_defineProperty(this,"__dirty",!0),_defineProperty(this,"__localBoxScratch",[0,0,0,0]),_defineProperty(this,"__activeCtm",null),_defineProperty(this,"__activeWorldMatrix",null),_defineProperty(this,"__visEpoch",-1),_defineProperty(this,"__visValue",!0),_defineProperty(this,"__gradCache",{}),_defineProperty(this,"__paramsDirty",!0),_defineProperty(this,"__absScratchA",null),_defineProperty(this,"__absScratchB",null),_defineProperty(this,"__transScratch",null),_defineProperty(this,"__originScratch",null),_defineProperty(this,"__composeScratch",null),_defineProperty(this,"__viewportScratch",null),this.__userProps=t,t&&t.preset&&a[t.preset]&&(this.__presetName=t.preset,t=merge({},a[t.preset](getTheme()),t)),this.props=Object.create(E),this.props.id="ICE_"+function uuid(){if(u.crypto)return u.crypto.randomUUID();{let t=Date.now();return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,function(e){const i=(t+16*Math.random())%16|0;return t=Math.floor(t/16),("x"==e?i:3&i|8).toString(16)})}}(),this.props.zIndex=ICEComponent.instanceCounter++,merge(this.props,t),this.__initState(),this.root=u,this.initEvents()}__initState(){this.state=Object.create(E),this.state.id=this.props.id,this.state.zIndex=this.props.zIndex;for(const t in this.props)Object.prototype.hasOwnProperty.call(this.props,t)&&(this.state[t]=cloneDeep(this.props[t]));this.state.linearMatrix=[],this.state.composedMatrix=[],this.state.localOrigin=[0,0],this.state.absoluteOrigin=[0,0]}__reapplyPreset(t){if(!this.__presetName||!a[this.__presetName])return;const e=a[this.__presetName](t||getTheme()),i=this.__userProps||{},s={};for(const t in e)"style"===t?s.style=merge({},e.style,i.style):void 0!==i[t]?s[t]=i[t]:s[t]=e[t];this.setState(s)}initEvents(){this.on("mousedown",this.mouseDownEvtHandler,this),this.on("keydown",this.keyboardEvtHandler,this),this.on("keyup",this.keyboardEvtHandler,this)}mouseDownEvtHandler(t){this.state.interactive&&this.state.draggable&&(this.on("mousemove",this.mouseMoveEvtHandler,this),this.on("mouseup",this.mouseUpEvtHandler,this))}mouseMoveEvtHandler(t){const e=this.ice&&this.ice.viewport?this.ice.viewport.scale:1,i=t.movementX/e,s=t.movementY/e;return this.moveGlobalPosition(i,s,t),!0}mouseUpEvtHandler(t){this.off("mousemove",this.mouseMoveEvtHandler,this),this.off("mouseup",this.mouseUpEvtHandler,this)}keyboardEvtHandler(t){switch(t.key){case"ArrowUp":this.moveGlobalPosition(0,-2,t);break;case"ArrowDown":this.moveGlobalPosition(0,2,t);break;case"ArrowLeft":this.moveGlobalPosition(-2,0,t);break;case"ArrowRight":this.moveGlobalPosition(2,0,t);break;case"Delete":this.parentNode&&this.parentNode.removeChild?this.parentNode.removeChild(this):this.ice.removeChild(this)}}render(){this.__renderCore(null,!0)}renderTo(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;if(!t)return;const i=this.ctx;this.ctx=t;try{this.__renderCore(e,!1)}finally{this.ctx=i}}isEffectivelyVisible(){if(this.__visEpoch===getVisibilityEpoch())return this.__visValue;const t=this.__computeEffectivelyVisible();return this.__visEpoch=getVisibilityEpoch(),this.__visValue=t,t}__computeEffectivelyVisible(){if(!this.state.display)return!1;let t=this.parentNode;for(;t&&t.state;){if(!t.state.display)return!1;t=t.parentNode}return!0}__renderCore(e,i){this.trigger(t.BEFORE_RENDER),this.isEffectivelyVisible()&&(this.refreshParams(),this.applyStyleToCtx(),this.applyTransformToCtx(e,i),this.doRender(),this.__resetLeakyCtxState(),this.trigger(t.AFTER_RENDER),this.dirty=!1)}applyStyleToCtx(){const t=this.props.style,e=this.state.style;let i=null,s=null;if(t)for(const e in t)"fillGradient"!==e?"strokeGradient"!==e?this.__applyStyleProp(e,t[e]):s=t[e]:i=t[e];if(e)for(const t in e)"fillGradient"!==t?"strokeGradient"!==t?this.__applyStyleProp(t,e[t]):s=e[t]:i=e[t];i&&this.__applyStyleProp("fillGradient",i),s&&this.__applyStyleProp("strokeGradient",s)}__applyStyleProp(t,e){if("fillGradient"===t||"strokeGradient"===t){const i="fillGradient"===t?"fillStyle":"strokeStyle",s=this.__resolveGradient("fillGradient"===t?"fill":"stroke",e);if(s)this.ctx[i]=s;else if(e){const t=normalizeGradientStops(e.stops);t.length&&(this.ctx[i]=t[Math.floor(t.length/2)][1])}return}if("shadow"===t&&"string"==typeof e&&y[e]){const t=y[e];return this.ctx.shadowColor=t.shadowColor,this.ctx.shadowBlur=t.shadowBlur,this.ctx.shadowOffsetX=t.shadowOffsetX,void(this.ctx.shadowOffsetY=t.shadowOffsetY)}this.ctx[t]=e}__resolveGradient(t,e){if(!e||"object"!=typeof e)return null;const i=this.__gradCache[t];if(i&&i.src===e)return i.grad;const s=this.__buildGradient(e);return this.__gradCache[t]={src:e,grad:s},s}__buildGradient(t){const e=this.ctx;if(!e)return null;const i=normalizeGradientStops(t.stops);if(i.length<1)return null;const s=Number(this.state.width)||0,n=Number(this.state.height)||0,o=t.type||"linear";let r=null;if("radial"===o&&"function"==typeof e.createRadialGradient){const i=Array.isArray(t.center)?t.center:[s/2,n/2],o=Number(t.radius)>0?Number(t.radius):Math.max(s,n)/2,a=Number(t.innerRadius)>0?Number(t.innerRadius):0;r=e.createRadialGradient(i[0],i[1],a,i[0],i[1],o)}else if("conic"===o&&"function"==typeof e.createConicGradient){const i=Array.isArray(t.center)?t.center:[s/2,n/2];r=e.createConicGradient(Number(t.startAngle)||0,i[0],i[1])}else{if("conic"===o)return null;if("function"==typeof e.createLinearGradient){const i=Array.isArray(t.from)?t.from:[0,0],n=Array.isArray(t.to)?t.to:[s,0];r=e.createLinearGradient(i[0],i[1],n[0],n[1])}}if(!r&&"function"!=typeof e.createLinearGradient)return null;if(!r)return null;for(let t=0;t<i.length;t++)try{r.addColorStop(i[t][0],i[t][1])}catch(t){}return r}calcComponentParams(){return{width:this.state.width,height:this.state.height}}__localBox(){const t=this.__localBoxScratch;return t[0]=0,t[1]=0,t[2]=this.state.width||0,t[3]=this.state.height||0,t}measure(){this.refreshParams()}refreshParams(){this.__paramsDirty&&(this.calcComponentParams(),this.__paramsDirty=!1,this.__gradCache.fill=void 0,this.__gradCache.stroke=void 0)}calcLocalOrigin(){let t=this.state.localOrigin;(!t||t.length<2)&&(t=this.state.localOrigin=[0,0]),t[0]=0,t[1]=0;const e=this.state.origin;return e&&"localCenter"!==e?"top-left"===e?(t[0]=0,t[1]=0):"custom"===e&&(t[0]=Number(this.state.originX)||0,t[1]=Number(this.state.originY)||0):(t[0]=this.state.width/2,t[1]=this.state.height/2),this.state.localOrigin=t,t}calcAbsoluteOrigin(){const t=this.state.transform,e=t.translate[0]+this.state.left,i=t.translate[1]+this.state.top,s=this.calcLocalOrigin();let n=this.__originScratch;if(n||(n=this.__originScratch=[0,0]),n[0]=s[0]+e,n[1]=s[1]+i,this.parentNode){transformMat2d(n,n,[1,0,0,1,-this.parentNode.state.localOrigin[0],-this.parentNode.state.localOrigin[1]]);transformMat2d(n,n,this.parentNode.state.composedMatrix)}return this.state.absoluteOrigin=n,n}calcLinearMatrix(){(!this.state.linearMatrix||this.state.linearMatrix.length<6)&&(this.state.linearMatrix=function create$1(){var t=new p(6);return p!=Float32Array&&(t[1]=0,t[2]=0,t[4]=0,t[5]=0),t[0]=1,t[3]=1,t}());const t=this.state.linearMatrix;!function identity(t){return t[0]=1,t[1]=0,t[2]=0,t[3]=1,t[4]=0,t[5]=0,t}(t);const e=this.state.transform,i=e.skew[0],s=e.skew[1];!function skew(t,e,i,s){const n=Math.tan(i),o=Math.tan(s);return t[0]=e[0],t[1]=e[1]+n,t[2]=e[2]+o,t[3]=e[3],t[4]=e[4],t[5]=e[5],t}(t,t,toRadian(i),toRadian(s));!function rotate(t,e,i){var s=e[0],n=e[1],o=e[2],r=e[3],a=e[4],h=e[5],l=Math.sin(i),c=Math.cos(i);return t[0]=s*c+o*l,t[1]=n*c+r*l,t[2]=s*-l+o*c,t[3]=n*-l+r*c,t[4]=a,t[5]=h,t}(t,t,toRadian(e.rotate));return function scale(t,e,i){var s=e[0],n=e[1],o=e[2],r=e[3],a=e[4],h=e[5],l=i[0],c=i[1];return t[0]=s*l,t[1]=n*l,t[2]=o*c,t[3]=r*c,t[4]=a,t[5]=h,t}(t,t,[e.scale[0],e.scale[1]]),this.state.linearMatrix=t,t}calcAbsoluteLinearMatrix(){let t=this,e=t.calcLinearMatrix();this.__absScratchA||(this.__absScratchA=[0,0,0,0,0,0]),this.__absScratchB||(this.__absScratchB=[0,0,0,0,0,0]);let i=this.__absScratchA;for(;t.parentNode;){const s=t.parentNode,n=s.state&&s.state.linearMatrix&&s.state.linearMatrix.length>=6&&!s.dirty?s.state.linearMatrix:s.calcLinearMatrix();i=i===this.__absScratchA?this.__absScratchB:this.__absScratchA,multiply(i,n,e),e=i,t=s}return this.state.absoluteLinearMatrix=e,e}composeMatrix(){if(this.parentNode&&"function"==typeof this.parentNode.composeMatrix){const t=this.parentNode,e=t.state?t.state.composedMatrix:null;(t.dirty||!e||e.length<6)&&t.composeMatrix()}const t=this.calcAbsoluteOrigin();this.__transScratch||(this.__transScratch=[1,0,0,1,0,0]),this.__transScratch[4]=t[0],this.__transScratch[5]=t[1];const e=this.__transScratch,i=this.calcAbsoluteLinearMatrix();(!this.state.composedMatrix||this.state.composedMatrix.length<6)&&(this.state.composedMatrix=[1,0,0,1,0,0]);const s=multiply(this.state.composedMatrix,e,i);return this.state.composedMatrix=s,s}applyTransformToCtx(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];const i=this.dirty?this.composeMatrix():this.state.composedMatrix,s=e&&this.ice?this.ice.getRenderViewport():null,n=s&&(1!==s.scale||0!==s.tx||0!==s.ty);let o=null;if(n){this.__viewportScratch||(this.__viewportScratch=[1,0,0,1,0,0]);const t=this.__viewportScratch;t[0]=s.scale,t[1]=0,t[2]=0,t[3]=s.scale,t[4]=s.tx,t[5]=s.ty,o=t}else t&&(o=t);if(this.__activeWorldMatrix=o,t||n){this.__composeScratch||(this.__composeScratch=[1,0,0,1,0,0]);const e=this.__composeScratch;multiply(e,o||t,i),this.__activeCtm=e,this.ctx.setTransform(e[0],e[1],e[2],e[3],e[4],e[5])}else this.__activeCtm=i,this.ctx.setTransform(...i)}applyActiveTransform(){const t=this.__activeCtm;t?this.ctx.setTransform(t[0],t[1],t[2],t[3],t[4],t[5]):this.applyTransformToCtx(null,!0)}applyWorldTransform(){const t=this.__activeWorldMatrix;t?(this.ctx.setTransform(t[0],t[1],t[2],t[3],t[4],t[5]),this.ctx.lineWidth=1/(Math.abs(t[0])||Math.abs(t[3])||1)):(this.ctx.setTransform(1,0,0,1,0,0),this.ctx.lineWidth=1)}doRender(){if(this.applyWorldTransform(),this.state.showMinBoundingBox||this.state.showMaxBoundingBox){const t=this.state.showMinBoundingBox?this.getMinBoundingBox():null,e=this.state.showMaxBoundingBox?this.getMaxBoundingBox():null,i=t&&e&&this.__areBoundingBoxesNearlyEqual(t,e);t&&!i&&(this.ctx.strokeStyle="#ff0000",this.ctx.fillStyle="rgba(0,0,0,0)",this.ctx.beginPath(),this.ctx.moveTo(t.tl[0],t.tl[1]),this.ctx.lineTo(t.tr[0],t.tr[1]),this.ctx.lineTo(t.br[0],t.br[1]),this.ctx.lineTo(t.bl[0],t.bl[1]),this.ctx.closePath(),this.ctx.stroke(),this.ctx.fill()),e&&(this.ctx.strokeStyle="#0000ff",this.ctx.fillStyle="rgba(0,0,0,0)",this.ctx.beginPath(),this.ctx.moveTo(e.tl[0],e.tl[1]),this.ctx.lineTo(e.tr[0],e.tr[1]),this.ctx.lineTo(e.br[0],e.br[1]),this.ctx.lineTo(e.bl[0],e.bl[1]),this.ctx.closePath(),this.ctx.stroke(),this.ctx.fill())}}__areBoundingBoxesNearlyEqual(t,e){const i=[[t.tl,e.tl],[t.tr,e.tr],[t.bl,e.bl],[t.br,e.br]];for(const[t,e]of i)if(Math.abs(t[0]-e[0])>1||Math.abs(t[1]-e[1])>1)return!1;return!0}getMinBoundingBox(){const t=arguments.length>0&&void 0!==arguments[0]&&arguments[0]?this.composeMatrix():this.state.composedMatrix,e=this.state.localOrigin[0],i=this.state.localOrigin[1],s=this.__localBox(),n=s[0]-e,o=s[1]-i,r=s[2]-e,a=s[3]-i;let h=new _([n,o,r,o,n,a,r,a,0,0]);return h=h.transform(t),h}getMaxBoundingBox(){let t=arguments.length>0&&void 0!==arguments[0]&&arguments[0],e=this.getMinBoundingBox(t);const{minX:i,minY:s,maxX:n,maxY:o}=e.getMinAndMaxPoint(),r=e.centerPoint;return e=new _([i,s,n,s,i,o,n,o,r[0],r[1]]),e}setState(t){const e=this.__beforeStateMerge(t);merge(this.state,t),this.paramsDirty=!0,this.dirty=!0,this.ice&&(this.ice.dirty=!0),this.__afterStateMerge(e)}__beforeStateMerge(t){const e=!!t&&(void 0!==t.width&&t.width!==this.state.width||void 0!==t.height&&t.height!==this.state.height);return t&&void 0!==t.display&&t.display!==this.state.display&&bumpVisibilityEpoch(),e}__afterStateMerge(t){t&&this.parentNode&&"function"==typeof this.parentNode.requestLayout&&this.parentNode.requestLayout()}set dirty(t){this.__dirty=t}get dirty(){return this.__dirty}set paramsDirty(t){this.__paramsDirty=t}get paramsDirty(){return this.__paramsDirty}setPosition(e,i){let s=arguments.length>2&&void 0!==arguments[2]?arguments[2]:new g;this.trigger(t.BEFORE_MOVE,_objectSpread2(_objectSpread2({},s),{},{left:e,top:i})),this.setState({left:e,top:i}),this.trigger(t.AFTER_MOVE,_objectSpread2(_objectSpread2({},s),{},{left:e,top:i}))}moveGlobalPosition(t,e){let i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:new g;if(this.parentNode){let i=[t,e];i=transformMat2d([],i,invert([],this.parentNode.calcAbsoluteLinearMatrix())),t=i[0],e=i[1]}this.setPosition(this.state.left+t,this.state.top+e,_objectSpread2(_objectSpread2({},i),{},{tx:t,ty:e}))}setGlobalPosition(t,e){let i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:new g;if(this.parentNode){let i=[t,e];i=transformMat2d([],i,invert([],this.parentNode.calcAbsoluteLinearMatrix())),t=i[0],e=i[1]}this.setPosition(t,e,_objectSpread2(_objectSpread2({},i),{},{left:t,top:e}))}setGlobalRotate(t){if(this.parentNode){const e=this.parentNode.calcAbsoluteLinearMatrix();t-=GeoUtil.calcRotateAngleFromMatrix(e)}this.setState({transform:{rotate:t}})}localToGlobal(t,e){let i=[t,e];return i=transformMat2d([],i,this.state.composedMatrix),i}globalToLocal(t,e){let i=[t,e];return i=transformMat2d([],i,invert([],this.state.composedMatrix)),i}getRotateAngle(){const t=arguments.length>0&&void 0!==arguments[0]&&arguments[0]?this.composeMatrix():this.state.composedMatrix;return GeoUtil.calcRotateAngleFromMatrix(t)}getLocalLeftTop(){let t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];const e=this.getMinBoundingBox(t),i=e.width,s=e.height;return{left:e.centerX-e.width/2,top:e.centerY-e.height/2,width:i,height:s}}__resetLeakyCtxState(){let t=0;const scan=e=>{if(e)for(const i in e){const e=this.__leakyIndex(i);e>=0&&(t|=1<<e)}};if(scan(this.props.style),scan(this.state.style),this.state.lineDash&&this.state.lineDash.length&&(t|=2048),(this.state.lineDashFlow||this.state.lineDashOffset)&&(t|=2048),!t)return;const e=this.ctx;for(let i=0;i<x.length;i++)t&1<<i&&(e[x[i][0]]=x[i][1]);2048&t&&"function"==typeof e.setLineDash&&(e.setLineDash([]),e.lineDashOffset=0)}__leakyIndex(t){switch(t){case"shadowColor":return 0;case"shadowBlur":return 1;case"shadowOffsetX":return 2;case"shadowOffsetY":return 3;case"globalAlpha":return 4;case"globalCompositeOperation":return 5;case"lineCap":return 6;case"lineJoin":return 7;case"miterLimit":return 8;case"textAlign":return 9;case"textBaseline":return 10;default:return-1}}__paintWorldBox(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[0,0,0,0];const e=this.state.composedMatrix,i=this.state.localOrigin,s=i?i[0]:0,n=i?i[1]:0,o=this.__localBox(),r=[o[0]-s,o[2]-s],a=[o[1]-n,o[3]-n];if(t[0]=t[1]=1/0,t[2]=t[3]=-1/0,!e||e.length<6)return t[0]=r[0],t[1]=a[0],t[2]=r[1],t[3]=a[1],t;const h=e[0],l=e[1],c=e[2],d=e[3],u=e[4],p=e[5];for(let e=0;e<2;e++){const i=r[e];for(let e=0;e<2;e++){const s=a[e],n=h*i+c*s+u,o=l*i+d*s+p;n<t[0]&&(t[0]=n),n>t[2]&&(t[2]=n),o<t[1]&&(t[1]=o),o>t[3]&&(t[3]=o)}}return t}containsPoint(t,e){const i=this.state.composedMatrix;if(!i||i.length<6)return this.getMinBoundingBox().containsPoint([t,e]);const s=transformMat2d([],[t,e],invert([],i));return this.containsLocalPoint(s[0],s[1])}containsLocalPoint(t,e){const i=this.state.width/2,s=this.state.height/2;return t>=-i&&t<=i&&e>=-s&&e<=s}destroy(){this.destory()}destory(){this.ice&&this.ice.animationManager&&this.ice.animationManager.remove(this),this.trigger(t.BEFORE_REMOVE,null,{component:this}),this.purgeEvents(),this.ice=null,this.ctx=null,this.root=null,this.evtBus=null,this.parentNode=null}}_defineProperty(ICEComponent,"instanceCounter",0);var v=ICEComponent;var b=class ICEPath extends v{constructor(){super(_objectSpread2({closePath:!0},arguments.length>0&&void 0!==arguments[0]?arguments[0]:{})),_defineProperty(this,"path2D",u.createPath2D()),_defineProperty(this,"__flowRegistered",!1)}doRender(){this.dirty&&this.createPathObject(),this.state.closePath&&this.path2D.closePath();const t=this.state.lineDash,e=Array.isArray(t)&&t.length>0,i=this.state.lineDashFlow;i&&this.__ensureFlowAnimation();if(this.state.lineBorder&&e&&this.state.stroke){const t=this.ctx;t.save(),t.setLineDash([]),t.lineWidth=(this.state.style.lineWidth||1)+2*(this.state.lineBorderWidth||4),t.strokeStyle=this.state.lineBorderColor||"#c8c8c8",this.path2D._isPolyfill?(this.replayPath(),t.stroke()):t.stroke(this.path2D),t.restore()}if(e&&"function"==typeof this.ctx.setLineDash)if(this.ctx.setLineDash(t),i&&"number"==typeof this.ctx.lineDashOffset){const e=t.reduce((t,e)=>t+e,0)||1,i=this.state.lineDashFlowSpeed||60;this.ctx.lineDashOffset=-Date.now()/1e3*i%e}else this.state.lineDashOffset&&(this.ctx.lineDashOffset=this.state.lineDashOffset);this.path2D._isPolyfill?(this.replayPath(),this.state.fill&&this.ctx.fill(),this.state.stroke&&this.ctx.stroke()):(this.state.fill&&this.ctx.fill(this.path2D),this.state.stroke&&this.ctx.stroke(this.path2D)),e&&"function"==typeof this.ctx.setLineDash&&this.ctx.setLineDash([]),super.doRender()}__ensureFlowAnimation(){this.__flowRegistered||(this.__flowRegistered=!0,this.props.animations=_objectSpread2(_objectSpread2({},this.props.animations),{},{__flow:{from:0,to:1,duration:100,loop:!0}}),this.ice&&this.ice.animationManager&&this.ice.animationManager.add(this))}replayPath(){const t=this.ctx;t.beginPath();const e=this.path2D._commands;for(let i=0;i<e.length;i++){const s=e[i];t[s[0]](...s.slice(1))}this.path2D._closed&&t.closePath()}};var C=class ICERect extends b{constructor(){super(_objectSpread2({width:10,height:10},arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}))}createPathObject(){this.path2D=u.createPath2D();const t=0-this.state.localOrigin[0],e=0-this.state.localOrigin[1],i=this.state.width,s=this.state.height,n=Math.min(this.state.radius||0,i/2,s/2);return n>0?(this.path2D.moveTo(t+n,e),this.path2D.lineTo(t+i-n,e),this.path2D.arcTo(t+i,e,t+i,e+n,n),this.path2D.lineTo(t+i,e+s-n),this.path2D.arcTo(t+i,e+s,t+i-n,e+s,n),this.path2D.lineTo(t+n,e+s),this.path2D.arcTo(t,e+s,t,e+s-n,n),this.path2D.lineTo(t,e+n),this.path2D.arcTo(t,e,t+n,e,n),this.path2D.closePath()):this.path2D.rect(t,e,i,s),this.path2D}};class ICEGroup extends C{constructor(t){super(t),_defineProperty(this,"parentNode",null),_defineProperty(this,"childNodes",[]),_defineProperty(this,"__childSet",new WeakSet),_defineProperty(this,"layoutManager",null),_defineProperty(this,"__layoutExplicit",!1),_defineProperty(this,"__layoutRequested",!1),_defineProperty(this,"__layingOut",!1),_defineProperty(this,"__inBatch",!1)}setLayout(t){this.layoutManager=t,this.__layoutExplicit=!0,t&&(this.doLayout(),this.__disableTransformRecursively(this)),this.__propagateLayout(t)}__disableTransformRecursively(t){if(t&&t.childNodes)for(const e of t.childNodes)e.state.transformable=!1,e.state.draggable=!1,this.__disableTransformRecursively(e)}__propagateLayout(t){for(const e of this.childNodes)e instanceof ICEGroup&&!e.__layoutExplicit&&(e.layoutManager=t,e.doLayout(),e.__propagateLayout(t))}doLayout(){if(this.layoutManager){this.__layingOut=!0;try{for(let t=0;t<this.childNodes.length;t++){const e=this.childNodes[t];"function"==typeof e.measure&&e.measure()}this.layoutManager.layoutContainer(this)}finally{this.__layingOut=!1,this.__layoutRequested=!1}}}requestLayout(){this.layoutManager&&!this.__layingOut&&(this.__layoutRequested=!0,this.dirty=!0,this.ice&&(this.ice.dirty=!0))}getPreferredSize(){return this.layoutManager?this.layoutManager.getPreferredSize(this):[0,0]}doRender(){this.__layoutRequested&&this.doLayout(),super.doRender()}initEvents(){super.initEvents(),this.once(t.AFTER_ADD,this.afterAddHandler,this)}afterAddHandler(){for(let t=0;t<this.childNodes.length;t++){const e=this.childNodes[t];this.syncChildEvents(e)}}syncChildEvents(e){e.trigger(t.BEFORE_ADD),e.ice=this.ice,e.ctx=this.ice.ctx,e.evtBus=this.ice.evtBus,e.trigger(t.AFTER_ADD)}addChild(t){let e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];this.__childSet.has(t)||(t.parentNode=this,this.childNodes.push(t),this.__childSet.add(t),bumpVisibilityEpoch(),this.layoutManager&&(t.state.transformable=!1,t.state.draggable=!1,this.__disableTransformRecursively(t)),this.dirty=e,this.ice&&(this.syncChildEvents(t),this.ice.dirty=e,this.ice.renderer&&this.ice.renderer.markQueueDirty()),this.layoutManager&&(t instanceof ICEGroup&&!t.__layoutExplicit&&(t.layoutManager=this.layoutManager),this.__inBatch||this.doLayout()))}addChildren(t){this.__inBatch=!0;try{for(let e=0;e<t.length;e++)this.addChild(t[e],!1)}finally{this.__inBatch=!1}this.dirty=!0,this.ice&&(this.ice.dirty=!0),this.doLayout()}removeChild(e){let i=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];if(!this.__childSet.has(e))return;e.trigger(t.BEFORE_REMOVE);const s=this.childNodes.indexOf(e);-1!==s&&this.childNodes.splice(s,1),this.__childSet.delete(e),bumpVisibilityEpoch(),e.trigger(t.AFTER_REMOVE),this.dirty=i,this.ice&&(this.ice.dirty=i,this.ice.renderer&&this.ice.renderer.markQueueDirty()),e.destory(),this.layoutManager&&!this.__inBatch&&this.doLayout()}removeChildren(t){this.__inBatch=!0;try{for(let e=0;e<t.length;e++)this.removeChild(t[e],!1)}finally{this.__inBatch=!1}this.dirty=!0,this.ice&&(this.ice.dirty=!0),this.doLayout()}setState(t){const e=this.__beforeStateMerge(t);merge(this.state,t),this.paramsDirty=!0,this.dirty=!0,function setRecursively(t){if(t.dirty=!0,t.childNodes&&t.childNodes.length)for(let e=0;e<t.childNodes.length;e++)setRecursively(t.childNodes[e])}(this),this.ice&&(this.ice.dirty=!0),this.__afterStateMerge(e)}destory(){this.removeChildren(this.childNodes),super.destory()}}var w=ICEGroup;class ICEControlPanel extends w{constructor(t){super(_objectSpread2(_objectSpread2({},t),{},{linkable:!1})),_defineProperty(this,"isControlPanel",!0)}doRender(){super.doRender(),this.updateControlPositions()}moveGlobalPosition(t,e,i){super.moveGlobalPosition(t,e,i),this._targetComponent&&this._targetComponent.moveGlobalPosition(t,e,i)}}var P=class ICEEllipse extends b{constructor(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const e=_objectSpread2({radiusX:20,radiusY:10,rotation:0,startAngle:0,endAngle:2*Math.PI,counterclockwise:!0},t);void 0===t.radiusX&&void 0!==t.width&&(e.radiusX=Number(t.width)/2),void 0===t.radiusY&&void 0!==t.height&&(e.radiusY=Number(t.height)/2),e.width=2*e.radiusX,e.height=2*e.radiusY,super(e)}createPathObject(){return this.path2D=u.createPath2D(),this.path2D.ellipse(this.state.radiusX-this.state.localOrigin[0],this.state.radiusY-this.state.localOrigin[1],this.state.radiusX,this.state.radiusY,this.state.rotation,this.state.startAngle,this.state.endAngle,this.state.counterclockwise),this.path2D.closePath(),this.path2D}containsLocalPoint(t,e){const i=this.state.radiusX,s=this.state.radiusY;if(!i||!s)return!1;let n=t,o=e;const r=this.state.rotation||0;if(r){const i=Math.cos(r),s=Math.sin(r);n=t*i+e*s,o=-t*s+e*i}const a=n/i,h=o/s;return a*a+h*h<=1}setState(t){isNil(t.radiusX)?isNil(t.width)||(t.radiusX=t.width/2):t.width=2*t.radiusX,isNil(t.radiusY)?isNil(t.height)||(t.radiusY=t.height/2):t.height=2*t.radiusY,super.setState(t)}};var S=class ICECircle extends P{constructor(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const e=_objectSpread2({radius:10},t);void 0===t.radius&&void 0!==t.width?e.radius=Number(t.width)/2:void 0===t.radius&&void 0!==t.height&&(e.radius=Number(t.height)/2),e.radiusX=e.radius,e.radiusY=e.radius,super(e)}};class ICELinkHook extends S{constructor(){super(_objectSpread2({linkable:!1},arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}))}initEvents(){super.initEvents(),this.on("mousedown",this.mosueDownHandler,this),this.on("mousemove",this.mosueMoveHandler,this),this.on("mouseup",this.mosueUpHandler,this),this.on(t.AFTER_MOVE,this.resizeEvtHandler,this)}keyboardEvtHandler(t){}mosueDownHandler(e){this.evtBus.trigger(t.HOOK_MOUSEDOWN,new g({target:this}))}mosueMoveHandler(e){this.evtBus.trigger(t.HOOK_MOUSEMOVE,new g({target:this}))}mosueUpHandler(e){this.evtBus.trigger(t.HOOK_MOUSEUP,new g({target:this}))}resizeEvtHandler(e){if(!this.parentNode)return;const i=this.props.position;this.parentNode.trigger(t.BEFORE_RESIZE,new g(e,{position:i})),this.parentNode.trigger(t.AFTER_RESIZE,new g(e,{position:i}))}}class LineControlPanel extends ICEControlPanel{constructor(t){super(_objectSpread2(_objectSpread2({},t),{},{zIndex:10001e3,linkable:!1,showMinBoundingBox:!1,showMaxBoundingBox:!1})),_defineProperty(this,"controlSize",16),this.initControls()}initControls(){const t=this.state.width,e=this.state.height,i=this.controlSize/2;this.startControl=new ICELinkHook({zIndex:10001001,display:!1,left:-i,top:-i,width:this.controlSize,height:this.controlSize,style:{strokeStyle:"#0c09d4",fillStyle:"#3ce92c",lineWidth:1},position:"start"}),this.addChild(this.startControl),this.endControl=new ICELinkHook({zIndex:10001002,display:!1,left:t-i,top:e-i,width:this.controlSize,height:this.controlSize,style:{strokeStyle:"#0c09d4",fillStyle:"#3ce92c",lineWidth:1},position:"end"}),this.addChild(this.endControl)}initEvents(){this.on(t.AFTER_RESIZE,this.resizeEvtHandler,this)}enable(){this.setState({display:!0}),this.resume(t.AFTER_RESIZE),this.showHooks()}disable(){this.setState({display:!1}),this.suspend(t.AFTER_RESIZE),this.hideHooks()}updateControlPositions(){}resizeEvtHandler(t){if(!this.targetComponent)return;const e=t.position;let i=t.movementX,s=t.movementY;const n=this.targetComponent.state,o=n.points.length;let r=n.points[0][0],a=n.points[0][1],h=n.points[o-1][0],l=n.points[o-1][1];const c=transformMat2d([],[i,s],invert([],this.targetComponent.calcAbsoluteLinearMatrix()));switch(i=c[0],s=c[1],e){case"start":r+=i,a+=s;break;case"end":h+=i,l+=s}this.targetComponent.setState({startPoint:[r,a],endPoint:[h,l]})}updatePosition(){if(!this.targetComponent)return;this.setState({left:0,top:-5,width:3,height:3,transform:{translate:[0,0],scale:[1,1],skew:[0,0],rotate:0}});const t=this.controlSize/2,e=this.targetComponent.state.points.length,i=this.targetComponent.state.points[0],s=this.targetComponent.state.points[e-1],n=[i[0],i[1]],o=[s[0],s[1]];this.startControl.setState({left:n[0]-t,top:n[1]-t}),this.endControl.setState({left:o[0]-t,top:o[1]-t})}set targetComponent(e){this._targetComponent&&this._targetComponent.off(t.AFTER_MOVE,this.updatePosition,this),this._targetComponent=e,this._targetComponent&&this._targetComponent.on(t.AFTER_MOVE,this.updatePosition,this),this._targetComponent&&this._targetComponent.once(t.BEFORE_REMOVE,()=>{this.targetComponent=null,this.disable()},this),this.updatePosition()}get targetComponent(){return this._targetComponent}showHooks(){this.startControl.setState({display:!0}),this.endControl.setState({display:!0})}hideHooks(){this.startControl.setState({display:!1}),this.endControl.setState({display:!1})}}class ResizeControl extends C{constructor(t){super(_objectSpread2(_objectSpread2({position:"l",direction:"x",quadrant:1},t),{},{linkable:!1}))}initEvents(){super.initEvents(),this.on(t.AFTER_MOVE,this.resizeEvtHandler,this)}resizeEvtHandler(e){if(!this.parentNode)return;const{quadrant:i}=e;let s=e.movementX,n=e.movementY;const o=this.parentNode.state;let r=o.left,a=o.top,h=o.width,l=o.height;const c=transformMat2d([],[s,n],invert([],this.parentNode.calcAbsoluteLinearMatrix()));switch(s=c[0],n=c[1],i){case 1:r-=s,a+=n,h+=2*s,l-=2*n;break;case 2:r+=s,a+=n,h-=2*s,l-=2*n;break;case 3:r+=s,a-=n,h-=2*s,l+=2*n;break;case 4:r-=s,a-=n,h+=2*s,l+=2*n;break;case 5:a+=n,l-=2*n;break;case 6:a-=n,l+=2*n;break;case 7:r+=s,h-=2*s;break;case 8:r-=s,h+=2*s}const d={top:a,left:r,width:Math.abs(h),height:Math.abs(l)};this.parentNode.trigger(t.BEFORE_RESIZE,new g(e,{quadrant:i})),this.parentNode.setState(d),this.parentNode.trigger(t.AFTER_RESIZE,new g(e,{quadrant:i}))}moveGlobalPosition(t,e){let i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:new g;const s=t>0?1:-1,n=e>0?1:-1,o=this.parentNode.state.localOrigin,r=transformMat2d([],[t,e],invert([],this.parentNode.calcAbsoluteLinearMatrix()));t=r[0],e=r[1];let{left:a,top:h}=this.state;const{quadrant:l}=this.state,c=this.state.width/2;let d=0;"x"===this.state.direction?(a+=t,0===round(a)&&(a=.5*s),d=a+c-o[0]>0?8:7):"y"===this.state.direction?(h+=e,0===round(h)&&(h=.5*n),d=h+c-o[1]>0?6:5):"xy"===this.state.direction&&(a+=t,h+=e,d=a+c-o[0]>0?h+c-o[1]>0?4:1:h+c-o[1]>0?3:2);l!==d&&this.parentNode.toggleControlQuadrant(this,l,d),this.setPosition(a,h,new g(i,{left:a,top:h,tx:t,ty:e,quadrant:d}))}}class RotateControl extends S{constructor(t){super(_objectSpread2(_objectSpread2({},t),{},{linkable:!1}))}initEvents(){super.initEvents(),this.on(t.AFTER_MOVE,this.rotateEvtHandler,this)}rotateEvtHandler(e){if(!this.parentNode)return;const i=this.parentNode.calcAbsoluteOrigin();let s=GeoUtil.calcRotateAngle(e.offsetX,e.offsetY,i[0],i[1])+90;e&&e.shiftKey&&(s=function snapAngle(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:15;return e>0&&isFinite(t)?Math.round(t/e)*e:t}(s));const n={transform:{rotate:s}};this.parentNode.trigger(t.BEFORE_ROTATE,new g(n)),this.parentNode.setState(n),this.parentNode.trigger(t.AFTER_ROTATE,new g(n))}}class TransformControlPanel extends ICEControlPanel{constructor(t){super(_objectSpread2(_objectSpread2({},t),{},{zIndex:10000001,linkable:!1,showMinBoundingBox:!1,showMaxBoundingBox:!1})),_defineProperty(this,"rotateControlSize",8),_defineProperty(this,"rotateControlOffsetY",60),_defineProperty(this,"resizeControlInstanceCache",[]),_defineProperty(this,"resizeControlSize",16),_defineProperty(this,"__onTargetRemoved",()=>{this.targetComponent=null,this.disable()}),this.initControls()}initControls(){const t=this.state.width,e=this.state.height,i=t/2,s=e/2,n=this.resizeControlSize/2,o=[{direction:"xy",quadrant:2,position:[-n,-n]},{direction:"y",quadrant:5,position:[i-n,-n]},{direction:"xy",quadrant:1,position:[t-n,-n]},{direction:"x",quadrant:8,position:[t-n,s-n]},{direction:"xy",quadrant:4,position:[t-n,e-n]},{direction:"y",quadrant:6,position:[i-n,e-n]},{direction:"xy",quadrant:3,position:[-n,e-n]},{direction:"x",quadrant:7,position:[-n,s-n]}];this.resizeControlInstanceCache=[];for(let t=0;t<o.length;t++){const e=o[t],i=new ResizeControl({zIndex:10000002,display:!1,left:e.position[0],top:e.position[1],width:this.resizeControlSize,height:this.resizeControlSize,style:{strokeStyle:"#8b0000",fillStyle:"#CC3300",lineWidth:1},direction:e.direction,quadrant:e.quadrant});this.addChild(i),this.resizeControlInstanceCache.push(i)}const r=this.state.width/2-this.rotateControlSize,a=-this.rotateControlOffsetY;this.rotateControlInstance=new RotateControl({zIndex:10000003,display:!1,left:r,top:a,radius:this.rotateControlSize,style:{strokeStyle:"#8b0000",fillStyle:"#CC3300",lineWidth:1}}),this.addChild(this.rotateControlInstance)}initEvents(){super.initEvents(),this.on(t.AFTER_RESIZE,this.resizeEvtHandler,this),this.on(t.AFTER_ROTATE,this.rotateEvtHandler,this),this.on("keydown",this.keyboardEvtHandler,this),this.on("keyup",this.keyboardEvtHandler,this)}enable(){this.rotateControlInstance.setState({display:!0});for(let t=0;t<this.resizeControlInstanceCache.length;t++){this.resizeControlInstanceCache[t].setState({display:!0})}this.setState({display:!0}),this.resume(t.AFTER_RESIZE),this.resume(t.AFTER_ROTATE),this.resume("keydown"),this.resume("keyup")}disable(){this.rotateControlInstance.setState({display:!1});for(let t=0;t<this.resizeControlInstanceCache.length;t++){this.resizeControlInstanceCache[t].setState({display:!1})}this.setState({display:!1}),this.suspend(t.AFTER_RESIZE),this.suspend(t.AFTER_ROTATE),this.suspend("keydown"),this.suspend("keyup")}keyboardEvtHandler(t){this.targetComponent&&this.targetComponent.trigger(t.type,t,{component:this.targetComponent})}rotateEvtHandler(e){if(!this.targetComponent)return;const{rotate:i}=this.state.transform;this.targetComponent.setGlobalRotate(i),this.targetComponent.trigger(t.AFTER_ROTATE),this.updatePanel()}resizeEvtHandler(e){if(!this.targetComponent)return;const{quadrant:i}=e;let s=e.movementX,n=e.movementY;const o=this.targetComponent.state;let r=o.left,a=o.top,h=o.width,l=o.height;const c=transformMat2d([],[s,n],invert([],this.targetComponent.calcAbsoluteLinearMatrix()));switch(s=c[0],n=c[1],i){case 1:r-=s,a+=n,h+=2*s,l-=2*n;break;case 2:r+=s,a+=n,h-=2*s,l-=2*n;break;case 3:r+=s,a-=n,h-=2*s,l+=2*n;break;case 4:r-=s,a-=n,h+=2*s,l+=2*n;break;case 5:a+=n,l-=2*n;break;case 6:a-=n,l+=2*n;break;case 7:r+=s,h-=2*s;break;case 8:r-=s,h+=2*s}if(e&&e.shiftKey){const t=function applyAspectLock(t,e,i,s){const n=Math.abs(i),o=Math.abs(s);if(!(t>0&&e>0))return{width:n,height:o};const r=Math.max(n/t,o/e);return{width:t*r,height:e*r}}(o.width,o.height,h,l),e=a+l/2;r=r+h/2-t.width/2,a=e-t.height/2,h=t.width,l=t.height}this.targetComponent.setState({left:r,top:a,width:Math.abs(h),height:Math.abs(l)}),this.targetComponent.trigger(t.AFTER_RESIZE),this.updatePanel()}updateControlPositions(){const t=this.state.width,e=this.state.height,i=t/2,s=e/2,n=this.resizeControlSize/2;for(let o=0;o<this.resizeControlInstanceCache.length;o++){const r=this.resizeControlInstanceCache[o];let a=[0,0];switch(r.state.quadrant){case 1:a=[t-n,-n];break;case 2:a=[-n,-n];break;case 3:a=[-n,e-n];break;case 4:a=[t-n,e-n];break;case 5:a=[i-n,-n];break;case 6:a=[i-n,e-n];break;case 7:a=[-n,s-n];break;case 8:a=[t-n,s-n]}r.setState({left:a[0],top:a[1]})}const o=this.state.width/2-this.rotateControlSize,r=-this.rotateControlOffsetY;this.rotateControlInstance.setState({left:o,top:r})}updatePanel(){if(!this.targetComponent)return;const t=this.targetComponent.getRotateAngle(!0),{left:e,top:i,width:s,height:n}=this.targetComponent.getLocalLeftTop(!0);this.setState({left:e,top:i,width:s,height:n,transform:{rotate:t}})}set targetComponent(e){const i=this._targetComponent;i&&(i.off(t.AFTER_MOVE,this.updatePanel,this),i.off(t.BEFORE_REMOVE,this.__onTargetRemoved,this)),this._targetComponent=e,e&&(e.on(t.AFTER_MOVE,this.updatePanel,this),e.on(t.BEFORE_REMOVE,this.__onTargetRemoved,this)),this.updatePanel()}get targetComponent(){return this._targetComponent}toggleControlQuadrant(t,e,i){for(let t=0;t<this.resizeControlInstanceCache.length;t++){const s=this.resizeControlInstanceCache[t];s.state.quadrant===i&&s.setState({quadrant:e})}t.setState({quadrant:i})}}var M=class ICEControlPanelManager{constructor(t){this.ice=t,this.transformControlPanel=new TransformControlPanel({left:500,top:100,width:100,height:100,style:{strokeStyle:"#8b0000",fillStyle:"rgba(255, 255, 49, 0.2)",lineWidth:1},transform:{rotate:45}}),this.ice.addTool(this.transformControlPanel),this.transformControlPanel.disable(),this.lineControlPanel=new LineControlPanel({left:700,top:50,width:100,height:100,style:{strokeStyle:"rgba(255, 255, 49, 0)",fillStyle:"rgba(255, 255, 49, 0)",lineWidth:1}}),this.ice.addTool(this.lineControlPanel),this.lineControlPanel.disable()}start(){return this.ice.evtBus.on("mousedown",this.mouseDownHandler,this),this}stop(){return this.ice.evtBus.off("mousedown",this.mouseDownHandler,this),this}mouseDownHandler(t){const e=t.target;if(!e.ice||!e.state.interactive||!e.state.transformable)return this.lineControlPanel.disable(),void this.transformControlPanel.disable();if(e&&(e.isControlPanel||e.parentNode&&e.parentNode.isControlPanel))return;const i=this.ice.setSelection([e]);this.lineControlPanel.disable(),this.transformControlPanel.disable(),i||(e.isLine?(this.lineControlPanel.targetComponent=e,this.lineControlPanel.enable()):(this.transformControlPanel.targetComponent=e,this.transformControlPanel.enable()))}};var B=class AlignmentGuideManager{constructor(t){_defineProperty(this,"options",{threshold:3,hysteresis:1,edge:!0,center:!0,spacing:!0,guideStyle:{fillStyle:"#EC4899"},guideZIndex:10000010,guideWidth:1}),_defineProperty(this,"enabled",!1),_defineProperty(this,"active",null),_defineProperty(this,"snapping",!1),_defineProperty(this,"intentLeft",0),_defineProperty(this,"intentTop",0),_defineProperty(this,"cachedTargets",[]),_defineProperty(this,"engagedX",!1),_defineProperty(this,"engagedY",!1),_defineProperty(this,"guideX",null),_defineProperty(this,"guideY",null),this.ice=t}enable(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return this.options=_objectSpread2(_objectSpread2({},this.options),t),this.enabled||(this.enabled=!0,this.ice.evtBus.on("mousedown",this.__onMouseDown,this),this.ice.evtBus.on("mouseup",this.__onMouseUp,this)),this}disable(){return this.enabled?(this.enabled=!1,this.ice.evtBus.off("mousedown",this.__onMouseDown,this),this.ice.evtBus.off("mouseup",this.__onMouseUp,this),this.__detach(),this):this}isEnabled(){return this.enabled}setOptions(t){return this.options=_objectSpread2(_objectSpread2({},this.options),t),this}__onMouseDown(t){const e=t&&t.target;this.__isAlignmentParticipant(e)&&(this.__detach(),this.active=e,this.intentLeft=e.state.left,this.intentTop=e.state.top,this.cachedTargets=this.__computeTargets(),this.engagedX=!1,this.engagedY=!1,this.__ensureGuides(),e.on("mousemove",this.__onDrag,this))}__onDrag(t){if(!this.active||this.snapping)return;const e=t&&"number"==typeof t.movementX?t.movementX:0,i=t&&"number"==typeof t.movementY?t.movementY:0,s=this.ice.viewport?this.ice.viewport.scale:1;this.intentLeft+=e/s,this.intentTop+=i/s,this.snapping=!0,this.active.setState({left:this.intentLeft,top:this.intentTop});const n=this.__boxOf(this.active);if(this.snapping=!1,!n)return;const o=this.options.threshold/s,r=(this.options.threshold+this.options.hysteresis)/s,a=function computeSnap(t,e,i,s,n){const o={x:null,y:null},consider=t=>{if(!t)return;const e=o[t.axis];(!e||Math.abs(t.delta)<Math.abs(e.delta))&&(o[t.axis]=t)};for(const i of e)n.edge&&(consider({axis:"x",type:"edge",delta:i.minX-t.minX,guideValue:i.minX,guideStart:Math.min(t.minY,i.minY),guideEnd:Math.max(t.maxY,i.maxY)}),consider({axis:"x",type:"edge",delta:i.maxX-t.minX,guideValue:i.maxX,guideStart:Math.min(t.minY,i.minY),guideEnd:Math.max(t.maxY,i.maxY)}),consider({axis:"x",type:"edge",delta:i.minX-t.maxX,guideValue:i.minX,guideStart:Math.min(t.minY,i.minY),guideEnd:Math.max(t.maxY,i.maxY)}),consider({axis:"x",type:"edge",delta:i.maxX-t.maxX,guideValue:i.maxX,guideStart:Math.min(t.minY,i.minY),guideEnd:Math.max(t.maxY,i.maxY)}),consider({axis:"y",type:"edge",delta:i.minY-t.minY,guideValue:i.minY,guideStart:Math.min(t.minX,i.minX),guideEnd:Math.max(t.maxX,i.maxX)}),consider({axis:"y",type:"edge",delta:i.maxY-t.minY,guideValue:i.maxY,guideStart:Math.min(t.minX,i.minX),guideEnd:Math.max(t.maxX,i.maxX)}),consider({axis:"y",type:"edge",delta:i.minY-t.maxY,guideValue:i.minY,guideStart:Math.min(t.minX,i.minX),guideEnd:Math.max(t.maxX,i.maxX)}),consider({axis:"y",type:"edge",delta:i.maxY-t.maxY,guideValue:i.maxY,guideStart:Math.min(t.minX,i.minX),guideEnd:Math.max(t.maxX,i.maxX)})),n.center&&(consider({axis:"x",type:"center",delta:i.centerX-t.centerX,guideValue:i.centerX,guideStart:Math.min(t.minY,i.minY),guideEnd:Math.max(t.maxY,i.maxY)}),consider({axis:"y",type:"center",delta:i.centerY-t.centerY,guideValue:i.centerY,guideStart:Math.min(t.minX,i.minX),guideEnd:Math.max(t.maxX,i.maxX)}));if(n.spacing)for(let i=0;i<e.length;i++)for(let s=i+1;s<e.length;s++){const n=e[i],o=e[s],r=Math.min(n.centerX,o.centerX),a=Math.max(n.centerX,o.centerX);if(t.centerX>r&&t.centerX<a){const e=(n.centerX+o.centerX)/2;consider({axis:"x",type:"spacing",delta:e-t.centerX,guideValue:e,guideStart:Math.min(t.minY,n.minY,o.minY),guideEnd:Math.max(t.maxY,n.maxY,o.maxY)})}const h=Math.min(n.centerY,o.centerY),l=Math.max(n.centerY,o.centerY);if(t.centerY>h&&t.centerY<l){const e=(n.centerY+o.centerY)/2;consider({axis:"y",type:"spacing",delta:e-t.centerY,guideValue:e,guideStart:Math.min(t.minX,n.minX,o.minX),guideEnd:Math.max(t.maxX,n.maxX,o.maxX)})}}return o.x=o.x&&Math.abs(o.x.delta)<=i?o.x:null,o.y=o.y&&Math.abs(o.y.delta)<=s?o.y:null,o}(n,this.cachedTargets,this.engagedX?r:o,this.engagedY?r:o,this.options);if(a.x||a.y){const t=this.intentLeft+(a.x?Math.round(a.x.delta):0),e=this.intentTop+(a.y?Math.round(a.y.delta):0);this.active.setState({left:t,top:e}),this.engagedX=!!a.x,this.engagedY=!!a.y,this.__updateGuides(a)}else this.engagedX=!1,this.engagedY=!1,this.__hideGuides()}__onMouseUp(){this.__detach()}__detach(){this.active&&this.active.off("mousemove",this.__onDrag,this),this.active=null,this.intentLeft=0,this.intentTop=0,this.cachedTargets=[],this.engagedX=!1,this.engagedY=!1,this.__hideGuides()}__boxOf(t){const e=t.getMaxBoundingBox(!0);if(!e)return null;const i=e.getMinAndMaxPoint();return function toBox(t,e,i,s){return{minX:t,minY:e,maxX:i,maxY:s,centerX:(t+i)/2,centerY:(e+s)/2}}(i.minX,i.minY,i.maxX,i.maxY)}__computeTargets(){const t=this.ice.childNodes,e=[];for(const i of t){if(i===this.active)continue;if(!this.__isAlignmentParticipant(i))continue;const t=this.__boxOf(i);t&&e.push(t)}return e}__isAlignmentParticipant(t){return!!(t&&t.state&&t.state.interactive&&t.state.draggable)&&(!t.isLine&&(!t.isControlPanel&&(!t.parentNode||!t.parentNode.isControlPanel)))}__ensureGuides(){const t=_objectSpread2({},this.options.guideStyle);this.guideX||(this.guideX=new C({left:0,top:0,width:1,height:1,display:!1,zIndex:this.options.guideZIndex,origin:"top-left",stroke:!1,style:t}),this.ice.addTool(this.guideX)),this.guideY||(this.guideY=new C({left:0,top:0,width:1,height:1,display:!1,zIndex:this.options.guideZIndex,origin:"top-left",stroke:!1,style:t}),this.ice.addTool(this.guideY))}__updateGuides(t){const e=this.options.guideWidth/(this.ice.viewport?this.ice.viewport.scale:1),[i,s]=this.ice.screenToWorld(0,0),[n,o]=this.ice.screenToWorld(this.ice.canvasWidth,this.ice.canvasHeight);t.x&&this.guideX?this.guideX.setState({display:!0,left:t.x.guideValue-e/2,top:s,width:e,height:o-s}):this.guideX&&this.guideX.setState({display:!1}),t.y&&this.guideY?this.guideY.setState({display:!0,left:i,top:t.y.guideValue-e/2,width:n-i,height:e}):this.guideY&&this.guideY.setState({display:!1})}__hideGuides(){this.guideX&&this.guideX.setState({display:!1}),this.guideY&&this.guideY.setState({display:!1})}};const T=[["pointerdown","ICE_POINTERDOWN"],["pointermove","ICE_POINTERMOVE"],["pointerup","ICE_POINTERUP"],["pointercancel","ICE_POINTERCANCEL"]],I=[["mousedown","ICE_MOUSEDOWN"],["mouseup","ICE_MOUSEUP"],["mousemove","ICE_MOUSEMOVE"],["click","ICE_CLICK"],["dblclick","ICE_DBCLICK"],["contextmenu","ICE_CONTEXTMENU"]],O=[["click","ICE_CLICK"],["dblclick","ICE_DBCLICK"],["contextmenu","ICE_CONTEXTMENU"]],R=[["touchstart","ICE_TOUCHSTART"],["touchmove","ICE_TOUCHMOVE"],["touchend","ICE_TOUCHEND"],["touchcancel","ICE_TOUCHCANCEL"]],k=[["wheel","ICE_WHEEL"]],D=[["keydown","ICE_KEYDOWN"],["keyup","ICE_KEYUP"]],A=["ICE_MOUSEMOVE","ICE_POINTERMOVE","ICE_TOUCHMOVE"];function buildDomEventList(t){const e=[];return t?e.push(...T,...O):e.push(...I,...R),e.push(...k,...D),e}function isTouchEvent(t){return!!t&&"string"==typeof t.type&&0===t.type.indexOf("touch")}function normalizeInput(t,e,i){const s=function resolveClientPoint(t){if(!t)return null;if(isTouchEvent(t)){const e=(t.touches&&t.touches.length?t.touches:t.changedTouches)||null,i=e&&e[0];return i&&"number"==typeof i.clientX?{clientX:i.clientX,clientY:i.clientY}:null}return"number"==typeof t.clientX&&"number"==typeof t.clientY?{clientX:t.clientX,clientY:t.clientY}:null}(t);if(!s)return null;const n=e&&"number"==typeof e.left?e.left:0,o=e&&"number"==typeof e.top?e.top:0,r=s.clientX-n,a=s.clientY-o;let h=Number(t.movementX),l=Number(t.movementY);isFinite(h)&&isFinite(l)||(i?(h=r-i.x,l=a-i.y):(h=0,l=0));const c=isTouchEvent(t);return{x:r,y:a,clientX:s.clientX,clientY:s.clientY,movementX:h,movementY:l,pointerType:t.pointerType||(c?"touch":"mouse"),pointerId:"number"==typeof t.pointerId?t.pointerId:-1,button:"number"==typeof t.button?t.button:0,buttons:"number"==typeof t.buttons?t.buttons:0,isPrimary:!1!==t.isPrimary,isTouch:c,shiftKey:!!t.shiftKey,ctrlKey:!!t.ctrlKey,altKey:!!t.altKey,metaKey:!!t.metaKey}}function applyNormalizedInput(t,e){t&&e&&(t.offsetX=e.x,t.offsetY=e.y,t.clientX=e.clientX,t.clientY=e.clientY,t.movementX=e.movementX,t.movementY=e.movementY,t.pointerType=e.pointerType,t.pointerId=e.pointerId,t.isTouchInput=e.isTouch,t.shiftKey=e.shiftKey,t.ctrlKey=e.ctrlKey,t.altKey=e.altKey,t.metaKey=e.metaKey)}function toLegacyMouseName(t){switch(t){case"pointerdown":case"touchstart":return"mousedown";case"pointermove":case"touchmove":return"mousemove";case"pointerup":case"touchend":case"pointercancel":case"touchcancel":return"mouseup";default:return null}}const N={sm:5,md:13,lg:26};function stylePaintPad(t){const e=t&&t.style||{};let i=2;const s=Number(e.lineWidth)||0,n=Number(t.lineBorderWidth)||0,o=Math.ceil(Math.max(s,n));o>0&&(i+=o);const r=Number(e.shadowBlur);return r>0?i+=r+Math.max(Math.abs(Number(e.shadowOffsetX)||0),Math.abs(Number(e.shadowOffsetY)||0)):"string"==typeof e.shadow&&N[e.shadow]&&(i+=N[e.shadow]),i}function boxArea(t){return function boxWidth(t){return t[2]-t[0]}(t)*function boxHeight(t){return t[3]-t[1]}(t)}function unionBoxes(t,e){return e[0]<t[0]&&(t[0]=e[0]),e[1]<t[1]&&(t[1]=e[1]),e[2]>t[2]&&(t[2]=e[2]),e[3]>t[3]&&(t[3]=e[3]),t}function intersects(t,e){return!(t[0]>e[2]||t[2]<e[0]||t[1]>e[3]||t[3]<e[1])}function isFiniteBox(t){return isFinite(t[0])&&isFinite(t[1])&&isFinite(t[2])&&isFinite(t[3])}function integerAlign(t){return t[0]=Math.floor(t[0]),t[1]=Math.floor(t[1]),t[2]=Math.ceil(t[2]),t[3]=Math.ceil(t[3]),t}function mergeBox(t,e){return[Math.min(t[0],e[0]),Math.min(t[1],e[1]),Math.max(t[2],e[2]),Math.max(t[3],e[3])]}function isWorthMerging(t,e){const i=boxArea(t)+boxArea(e);return i<=0||boxArea(mergeBox(t,e))<=2*i}function mapBoxToRender(t,e,i){const s=i||[0,0,0,0];return s[0]=Math.floor(t[0]*e.scale+e.tx),s[1]=Math.floor(t[1]*e.scale+e.ty),s[2]=Math.ceil(t[2]*e.scale+e.tx),s[3]=Math.ceil(t[3]*e.scale+e.ty),s}const F=/(rgba|hsla)\(|transparent|#[0-9a-fA-F]{8}|opacity/i;function isOpaqueDrawing(t){const e=t&&t.style||{};if(void 0!==e.globalAlpha&&1!==e.globalAlpha)return!1;if(e.globalCompositeOperation&&"source-over"!==e.globalCompositeOperation)return!1;if(e.shadow||(Number(e.shadowBlur)||0)>0)return!1;for(const t of["fillStyle","strokeStyle"]){const i=e[t];if("string"==typeof i&&F.test(i))return!1}return!0}var L=class DOMEventDispatcher{constructor(t){_defineProperty(this,"selectionCandidates",[]),_defineProperty(this,"_stopped",!1),_defineProperty(this,"__lastInput",null),_defineProperty(this,"focusedComponent",null),this.ice=t}start(){let t=null;const e=buildDomEventList("function"==typeof u.PointerEvent);for(let i=0;i<e.length;i++){const s=e[i],n=s[0],o=s[1],r=toLegacyMouseName(n);this.ice.evtBus.on(o,e=>{if(this._stopped)return;const i=e.originalEvent||e;this.__handlePointerCapture(o,i);const s=normalizeInput(i,this.__resolveCanvasRect(n),this.__lastInput);s&&(applyNormalizedInput(e,s),this.__lastInput=s);const a=-1!==A.indexOf(o),h=-1!==o.indexOf("KEY"),l="ICE_WHEEL"===o;
+var t={ICE_FRAME_EVENT:"ICE_FRAME_EVENT",BEFORE_RENDER:"BEFORE_RENDER",AFTER_RENDER:"AFTER_RENDER",BEFORE_ADD:"BEFORE_ADD",AFTER_ADD:"AFTER_ADD",BEFORE_REMOVE:"BEFORE_REMOVE",AFTER_REMOVE:"AFTER_REMOVE",ROUND_FINISH:"ROUND_FINISH",HOOK_MOUSEDOWN:"HOOK_MOUSEDOWN",HOOK_MOUSEMOVE:"HOOK_MOUSEMOVE",HOOK_MOUSEUP:"HOOK_MOUSEUP",BEFORE_RESIZE:"BEFORE_RESIZE",AFTER_RESIZE:"AFTER_RESIZE",BEFORE_ROTATE:"BEFORE_ROTATE",AFTER_ROTATE:"AFTER_ROTATE",BEFORE_MOVE:"BEFORE_MOVE",AFTER_MOVE:"AFTER_MOVE"};function springProgress(t,e){const i=t,s=Math.sqrt(Math.max(1e-6,1-t*t));return t=>{const n=Math.max(0,t)*e;return 1-Math.exp(-i*n)*(Math.cos(s*n)+i/s*Math.sin(s*n))}}const e={linear:t=>t,easeInQuad:t=>t*t,easeOutQuad:t=>t*(2-t),easeInOutQuad:t=>t<.5?2*t*t:(4-2*t)*t-1,easeInQuart:t=>t*t*t*t,easeOutQuart:t=>1-Math.pow(1-t,4),easeInOutQuart:t=>t<.5?8*t*t*t*t:1-8*Math.pow(1-t,4),easeInCubic:t=>t*t*t,easeOutCubic:t=>1-Math.pow(1-t,3),easeInOutCubic:t=>t<.5?4*t*t*t:1-Math.pow(-2*t+2,3)/2,spring:springProgress(.55,12),springSoft:springProgress(.75,14),springSnappy:springProgress(.4,9)},i={color:{blue:{50:"#EFF6FF",100:"#DBEAFE",200:"#BFDBFE",300:"#93C5FD",400:"#60A5FA",500:"#3B82F6",600:"#2563EB",700:"#1D4ED8",800:"#1E40AF",900:"#1E3A8A"},emerald:{50:"#ECFDF5",100:"#D1FAE5",200:"#A7F3D0",300:"#6EE7B7",400:"#34D399",500:"#10B981",600:"#059669",700:"#047857",800:"#065F46",900:"#064E3B"},amber:{50:"#FFFBEB",100:"#FEF3C7",200:"#FDE68A",300:"#FCD34D",400:"#FBBF24",500:"#F59E0B",600:"#D97706",700:"#B45309",800:"#92400E",900:"#78350F"},red:{50:"#FEF2F2",100:"#FEE2E2",200:"#FECACA",300:"#FCA5A5",400:"#F87171",500:"#EF4444",600:"#DC2626",700:"#B91C1C",800:"#991B1B",900:"#7F1D1D"},gray:{50:"#F9FAFB",100:"#F3F4F6",200:"#E5E7EB",300:"#D1D5DB",400:"#9CA3AF",500:"#6B7280",600:"#4B5563",700:"#374151",800:"#1F2937",900:"#111827"},violet:{50:"#F5F3FF",100:"#EDE9FE",200:"#DDD6FE",300:"#C4B5FD",400:"#A78BFA",500:"#8B5CF6",600:"#7C3AED",700:"#6D28D9",800:"#5B21B6",900:"#4C1D95"},teal:{50:"#F0FDFA",100:"#CCFBF1",200:"#99F6E4",300:"#5EEAD4",400:"#2DD4BF",500:"#14B8A6",600:"#0D9488",700:"#0F766E",800:"#115E59",900:"#134E4A"},pink:{50:"#FDF2F8",100:"#FCE7F3",200:"#FBCFE8",300:"#F9A8D4",400:"#F472B6",500:"#EC4899",600:"#DB2777",700:"#BE185D",800:"#9D174D",900:"#831843"},indigo:{50:"#EEF2FF",100:"#E0E7FF",200:"#C7D2FE",300:"#A5B4FC",400:"#818CF8",500:"#6366F1",600:"#4F46E5",700:"#4338CA",800:"#3730A3",900:"#312E81"}},spacing:{1:4,2:8,3:12,4:16,6:24,8:32,12:48,16:64},radius:{sm:4,md:8,lg:12,xl:16,full:9999},fontSize:{sm:12,md:14,lg:16,xl:20,"2xl":24,"3xl":32,"4xl":44},fontFamily:{base:"Arial"},fontWeight:{normal:400,bold:700}};function buildSemantic(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};const i=t.color;return _objectSpread2({primary:i.blue[500],success:i.emerald[500],warning:i.amber[500],danger:i.red[500],info:i.blue[400],text:i.gray[800],muted:i.gray[500],hint:i.gray[400],border:i.gray[200],background:"#ffffff",palette:[i.blue[500],i.emerald[500],i.amber[500],i.red[500],i.violet[500],i.teal[500],i.pink[500],i.indigo[500]],motion:{duration:{fast:100,normal:200,slow:300,slower:500},easing:{linear:"linear",out:"easeOutCubic",inOut:"easeInOutCubic",outQuart:"easeOutQuart",spring:"spring",springSoft:"springSoft",springSnappy:"springSnappy"}}},e)}const s={base:i,semantic:buildSemantic(i)},n={base:i,semantic:buildSemantic(i,{primary:i.color.blue[400],success:i.color.emerald[400],warning:i.color.amber[400],danger:i.color.red[400],info:i.color.teal[400],text:i.color.gray[200],muted:i.color.gray[400],hint:i.color.gray[500],border:i.color.gray[700],background:i.color.gray[900],palette:[i.color.blue[400],i.color.emerald[400],i.color.amber[400],i.color.red[400],i.color.violet[400],i.color.teal[400],i.color.pink[400],i.color.indigo[400]]})},o={default:s,dark:n};let r=s;function registerTheme(t,e){o[t]=e}function resolveTheme(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:r;return"string"==typeof t?o[t]||s:{base:e.base,semantic:_objectSpread2(_objectSpread2({},e.semantic),t)}}function setTheme(t){return r=resolveTheme(t,r),r}function getTheme(){return r}const a={card:t=>({radius:t.base.radius.lg,style:{fillStyle:t.semantic.background,strokeStyle:t.semantic.border,lineWidth:1,shadow:"md"}}),gradient:t=>({radius:t.base.radius.lg,style:{fillGradient:{type:"linear",from:[0,0],to:[0,200],stops:[[0,t.semantic.primary],[1,t.semantic.background]]},strokeStyle:t.semantic.border,lineWidth:1}}),panel:t=>({radius:t.base.radius.md,style:{fillStyle:t.semantic.background,strokeStyle:t.semantic.border,lineWidth:1,shadow:"sm"}}),button:t=>({radius:t.base.radius.md,style:{fillStyle:t.semantic.primary,strokeStyle:t.semantic.primary,lineWidth:1,shadow:"sm"}}),"button-danger":t=>({radius:t.base.radius.md,style:{fillStyle:t.semantic.danger,strokeStyle:t.semantic.danger,lineWidth:1,shadow:"sm"}}),title:t=>({stroke:!1,style:{fontSize:t.base.fontSize["2xl"],fontWeight:t.base.fontWeight.bold,fillStyle:t.semantic.text}}),subtitle:t=>({stroke:!1,style:{fontSize:t.base.fontSize.lg,fillStyle:t.semantic.muted}}),body:t=>({stroke:!1,style:{fontSize:t.base.fontSize.md,fillStyle:t.semantic.text}}),label:t=>({stroke:!1,style:{fontSize:t.base.fontSize.sm,fillStyle:t.semantic.hint}})};var h={baseTokens:i,DEFAULT_THEME:s,DARK_THEME:n,registerTheme:registerTheme,setTheme:setTheme,getTheme:getTheme,STYLE_PRESETS:a};var l=class AnimationManager{constructor(t){_defineProperty(this,"animationMap",new Map),_defineProperty(this,"paused",!1),_defineProperty(this,"pausedAt",0),_defineProperty(this,"warned",new WeakSet),this.ice=t}start(){return this.ice.evtBus.on(t.ICE_FRAME_EVENT,this.frameEventHandler,this),this}stop(){return this.ice.evtBus.off(t.ICE_FRAME_EVENT,this.frameEventHandler,this),this}frameEventHandler(t){if(this.paused)return;const e=Date.now(),i=[...this.animationMap.values()];for(let t=0;t<i.length;t++){const s=i[t],n=s.state.interactive;s.state.interactive=!1,this.tween(s,e),s.state.interactive=n}}__writeValue(t,e,i){const s=e.indexOf(".");if(-1===s)return void(t[e]=i);const n=e.slice(0,s),o=e.slice(s+1);t[n]&&"object"==typeof t[n]||(t[n]={}),this.__writeValue(t[n],o,i)}tween(t,e){const i={},s=t.props.animations,n=isUndefined(e)?Date.now():e;let o=!1;for(const t in s){const e=s[t];if(e.finished)continue;let r;if(isUndefined(e.startTime)&&(e.startTime=n,this.__resolveMotion(e)),isUndefined(e.easing)&&(e.easing="linear"),Array.isArray(e.keyframes)){const i=this.__normalizeKeyframes(e);if(!i){this.__reject(e,"[ICE] 动画属性「".concat(t,"」的 keyframes 非法：需要 ≥2 帧、offset 为数字、各帧取值同型（都是数字或等长的数字数组）；已跳过。"));continue}r=i}else if(!this.__isTweenable(e.from,e.to)){this.__reject(e,"[ICE] 动画属性「".concat(t,"」的取值必须都是数字或等长的数字数组，当前为 ")+"".concat(this.__describe(e.from)," → ").concat(this.__describe(e.to),"；已跳过。"));continue}const a=Number(e.duration);if(!Number.isFinite(a)||a<=0){this.__reject(e,"[ICE] 动画属性「".concat(t,"」的 duration 必须是正数，当前为 ").concat(String(e.duration),"；已直接落到终点。")),this.__writeValue(i,t,this.__roundIfNeeded(e,this.__sampleValue(r,e,1)));continue}const h=Number(e.delay)||0,l=n-e.startTime-h;if(l<0){o=!0,this.__writeValue(i,t,this.__sampleValue(r,e,0));continue}if(l>=a){let s=this.__sampleValue(r,e,1);this.shouldRepeat(e)?(e.startTime=n,s=this.__sampleValue(r,e,0),o=!0):e.finished=!0,this.__writeValue(i,t,this.__roundIfNeeded(e,s));continue}o=!0;const c=r?l/a:this.__easingFn(e.easing,e)(l/a);this.__writeValue(i,t,this.__roundIfNeeded(e,this.__sampleValue(r,e,c)))}return o||this.remove(t),Object.keys(i).length>0&&t.setState(i),t}__sampleValue(t,e,i){if(!t)return this.__interpolate(e.from,e.to,i);const s=t[0],n=t[t.length-1];if(i<=s.offset)return s.value;if(i>=n.offset)return n.value;for(let s=0;s<t.length-1;s++){const n=t[s],o=t[s+1];if(i<n.offset||i>o.offset)continue;const r=o.offset-n.offset;if(r<=0)return o.value;const a=(i-n.offset)/r,h=this.__easingFn(isUndefined(n.easing)?e.easing:n.easing,e);return this.__interpolate(n.value,o.value,h(a))}return n.value}__interpolate(t,e,i){if("number"==typeof t)return t+(e-t)*i;const s=new Array(t.length);for(let n=0;n<t.length;n++)s[n]=t[n]+(e[n]-t[n])*i;return s}__isTweenable(t,e){const i=this.__valueKind(t);return null!==i&&i===this.__valueKind(e)&&("number"===i||t.length===e.length)}__valueKind(t){if("number"==typeof t)return"number";if(Array.isArray(t)&&t.length>0){for(let e=0;e<t.length;e++)if("number"!=typeof t[e])return null;return"array"}return null}__normalizeKeyframes(t){if(t.__frames)return t.__frames;const e=t.keyframes;if(!Array.isArray(e)||e.length<2)return null;const i=[];for(let t=0;t<e.length;t++){const s=e[t]||{},n=isUndefined(s.offset)?t/(e.length-1):Number(s.offset);if(!Number.isFinite(n))return null;i.push({offset:Math.min(1,Math.max(0,n)),value:s.value,easing:s.easing})}i.sort((t,e)=>t.offset-e.offset);const s=this.__valueKind(i[0].value);if(null===s)return null;const n="array"===s?i[0].value.length:0;for(let t=1;t<i.length;t++){if(this.__valueKind(i[t].value)!==s)return null;if("array"===s&&i[t].value.length!==n)return null}return t.__frames=i,i}__easingFn(t,i){const s="string"==typeof t?e[t]:void 0;return s||(i&&this.__warnOnce(i,"[ICE] 未知的缓动「".concat(String(t),"」，已回退为 linear。可用：").concat(Object.keys(e).join(" / "))),e.linear)}__roundIfNeeded(t,e){return t.round?"number"==typeof e?Math.round(e):e.map(t=>Math.round(t)):e}__describe(t){return Array.isArray(t)?"数组[".concat(t.length,"]"):typeof t}__reject(t,e){t.finished=!0,this.__warnOnce(t,e)}__warnOnce(t,e){t&&"object"==typeof t&&(this.warned.has(t)||this.warned.add(t))}__resolveMotion(t){const e=(this.ice&&this.ice.theme||getTheme()).semantic.motion;"string"==typeof t.duration&&void 0!==e.duration[t.duration]&&(t.duration=e.duration[t.duration]),"string"==typeof t.easing&&void 0!==e.easing[t.easing]&&(t.easing=e.easing[t.easing])}shouldRepeat(t){return!0===t.loop||"number"==typeof t.iterationCount&&t.iterationCount>1&&(t.iterationCount--,!0)}pause(){this.paused||(this.paused=!0,this.pausedAt=Date.now())}resume(){if(!this.paused)return;const t=Date.now()-this.pausedAt,e=[...this.animationMap.values()];for(const i of e){const e=i.props.animations;for(const i in e){const s=e[i];isUndefined(s.startTime)||(s.startTime+=t)}}this.paused=!1}isPaused(){return this.paused}add(t){this.animationMap.set(t.props.id,t)}remove(t){isString(t)?this.animationMap.delete(t):this.animationMap.delete(t.props.id)}};let c=0;function bumpVisibilityEpoch(){c++}function getVisibilityEpoch(){return c}function isEffectivelyVisible(t){return t&&"function"==typeof t.isEffectivelyVisible?t.isEffectivelyVisible():!!(t&&t.state&&t.state.display)}function flattenAllComponents(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];return flattenTree(e,t.childNodes||[]),flattenTree(e,t.toolNodes||[]),e}function hitTestComponents(t,e,i,s){const n=flattenAllComponents(t);n.sort((t,e)=>t.state.zIndex-e.state.zIndex);const o=t.renderer,r=o&&"function"==typeof o.getWorldBox;let a=null;for(let t=0;t<n.length;t++){const h=n[t];if(!h.isControlPanel&&(h.state.interactive&&isEffectivelyVisible(h))){if(r){const t=o.getWorldBox(h);if(t&&(e<t[0]-s||e>t[2]+s||i<t[1]-s||i>t[3]+s))continue}h.containsPoint(e,i)&&(a=h)}}return a}function flattenTree(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1,s=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null;for(let n=0;n<e.length;n++){const o=e[n];o._level=i,o._pid=s,t.push(o);const r=o.props&&void 0!==o.props.id?o.props.id:o.id;flattenTree(t,o.childNodes||[],i+1,r)}return t}class PolyfillPath2D{constructor(){_defineProperty(this,"_isPolyfill",!0),_defineProperty(this,"_commands",[]),_defineProperty(this,"_closed",!1)}moveTo(t,e){this._commands.push(["moveTo",t,e])}lineTo(t,e){this._commands.push(["lineTo",t,e])}bezierCurveTo(t,e,i,s,n,o){this._commands.push(["bezierCurveTo",t,e,i,s,n,o])}quadraticCurveTo(t,e,i,s){this._commands.push(["quadraticCurveTo",t,e,i,s])}arcTo(t,e,i,s,n){this._commands.push(["arcTo",t,e,i,s,n])}rect(t,e,i,s){this._commands.push(["rect",t,e,i,s])}ellipse(t,e,i,s,n,o,r,a){this._commands.push(["ellipse",t,e,i,s,n,o,r,a])}closePath(){this._closed=!0}}let d=null;(()=>{const t="undefined"!=typeof window?window:"undefined"!=typeof global?global:{};d=t||{},d.requestFrame=d.requestAnimationFrame||d.webkitRequestAnimationFrame||d.mozRequestAnimationFrame||d.oRequestAnimationFrame||d.msRequestAnimationFrame,"function"!=typeof d.requestFrame&&(d.requestFrame=function(t){return setTimeout(function(){t(Date.now())},16)}),d.createPath2D=()=>"function"==typeof d.Path2D?new d.Path2D:new PolyfillPath2D,d.loadFont=(t,e)=>{if("function"==typeof d.FontFace&&d.document&&d.document.fonts){const i=new d.FontFace(t,e);return d.document.fonts.add(i),i.load()}return d.wx&&"function"==typeof d.wx.loadFont?d.wx.loadFont(e):Promise.resolve()},d.createImage=()=>{if("function"==typeof d.Image)return new d.Image;if(d.wx&&"function"==typeof d.wx.createImage)return d.wx.createImage();throw new Error("当前运行时没有可用的 Image 构造器，无法加载图片。")},"number"==typeof d.devicePixelRatio&&d.devicePixelRatio>0||(d.devicePixelRatio=(()=>{if(d.wx&&"function"==typeof d.wx.getSystemInfoSync)try{return d.wx.getSystemInfoSync().pixelRatio||1}catch(t){return 1}return 1})()),d.createOffscreenCanvas=(t,e)=>{if(d.wx&&"function"==typeof d.wx.createOffscreenCanvas){const i=d.wx.createOffscreenCanvas({type:"2d",width:t,height:e}),s=i.getContext("2d");if(!s)throw new Error("当前运行时无法创建 2d 离屏上下文。");return{canvas:i,ctx:s}}if(d.document&&"function"==typeof d.document.createElement){const i=d.document.createElement("canvas");i.width=t,i.height=e;const s=i.getContext("2d");if(!s)throw new Error("当前运行时无法创建 2d 离屏上下文。");return{canvas:i,ctx:s}}throw new Error("当前运行时没有可用的离屏 canvas。")}})();var u=d,p="undefined"!=typeof Float32Array?Float32Array:Array,f=Math.PI/180;function toRadian(t){return t*f}function invert(t,e){var i=e[0],s=e[1],n=e[2],o=e[3],r=e[4],a=e[5],h=i*o-s*n;return h?(h=1/h,t[0]=o*h,t[1]=-s*h,t[2]=-n*h,t[3]=i*h,t[4]=(n*a-o*r)*h,t[5]=(s*r-i*a)*h,t):null}function multiply(t,e,i){var s=e[0],n=e[1],o=e[2],r=e[3],a=e[4],h=e[5],l=i[0],c=i[1],d=i[2],u=i[3],p=i[4],f=i[5];return t[0]=s*l+o*c,t[1]=n*l+r*c,t[2]=s*d+o*u,t[3]=n*d+r*u,t[4]=s*p+o*f+a,t[5]=n*p+r*f+h,t}function cross(t,e,i){var s=e[0]*i[1]-e[1]*i[0];return t[0]=t[1]=0,t[2]=s,t}function transformMat2d(t,e,i){var s=e[0],n=e[1];return t[0]=i[0]*s+i[2]*n+i[4],t[1]=i[1]*s+i[3]*n+i[5],t}Math.hypot||(Math.hypot=function(){for(var t=0,e=arguments.length;e--;)t+=arguments[e]*arguments[e];return Math.sqrt(t)}),function create(){var t=new p(2);return p!=Float32Array&&(t[0]=0,t[1]=0),t}();var g=class ICEEvent{constructor(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};_defineProperty(this,"AT_TARGET",2),_defineProperty(this,"BUBBLING_PHASE",3),_defineProperty(this,"CAPTURING_PHASE",1),_defineProperty(this,"NONE",0);for(const e in t)this[e]=t[e];for(const t in e)this[t]=e[t]}composedPath(){throw new Error("Method not implemented.")}initEvent(t,e,i){throw new Error("Method not implemented.")}preventDefault(){throw new Error("Method not implemented.")}stopImmediatePropagation(){throw new Error("Method not implemented.")}stopPropagation(){throw new Error("Method not implemented.")}};class ICEEventTarget{constructor(){_defineProperty(this,"listeners",{}),_defineProperty(this,"suspendedEventNames",[])}on(t,e){let i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:u;this.listeners[t]||(this.listeners[t]=[]),this.off(t,e,i),this.listeners[t].push({callback:e,scope:i})}off(t,e){let i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:u,s=this.listeners[t];if(s){s=[...s];for(let n=0;n<s.length;n++){const o=s[n],r=o.callback;if((r===e||r&&r.__onceOriginal===e)&&o.scope===i)return void this.listeners[t].splice(n,1)}}}trigger(t){let e,i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,s=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};if(function isEmpty(t){return null==t||(Array.isArray(t)||"string"==typeof t?0===t.length:"object"!=typeof t||0===Object.keys(t).length)}(this.listeners[t]))return!1;if(this.suspendedEventNames.includes(t))return!1;i?(e=new g(i),e.originalEvent=i.originalEvent?i.originalEvent:i,e.param=_objectSpread2({},s)):e=new g({type:t,timeStamp:Date.now(),param:_objectSpread2({},s)});const n=this.listeners[t];for(let t=0;t<n.length;t++){const i=n[t];i.callback.call(i.scope,e)}return!0}once(t,e){let i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:u;const s=this;function callback(n){s.off(t,callback,i),e.call(i,n)}callback.__onceOriginal=e,s.on(t,callback,i)}suspend(t){t&&!this.suspendedEventNames.includes(t)&&this.suspendedEventNames.push(t)}resume(t){const e=this.suspendedEventNames.indexOf(t);-1!==e&&this.suspendedEventNames.splice(e,1)}purgeEvents(){this.listeners={},this.suspendedEventNames=[]}hasListener(t,e){let i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:u;if(!this.listeners[t])return!1;const s=this.listeners[t];if(!s)return!1;for(let t=0;t<s.length;t++){const n=s[t];if(n.callback===e&&n.scope===i)return!0}return!1}}ICEEventTarget.prototype.addEventListener=ICEEventTarget.prototype.on,ICEEventTarget.prototype.removeEventListener=ICEEventTarget.prototype.off,ICEEventTarget.prototype.dispatchEvent=ICEEventTarget.prototype.trigger;var m=ICEEventTarget;class GeoUtil{constructor(){throw new Error("GeoUtil is a static util class.")}static pointInPolygon(t,e,i){if(!i||i.length<3)return!1;let s=!1;for(let n=0,o=i.length-1;n<i.length;o=n++){const r=i[n][0],a=i[n][1],h=i[o][0],l=i[o][1];a>e!=l>e&&t<(h-r)*(e-a)/(l-a)+r&&(s=!s)}return s}static distanceToSegment(t,e,i,s,n,o){const r=n-i,a=o-s,h=r*r+a*a;let l=0===h?0:((t-i)*r+(e-s)*a)/h;return l=l<0?0:l>1?1:l,Math.hypot(t-(i+l*r),e-(s+l*a))}static distanceToPolyline(t,e,i){if(!t||0===t.length)return 1/0;if(1===t.length)return Math.hypot(e-t[0][0],i-t[0][1]);let s=1/0;for(let n=0;n<t.length-1;n++){const o=GeoUtil.distanceToSegment(e,i,t[n][0],t[n][1],t[n+1][0],t[n+1][1]);o<s&&(s=o)}return s}static samplePolyline(t,e){const i=[];if(!t||t.length<2||e<1)return t?t.map(t=>[t[0],t[1]]):i;const s=[];let n=0;for(let e=0;e<t.length-1;e++){const i=Math.hypot(t[e+1][0]-t[e][0],t[e+1][1]-t[e][1]);s.push(i),n+=i}if(0===n)return[t[0].slice(),t[t.length-1].slice()];for(let o=0;o<=e;o++){const r=n*o/e;let a=0;for(let e=0;e<s.length;e++){if(a+s[e]>=r||e===s.length-1){const n=0===s[e]?0:(r-a)/s[e];i.push([t[e][0]+(t[e+1][0]-t[e][0])*n,t[e][1]+(t[e+1][1]-t[e][1])*n]);break}a+=s[e]}}return i}static segmentIntersect(t,e,i,s){const n=e[0]-t[0],o=e[1]-t[1],r=s[0]-i[0],a=s[1]-i[1],h=n*a-o*r;if(0===h)return null;const l=((i[0]-t[0])*a-(i[1]-t[1])*r)/h,c=((i[0]-t[0])*o-(i[1]-t[1])*n)/h;return l<0||l>1||c<0||c>1?null:[t[0]+l*n,t[1]+l*o]}static calcRotateAngle(t,e,i,s){const n=t-i,o=e-s,r=Math.hypot(n,o),a=n/r;let h=(o/r<0?-1:1)*Math.acos(a)*180/Math.PI+360;return h%=360,h}static calcRotateAngleFromMatrix(t){const e=t[0],i=t[1];return Math.atan2(i,e)*(180/Math.PI)}static calcScaleFromMatrix(t){const e=t[0],i=t[1],s=t[2],n=t[3];return[Math.hypot(e,i),Math.hypot(s,n)]}}class ICEBoundingBox{constructor(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[0,0,0,0,0,0,0,0,0,0];_defineProperty(this,"tl",[0,0]),_defineProperty(this,"tr",[0,0]),_defineProperty(this,"bl",[0,0]),_defineProperty(this,"br",[0,0]),_defineProperty(this,"tc",[0,0]),_defineProperty(this,"rc",[0,0]),_defineProperty(this,"bc",[0,0]),_defineProperty(this,"lc",[0,0]),_defineProperty(this,"center",[0,0]),this.tl=[t[0],t[1]],this.tr=[t[2],t[3]],this.bl=[t[4],t[5]],this.br=[t[6],t[7]],this.tc=[(this.tr[0]+this.tl[0])/2,(this.tr[1]+this.tl[1])/2],this.bc=[(this.br[0]+this.bl[0])/2,(this.br[1]+this.bl[1])/2],this.lc=[(this.bl[0]+this.tl[0])/2,(this.bl[1]+this.tl[1])/2],this.rc=[(this.br[0]+this.tr[0])/2,(this.br[1]+this.tr[1])/2],this.center=[t[8],t[9]]}static fromDimension(t,e,i,s){return new ICEBoundingBox([...[t,e],...[t+i,e],...[t,e+s],...[t+i,e+s],...[t+i/2,e+s/2]])}containsPoint(t){const{minX:e,minY:i,maxX:s,maxY:n}=this.getMinAndMaxPoint();if(t[0]<e||t[0]>s||t[1]<i||t[1]>n)return!1;let o,r=0;const a=this.getBoundingLines();for(let e=0;e<a.length;e++){const i=a[e];if(!(t[1]>i.o[1]&&t[1]>i.d[1])&&!(t[1]<i.o[1]&&t[1]<i.d[1])){if(i.o[0]===i.d[0]&&i.o[0]>=t[0])o=i.o[0];else{const e=(i.d[1]-i.o[1])/(i.d[0]-i.o[0]);o=i.o[0]+(t[1]-i.o[1])/e}o>t[0]&&r++}}return 0!==r&&r%2==1}getBoundingLines(){return[{o:[...this.tl],d:[...this.tr]},{o:[...this.tr],d:[...this.br]},{o:[...this.br],d:[...this.bl]},{o:[...this.bl],d:[...this.tl]}]}getMinAndMaxPoint(){let t=this.tl[0],e=this.tl[1],i=this.tl[0],s=this.tl[1];const n=[this.tr,this.bl,this.br];for(let o=0;o<n.length;o++){const r=n[o];r[0]<t&&(t=r[0]),r[0]>i&&(i=r[0]),r[1]<e&&(e=r[1]),r[1]>s&&(s=r[1])}return{minX:t,minY:e,maxX:i,maxY:s}}containsBox(t){const e=this.getMinAndMaxPoint(),i=t.getMinAndMaxPoint();return i.minX>=e.minX&&i.maxX<=e.maxX&&i.minY>=e.minY&&i.maxY<=e.maxY}isIntersect(t){const e=this.tl[0],i=this.br[0],s=this.tl[1],n=this.br[1],o=t.tl[0],r=t.br[0],a=t.tl[1],h=t.br[1];return!(e>r||s>h||i<o||n<a)}transform(t){const e=transformMat2d([],this.tl,t),i=transformMat2d([],this.tr,t),s=transformMat2d([],this.bl,t),n=transformMat2d([],this.br,t),o=transformMat2d([],this.center,t);return new ICEBoundingBox([...e,...i,...s,...n,...o])}union(t){const e=this.getMinAndMaxPoint(),i=t.getMinAndMaxPoint(),s=Math.min(e.minX,i.minX),n=Math.min(e.minY,i.minY),o=Math.max(e.maxX,i.maxX),r=Math.max(e.maxY,i.maxY);return ICEBoundingBox.fromDimension(s,n,o-s,r-n)}get width(){const t=this.br[0]-this.bl[0],e=this.br[1]-this.bl[1];return Math.hypot(t,e)}get height(){const t=this.br[0]-this.tr[0],e=this.br[1]-this.tr[1];return Math.hypot(t,e)}get left(){return this.tl[0]}set left(t){throw new Error("Can not set left to ICEBoundingBox directly.")}get top(){return this.tl[1]}set top(t){throw new Error("Can not set top to ICEBoundingBox directly.")}get centerX(){return this.center[0]}get centerY(){return this.center[1]}get centerPoint(){return this.center}}var _=ICEBoundingBox;const y={sm:{shadowColor:"rgba(0,0,0,0.12)",shadowBlur:4,shadowOffsetX:0,shadowOffsetY:1},md:{shadowColor:"rgba(0,0,0,0.18)",shadowBlur:10,shadowOffsetX:0,shadowOffsetY:3},lg:{shadowColor:"rgba(0,0,0,0.25)",shadowBlur:20,shadowOffsetX:0,shadowOffsetY:6}},x=[["shadowColor","rgba(0,0,0,0)"],["shadowBlur",0],["shadowOffsetX",0],["shadowOffsetY",0],["globalAlpha",1],["globalCompositeOperation","source-over"],["lineCap","butt"],["lineJoin","miter"],["miterLimit",10],["textAlign","start"],["textBaseline","alphabetic"]],E={left:0,top:0,width:0,height:0,style:Object.freeze({fillStyle:"red",strokeStyle:"blue",lineWidth:1}),lineDash:Object.freeze([]),lineDashOffset:0,lineDashFlow:!1,lineDashFlowSpeed:60,lineBorder:!1,lineBorderWidth:1.5,lineBorderColor:"#999999",fill:!0,stroke:!0,animations:Object.freeze({}),transform:Object.freeze({translate:Object.freeze([0,0]),scale:Object.freeze([1,1]),skew:Object.freeze([0,0]),rotate:0}),linearMatrix:Object.freeze([]),composedMatrix:Object.freeze([]),origin:"localCenter",originX:0,originY:0,localOrigin:Object.freeze([0,0]),absoluteOrigin:Object.freeze([0,0]),display:!0,draggable:!0,transformable:!0,interactive:!0,linkable:!0,showMinBoundingBox:!1,showMaxBoundingBox:!1};function normalizeGradientStops(t){const e=[];if(!Array.isArray(t))return e;for(let i=0;i<t.length;i++){const s=t[i];let n=NaN,o="";Array.isArray(s)?(n=Number(s[0]),o=String(s[1])):s&&"object"==typeof s&&(n=Number(s.offset),o=String(s.color)),isFinite(n)&&o&&e.push([n<0?0:n>1?1:n,o])}return e.sort((t,e)=>t[0]-e[0]),e}class ICEComponent extends m{constructor(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};super(),_defineProperty(this,"__dirty",!0),_defineProperty(this,"__everRendered",!1),_defineProperty(this,"__localBoxScratch",[0,0,0,0]),_defineProperty(this,"__activeCtm",null),_defineProperty(this,"__activeWorldMatrix",null),_defineProperty(this,"__visEpoch",-1),_defineProperty(this,"__visValue",!0),_defineProperty(this,"__gradCache",{}),_defineProperty(this,"__paramsDirty",!0),_defineProperty(this,"__absScratchA",null),_defineProperty(this,"__absScratchB",null),_defineProperty(this,"__transScratch",null),_defineProperty(this,"__originScratch",null),_defineProperty(this,"__composeScratch",null),_defineProperty(this,"__viewportScratch",null),this.__userProps=t,t&&t.preset&&a[t.preset]&&(this.__presetName=t.preset,t=merge({},a[t.preset](getTheme()),t)),this.props=Object.create(E),this.props.id="ICE_"+function uuid(){if(u.crypto)return u.crypto.randomUUID();{let t=Date.now();return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,function(e){const i=(t+16*Math.random())%16|0;return t=Math.floor(t/16),("x"==e?i:3&i|8).toString(16)})}}(),this.props.zIndex=ICEComponent.instanceCounter++,merge(this.props,t),this.__initState(),this.root=u,this.initEvents()}__initState(){this.state=Object.create(E),this.state.id=this.props.id,this.state.zIndex=this.props.zIndex;for(const t in this.props)Object.prototype.hasOwnProperty.call(this.props,t)&&(this.state[t]=cloneDeep(this.props[t]));this.state.linearMatrix=[],this.state.composedMatrix=[],this.state.localOrigin=[0,0],this.state.absoluteOrigin=[0,0]}__reapplyPreset(t){if(!this.__presetName||!a[this.__presetName])return;const e=a[this.__presetName](t||getTheme()),i=this.__userProps||{},s={};for(const t in e)"style"===t?s.style=merge({},e.style,i.style):void 0!==i[t]?s[t]=i[t]:s[t]=e[t];this.setState(s)}initEvents(){this.on("mousedown",this.mouseDownEvtHandler,this),this.on("keydown",this.keyboardEvtHandler,this),this.on("keyup",this.keyboardEvtHandler,this)}mouseDownEvtHandler(t){this.state.interactive&&this.state.draggable&&(this.on("mousemove",this.mouseMoveEvtHandler,this),this.on("mouseup",this.mouseUpEvtHandler,this))}mouseMoveEvtHandler(t){const e=this.ice&&this.ice.viewport?this.ice.viewport.scale:1,i=t.movementX/e,s=t.movementY/e;return this.moveGlobalPosition(i,s,t),!0}mouseUpEvtHandler(t){this.off("mousemove",this.mouseMoveEvtHandler,this),this.off("mouseup",this.mouseUpEvtHandler,this)}keyboardEvtHandler(t){switch(t.key){case"ArrowUp":this.moveGlobalPosition(0,-2,t);break;case"ArrowDown":this.moveGlobalPosition(0,2,t);break;case"ArrowLeft":this.moveGlobalPosition(-2,0,t);break;case"ArrowRight":this.moveGlobalPosition(2,0,t);break;case"Delete":this.parentNode&&this.parentNode.removeChild?this.parentNode.removeChild(this):this.ice.removeChild(this)}}render(){this.__renderCore(null,!0)}renderTo(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;if(!t)return;const i=this.ctx;this.ctx=t;try{this.__renderCore(e,!1)}finally{this.ctx=i}}isEffectivelyVisible(){if(this.__visEpoch===getVisibilityEpoch())return this.__visValue;const t=this.__computeEffectivelyVisible();return this.__visEpoch=getVisibilityEpoch(),this.__visValue=t,t}__computeEffectivelyVisible(){if(!this.state.display)return!1;let t=this.parentNode;for(;t&&t.state;){if(!t.state.display)return!1;t=t.parentNode}return!0}__renderCore(e,i){this.trigger(t.BEFORE_RENDER),this.isEffectivelyVisible()&&(this.refreshParams(),this.applyStyleToCtx(),this.applyTransformToCtx(e,i),this.doRender(),this.__resetLeakyCtxState(),this.trigger(t.AFTER_RENDER),this.__everRendered=!0,this.dirty=!1)}applyStyleToCtx(){const t=this.props.style,e=this.state.style;let i=null,s=null;if(t)for(const e in t)"fillGradient"!==e?"strokeGradient"!==e?this.__applyStyleProp(e,t[e]):s=t[e]:i=t[e];if(e)for(const t in e)"fillGradient"!==t?"strokeGradient"!==t?this.__applyStyleProp(t,e[t]):s=e[t]:i=e[t];i&&this.__applyStyleProp("fillGradient",i),s&&this.__applyStyleProp("strokeGradient",s)}__applyStyleProp(t,e){if("fillGradient"===t||"strokeGradient"===t){const i="fillGradient"===t?"fillStyle":"strokeStyle",s=this.__resolveGradient("fillGradient"===t?"fill":"stroke",e);if(s)this.ctx[i]=s;else if(e){const t=normalizeGradientStops(e.stops);t.length&&(this.ctx[i]=t[Math.floor(t.length/2)][1])}return}if("shadow"===t&&"string"==typeof e&&y[e]){const t=y[e];return this.ctx.shadowColor=t.shadowColor,this.ctx.shadowBlur=t.shadowBlur,this.ctx.shadowOffsetX=t.shadowOffsetX,void(this.ctx.shadowOffsetY=t.shadowOffsetY)}this.ctx[t]=e}__resolveGradient(t,e){if(!e||"object"!=typeof e)return null;const i=this.__gradCache[t];if(i&&i.src===e)return i.grad;const s=this.__buildGradient(e);return this.__gradCache[t]={src:e,grad:s},s}__buildGradient(t){const e=this.ctx;if(!e)return null;const i=normalizeGradientStops(t.stops);if(i.length<1)return null;const s=Number(this.state.width)||0,n=Number(this.state.height)||0,o=t.type||"linear";let r=null;if("radial"===o&&"function"==typeof e.createRadialGradient){const i=Array.isArray(t.center)?t.center:[s/2,n/2],o=Number(t.radius)>0?Number(t.radius):Math.max(s,n)/2,a=Number(t.innerRadius)>0?Number(t.innerRadius):0;r=e.createRadialGradient(i[0],i[1],a,i[0],i[1],o)}else if("conic"===o&&"function"==typeof e.createConicGradient){const i=Array.isArray(t.center)?t.center:[s/2,n/2];r=e.createConicGradient(Number(t.startAngle)||0,i[0],i[1])}else{if("conic"===o)return null;if("function"==typeof e.createLinearGradient){const i=Array.isArray(t.from)?t.from:[0,0],n=Array.isArray(t.to)?t.to:[s,0];r=e.createLinearGradient(i[0],i[1],n[0],n[1])}}if(!r&&"function"!=typeof e.createLinearGradient)return null;if(!r)return null;for(let t=0;t<i.length;t++)try{r.addColorStop(i[t][0],i[t][1])}catch(t){}return r}calcComponentParams(){return{width:this.state.width,height:this.state.height}}__localBox(){const t=this.__localBoxScratch;return t[0]=0,t[1]=0,t[2]=this.state.width||0,t[3]=this.state.height||0,t}measure(){this.refreshParams()}refreshParams(){this.__paramsDirty&&(this.calcComponentParams(),this.__paramsDirty=!1,this.__gradCache.fill=void 0,this.__gradCache.stroke=void 0)}calcLocalOrigin(){let t=this.state.localOrigin;(!t||t.length<2)&&(t=this.state.localOrigin=[0,0]),t[0]=0,t[1]=0;const e=this.state.origin;return e&&"localCenter"!==e?"top-left"===e?(t[0]=0,t[1]=0):"custom"===e&&(t[0]=Number(this.state.originX)||0,t[1]=Number(this.state.originY)||0):(t[0]=this.state.width/2,t[1]=this.state.height/2),this.state.localOrigin=t,t}calcAbsoluteOrigin(){const t=this.state.transform,e=t.translate[0]+this.state.left,i=t.translate[1]+this.state.top,s=this.calcLocalOrigin();let n=this.__originScratch;if(n||(n=this.__originScratch=[0,0]),n[0]=s[0]+e,n[1]=s[1]+i,this.parentNode){transformMat2d(n,n,[1,0,0,1,-this.parentNode.state.localOrigin[0],-this.parentNode.state.localOrigin[1]]);transformMat2d(n,n,this.parentNode.state.composedMatrix)}return this.state.absoluteOrigin=n,n}calcLinearMatrix(){(!this.state.linearMatrix||this.state.linearMatrix.length<6)&&(this.state.linearMatrix=function create$1(){var t=new p(6);return p!=Float32Array&&(t[1]=0,t[2]=0,t[4]=0,t[5]=0),t[0]=1,t[3]=1,t}());const t=this.state.linearMatrix;!function identity(t){return t[0]=1,t[1]=0,t[2]=0,t[3]=1,t[4]=0,t[5]=0,t}(t);const e=this.state.transform,i=e.skew[0],s=e.skew[1];!function skew(t,e,i,s){const n=Math.tan(i),o=Math.tan(s);return t[0]=e[0],t[1]=e[1]+n,t[2]=e[2]+o,t[3]=e[3],t[4]=e[4],t[5]=e[5],t}(t,t,toRadian(i),toRadian(s));!function rotate(t,e,i){var s=e[0],n=e[1],o=e[2],r=e[3],a=e[4],h=e[5],l=Math.sin(i),c=Math.cos(i);return t[0]=s*c+o*l,t[1]=n*c+r*l,t[2]=s*-l+o*c,t[3]=n*-l+r*c,t[4]=a,t[5]=h,t}(t,t,toRadian(e.rotate));return function scale(t,e,i){var s=e[0],n=e[1],o=e[2],r=e[3],a=e[4],h=e[5],l=i[0],c=i[1];return t[0]=s*l,t[1]=n*l,t[2]=o*c,t[3]=r*c,t[4]=a,t[5]=h,t}(t,t,[e.scale[0],e.scale[1]]),this.state.linearMatrix=t,t}calcAbsoluteLinearMatrix(){let t=this,e=t.calcLinearMatrix();this.__absScratchA||(this.__absScratchA=[0,0,0,0,0,0]),this.__absScratchB||(this.__absScratchB=[0,0,0,0,0,0]);let i=this.__absScratchA;for(;t.parentNode;){const s=t.parentNode,n=s.state&&s.state.linearMatrix&&s.state.linearMatrix.length>=6&&!s.dirty?s.state.linearMatrix:s.calcLinearMatrix();i=i===this.__absScratchA?this.__absScratchB:this.__absScratchA,multiply(i,n,e),e=i,t=s}return this.state.absoluteLinearMatrix=e,e}composeMatrix(){if(this.parentNode&&"function"==typeof this.parentNode.composeMatrix){const t=this.parentNode,e=t.state?t.state.composedMatrix:null;(t.dirty||!e||e.length<6)&&t.composeMatrix()}const t=this.calcAbsoluteOrigin();this.__transScratch||(this.__transScratch=[1,0,0,1,0,0]),this.__transScratch[4]=t[0],this.__transScratch[5]=t[1];const e=this.__transScratch,i=this.calcAbsoluteLinearMatrix();(!this.state.composedMatrix||this.state.composedMatrix.length<6)&&(this.state.composedMatrix=[1,0,0,1,0,0]);const s=multiply(this.state.composedMatrix,e,i);return this.state.composedMatrix=s,s}applyTransformToCtx(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];const i=this.dirty?this.composeMatrix():this.state.composedMatrix,s=e&&this.ice?this.ice.getRenderViewport():null,n=s&&(1!==s.scale||0!==s.tx||0!==s.ty);let o=null;if(n){this.__viewportScratch||(this.__viewportScratch=[1,0,0,1,0,0]);const t=this.__viewportScratch;t[0]=s.scale,t[1]=0,t[2]=0,t[3]=s.scale,t[4]=s.tx,t[5]=s.ty,o=t}else t&&(o=t);if(this.__activeWorldMatrix=o,t||n){this.__composeScratch||(this.__composeScratch=[1,0,0,1,0,0]);const e=this.__composeScratch;multiply(e,o||t,i),this.__activeCtm=e,this.ctx.setTransform(e[0],e[1],e[2],e[3],e[4],e[5])}else this.__activeCtm=i,this.ctx.setTransform(...i)}applyActiveTransform(){const t=this.__activeCtm;t?this.ctx.setTransform(t[0],t[1],t[2],t[3],t[4],t[5]):this.applyTransformToCtx(null,!0)}applyWorldTransform(){const t=this.__activeWorldMatrix;t?(this.ctx.setTransform(t[0],t[1],t[2],t[3],t[4],t[5]),this.ctx.lineWidth=1/(Math.abs(t[0])||Math.abs(t[3])||1)):(this.ctx.setTransform(1,0,0,1,0,0),this.ctx.lineWidth=1)}doRender(){if(this.applyWorldTransform(),this.state.showMinBoundingBox||this.state.showMaxBoundingBox){const t=this.state.showMinBoundingBox?this.getMinBoundingBox():null,e=this.state.showMaxBoundingBox?this.getMaxBoundingBox():null,i=t&&e&&this.__areBoundingBoxesNearlyEqual(t,e);t&&!i&&(this.ctx.strokeStyle="#ff0000",this.ctx.fillStyle="rgba(0,0,0,0)",this.ctx.beginPath(),this.ctx.moveTo(t.tl[0],t.tl[1]),this.ctx.lineTo(t.tr[0],t.tr[1]),this.ctx.lineTo(t.br[0],t.br[1]),this.ctx.lineTo(t.bl[0],t.bl[1]),this.ctx.closePath(),this.ctx.stroke(),this.ctx.fill()),e&&(this.ctx.strokeStyle="#0000ff",this.ctx.fillStyle="rgba(0,0,0,0)",this.ctx.beginPath(),this.ctx.moveTo(e.tl[0],e.tl[1]),this.ctx.lineTo(e.tr[0],e.tr[1]),this.ctx.lineTo(e.br[0],e.br[1]),this.ctx.lineTo(e.bl[0],e.bl[1]),this.ctx.closePath(),this.ctx.stroke(),this.ctx.fill())}}__areBoundingBoxesNearlyEqual(t,e){const i=[[t.tl,e.tl],[t.tr,e.tr],[t.bl,e.bl],[t.br,e.br]];for(const[t,e]of i)if(Math.abs(t[0]-e[0])>1||Math.abs(t[1]-e[1])>1)return!1;return!0}getMinBoundingBox(){const t=arguments.length>0&&void 0!==arguments[0]&&arguments[0]?this.composeMatrix():this.state.composedMatrix,e=this.state.localOrigin[0],i=this.state.localOrigin[1],s=this.__localBox(),n=s[0]-e,o=s[1]-i,r=s[2]-e,a=s[3]-i;let h=new _([n,o,r,o,n,a,r,a,0,0]);return h=h.transform(t),h}getMaxBoundingBox(){let t=arguments.length>0&&void 0!==arguments[0]&&arguments[0],e=this.getMinBoundingBox(t);const{minX:i,minY:s,maxX:n,maxY:o}=e.getMinAndMaxPoint(),r=e.centerPoint;return e=new _([i,s,n,s,i,o,n,o,r[0],r[1]]),e}setState(t){const e=this.__beforeStateMerge(t);merge(this.state,t),this.paramsDirty=!0,this.dirty=!0,this.ice&&(this.ice.dirty=!0),this.__afterStateMerge(e)}__beforeStateMerge(t){const e=!!t&&(void 0!==t.width&&t.width!==this.state.width||void 0!==t.height&&t.height!==this.state.height);return t&&void 0!==t.display&&t.display!==this.state.display&&bumpVisibilityEpoch(),e}__afterStateMerge(t){t&&this.parentNode&&"function"==typeof this.parentNode.requestLayout&&this.parentNode.requestLayout()}set dirty(t){this.__dirty=t}get dirty(){return this.__dirty}__applyDirty(t){this.dirty=t||!this.__everRendered}set paramsDirty(t){this.__paramsDirty=t}get paramsDirty(){return this.__paramsDirty}setPosition(e,i){let s=arguments.length>2&&void 0!==arguments[2]?arguments[2]:new g;this.trigger(t.BEFORE_MOVE,_objectSpread2(_objectSpread2({},s),{},{left:e,top:i})),this.setState({left:e,top:i}),this.trigger(t.AFTER_MOVE,_objectSpread2(_objectSpread2({},s),{},{left:e,top:i}))}moveGlobalPosition(t,e){let i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:new g;if(this.parentNode){let i=[t,e];i=transformMat2d([],i,invert([],this.parentNode.calcAbsoluteLinearMatrix())),t=i[0],e=i[1]}this.setPosition(this.state.left+t,this.state.top+e,_objectSpread2(_objectSpread2({},i),{},{tx:t,ty:e}))}setGlobalPosition(t,e){let i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:new g;if(this.parentNode){let i=[t,e];i=transformMat2d([],i,invert([],this.parentNode.calcAbsoluteLinearMatrix())),t=i[0],e=i[1]}this.setPosition(t,e,_objectSpread2(_objectSpread2({},i),{},{left:t,top:e}))}setGlobalRotate(t){if(this.parentNode){const e=this.parentNode.calcAbsoluteLinearMatrix();t-=GeoUtil.calcRotateAngleFromMatrix(e)}this.setState({transform:{rotate:t}})}localToGlobal(t,e){let i=[t,e];return i=transformMat2d([],i,this.state.composedMatrix),i}globalToLocal(t,e){let i=[t,e];return i=transformMat2d([],i,invert([],this.state.composedMatrix)),i}getRotateAngle(){const t=arguments.length>0&&void 0!==arguments[0]&&arguments[0]?this.composeMatrix():this.state.composedMatrix;return GeoUtil.calcRotateAngleFromMatrix(t)}getLocalLeftTop(){let t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];const e=this.getMinBoundingBox(t),i=e.width,s=e.height;return{left:e.centerX-e.width/2,top:e.centerY-e.height/2,width:i,height:s}}__resetLeakyCtxState(){let t=0;const scan=e=>{if(e)for(const i in e){const e=this.__leakyIndex(i);e>=0&&(t|=1<<e)}};if(scan(this.props.style),scan(this.state.style),this.state.lineDash&&this.state.lineDash.length&&(t|=2048),(this.state.lineDashFlow||this.state.lineDashOffset)&&(t|=2048),!t)return;const e=this.ctx;for(let i=0;i<x.length;i++)t&1<<i&&(e[x[i][0]]=x[i][1]);2048&t&&"function"==typeof e.setLineDash&&(e.setLineDash([]),e.lineDashOffset=0)}__leakyIndex(t){switch(t){case"shadowColor":return 0;case"shadowBlur":return 1;case"shadowOffsetX":return 2;case"shadowOffsetY":return 3;case"globalAlpha":return 4;case"globalCompositeOperation":return 5;case"lineCap":return 6;case"lineJoin":return 7;case"miterLimit":return 8;case"textAlign":return 9;case"textBaseline":return 10;default:return-1}}__paintWorldBox(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[0,0,0,0];const e=this.state.composedMatrix,i=this.state.localOrigin,s=i?i[0]:0,n=i?i[1]:0,o=this.__localBox(),r=[o[0]-s,o[2]-s],a=[o[1]-n,o[3]-n];if(t[0]=t[1]=1/0,t[2]=t[3]=-1/0,!e||e.length<6)return t[0]=r[0],t[1]=a[0],t[2]=r[1],t[3]=a[1],t;const h=e[0],l=e[1],c=e[2],d=e[3],u=e[4],p=e[5];for(let e=0;e<2;e++){const i=r[e];for(let e=0;e<2;e++){const s=a[e],n=h*i+c*s+u,o=l*i+d*s+p;n<t[0]&&(t[0]=n),n>t[2]&&(t[2]=n),o<t[1]&&(t[1]=o),o>t[3]&&(t[3]=o)}}return t}containsPoint(t,e){const i=this.state.composedMatrix;if(!i||i.length<6)return this.getMinBoundingBox().containsPoint([t,e]);const s=transformMat2d([],[t,e],invert([],i));return this.containsLocalPoint(s[0],s[1])}containsLocalPoint(t,e){const i=this.state.width/2,s=this.state.height/2;return t>=-i&&t<=i&&e>=-s&&e<=s}destroy(){this.destory()}destory(){this.ice&&this.ice.animationManager&&this.ice.animationManager.remove(this),this.trigger(t.BEFORE_REMOVE,null,{component:this}),this.purgeEvents(),this.ice=null,this.ctx=null,this.root=null,this.evtBus=null,this.parentNode=null}}_defineProperty(ICEComponent,"instanceCounter",0);var v=ICEComponent;var b=class ICEPath extends v{constructor(){super(_objectSpread2({closePath:!0},arguments.length>0&&void 0!==arguments[0]?arguments[0]:{})),_defineProperty(this,"path2D",u.createPath2D()),_defineProperty(this,"__flowRegistered",!1)}doRender(){this.dirty&&this.createPathObject(),this.state.closePath&&this.path2D.closePath();const t=this.state.lineDash,e=Array.isArray(t)&&t.length>0,i=this.state.lineDashFlow;i&&this.__ensureFlowAnimation();if(this.state.lineBorder&&e&&this.state.stroke){const t=this.ctx;t.save(),t.setLineDash([]),t.lineWidth=(this.state.style.lineWidth||1)+2*(this.state.lineBorderWidth||4),t.strokeStyle=this.state.lineBorderColor||"#c8c8c8",this.path2D._isPolyfill?(this.replayPath(),t.stroke()):t.stroke(this.path2D),t.restore()}if(e&&"function"==typeof this.ctx.setLineDash)if(this.ctx.setLineDash(t),i&&"number"==typeof this.ctx.lineDashOffset){const e=t.reduce((t,e)=>t+e,0)||1,i=this.state.lineDashFlowSpeed||60;this.ctx.lineDashOffset=-Date.now()/1e3*i%e}else this.state.lineDashOffset&&(this.ctx.lineDashOffset=this.state.lineDashOffset);this.path2D._isPolyfill?(this.replayPath(),this.state.fill&&this.ctx.fill(),this.state.stroke&&this.ctx.stroke()):(this.state.fill&&this.ctx.fill(this.path2D),this.state.stroke&&this.ctx.stroke(this.path2D)),e&&"function"==typeof this.ctx.setLineDash&&this.ctx.setLineDash([]),super.doRender()}__ensureFlowAnimation(){this.__flowRegistered||(this.__flowRegistered=!0,this.props.animations=_objectSpread2(_objectSpread2({},this.props.animations),{},{__flow:{from:0,to:1,duration:100,loop:!0}}),this.ice&&this.ice.animationManager&&this.ice.animationManager.add(this))}replayPath(){const t=this.ctx;t.beginPath();const e=this.path2D._commands;for(let i=0;i<e.length;i++){const s=e[i];t[s[0]](...s.slice(1))}this.path2D._closed&&t.closePath()}};var C=class ICERect extends b{constructor(){super(_objectSpread2({width:10,height:10},arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}))}createPathObject(){this.path2D=u.createPath2D();const t=0-this.state.localOrigin[0],e=0-this.state.localOrigin[1],i=this.state.width,s=this.state.height,n=Math.min(this.state.radius||0,i/2,s/2);return n>0?(this.path2D.moveTo(t+n,e),this.path2D.lineTo(t+i-n,e),this.path2D.arcTo(t+i,e,t+i,e+n,n),this.path2D.lineTo(t+i,e+s-n),this.path2D.arcTo(t+i,e+s,t+i-n,e+s,n),this.path2D.lineTo(t+n,e+s),this.path2D.arcTo(t,e+s,t,e+s-n,n),this.path2D.lineTo(t,e+n),this.path2D.arcTo(t,e,t+n,e,n),this.path2D.closePath()):this.path2D.rect(t,e,i,s),this.path2D}};class ICEGroup extends C{constructor(t){super(t),_defineProperty(this,"parentNode",null),_defineProperty(this,"childNodes",[]),_defineProperty(this,"__childSet",new WeakSet),_defineProperty(this,"layoutManager",null),_defineProperty(this,"__layoutExplicit",!1),_defineProperty(this,"__layoutRequested",!1),_defineProperty(this,"__layingOut",!1),_defineProperty(this,"__inBatch",!1)}setLayout(t){this.layoutManager=t,this.__layoutExplicit=!0,t&&(this.doLayout(),this.__disableTransformRecursively(this)),this.__propagateLayout(t)}__disableTransformRecursively(t){if(t&&t.childNodes)for(const e of t.childNodes)e.state.transformable=!1,e.state.draggable=!1,this.__disableTransformRecursively(e)}__propagateLayout(t){for(const e of this.childNodes)e instanceof ICEGroup&&!e.__layoutExplicit&&(e.layoutManager=t,e.doLayout(),e.__propagateLayout(t))}doLayout(){if(this.layoutManager){this.__layingOut=!0;try{for(let t=0;t<this.childNodes.length;t++){const e=this.childNodes[t];"function"==typeof e.measure&&e.measure()}this.layoutManager.layoutContainer(this)}finally{this.__layingOut=!1,this.__layoutRequested=!1}}}requestLayout(){this.layoutManager&&!this.__layingOut&&(this.__layoutRequested=!0,this.dirty=!0,this.ice&&(this.ice.dirty=!0))}getPreferredSize(){return this.layoutManager?this.layoutManager.getPreferredSize(this):[0,0]}doRender(){this.__layoutRequested&&this.doLayout(),super.doRender()}initEvents(){super.initEvents(),this.once(t.AFTER_ADD,this.afterAddHandler,this)}afterAddHandler(){for(let t=0;t<this.childNodes.length;t++){const e=this.childNodes[t];this.syncChildEvents(e)}}syncChildEvents(e){e.trigger(t.BEFORE_ADD),e.ice=this.ice,e.ctx=this.ice.ctx,e.evtBus=this.ice.evtBus,e.trigger(t.AFTER_ADD)}addChild(t){let e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];this.__childSet.has(t)||(t.parentNode=this,this.childNodes.push(t),this.__childSet.add(t),bumpVisibilityEpoch(),this.layoutManager&&(t.state.transformable=!1,t.state.draggable=!1,this.__disableTransformRecursively(t)),this.__applyDirty(e),this.ice&&(this.syncChildEvents(t),this.ice.dirty=e,this.ice.renderer&&this.ice.renderer.markQueueDirty()),this.layoutManager&&(t instanceof ICEGroup&&!t.__layoutExplicit&&(t.layoutManager=this.layoutManager),this.__inBatch||this.doLayout()))}addChildren(t){this.__inBatch=!0;try{for(let e=0;e<t.length;e++)this.addChild(t[e],!1)}finally{this.__inBatch=!1}this.dirty=!0,this.ice&&(this.ice.dirty=!0),this.doLayout()}removeChild(e){let i=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];if(!this.__childSet.has(e))return;e.trigger(t.BEFORE_REMOVE);const s=this.childNodes.indexOf(e);-1!==s&&this.childNodes.splice(s,1),this.__childSet.delete(e),bumpVisibilityEpoch(),e.trigger(t.AFTER_REMOVE),this.__applyDirty(i),this.ice&&(this.ice.dirty=i,this.ice.renderer&&this.ice.renderer.markQueueDirty()),e.destory(),this.layoutManager&&!this.__inBatch&&this.doLayout()}removeChildren(t){this.__inBatch=!0;try{for(let e=0;e<t.length;e++)this.removeChild(t[e],!1)}finally{this.__inBatch=!1}this.dirty=!0,this.ice&&(this.ice.dirty=!0),this.doLayout()}setState(t){const e=this.__beforeStateMerge(t);merge(this.state,t),this.paramsDirty=!0,this.dirty=!0,function setRecursively(t){if(t.dirty=!0,t.childNodes&&t.childNodes.length)for(let e=0;e<t.childNodes.length;e++)setRecursively(t.childNodes[e])}(this),this.ice&&(this.ice.dirty=!0),this.__afterStateMerge(e)}destory(){this.removeChildren(this.childNodes),super.destory()}}var w=ICEGroup;class ICEControlPanel extends w{constructor(t){super(_objectSpread2(_objectSpread2({},t),{},{linkable:!1})),_defineProperty(this,"isControlPanel",!0)}doRender(){super.doRender(),this.updateControlPositions()}moveGlobalPosition(t,e,i){super.moveGlobalPosition(t,e,i),this._targetComponent&&this._targetComponent.moveGlobalPosition(t,e,i)}}var P=class ICEEllipse extends b{constructor(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const e=_objectSpread2({radiusX:20,radiusY:10,rotation:0,startAngle:0,endAngle:2*Math.PI,counterclockwise:!0},t);void 0===t.radiusX&&void 0!==t.width&&(e.radiusX=Number(t.width)/2),void 0===t.radiusY&&void 0!==t.height&&(e.radiusY=Number(t.height)/2),e.width=2*e.radiusX,e.height=2*e.radiusY,super(e)}createPathObject(){return this.path2D=u.createPath2D(),this.path2D.ellipse(this.state.radiusX-this.state.localOrigin[0],this.state.radiusY-this.state.localOrigin[1],this.state.radiusX,this.state.radiusY,this.state.rotation,this.state.startAngle,this.state.endAngle,this.state.counterclockwise),this.path2D.closePath(),this.path2D}containsLocalPoint(t,e){const i=this.state.radiusX,s=this.state.radiusY;if(!i||!s)return!1;let n=t,o=e;const r=this.state.rotation||0;if(r){const i=Math.cos(r),s=Math.sin(r);n=t*i+e*s,o=-t*s+e*i}const a=n/i,h=o/s;return a*a+h*h<=1}setState(t){isNil(t.radiusX)?isNil(t.width)||(t.radiusX=t.width/2):t.width=2*t.radiusX,isNil(t.radiusY)?isNil(t.height)||(t.radiusY=t.height/2):t.height=2*t.radiusY,super.setState(t)}};var S=class ICECircle extends P{constructor(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const e=_objectSpread2({radius:10},t);void 0===t.radius&&void 0!==t.width?e.radius=Number(t.width)/2:void 0===t.radius&&void 0!==t.height&&(e.radius=Number(t.height)/2),e.radiusX=e.radius,e.radiusY=e.radius,super(e)}};class ICELinkHook extends S{constructor(){super(_objectSpread2({linkable:!1},arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}))}initEvents(){super.initEvents(),this.on("mousedown",this.mosueDownHandler,this),this.on("mousemove",this.mosueMoveHandler,this),this.on("mouseup",this.mosueUpHandler,this),this.on(t.AFTER_MOVE,this.resizeEvtHandler,this)}keyboardEvtHandler(t){}mosueDownHandler(e){this.evtBus.trigger(t.HOOK_MOUSEDOWN,new g({target:this}))}mosueMoveHandler(e){this.evtBus.trigger(t.HOOK_MOUSEMOVE,new g({target:this}))}mosueUpHandler(e){this.evtBus.trigger(t.HOOK_MOUSEUP,new g({target:this}))}resizeEvtHandler(e){if(!this.parentNode)return;const i=this.props.position;this.parentNode.trigger(t.BEFORE_RESIZE,new g(e,{position:i})),this.parentNode.trigger(t.AFTER_RESIZE,new g(e,{position:i}))}}class LineControlPanel extends ICEControlPanel{constructor(t){super(_objectSpread2(_objectSpread2({},t),{},{zIndex:10001e3,linkable:!1,showMinBoundingBox:!1,showMaxBoundingBox:!1})),_defineProperty(this,"controlSize",16),this.initControls()}initControls(){const t=this.state.width,e=this.state.height,i=this.controlSize/2;this.startControl=new ICELinkHook({zIndex:10001001,display:!1,left:-i,top:-i,width:this.controlSize,height:this.controlSize,style:{strokeStyle:"#0c09d4",fillStyle:"#3ce92c",lineWidth:1},position:"start"}),this.addChild(this.startControl),this.endControl=new ICELinkHook({zIndex:10001002,display:!1,left:t-i,top:e-i,width:this.controlSize,height:this.controlSize,style:{strokeStyle:"#0c09d4",fillStyle:"#3ce92c",lineWidth:1},position:"end"}),this.addChild(this.endControl)}initEvents(){this.on(t.AFTER_RESIZE,this.resizeEvtHandler,this)}enable(){this.setState({display:!0}),this.resume(t.AFTER_RESIZE),this.showHooks()}disable(){this.setState({display:!1}),this.suspend(t.AFTER_RESIZE),this.hideHooks()}updateControlPositions(){}resizeEvtHandler(t){if(!this.targetComponent)return;const e=t.position;let i=t.movementX,s=t.movementY;const n=this.targetComponent.state,o=n.points.length;let r=n.points[0][0],a=n.points[0][1],h=n.points[o-1][0],l=n.points[o-1][1];const c=transformMat2d([],[i,s],invert([],this.targetComponent.calcAbsoluteLinearMatrix()));switch(i=c[0],s=c[1],e){case"start":r+=i,a+=s;break;case"end":h+=i,l+=s}this.targetComponent.setState({startPoint:[r,a],endPoint:[h,l]})}updatePosition(){if(!this.targetComponent)return;this.setState({left:0,top:-5,width:3,height:3,transform:{translate:[0,0],scale:[1,1],skew:[0,0],rotate:0}});const t=this.controlSize/2,e=this.targetComponent.state.points.length,i=this.targetComponent.state.points[0],s=this.targetComponent.state.points[e-1],n=[i[0],i[1]],o=[s[0],s[1]];this.startControl.setState({left:n[0]-t,top:n[1]-t}),this.endControl.setState({left:o[0]-t,top:o[1]-t})}set targetComponent(e){this._targetComponent&&this._targetComponent.off(t.AFTER_MOVE,this.updatePosition,this),this._targetComponent=e,this._targetComponent&&this._targetComponent.on(t.AFTER_MOVE,this.updatePosition,this),this._targetComponent&&this._targetComponent.once(t.BEFORE_REMOVE,()=>{this.targetComponent=null,this.disable()},this),this.updatePosition()}get targetComponent(){return this._targetComponent}showHooks(){this.startControl.setState({display:!0}),this.endControl.setState({display:!0})}hideHooks(){this.startControl.setState({display:!1}),this.endControl.setState({display:!1})}}class ResizeControl extends C{constructor(t){super(_objectSpread2(_objectSpread2({position:"l",direction:"x",quadrant:1},t),{},{linkable:!1}))}initEvents(){super.initEvents(),this.on(t.AFTER_MOVE,this.resizeEvtHandler,this)}resizeEvtHandler(e){if(!this.parentNode)return;const{quadrant:i}=e;let s=e.movementX,n=e.movementY;const o=this.parentNode.state;let r=o.left,a=o.top,h=o.width,l=o.height;const c=transformMat2d([],[s,n],invert([],this.parentNode.calcAbsoluteLinearMatrix()));switch(s=c[0],n=c[1],i){case 1:r-=s,a+=n,h+=2*s,l-=2*n;break;case 2:r+=s,a+=n,h-=2*s,l-=2*n;break;case 3:r+=s,a-=n,h-=2*s,l+=2*n;break;case 4:r-=s,a-=n,h+=2*s,l+=2*n;break;case 5:a+=n,l-=2*n;break;case 6:a-=n,l+=2*n;break;case 7:r+=s,h-=2*s;break;case 8:r-=s,h+=2*s}const d={top:a,left:r,width:Math.abs(h),height:Math.abs(l)};this.parentNode.trigger(t.BEFORE_RESIZE,new g(e,{quadrant:i})),this.parentNode.setState(d),this.parentNode.trigger(t.AFTER_RESIZE,new g(e,{quadrant:i}))}moveGlobalPosition(t,e){let i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:new g;const s=t>0?1:-1,n=e>0?1:-1,o=this.parentNode.state.localOrigin,r=transformMat2d([],[t,e],invert([],this.parentNode.calcAbsoluteLinearMatrix()));t=r[0],e=r[1];let{left:a,top:h}=this.state;const{quadrant:l}=this.state,c=this.state.width/2;let d=0;"x"===this.state.direction?(a+=t,0===round(a)&&(a=.5*s),d=a+c-o[0]>0?8:7):"y"===this.state.direction?(h+=e,0===round(h)&&(h=.5*n),d=h+c-o[1]>0?6:5):"xy"===this.state.direction&&(a+=t,h+=e,d=a+c-o[0]>0?h+c-o[1]>0?4:1:h+c-o[1]>0?3:2);l!==d&&this.parentNode.toggleControlQuadrant(this,l,d),this.setPosition(a,h,new g(i,{left:a,top:h,tx:t,ty:e,quadrant:d}))}}class RotateControl extends S{constructor(t){super(_objectSpread2(_objectSpread2({},t),{},{linkable:!1}))}initEvents(){super.initEvents(),this.on(t.AFTER_MOVE,this.rotateEvtHandler,this)}rotateEvtHandler(e){if(!this.parentNode)return;const i=this.parentNode.calcAbsoluteOrigin();let s=GeoUtil.calcRotateAngle(e.offsetX,e.offsetY,i[0],i[1])+90;e&&e.shiftKey&&(s=function snapAngle(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:15;return e>0&&isFinite(t)?Math.round(t/e)*e:t}(s));const n={transform:{rotate:s}};this.parentNode.trigger(t.BEFORE_ROTATE,new g(n)),this.parentNode.setState(n),this.parentNode.trigger(t.AFTER_ROTATE,new g(n))}}class TransformControlPanel extends ICEControlPanel{constructor(t){super(_objectSpread2(_objectSpread2({},t),{},{zIndex:10000001,linkable:!1,showMinBoundingBox:!1,showMaxBoundingBox:!1})),_defineProperty(this,"rotateControlSize",8),_defineProperty(this,"rotateControlOffsetY",60),_defineProperty(this,"resizeControlInstanceCache",[]),_defineProperty(this,"resizeControlSize",16),_defineProperty(this,"__onTargetRemoved",()=>{this.targetComponent=null,this.disable()}),this.initControls()}initControls(){const t=this.state.width,e=this.state.height,i=t/2,s=e/2,n=this.resizeControlSize/2,o=[{direction:"xy",quadrant:2,position:[-n,-n]},{direction:"y",quadrant:5,position:[i-n,-n]},{direction:"xy",quadrant:1,position:[t-n,-n]},{direction:"x",quadrant:8,position:[t-n,s-n]},{direction:"xy",quadrant:4,position:[t-n,e-n]},{direction:"y",quadrant:6,position:[i-n,e-n]},{direction:"xy",quadrant:3,position:[-n,e-n]},{direction:"x",quadrant:7,position:[-n,s-n]}];this.resizeControlInstanceCache=[];for(let t=0;t<o.length;t++){const e=o[t],i=new ResizeControl({zIndex:10000002,display:!1,left:e.position[0],top:e.position[1],width:this.resizeControlSize,height:this.resizeControlSize,style:{strokeStyle:"#8b0000",fillStyle:"#CC3300",lineWidth:1},direction:e.direction,quadrant:e.quadrant});this.addChild(i),this.resizeControlInstanceCache.push(i)}const r=this.state.width/2-this.rotateControlSize,a=-this.rotateControlOffsetY;this.rotateControlInstance=new RotateControl({zIndex:10000003,display:!1,left:r,top:a,radius:this.rotateControlSize,style:{strokeStyle:"#8b0000",fillStyle:"#CC3300",lineWidth:1}}),this.addChild(this.rotateControlInstance)}initEvents(){super.initEvents(),this.on(t.AFTER_RESIZE,this.resizeEvtHandler,this),this.on(t.AFTER_ROTATE,this.rotateEvtHandler,this),this.on("keydown",this.keyboardEvtHandler,this),this.on("keyup",this.keyboardEvtHandler,this)}enable(){this.rotateControlInstance.setState({display:!0});for(let t=0;t<this.resizeControlInstanceCache.length;t++){this.resizeControlInstanceCache[t].setState({display:!0})}this.setState({display:!0}),this.resume(t.AFTER_RESIZE),this.resume(t.AFTER_ROTATE),this.resume("keydown"),this.resume("keyup")}disable(){this.rotateControlInstance.setState({display:!1});for(let t=0;t<this.resizeControlInstanceCache.length;t++){this.resizeControlInstanceCache[t].setState({display:!1})}this.setState({display:!1}),this.suspend(t.AFTER_RESIZE),this.suspend(t.AFTER_ROTATE),this.suspend("keydown"),this.suspend("keyup")}keyboardEvtHandler(t){this.targetComponent&&this.targetComponent.trigger(t.type,t,{component:this.targetComponent})}rotateEvtHandler(e){if(!this.targetComponent)return;const{rotate:i}=this.state.transform;this.targetComponent.setGlobalRotate(i),this.targetComponent.trigger(t.AFTER_ROTATE),this.updatePanel()}resizeEvtHandler(e){if(!this.targetComponent)return;const{quadrant:i}=e;let s=e.movementX,n=e.movementY;const o=this.targetComponent.state;let r=o.left,a=o.top,h=o.width,l=o.height;const c=transformMat2d([],[s,n],invert([],this.targetComponent.calcAbsoluteLinearMatrix()));switch(s=c[0],n=c[1],i){case 1:r-=s,a+=n,h+=2*s,l-=2*n;break;case 2:r+=s,a+=n,h-=2*s,l-=2*n;break;case 3:r+=s,a-=n,h-=2*s,l+=2*n;break;case 4:r-=s,a-=n,h+=2*s,l+=2*n;break;case 5:a+=n,l-=2*n;break;case 6:a-=n,l+=2*n;break;case 7:r+=s,h-=2*s;break;case 8:r-=s,h+=2*s}if(e&&e.shiftKey){const t=function applyAspectLock(t,e,i,s){const n=Math.abs(i),o=Math.abs(s);if(!(t>0&&e>0))return{width:n,height:o};const r=Math.max(n/t,o/e);return{width:t*r,height:e*r}}(o.width,o.height,h,l),e=a+l/2;r=r+h/2-t.width/2,a=e-t.height/2,h=t.width,l=t.height}this.targetComponent.setState({left:r,top:a,width:Math.abs(h),height:Math.abs(l)}),this.targetComponent.trigger(t.AFTER_RESIZE),this.updatePanel()}updateControlPositions(){const t=this.state.width,e=this.state.height,i=t/2,s=e/2,n=this.resizeControlSize/2;for(let o=0;o<this.resizeControlInstanceCache.length;o++){const r=this.resizeControlInstanceCache[o];let a=[0,0];switch(r.state.quadrant){case 1:a=[t-n,-n];break;case 2:a=[-n,-n];break;case 3:a=[-n,e-n];break;case 4:a=[t-n,e-n];break;case 5:a=[i-n,-n];break;case 6:a=[i-n,e-n];break;case 7:a=[-n,s-n];break;case 8:a=[t-n,s-n]}r.setState({left:a[0],top:a[1]})}const o=this.state.width/2-this.rotateControlSize,r=-this.rotateControlOffsetY;this.rotateControlInstance.setState({left:o,top:r})}updatePanel(){if(!this.targetComponent)return;const t=this.targetComponent.getRotateAngle(!0),{left:e,top:i,width:s,height:n}=this.targetComponent.getLocalLeftTop(!0);this.setState({left:e,top:i,width:s,height:n,transform:{rotate:t}})}set targetComponent(e){const i=this._targetComponent;i&&(i.off(t.AFTER_MOVE,this.updatePanel,this),i.off(t.BEFORE_REMOVE,this.__onTargetRemoved,this)),this._targetComponent=e,e&&(e.on(t.AFTER_MOVE,this.updatePanel,this),e.on(t.BEFORE_REMOVE,this.__onTargetRemoved,this)),this.updatePanel()}get targetComponent(){return this._targetComponent}toggleControlQuadrant(t,e,i){for(let t=0;t<this.resizeControlInstanceCache.length;t++){const s=this.resizeControlInstanceCache[t];s.state.quadrant===i&&s.setState({quadrant:e})}t.setState({quadrant:i})}}var M=class ICEControlPanelManager{constructor(t){this.ice=t,this.transformControlPanel=new TransformControlPanel({left:500,top:100,width:100,height:100,style:{strokeStyle:"#8b0000",fillStyle:"rgba(255, 255, 49, 0.2)",lineWidth:1},transform:{rotate:45}}),this.ice.addTool(this.transformControlPanel),this.transformControlPanel.disable(),this.lineControlPanel=new LineControlPanel({left:700,top:50,width:100,height:100,style:{strokeStyle:"rgba(255, 255, 49, 0)",fillStyle:"rgba(255, 255, 49, 0)",lineWidth:1}}),this.ice.addTool(this.lineControlPanel),this.lineControlPanel.disable()}start(){return this.ice.evtBus.on("mousedown",this.mouseDownHandler,this),this}stop(){return this.ice.evtBus.off("mousedown",this.mouseDownHandler,this),this}mouseDownHandler(t){const e=t.target;if(!e.ice||!e.state.interactive||!e.state.transformable)return this.lineControlPanel.disable(),void this.transformControlPanel.disable();if(e&&(e.isControlPanel||e.parentNode&&e.parentNode.isControlPanel))return;const i=this.ice.setSelection([e]);this.lineControlPanel.disable(),this.transformControlPanel.disable(),i||(e.isLine?(this.lineControlPanel.targetComponent=e,this.lineControlPanel.enable()):(this.transformControlPanel.targetComponent=e,this.transformControlPanel.enable()))}};var B=class AlignmentGuideManager{constructor(t){_defineProperty(this,"options",{threshold:3,hysteresis:1,edge:!0,center:!0,spacing:!0,guideStyle:{fillStyle:"#EC4899"},guideZIndex:10000010,guideWidth:1}),_defineProperty(this,"enabled",!1),_defineProperty(this,"active",null),_defineProperty(this,"snapping",!1),_defineProperty(this,"intentLeft",0),_defineProperty(this,"intentTop",0),_defineProperty(this,"cachedTargets",[]),_defineProperty(this,"engagedX",!1),_defineProperty(this,"engagedY",!1),_defineProperty(this,"guideX",null),_defineProperty(this,"guideY",null),this.ice=t}enable(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return this.options=_objectSpread2(_objectSpread2({},this.options),t),this.enabled||(this.enabled=!0,this.ice.evtBus.on("mousedown",this.__onMouseDown,this),this.ice.evtBus.on("mouseup",this.__onMouseUp,this)),this}disable(){return this.enabled?(this.enabled=!1,this.ice.evtBus.off("mousedown",this.__onMouseDown,this),this.ice.evtBus.off("mouseup",this.__onMouseUp,this),this.__detach(),this):this}isEnabled(){return this.enabled}setOptions(t){return this.options=_objectSpread2(_objectSpread2({},this.options),t),this}__onMouseDown(t){const e=t&&t.target;this.__isAlignmentParticipant(e)&&(this.__detach(),this.active=e,this.intentLeft=e.state.left,this.intentTop=e.state.top,this.cachedTargets=this.__computeTargets(),this.engagedX=!1,this.engagedY=!1,this.__ensureGuides(),e.on("mousemove",this.__onDrag,this))}__onDrag(t){if(!this.active||this.snapping)return;const e=t&&"number"==typeof t.movementX?t.movementX:0,i=t&&"number"==typeof t.movementY?t.movementY:0,s=this.ice.viewport?this.ice.viewport.scale:1;this.intentLeft+=e/s,this.intentTop+=i/s,this.snapping=!0,this.active.setState({left:this.intentLeft,top:this.intentTop});const n=this.__boxOf(this.active);if(this.snapping=!1,!n)return;const o=this.options.threshold/s,r=(this.options.threshold+this.options.hysteresis)/s,a=function computeSnap(t,e,i,s,n){const o={x:null,y:null},consider=t=>{if(!t)return;const e=o[t.axis];(!e||Math.abs(t.delta)<Math.abs(e.delta))&&(o[t.axis]=t)};for(const i of e)n.edge&&(consider({axis:"x",type:"edge",delta:i.minX-t.minX,guideValue:i.minX,guideStart:Math.min(t.minY,i.minY),guideEnd:Math.max(t.maxY,i.maxY)}),consider({axis:"x",type:"edge",delta:i.maxX-t.minX,guideValue:i.maxX,guideStart:Math.min(t.minY,i.minY),guideEnd:Math.max(t.maxY,i.maxY)}),consider({axis:"x",type:"edge",delta:i.minX-t.maxX,guideValue:i.minX,guideStart:Math.min(t.minY,i.minY),guideEnd:Math.max(t.maxY,i.maxY)}),consider({axis:"x",type:"edge",delta:i.maxX-t.maxX,guideValue:i.maxX,guideStart:Math.min(t.minY,i.minY),guideEnd:Math.max(t.maxY,i.maxY)}),consider({axis:"y",type:"edge",delta:i.minY-t.minY,guideValue:i.minY,guideStart:Math.min(t.minX,i.minX),guideEnd:Math.max(t.maxX,i.maxX)}),consider({axis:"y",type:"edge",delta:i.maxY-t.minY,guideValue:i.maxY,guideStart:Math.min(t.minX,i.minX),guideEnd:Math.max(t.maxX,i.maxX)}),consider({axis:"y",type:"edge",delta:i.minY-t.maxY,guideValue:i.minY,guideStart:Math.min(t.minX,i.minX),guideEnd:Math.max(t.maxX,i.maxX)}),consider({axis:"y",type:"edge",delta:i.maxY-t.maxY,guideValue:i.maxY,guideStart:Math.min(t.minX,i.minX),guideEnd:Math.max(t.maxX,i.maxX)})),n.center&&(consider({axis:"x",type:"center",delta:i.centerX-t.centerX,guideValue:i.centerX,guideStart:Math.min(t.minY,i.minY),guideEnd:Math.max(t.maxY,i.maxY)}),consider({axis:"y",type:"center",delta:i.centerY-t.centerY,guideValue:i.centerY,guideStart:Math.min(t.minX,i.minX),guideEnd:Math.max(t.maxX,i.maxX)}));if(n.spacing)for(let i=0;i<e.length;i++)for(let s=i+1;s<e.length;s++){const n=e[i],o=e[s],r=Math.min(n.centerX,o.centerX),a=Math.max(n.centerX,o.centerX);if(t.centerX>r&&t.centerX<a){const e=(n.centerX+o.centerX)/2;consider({axis:"x",type:"spacing",delta:e-t.centerX,guideValue:e,guideStart:Math.min(t.minY,n.minY,o.minY),guideEnd:Math.max(t.maxY,n.maxY,o.maxY)})}const h=Math.min(n.centerY,o.centerY),l=Math.max(n.centerY,o.centerY);if(t.centerY>h&&t.centerY<l){const e=(n.centerY+o.centerY)/2;consider({axis:"y",type:"spacing",delta:e-t.centerY,guideValue:e,guideStart:Math.min(t.minX,n.minX,o.minX),guideEnd:Math.max(t.maxX,n.maxX,o.maxX)})}}return o.x=o.x&&Math.abs(o.x.delta)<=i?o.x:null,o.y=o.y&&Math.abs(o.y.delta)<=s?o.y:null,o}(n,this.cachedTargets,this.engagedX?r:o,this.engagedY?r:o,this.options);if(a.x||a.y){const t=this.intentLeft+(a.x?Math.round(a.x.delta):0),e=this.intentTop+(a.y?Math.round(a.y.delta):0);this.active.setState({left:t,top:e}),this.engagedX=!!a.x,this.engagedY=!!a.y,this.__updateGuides(a)}else this.engagedX=!1,this.engagedY=!1,this.__hideGuides()}__onMouseUp(){this.__detach()}__detach(){this.active&&this.active.off("mousemove",this.__onDrag,this),this.active=null,this.intentLeft=0,this.intentTop=0,this.cachedTargets=[],this.engagedX=!1,this.engagedY=!1,this.__hideGuides()}__boxOf(t){const e=t.getMaxBoundingBox(!0);if(!e)return null;const i=e.getMinAndMaxPoint();return function toBox(t,e,i,s){return{minX:t,minY:e,maxX:i,maxY:s,centerX:(t+i)/2,centerY:(e+s)/2}}(i.minX,i.minY,i.maxX,i.maxY)}__computeTargets(){const t=this.ice.childNodes,e=[];for(const i of t){if(i===this.active)continue;if(!this.__isAlignmentParticipant(i))continue;const t=this.__boxOf(i);t&&e.push(t)}return e}__isAlignmentParticipant(t){return!!(t&&t.state&&t.state.interactive&&t.state.draggable)&&(!t.isLine&&(!t.isControlPanel&&(!t.parentNode||!t.parentNode.isControlPanel)))}__ensureGuides(){const t=_objectSpread2({},this.options.guideStyle);this.guideX||(this.guideX=new C({left:0,top:0,width:1,height:1,display:!1,zIndex:this.options.guideZIndex,origin:"top-left",stroke:!1,style:t}),this.ice.addTool(this.guideX)),this.guideY||(this.guideY=new C({left:0,top:0,width:1,height:1,display:!1,zIndex:this.options.guideZIndex,origin:"top-left",stroke:!1,style:t}),this.ice.addTool(this.guideY))}__updateGuides(t){const e=this.options.guideWidth/(this.ice.viewport?this.ice.viewport.scale:1),[i,s]=this.ice.screenToWorld(0,0),[n,o]=this.ice.screenToWorld(this.ice.canvasWidth,this.ice.canvasHeight);t.x&&this.guideX?this.guideX.setState({display:!0,left:t.x.guideValue-e/2,top:s,width:e,height:o-s}):this.guideX&&this.guideX.setState({display:!1}),t.y&&this.guideY?this.guideY.setState({display:!0,left:i,top:t.y.guideValue-e/2,width:n-i,height:e}):this.guideY&&this.guideY.setState({display:!1})}__hideGuides(){this.guideX&&this.guideX.setState({display:!1}),this.guideY&&this.guideY.setState({display:!1})}};const T=[["pointerdown","ICE_POINTERDOWN"],["pointermove","ICE_POINTERMOVE"],["pointerup","ICE_POINTERUP"],["pointercancel","ICE_POINTERCANCEL"]],I=[["mousedown","ICE_MOUSEDOWN"],["mouseup","ICE_MOUSEUP"],["mousemove","ICE_MOUSEMOVE"],["click","ICE_CLICK"],["dblclick","ICE_DBCLICK"],["contextmenu","ICE_CONTEXTMENU"]],O=[["click","ICE_CLICK"],["dblclick","ICE_DBCLICK"],["contextmenu","ICE_CONTEXTMENU"]],R=[["touchstart","ICE_TOUCHSTART"],["touchmove","ICE_TOUCHMOVE"],["touchend","ICE_TOUCHEND"],["touchcancel","ICE_TOUCHCANCEL"]],k=[["wheel","ICE_WHEEL"]],D=[["keydown","ICE_KEYDOWN"],["keyup","ICE_KEYUP"]],A=["ICE_MOUSEMOVE","ICE_POINTERMOVE","ICE_TOUCHMOVE"];function buildDomEventList(t){const e=[];return t?e.push(...T,...O):e.push(...I,...R),e.push(...k,...D),e}function isTouchEvent(t){return!!t&&"string"==typeof t.type&&0===t.type.indexOf("touch")}function normalizeInput(t,e,i){const s=function resolveClientPoint(t){if(!t)return null;if(isTouchEvent(t)){const e=(t.touches&&t.touches.length?t.touches:t.changedTouches)||null,i=e&&e[0];return i&&"number"==typeof i.clientX?{clientX:i.clientX,clientY:i.clientY}:null}return"number"==typeof t.clientX&&"number"==typeof t.clientY?{clientX:t.clientX,clientY:t.clientY}:null}(t);if(!s)return null;const n=e&&"number"==typeof e.left?e.left:0,o=e&&"number"==typeof e.top?e.top:0,r=s.clientX-n,a=s.clientY-o;let h=Number(t.movementX),l=Number(t.movementY);isFinite(h)&&isFinite(l)||(i?(h=r-i.x,l=a-i.y):(h=0,l=0));const c=isTouchEvent(t);return{x:r,y:a,clientX:s.clientX,clientY:s.clientY,movementX:h,movementY:l,pointerType:t.pointerType||(c?"touch":"mouse"),pointerId:"number"==typeof t.pointerId?t.pointerId:-1,button:"number"==typeof t.button?t.button:0,buttons:"number"==typeof t.buttons?t.buttons:0,isPrimary:!1!==t.isPrimary,isTouch:c,shiftKey:!!t.shiftKey,ctrlKey:!!t.ctrlKey,altKey:!!t.altKey,metaKey:!!t.metaKey}}function applyNormalizedInput(t,e){t&&e&&(t.offsetX=e.x,t.offsetY=e.y,t.clientX=e.clientX,t.clientY=e.clientY,t.movementX=e.movementX,t.movementY=e.movementY,t.pointerType=e.pointerType,t.pointerId=e.pointerId,t.isTouchInput=e.isTouch,t.shiftKey=e.shiftKey,t.ctrlKey=e.ctrlKey,t.altKey=e.altKey,t.metaKey=e.metaKey)}function toLegacyMouseName(t){switch(t){case"pointerdown":case"touchstart":return"mousedown";case"pointermove":case"touchmove":return"mousemove";case"pointerup":case"touchend":case"pointercancel":case"touchcancel":return"mouseup";default:return null}}const N={sm:5,md:13,lg:26};function stylePaintPad(t){const e=t&&t.style||{};let i=2;const s=Number(e.lineWidth)||0,n=Number(t.lineBorderWidth)||0,o=Math.ceil(Math.max(s,n));o>0&&(i+=o);const r=Number(e.shadowBlur);return r>0?i+=r+Math.max(Math.abs(Number(e.shadowOffsetX)||0),Math.abs(Number(e.shadowOffsetY)||0)):"string"==typeof e.shadow&&N[e.shadow]&&(i+=N[e.shadow]),i}function boxArea(t){return function boxWidth(t){return t[2]-t[0]}(t)*function boxHeight(t){return t[3]-t[1]}(t)}function unionBoxes(t,e){return e[0]<t[0]&&(t[0]=e[0]),e[1]<t[1]&&(t[1]=e[1]),e[2]>t[2]&&(t[2]=e[2]),e[3]>t[3]&&(t[3]=e[3]),t}function intersects(t,e){return!(t[0]>e[2]||t[2]<e[0]||t[1]>e[3]||t[3]<e[1])}function isFiniteBox(t){return isFinite(t[0])&&isFinite(t[1])&&isFinite(t[2])&&isFinite(t[3])}function integerAlign(t){return t[0]=Math.floor(t[0]),t[1]=Math.floor(t[1]),t[2]=Math.ceil(t[2]),t[3]=Math.ceil(t[3]),t}function mergeBox(t,e){return[Math.min(t[0],e[0]),Math.min(t[1],e[1]),Math.max(t[2],e[2]),Math.max(t[3],e[3])]}function isWorthMerging(t,e){const i=boxArea(t)+boxArea(e);return i<=0||boxArea(mergeBox(t,e))<=2*i}function mapBoxToRender(t,e,i){const s=i||[0,0,0,0];return s[0]=Math.floor(t[0]*e.scale+e.tx),s[1]=Math.floor(t[1]*e.scale+e.ty),s[2]=Math.ceil(t[2]*e.scale+e.tx),s[3]=Math.ceil(t[3]*e.scale+e.ty),s}const F=/(rgba|hsla)\(|transparent|#[0-9a-fA-F]{8}|opacity/i;function isOpaqueDrawing(t){const e=t&&t.style||{};if(void 0!==e.globalAlpha&&1!==e.globalAlpha)return!1;if(e.globalCompositeOperation&&"source-over"!==e.globalCompositeOperation)return!1;if(e.shadow||(Number(e.shadowBlur)||0)>0)return!1;for(const t of["fillStyle","strokeStyle"]){const i=e[t];if("string"==typeof i&&F.test(i))return!1}return!0}var L=class DOMEventDispatcher{constructor(t){_defineProperty(this,"selectionCandidates",[]),_defineProperty(this,"_stopped",!1),_defineProperty(this,"__lastInput",null),_defineProperty(this,"focusedComponent",null),this.ice=t}start(){let t=null;const e=buildDomEventList("function"==typeof u.PointerEvent);for(let i=0;i<e.length;i++){const s=e[i],n=s[0],o=s[1],r=toLegacyMouseName(n);this.ice.evtBus.on(o,e=>{if(this._stopped)return;const i=e.originalEvent||e;this.__handlePointerCapture(o,i);const s=normalizeInput(i,this.__resolveCanvasRect(n),this.__lastInput);s&&(applyNormalizedInput(e,s),this.__lastInput=s);const a=-1!==A.indexOf(o),h=-1!==o.indexOf("KEY"),l="ICE_WHEEL"===o;
 //! 移动类事件触发频率极高，不执行 findTargetComponent()；
 //! 键盘事件必须先选中组件再派发才有意义，同样不做命中检测。
-a||h||l||(t=this.findTargetComponent(e));let c=t;l?c=null:h&&this.focusedComponent&&(c=this.focusedComponent),this.__dispatch(n,e,c),r&&r!==n&&this.__dispatch(r,e,c)})}return this}__handlePointerCapture(t,e){const i=this.ice.canvasEl;if(!i||"function"!=typeof i.setPointerCapture)return;const s=e&&e.pointerId;if("number"==typeof s)try{if("ICE_POINTERDOWN"===t){const t=e&&e.target;if(t&&t!==i&&(!i.contains||!i.contains(t)))return;i.setPointerCapture(s)}else"ICE_POINTERUP"!==t&&"ICE_POINTERCANCEL"!==t||"function"==typeof i.releasePointerCapture&&i.hasPointerCapture&&i.hasPointerCapture(s)&&i.releasePointerCapture(s)}catch(t){}}__dispatch(t,e,i){i&&(e.target=i,i.trigger(t,e)),this.ice.evtBus.trigger(t,e,{component:i})}__resolveCanvasRect(t){const e="pointermove"===t||"mousemove"===t||"touchmove"===t,i=this.ice;return!e&&i&&"function"==typeof i.updateCanvasBoundingRect&&i.updateCanvasBoundingRect(),i&&"function"==typeof i.getInputRect?i.getInputRect():i&&i.canvasBoundingClientRect||null}set stopped(t){this._stopped=t}get stopped(){return this._stopped}findTargetComponent(t){if(this._stopped)return null;const{offsetX:e,offsetY:i}=t;if("number"!=typeof e||"number"!=typeof i)return null;const[s,n]=this.ice.screenToWorld(e,i);return hitTestComponents(this.ice,s,n,1)}};const X={evtBuses:[],__handlers:null,__hasPointerEvent:!1,start:function(){if(!u||!u.addEventListener||X.__handlers)return;const t="function"==typeof u.PointerEvent;X.__hasPointerEvent=t;const e=buildDomEventList(t),i=[];for(let t=0;t<e.length;t++){const s=e[t],handler=t=>{for(let e=0;e<X.evtBuses.length;e++)X.evtBuses[e].trigger(s[1],t)},n="wheel"===s[0]||"touchmove"===s[0]?{passive:!1}:void 0;n&&"function"==typeof u.addEventListener?u.addEventListener(s[0],handler,n):u.addEventListener(s[0],handler),i.push({name:s[0],handler:handler})}X.__handlers=i},stop:function(){if(X.__handlers&&u&&u.removeEventListener)for(let t=0;t<X.__handlers.length;t++){const e=X.__handlers[t];u.removeEventListener(e.name,e.handler)}X.__handlers=null},registerEvtBus:function(t){X.evtBuses.includes(t)||X.evtBuses.push(t)},delEvtBus:function(t){X.evtBuses.includes(t)&&(X.evtBuses.splice(X.evtBuses.indexOf(t),1),0===X.evtBuses.length&&X.stop())}};var V=X;var z=class EventBus extends m{constructor(){super()}};class GeoLine{constructor(t,e){this.startPoint=t,this.endPoint=e}contains(t,e){const i=Math.hypot(this.endPoint.x-this.startPoint.x,this.endPoint.y-this.startPoint.y),s=Math.hypot(t-this.startPoint.x,e-this.startPoint.y),n=Math.hypot(t-this.endPoint.x,e-this.endPoint.y);return s+n>=i-3&&s+n<=i+3}}class GeoPoint{constructor(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;this.x=t,this.y=e}static load(t){return new GeoPoint(Number(t.x),Number(t.y))}static cloneArray(t){const e=[];for(let i=0;i<t.length;i++)e.push(t[i].clone());return e}equals(t){return this.x==t.x&&this.y==t.y}clone(){return new GeoPoint(this.x,this.y)}}class ICEDotPath extends b{constructor(t){super(_objectSpread2({dots:[],closePath:!0},t)),_defineProperty(this,"__dotsShiftX",0),_defineProperty(this,"__dotsShiftY",0)}calcComponentParams(){if(!this.paramsDirty)return{width:this.state.width,height:this.state.height};this.calcDots();const t=this.calc4VertexPoints(),e=Math.abs(t[1][0]-t[0][0]),i=Math.abs(t[2][1]-t[0][1]);return this.state.width=e,this.state.height=i,{width:this.state.width,height:this.state.height}}containsLocalPoint(t,e){const i=this.state.dots;return!i||i.length<3?super.containsLocalPoint(t,e):GeoUtil.pointInPolygon(t,e,i)}calcLocalOrigin(){const t=super.calcLocalOrigin(),e=-t[0]-this.__dotsShiftX,i=-t[1]-this.__dotsShiftY;if(0!==e||0!==i){const s=[1,0,0,1,e,i];for(let t=0;t<this.state.dots.length;t++)this.state.dots[t]=transformMat2d([],this.state.dots[t],s);this.__dotsShiftX=-t[0],this.__dotsShiftY=-t[1]}return t}createPathObject(){this.ensureDots(),this.path2D=u.createPath2D(),this.path2D.moveTo(this.state.dots[0][0],this.state.dots[0][1]);for(let t=1;t<this.state.dots.length;t++){const e=this.state.dots[t];this.path2D.lineTo(e[0],e[1])}return this.path2D}calcDots(){return this.__dotsShiftX=0,this.__dotsShiftY=0,this.__calcDots()}__calcDots(){return this.state.dots=[],this.state.dots}ensureDots(){this.state.dots&&0!==this.state.dots.length||this.calcDots()}calc4VertexPoints(){this.ensureDots();let t=this.state.dots[0][0],e=this.state.dots[0][1],i=this.state.dots[0][0],s=this.state.dots[0][1];for(let n=1;n<this.state.dots.length;n++){const o=this.state.dots[n];o[0]<t&&(t=o[0]),o[0]>i&&(i=o[0]),o[1]<e&&(e=o[1]),o[1]>s&&(s=o[1])}return[[t,e],[i,e],[t,s],[i,s]]}getTransformedDots(){const t=this.state.composedMatrix,e=this.state.dots,i=[];for(let s=0;s<e.length;s++){const n=transformMat2d([],e[s],t);i.push(n)}return i}}var Y=class ICEImage extends v{constructor(){super(_objectSpread2({width:100,height:100,src:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALkAAAC2CAYAAACF+yyJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAtoSURBVHhe7Z3tj15FHYb9VxUVo7zFUBWC8YXoF9++GENMRAWRKAkxGj8pihpjFBVF1CBlKaUU+wK0pYVqt12fn+6xs7PXnDPzO3O2Z+a5r+T6ss995nm2vXf3vM68570vXNuTsmdVctm9KrnsXpVcdq9KLrtXJZfdq5LL7lXJZfeq5LJ7VXLZvSq57F6VXHavSi67VyWX3auSy+5VyWX3quSye1Vy2b0quexelVx2r0ouu1cll92rksvuVcll96rksntVctm9KrnsXpVcdq9KLrtXJZfdq5LL7lXJZfeq5LJ7VfIjcIy7j/M2sp4q+YKWQNvLOqrkC+nhodO7OJacp0q+gHO4/2UVvbYqeWXH+O2lG3sf29nd++Eb1/e/wtC40q9KXtGfX+Dy3v4PzpspKCt9quQVJSgXS1BO+lTJK0pQLvab/zz8F+CjL3FWlquSV/KBE7v79bwJ5VISlJPlquSV/AXsj1MuJUE5Wa5KXsmfvKWSr1WVvJJ2BiWGciljLm/2figny1XJK0pQLvbS4d15zEmfKnlFicfPXsdsKEE56VMlr+hdx7mwqV2P75/ji0dvboahvPSpkle2BjSu9KuSL+AcaDw5T5V8IT3QOHK+KvmCni/oOm0v66iSO/zz5Rv71cwr56Nn+ADzmUs3MB8bQq/LcVVyhzHvg0wsQbnYmCfPTZ+SlAdVyQv92mm4crPhzokHkgnKhaagrEyrkjtM8eAr6UfXCMoNpqCsHFcld5rC7g3PzVPOTPHZkR8imbbpkqeg7BKm+NXFw0Un4swH4CavgTuOaH6Wd/gYGbOt2GTJc8k5IJxrileuHjxzQoSv37uTHutWfh8x9zU4m0BTJd959+apu1z+tdmExgoN+euVvNN6oSnCe1aI4bUvneKDWWPI5PrhFw++F2VC6dG7HGistdpMyc/9u7zgA/bfSGMOxlBmyhT2qVOv29efSNykZYTj5xrz2Jn0KcdvOQs+QGOu0SZKbn+u5/LAyJ/ZGO/uQSnPvp3+waXxc4x57nL6L9Ncnh0Ze002UfIUlDVTUNYkKJdjDWjcHD938vBuD+XMFJQ1U1B2ba6+5HZWgaBsKPFwhdN7Oc6BxsuVoJxJUC6UuJi4V35Nrr7kBOVIYk6uRA80TonEnBxJUG5NquQbbZLNGMqVWgJtX2rMcNA7lTMoR9JRBOXWZHMlt4d+KUc+VTBNRIydzaFcqTnQdqXeVjBbAEE5ki5YUW5NNlfy+CLLmN876y+5QTmPYyc/Ke+RoJxJUC5lDGXWpHZX9iUo55WgnFeCciZBOfL5K4d/ZCm3JlXyfR+BBxso55WgnFeCciZBOZKg3Jpcfcl/nJiwnrKhqWt5x3byLwr98kK9BxQIynmNscn+KWemoGxo6uIVZdfk6ktupqCseW1sJ3gf2o6gnEeCch4vwPCUy4G2M/8OuykGZddmEyW3ZUjG+PSJ3f9etr+eUe6Y8H2I8PU5EpTzSISv0370FF8+tbv38c1fA/oBCgnfZ602UXJzSexGJXsPe7A4Jv4cXgnKeSTs6zXu+Rkj/hxrtZmSm15yt6Xc11+vc/80QTmPMXb7Qg60bS7xZ1izTZXcLLmn/Orm/zrc1vubLRzDK0G5Un9zsXxXxB7GDsewSUlLCLdtweZKPjh2f/m7Ublj/zhyiytBY5RKUK7UEuy7pjEGfwZXiENomxZstuQ1zIW2LfE1ezwpAeVLzIW23Ra3uuSDOdB2U9rzkDn8yfnwQQ73ahU5/SYv4Y3NJjQO6eGDI4vahqYmOBpjm5dM3KqSp66elnL3yPQQNaBxB2twttIdlq3YfcmXJHyfF96ZPpgdzvb84HzeD1s4/pJ8pvNJi7or+e8Lz5wQdrXPxqIFaGNy/zbEn9PM4W8ZVyvte7bxPhRNR+Hh7YL79Vuxq5J7ic+nx6ZmlcqBxoudA403+LuJ2yHGoPFadWtL/qnNb2kaY8wShlsFch2bIo6gMcYsvRBmD5zQOC26NSWvdbD1/oky2k1itF2uT8Py5SHfrVS+qYNw2qZVuyq5FSDkngVPmxGU80pQrpYhdqsyZVq1uwPPo5KgnFeCcnJaldwpQTmvBOXktCq5U4JyXgnKyWlVcqcE5bwSlJPTquROCcp5JSgnp1XJnRKU80pQTk6rkjslKOeVoJycViV3SlDOK0E5Oa1K7pSgnFeCcnJaldwpQTmvBOXktF2VPL6sP/Zww1wJynklKFfLkKm7Mluzq5KPUesGram7Be3mVtou119PTDGhG7TK3ZqSx3xy4VttHx1ZWpC05ztLoDHG1K22nehl6mkYPTTRtt0deP6hwuNvX3z1f7/l7bf9FLmTjMaf08zBVoiewiZLsvFqPP4WriLdi92VPPQoJ7zMeZB5WAJdDzIfrV2XPLbWlBR3aUqKptyqkseWcqagHB40udAybnXJB3Og7ab8ROY0cXaASNtPmXM4oGni9Js8C9q2xFOa8POW2mzJbdchhZ3yo20GS8/A0BilEpQrtQT7rmmMQVsIbAzapgWbK/lLmoT/gJ5J+L/62sGzKY/B8o5jhNu2YFMl95K7LeVaXE7lG6/nlZa2zSX+DGu2mZIvyTDbFV0hjD+HV4JyHgn7+lFeJ1izTZQ8Z4lDuzqpJQ5vEr6ec9U05guv7u7d//Lu3lsTPyfh+6zVJkqegrLmyDHp/6HtCMp5JCjn8SgWq039oFB2ba6+5LWXHS9ZjrvlZceP7XDOTEHZ0NRZKcquydWXnKAcSVDOfATOMFDOK0E5rwTlTIJyJEG5NamS70tQzitBOa8E5UyCcuRzlw//Nqfcmmyu5Ceu5l8Ctxv/YyhnEpTzOHZCj/IeCcqZBOVSxlBmTTZX8pLlPmjxVcqZMbYYLuVKzYG2K5XmTaecSVCOLHmftajdlY12qiyGcqWWQNuXGmM7Fjk5g3IkHXpSbk2q5AW5Ej3QOCUSc3IkQbk1ufqS33Hc9w9LfDuxjg9BuVznQOPlSlDOJCgXStg5esquydWX3ExBWTMFZU2CcjnWgMbN8fMn83e7UlDWTEHZtdlEyUtXRiPGpqCIsXs+KDdlKc+PXG6n8XOMsVN+lDPnYldBady12UTJTVvX3kvqAGwwhjJTphjem7CvP3EufYIxHD/XmO+MzP9iN6bNgcZco82U3Bx7wibF1AMUZshfRn7zpUxxJXhvYnjtK6fSj8kNmVzvjI5hKBP6sLPoNNZabarkg7l4dztKTHEyumhFhK8f20kX/VZ+HzH23Cptv2abLPlgCsouYQqbzzAnG2duHzn2+MiLB7NLaWt4Ekfxg7aUTZf8VpoitQ9MUM5M4VkqXarkLlM8ODITFUG5wRSUleOq5IWmJvaxAz7KDxKUC01BWZlWJXcYcxtkYgnKxcY8ea7egxzbokruMLynml6PtbnKiWcyZ84KodfluCr5gp5P73EcgraXdVTJF9IDjSPnq5Iv4BxoPDlPlbyyNaBxpV+VvKK2pCJxaZeL+zg8g2q8uRmG8tKnSl5RImdJQoJy0qdKXlGCcrEX4foS5aRPlbySdHMV5VLGlMxKIMdVySv504LpL0iCcrJclbyStEoD5VISlJPlquSVpIVtKZeSoJwsVyWvKEG5WHrWcpuXJKytSl5RgnKxBOWkT5W8ok8nVk+zNe8pb6agrPSpkld2DLu11hYB+NHE8uc0rvSrki/gHO5r8Gn4tauSL6SHh06r4Euoki9oCbS9rKNKfgSOcY9OFS6uSi67VyWX3auSy+5VyWX3quSye1Vy2b0quexelVx2r0ouu1cll92rksvuVcll96rksntVctm9KrnsXpVcdq9KLrtXJZfdq5LL7lXJZfeq5LJ7VXLZvSq57F6VXHavSi67VyWX3auSy+5VyWX3quSye1Vy2b0quezca3v/AeMnvtkH1pHJAAAAAElFTkSuQmCC",clipType:"none",sx:0,sy:0,sw:0,sh:0},arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}))}doRender(){if(this.state.src){const{loaded:t,image:e}=this.ice.imageCache.setImage(this.state.src);if(t){const t=this.ctx,i=this.state.clipType||"none",s=0-this.state.localOrigin[0],n=0-this.state.localOrigin[1],{sx:o,sy:r,sw:a,sh:h}=this.state,l=a>0&&h>0;"circle"===i&&(t.save(),t.beginPath(),t.arc(0,0,Math.min(this.state.width,this.state.height)/2,0,2*Math.PI),t.closePath(),t.clip()),l?t.drawImage(e,o,r,a,h,s,n,this.state.width,this.state.height):t.drawImage(e,s,n,this.state.width,this.state.height),"circle"===i&&t.restore()}}super.doRender()}};class ICEPolyLine extends ICEDotPath{constructor(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};super(ICEPolyLine.arrangeParam(t)),_defineProperty(this,"isLine",!0),_defineProperty(this,"__polyBoxScratch",[0,0,0,0]),_defineProperty(this,"__arrowFaceIndexes",[])}containsLocalPoint(t,e){const i=this.state.dots;if(!i||i.length<2)return super.containsLocalPoint(t,e);const s=Math.max(4,(this.state.lineWidth||1)/2+3);return GeoUtil.distanceToPolyline(i,t,e)<=s}static arrangeParam(t){let e=merge({},{lineType:"solid",lineWidth:1,arrow:"none",arrowLength:15,arrowAngel:toRadian(30),arrowStyle:"filled",points:[],showMinBoundingBox:!1,showMaxBoundingBox:!1,links:{},routeType:"straight",routeOffset:20,curveType:"straight",label:"",labelStyle:{fontSize:14,fillStyle:"#000000",backgroundColor:"#ffffff"},style:{lineJoin:"round"}},t,{linkable:!1,closePath:!1,fill:!1});const i=e.points.length;return i<2&&(0===i?(e.points.push([0,0]),e.points.push([10,10])):1===i&&e.points.push([10,10])),"dashed"!==e.lineType||e.lineDash&&0!==e.lineDash.length||(e.lineDash=[4*e.lineWidth,4*e.lineWidth]),e=_objectSpread2(_objectSpread2({},e),{left:e.points[0][0],top:e.points[0][1],transform:{translate:[0,0],scale:[1,1],skew:[0,0],rotate:0}}),e.style.lineWidth<1&&(e.style.lineWidth=1),e}initEvents(){super.initEvents(),this.once(t.AFTER_ADD,this.afterAddHandler,this)}afterAddHandler(e){this.evtBus.once(t.ROUND_FINISH,this.syncConnections,this)}syncConnections(){if(!this.ice)return;this.removeLink("start"),this.removeLink("end");const t=this.state.links;t&&(t.start&&t.start.id&&t.start.position&&this.createLink(t.start.id,t.start.position),t.end&&t.end.id&&t.end.position&&this.createLink(t.end.id,t.end.position)),this.paramsDirty=!0,this.dirty=!0,this.ice.dirty=!0}createLink(e,i){const s=this.ice.findComponent(e);s&&s.on(t.AFTER_MOVE,this.followComponent,this),s&&s.on(t.AFTER_RESIZE,this.followComponent,this),s&&s.on(t.AFTER_ROTATE,this.followComponent,this),s&&this.followComponent(),this.state.draggable=!1}removeLink(e,i,s){if(!this.state.links||!this.state.links[e])return;const n=this.state.links[e].id,o=this.state.links[e].position;if(i||(i=n),s||(s=o),n===i&&o===s){const e=this.ice.findComponent(n);e&&e.off(t.AFTER_MOVE,this.followComponent,this),e&&e.off(t.AFTER_RESIZE,this.followComponent,this),e&&e.off(t.AFTER_ROTATE,this.followComponent,this)}let r=!0;this.state.links.start&&this.state.links.start.id&&(r=!1),this.state.links.end&&this.state.links.end.id&&(r=!1),this.state.draggable=r}getLinkFromId(){return this.state.links.start.id}getLinkToId(){return this.state.links.end.id}followComponent(t){for(const t in this.state.links){if(!this.state.links[t]||!this.state.links[t].id||!this.state.links[t].position)continue;const e=this.state.links[t].id,i=this.state.links[t].position,s=this.ice.findComponent(e);if(!s)continue;const n=s.getMinBoundingBox(!0);let o=[0,0];switch(i){case"T":o=n.tc;break;case"R":o=n.rc;break;case"B":o=n.bc;break;case"L":o=n.lc;break;case"C":o=n.center}switch(t){case"start":this.setState({startPoint:[...o]});break;case"end":this.setState({endPoint:[...o]})}}}calcLocalOrigin(){const t=[0,0];return this.state.localOrigin=t,t}__calcDots(){const t=this.state.left,e=this.state.top;this.state.dots=[];for(let i=0;i<this.state.points.length;i++){const s=this.state.points[i],n=s[0]-t,o=s[1]-e;this.state.dots.push([n,o])}return this.calcArrowPoints(),this.state.dots}calcArrowPoints(){if(this.__arrowFaceIndexes.length=0,"start"===this.state.arrow||"both"===this.state.arrow){const t=[...this.state.dots[0]];let e=[[...this.state.dots[0]],[...this.state.dots[1]]];e=this.doCalcArrowPoints(e),this.state.dots.unshift(...e),this.state.dots.unshift([...t]),this.__arrowFaceIndexes.push(0)}if("end"===this.state.arrow||"both"===this.state.arrow){const t=this.state.dots.length,e=[...this.state.dots[t-1]];let i=[[...this.state.dots[t-1]],[...this.state.dots[t-2]]];i=this.doCalcArrowPoints(i),this.state.dots.push(...i),this.state.dots.push([...e]),this.__arrowFaceIndexes.push(this.state.dots.length-4)}}doCalcArrowPoints(t){const e=t[0],i=t[1];i[0]=i[0]-e[0],i[1]=i[1]-e[1];const s=Math.hypot(i[0],i[1]);if(0===s)return[[e[0],e[1]],[e[0],e[1]]];const n=i[0]/s,o=i[1]/s,r=Math.cos(this.state.arrowAngel),a=Math.sin(this.state.arrowAngel);let h=this.state.arrowLength*(n*r-o*a),l=this.state.arrowLength*(o*r+n*a),c=this.state.arrowLength*(n*r+o*a),d=this.state.arrowLength*(o*r-n*a);return h+=e[0],l+=e[1],c+=e[0],d+=e[1],[[h,l],[c,d]]}addDot(t,e){this.state.points.splice(e,0,t),this.state.dots.splice(e,0,[t[0],t[1]])}rmDot(t){return!(this.state.points.length<3)&&(this.state.points.splice(t,1),this.state.dots.splice(t,1),!0)}calcComponentParams(){if(!this.paramsDirty)return{width:this.state.width,height:this.state.height};this.calcDots();const t=this.calc4VertexPoints();let e=1/0,i=1/0,s=-1/0,n=-1/0;for(let o=0;o<t.length;o++){const r=t[o];r[0]<e&&(e=r[0]),r[0]>s&&(s=r[0]),r[1]<i&&(i=r[1]),r[1]>n&&(n=r[1])}return this.state.width=Math.abs(s-e),this.state.height=Math.abs(n-i),{width:this.state.width,height:this.state.height}}isDotsOnSameLine(){const t=this.state.points.length,e=round(this.state.points[0][0],2),i=round(this.state.points[0][1],2);let s=0;const n=[round(this.state.points[t-1][0],2)-e,round(this.state.points[t-1][1],2)-i];for(let o=0;o<t;o++){const t=this.state.points[o];0===cross([],n,[t[0]-e,t[1]-i])[2]&&s++}return s===t}calc4VertexPoints(){return this.isDotsOnSameLine()?this.splitEndpointsTo4Points():super.calc4VertexPoints()}splitEndpointsTo4Points(){const t=this.state.points.length,e=this.state.points[t-1][0]-this.state.points[0][0],i=this.state.points[t-1][1]-this.state.points[0][1],s=this.getRotateAngle(),n=this.state.style.lineWidth||1;let o=Math.cos(s*Math.PI/180)*n/2,r=Math.sin(s*Math.PI/180)*n/2;o=round(o,3),r=round(r,3);return[[0+o,0+r],[0-o,0-r],[e+o,i+r],[e-o,i-r]]}__localBox(){const t=this.__polyBoxScratch;this.ensureDots();const e=this.state.dots;if(!e||0===e.length)return t[0]=0,t[1]=0,t[2]=0,t[3]=0,t;const i=this.calc4VertexPoints();let s=1/0,n=1/0,o=-1/0,r=-1/0;for(let t=0;t<i.length;t++){const e=i[t];e[0]<s&&(s=e[0]),e[0]>o&&(o=e[0]),e[1]<n&&(n=e[1]),e[1]>r&&(r=e[1])}const a=this.__arrowFaceIndexes;for(let t=0;t<a.length;t++){const i=a[t];for(let t=0;t<3;t++){const a=e[i+t];a&&(a[0]<s&&(s=a[0]),a[0]>o&&(o=a[0]),a[1]<n&&(n=a[1]),a[1]>r&&(r=a[1]))}}const h=this.__measureLabelBoxForBounds();return h&&(h.x-h.halfW<s&&(s=h.x-h.halfW),h.x+h.halfW>o&&(o=h.x+h.halfW),h.y-h.halfH<n&&(n=h.y-h.halfH),h.y+h.halfH>r&&(r=h.y+h.halfH)),t[0]=s,t[1]=n,t[2]=o,t[3]=r,t}setState(t){if(isNil(t.width)||delete t.width,isNil(t.height)||delete t.height,isNil(t.transform)||delete t.transform,!isNil(t.left)){const e=t.left-this.state.points[0][0];for(let t=0;t<this.state.points.length;t++)this.state.points[t][0]+=e}if(!isNil(t.top)){const e=t.top-this.state.points[0][1];for(let t=0;t<this.state.points.length;t++)this.state.points[t][1]+=e}if(isNil(t.startPoint)||(this.state.points[0]=[...t.startPoint],this.state.left=this.state.points[0][0],this.state.top=this.state.points[0][1]),!isNil(t.endPoint)){const e=this.state.points.length;this.state.points[e-1]=[...t.endPoint]}isNil(t.startPoint)&&isNil(t.endPoint)||this.recalculateRoute(),isNil(t.links)||(merge(this.state.links,t.links),this.syncConnections()),super.setState(t)}static dirVector(t){switch(t){case"T":return[0,-1];case"B":return[0,1];case"L":return[-1,0];case"R":return[1,0];default:return[0,0]}}recalculateRoute(){if("orthogonal"!==this.state.routeType)return;const t=this.state.points[0],e=this.state.points[this.state.points.length-1],i=this.state.routeOffset||20,s=ICEPolyLine.dirVector(this.state.links&&this.state.links.start&&this.state.links.start.position),n=ICEPolyLine.dirVector(this.state.links&&this.state.links.end&&this.state.links.end.position),o=[t[0]+s[0]*i,t[1]+s[1]*i],r=[e[0]+n[0]*i,e[1]+n[1]*i],a=[t];0===s[0]&&0===s[1]||a.push(o),o[0]!==r[0]&&o[1]!==r[1]&&a.push([r[0],o[1]]),0===n[0]&&0===n[1]||a.push(r),a.push(e),this.state.points=a,this.paramsDirty=!0,this.dirty=!0}createPathObject(){this.ensureDots();const t=this.state.curveType||"straight",e=this.state.dots;if(this.path2D=u.createPath2D(),!e||0===e.length)return this.path2D;if(this.path2D.moveTo(e[0][0],e[0][1]),"quadratic"===t&&e.length>=3)this.path2D.quadraticCurveTo(e[1][0],e[1][1],e[2][0],e[2][1]);else if("cubic"===t&&e.length>=4)this.path2D.bezierCurveTo(e[1][0],e[1][1],e[2][0],e[2][1],e[3][0],e[3][1]);else for(let t=1;t<e.length;t++)this.path2D.lineTo(e[t][0],e[t][1]);return this.path2D}doRender(){const t=this.__arrowFaceIndexes.length>0&&"hollow"!==this.state.arrowStyle&&!1!==this.state.stroke,e=t?this.ctx.strokeStyle:null;super.doRender(),this.applyActiveTransform(),t&&this.drawArrowFills(e),this.drawLabel()}drawArrowFills(t){const e=this.__arrowFaceIndexes,i=this.state.dots;if(!i||0===e.length)return;const s=this.ctx;s.save(),s.beginPath();for(let t=0;t<e.length;t++){const n=e[t],o=i[n],r=i[n+1],a=i[n+2];o&&r&&a&&(s.moveTo(o[0],o[1]),s.lineTo(r[0],r[1]),s.lineTo(a[0],a[1]),s.closePath())}s.fillStyle=t||this.state.style.strokeStyle||"#000000",s.fill(),s.restore()}__labelMetrics(){const t=this.state.label;if(!t)return null;const e=(this.state.labelStyle||{}).fontSize||14,i=this.getLabelPosition();let s=0;const n=this.ctx;return n&&"function"==typeof n.measureText?(n.font="".concat(e,"px Arial"),s=n.measureText(t).width):s=t.length*e,{x:i[0],y:i[1],halfW:s/2+4,halfH:e/2+4}}__measureLabelBoxForBounds(){const t=this.ctx,e=!!t&&"font"in t,i=e?t.font:void 0,s=this.__labelMetrics();return e&&(t.font=i),s}drawLabel(){const t=this.state.label;if(!t)return;const e=this.ctx,i=this.state.labelStyle||{};e.save();const s=this.__labelMetrics();s?(e.textAlign="center",e.textBaseline="middle",e.fillStyle=i.backgroundColor||"#ffffff",e.fillRect(s.x-s.halfW,s.y-s.halfH,2*s.halfW,2*s.halfH),e.fillStyle=i.fillStyle||"#000000",e.fillText(t,s.x,s.y),e.restore()):e.restore()}getLabelPosition(){const t=this.state.points,e=t.length,i=this.state.left,s=this.state.top;if(0===e)return[0,0];if(1===e)return[t[0][0]-i,t[0][1]-s];let n,o;if(2===e)n=(t[0][0]+t[1][0])/2,o=(t[0][1]+t[1][1])/2;else{const i=t[Math.floor(e/2)];n=i[0],o=i[1]}return[n-i,o-s]}getRotateAngle(){if(this.isDotsOnSameLine()){const t=0,e=0,i=this.state.points.length,s=this.state.points[i-1][0]-this.state.points[0][0],n=this.state.points[i-1][1]-this.state.points[0][1];let o=GeoUtil.calcRotateAngle(s,n,t,e);return o+=90,o}return super.getRotateAngle()}containsPoint(t,e){const i=this.getLines();for(let s=0;s<i.length;s++){const n=i[s],o=n.o[0],r=n.o[1],a=n.d[0],h=n.d[1],l=Math.hypot(a-o,h-r),c=Math.hypot(o-t,r-e),d=Math.hypot(a-t,h-e);if(c+d>=l-3&&c+d<=l+3)return!0}return!1}getLines(){const t=[],e=this.getTransformedDots();if(!e||e.length<2)return t;for(let i=0;i<e.length-1;i++){const s={o:[e[i][0],e[i][1]],d:[e[i+1][0],e[i+1][1]]};t.push(s)}return t}destory(){this.evtBus&&this.evtBus.off(t.ROUND_FINISH,this.syncConnections,this),this.removeLink("start"),this.removeLink("end"),super.destory()}}var H=ICEPolyLine;class ICEBezier extends H{constructor(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};t=ICEBezier.arrangeParam(t),super(t)}static arrangeParam(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const e="cubic"===t.curveType?"cubic":"quadratic",i=t.points&&t.points.length?t.points:ICEBezier.buildDefaultPoints(t,e);return _objectSpread2(_objectSpread2({},t),{},{curveType:e,points:i})}static buildDefaultPoints(t,e){const i=t.startPoint||[0,0],s=t.endPoint||[10,10];if("cubic"===e){return[i,t.controlPoint1||[5,-5],t.controlPoint2||[5,5],s]}return[i,t.controlPoint||[5,-5],s]}}var G=class ICELinkSlot extends S{constructor(){super(_objectSpread2({linkable:!1,draggable:!1,position:"T"},arguments.length>0&&void 0!==arguments[0]?arguments[0]:{})),_defineProperty(this,"__onHostRemoved",()=>{this._hostComponent=null,this.setState({display:!1})})}keyboardEvtHandler(t){}destory(){this.hostComponent=null,super.destory()}updatePosition(){const t=this._hostComponent.getMinBoundingBox(!0);let e=0,i=0;switch(this.state.position){case"T":e=t.tc[0]-this.state.radius,i=t.tc[1]-this.state.radius;break;case"R":e=t.rc[0]-this.state.radius,i=t.rc[1]-this.state.radius;break;case"B":e=t.bc[0]-this.state.radius,i=t.bc[1]-this.state.radius;break;case"L":e=t.lc[0]-this.state.radius,i=t.lc[1]-this.state.radius;break;case"C":e=t.center[0]-this.state.radius,i=t.center[1]-this.state.radius}this.state.left===e&&this.state.top===i||this.setState({left:e,top:i})}set hostComponent(e){const i=this._hostComponent;i&&(i.off(t.AFTER_RENDER,this.updatePosition,this),i.off(t.BEFORE_REMOVE,this.__onHostRemoved,this)),this._hostComponent=e,e&&(e.on(t.AFTER_RENDER,this.updatePosition,this),e.on(t.BEFORE_REMOVE,this.__onHostRemoved,this),this.setState({display:!0}))}get hostComponent(){return this._hostComponent}};class ICEVisioLink extends H{constructor(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};t=ICEVisioLink.arrangeParam(t),super(t)}static arrangeParam(t){return isNil(t.startPoint)&&(t.startPoint=[0,0]),isNil(t.endPoint)&&(t.endPoint=[10,10]),t.points=[[...t.startPoint],[...t.endPoint]],"bezier"===(t=_objectSpread2({escapeDistance:30,linkShape:"visio"},t)).linkShape&&(t.curveType="straight"),t}__calcDots(){if("bezier"===this.state.linkShape)return this.__calcBezierDots();const t=this.interpolate(),{left:e,top:i}=this.state,s=t[0][2];this.state.points=[],this.state.dots=[];for(let t=0;t<s.length;t++){const n=s[t];this.state.points.push([n.x,n.y]),this.state.dots.push([n.x-e,n.y-i])}return this.calcArrowPoints(),this.state.dots}__calcBezierDots(){const t=this.state.points,e=[...t[0]],i=[...t[t.length-1]],{left:s,top:n}=this.state,o=this.buildBezierPoints(e,i);return this.state.points=o.map(t=>[...t]),this.state.dots=o.map(t=>[t[0]-s,t[1]-n]),this.state.curveType="straight",this.calcArrowPoints(),this.state.dots}buildBezierPoints(t,e){const i=e[0]-t[0],s=e[1]-t[1],n=Math.hypot(i,s);if(n<1e-6)return[[...t],[...e]];const o=[i/n,s/n],r=Math.max(.45*n,24),a=this.slotDirection("start",o),h=this.slotDirection("end",o),l=[t[0]+a[0]*r,t[1]+a[1]*r],c=[e[0]+h[0]*r,e[1]+h[1]*r],d=Math.min(24,Math.max(8,Math.round(n/12))),u=[];for(let i=0;i<=d;i++){const s=i/d,n=1-s,o=n*n*n*t[0]+3*n*n*s*l[0]+3*n*s*s*c[0]+s*s*s*e[0],r=n*n*n*t[1]+3*n*n*s*l[1]+3*n*s*s*c[1]+s*s*s*e[1];u.push([round(o,2),round(r,2)])}return u.filter((t,e)=>0===e||t[0]!==u[e-1][0]||t[1]!==u[e-1][1])}slotDirection(t,e){const i=this.state.links&&this.state.links[t],s=H.dirVector(i&&i.position);return 0!==s[0]||0!==s[1]?s:"start"===t?e:[-e[0],-e[1]]}recalculateRoute(){"bezier"!==this.state.linkShape&&super.recalculateRoute()}interpolate(){const t=this.state.points.length,e=this.state.points[0][0],i=this.state.points[0][1],s=this.state.points[t-1][0],n=this.state.points[t-1][1],o=new GeoPoint(e,i),r=new GeoPoint(s,n),a=[];let h,l,c=null,d=null,u=[],p=new _,f=new _;if(this.ice&&this.state.links&&this.state.links.start&&this.state.links.start.id&&(h=this.ice.findComponent(this.state.links.start.id)),h){p=h.getMinBoundingBox(),a[0]=new GeoPoint(o.x,p.tl[1]-this.state.escapeDistance),a[1]=new GeoPoint(p.tr[0]+this.state.escapeDistance,o.y),a[2]=new GeoPoint(o.x,p.br[1]+this.state.escapeDistance),a[3]=new GeoPoint(p.tl[0]-this.state.escapeDistance,o.y),c=a[0];for(let t=1;t<a.length;t++)this.distance(o,a[t])<this.distance(o,c)&&(c=a[t])}if(this.ice&&this.state.links&&this.state.links.end&&this.state.links.end.id&&(l=this.ice.findComponent(this.state.links.end.id)),l){f=l.getMinBoundingBox(),a[0]=new GeoPoint(r.x,f.tl[1]-this.state.escapeDistance),a[1]=new GeoPoint(f.tr[0]+this.state.escapeDistance,r.y),a[2]=new GeoPoint(r.x,f.br[1]+this.state.escapeDistance),a[3]=new GeoPoint(f.tl[0]-this.state.escapeDistance,r.y),d=a[0];for(let t=1;t<a.length;t++)this.distance(r,a[t])<this.distance(r,d)&&(d=a[t])}let g=0;const m=[o];c&&(m.push(c),g=1),d&&m.push(d),m.push(r);const y=GeoPoint.cloneArray(m);u.push(["s0","s0",y]);const x=GeoPoint.cloneArray(m),E=GeoPoint.cloneArray(x);E.splice(g+1,0,new GeoPoint(E[g].x,E[g+1].y)),u.push(["s1","s1_1",E]);const v=GeoPoint.cloneArray(x);v.splice(g+1,0,new GeoPoint(v[g+1].x,v[g].y)),u.push(["s1","s1_2",v]);const b=GeoPoint.cloneArray(x),C=new GeoPoint((b[g].x+b[g+1].x)/2,b[g].y),w=new GeoPoint((b[g].x+b[g+1].x)/2,b[g+1].y);b.splice(g+1,0,C,w),u.push(["s2","s2_1",b]);const P=GeoPoint.cloneArray(x),S=new GeoPoint(P[g].x,(P[g].y+P[g+1].y)/2),M=new GeoPoint(P[g+1].x,(P[g].y+P[g+1].y)/2);P.splice(g+1,0,S,M),u.push(["s2","s2_2",P]);const B=GeoPoint.cloneArray(x),T=[B[g].x+20,B[g+1].x+20];p&&T.push(p.br[0]+20),f&&T.push(f.br[0]+20);const I=this.max(T),O=new GeoPoint(I,B[g].y),R=new GeoPoint(I,B[g+1].y);B.splice(g+1,0,O,R),u.push(["s2","s2_3",B]);const k=GeoPoint.cloneArray(x),D=[k[g].y-20,k[g+1].y-20];p&&D.push(p.tl[1]-20),f&&D.push(f.tl[1]-20);const A=this.min(D),N=new GeoPoint(k[g].x,A),F=new GeoPoint(k[g+1].x,A);k.splice(g+1,0,N,F),u.push(["s2","s2_4",k]);const L=GeoPoint.cloneArray(x),X=[L[g].x-20,L[g+1].x-20];p&&X.push(p.tl[0]-20),f&&X.push(f.tl[0]-20);const V=this.min(X),z=new GeoPoint(V,L[g].y),Y=new GeoPoint(V,L[g+1].y);L.splice(g+1,0,z,Y),u.push(["s2","s2_5",L]);const H=GeoPoint.cloneArray(x),G=[H[g].y+20,H[g+1].y+20];p&&G.push(p.tl[1]+p.height+20),f&&G.push(f.tl[1]+f.height+20);const W=this.max(G),j=new GeoPoint(H[g].x,W),K=new GeoPoint(H[g+1].x,W);H.splice(g+1,0,j,K),u.push(["s2","s2_6",H]);const U=[];for(let t=0;t<u.length;t++){const e=u[t][2];this.orthogonalPath(e)&&U.push(u[t])}if(u=U,!o.equals(r)){const t=[];for(let e=0;e<u.length;e++){const i=u[e][2];this.forwardPath(i)&&t.push(u[e])}u=t,u.length}const q=[];for(let t=0;t<u.length;t++){let e=!1,i=u[t][2].slice();(f||p)&&(i=i.slice(1,i.length-1)),p&&(e=e||this.polylineIntersectsRectangle(i,p)),f&&(e=e||this.polylineIntersectsRectangle(i,f)),e||q.push(u[t])}0!=q.length&&(u=q),u.length;const J=u[0][2].length,Q=[];for(let t=0;t<u.length;t++){u[t][2].length==J&&Q.push(u[t])}u=Q;let Z=0;for(let t=0;t<u.length;t++)this.scorePath(u[Z][2])<this.scorePath(u[t][2])&&(Z=t);return u=[u[Z]],u}orthogonalPath(t){if(t.length<=1)return!0;for(let e=0;e<t.length-1;e++)if(t[e].x!=t[e+1].x&&t[e].y!=t[e+1].y)return!1;return!0}lineIntersectsLine(t,e){if(t.startPoint.x==t.endPoint.x&&e.startPoint.x==e.endPoint.x)return t.startPoint.x==e.startPoint.x&&(t.contains(e.startPoint.x,e.startPoint.y)||t.contains(e.endPoint.x,e.endPoint.y));if(t.startPoint.x==t.endPoint.x||e.startPoint.x==e.endPoint.x){if(t.startPoint.x==t.endPoint.x){const i=t;t=e,e=i}const i=(t.endPoint.y-t.startPoint.y)/(t.endPoint.x-t.startPoint.x),s=t.startPoint.y-i*t.startPoint.x,n=e.startPoint.x,o=i*n+s;return t.contains(n,o)&&e.contains(n,o)}{const i=(t.endPoint.y-t.startPoint.y)/(t.endPoint.x-t.startPoint.x),s=t.startPoint.y-i*t.startPoint.x,n=(e.endPoint.y-e.startPoint.y)/(e.endPoint.x-e.startPoint.x),o=e.startPoint.y-n*e.startPoint.x;if(i==n)return s==o&&(t.contains(e.startPoint.x,e.startPoint.y)||t.contains(e.endPoint.x,e.endPoint.y));{const r=(o-s)/(i-n),a=i*r+s;return t.contains(r,a)&&e.contains(r,a)}}}polylineIntersectsRectangle(t,e){let i=arguments.length>2&&void 0!==arguments[2]&&arguments[2];const s=[];s.push(new GeoLine(new GeoPoint(e.x1,e.y1),new GeoPoint(e.x2,e.y1))),s.push(new GeoLine(new GeoPoint(e.x2,e.y1),new GeoPoint(e.x2,e.y2))),s.push(new GeoLine(new GeoPoint(e.x2,e.y2),new GeoPoint(e.x1,e.y2))),s.push(new GeoLine(new GeoPoint(e.x1,e.y2),new GeoPoint(e.x1,e.y1)));for(let e=0;e<t.length-1;e++){const i=new GeoLine(t[e],t[e+1]);for(let t=0;t<s.length;t++)if(this.lineIntersectsLine(i,s[t]))return!0}if(i){const e=new GeoLine(t[t.length-1],t[0]);for(let t=0;t<s.length;t++)if(this.lineIntersectsLine(e,s[t]))return!0}return!1}scorePath(t){if(t.length<=2)return-1;let e=0;for(let i=1;i<t.length-1;i++)if(t[i-1].x==t[i].x&&t[i].x==t[i+1].x){if(this.signum(t[i+1].y-t[i].y)!=this.signum(t[i].y-t[i-1].y))return-1;e++}else if(t[i-1].y==t[i].y&&t[i].y==t[i+1].y){if(this.signum(t[i+1].x-t[i].x)!=this.signum(t[i].x-t[i-1].x))return-1;e++}else e--;return e}signum(t){return t>0?1:t<0?-1:0}forwardPath(t){if(t.length<=2)return!0;for(let e=0;e<t.length-2;e++)if(t[e].x==t[e+1].x&&t[e+1].x==t[e+2].x){if(0!=this.signum(t[e+1].y-t[e].y)&&this.signum(t[e+1].y-t[e].y)==-1*this.signum(t[e+2].y-t[e+1].y))return!1}else if(t[e].y==t[e+1].y&&t[e+1].y==t[e+2].y&&0!=this.signum(t[e+1].x-t[e].x)&&this.signum(t[e+1].x-t[e].x)==-1*this.signum(t[e+2].x-t[e+1].x))return!1;return!0}distance(t,e){return Math.hypot(e.x-t.x,e.y-t.y)}max(t){if(0==t.lenght)return NaN;{let e=t[0];for(let i=0;i<t.length;i++)e<t[i]&&(e=t[i]);return e}}min(t){if(0==t.lenght)return NaN;{let e=t[0];for(let i=0;i<t.length;i++)e>t[i]&&(e=t[i]);return e}}addDot(t,e){throw new Error("Can NOT add dot to ICEVisioLink mannually.")}rmDot(t){throw new Error("Can NOT remove dot from ICEVisioLink mannually.")}}var W=class ICEIsogon extends ICEDotPath{constructor(){const t=_objectSpread2({radius:10,edges:3,startAngle:90},arguments.length>0&&void 0!==arguments[0]?arguments[0]:{});t.edges=Math.floor(t.edges>=3?t.edges:3),t.width=2*t.radius,t.height=2*t.radius,super(t)}__calcDots(){this.state.dots=[];const t=2*Math.PI/this.state.edges,e=this.state.radius;for(let i=0;i<this.state.edges;i++){const s=t*i-toRadian(this.state.startAngle),n=Math.floor(e*Math.cos(s)+e),o=Math.floor(e*Math.sin(s)+e);this.state.dots.push([n,o])}return this.state.dots}calcComponentParams(){return this.paramsDirty?(this.calcDots(),this.state.width=2*this.state.radius,this.state.height=2*this.state.radius,{width:this.state.width,height:this.state.height}):{width:this.state.width,height:this.state.height}}setState(t){isNil(t.radius)?isNil(t.width)?isNil(t.height)||(t.radius=t.height/2):t.radius=t.width/2:(t.width=2*t.radius,t.height=2*t.radius),super.setState(t)}};var j=class ICERose extends ICEDotPath{constructor(){const t=_objectSpread2({radius:50,leafNum:2,pointNumber:100},arguments.length>0&&void 0!==arguments[0]?arguments[0]:{});t.leafNum=Math.floor(t.leafNum>=2?t.leafNum:2),t.width=2*t.radius,t.height=2*t.radius,super(t)}__calcDots(){const t=this.state.radius,e=this.state.leafNum;this.state.dots=[];const i=Math.PI/this.state.pointNumber;let s=0,n=0,o=0;for(;s=t+t*Math.sin(e*o)*Math.cos(o),n=t+t*Math.sin(e*o)*Math.sin(o),this.state.dots.push([s,n]),o+=i,!(o>=2*Math.PI););return this.state.dots}calcComponentParams(){return this.paramsDirty?(this.calcDots(),this.state.width=2*this.state.radius,this.state.height=2*this.state.radius,{width:this.state.width,height:this.state.height}):{width:this.state.width,height:this.state.height}}setState(t){isNil(t.radius)?isNil(t.width)?isNil(t.height)||(t.radius=t.height/2,t.width=t.height):(t.radius=t.width/2,t.height=t.width):(t.width=2*t.radius,t.height=2*t.radius),super.setState(t)}};var K=class ICEStar extends ICEDotPath{constructor(){const t=_objectSpread2({outerRadius:50,innerRadius:20,startAngle:90,spikes:5},arguments.length>0&&void 0!==arguments[0]?arguments[0]:{});t.spikes=Math.floor(t.spikes>=1?t.spikes:1),t.width=2*t.outerRadius,t.height=2*t.outerRadius,super(t)}__calcDots(){this.state.dots=[];let t=toRadian(this.state.startAngle);const e=Math.PI/this.state.spikes,i=this.state.outerRadius,s=this.state.innerRadius;let n,o;for(let r=0;r<this.state.spikes;r++)n=Math.cos(t)*i+i,o=Math.sin(t)*i+i,this.state.dots.push([n,o]),t+=e,n=Math.cos(t)*s+i,o=Math.sin(t)*s+i,this.state.dots.push([n,o]),t+=e;return this.state.dots}calcComponentParams(){return this.paramsDirty?(this.calcDots(),this.state.width=2*this.state.outerRadius,this.state.height=2*this.state.outerRadius,{width:this.state.width,height:this.state.height}):{width:this.state.width,height:this.state.height}}setState(t){isNil(t.outerRadius)?isNil(t.width)?isNil(t.height)||(t.outerRadius=t.height/2):t.outerRadius=t.width/2:(t.width=2*t.outerRadius,t.height=2*t.outerRadius),super.setState(t)}};const U="__ICE_UTILS_TEXT_MEASURE_DIV__";class ICEText extends v{constructor(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};super(ICEText.arrangeParam(t)),_defineProperty(this,"__originalDraggable",!0),_defineProperty(this,"__editInput",null),this.measureText()}static arrangeParam(t){const e=merge({text:"",left:0,top:0,width:10,height:10,editing:!1,caretIndex:0,wrap:!1,maxLines:0,ellipsis:"…",lines:null,transformable:!1,style:{fontWeight:"bold",fontSize:32,fontFamily:"Arial",lineWidth:1,textBaseline:"bottom",paddingTop:0,paddingBottom:0,paddingLeft:0,paddingRight:0}},t);return e.style=_objectSpread2(_objectSpread2({},e.style),{},{font:"".concat(e.style.fontWeight," ").concat(e.style.fontSize,"px ").concat(e.style.fontFamily)}),e}initEvents(){super.initEvents(),this.on("dblclick",this.startEditing,this)}startEditing(){this.__originalDraggable=this.state.draggable,this.setState({editing:!0,caretIndex:this.state.text.length,draggable:!1}),this.ice&&this.ice.controlPanelManager&&this.ice.controlPanelManager.transformControlPanel.disable(),this.ice&&this.ice.evtBus&&this.ice.evtBus.on("mousedown",this.__globalMouseDownHandler,this),this.__mountEditInput()}stopEditing(){this.ice&&this.ice.evtBus&&this.ice.evtBus.off("mousedown",this.__globalMouseDownHandler,this),this.__unmountEditInput(),this.setState({editing:!1,draggable:this.__originalDraggable})}__mountEditInput(){const t=this.root&&this.root.document;if(!t||!t.body)return;const e=this.getMinBoundingBox(!0),i=this.ice&&this.ice.canvasEl?this.ice.canvasEl.getBoundingClientRect():{left:0,top:0},{paddingTop:s,paddingRight:n,paddingBottom:o,paddingLeft:r}=this.state.style,a=Math.max(this.state.width-r-n,1),h=Math.max(this.state.height-s-o,this.state.style.fontSize),l=t.createElement("input");l.type="text",l.value=this.state.text,l.style.position="absolute",l.style.left=i.left+e.tl[0]+"px",l.style.top=i.top+e.tl[1]+"px",l.style.width=a+"px",l.style.height=h+"px",l.style.font=this.state.style.font,l.style.paddingTop=s+"px",l.style.paddingRight=n+"px",l.style.paddingBottom=o+"px",l.style.paddingLeft=r+"px",l.style.boxSizing="content-box",l.style.color="transparent",l.style.caretColor=this.state.style.fillStyle||"#000000",l.style.background="transparent",l.style.border="none",l.style.outline="none",l.style.margin="0",l.style.zIndex="9999",t.body.appendChild(l),l.focus(),l.setSelectionRange(l.value.length,l.value.length),l.addEventListener("input",()=>{this.setText(l.value)}),l.addEventListener("compositionend",()=>{this.setText(l.value)}),l.addEventListener("keydown",t=>{"Enter"!==t.key&&"Escape"!==t.key||t.isComposing||this.stopEditing()}),l.addEventListener("blur",()=>{this.stopEditing()}),this.__editInput=l}__unmountEditInput(){this.__editInput&&this.__editInput.parentNode&&this.__editInput.parentNode.removeChild(this.__editInput),this.__editInput=null}__globalMouseDownHandler(t){(t&&t.param&&t.param.component)!==this&&this.stopEditing()}setText(t){const e=Math.max(0,Math.min(this.state.caretIndex,t.length));return this.setState({text:t,caretIndex:e}),this}getText(){return this.state.text}keyboardEvtHandler(t){if(this.__editInput)return;if(!this.state.editing)return void super.keyboardEvtHandler(t);if("keydown"!==t.type)return;const e=t.key,i=this.state.text,s=this.state.caretIndex;"Enter"!==e&&"Escape"!==e?"Backspace"!==e?"Delete"!==e?"ArrowLeft"!==e?"ArrowRight"!==e?"Home"!==e?"End"!==e?e&&1===e.length&&this.setState({text:i.slice(0,s)+e+i.slice(s),caretIndex:s+1}):this.setState({caretIndex:i.length}):this.setState({caretIndex:0}):this.setState({caretIndex:Math.min(i.length,s+1)}):this.setState({caretIndex:Math.max(0,s-1)}):s<i.length&&this.setState({text:i.slice(0,s)+i.slice(s+1)}):s>0&&this.setState({text:i.slice(0,s-1)+i.slice(s),caretIndex:s-1}):this.stopEditing()}renderCaret(){if(this.__editInput)return;const{paddingTop:t,paddingBottom:e,paddingLeft:i}=this.state.style,s=this.state.text.slice(0,this.state.caretIndex);let n=0-this.state.localOrigin[0]+i;"function"==typeof this.ctx.measureText&&(n+=this.ctx.measureText(s).width);const o=0-this.state.localOrigin[1]+t,r=0-this.state.localOrigin[1]+this.state.height-e;this.ctx.save(),this.ctx.strokeStyle=this.state.style.fillStyle||"#000000",this.ctx.lineWidth=1,this.ctx.beginPath(),this.ctx.moveTo(n,o),this.ctx.lineTo(n,r),this.ctx.stroke(),this.ctx.restore()}calcComponentParams(){return this.paramsDirty?this.measureText():{width:this.state.width,height:this.state.height}}measureText(t){this.state.lines=this.__computeWrappedLines();const e=this.__measureByCanvas();return e?(this.__applyMeasuredSize(e),{width:this.state.width,height:this.state.height}):this.__measureByDOM()}__computeWrappedLines(){var t;if(!this.state.wrap||this.state.editing)return null;const e=Number(this.state.width);if(!(e>0))return null;const i=this.ctx;if(!i||"function"!=typeof i.measureText)return null;const s=this.__measureFn(),n=this.__wrapText(e,s);return this.__truncateLines(n,e,Number(this.state.maxLines)||0,String(null!==(t=this.state.ellipsis)&&void 0!==t?t:"…"),s)}__measureFn(){const t=this.ctx;this.state.style.font&&t&&"function"==typeof t.measureText&&(t.font=this.state.style.font);const e=Number(this.state.style.fontSize)||12;return i=>{if(t&&"function"==typeof t.measureText){const e=t.measureText(i);return e&&e.width||0}return i.length*e}}__graphemes(t){const e=this.root&&this.root.Intl;if(e&&"function"==typeof e.Segmenter)try{const i=new e.Segmenter(void 0,{granularity:"grapheme"}),s=[];for(const e of i.segment(t))s.push(e.segment);return s}catch(t){}return Array.from(t)}__wrapText(t,e){var i;const s=[],n=String(null!==(i=this.state.text)&&void 0!==i?i:"").split("\n");for(let i=0;i<n.length;i++){const o=this.__graphemes(n[i]);let r="";for(let i=0;i<o.length;i++){const n=r+o[i];""!==r&&e(n)>t?(s.push(r),r=o[i]):r=n}s.push(r)}return s}__truncateLines(t,e,i,s,n){if(!(i>0)||t.length<=i)return t;const o=t.slice(0,i),r=this.__graphemes(o[i-1]);for(;r.length>0&&n(r.join("")+s)>e;)r.pop();return o[i-1]=r.join("")+s,o}__measureByCanvas(){var t;if(!this.ctx||"function"!=typeof this.ctx.measureText)return null;this.state.style.font&&(this.ctx.font=this.state.style.font);const e=this.state.lines||String(null!==(t=this.state.text)&&void 0!==t?t:"").split("\n");let i=0,s=0,n=0;for(const t of e){const e=this.ctx.measureText(t);i=Math.max(i,e.width||0);const o=e.actualBoundingBoxAscent,r=e.actualBoundingBoxDescent;if("number"!=typeof o||"number"!=typeof r)return null;s=Math.max(s,o),n=Math.max(n,r)}return{textWidth:i,textHeight:(s+n)*e.length}}__applyMeasuredSize(t){const{paddingTop:e,paddingBottom:i,paddingLeft:s,paddingRight:n}=this.state.style,o=t.textWidth+s+n,r=t.textHeight+e+i;10===this.props.width&&(this.state.width=o),10===this.props.height&&(this.state.height=r),this.state.textHeight=t.textHeight}__measureByDOM(){let t;try{if(t=this.root.document.getElementById(U),!t){t=this.root.document.createElement("div"),t.setAttribute("id",U);const e={visibility:"hidden",position:"absolute",top:"0",left:"0",padding:"0",margin:"0",border:"none",fontFamily:this.state.style.fontFamily,fontWeight:this.state.style.fontWeight,fontSize:this.state.style.fontSize+"px",lineHeight:"1",whiteSpace:"pre"};for(const i in e)t.style[i]=e[i];t.contenteditable=!1,this.root.document.body.appendChild(t)}t.textContent=this.state.text;const{paddingTop:e,paddingBottom:i,paddingLeft:s,paddingRight:n}=this.state.style,o={width:t.offsetWidth+s+n,height:t.offsetHeight+e+i};return 10===this.props.width&&(this.state.width=o.width),10===this.props.height&&(this.state.height=o.height),this.state.textHeight=t.offsetHeight,{width:this.state.width,height:this.state.height}}catch(t){return{width:this.state.width,height:this.state.height}}}doRender(){var t;this.dirty&&this.measureText();const{paddingTop:e,paddingBottom:i,paddingLeft:s,paddingRight:n,textAlign:o,textBaseline:r}=this.state.style,a=this.state.lines||String(null!==(t=this.state.text)&&void 0!==t?t:"").split("\n"),h=(this.state.textHeight||this.state.style.fontSize)/a.length;for(let t=0;t<a.length;t++){let i=0-this.state.localOrigin[0]+s;"center"===o?i=0:"right"!==o&&"end"!==o||(i=this.state.localOrigin[0]-n);let l=0-this.state.localOrigin[1]+e+(t+1)*h;"middle"===r&&(l=(t-(a.length-1)/2)*h),this.state.stroke&&this.ctx.strokeText(a[t],i,l,this.state.width),this.state.fill&&this.ctx.fillText(a[t],i,l,this.state.width)}this.state.editing&&this.renderCaret(),super.doRender()}}var q=ICEText;var J=class ICELayoutManager{getPreferredSize(t){return[0,0]}};var Q=class ICEFlowLayout extends J{constructor(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};super(),this.gap=t.gap||10,this.align=t.align||"left"}layoutContainer(t){const e=t.childNodes,i=t.state.width,s=this.gap,n=[[]];let o=0;for(const t of e){const e=t.state.width;o>0&&o+s+e>i&&(n.push([]),o=0),n[n.length-1].push(t),o+=o>0?s+e:e}let r=0;for(const t of n){let e=0,n=0;for(const i of t)e+=i.state.width,n=Math.max(n,i.state.height);e+=s*(t.length-1);let o=0;"center"===this.align?o=(i-e)/2:"right"===this.align&&(o=i-e);for(const e of t)e.setState({left:o,top:r}),o+=e.state.width+s;r+=n+s}}};var Z=class ICEGridLayout extends J{constructor(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};super(),this.cols=t.cols||2,this.gapX=t.gapX||10,this.gapY=t.gapY||10}layoutContainer(t){const e=t.childNodes;let i=0,s=0,n=0,o=0;for(const t of e)t.setState({left:i,top:s}),i+=t.state.width+this.gapX,n=Math.max(n,t.state.height),o++,o>=this.cols&&(o=0,i=0,s+=n+this.gapY,n=0)}};var $=class ICEBorderLayout extends J{constructor(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};super(),this.gap=t.gap||5}layoutContainer(t){const e=t.childNodes,i=t.state.width,s=t.state.height;let n=null,o=null,r=null,a=null,h=null;e.forEach(t=>{const e=t.state.layoutConstraint||"center";"north"===e?n=t:"south"===e?o=t:"east"===e?r=t:"west"===e?a=t:h=t});let l=0,c=s,d=0,u=i;n&&(n.setState({left:0,top:0,width:i}),l=n.state.height+this.gap),o&&(o.setState({left:0,top:s-o.state.height,width:i}),c=s-o.state.height-this.gap),r&&(r.setState({left:i-r.state.width,top:l,height:c-l}),u=i-r.state.width-this.gap),a&&(a.setState({left:0,top:l,height:c-l}),d=a.state.width+this.gap),h&&h.setState({left:d,top:l,width:u-d,height:c-l})}};var tt=class ICEBoxLayout extends J{constructor(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};super(),this.axis=t.axis||"x",this.gap=t.gap||5}layoutContainer(t){let e=0;for(const i of t.childNodes)"x"===this.axis?(i.setState({left:e,top:0}),e+=i.state.width+this.gap):(i.setState({left:0,top:e}),e+=i.state.height+this.gap)}};var et=class ICECardLayout extends J{constructor(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};super(),_defineProperty(this,"currentIndex",0),_defineProperty(this,"container",null),this.currentIndex=t.currentIndex||0}layoutContainer(t){this.container=t,t.childNodes.forEach((t,e)=>{t.setState({display:e===this.currentIndex,left:0,top:0})})}show(t){this.currentIndex=t,this.container&&this.layoutContainer(this.container)}next(){this.show(this.currentIndex+1)}previous(){this.show(this.currentIndex-1)}};var it=class ICEOverlayLayout extends J{layoutContainer(t){for(const e of t.childNodes)e.setState({left:0,top:0})}};var st=class ICELayeredLayout extends J{constructor(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};super(),this.gapX=t.gapX||80,this.gapY=t.gapY||40}layoutContainer(t){const e=t.childNodes||[],i=[],s=[];for(const t of e)if(t.isLine){const e=t.getLinkFromId?t.getLinkFromId():null,i=t.getLinkToId?t.getLinkToId():null;s.push({from:e,to:i,component:t})}else i.push({id:t.props.id,component:t,rank:0,order:0,barycenter:0});if(0===i.length)return;const n={};i.forEach(t=>n[t.id]=t);const o=s.filter(t=>t.from&&t.to&&n[t.from]&&n[t.to]);this.assignRanks(i,o),this.assignOrders(i,o,n),this.assignCoords(i,o,n)}assignRanks(t,e){const i={},visit=(t,s)=>{if(void 0!==i[t])return i[t];if(s.has(t))return 0;s.add(t);const n=e.filter(e=>e.to===t).map(t=>t.from);let o=-1;for(const t of n)o=Math.max(o,visit(t,s));return i[t]=o+1,s.delete(t),i[t]};t.forEach(t=>{t.rank=visit(t.id,new Set)})}assignOrders(t,e,i){const s={};t.forEach(t=>{(s[t.rank]=s[t.rank]||[]).push(t)});const n=Object.keys(s).map(Number).sort((t,e)=>t-e);n.forEach(t=>s[t].forEach((t,e)=>t.order=e));for(let t=0;t<4;t++)for(const t of n){const n=s[t];n.forEach(t=>{const s=e.filter(e=>e.from===t.id).map(t=>i[t.to]);t.barycenter=s.length?s.reduce((t,e)=>t+e.order,0)/s.length:t.order}),n.sort((t,e)=>t.barycenter-e.barycenter),n.forEach((t,e)=>t.order=e)}}assignCoords(t,e,i){const s={};t.forEach(t=>{(s[t.rank]=s[t.rank]||[]).push(t)});const n=Object.keys(s).map(Number).sort((t,e)=>t-e),o=this.gapX,r=this.gapY;let a=0;n.forEach(t=>{const e=s[t],i=Math.max(...e.map(t=>t.component.state.width));let n=0;e.forEach(t=>{t.component.setState({left:a,top:n}),n+=t.component.state.height+r}),a+=i+o});for(const t of e){const e=i[t.from].component,s=i[t.to].component,n=e.state.left+e.state.width,o=e.state.top+e.state.height/2,r=s.state.left,a=s.state.top+s.state.height/2;t.component.setState({startPoint:[n,o],endPoint:[r,a]})}}};var nt={ICERect:C,ICECircle:S,ICEEllipse:P,ICEStar:K,ICEIsogon:W,ICERose:j,ICEText:q,ICEImage:Y,ICEGroup:w,ICEVisioLink:ICEVisioLink,ICEPolyLine:H,ICEBezier:ICEBezier};const ot={evtBuses:[],stopped:!1,frameCallback:function(){for(let e=0;e<ot.evtBuses.length;e++){if(ot.stopped)return;ot.evtBuses[e].trigger(t.ICE_FRAME_EVENT)}ot.stopped||u.requestFrame(ot.frameCallback)},start:function(){ot.stopped=!1,u.requestFrame(ot.frameCallback)},stop:function(){ot.stopped=!0},registerEvtBus:function(t){ot.evtBuses.includes(t)||ot.evtBuses.push(t)},delEvtBus:function(t){ot.evtBuses.includes(t)&&ot.evtBuses.splice(ot.evtBuses.indexOf(t),1)}};var rt=ot;class ICELinkSlotManager{constructor(t){_defineProperty(this,"slotRadius",10),this.ice=t}start(){return this.createLinkSlots(),this.ice.evtBus.on(t.HOOK_MOUSEMOVE,this.hookMouseMoveHandler,this),this.ice.evtBus.on(t.HOOK_MOUSEUP,this.hookMouseUpHandler,this),this.ice.evtBus.on("mouseup",this.globalMouseUpHandler,this),this}stop(){return this.ice.evtBus.off(t.HOOK_MOUSEMOVE,this.hookMouseMoveHandler,this),this.ice.evtBus.off(t.HOOK_MOUSEUP,this.hookMouseUpHandler,this),this.ice.evtBus.off("mouseup",this.globalMouseUpHandler,this),this}hookMouseMoveHandler(t){const e=t.target,i=e.getMaxBoundingBox(),s=flattenTree([],this.ice.childNodes);s.sort((t,e)=>t.state.zIndex-e.state.zIndex),this.collision=null;for(let t=0;t<s.length;t++){const e=s[t];if(!e||!e.state.linkable||!isEffectivelyVisible(e))continue;e.getMaxBoundingBox().isIntersect(i)&&(this.collision=e)}if(!this.collision){for(let t=0;t<this.ice._linkSlots.length;t++){this.ice._linkSlots[t].setState({display:!1,style:{fillStyle:"#3ce92c"}})}return void e.setState({style:{fillStyle:"#3ce92c"}})}let n=!1;for(let t=0;t<this.ice._linkSlots.length;t++){const s=this.ice._linkSlots[t];s.hostComponent!==this.collision&&(s.hostComponent=this.collision),s.setState({display:!0,style:{fillStyle:"#3ce92c"}}),e.setState({style:{fillStyle:"#3ce92c"}});s.getMaxBoundingBox().isIntersect(i)&&(n=!0,s.setState({style:{fillStyle:"#fffb00"}}))}n&&e.setState({style:{fillStyle:"#fffb00"}})}hookMouseUpHandler(t){const e=t.target,i=e.state.position,s=e.parentNode.targetComponent,n=e.getMaxBoundingBox();let o=!1;if(this.collision)for(let t=0;t<this.ice._linkSlots.length;t++){const e=this.ice._linkSlots[t];e.setState({display:!1,style:{fillStyle:"#3ce92c"}});if(e.getMaxBoundingBox().isIntersect(n)){o=!0;const t={};t[i]={id:e.hostComponent.state.id,position:e.state.position},s&&s.setState({links:t});break}}if(o)e.setState({display:!1,style:{fillStyle:"#3ce92c"}});else{const t={};t[i]=null,s&&s.setState({links:t})}this.collision=null}globalMouseUpHandler(t){for(let t=0;t<this.ice._linkSlots.length;t++){this.ice._linkSlots[t].setState({display:!1,style:{fillStyle:"#3ce92c"}})}}createLinkSlots(){if(this.ice._linkSlots&&this.ice._linkSlots.length)return;const t=new G({zIndex:10000010,display:!1,transformable:!1,draggable:!1,radius:this.slotRadius,position:"T",style:{strokeStyle:"#0c09d4",fillStyle:"#3ce92c",lineWidth:1}});this.ice.addTool(t);const e=new G({zIndex:10000011,display:!1,transformable:!1,draggable:!1,radius:this.slotRadius,position:"R",style:{strokeStyle:"#0c09d4",fillStyle:"#3ce92c",lineWidth:1}});this.ice.addTool(e);const i=new G({zIndex:10000012,display:!1,transformable:!1,draggable:!1,radius:this.slotRadius,position:"B",style:{strokeStyle:"#0c09d4",fillStyle:"#3ce92c",lineWidth:1}});this.ice.addTool(i);const s=new G({zIndex:10000013,display:!1,transformable:!1,draggable:!1,radius:this.slotRadius,position:"L",style:{strokeStyle:"#0c09d4",fillStyle:"#3ce92c",lineWidth:1}});this.ice.addTool(s);const n=new G({zIndex:10000014,display:!1,transformable:!1,draggable:!1,radius:this.slotRadius,position:"C",style:{strokeStyle:"#0c09d4",fillStyle:"#3ce92c",lineWidth:1}});this.ice.addTool(n),this.ice._linkSlots=[t,e,i,s,n]}}const at=["linearMatrix","composedMatrix","localOrigin","absoluteOrigin","dots","textHeight","lines"];class Serializer{constructor(t){this.ice=t}toJSONString(){return JSON.stringify(this.toJSONObject())}toJSONObject(){const t={version:1,createTime:(new Date).toLocaleString(),lastModifyTime:(new Date).toLocaleString(),childNodes:[]};for(let e=0;e<this.ice.childNodes.length;e++){const i=this.ice.childNodes[e];this.encodeRecursively(i,t)}return t}encodeRecursively(t,e){const i=this.ice.getTypeId(t.constructor)||t.constructor.name,s={state:this.pickSerializableState(t.state),type:i,childNodes:[]};if(e.childNodes.push(s),t.childNodes&&t.childNodes.length)for(let e=0;e<t.childNodes.length;e++)this.encodeRecursively(t.childNodes[e],s)}pickSerializableState(t){const e={};for(const i in t)-1===at.indexOf(i)&&(e[i]=t[i]);return e}}const ht=[];class Deserializer{constructor(t){_defineProperty(this,"_unknownTypes",[]),this.ice=t}get unknownTypes(){return this._unknownTypes}fromJSONObject(t){this._unknownTypes=[];const e=t&&t.version?t.version:1;this.migrate(t,e);const i=t&&t.childNodes||[];for(let t=0;t<i.length;t++)this.decodeRecursively(this.ice,i[t])}fromJSONString(t){const e=JSON.parse(t);this.fromJSONObject(e)}migrate(t,e){if(e>1)throw new Error("不支持的反序列化版本：".concat(e,"（当前支持到 ").concat(1,"）"));for(let i=0;i<ht.length;i++){const s=ht[i];e<s.to&&(s.run(t),e=s.to)}t.version=e}decodeRecursively(t,e){if(!e||!e.type)return null;const i=this.ice.getType(e.type);if("function"!=typeof i)return-1===this._unknownTypes.indexOf(e.type)&&this._unknownTypes.push(e.type),null;const s=new i(e.state);t.addChild(s);const n=e.childNodes;if(n&&n.length)for(let t=0;t<n.length;t++)this.decodeRecursively(s,n[t]);return s}}class PluginHost{constructor(t){_defineProperty(this,"plugins",[]),_defineProperty(this,"renderHooks",[]),_defineProperty(this,"tools",[]),this.ice=t}get names(){return this.plugins.map(t=>t.name)}has(t){return this.plugins.some(e=>e.name===t)}hasRenderHooks(){return this.renderHooks.length>0}use(t){if(!t||!t.name)throw new Error("ICE.use(plugin)：插件必须提供非空的 name。");if(this.has(t.name))return!1;if(t.components)for(const e in t.components){const i=t.components[e];"function"==typeof i&&this.ice.registerType(e,i)}if("function"==typeof t.render&&this.renderHooks.push({pluginName:t.name,hook:t.render}),t.tools)for(let e=0;e<t.tools.length;e++){const i=t.tools[e];i&&i.id&&this.tools.push(_objectSpread2(_objectSpread2({},i),{},{pluginName:t.name,instance:null,attached:!1}))}return this.plugins.push(t),"function"==typeof t.setup&&t.setup(this.ice),!0}unuse(t){const e=this.plugins.findIndex(e=>e.name===t);if(-1===e)return!1;const i=this.plugins[e];for(let e=this.tools.length-1;e>=0;e--)this.tools[e].pluginName===t&&(this.detachTool(this.tools[e]),this.tools.splice(e,1));for(let e=this.renderHooks.length-1;e>=0;e--)this.renderHooks[e].pluginName===t&&this.renderHooks.splice(e,1);return this.plugins.splice(e,1),"function"==typeof i.teardown&&i.teardown(this.ice),!0}invokeRenderHooks(t){for(let e=0;e<this.renderHooks.length;e++)this.renderHooks[e].hook(t)}syncTools(t){let e=!1;for(let i=0;i<this.tools.length;i++){const s=this.tools[i];let n=!1;try{n=!!t&&!!s.match(t,this.ice)}catch(t){n=!1}n?(s.instance||(s.instance=s.create()),!s.attached&&s.instance&&(this.ice.addTool(s.instance),s.attached=!0),"function"==typeof s.onTargetChange&&s.onTargetChange(s.instance,t),s.exclusive&&(e=!0)):this.detachTool(s)}return e}detachAllTools(){for(let t=0;t<this.tools.length;t++)this.detachTool(this.tools[t])}detachTool(t){t.attached&&t.instance&&(this.ice.removeTool(t.instance),t.attached=!1)}clear(){this.detachAllTools(),this.plugins=[],this.renderHooks=[],this.tools=[]}}function resolveRole(t){return t.isControlPanel?"tool":t.isLine?"link":"function"==typeof t.measureText?"text":Array.isArray(t.childNodes)?"container":t.state&&t.state.src?"image":"graphic"}function resolveLabel(t){const e=t.state||{};return"string"==typeof e.ariaLabel&&e.ariaLabel?e.ariaLabel:"string"==typeof e.text&&e.text?e.text:"string"==typeof e.title&&e.title?e.title:t.props&&t.props.id||String(e.id||"")}function resolveBox(t,e){if("function"!=typeof e.__paintWorldBox)return null;const i=e.state&&e.state.composedMatrix;if(!i||i.length<6)return null;const s=e.__paintWorldBox([0,0,0,0]);if(!(isFinite(s[0])&&isFinite(s[1])&&isFinite(s[2])&&isFinite(s[3])))return null;const[n,o]=t.worldToScreen(s[0],s[1]),[r,a]=t.worldToScreen(s[2],s[3]);return{x:Math.min(n,r),y:Math.min(o,a),width:Math.abs(r-n),height:Math.abs(a-o)}}function buildAccessibilityTree(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};const i=[],s=t&&t.selectionList||[];let n=0;const walk=(o,r,a)=>{if(!o||!o.length)return;const h=o.slice().sort((t,e)=>(t.state.zIndex||0)-(e.state.zIndex||0));for(let o=0;o<h.length;o++){const l=h[o],c=l.state||{},d=isEffectivelyVisible(l),u=!1!==c.interactive,p=resolveBox(t,l),f=(e.includeHidden||d)&&!!p,g=!e.filter||e.filter(l);f&&g&&i.push({id:l.props&&l.props.id||String(c.id||""),role:resolveRole(l),label:resolveLabel(l),box:p,visible:d,interactive:u,focusable:d&&u,tabIndex:n++,selected:-1!==s.indexOf(l),level:r,parentId:a}),l.childNodes&&l.childNodes.length&&walk(l.childNodes,r+1,l.props&&l.props.id||null)}};return walk(t&&t.childNodes||[],1,null),e.includeTools&&walk(t&&t.toolNodes||[],1,null),i}var lt=class ObjectCache{constructor(t){_defineProperty(this,"map",new WeakMap),_defineProperty(this,"__bytes",0),_defineProperty(this,"__vp",null),_defineProperty(this,"__vpChanged",!1),this.ice=t}__rvp(){return this.ice&&"function"==typeof this.ice.getRenderViewport?this.ice.getRenderViewport():this.ice&&this.ice.viewport||{scale:1,tx:0,ty:0}}beginFrame(){const t=this.__rvp(),e=this.__vp;this.__vpChanged=!!e&&(e.scale!==t.scale||e.tx!==t.tx||e.ty!==t.ty),e?(e.scale=t.scale,e.tx=t.tx,e.ty=t.ty):this.__vp={scale:t.scale,tx:t.tx,ty:t.ty}}__sameViewport(t,e,i,s){return t.rs===e&&t.ox===i&&t.oy===s}isCachable(t){if(this.__vpChanged)return!1;if("function"==typeof t.measureText)return!t.state.editing&&isEffectivelyVisible(t);if(t.isLine){if(t.state.lineDashFlow)return!1;if(!isEffectivelyVisible(t))return!1;const e=this.__rvp().scale;if(!(e>0))return!1;const i="function"==typeof t.__localBox?t.__localBox():null,s=i?i[2]-i[0]:Number(t.state.width)||0,n=i?i[3]-i[1]:Number(t.state.height)||0,o=Math.max(0,s)*Math.max(0,n)*e*e;return!(o>2e6)&&!(!this.map.has(t)&&this.__bytes+4*o>33554432)}if("function"==typeof t.calcDots&&!t.isLine){const e=Number(t.state.width)||0,i=Number(t.state.height)||0;return isEffectivelyVisible(t)&&!t.state.lineDashFlow&&e*i>=4e4}return!isOpaqueDrawing(t.state)&&("function"==typeof t.createPathObject&&(!t.childNodes&&!t.isLine&&isEffectivelyVisible(t)))}has(t){return this.map.has(t)}contentKey(t){const e=t.state;if("function"==typeof t.measureText){const t=e.style||{};return[e.text,t.fontWeight,t.fontSize,t.fontFamily,t.font,t.textAlign,t.textBaseline,t.paddingTop,t.paddingBottom,t.paddingLeft,t.paddingRight,e.fill,e.stroke,JSON.stringify(e.lineDash),e.lineDashOffset,e.lineDashFlow,e.lineBorder,e.lineBorderWidth,e.lineBorderColor,this.__styleKey(e)].join("|")}return"function"==typeof t.calcDots?[JSON.stringify(e.dots),e.closePath,e.fill,e.stroke,JSON.stringify(e.lineDash),e.lineDashOffset,e.lineDashFlow,e.lineBorder,e.lineBorderWidth,e.lineBorderColor,this.__styleKey(e)].join("|"):[e.width,e.height,e.radius,e.radiusX,e.radiusY,e.closePath,e.fill,e.stroke,JSON.stringify(e.lineDash),e.lineDashOffset,e.lineDashFlow,e.lineBorder,e.lineBorderWidth,e.lineBorderColor,this.__styleKey(e)].join("|")}__styleKey(t){const e=t.style||{};return[e.fillStyle,e.strokeStyle,e.lineWidth,e.globalAlpha,e.globalCompositeOperation,e.shadow,e.shadowColor,e.shadowBlur,e.shadowOffsetX,e.shadowOffsetY].join("|")}linearKey(t){const e=t.state.composedMatrix;return!e||e.length<6?"":"".concat(e[0],",").concat(e[1],",").concat(e[2],",").concat(e[3])}render(t){if(!this.isCachable(t))return!1;const e=this.__rvp(),i=e.scale,s=e.tx,n=e.ty;let o=this.map.get(t);if(!t.dirty&&o&&this.__sameViewport(o,i,s,n))return this.draw(o),!0;"function"==typeof t.calcDots&&t.refreshParams(),t.composeMatrix();const r=this.linearKey(t),a=this.contentKey(t);let h=!o||o.contentKey!==a||o.linearKey!==r||!this.__sameViewport(o,i,s,n);if(h||(h=!this.refreshPosition(t,o)),h){const e=o||null;e&&(this.__bytes=Math.max(0,this.__bytes-e.pw*e.ph*4)),o=this.build(t,a,r,i,s,n),this.__bytes+=o.pw*o.ph*4}return this.map.set(t,o),this.draw(o),t.dirty=!1,!0}__paintBox(t){const e=t.getMaxBoundingBox().getMinAndMaxPoint(),i=stylePaintPad(t.state);return{minX:e.minX-i,minY:e.minY-i,maxX:e.maxX+i,maxY:e.maxY+i}}build(t,e,i,s,n,o){t.refreshParams(),t.composeMatrix();const r=this.__paintBox(t),a=Math.floor(r.minX*s+n)-1,h=Math.floor(r.minY*s+o)-1,l=Math.max(1,Math.ceil(r.maxX*s+n)-a+1),c=Math.max(1,Math.ceil(r.maxY*s+o)-h+1),{canvas:d,ctx:p}=u.createOffscreenCanvas(l,c),f=[s,0,0,s,n-a,o-h];return t.renderTo(p,f),{canvas:d,ctx:p,pw:l,ph:c,dx:a,dy:h,dx0:a,dy0:h,buildMinX:r.minX,buildMinY:r.minY,rs:s,ox:n,oy:o,contentKey:e,linearKey:i}}refreshPosition(t,e){const i=this.__paintBox(t),s=e.rs,n=s*(i.minX-e.buildMinX),o=s*(i.minY-e.buildMinY);if(Math.abs(n-Math.round(n))>1e-6)return!1;if(Math.abs(o-Math.round(o))>1e-6)return!1;const r=e.dx0+Math.round(n),a=e.dy0+Math.round(o);return!(i.minX*s+e.ox<r)&&(!(i.minY*s+e.oy<a)&&(!(i.maxX*s+e.ox>r+e.pw)&&(!(i.maxY*s+e.oy>a+e.ph)&&(e.dx=r,e.dy=a,!0))))}draw(t){const e=this.ice.ctx;e.save(),e.setTransform(1,0,0,1,0,0),e.drawImage(t.canvas,t.dx,t.dy),e.restore()}invalidate(t){const e=this.map.get(t);e&&(this.__bytes=Math.max(0,this.__bytes-e.pw*e.ph*4)),this.map.delete(t)}clear(){this.map=new WeakMap,this.__bytes=0}};var ct=class CanvasRenderer extends m{constructor(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};super(),_defineProperty(this,"stopped",!1),_defineProperty(this,"renderMode","dirty-rect"),_defineProperty(this,"__forceFullRender",!1),_defineProperty(this,"componentQueue",[]),_defineProperty(this,"toolsQueue",[]),_defineProperty(this,"__queueDirty",!0),_defineProperty(this,"__zSnap",[]),_defineProperty(this,"__snap",new WeakMap),_defineProperty(this,"__primed",!1),_defineProperty(this,"__lastFrameCulled",0),this.ice=t,this.cache=new lt(t),"full"!==e.renderMode&&"dirty-rect"!==e.renderMode||(this.renderMode=e.renderMode)}markQueueDirty(){this.__queueDirty=!0}setRenderMode(t){this.renderMode=t}getRenderMode(){return this.renderMode}start(){return this.stopped=!1,this.ice.evtBus.on(t.ICE_FRAME_EVENT,this.frameEvtHandler,this),this}stop(){return this.stopped=!0,this.ice.evtBus.off(t.ICE_FRAME_EVENT,this.frameEvtHandler,this),this}frameEvtHandler(t){if(this.ice.dirty){if(this.refreshQueue(),this.cache.beginFrame(),"dirty-rect"===this.renderMode&&!this.__forceFullRender){const t=this.__collect();if(t)return void this.__renderDirtyRect(t)}this.doRenderFull()}}refreshQueue(){if(this.__queueDirty)this.__rebuildQueue();else if(this.__zOrderChanged()){const compareZ=(t,e)=>t.state.zIndex-e.state.zIndex;this.componentQueue.sort(compareZ),this.toolsQueue.sort(compareZ),this.__snapshotZ()}}__rebuildQueue(){const compareZ=(t,e)=>t.state.zIndex-e.state.zIndex;this.componentQueue=flattenTree([],this.ice.childNodes),this.componentQueue.sort(compareZ),this.toolsQueue=flattenTree([],this.ice.toolNodes),this.toolsQueue.sort(compareZ),this.__queueDirty=!1,this.__snapshotZ(),this.__snap=new WeakMap,this.__primed=!1}__snapshotZ(){const t=this.componentQueue.length+this.toolsQueue.length;this.__zSnap.length!==t&&(this.__zSnap=new Array(t));let e=0;for(let t=0;t<this.componentQueue.length;t++)this.__zSnap[e++]=this.componentQueue[t].state.zIndex;for(let t=0;t<this.toolsQueue.length;t++)this.__zSnap[e++]=this.toolsQueue[t].state.zIndex}__zOrderChanged(){const t=this.componentQueue.length+this.toolsQueue.length;if(this.__zSnap.length!==t)return!0;let e=0;for(let t=0;t<this.componentQueue.length;t++)if(this.__zSnap[e++]!==this.componentQueue[t].state.zIndex)return!0;for(let t=0;t<this.toolsQueue.length;t++)if(this.__zSnap[e++]!==this.toolsQueue[t].state.zIndex)return!0;return!1}doRenderFull(){this.ice.ctx.setTransform(1,0,0,1,0,0),this.ice.ctx.clearRect(0,0,this.ice.canvasWidth,this.ice.canvasHeight);const e=this.__visibleWorldRect();let i=0;for(let t=0;t<this.componentQueue.length;t++){const s=this.componentQueue[t];if(e&&s.isEffectivelyVisible()&&!s.dirty){const t=this.__snap.get(s);if(t&&!intersects(t,e)){i++;continue}}this.__ensureContext(s),this.__renderComponent(s),s.isEffectivelyVisible()&&this.__capture(s)}this.__lastFrameCulled=i;for(let t=0;t<this.toolsQueue.length;t++){const e=this.toolsQueue[t];this.__ensureContext(e),e.render(),e.isEffectivelyVisible()&&this.__capture(e)}this.__invokePluginRender(null),this.__finalizeHidden(this.componentQueue),this.__finalizeHidden(this.toolsQueue),this.__primed=!0,this.ice.dirty=!1,this.ice.evtBus.trigger(t.ROUND_FINISH)}__collect(){if(!this.__primed)return null;const t=this.ice.ctx,e=this.ice.canvasWidth||0,i=this.ice.canvasHeight||0;if(!e||!i)return null;if(!t||"function"!=typeof t.save||"function"!=typeof t.clip||"function"!=typeof t.restore)return null;const s=this.__preCount(this.componentQueue);if(0===s.dirty)return null;if(s.visible>0&&s.dirty/s.visible>.2)return null;const n=[];if(!this.__collectDirtyBoxes(n,this.componentQueue))return null;if(!this.__collectDirtyBoxes(n,this.toolsQueue))return null;const o=function coalesceRegions(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:6;const i=[];for(let e=0;e<t.length;e++){const s=t[e];if(!isFiniteBox(s))continue;let n=!1;for(let t=0;t<i.length;t++)if(intersects(i[t],s)&&isWorthMerging(i[t],s)){i[t]=mergeBox(i[t],s),n=!0;break}n||i.push([s[0],s[1],s[2],s[3]])}let s=!0;for(;s;){s=!1;for(let t=0;t<i.length&&!s;t++)for(let e=t+1;e<i.length;e++)if(intersects(i[t],i[e])&&isWorthMerging(i[t],i[e])){i[t]=mergeBox(i[t],i[e]),i.splice(e,1),s=!0;break}}for(;i.length>e;){let t=0,e=1,s=1/0;for(let n=0;n<i.length;n++)for(let o=n+1;o<i.length;o++){const r=boxArea(mergeBox(i[n],i[o]))-boxArea(i[n])-boxArea(i[o]);isWorthMerging(i[n],i[o])&&r<s&&(s=r,t=n,e=o)}if(s===1/0){if(i.length>24)return[i.reduce((t,e)=>mergeBox(t,e),[1/0,1/0,-1/0,-1/0])];break}i[t]=mergeBox(i[t],i[e]),i.splice(e,1)}return i}(n,6);if(!o.length)return null;const r=this.__renderViewport(),a=[];for(let t=0;t<o.length;t++)integerAlign(o[t]),a.push(mapBoxToRender(o[t],r));if(function regionsAreaRatio(t,e,i){if(!e||!i)return 1;let s=0;for(let e=0;e<t.length;e++)s+=boxArea(t[e]);return s/(e*i)}(a,e,i)>.35)return null;if(this.__riskyIntersectsRegions(o,this.componentQueue))return null;if(this.__riskyIntersectsRegions(o,this.toolsQueue))return null;const h=[1/0,1/0,-1/0,-1/0];for(let t=0;t<o.length;t++)unionBoxes(h,o[t]);return{regions:o,renderRegions:a,bounding:h}}__renderViewport(){return"function"==typeof this.ice.getRenderViewport?this.ice.getRenderViewport():this.ice.viewport}__preCount(t){let e=0,i=0,s=!1;for(let n=0;n<t.length;n++){const o=t[n];o.isEffectivelyVisible()?(e++,o.dirty&&i++):this.__snap.has(o)&&(s=!0)}return{visible:e,dirty:i,hiddenErase:s}}__collectDirtyBoxes(t,e){for(let i=0;i<e.length;i++){const s=e[i];if(!s.isEffectivelyVisible()){const e=this.__snap.get(s);e&&t.push([e[0],e[1],e[2],e[3]]);continue}if(!s.dirty)continue;s.__paramsDirtyAtCollect=s.paramsDirty;const n=this.__freshBox(s);if(!n)return!1;const o=this.__snap.get(s);t.push(o?mergeBox(o,n):n)}return!0}__riskyIntersectsRegions(t,e){for(let i=0;i<e.length;i++){const s=e[i];if(!s.isEffectivelyVisible())continue;if(!(this.__isDotPath(s)||this.__isText(s)||!isOpaqueDrawing(s.state)))continue;if(s.dirty){if(!this.__isText(s))continue;if(!s.__paramsDirtyAtCollect&&this.cache.isCachable(s)&&this.cache.has(s))continue;return!0}if(this.cache.isCachable(s)&&this.cache.has(s))continue;const n=this.__snap.get(s);if(!n)return!0;for(let e=0;e<t.length;e++)if(intersects(n,t[e]))return!0}return!1}__renderDirtyRect(e){const i=this.ice.ctx,s=e.regions,n=e.renderRegions;for(let t=0;t<s.length;t++){const e=s[t],o=n[t],r=o[0],a=o[1],h=o[2]-o[0],l=o[3]-o[1];if(!(h<=0||l<=0)){i.save(),i.setTransform(1,0,0,1,0,0),i.clearRect(r,a,h,l),i.beginPath(),i.rect(r,a,h,l),i.clip();for(let t=0;t<this.componentQueue.length;t++){const i=this.componentQueue[t];if(!i.isEffectivelyVisible())continue;const s=this.__snap.get(i);(i.dirty||s&&intersects(s,e))&&(this.__ensureContext(i),this.__renderComponent(i),this.__capture(i))}for(let t=0;t<this.toolsQueue.length;t++){const e=this.toolsQueue[t];e.isEffectivelyVisible()&&(this.__ensureContext(e),e.render(),this.__capture(e))}this.__invokePluginRender(e),i.restore()}}this.__finalizeHidden(this.componentQueue),this.__finalizeHidden(this.toolsQueue),this.ice.dirty=!1,this.ice.evtBus.trigger(t.ROUND_FINISH)}__invokePluginRender(t){const e=this.ice&&this.ice.plugins;if(!e||"function"!=typeof e.hasRenderHooks||!e.hasRenderHooks())return;const i=this.ice.ctx,s=this.__renderViewport();i.setTransform(s.scale,0,0,s.scale,s.tx,s.ty),e.invokeRenderHooks({ctx:i,mode:this.renderMode,region:t,width:this.ice.canvasWidth,height:this.ice.canvasHeight})}__ensureContext(t){t.ctx===this.ice.ctx&&t.ice===this.ice||(t.root=this.ice.root,t.ctx=this.ice.ctx,t.evtBus=this.ice.evtBus,t.ice=this.ice)}getWorldBox(t){return this.__snap.get(t)||null}__visibleWorldRect(){const t=this.ice.canvasWidth||0,e=this.ice.canvasHeight||0;if(!t||!e)return null;const[i,s]=this.ice.screenToWorld(0,0),[n,o]=this.ice.screenToWorld(t,e),r=[Math.min(i,n),Math.min(s,o),Math.max(i,n),Math.max(s,o)];return isFiniteBox(r)?r:null}__renderComponent(t){this.cache.render(t)||t.render()}__isDotPath(t){return"function"==typeof t.calcDots}__isText(t){return"function"==typeof t.measureText}__freshBox(t){try{"function"==typeof t.refreshParams&&t.refreshParams();const e=t.getMaxBoundingBox(!0).getMinAndMaxPoint(),i=stylePaintPad(t.state),s=[e.minX-i,e.minY-i,e.maxX+i,e.maxY+i];return isFiniteBox(s)?s:null}catch(t){return null}}__capture(t){let e=this.__snap.get(t);e||(e=new Float64Array(4),this.__snap.set(t,e)),t.__paintWorldBox(e);const i=stylePaintPad(t.state);e[0]-=i,e[1]-=i,e[2]+=i,e[3]+=i}__finalizeHidden(t){for(let e=0;e<t.length;e++){const i=t[e];!i.isEffectivelyVisible()&&i.dirty&&(i.dirty=!1,this.__snap.delete(i))}}};class ImageCache{constructor(t){_defineProperty(this,"imageCache",new Map),this.ice=t}setImage(t){let e=this.imageCache.get(t);return e||(e=u.createImage(),e.onload=()=>{this.ice.dirty=!0},e.onerror=()=>{},e.src=t,this.imageCache.size>ImageCache.CACHE_SIZE&&this.imageCache.delete(this.imageCache.keys().next().value),this.imageCache.set(t,e)),{loaded:this.loaded(e),image:e}}loaded(t){return t.complete&&t.naturalWidth>0}}_defineProperty(ImageCache,"CACHE_SIZE",100);var dt=class ICE{constructor(){_defineProperty(this,"childNodes",[]),_defineProperty(this,"toolNodes",[]),_defineProperty(this,"__childSet",new WeakSet),_defineProperty(this,"__toolSet",new WeakSet),_defineProperty(this,"canvasWidth",0),_defineProperty(this,"canvasHeight",0),_defineProperty(this,"viewport",{scale:1,tx:0,ty:0}),_defineProperty(this,"dpr",1),_defineProperty(this,"__renderVp",null),_defineProperty(this,"__contentBox",null),_defineProperty(this,"selectionList",[]),_defineProperty(this,"plugins",new PluginHost(this)),_defineProperty(this,"theme",getTheme()),_defineProperty(this,"typeMapping",{}),_defineProperty(this,"__typeIdMapping",null),_defineProperty(this,"__dirty",!0),_defineProperty(this,"__initialized",!1)}__resolveCanvasEl(t){return t&&"function"==typeof t.getContext?t:t&&t.canvas&&"function"==typeof t.canvas.getContext?t.canvas:null}init(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(!t)throw new Error("ICE.init() failed...");const i=this.__resolveCanvasEl(t);if(this.__initialized){if(i&&i===this.canvasEl)return this;throw new Error("同一个 ICE 实例已经绑定到其它 canvas，如需重新初始化请先调用 destroy()。")}for(const t in nt)this.typeMapping[t]=nt[t];return this.__typeIdMapping=null,this.root=u,isString(t)?this.canvasEl=this.root.document.getElementById(t):i&&(this.canvasEl=i),e&&"number"==typeof e.dpr&&e.dpr>0&&(this.dpr=e.dpr),this.canvasEl?(this.canvasEl.oncontextmenu=function(t){t.preventDefault(),t.stopPropagation()},this.canvasWidth=this.canvasEl.width,this.canvasHeight=this.canvasEl.height,this.canvasBoundingClientRect=this.canvasEl.getBoundingClientRect(),this.__contentBox=this.__readContentBox(this.canvasBoundingClientRect),this.ctx=this.canvasEl.getContext("2d"),this.canvasEl.style&&(this.canvasEl.style.touchAction="none"),1!==this.dpr&&this.__applyDevicePixelRatio()):this.ctx=t,this.evtBus=new z,rt.registerEvtBus(this.evtBus),rt.start(),V.registerEvtBus(this.evtBus),V.start(),this.eventDispatcher=new L(this).start(),this.animationManager=new l(this).start(),this.controlPanelManager=new M(this).start(),this.renderer=new ct(this,e).start(),this.alignmentGuide=new B(this),this.linkSlotManager=new ICELinkSlotManager(this).start(),this.serializer=new Serializer(this),this.deserializer=new Deserializer(this),this.imageCache=new ImageCache(this),this.__initialized=!0,this}destroy(){if(!this.__initialized)return;const t=[this.renderer,this.animationManager,this.controlPanelManager,this.linkSlotManager];for(let e=0;e<t.length;e++){const i=t[e];i&&"function"==typeof i.stop&&i.stop()}this.eventDispatcher&&(this.eventDispatcher.stopped=!0),this.canvasEl&&this.canvasEl.oncontextmenu&&(this.canvasEl.oncontextmenu=null),this.evtBus&&(rt.delEvtBus(this.evtBus),V.delEvtBus(this.evtBus)),0===rt.evtBuses.length&&rt.stop(),this.plugins&&this.plugins.clear(),this.clearAll(),this.renderer=null,this.animationManager=null,this.controlPanelManager=null,this.linkSlotManager=null,this.eventDispatcher=null,this.alignmentGuide=null,this.serializer=null,this.deserializer=null,this.imageCache=null,this.ctx=null,this.canvasEl=null,this.canvasBoundingClientRect=null,this.dpr=1,this.__renderVp=null,this.__contentBox=null,this.__initialized=!1}addTool(e){this.__toolSet.has(e)||(this.evtBus.trigger(t.BEFORE_ADD,null,{component:e}),e.trigger(t.BEFORE_ADD),e.ice=this,e.ctx=this.ctx,e.evtBus=this.evtBus,this.toolNodes.push(e),this.__toolSet.add(e),this.dirty=!0,this.renderer&&this.renderer.markQueueDirty(),e&&"function"==typeof e.__reapplyPreset&&e.__reapplyPreset(this.theme),this.evtBus.trigger(t.AFTER_ADD,null,{component:e}),e.trigger(t.AFTER_ADD))}removeTool(e){if(!this.__toolSet.has(e))return;this.evtBus.trigger(t.BEFORE_REMOVE,null,{component:e}),e.trigger(t.BEFORE_REMOVE);const i=this.toolNodes.indexOf(e);-1!==i&&this.toolNodes.splice(i,1),this.__toolSet.delete(e),this.evtBus.trigger(t.AFTER_REMOVE,null,{component:e}),e.trigger(t.AFTER_REMOVE),this.dirty=!0,this.renderer&&this.renderer.markQueueDirty(),e.destory()}addChild(e){let i=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];if(this.__childSet.has(e))return;this.evtBus.trigger(t.BEFORE_ADD,null,{component:e}),e.trigger(t.BEFORE_ADD),e.ice=this,e.ctx=this.ctx,e.evtBus=this.evtBus,e.parentNode=null,this.childNodes.push(e),this.__childSet.add(e);let s=!1;const n=e.props.animations;if(n)for(const t in n){s=!0;break}s&&this.animationManager.add(e),this.dirty=i,this.renderer&&this.renderer.markQueueDirty(),e&&"function"==typeof e.__reapplyPreset&&e.__reapplyPreset(this.theme),this.evtBus.trigger(t.AFTER_ADD,null,{component:e}),e.trigger(t.AFTER_ADD)}addChildren(t){for(let e=0;e<t.length;e++)this.addChild(t[e],!1);this.dirty=!0}removeChild(e){let i=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];if(!this.__childSet.has(e))return;this.evtBus.trigger(t.BEFORE_REMOVE,null,{component:e}),e.trigger(t.BEFORE_REMOVE);const s=this.childNodes.indexOf(e);-1!==s&&this.childNodes.splice(s,1),this.__childSet.delete(e),this.evtBus.trigger(t.AFTER_REMOVE,null,{component:e}),e.trigger(t.AFTER_REMOVE),this.dirty=i,this.renderer&&this.renderer.markQueueDirty(),e.destory()}removeChildren(t){for(let e=0;e<t.length;e++)this.removeChild(t[e],!1);this.dirty=!0}clearAll(){this.removeChildren([...this.childNodes])}findComponent(t){if(!t)return;return this.childNodes.filter(e=>e.props.id===t)[0]||this.__findComponentInTree(this.childNodes,t)}__findComponentInTree(t,e){for(let i=0;i<t.length;i++){const s=t[i];if(s.props&&s.props.id===e)return s;if(s.childNodes&&s.childNodes.length){const t=this.__findComponentInTree(s.childNodes,e);if(t)return t}}}set dirty(t){this.__dirty=t}get dirty(){return this.__dirty}registerType(t,e){this.typeMapping[t]=e,this.__typeIdMapping=null}getTypeId(t){if(!t)return;let e=this.__typeIdMapping;if(!e){e=new Map;for(const t in this.typeMapping){const i=this.typeMapping[t];"function"!=typeof i||e.has(i)||e.set(i,t)}this.__typeIdMapping=e}return e.get(t)}use(t){return this.plugins.use(t)}unuse(t){return this.plugins.unuse(t)}getPlugins(){return this.plugins.names}setSelection(t){return this.selectionList=null==t?[]:Array.isArray(t)?t:[t],!!this.plugins&&this.plugins.syncTools(this.selectionList[0]||null)}getAccessibilityTree(t){return buildAccessibilityTree(this,t)}setFocusedComponent(t){let e=t;if("string"==typeof t){e=flattenAllComponents(this).filter(e=>e.props&&e.props.id===t)[0]||null}return this.eventDispatcher&&(this.eventDispatcher.focusedComponent=e||null),this}getFocusedComponent(){return this.eventDispatcher?this.eventDispatcher.focusedComponent:null}getType(t){return this.typeMapping[t]}loadFont(t,e){return u.loadFont(t,e)}setTheme(t){return this.theme=resolveTheme(t,this.theme),this.__reapplyPresets(),this}setViewport(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0;const s=Number(t);return this.viewport={scale:s>0?s:1,tx:Number(e)||0,ty:Number(i)||0},this.dirty=!0,this.renderer&&this.renderer.markQueueDirty(),this}screenToWorld(t,e){const i=this.viewport;return[(t-i.tx)/i.scale,(e-i.ty)/i.scale]}worldToScreen(t,e){const i=this.viewport;return[t*i.scale+i.tx,e*i.scale+i.ty]}getRenderViewport(){const t=this.viewport;if(1===this.dpr)return t;let e=this.__renderVp;return e||(e=this.__renderVp={scale:1,tx:0,ty:0,__d:1,__s:1,__tx:0,__ty:0}),e.__d===this.dpr&&e.__s===t.scale&&e.__tx===t.tx&&e.__ty===t.ty||(e.__d=this.dpr,e.__s=t.scale,e.__tx=t.tx,e.__ty=t.ty,e.scale=t.scale*this.dpr,e.tx=t.tx*this.dpr,e.ty=t.ty*this.dpr),e}__applyDevicePixelRatio(){const t=this.canvasEl;if(!t)return;const e=this.__readContentBox("function"==typeof t.getBoundingClientRect?t.getBoundingClientRect():null),i=e.width||t.width,s=e.height||t.height;t.width=Math.round(i*this.dpr),t.height=Math.round(s*this.dpr),t.style&&(t.style.width=i+"px",t.style.height=s+"px"),this.canvasWidth=t.width,this.canvasHeight=t.height,this.updateCanvasBoundingRect()}updateCanvasBoundingRect(){return this.canvasEl&&"function"==typeof this.canvasEl.getBoundingClientRect&&(this.canvasBoundingClientRect=this.canvasEl.getBoundingClientRect(),this.__contentBox=this.__readContentBox(this.canvasBoundingClientRect)),this.canvasBoundingClientRect}__readContentBox(t){const e=this.canvasEl;let i=0,s=0,n=0,o=0,r=0,a=0,h=0,l=0;const c=this.root&&"function"==typeof this.root.getComputedStyle&&e?this.root.getComputedStyle(e):null;if(c){const num=t=>{const e=parseFloat(t);return isFinite(e)?e:0};i=num(c.borderLeftWidth),s=num(c.borderRightWidth),n=num(c.borderTopWidth),o=num(c.borderBottomWidth),r=num(c.paddingLeft),a=num(c.paddingRight),h=num(c.paddingTop),l=num(c.paddingBottom)}const d=t&&t.left||0,u=t&&t.top||0,p=t&&t.width||0,f=t&&t.height||0;return{left:d+i+r,top:u+n+h,width:Math.max(0,p-i-s-r-a),height:Math.max(0,f-n-o-h-l)}}getInputRect(){return this.__contentBox||this.updateCanvasBoundingRect(),this.__contentBox||this.canvasBoundingClientRect||{left:0,top:0,width:0,height:0}}zoomAt(t,e,i){let s=arguments.length>3&&void 0!==arguments[3]?arguments[3]:.05,n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:20;const o=Number(i);if(!isFinite(o)||o<=0)return this;const[r,a]=this.screenToWorld(t,e),h=this.viewport.scale,l=Math.min(s,n),c=Math.max(s,n),d=Math.min(c,Math.max(l,h*o));return d===h?this:this.setViewport(d,t-r*d,e-a*d)}hitTest(t,e){const[i,s]=this.screenToWorld(t,e);return hitTestComponents(this,i,s,1)}registerTheme(t,e){return registerTheme(t,e),this}getTheme(){return this.theme}__reapplyPresets(){const t=flattenAllComponents(this);for(const e of t)"function"==typeof e.__reapplyPreset&&e.__reapplyPreset(this.theme)}createLinearGradient(t,e,i,s){return this.ctx.createLinearGradient(t,e,i,s)}createRadialGradient(t,e,i,s,n,o){return this.ctx.createRadialGradient(t,e,i,s,n,o)}createConicGradient(t,e,i){return"function"==typeof this.ctx.createConicGradient?this.ctx.createConicGradient(t,e,i):null}createPattern(t,e){return this.ctx.createPattern(t,e)}getImageData(t,e,i,s){return this.ctx.getImageData(t,e,i,s)}putImageData(t,e,i){this.ctx.putImageData(t,e,i)}createImageData(t,e){return this.ctx.createImageData(t,e)}toDataURL(t,e){return this.canvasEl.toDataURL(t,e)}toBlob(t,e,i){this.canvasEl.toBlob(t,e,i)}toJSONString(){return this.serializer.toJSONString()}toJSONObject(){return this.serializer.toJSONObject()}fromJSONObject(t){rt.stop(),this.renderer.stop(),this.eventDispatcher.stopped=!0,this.animationManager.stop(),this.controlPanelManager.stop(),this.linkSlotManager.stop(),this.clearAll(),this.deserializer.fromJSONObject(t),rt.start(),this.renderer.start(),this.animationManager.start(),this.controlPanelManager.start(),this.linkSlotManager.start(),setTimeout(()=>{this.eventDispatcher.stopped=!1},300)}fromJSONString(t){const e=JSON.parse(t);this.fromJSONObject(e)}};export{B as AlignmentGuideManager,l as AnimationManager,ct as CanvasRenderer,n as DARK_THEME,s as DEFAULT_THEME,L as DOMEventDispatcher,V as DOMEventInterceptor,z as EventBus,GeoLine,GeoPoint,GeoUtil,dt as ICE,ICEBezier,$ as ICEBorderLayout,_ as ICEBoundingBox,tt as ICEBoxLayout,et as ICECardLayout,S as ICECircle,v as ICEComponent,ICEControlPanel,M as ICEControlPanelManager,ICEDotPath,P as ICEEllipse,m as ICEEventTarget,Q as ICEFlowLayout,Z as ICEGridLayout,w as ICEGroup,Y as ICEImage,W as ICEIsogon,st as ICELayeredLayout,J as ICELayoutManager,ICELinkHook,G as ICELinkSlot,it as ICEOverlayLayout,b as ICEPath,H as ICEPolyLine,C as ICERect,j as ICERose,K as ICEStar,q as ICEText,h as ICETheme,ICEVisioLink,LineControlPanel,PluginHost,ResizeControl,RotateControl,a as STYLE_PRESETS,TransformControlPanel,i as baseTokens,buildAccessibilityTree,getTheme,registerTheme,setTheme};
+a||h||l||(t=this.findTargetComponent(e));let c=t;l?c=null:h&&this.focusedComponent&&(c=this.focusedComponent),this.__dispatch(n,e,c),r&&r!==n&&this.__dispatch(r,e,c)})}return this}__handlePointerCapture(t,e){const i=this.ice.canvasEl;if(!i||"function"!=typeof i.setPointerCapture)return;const s=e&&e.pointerId;if("number"==typeof s)try{if("ICE_POINTERDOWN"===t){const t=e&&e.target;if(t&&t!==i&&(!i.contains||!i.contains(t)))return;i.setPointerCapture(s)}else"ICE_POINTERUP"!==t&&"ICE_POINTERCANCEL"!==t||"function"==typeof i.releasePointerCapture&&i.hasPointerCapture&&i.hasPointerCapture(s)&&i.releasePointerCapture(s)}catch(t){}}__dispatch(t,e,i){i&&(e.target=i,i.trigger(t,e)),this.ice.evtBus.trigger(t,e,{component:i})}__resolveCanvasRect(t){const e="pointermove"===t||"mousemove"===t||"touchmove"===t,i=this.ice;return!e&&i&&"function"==typeof i.updateCanvasBoundingRect&&i.updateCanvasBoundingRect(),i&&"function"==typeof i.getInputRect?i.getInputRect():i&&i.canvasBoundingClientRect||null}set stopped(t){this._stopped=t}get stopped(){return this._stopped}findTargetComponent(t){if(this._stopped)return null;const{offsetX:e,offsetY:i}=t;if("number"!=typeof e||"number"!=typeof i)return null;const[s,n]=this.ice.screenToWorld(e,i);return hitTestComponents(this.ice,s,n,1)}};const X={evtBuses:[],__handlers:null,__hasPointerEvent:!1,start:function(){if(!u||!u.addEventListener||X.__handlers)return;const t="function"==typeof u.PointerEvent;X.__hasPointerEvent=t;const e=buildDomEventList(t),i=[];for(let t=0;t<e.length;t++){const s=e[t],handler=t=>{for(let e=0;e<X.evtBuses.length;e++)X.evtBuses[e].trigger(s[1],t)},n="wheel"===s[0]||"touchmove"===s[0]?{passive:!1}:void 0;n&&"function"==typeof u.addEventListener?u.addEventListener(s[0],handler,n):u.addEventListener(s[0],handler),i.push({name:s[0],handler:handler})}X.__handlers=i},stop:function(){if(X.__handlers&&u&&u.removeEventListener)for(let t=0;t<X.__handlers.length;t++){const e=X.__handlers[t];u.removeEventListener(e.name,e.handler)}X.__handlers=null},registerEvtBus:function(t){X.evtBuses.includes(t)||X.evtBuses.push(t)},delEvtBus:function(t){X.evtBuses.includes(t)&&(X.evtBuses.splice(X.evtBuses.indexOf(t),1),0===X.evtBuses.length&&X.stop())}};var V=X;var z=class EventBus extends m{constructor(){super()}};class GeoLine{constructor(t,e){this.startPoint=t,this.endPoint=e}contains(t,e){const i=Math.hypot(this.endPoint.x-this.startPoint.x,this.endPoint.y-this.startPoint.y),s=Math.hypot(t-this.startPoint.x,e-this.startPoint.y),n=Math.hypot(t-this.endPoint.x,e-this.endPoint.y);return s+n>=i-3&&s+n<=i+3}}class GeoPoint{constructor(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;this.x=t,this.y=e}static load(t){return new GeoPoint(Number(t.x),Number(t.y))}static cloneArray(t){const e=[];for(let i=0;i<t.length;i++)e.push(t[i].clone());return e}equals(t){return this.x==t.x&&this.y==t.y}clone(){return new GeoPoint(this.x,this.y)}}class ICEDotPath extends b{constructor(t){super(_objectSpread2({dots:[],closePath:!0},t)),_defineProperty(this,"__dotsShiftX",0),_defineProperty(this,"__dotsShiftY",0)}calcComponentParams(){if(!this.paramsDirty)return{width:this.state.width,height:this.state.height};this.calcDots();const t=this.calc4VertexPoints(),e=Math.abs(t[1][0]-t[0][0]),i=Math.abs(t[2][1]-t[0][1]);return this.state.width=e,this.state.height=i,{width:this.state.width,height:this.state.height}}containsLocalPoint(t,e){const i=this.state.dots;return!i||i.length<3?super.containsLocalPoint(t,e):GeoUtil.pointInPolygon(t,e,i)}calcLocalOrigin(){const t=super.calcLocalOrigin(),e=-t[0]-this.__dotsShiftX,i=-t[1]-this.__dotsShiftY;if(0!==e||0!==i){const s=[1,0,0,1,e,i];for(let t=0;t<this.state.dots.length;t++)this.state.dots[t]=transformMat2d([],this.state.dots[t],s);this.__dotsShiftX=-t[0],this.__dotsShiftY=-t[1]}return t}createPathObject(){this.ensureDots(),this.path2D=u.createPath2D(),this.path2D.moveTo(this.state.dots[0][0],this.state.dots[0][1]);for(let t=1;t<this.state.dots.length;t++){const e=this.state.dots[t];this.path2D.lineTo(e[0],e[1])}return this.path2D}calcDots(){return this.__dotsShiftX=0,this.__dotsShiftY=0,this.__calcDots()}__calcDots(){return this.state.dots=[],this.state.dots}ensureDots(){this.state.dots&&0!==this.state.dots.length||this.calcDots()}calc4VertexPoints(){this.ensureDots();let t=this.state.dots[0][0],e=this.state.dots[0][1],i=this.state.dots[0][0],s=this.state.dots[0][1];for(let n=1;n<this.state.dots.length;n++){const o=this.state.dots[n];o[0]<t&&(t=o[0]),o[0]>i&&(i=o[0]),o[1]<e&&(e=o[1]),o[1]>s&&(s=o[1])}return[[t,e],[i,e],[t,s],[i,s]]}getTransformedDots(){const t=this.state.composedMatrix,e=this.state.dots,i=[];for(let s=0;s<e.length;s++){const n=transformMat2d([],e[s],t);i.push(n)}return i}}var Y=class ICEImage extends v{constructor(){super(_objectSpread2({width:100,height:100,src:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALkAAAC2CAYAAACF+yyJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAtoSURBVHhe7Z3tj15FHYb9VxUVo7zFUBWC8YXoF9++GENMRAWRKAkxGj8pihpjFBVF1CBlKaUU+wK0pYVqt12fn+6xs7PXnDPzO3O2Z+a5r+T6ss995nm2vXf3vM68570vXNuTsmdVctm9KrnsXpVcdq9KLrtXJZfdq5LL7lXJZfeq5LJ7VXLZvSq57F6VXHavSi67VyWX3auSy+5VyWX3quSye1Vy2b0quexelVx2r0ouu1cll92rksvuVcll96rksntVctm9KrnsXpVcdq9KLrtXJZfdq5LL7lXJZfeq5LJ7VfIjcIy7j/M2sp4q+YKWQNvLOqrkC+nhodO7OJacp0q+gHO4/2UVvbYqeWXH+O2lG3sf29nd++Eb1/e/wtC40q9KXtGfX+Dy3v4PzpspKCt9quQVJSgXS1BO+lTJK0pQLvab/zz8F+CjL3FWlquSV/KBE7v79bwJ5VISlJPlquSV/AXsj1MuJUE5Wa5KXsmfvKWSr1WVvJJ2BiWGciljLm/2figny1XJK0pQLvbS4d15zEmfKnlFicfPXsdsKEE56VMlr+hdx7mwqV2P75/ji0dvboahvPSpkle2BjSu9KuSL+AcaDw5T5V8IT3QOHK+KvmCni/oOm0v66iSO/zz5Rv71cwr56Nn+ADzmUs3MB8bQq/LcVVyhzHvg0wsQbnYmCfPTZ+SlAdVyQv92mm4crPhzokHkgnKhaagrEyrkjtM8eAr6UfXCMoNpqCsHFcld5rC7g3PzVPOTPHZkR8imbbpkqeg7BKm+NXFw0Un4swH4CavgTuOaH6Wd/gYGbOt2GTJc8k5IJxrileuHjxzQoSv37uTHutWfh8x9zU4m0BTJd959+apu1z+tdmExgoN+euVvNN6oSnCe1aI4bUvneKDWWPI5PrhFw++F2VC6dG7HGistdpMyc/9u7zgA/bfSGMOxlBmyhT2qVOv29efSNykZYTj5xrz2Jn0KcdvOQs+QGOu0SZKbn+u5/LAyJ/ZGO/uQSnPvp3+waXxc4x57nL6L9Ncnh0Ze002UfIUlDVTUNYkKJdjDWjcHD938vBuD+XMFJQ1U1B2ba6+5HZWgaBsKPFwhdN7Oc6BxsuVoJxJUC6UuJi4V35Nrr7kBOVIYk6uRA80TonEnBxJUG5NquQbbZLNGMqVWgJtX2rMcNA7lTMoR9JRBOXWZHMlt4d+KUc+VTBNRIydzaFcqTnQdqXeVjBbAEE5ki5YUW5NNlfy+CLLmN876y+5QTmPYyc/Ke+RoJxJUC5lDGXWpHZX9iUo55WgnFeCciZBOfL5K4d/ZCm3JlXyfR+BBxso55WgnFeCciZBOZKg3Jpcfcl/nJiwnrKhqWt5x3byLwr98kK9BxQIynmNscn+KWemoGxo6uIVZdfk6ktupqCseW1sJ3gf2o6gnEeCch4vwPCUy4G2M/8OuykGZddmEyW3ZUjG+PSJ3f9etr+eUe6Y8H2I8PU5EpTzSISv0370FF8+tbv38c1fA/oBCgnfZ602UXJzSexGJXsPe7A4Jv4cXgnKeSTs6zXu+Rkj/hxrtZmSm15yt6Xc11+vc/80QTmPMXb7Qg60bS7xZ1izTZXcLLmn/Orm/zrc1vubLRzDK0G5Un9zsXxXxB7GDsewSUlLCLdtweZKPjh2f/m7Ublj/zhyiytBY5RKUK7UEuy7pjEGfwZXiENomxZstuQ1zIW2LfE1ezwpAeVLzIW23Ra3uuSDOdB2U9rzkDn8yfnwQQ73ahU5/SYv4Y3NJjQO6eGDI4vahqYmOBpjm5dM3KqSp66elnL3yPQQNaBxB2twttIdlq3YfcmXJHyfF96ZPpgdzvb84HzeD1s4/pJ8pvNJi7or+e8Lz5wQdrXPxqIFaGNy/zbEn9PM4W8ZVyvte7bxPhRNR+Hh7YL79Vuxq5J7ic+nx6ZmlcqBxoudA403+LuJ2yHGoPFadWtL/qnNb2kaY8wShlsFch2bIo6gMcYsvRBmD5zQOC26NSWvdbD1/oky2k1itF2uT8Py5SHfrVS+qYNw2qZVuyq5FSDkngVPmxGU80pQrpYhdqsyZVq1uwPPo5KgnFeCcnJaldwpQTmvBOXktCq5U4JyXgnKyWlVcqcE5bwSlJPTquROCcp5JSgnp1XJnRKU80pQTk6rkjslKOeVoJycViV3SlDOK0E5Oa1K7pSgnFeCcnJaldwpQTmvBOXktF2VPL6sP/Zww1wJynklKFfLkKm7Mluzq5KPUesGram7Be3mVtou119PTDGhG7TK3ZqSx3xy4VttHx1ZWpC05ztLoDHG1K22nehl6mkYPTTRtt0deP6hwuNvX3z1f7/l7bf9FLmTjMaf08zBVoiewiZLsvFqPP4WriLdi92VPPQoJ7zMeZB5WAJdDzIfrV2XPLbWlBR3aUqKptyqkseWcqagHB40udAybnXJB3Og7ab8ROY0cXaASNtPmXM4oGni9Js8C9q2xFOa8POW2mzJbdchhZ3yo20GS8/A0BilEpQrtQT7rmmMQVsIbAzapgWbK/lLmoT/gJ5J+L/62sGzKY/B8o5jhNu2YFMl95K7LeVaXE7lG6/nlZa2zSX+DGu2mZIvyTDbFV0hjD+HV4JyHgn7+lFeJ1izTZQ8Z4lDuzqpJQ5vEr6ec9U05guv7u7d//Lu3lsTPyfh+6zVJkqegrLmyDHp/6HtCMp5JCjn8SgWq039oFB2ba6+5LWXHS9ZjrvlZceP7XDOTEHZ0NRZKcquydWXnKAcSVDOfATOMFDOK0E5rwTlTIJyJEG5NamS70tQzitBOa8E5UyCcuRzlw//Nqfcmmyu5Ceu5l8Ctxv/YyhnEpTzOHZCj/IeCcqZBOVSxlBmTTZX8pLlPmjxVcqZMbYYLuVKzYG2K5XmTaecSVCOLHmftajdlY12qiyGcqWWQNuXGmM7Fjk5g3IkHXpSbk2q5AW5Ej3QOCUSc3IkQbk1ufqS33Hc9w9LfDuxjg9BuVznQOPlSlDOJCgXStg5esquydWX3ExBWTMFZU2CcjnWgMbN8fMn83e7UlDWTEHZtdlEyUtXRiPGpqCIsXs+KDdlKc+PXG6n8XOMsVN+lDPnYldBady12UTJTVvX3kvqAGwwhjJTphjem7CvP3EufYIxHD/XmO+MzP9iN6bNgcZco82U3Bx7wibF1AMUZshfRn7zpUxxJXhvYnjtK6fSj8kNmVzvjI5hKBP6sLPoNNZabarkg7l4dztKTHEyumhFhK8f20kX/VZ+HzH23Cptv2abLPlgCsouYQqbzzAnG2duHzn2+MiLB7NLaWt4Ekfxg7aUTZf8VpoitQ9MUM5M4VkqXarkLlM8ODITFUG5wRSUleOq5IWmJvaxAz7KDxKUC01BWZlWJXcYcxtkYgnKxcY8ea7egxzbokruMLynml6PtbnKiWcyZ84KodfluCr5gp5P73EcgraXdVTJF9IDjSPnq5Iv4BxoPDlPlbyyNaBxpV+VvKK2pCJxaZeL+zg8g2q8uRmG8tKnSl5RImdJQoJy0qdKXlGCcrEX4foS5aRPlbySdHMV5VLGlMxKIMdVySv504LpL0iCcrJclbyStEoD5VISlJPlquSVpIVtKZeSoJwsVyWvKEG5WHrWcpuXJKytSl5RgnKxBOWkT5W8ok8nVk+zNe8pb6agrPSpkld2DLu11hYB+NHE8uc0rvSrki/gHO5r8Gn4tauSL6SHh06r4Euoki9oCbS9rKNKfgSOcY9OFS6uSi67VyWX3auSy+5VyWX3quSye1Vy2b0quexelVx2r0ouu1cll92rksvuVcll96rksntVctm9KrnsXpVcdq9KLrtXJZfdq5LL7lXJZfeq5LJ7VXLZvSq57F6VXHavSi67VyWX3auSy+5VyWX3quSye1Vy2b0quezca3v/AeMnvtkH1pHJAAAAAElFTkSuQmCC",clipType:"none",sx:0,sy:0,sw:0,sh:0},arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}))}doRender(){if(this.state.src){const{loaded:t,image:e}=this.ice.imageCache.setImage(this.state.src);if(t){const t=this.ctx,i=this.state.clipType||"none",s=0-this.state.localOrigin[0],n=0-this.state.localOrigin[1],{sx:o,sy:r,sw:a,sh:h}=this.state,l=a>0&&h>0;"circle"===i&&(t.save(),t.beginPath(),t.arc(0,0,Math.min(this.state.width,this.state.height)/2,0,2*Math.PI),t.closePath(),t.clip()),l?t.drawImage(e,o,r,a,h,s,n,this.state.width,this.state.height):t.drawImage(e,s,n,this.state.width,this.state.height),"circle"===i&&t.restore()}}super.doRender()}};class ICEPolyLine extends ICEDotPath{constructor(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};super(ICEPolyLine.arrangeParam(t)),_defineProperty(this,"isLine",!0),_defineProperty(this,"__polyBoxScratch",[0,0,0,0]),_defineProperty(this,"__arrowFaceIndexes",[])}containsLocalPoint(t,e){const i=this.state.dots;if(!i||i.length<2)return super.containsLocalPoint(t,e);const s=Math.max(4,(this.state.lineWidth||1)/2+3);return GeoUtil.distanceToPolyline(i,t,e)<=s}static arrangeParam(t){let e=merge({},{lineType:"solid",lineWidth:1,arrow:"none",arrowLength:15,arrowAngel:toRadian(30),arrowStyle:"filled",points:[],showMinBoundingBox:!1,showMaxBoundingBox:!1,links:{},routeType:"straight",routeOffset:20,curveType:"straight",label:"",labelStyle:{fontSize:14,fillStyle:"#000000",backgroundColor:"#ffffff"},style:{lineJoin:"round"}},t,{linkable:!1,closePath:!1,fill:!1});const i=e.points.length;return i<2&&(0===i?(e.points.push([0,0]),e.points.push([10,10])):1===i&&e.points.push([10,10])),"dashed"!==e.lineType||e.lineDash&&0!==e.lineDash.length||(e.lineDash=[4*e.lineWidth,4*e.lineWidth]),e=_objectSpread2(_objectSpread2({},e),{left:e.points[0][0],top:e.points[0][1],transform:{translate:[0,0],scale:[1,1],skew:[0,0],rotate:0}}),e.style.lineWidth<1&&(e.style.lineWidth=1),e}initEvents(){super.initEvents(),this.once(t.AFTER_ADD,this.afterAddHandler,this)}afterAddHandler(e){this.evtBus.once(t.ROUND_FINISH,this.syncConnections,this)}syncConnections(){if(!this.ice)return;this.removeLink("start"),this.removeLink("end");const t=this.state.links;t&&(t.start&&t.start.id&&t.start.position&&this.createLink(t.start.id,t.start.position),t.end&&t.end.id&&t.end.position&&this.createLink(t.end.id,t.end.position)),this.paramsDirty=!0,this.dirty=!0,this.ice.dirty=!0}createLink(e,i){const s=this.ice.findComponent(e);s&&s.on(t.AFTER_MOVE,this.followComponent,this),s&&s.on(t.AFTER_RESIZE,this.followComponent,this),s&&s.on(t.AFTER_ROTATE,this.followComponent,this),s&&this.followComponent(),this.state.draggable=!1}removeLink(e,i,s){if(!this.state.links||!this.state.links[e])return;const n=this.state.links[e].id,o=this.state.links[e].position;if(i||(i=n),s||(s=o),n===i&&o===s){const e=this.ice.findComponent(n);e&&e.off(t.AFTER_MOVE,this.followComponent,this),e&&e.off(t.AFTER_RESIZE,this.followComponent,this),e&&e.off(t.AFTER_ROTATE,this.followComponent,this)}let r=!0;this.state.links.start&&this.state.links.start.id&&(r=!1),this.state.links.end&&this.state.links.end.id&&(r=!1),this.state.draggable=r}getLinkFromId(){return this.state.links.start.id}getLinkToId(){return this.state.links.end.id}followComponent(t){for(const t in this.state.links){if(!this.state.links[t]||!this.state.links[t].id||!this.state.links[t].position)continue;const e=this.state.links[t].id,i=this.state.links[t].position,s=this.ice.findComponent(e);if(!s)continue;const n=s.getMinBoundingBox(!0);let o=[0,0];switch(i){case"T":o=n.tc;break;case"R":o=n.rc;break;case"B":o=n.bc;break;case"L":o=n.lc;break;case"C":o=n.center}switch(t){case"start":this.setState({startPoint:[...o]});break;case"end":this.setState({endPoint:[...o]})}}}calcLocalOrigin(){const t=[0,0];return this.state.localOrigin=t,t}__calcDots(){const t=this.state.left,e=this.state.top;this.state.dots=[];for(let i=0;i<this.state.points.length;i++){const s=this.state.points[i],n=s[0]-t,o=s[1]-e;this.state.dots.push([n,o])}return this.calcArrowPoints(),this.state.dots}calcArrowPoints(){if(this.__arrowFaceIndexes.length=0,"start"===this.state.arrow||"both"===this.state.arrow){const t=[...this.state.dots[0]];let e=[[...this.state.dots[0]],[...this.state.dots[1]]];e=this.doCalcArrowPoints(e),this.state.dots.unshift(...e),this.state.dots.unshift([...t]),this.__arrowFaceIndexes.push(0)}if("end"===this.state.arrow||"both"===this.state.arrow){const t=this.state.dots.length,e=[...this.state.dots[t-1]];let i=[[...this.state.dots[t-1]],[...this.state.dots[t-2]]];i=this.doCalcArrowPoints(i),this.state.dots.push(...i),this.state.dots.push([...e]),this.__arrowFaceIndexes.push(this.state.dots.length-4)}}doCalcArrowPoints(t){const e=t[0],i=t[1];i[0]=i[0]-e[0],i[1]=i[1]-e[1];const s=Math.hypot(i[0],i[1]);if(0===s)return[[e[0],e[1]],[e[0],e[1]]];const n=i[0]/s,o=i[1]/s,r=Math.cos(this.state.arrowAngel),a=Math.sin(this.state.arrowAngel);let h=this.state.arrowLength*(n*r-o*a),l=this.state.arrowLength*(o*r+n*a),c=this.state.arrowLength*(n*r+o*a),d=this.state.arrowLength*(o*r-n*a);return h+=e[0],l+=e[1],c+=e[0],d+=e[1],[[h,l],[c,d]]}addDot(t,e){this.state.points.splice(e,0,t),this.state.dots.splice(e,0,[t[0],t[1]])}rmDot(t){return!(this.state.points.length<3)&&(this.state.points.splice(t,1),this.state.dots.splice(t,1),!0)}calcComponentParams(){if(!this.paramsDirty)return{width:this.state.width,height:this.state.height};this.calcDots();const t=this.calc4VertexPoints();let e=1/0,i=1/0,s=-1/0,n=-1/0;for(let o=0;o<t.length;o++){const r=t[o];r[0]<e&&(e=r[0]),r[0]>s&&(s=r[0]),r[1]<i&&(i=r[1]),r[1]>n&&(n=r[1])}return this.state.width=Math.abs(s-e),this.state.height=Math.abs(n-i),{width:this.state.width,height:this.state.height}}isDotsOnSameLine(){const t=this.state.points.length,e=round(this.state.points[0][0],2),i=round(this.state.points[0][1],2);let s=0;const n=[round(this.state.points[t-1][0],2)-e,round(this.state.points[t-1][1],2)-i];for(let o=0;o<t;o++){const t=this.state.points[o];0===cross([],n,[t[0]-e,t[1]-i])[2]&&s++}return s===t}calc4VertexPoints(){return this.isDotsOnSameLine()?this.splitEndpointsTo4Points():super.calc4VertexPoints()}splitEndpointsTo4Points(){const t=this.state.points.length,e=this.state.points[t-1][0]-this.state.points[0][0],i=this.state.points[t-1][1]-this.state.points[0][1],s=this.getRotateAngle(),n=this.state.style.lineWidth||1;let o=Math.cos(s*Math.PI/180)*n/2,r=Math.sin(s*Math.PI/180)*n/2;o=round(o,3),r=round(r,3);return[[0+o,0+r],[0-o,0-r],[e+o,i+r],[e-o,i-r]]}__localBox(){const t=this.__polyBoxScratch;this.ensureDots();const e=this.state.dots;if(!e||0===e.length)return t[0]=0,t[1]=0,t[2]=0,t[3]=0,t;const i=this.calc4VertexPoints();let s=1/0,n=1/0,o=-1/0,r=-1/0;for(let t=0;t<i.length;t++){const e=i[t];e[0]<s&&(s=e[0]),e[0]>o&&(o=e[0]),e[1]<n&&(n=e[1]),e[1]>r&&(r=e[1])}const a=this.__arrowFaceIndexes;for(let t=0;t<a.length;t++){const i=a[t];for(let t=0;t<3;t++){const a=e[i+t];a&&(a[0]<s&&(s=a[0]),a[0]>o&&(o=a[0]),a[1]<n&&(n=a[1]),a[1]>r&&(r=a[1]))}}const h=this.__measureLabelBoxForBounds();return h&&(h.x-h.halfW<s&&(s=h.x-h.halfW),h.x+h.halfW>o&&(o=h.x+h.halfW),h.y-h.halfH<n&&(n=h.y-h.halfH),h.y+h.halfH>r&&(r=h.y+h.halfH)),t[0]=s,t[1]=n,t[2]=o,t[3]=r,t}setState(t){if(isNil(t.width)||delete t.width,isNil(t.height)||delete t.height,isNil(t.transform)||delete t.transform,!isNil(t.left)){const e=t.left-this.state.points[0][0];for(let t=0;t<this.state.points.length;t++)this.state.points[t][0]+=e}if(!isNil(t.top)){const e=t.top-this.state.points[0][1];for(let t=0;t<this.state.points.length;t++)this.state.points[t][1]+=e}if(isNil(t.startPoint)||(this.state.points[0]=[...t.startPoint],this.state.left=this.state.points[0][0],this.state.top=this.state.points[0][1]),!isNil(t.endPoint)){const e=this.state.points.length;this.state.points[e-1]=[...t.endPoint]}isNil(t.startPoint)&&isNil(t.endPoint)||this.recalculateRoute(),isNil(t.links)||(merge(this.state.links,t.links),this.syncConnections()),super.setState(t)}static dirVector(t){switch(t){case"T":return[0,-1];case"B":return[0,1];case"L":return[-1,0];case"R":return[1,0];default:return[0,0]}}recalculateRoute(){if("orthogonal"!==this.state.routeType)return;const t=this.state.points[0],e=this.state.points[this.state.points.length-1],i=this.state.routeOffset||20,s=ICEPolyLine.dirVector(this.state.links&&this.state.links.start&&this.state.links.start.position),n=ICEPolyLine.dirVector(this.state.links&&this.state.links.end&&this.state.links.end.position),o=[t[0]+s[0]*i,t[1]+s[1]*i],r=[e[0]+n[0]*i,e[1]+n[1]*i],a=[t];0===s[0]&&0===s[1]||a.push(o),o[0]!==r[0]&&o[1]!==r[1]&&a.push([r[0],o[1]]),0===n[0]&&0===n[1]||a.push(r),a.push(e),this.state.points=a,this.paramsDirty=!0,this.dirty=!0}createPathObject(){this.ensureDots();const t=this.state.curveType||"straight",e=this.state.dots;if(this.path2D=u.createPath2D(),!e||0===e.length)return this.path2D;if(this.path2D.moveTo(e[0][0],e[0][1]),"quadratic"===t&&e.length>=3)this.path2D.quadraticCurveTo(e[1][0],e[1][1],e[2][0],e[2][1]);else if("cubic"===t&&e.length>=4)this.path2D.bezierCurveTo(e[1][0],e[1][1],e[2][0],e[2][1],e[3][0],e[3][1]);else for(let t=1;t<e.length;t++)this.path2D.lineTo(e[t][0],e[t][1]);return this.path2D}doRender(){const t=this.__arrowFaceIndexes.length>0&&"hollow"!==this.state.arrowStyle&&!1!==this.state.stroke,e=t?this.ctx.strokeStyle:null;super.doRender(),this.applyActiveTransform(),t&&this.drawArrowFills(e),this.drawLabel()}drawArrowFills(t){const e=this.__arrowFaceIndexes,i=this.state.dots;if(!i||0===e.length)return;const s=this.ctx;s.save(),s.beginPath();for(let t=0;t<e.length;t++){const n=e[t],o=i[n],r=i[n+1],a=i[n+2];o&&r&&a&&(s.moveTo(o[0],o[1]),s.lineTo(r[0],r[1]),s.lineTo(a[0],a[1]),s.closePath())}s.fillStyle=t||this.state.style.strokeStyle||"#000000",s.fill(),s.restore()}__labelMetrics(){const t=this.state.label;if(!t)return null;const e=(this.state.labelStyle||{}).fontSize||14,i=this.getLabelPosition();let s=0;const n=this.ctx;return n&&"function"==typeof n.measureText?(n.font="".concat(e,"px Arial"),s=n.measureText(t).width):s=t.length*e,{x:i[0],y:i[1],halfW:s/2+4,halfH:e/2+4}}__measureLabelBoxForBounds(){const t=this.ctx,e=!!t&&"font"in t,i=e?t.font:void 0,s=this.__labelMetrics();return e&&(t.font=i),s}drawLabel(){const t=this.state.label;if(!t)return;const e=this.ctx,i=this.state.labelStyle||{};e.save();const s=this.__labelMetrics();s?(e.textAlign="center",e.textBaseline="middle",e.fillStyle=i.backgroundColor||"#ffffff",e.fillRect(s.x-s.halfW,s.y-s.halfH,2*s.halfW,2*s.halfH),e.fillStyle=i.fillStyle||"#000000",e.fillText(t,s.x,s.y),e.restore()):e.restore()}getLabelPosition(){const t=this.state.points,e=t.length,i=this.state.left,s=this.state.top;if(0===e)return[0,0];if(1===e)return[t[0][0]-i,t[0][1]-s];let n,o;if(2===e)n=(t[0][0]+t[1][0])/2,o=(t[0][1]+t[1][1])/2;else{const i=t[Math.floor(e/2)];n=i[0],o=i[1]}return[n-i,o-s]}getRotateAngle(){if(this.isDotsOnSameLine()){const t=0,e=0,i=this.state.points.length,s=this.state.points[i-1][0]-this.state.points[0][0],n=this.state.points[i-1][1]-this.state.points[0][1];let o=GeoUtil.calcRotateAngle(s,n,t,e);return o+=90,o}return super.getRotateAngle()}containsPoint(t,e){const i=this.getLines();for(let s=0;s<i.length;s++){const n=i[s],o=n.o[0],r=n.o[1],a=n.d[0],h=n.d[1],l=Math.hypot(a-o,h-r),c=Math.hypot(o-t,r-e),d=Math.hypot(a-t,h-e);if(c+d>=l-3&&c+d<=l+3)return!0}return!1}getLines(){const t=[],e=this.getTransformedDots();if(!e||e.length<2)return t;for(let i=0;i<e.length-1;i++){const s={o:[e[i][0],e[i][1]],d:[e[i+1][0],e[i+1][1]]};t.push(s)}return t}destory(){this.evtBus&&this.evtBus.off(t.ROUND_FINISH,this.syncConnections,this),this.removeLink("start"),this.removeLink("end"),super.destory()}}var H=ICEPolyLine;class ICEBezier extends H{constructor(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};t=ICEBezier.arrangeParam(t),super(t)}static arrangeParam(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const e="cubic"===t.curveType?"cubic":"quadratic",i=t.points&&t.points.length?t.points:ICEBezier.buildDefaultPoints(t,e);return _objectSpread2(_objectSpread2({},t),{},{curveType:e,points:i})}static buildDefaultPoints(t,e){const i=t.startPoint||[0,0],s=t.endPoint||[10,10];if("cubic"===e){return[i,t.controlPoint1||[5,-5],t.controlPoint2||[5,5],s]}return[i,t.controlPoint||[5,-5],s]}}var G=class ICELinkSlot extends S{constructor(){super(_objectSpread2({linkable:!1,draggable:!1,position:"T"},arguments.length>0&&void 0!==arguments[0]?arguments[0]:{})),_defineProperty(this,"__onHostRemoved",()=>{this._hostComponent=null,this.setState({display:!1})})}keyboardEvtHandler(t){}destory(){this.hostComponent=null,super.destory()}updatePosition(){const t=this._hostComponent.getMinBoundingBox(!0);let e=0,i=0;switch(this.state.position){case"T":e=t.tc[0]-this.state.radius,i=t.tc[1]-this.state.radius;break;case"R":e=t.rc[0]-this.state.radius,i=t.rc[1]-this.state.radius;break;case"B":e=t.bc[0]-this.state.radius,i=t.bc[1]-this.state.radius;break;case"L":e=t.lc[0]-this.state.radius,i=t.lc[1]-this.state.radius;break;case"C":e=t.center[0]-this.state.radius,i=t.center[1]-this.state.radius}this.state.left===e&&this.state.top===i||this.setState({left:e,top:i})}set hostComponent(e){const i=this._hostComponent;i&&(i.off(t.AFTER_RENDER,this.updatePosition,this),i.off(t.BEFORE_REMOVE,this.__onHostRemoved,this)),this._hostComponent=e,e&&(e.on(t.AFTER_RENDER,this.updatePosition,this),e.on(t.BEFORE_REMOVE,this.__onHostRemoved,this),this.setState({display:!0}))}get hostComponent(){return this._hostComponent}};class ICEVisioLink extends H{constructor(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};t=ICEVisioLink.arrangeParam(t),super(t)}static arrangeParam(t){return isNil(t.startPoint)&&(t.startPoint=[0,0]),isNil(t.endPoint)&&(t.endPoint=[10,10]),t.points=[[...t.startPoint],[...t.endPoint]],"bezier"===(t=_objectSpread2({escapeDistance:30,linkShape:"visio"},t)).linkShape&&(t.curveType="straight"),t}__calcDots(){if("bezier"===this.state.linkShape)return this.__calcBezierDots();const t=this.interpolate(),{left:e,top:i}=this.state,s=t[0][2];this.state.points=[],this.state.dots=[];for(let t=0;t<s.length;t++){const n=s[t];this.state.points.push([n.x,n.y]),this.state.dots.push([n.x-e,n.y-i])}return this.calcArrowPoints(),this.state.dots}__calcBezierDots(){const t=this.state.points,e=[...t[0]],i=[...t[t.length-1]],{left:s,top:n}=this.state,o=this.buildBezierPoints(e,i);return this.state.points=o.map(t=>[...t]),this.state.dots=o.map(t=>[t[0]-s,t[1]-n]),this.state.curveType="straight",this.calcArrowPoints(),this.state.dots}buildBezierPoints(t,e){const i=e[0]-t[0],s=e[1]-t[1],n=Math.hypot(i,s);if(n<1e-6)return[[...t],[...e]];const o=[i/n,s/n],r=Math.max(.45*n,24),a=this.slotDirection("start",o),h=this.slotDirection("end",o),l=[t[0]+a[0]*r,t[1]+a[1]*r],c=[e[0]+h[0]*r,e[1]+h[1]*r],d=Math.min(24,Math.max(8,Math.round(n/12))),u=[];for(let i=0;i<=d;i++){const s=i/d,n=1-s,o=n*n*n*t[0]+3*n*n*s*l[0]+3*n*s*s*c[0]+s*s*s*e[0],r=n*n*n*t[1]+3*n*n*s*l[1]+3*n*s*s*c[1]+s*s*s*e[1];u.push([round(o,2),round(r,2)])}return u.filter((t,e)=>0===e||t[0]!==u[e-1][0]||t[1]!==u[e-1][1])}slotDirection(t,e){const i=this.state.links&&this.state.links[t],s=H.dirVector(i&&i.position);return 0!==s[0]||0!==s[1]?s:"start"===t?e:[-e[0],-e[1]]}recalculateRoute(){"bezier"!==this.state.linkShape&&super.recalculateRoute()}interpolate(){const t=this.state.points.length,e=this.state.points[0][0],i=this.state.points[0][1],s=this.state.points[t-1][0],n=this.state.points[t-1][1],o=new GeoPoint(e,i),r=new GeoPoint(s,n),a=[];let h,l,c=null,d=null,u=[],p=new _,f=new _;if(this.ice&&this.state.links&&this.state.links.start&&this.state.links.start.id&&(h=this.ice.findComponent(this.state.links.start.id)),h){p=h.getMinBoundingBox(),a[0]=new GeoPoint(o.x,p.tl[1]-this.state.escapeDistance),a[1]=new GeoPoint(p.tr[0]+this.state.escapeDistance,o.y),a[2]=new GeoPoint(o.x,p.br[1]+this.state.escapeDistance),a[3]=new GeoPoint(p.tl[0]-this.state.escapeDistance,o.y),c=a[0];for(let t=1;t<a.length;t++)this.distance(o,a[t])<this.distance(o,c)&&(c=a[t])}if(this.ice&&this.state.links&&this.state.links.end&&this.state.links.end.id&&(l=this.ice.findComponent(this.state.links.end.id)),l){f=l.getMinBoundingBox(),a[0]=new GeoPoint(r.x,f.tl[1]-this.state.escapeDistance),a[1]=new GeoPoint(f.tr[0]+this.state.escapeDistance,r.y),a[2]=new GeoPoint(r.x,f.br[1]+this.state.escapeDistance),a[3]=new GeoPoint(f.tl[0]-this.state.escapeDistance,r.y),d=a[0];for(let t=1;t<a.length;t++)this.distance(r,a[t])<this.distance(r,d)&&(d=a[t])}let g=0;const m=[o];c&&(m.push(c),g=1),d&&m.push(d),m.push(r);const y=GeoPoint.cloneArray(m);u.push(["s0","s0",y]);const x=GeoPoint.cloneArray(m),E=GeoPoint.cloneArray(x);E.splice(g+1,0,new GeoPoint(E[g].x,E[g+1].y)),u.push(["s1","s1_1",E]);const v=GeoPoint.cloneArray(x);v.splice(g+1,0,new GeoPoint(v[g+1].x,v[g].y)),u.push(["s1","s1_2",v]);const b=GeoPoint.cloneArray(x),C=new GeoPoint((b[g].x+b[g+1].x)/2,b[g].y),w=new GeoPoint((b[g].x+b[g+1].x)/2,b[g+1].y);b.splice(g+1,0,C,w),u.push(["s2","s2_1",b]);const P=GeoPoint.cloneArray(x),S=new GeoPoint(P[g].x,(P[g].y+P[g+1].y)/2),M=new GeoPoint(P[g+1].x,(P[g].y+P[g+1].y)/2);P.splice(g+1,0,S,M),u.push(["s2","s2_2",P]);const B=GeoPoint.cloneArray(x),T=[B[g].x+20,B[g+1].x+20];p&&T.push(p.br[0]+20),f&&T.push(f.br[0]+20);const I=this.max(T),O=new GeoPoint(I,B[g].y),R=new GeoPoint(I,B[g+1].y);B.splice(g+1,0,O,R),u.push(["s2","s2_3",B]);const k=GeoPoint.cloneArray(x),D=[k[g].y-20,k[g+1].y-20];p&&D.push(p.tl[1]-20),f&&D.push(f.tl[1]-20);const A=this.min(D),N=new GeoPoint(k[g].x,A),F=new GeoPoint(k[g+1].x,A);k.splice(g+1,0,N,F),u.push(["s2","s2_4",k]);const L=GeoPoint.cloneArray(x),X=[L[g].x-20,L[g+1].x-20];p&&X.push(p.tl[0]-20),f&&X.push(f.tl[0]-20);const V=this.min(X),z=new GeoPoint(V,L[g].y),Y=new GeoPoint(V,L[g+1].y);L.splice(g+1,0,z,Y),u.push(["s2","s2_5",L]);const H=GeoPoint.cloneArray(x),G=[H[g].y+20,H[g+1].y+20];p&&G.push(p.tl[1]+p.height+20),f&&G.push(f.tl[1]+f.height+20);const W=this.max(G),j=new GeoPoint(H[g].x,W),K=new GeoPoint(H[g+1].x,W);H.splice(g+1,0,j,K),u.push(["s2","s2_6",H]);const U=[];for(let t=0;t<u.length;t++){const e=u[t][2];this.orthogonalPath(e)&&U.push(u[t])}if(u=U,!o.equals(r)){const t=[];for(let e=0;e<u.length;e++){const i=u[e][2];this.forwardPath(i)&&t.push(u[e])}u=t,u.length}const q=[];for(let t=0;t<u.length;t++){let e=!1,i=u[t][2].slice();(f||p)&&(i=i.slice(1,i.length-1)),p&&(e=e||this.polylineIntersectsRectangle(i,p)),f&&(e=e||this.polylineIntersectsRectangle(i,f)),e||q.push(u[t])}0!=q.length&&(u=q),u.length;const J=u[0][2].length,Q=[];for(let t=0;t<u.length;t++){u[t][2].length==J&&Q.push(u[t])}u=Q;let Z=0;for(let t=0;t<u.length;t++)this.scorePath(u[Z][2])<this.scorePath(u[t][2])&&(Z=t);return u=[u[Z]],u}orthogonalPath(t){if(t.length<=1)return!0;for(let e=0;e<t.length-1;e++)if(t[e].x!=t[e+1].x&&t[e].y!=t[e+1].y)return!1;return!0}lineIntersectsLine(t,e){if(t.startPoint.x==t.endPoint.x&&e.startPoint.x==e.endPoint.x)return t.startPoint.x==e.startPoint.x&&(t.contains(e.startPoint.x,e.startPoint.y)||t.contains(e.endPoint.x,e.endPoint.y));if(t.startPoint.x==t.endPoint.x||e.startPoint.x==e.endPoint.x){if(t.startPoint.x==t.endPoint.x){const i=t;t=e,e=i}const i=(t.endPoint.y-t.startPoint.y)/(t.endPoint.x-t.startPoint.x),s=t.startPoint.y-i*t.startPoint.x,n=e.startPoint.x,o=i*n+s;return t.contains(n,o)&&e.contains(n,o)}{const i=(t.endPoint.y-t.startPoint.y)/(t.endPoint.x-t.startPoint.x),s=t.startPoint.y-i*t.startPoint.x,n=(e.endPoint.y-e.startPoint.y)/(e.endPoint.x-e.startPoint.x),o=e.startPoint.y-n*e.startPoint.x;if(i==n)return s==o&&(t.contains(e.startPoint.x,e.startPoint.y)||t.contains(e.endPoint.x,e.endPoint.y));{const r=(o-s)/(i-n),a=i*r+s;return t.contains(r,a)&&e.contains(r,a)}}}polylineIntersectsRectangle(t,e){let i=arguments.length>2&&void 0!==arguments[2]&&arguments[2];const s=[];s.push(new GeoLine(new GeoPoint(e.x1,e.y1),new GeoPoint(e.x2,e.y1))),s.push(new GeoLine(new GeoPoint(e.x2,e.y1),new GeoPoint(e.x2,e.y2))),s.push(new GeoLine(new GeoPoint(e.x2,e.y2),new GeoPoint(e.x1,e.y2))),s.push(new GeoLine(new GeoPoint(e.x1,e.y2),new GeoPoint(e.x1,e.y1)));for(let e=0;e<t.length-1;e++){const i=new GeoLine(t[e],t[e+1]);for(let t=0;t<s.length;t++)if(this.lineIntersectsLine(i,s[t]))return!0}if(i){const e=new GeoLine(t[t.length-1],t[0]);for(let t=0;t<s.length;t++)if(this.lineIntersectsLine(e,s[t]))return!0}return!1}scorePath(t){if(t.length<=2)return-1;let e=0;for(let i=1;i<t.length-1;i++)if(t[i-1].x==t[i].x&&t[i].x==t[i+1].x){if(this.signum(t[i+1].y-t[i].y)!=this.signum(t[i].y-t[i-1].y))return-1;e++}else if(t[i-1].y==t[i].y&&t[i].y==t[i+1].y){if(this.signum(t[i+1].x-t[i].x)!=this.signum(t[i].x-t[i-1].x))return-1;e++}else e--;return e}signum(t){return t>0?1:t<0?-1:0}forwardPath(t){if(t.length<=2)return!0;for(let e=0;e<t.length-2;e++)if(t[e].x==t[e+1].x&&t[e+1].x==t[e+2].x){if(0!=this.signum(t[e+1].y-t[e].y)&&this.signum(t[e+1].y-t[e].y)==-1*this.signum(t[e+2].y-t[e+1].y))return!1}else if(t[e].y==t[e+1].y&&t[e+1].y==t[e+2].y&&0!=this.signum(t[e+1].x-t[e].x)&&this.signum(t[e+1].x-t[e].x)==-1*this.signum(t[e+2].x-t[e+1].x))return!1;return!0}distance(t,e){return Math.hypot(e.x-t.x,e.y-t.y)}max(t){if(0==t.lenght)return NaN;{let e=t[0];for(let i=0;i<t.length;i++)e<t[i]&&(e=t[i]);return e}}min(t){if(0==t.lenght)return NaN;{let e=t[0];for(let i=0;i<t.length;i++)e>t[i]&&(e=t[i]);return e}}addDot(t,e){throw new Error("Can NOT add dot to ICEVisioLink mannually.")}rmDot(t){throw new Error("Can NOT remove dot from ICEVisioLink mannually.")}}var W=class ICEIsogon extends ICEDotPath{constructor(){const t=_objectSpread2({radius:10,edges:3,startAngle:90},arguments.length>0&&void 0!==arguments[0]?arguments[0]:{});t.edges=Math.floor(t.edges>=3?t.edges:3),t.width=2*t.radius,t.height=2*t.radius,super(t)}__calcDots(){this.state.dots=[];const t=2*Math.PI/this.state.edges,e=this.state.radius;for(let i=0;i<this.state.edges;i++){const s=t*i-toRadian(this.state.startAngle),n=Math.floor(e*Math.cos(s)+e),o=Math.floor(e*Math.sin(s)+e);this.state.dots.push([n,o])}return this.state.dots}calcComponentParams(){return this.paramsDirty?(this.calcDots(),this.state.width=2*this.state.radius,this.state.height=2*this.state.radius,{width:this.state.width,height:this.state.height}):{width:this.state.width,height:this.state.height}}setState(t){isNil(t.radius)?isNil(t.width)?isNil(t.height)||(t.radius=t.height/2):t.radius=t.width/2:(t.width=2*t.radius,t.height=2*t.radius),super.setState(t)}};var j=class ICERose extends ICEDotPath{constructor(){const t=_objectSpread2({radius:50,leafNum:2,pointNumber:100},arguments.length>0&&void 0!==arguments[0]?arguments[0]:{});t.leafNum=Math.floor(t.leafNum>=2?t.leafNum:2),t.width=2*t.radius,t.height=2*t.radius,super(t)}__calcDots(){const t=this.state.radius,e=this.state.leafNum;this.state.dots=[];const i=Math.PI/this.state.pointNumber;let s=0,n=0,o=0;for(;s=t+t*Math.sin(e*o)*Math.cos(o),n=t+t*Math.sin(e*o)*Math.sin(o),this.state.dots.push([s,n]),o+=i,!(o>=2*Math.PI););return this.state.dots}calcComponentParams(){return this.paramsDirty?(this.calcDots(),this.state.width=2*this.state.radius,this.state.height=2*this.state.radius,{width:this.state.width,height:this.state.height}):{width:this.state.width,height:this.state.height}}setState(t){isNil(t.radius)?isNil(t.width)?isNil(t.height)||(t.radius=t.height/2,t.width=t.height):(t.radius=t.width/2,t.height=t.width):(t.width=2*t.radius,t.height=2*t.radius),super.setState(t)}};var K=class ICEStar extends ICEDotPath{constructor(){const t=_objectSpread2({outerRadius:50,innerRadius:20,startAngle:90,spikes:5},arguments.length>0&&void 0!==arguments[0]?arguments[0]:{});t.spikes=Math.floor(t.spikes>=1?t.spikes:1),t.width=2*t.outerRadius,t.height=2*t.outerRadius,super(t)}__calcDots(){this.state.dots=[];let t=toRadian(this.state.startAngle);const e=Math.PI/this.state.spikes,i=this.state.outerRadius,s=this.state.innerRadius;let n,o;for(let r=0;r<this.state.spikes;r++)n=Math.cos(t)*i+i,o=Math.sin(t)*i+i,this.state.dots.push([n,o]),t+=e,n=Math.cos(t)*s+i,o=Math.sin(t)*s+i,this.state.dots.push([n,o]),t+=e;return this.state.dots}calcComponentParams(){return this.paramsDirty?(this.calcDots(),this.state.width=2*this.state.outerRadius,this.state.height=2*this.state.outerRadius,{width:this.state.width,height:this.state.height}):{width:this.state.width,height:this.state.height}}setState(t){isNil(t.outerRadius)?isNil(t.width)?isNil(t.height)||(t.outerRadius=t.height/2):t.outerRadius=t.width/2:(t.width=2*t.outerRadius,t.height=2*t.outerRadius),super.setState(t)}};const U="__ICE_UTILS_TEXT_MEASURE_DIV__";class ICEText extends v{constructor(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};super(ICEText.arrangeParam(t)),_defineProperty(this,"__originalDraggable",!0),_defineProperty(this,"__editInput",null),this.measureText()}static arrangeParam(t){const e=merge({text:"",left:0,top:0,width:10,height:10,editing:!1,caretIndex:0,wrap:!1,maxLines:0,ellipsis:"…",lines:null,transformable:!1,style:{fontWeight:"bold",fontSize:32,fontFamily:"Arial",lineWidth:1,textBaseline:"bottom",paddingTop:0,paddingBottom:0,paddingLeft:0,paddingRight:0}},t);return e.style=_objectSpread2(_objectSpread2({},e.style),{},{font:"".concat(e.style.fontWeight," ").concat(e.style.fontSize,"px ").concat(e.style.fontFamily)}),e}initEvents(){super.initEvents(),this.on("dblclick",this.startEditing,this)}startEditing(){this.__originalDraggable=this.state.draggable,this.setState({editing:!0,caretIndex:this.state.text.length,draggable:!1}),this.ice&&this.ice.controlPanelManager&&this.ice.controlPanelManager.transformControlPanel.disable(),this.ice&&this.ice.evtBus&&this.ice.evtBus.on("mousedown",this.__globalMouseDownHandler,this),this.__mountEditInput()}stopEditing(){this.ice&&this.ice.evtBus&&this.ice.evtBus.off("mousedown",this.__globalMouseDownHandler,this),this.__unmountEditInput(),this.setState({editing:!1,draggable:this.__originalDraggable})}__mountEditInput(){const t=this.root&&this.root.document;if(!t||!t.body)return;const e=this.getMinBoundingBox(!0),i=this.ice&&this.ice.canvasEl?this.ice.canvasEl.getBoundingClientRect():{left:0,top:0},{paddingTop:s,paddingRight:n,paddingBottom:o,paddingLeft:r}=this.state.style,a=Math.max(this.state.width-r-n,1),h=Math.max(this.state.height-s-o,this.state.style.fontSize),l=t.createElement("input");l.type="text",l.value=this.state.text,l.style.position="absolute",l.style.left=i.left+e.tl[0]+"px",l.style.top=i.top+e.tl[1]+"px",l.style.width=a+"px",l.style.height=h+"px",l.style.font=this.state.style.font,l.style.paddingTop=s+"px",l.style.paddingRight=n+"px",l.style.paddingBottom=o+"px",l.style.paddingLeft=r+"px",l.style.boxSizing="content-box",l.style.color="transparent",l.style.caretColor=this.state.style.fillStyle||"#000000",l.style.background="transparent",l.style.border="none",l.style.outline="none",l.style.margin="0",l.style.zIndex="9999",t.body.appendChild(l),l.focus(),l.setSelectionRange(l.value.length,l.value.length),l.addEventListener("input",()=>{this.setText(l.value)}),l.addEventListener("compositionend",()=>{this.setText(l.value)}),l.addEventListener("keydown",t=>{"Enter"!==t.key&&"Escape"!==t.key||t.isComposing||this.stopEditing()}),l.addEventListener("blur",()=>{this.stopEditing()}),this.__editInput=l}__unmountEditInput(){this.__editInput&&this.__editInput.parentNode&&this.__editInput.parentNode.removeChild(this.__editInput),this.__editInput=null}__globalMouseDownHandler(t){(t&&t.param&&t.param.component)!==this&&this.stopEditing()}setText(t){const e=Math.max(0,Math.min(this.state.caretIndex,t.length));return this.setState({text:t,caretIndex:e}),this}getText(){return this.state.text}keyboardEvtHandler(t){if(this.__editInput)return;if(!this.state.editing)return void super.keyboardEvtHandler(t);if("keydown"!==t.type)return;const e=t.key,i=this.state.text,s=this.state.caretIndex;"Enter"!==e&&"Escape"!==e?"Backspace"!==e?"Delete"!==e?"ArrowLeft"!==e?"ArrowRight"!==e?"Home"!==e?"End"!==e?e&&1===e.length&&this.setState({text:i.slice(0,s)+e+i.slice(s),caretIndex:s+1}):this.setState({caretIndex:i.length}):this.setState({caretIndex:0}):this.setState({caretIndex:Math.min(i.length,s+1)}):this.setState({caretIndex:Math.max(0,s-1)}):s<i.length&&this.setState({text:i.slice(0,s)+i.slice(s+1)}):s>0&&this.setState({text:i.slice(0,s-1)+i.slice(s),caretIndex:s-1}):this.stopEditing()}renderCaret(){if(this.__editInput)return;const{paddingTop:t,paddingBottom:e,paddingLeft:i}=this.state.style,s=this.state.text.slice(0,this.state.caretIndex);let n=0-this.state.localOrigin[0]+i;"function"==typeof this.ctx.measureText&&(n+=this.ctx.measureText(s).width);const o=0-this.state.localOrigin[1]+t,r=0-this.state.localOrigin[1]+this.state.height-e;this.ctx.save(),this.ctx.strokeStyle=this.state.style.fillStyle||"#000000",this.ctx.lineWidth=1,this.ctx.beginPath(),this.ctx.moveTo(n,o),this.ctx.lineTo(n,r),this.ctx.stroke(),this.ctx.restore()}calcComponentParams(){return this.paramsDirty?this.measureText():{width:this.state.width,height:this.state.height}}measureText(t){this.state.lines=this.__computeWrappedLines();const e=this.__measureByCanvas();return e?(this.__applyMeasuredSize(e),{width:this.state.width,height:this.state.height}):this.__measureByDOM()}__computeWrappedLines(){var t;if(!this.state.wrap||this.state.editing)return null;const e=Number(this.state.width);if(!(e>0))return null;const i=this.ctx;if(!i||"function"!=typeof i.measureText)return null;const s=this.__measureFn(),n=this.__wrapText(e,s);return this.__truncateLines(n,e,Number(this.state.maxLines)||0,String(null!==(t=this.state.ellipsis)&&void 0!==t?t:"…"),s)}__measureFn(){const t=this.ctx;this.state.style.font&&t&&"function"==typeof t.measureText&&(t.font=this.state.style.font);const e=Number(this.state.style.fontSize)||12;return i=>{if(t&&"function"==typeof t.measureText){const e=t.measureText(i);return e&&e.width||0}return i.length*e}}__graphemes(t){const e=this.root&&this.root.Intl;if(e&&"function"==typeof e.Segmenter)try{const i=new e.Segmenter(void 0,{granularity:"grapheme"}),s=[];for(const e of i.segment(t))s.push(e.segment);return s}catch(t){}return Array.from(t)}__wrapText(t,e){var i;const s=[],n=String(null!==(i=this.state.text)&&void 0!==i?i:"").split("\n");for(let i=0;i<n.length;i++){const o=this.__graphemes(n[i]);let r="";for(let i=0;i<o.length;i++){const n=r+o[i];""!==r&&e(n)>t?(s.push(r),r=o[i]):r=n}s.push(r)}return s}__truncateLines(t,e,i,s,n){if(!(i>0)||t.length<=i)return t;const o=t.slice(0,i),r=this.__graphemes(o[i-1]);for(;r.length>0&&n(r.join("")+s)>e;)r.pop();return o[i-1]=r.join("")+s,o}__measureByCanvas(){var t;if(!this.ctx||"function"!=typeof this.ctx.measureText)return null;this.state.style.font&&(this.ctx.font=this.state.style.font);const e=this.state.lines||String(null!==(t=this.state.text)&&void 0!==t?t:"").split("\n");let i=0,s=0,n=0;for(const t of e){const e=this.ctx.measureText(t);i=Math.max(i,e.width||0);const o=e.actualBoundingBoxAscent,r=e.actualBoundingBoxDescent;if("number"!=typeof o||"number"!=typeof r)return null;s=Math.max(s,o),n=Math.max(n,r)}return{textWidth:i,textHeight:(s+n)*e.length}}__applyMeasuredSize(t){const{paddingTop:e,paddingBottom:i,paddingLeft:s,paddingRight:n}=this.state.style,o=t.textWidth+s+n,r=t.textHeight+e+i;10===this.props.width&&(this.state.width=o),10===this.props.height&&(this.state.height=r),this.state.textHeight=t.textHeight}__measureByDOM(){let t;try{if(t=this.root.document.getElementById(U),!t){t=this.root.document.createElement("div"),t.setAttribute("id",U);const e={visibility:"hidden",position:"absolute",top:"0",left:"0",padding:"0",margin:"0",border:"none",fontFamily:this.state.style.fontFamily,fontWeight:this.state.style.fontWeight,fontSize:this.state.style.fontSize+"px",lineHeight:"1",whiteSpace:"pre"};for(const i in e)t.style[i]=e[i];t.contenteditable=!1,this.root.document.body.appendChild(t)}t.textContent=this.state.text;const{paddingTop:e,paddingBottom:i,paddingLeft:s,paddingRight:n}=this.state.style,o={width:t.offsetWidth+s+n,height:t.offsetHeight+e+i};return 10===this.props.width&&(this.state.width=o.width),10===this.props.height&&(this.state.height=o.height),this.state.textHeight=t.offsetHeight,{width:this.state.width,height:this.state.height}}catch(t){return{width:this.state.width,height:this.state.height}}}doRender(){var t;this.dirty&&this.measureText();const{paddingTop:e,paddingBottom:i,paddingLeft:s,paddingRight:n,textAlign:o,textBaseline:r}=this.state.style,a=this.state.lines||String(null!==(t=this.state.text)&&void 0!==t?t:"").split("\n"),h=(this.state.textHeight||this.state.style.fontSize)/a.length,l="center"===o||"right"===o||"end"===o,c=l?this.__measureFn():null;l&&(this.ctx.textAlign="left");for(let t=0;t<a.length;t++){let i=0-this.state.localOrigin[0]+s;if(l){const e=c&&c(a[t])||0;i="center"===o?-e/2:this.state.localOrigin[0]-n-e}let d=0-this.state.localOrigin[1]+e+(t+1)*h;"middle"===r&&(d=(t-(a.length-1)/2)*h),this.state.stroke&&this.ctx.strokeText(a[t],i,d,this.state.width),this.state.fill&&this.ctx.fillText(a[t],i,d,this.state.width)}this.state.editing&&this.renderCaret(),super.doRender()}}var q=ICEText;var J=class ICELayoutManager{getPreferredSize(t){return[0,0]}};var Q=class ICEFlowLayout extends J{constructor(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};super(),this.gap=t.gap||10,this.align=t.align||"left"}layoutContainer(t){const e=t.childNodes,i=t.state.width,s=this.gap,n=[[]];let o=0;for(const t of e){const e=t.state.width;o>0&&o+s+e>i&&(n.push([]),o=0),n[n.length-1].push(t),o+=o>0?s+e:e}let r=0;for(const t of n){let e=0,n=0;for(const i of t)e+=i.state.width,n=Math.max(n,i.state.height);e+=s*(t.length-1);let o=0;"center"===this.align?o=(i-e)/2:"right"===this.align&&(o=i-e);for(const e of t)e.setState({left:o,top:r}),o+=e.state.width+s;r+=n+s}}};var Z=class ICEGridLayout extends J{constructor(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};super(),this.cols=t.cols||2,this.gapX=t.gapX||10,this.gapY=t.gapY||10}layoutContainer(t){const e=t.childNodes;let i=0,s=0,n=0,o=0;for(const t of e)t.setState({left:i,top:s}),i+=t.state.width+this.gapX,n=Math.max(n,t.state.height),o++,o>=this.cols&&(o=0,i=0,s+=n+this.gapY,n=0)}};var $=class ICEBorderLayout extends J{constructor(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};super(),this.gap=t.gap||5}layoutContainer(t){const e=t.childNodes,i=t.state.width,s=t.state.height;let n=null,o=null,r=null,a=null,h=null;e.forEach(t=>{const e=t.state.layoutConstraint||"center";"north"===e?n=t:"south"===e?o=t:"east"===e?r=t:"west"===e?a=t:h=t});let l=0,c=s,d=0,u=i;n&&(n.setState({left:0,top:0,width:i}),l=n.state.height+this.gap),o&&(o.setState({left:0,top:s-o.state.height,width:i}),c=s-o.state.height-this.gap),r&&(r.setState({left:i-r.state.width,top:l,height:c-l}),u=i-r.state.width-this.gap),a&&(a.setState({left:0,top:l,height:c-l}),d=a.state.width+this.gap),h&&h.setState({left:d,top:l,width:u-d,height:c-l})}};var tt=class ICEBoxLayout extends J{constructor(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};super(),this.axis=t.axis||"x",this.gap=t.gap||5}layoutContainer(t){let e=0;for(const i of t.childNodes)"x"===this.axis?(i.setState({left:e,top:0}),e+=i.state.width+this.gap):(i.setState({left:0,top:e}),e+=i.state.height+this.gap)}};var et=class ICECardLayout extends J{constructor(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};super(),_defineProperty(this,"currentIndex",0),_defineProperty(this,"container",null),this.currentIndex=t.currentIndex||0}layoutContainer(t){this.container=t,t.childNodes.forEach((t,e)=>{t.setState({display:e===this.currentIndex,left:0,top:0})})}show(t){this.currentIndex=t,this.container&&this.layoutContainer(this.container)}next(){this.show(this.currentIndex+1)}previous(){this.show(this.currentIndex-1)}};var it=class ICEOverlayLayout extends J{layoutContainer(t){for(const e of t.childNodes)e.setState({left:0,top:0})}};var st=class ICELayeredLayout extends J{constructor(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};super(),this.gapX=t.gapX||80,this.gapY=t.gapY||40}layoutContainer(t){const e=t.childNodes||[],i=[],s=[];for(const t of e)if(t.isLine){const e=t.getLinkFromId?t.getLinkFromId():null,i=t.getLinkToId?t.getLinkToId():null;s.push({from:e,to:i,component:t})}else i.push({id:t.props.id,component:t,rank:0,order:0,barycenter:0});if(0===i.length)return;const n={};i.forEach(t=>n[t.id]=t);const o=s.filter(t=>t.from&&t.to&&n[t.from]&&n[t.to]);this.assignRanks(i,o),this.assignOrders(i,o,n),this.assignCoords(i,o,n)}assignRanks(t,e){const i={},visit=(t,s)=>{if(void 0!==i[t])return i[t];if(s.has(t))return 0;s.add(t);const n=e.filter(e=>e.to===t).map(t=>t.from);let o=-1;for(const t of n)o=Math.max(o,visit(t,s));return i[t]=o+1,s.delete(t),i[t]};t.forEach(t=>{t.rank=visit(t.id,new Set)})}assignOrders(t,e,i){const s={};t.forEach(t=>{(s[t.rank]=s[t.rank]||[]).push(t)});const n=Object.keys(s).map(Number).sort((t,e)=>t-e);n.forEach(t=>s[t].forEach((t,e)=>t.order=e));for(let t=0;t<4;t++)for(const t of n){const n=s[t];n.forEach(t=>{const s=e.filter(e=>e.from===t.id).map(t=>i[t.to]);t.barycenter=s.length?s.reduce((t,e)=>t+e.order,0)/s.length:t.order}),n.sort((t,e)=>t.barycenter-e.barycenter),n.forEach((t,e)=>t.order=e)}}assignCoords(t,e,i){const s={};t.forEach(t=>{(s[t.rank]=s[t.rank]||[]).push(t)});const n=Object.keys(s).map(Number).sort((t,e)=>t-e),o=this.gapX,r=this.gapY;let a=0;n.forEach(t=>{const e=s[t],i=Math.max(...e.map(t=>t.component.state.width));let n=0;e.forEach(t=>{t.component.setState({left:a,top:n}),n+=t.component.state.height+r}),a+=i+o});for(const t of e){const e=i[t.from].component,s=i[t.to].component,n=e.state.left+e.state.width,o=e.state.top+e.state.height/2,r=s.state.left,a=s.state.top+s.state.height/2;t.component.setState({startPoint:[n,o],endPoint:[r,a]})}}};var nt={ICERect:C,ICECircle:S,ICEEllipse:P,ICEStar:K,ICEIsogon:W,ICERose:j,ICEText:q,ICEImage:Y,ICEGroup:w,ICEVisioLink:ICEVisioLink,ICEPolyLine:H,ICEBezier:ICEBezier};const ot={evtBuses:[],stopped:!1,frameCallback:function(){for(let e=0;e<ot.evtBuses.length;e++){if(ot.stopped)return;ot.evtBuses[e].trigger(t.ICE_FRAME_EVENT)}ot.stopped||u.requestFrame(ot.frameCallback)},start:function(){ot.stopped=!1,u.requestFrame(ot.frameCallback)},stop:function(){ot.stopped=!0},registerEvtBus:function(t){ot.evtBuses.includes(t)||ot.evtBuses.push(t)},delEvtBus:function(t){ot.evtBuses.includes(t)&&ot.evtBuses.splice(ot.evtBuses.indexOf(t),1)}};var rt=ot;class ICELinkSlotManager{constructor(t){_defineProperty(this,"slotRadius",10),this.ice=t}start(){return this.createLinkSlots(),this.ice.evtBus.on(t.HOOK_MOUSEMOVE,this.hookMouseMoveHandler,this),this.ice.evtBus.on(t.HOOK_MOUSEUP,this.hookMouseUpHandler,this),this.ice.evtBus.on("mouseup",this.globalMouseUpHandler,this),this}stop(){return this.ice.evtBus.off(t.HOOK_MOUSEMOVE,this.hookMouseMoveHandler,this),this.ice.evtBus.off(t.HOOK_MOUSEUP,this.hookMouseUpHandler,this),this.ice.evtBus.off("mouseup",this.globalMouseUpHandler,this),this}hookMouseMoveHandler(t){const e=t.target,i=e.getMaxBoundingBox(),s=flattenTree([],this.ice.childNodes);s.sort((t,e)=>t.state.zIndex-e.state.zIndex),this.collision=null;for(let t=0;t<s.length;t++){const e=s[t];if(!e||!e.state.linkable||!isEffectivelyVisible(e))continue;e.getMaxBoundingBox().isIntersect(i)&&(this.collision=e)}if(!this.collision){for(let t=0;t<this.ice._linkSlots.length;t++){this.ice._linkSlots[t].setState({display:!1,style:{fillStyle:"#3ce92c"}})}return void e.setState({style:{fillStyle:"#3ce92c"}})}let n=!1;for(let t=0;t<this.ice._linkSlots.length;t++){const s=this.ice._linkSlots[t];s.hostComponent!==this.collision&&(s.hostComponent=this.collision),s.setState({display:!0,style:{fillStyle:"#3ce92c"}}),e.setState({style:{fillStyle:"#3ce92c"}});s.getMaxBoundingBox().isIntersect(i)&&(n=!0,s.setState({style:{fillStyle:"#fffb00"}}))}n&&e.setState({style:{fillStyle:"#fffb00"}})}hookMouseUpHandler(t){const e=t.target,i=e.state.position,s=e.parentNode.targetComponent,n=e.getMaxBoundingBox();let o=!1;if(this.collision)for(let t=0;t<this.ice._linkSlots.length;t++){const e=this.ice._linkSlots[t];e.setState({display:!1,style:{fillStyle:"#3ce92c"}});if(e.getMaxBoundingBox().isIntersect(n)){o=!0;const t={};t[i]={id:e.hostComponent.state.id,position:e.state.position},s&&s.setState({links:t});break}}if(o)e.setState({display:!1,style:{fillStyle:"#3ce92c"}});else{const t={};t[i]=null,s&&s.setState({links:t})}this.collision=null}globalMouseUpHandler(t){for(let t=0;t<this.ice._linkSlots.length;t++){this.ice._linkSlots[t].setState({display:!1,style:{fillStyle:"#3ce92c"}})}}createLinkSlots(){if(this.ice._linkSlots&&this.ice._linkSlots.length)return;const t=new G({zIndex:10000010,display:!1,transformable:!1,draggable:!1,radius:this.slotRadius,position:"T",style:{strokeStyle:"#0c09d4",fillStyle:"#3ce92c",lineWidth:1}});this.ice.addTool(t);const e=new G({zIndex:10000011,display:!1,transformable:!1,draggable:!1,radius:this.slotRadius,position:"R",style:{strokeStyle:"#0c09d4",fillStyle:"#3ce92c",lineWidth:1}});this.ice.addTool(e);const i=new G({zIndex:10000012,display:!1,transformable:!1,draggable:!1,radius:this.slotRadius,position:"B",style:{strokeStyle:"#0c09d4",fillStyle:"#3ce92c",lineWidth:1}});this.ice.addTool(i);const s=new G({zIndex:10000013,display:!1,transformable:!1,draggable:!1,radius:this.slotRadius,position:"L",style:{strokeStyle:"#0c09d4",fillStyle:"#3ce92c",lineWidth:1}});this.ice.addTool(s);const n=new G({zIndex:10000014,display:!1,transformable:!1,draggable:!1,radius:this.slotRadius,position:"C",style:{strokeStyle:"#0c09d4",fillStyle:"#3ce92c",lineWidth:1}});this.ice.addTool(n),this.ice._linkSlots=[t,e,i,s,n]}}const at=["linearMatrix","composedMatrix","localOrigin","absoluteOrigin","dots","textHeight","lines"];class Serializer{constructor(t){this.ice=t}toJSONString(){return JSON.stringify(this.toJSONObject())}toJSONObject(){const t={version:1,createTime:(new Date).toLocaleString(),lastModifyTime:(new Date).toLocaleString(),childNodes:[]};for(let e=0;e<this.ice.childNodes.length;e++){const i=this.ice.childNodes[e];this.encodeRecursively(i,t)}return t}encodeRecursively(t,e){const i=this.ice.getTypeId(t.constructor)||t.constructor.name,s={state:this.pickSerializableState(t.state),type:i,childNodes:[]};if(e.childNodes.push(s),t.childNodes&&t.childNodes.length)for(let e=0;e<t.childNodes.length;e++)this.encodeRecursively(t.childNodes[e],s)}pickSerializableState(t){const e={};for(const i in t)-1===at.indexOf(i)&&(e[i]=t[i]);return e}}const ht=[];class Deserializer{constructor(t){_defineProperty(this,"_unknownTypes",[]),this.ice=t}get unknownTypes(){return this._unknownTypes}fromJSONObject(t){this._unknownTypes=[];const e=t&&t.version?t.version:1;this.migrate(t,e);const i=t&&t.childNodes||[];for(let t=0;t<i.length;t++)this.decodeRecursively(this.ice,i[t])}fromJSONString(t){const e=JSON.parse(t);this.fromJSONObject(e)}migrate(t,e){if(e>1)throw new Error("不支持的反序列化版本：".concat(e,"（当前支持到 ").concat(1,"）"));for(let i=0;i<ht.length;i++){const s=ht[i];e<s.to&&(s.run(t),e=s.to)}t.version=e}decodeRecursively(t,e){if(!e||!e.type)return null;const i=this.ice.getType(e.type);if("function"!=typeof i)return-1===this._unknownTypes.indexOf(e.type)&&this._unknownTypes.push(e.type),null;const s=new i(e.state);t.addChild(s);const n=e.childNodes;if(n&&n.length)for(let t=0;t<n.length;t++)this.decodeRecursively(s,n[t]);return s}}class PluginHost{constructor(t){_defineProperty(this,"plugins",[]),_defineProperty(this,"renderHooks",[]),_defineProperty(this,"tools",[]),this.ice=t}get names(){return this.plugins.map(t=>t.name)}has(t){return this.plugins.some(e=>e.name===t)}hasRenderHooks(){return this.renderHooks.length>0}use(t){if(!t||!t.name)throw new Error("ICE.use(plugin)：插件必须提供非空的 name。");if(this.has(t.name))return!1;if(t.components)for(const e in t.components){const i=t.components[e];"function"==typeof i&&this.ice.registerType(e,i)}if("function"==typeof t.render&&this.renderHooks.push({pluginName:t.name,hook:t.render}),t.tools)for(let e=0;e<t.tools.length;e++){const i=t.tools[e];i&&i.id&&this.tools.push(_objectSpread2(_objectSpread2({},i),{},{pluginName:t.name,instance:null,attached:!1}))}return this.plugins.push(t),"function"==typeof t.setup&&t.setup(this.ice),!0}unuse(t){const e=this.plugins.findIndex(e=>e.name===t);if(-1===e)return!1;const i=this.plugins[e];for(let e=this.tools.length-1;e>=0;e--)this.tools[e].pluginName===t&&(this.detachTool(this.tools[e]),this.tools.splice(e,1));for(let e=this.renderHooks.length-1;e>=0;e--)this.renderHooks[e].pluginName===t&&this.renderHooks.splice(e,1);return this.plugins.splice(e,1),"function"==typeof i.teardown&&i.teardown(this.ice),!0}invokeRenderHooks(t){for(let e=0;e<this.renderHooks.length;e++)this.renderHooks[e].hook(t)}syncTools(t){let e=!1;for(let i=0;i<this.tools.length;i++){const s=this.tools[i];let n=!1;try{n=!!t&&!!s.match(t,this.ice)}catch(t){n=!1}n?(s.instance||(s.instance=s.create()),!s.attached&&s.instance&&(this.ice.addTool(s.instance),s.attached=!0),"function"==typeof s.onTargetChange&&s.onTargetChange(s.instance,t),s.exclusive&&(e=!0)):this.detachTool(s)}return e}detachAllTools(){for(let t=0;t<this.tools.length;t++)this.detachTool(this.tools[t])}detachTool(t){t.attached&&t.instance&&(this.ice.removeTool(t.instance),t.attached=!1)}clear(){this.detachAllTools(),this.plugins=[],this.renderHooks=[],this.tools=[]}}function resolveRole(t){return t.isControlPanel?"tool":t.isLine?"link":"function"==typeof t.measureText?"text":Array.isArray(t.childNodes)?"container":t.state&&t.state.src?"image":"graphic"}function resolveLabel(t){const e=t.state||{};return"string"==typeof e.ariaLabel&&e.ariaLabel?e.ariaLabel:"string"==typeof e.text&&e.text?e.text:"string"==typeof e.title&&e.title?e.title:t.props&&t.props.id||String(e.id||"")}function resolveBox(t,e){if("function"!=typeof e.__paintWorldBox)return null;const i=e.state&&e.state.composedMatrix;if(!i||i.length<6)return null;const s=e.__paintWorldBox([0,0,0,0]);if(!(isFinite(s[0])&&isFinite(s[1])&&isFinite(s[2])&&isFinite(s[3])))return null;const[n,o]=t.worldToScreen(s[0],s[1]),[r,a]=t.worldToScreen(s[2],s[3]);return{x:Math.min(n,r),y:Math.min(o,a),width:Math.abs(r-n),height:Math.abs(a-o)}}function buildAccessibilityTree(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};const i=[],s=t&&t.selectionList||[];let n=0;const walk=(o,r,a)=>{if(!o||!o.length)return;const h=o.slice().sort((t,e)=>(t.state.zIndex||0)-(e.state.zIndex||0));for(let o=0;o<h.length;o++){const l=h[o],c=l.state||{},d=isEffectivelyVisible(l),u=!1!==c.interactive,p=resolveBox(t,l),f=(e.includeHidden||d)&&!!p,g=!e.filter||e.filter(l);f&&g&&i.push({id:l.props&&l.props.id||String(c.id||""),role:resolveRole(l),label:resolveLabel(l),box:p,visible:d,interactive:u,focusable:d&&u,tabIndex:n++,selected:-1!==s.indexOf(l),level:r,parentId:a}),l.childNodes&&l.childNodes.length&&walk(l.childNodes,r+1,l.props&&l.props.id||null)}};return walk(t&&t.childNodes||[],1,null),e.includeTools&&walk(t&&t.toolNodes||[],1,null),i}var lt=class ObjectCache{constructor(t){_defineProperty(this,"map",new WeakMap),_defineProperty(this,"__bytes",0),_defineProperty(this,"__vp",null),_defineProperty(this,"__vpChanged",!1),this.ice=t}__rvp(){return this.ice&&"function"==typeof this.ice.getRenderViewport?this.ice.getRenderViewport():this.ice&&this.ice.viewport||{scale:1,tx:0,ty:0}}beginFrame(){const t=this.__rvp(),e=this.__vp;this.__vpChanged=!!e&&(e.scale!==t.scale||e.tx!==t.tx||e.ty!==t.ty),e?(e.scale=t.scale,e.tx=t.tx,e.ty=t.ty):this.__vp={scale:t.scale,tx:t.tx,ty:t.ty}}__sameViewport(t,e,i,s){return t.rs===e&&t.ox===i&&t.oy===s}isCachable(t){if(this.__vpChanged)return!1;if("function"==typeof t.measureText)return!t.state.editing&&isEffectivelyVisible(t);if(t.isLine){if(t.state.lineDashFlow)return!1;if(!isEffectivelyVisible(t))return!1;const e=this.__rvp().scale;if(!(e>0))return!1;const i="function"==typeof t.__localBox?t.__localBox():null,s=i?i[2]-i[0]:Number(t.state.width)||0,n=i?i[3]-i[1]:Number(t.state.height)||0,o=Math.max(0,s)*Math.max(0,n)*e*e;return!(o>2e6)&&!(!this.map.has(t)&&this.__bytes+4*o>33554432)}if("function"==typeof t.calcDots&&!t.isLine){const e=Number(t.state.width)||0,i=Number(t.state.height)||0;return isEffectivelyVisible(t)&&!t.state.lineDashFlow&&e*i>=4e4}return!isOpaqueDrawing(t.state)&&("function"==typeof t.createPathObject&&(!t.childNodes&&!t.isLine&&isEffectivelyVisible(t)))}has(t){return this.map.has(t)}contentKey(t){const e=t.state;if("function"==typeof t.measureText){const t=e.style||{};return[e.text,t.fontWeight,t.fontSize,t.fontFamily,t.font,t.textAlign,t.textBaseline,t.paddingTop,t.paddingBottom,t.paddingLeft,t.paddingRight,e.fill,e.stroke,JSON.stringify(e.lineDash),e.lineDashOffset,e.lineDashFlow,e.lineBorder,e.lineBorderWidth,e.lineBorderColor,this.__styleKey(e)].join("|")}return"function"==typeof t.calcDots?[JSON.stringify(e.dots),e.closePath,e.fill,e.stroke,JSON.stringify(e.lineDash),e.lineDashOffset,e.lineDashFlow,e.lineBorder,e.lineBorderWidth,e.lineBorderColor,this.__styleKey(e)].join("|"):[e.width,e.height,e.radius,e.radiusX,e.radiusY,e.closePath,e.fill,e.stroke,JSON.stringify(e.lineDash),e.lineDashOffset,e.lineDashFlow,e.lineBorder,e.lineBorderWidth,e.lineBorderColor,this.__styleKey(e)].join("|")}__styleKey(t){const e=t.style||{};return[e.fillStyle,e.strokeStyle,e.lineWidth,e.globalAlpha,e.globalCompositeOperation,e.shadow,e.shadowColor,e.shadowBlur,e.shadowOffsetX,e.shadowOffsetY].join("|")}linearKey(t){const e=t.state.composedMatrix;return!e||e.length<6?"":"".concat(e[0],",").concat(e[1],",").concat(e[2],",").concat(e[3])}render(t){if(!this.isCachable(t))return!1;const e=this.__rvp(),i=e.scale,s=e.tx,n=e.ty;let o=this.map.get(t);if(!t.dirty&&o&&this.__sameViewport(o,i,s,n))return this.draw(o),!0;"function"==typeof t.calcDots&&t.refreshParams(),t.composeMatrix();const r=this.linearKey(t),a=this.contentKey(t);let h=!o||o.contentKey!==a||o.linearKey!==r||!this.__sameViewport(o,i,s,n);if(h||(h=!this.refreshPosition(t,o)),h){const e=o||null;e&&(this.__bytes=Math.max(0,this.__bytes-e.pw*e.ph*4)),o=this.build(t,a,r,i,s,n),this.__bytes+=o.pw*o.ph*4}return this.map.set(t,o),this.draw(o),t.dirty=!1,!0}__paintBox(t){const e=t.getMaxBoundingBox().getMinAndMaxPoint(),i=stylePaintPad(t.state);return{minX:e.minX-i,minY:e.minY-i,maxX:e.maxX+i,maxY:e.maxY+i}}build(t,e,i,s,n,o){t.refreshParams(),t.composeMatrix();const r=this.__paintBox(t),a=Math.floor(r.minX*s+n)-1,h=Math.floor(r.minY*s+o)-1,l=Math.max(1,Math.ceil(r.maxX*s+n)-a+1),c=Math.max(1,Math.ceil(r.maxY*s+o)-h+1),{canvas:d,ctx:p}=u.createOffscreenCanvas(l,c),f=[s,0,0,s,n-a,o-h];return t.renderTo(p,f),{canvas:d,ctx:p,pw:l,ph:c,dx:a,dy:h,dx0:a,dy0:h,buildMinX:r.minX,buildMinY:r.minY,rs:s,ox:n,oy:o,contentKey:e,linearKey:i}}refreshPosition(t,e){const i=this.__paintBox(t),s=e.rs,n=s*(i.minX-e.buildMinX),o=s*(i.minY-e.buildMinY);if(Math.abs(n-Math.round(n))>1e-6)return!1;if(Math.abs(o-Math.round(o))>1e-6)return!1;const r=e.dx0+Math.round(n),a=e.dy0+Math.round(o);return!(i.minX*s+e.ox<r)&&(!(i.minY*s+e.oy<a)&&(!(i.maxX*s+e.ox>r+e.pw)&&(!(i.maxY*s+e.oy>a+e.ph)&&(e.dx=r,e.dy=a,!0))))}draw(t){const e=this.ice.ctx;e.save(),e.setTransform(1,0,0,1,0,0),e.drawImage(t.canvas,t.dx,t.dy),e.restore()}invalidate(t){const e=this.map.get(t);e&&(this.__bytes=Math.max(0,this.__bytes-e.pw*e.ph*4)),this.map.delete(t)}clear(){this.map=new WeakMap,this.__bytes=0}};var ct=class CanvasRenderer extends m{constructor(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};super(),_defineProperty(this,"stopped",!1),_defineProperty(this,"renderMode","dirty-rect"),_defineProperty(this,"__forceFullRender",!1),_defineProperty(this,"componentQueue",[]),_defineProperty(this,"toolsQueue",[]),_defineProperty(this,"__queueDirty",!0),_defineProperty(this,"__zSnap",[]),_defineProperty(this,"__snap",new WeakMap),_defineProperty(this,"__primed",!1),_defineProperty(this,"__lastFrameCulled",0),this.ice=t,this.cache=new lt(t),"full"!==e.renderMode&&"dirty-rect"!==e.renderMode||(this.renderMode=e.renderMode)}markQueueDirty(){this.__queueDirty=!0}setRenderMode(t){this.renderMode=t}getRenderMode(){return this.renderMode}start(){return this.stopped=!1,this.ice.evtBus.on(t.ICE_FRAME_EVENT,this.frameEvtHandler,this),this}stop(){return this.stopped=!0,this.ice.evtBus.off(t.ICE_FRAME_EVENT,this.frameEvtHandler,this),this}frameEvtHandler(t){if(this.ice.dirty){if(this.refreshQueue(),this.cache.beginFrame(),"dirty-rect"===this.renderMode&&!this.__forceFullRender){const t=this.__collect();if(t)return void this.__renderDirtyRect(t)}this.doRenderFull()}}refreshQueue(){if(this.__queueDirty)this.__rebuildQueue();else if(this.__zOrderChanged()){const compareZ=(t,e)=>t.state.zIndex-e.state.zIndex;this.componentQueue.sort(compareZ),this.toolsQueue.sort(compareZ),this.__snapshotZ()}}__rebuildQueue(){const compareZ=(t,e)=>t.state.zIndex-e.state.zIndex;this.componentQueue=flattenTree([],this.ice.childNodes),this.componentQueue.sort(compareZ),this.toolsQueue=flattenTree([],this.ice.toolNodes),this.toolsQueue.sort(compareZ),this.__queueDirty=!1,this.__snapshotZ(),this.__snap=new WeakMap,this.__primed=!1}__snapshotZ(){const t=this.componentQueue.length+this.toolsQueue.length;this.__zSnap.length!==t&&(this.__zSnap=new Array(t));let e=0;for(let t=0;t<this.componentQueue.length;t++)this.__zSnap[e++]=this.componentQueue[t].state.zIndex;for(let t=0;t<this.toolsQueue.length;t++)this.__zSnap[e++]=this.toolsQueue[t].state.zIndex}__zOrderChanged(){const t=this.componentQueue.length+this.toolsQueue.length;if(this.__zSnap.length!==t)return!0;let e=0;for(let t=0;t<this.componentQueue.length;t++)if(this.__zSnap[e++]!==this.componentQueue[t].state.zIndex)return!0;for(let t=0;t<this.toolsQueue.length;t++)if(this.__zSnap[e++]!==this.toolsQueue[t].state.zIndex)return!0;return!1}doRenderFull(){this.ice.ctx.setTransform(1,0,0,1,0,0),this.ice.ctx.clearRect(0,0,this.ice.canvasWidth,this.ice.canvasHeight);const e=this.__visibleWorldRect();let i=0;for(let t=0;t<this.componentQueue.length;t++){const s=this.componentQueue[t];if(e&&s.isEffectivelyVisible()&&!s.dirty){const t=this.__snap.get(s);if(t&&!intersects(t,e)){i++;continue}}this.__ensureContext(s),this.__renderComponent(s),s.isEffectivelyVisible()&&this.__capture(s)}this.__lastFrameCulled=i;for(let t=0;t<this.toolsQueue.length;t++){const e=this.toolsQueue[t];this.__ensureContext(e),e.render(),e.isEffectivelyVisible()&&this.__capture(e)}this.__invokePluginRender(null),this.__finalizeHidden(this.componentQueue),this.__finalizeHidden(this.toolsQueue),this.__primed=!0,this.ice.dirty=!1,this.ice.evtBus.trigger(t.ROUND_FINISH)}__collect(){if(!this.__primed)return null;const t=this.ice.ctx,e=this.ice.canvasWidth||0,i=this.ice.canvasHeight||0;if(!e||!i)return null;if(!t||"function"!=typeof t.save||"function"!=typeof t.clip||"function"!=typeof t.restore)return null;const s=this.__preCount(this.componentQueue);if(0===s.dirty)return null;if(s.visible>0&&s.dirty/s.visible>.2)return null;const n=[];if(!this.__collectDirtyBoxes(n,this.componentQueue))return null;if(!this.__collectDirtyBoxes(n,this.toolsQueue))return null;const o=function coalesceRegions(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:6;const i=[];for(let e=0;e<t.length;e++){const s=t[e];if(!isFiniteBox(s))continue;let n=!1;for(let t=0;t<i.length;t++)if(intersects(i[t],s)&&isWorthMerging(i[t],s)){i[t]=mergeBox(i[t],s),n=!0;break}n||i.push([s[0],s[1],s[2],s[3]])}let s=!0;for(;s;){s=!1;for(let t=0;t<i.length&&!s;t++)for(let e=t+1;e<i.length;e++)if(intersects(i[t],i[e])&&isWorthMerging(i[t],i[e])){i[t]=mergeBox(i[t],i[e]),i.splice(e,1),s=!0;break}}for(;i.length>e;){let t=0,e=1,s=1/0;for(let n=0;n<i.length;n++)for(let o=n+1;o<i.length;o++){const r=boxArea(mergeBox(i[n],i[o]))-boxArea(i[n])-boxArea(i[o]);isWorthMerging(i[n],i[o])&&r<s&&(s=r,t=n,e=o)}if(s===1/0){if(i.length>24)return[i.reduce((t,e)=>mergeBox(t,e),[1/0,1/0,-1/0,-1/0])];break}i[t]=mergeBox(i[t],i[e]),i.splice(e,1)}return i}(n,6);if(!o.length)return null;const r=this.__renderViewport(),a=[];for(let t=0;t<o.length;t++)integerAlign(o[t]),a.push(mapBoxToRender(o[t],r));if(function regionsAreaRatio(t,e,i){if(!e||!i)return 1;let s=0;for(let e=0;e<t.length;e++)s+=boxArea(t[e]);return s/(e*i)}(a,e,i)>.35)return null;if(this.__riskyIntersectsRegions(o,this.componentQueue))return null;if(this.__riskyIntersectsRegions(o,this.toolsQueue))return null;const h=[1/0,1/0,-1/0,-1/0];for(let t=0;t<o.length;t++)unionBoxes(h,o[t]);return{regions:o,renderRegions:a,bounding:h}}__renderViewport(){return"function"==typeof this.ice.getRenderViewport?this.ice.getRenderViewport():this.ice.viewport}__preCount(t){let e=0,i=0,s=!1;for(let n=0;n<t.length;n++){const o=t[n];o.isEffectivelyVisible()?(e++,o.dirty&&i++):this.__snap.has(o)&&(s=!0)}return{visible:e,dirty:i,hiddenErase:s}}__collectDirtyBoxes(t,e){for(let i=0;i<e.length;i++){const s=e[i];if(!s.isEffectivelyVisible()){const e=this.__snap.get(s);e&&t.push([e[0],e[1],e[2],e[3]]);continue}if(!s.dirty)continue;s.__paramsDirtyAtCollect=s.paramsDirty;const n=this.__freshBox(s);if(!n)return!1;const o=this.__snap.get(s);t.push(o?mergeBox(o,n):n)}return!0}__riskyIntersectsRegions(t,e){for(let i=0;i<e.length;i++){const s=e[i];if(!s.isEffectivelyVisible())continue;if(!(this.__isDotPath(s)||this.__isText(s)||!isOpaqueDrawing(s.state)))continue;if(s.dirty){if(!this.__isText(s))continue;if(!s.__paramsDirtyAtCollect&&this.cache.isCachable(s)&&this.cache.has(s))continue;return!0}if(this.cache.isCachable(s)&&this.cache.has(s))continue;const n=this.__snap.get(s);if(!n)return!0;for(let e=0;e<t.length;e++)if(intersects(n,t[e]))return!0}return!1}__renderDirtyRect(e){const i=this.ice.ctx,s=e.regions,n=e.renderRegions;for(let t=0;t<s.length;t++){const e=s[t],o=n[t],r=o[0],a=o[1],h=o[2]-o[0],l=o[3]-o[1];if(!(h<=0||l<=0)){i.save(),i.setTransform(1,0,0,1,0,0),i.clearRect(r,a,h,l),i.beginPath(),i.rect(r,a,h,l),i.clip();for(let t=0;t<this.componentQueue.length;t++){const i=this.componentQueue[t];if(!i.isEffectivelyVisible())continue;const s=this.__snap.get(i);(i.dirty||s&&intersects(s,e))&&(this.__ensureContext(i),this.__renderComponent(i),this.__capture(i))}for(let t=0;t<this.toolsQueue.length;t++){const e=this.toolsQueue[t];e.isEffectivelyVisible()&&(this.__ensureContext(e),e.render(),this.__capture(e))}this.__invokePluginRender(e),i.restore()}}this.__finalizeHidden(this.componentQueue),this.__finalizeHidden(this.toolsQueue),this.ice.dirty=!1,this.ice.evtBus.trigger(t.ROUND_FINISH)}__invokePluginRender(t){const e=this.ice&&this.ice.plugins;if(!e||"function"!=typeof e.hasRenderHooks||!e.hasRenderHooks())return;const i=this.ice.ctx,s=this.__renderViewport();i.setTransform(s.scale,0,0,s.scale,s.tx,s.ty),e.invokeRenderHooks({ctx:i,mode:this.renderMode,region:t,width:this.ice.canvasWidth,height:this.ice.canvasHeight})}__ensureContext(t){t.ctx===this.ice.ctx&&t.ice===this.ice||(t.root=this.ice.root,t.ctx=this.ice.ctx,t.evtBus=this.ice.evtBus,t.ice=this.ice)}getWorldBox(t){return this.__snap.get(t)||null}__visibleWorldRect(){const t=this.ice.canvasWidth||0,e=this.ice.canvasHeight||0;if(!t||!e)return null;const[i,s]=this.ice.screenToWorld(0,0),[n,o]=this.ice.screenToWorld(t,e),r=[Math.min(i,n),Math.min(s,o),Math.max(i,n),Math.max(s,o)];return isFiniteBox(r)?r:null}__renderComponent(t){this.cache.render(t)||t.render()}__isDotPath(t){return"function"==typeof t.calcDots}__isText(t){return"function"==typeof t.measureText}__freshBox(t){try{"function"==typeof t.refreshParams&&t.refreshParams();const e=t.getMaxBoundingBox(!0).getMinAndMaxPoint(),i=stylePaintPad(t.state),s=[e.minX-i,e.minY-i,e.maxX+i,e.maxY+i];return isFiniteBox(s)?s:null}catch(t){return null}}__capture(t){let e=this.__snap.get(t);e||(e=new Float64Array(4),this.__snap.set(t,e)),t.__paintWorldBox(e);const i=stylePaintPad(t.state);e[0]-=i,e[1]-=i,e[2]+=i,e[3]+=i}__finalizeHidden(t){for(let e=0;e<t.length;e++){const i=t[e];!i.isEffectivelyVisible()&&i.dirty&&(i.dirty=!1,this.__snap.delete(i))}}};class ImageCache{constructor(t){_defineProperty(this,"imageCache",new Map),this.ice=t}setImage(t){let e=this.imageCache.get(t);return e||(e=u.createImage(),e.onload=()=>{this.ice.dirty=!0},e.onerror=()=>{},e.src=t,this.imageCache.size>ImageCache.CACHE_SIZE&&this.imageCache.delete(this.imageCache.keys().next().value),this.imageCache.set(t,e)),{loaded:this.loaded(e),image:e}}loaded(t){return t.complete&&t.naturalWidth>0}}_defineProperty(ImageCache,"CACHE_SIZE",100);var dt=class ICE{constructor(){_defineProperty(this,"childNodes",[]),_defineProperty(this,"toolNodes",[]),_defineProperty(this,"__childSet",new WeakSet),_defineProperty(this,"__toolSet",new WeakSet),_defineProperty(this,"canvasWidth",0),_defineProperty(this,"canvasHeight",0),_defineProperty(this,"viewport",{scale:1,tx:0,ty:0}),_defineProperty(this,"dpr",1),_defineProperty(this,"__renderVp",null),_defineProperty(this,"__contentBox",null),_defineProperty(this,"selectionList",[]),_defineProperty(this,"plugins",new PluginHost(this)),_defineProperty(this,"theme",getTheme()),_defineProperty(this,"typeMapping",{}),_defineProperty(this,"__typeIdMapping",null),_defineProperty(this,"__dirty",!0),_defineProperty(this,"__initialized",!1)}__resolveCanvasEl(t){return t&&"function"==typeof t.getContext?t:t&&t.canvas&&"function"==typeof t.canvas.getContext?t.canvas:null}init(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(!t)throw new Error("ICE.init() failed...");const i=this.__resolveCanvasEl(t);if(this.__initialized){if(i&&i===this.canvasEl)return this;throw new Error("同一个 ICE 实例已经绑定到其它 canvas，如需重新初始化请先调用 destroy()。")}for(const t in nt)this.typeMapping[t]=nt[t];return this.__typeIdMapping=null,this.root=u,isString(t)?this.canvasEl=this.root.document.getElementById(t):i&&(this.canvasEl=i),e&&"number"==typeof e.dpr&&e.dpr>0&&(this.dpr=e.dpr),this.canvasEl?(this.canvasEl.oncontextmenu=function(t){t.preventDefault(),t.stopPropagation()},this.canvasWidth=this.canvasEl.width,this.canvasHeight=this.canvasEl.height,this.canvasBoundingClientRect=this.canvasEl.getBoundingClientRect(),this.__contentBox=this.__readContentBox(this.canvasBoundingClientRect),this.ctx=this.canvasEl.getContext("2d"),this.canvasEl.style&&(this.canvasEl.style.touchAction="none"),1!==this.dpr&&this.__applyDevicePixelRatio()):this.ctx=t,this.evtBus=new z,rt.registerEvtBus(this.evtBus),rt.start(),V.registerEvtBus(this.evtBus),V.start(),this.eventDispatcher=new L(this).start(),this.animationManager=new l(this).start(),this.controlPanelManager=new M(this).start(),this.renderer=new ct(this,e).start(),this.alignmentGuide=new B(this),this.linkSlotManager=new ICELinkSlotManager(this).start(),this.serializer=new Serializer(this),this.deserializer=new Deserializer(this),this.imageCache=new ImageCache(this),this.__initialized=!0,this}destroy(){if(!this.__initialized)return;const t=[this.renderer,this.animationManager,this.controlPanelManager,this.linkSlotManager];for(let e=0;e<t.length;e++){const i=t[e];i&&"function"==typeof i.stop&&i.stop()}this.eventDispatcher&&(this.eventDispatcher.stopped=!0),this.canvasEl&&this.canvasEl.oncontextmenu&&(this.canvasEl.oncontextmenu=null),this.evtBus&&(rt.delEvtBus(this.evtBus),V.delEvtBus(this.evtBus)),0===rt.evtBuses.length&&rt.stop(),this.plugins&&this.plugins.clear(),this.clearAll(),this.renderer=null,this.animationManager=null,this.controlPanelManager=null,this.linkSlotManager=null,this.eventDispatcher=null,this.alignmentGuide=null,this.serializer=null,this.deserializer=null,this.imageCache=null,this.ctx=null,this.canvasEl=null,this.canvasBoundingClientRect=null,this.dpr=1,this.__renderVp=null,this.__contentBox=null,this.__initialized=!1}addTool(e){this.__toolSet.has(e)||(this.evtBus.trigger(t.BEFORE_ADD,null,{component:e}),e.trigger(t.BEFORE_ADD),e.ice=this,e.ctx=this.ctx,e.evtBus=this.evtBus,this.toolNodes.push(e),this.__toolSet.add(e),this.dirty=!0,this.renderer&&this.renderer.markQueueDirty(),e&&"function"==typeof e.__reapplyPreset&&e.__reapplyPreset(this.theme),this.evtBus.trigger(t.AFTER_ADD,null,{component:e}),e.trigger(t.AFTER_ADD))}removeTool(e){if(!this.__toolSet.has(e))return;this.evtBus.trigger(t.BEFORE_REMOVE,null,{component:e}),e.trigger(t.BEFORE_REMOVE);const i=this.toolNodes.indexOf(e);-1!==i&&this.toolNodes.splice(i,1),this.__toolSet.delete(e),this.evtBus.trigger(t.AFTER_REMOVE,null,{component:e}),e.trigger(t.AFTER_REMOVE),this.dirty=!0,this.renderer&&this.renderer.markQueueDirty(),e.destory()}addChild(e){let i=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];if(this.__childSet.has(e))return;this.evtBus.trigger(t.BEFORE_ADD,null,{component:e}),e.trigger(t.BEFORE_ADD),e.ice=this,e.ctx=this.ctx,e.evtBus=this.evtBus,e.parentNode=null,this.childNodes.push(e),this.__childSet.add(e);let s=!1;const n=e.props.animations;if(n)for(const t in n){s=!0;break}s&&this.animationManager.add(e),this.dirty=i,this.renderer&&this.renderer.markQueueDirty(),e&&"function"==typeof e.__reapplyPreset&&e.__reapplyPreset(this.theme),this.evtBus.trigger(t.AFTER_ADD,null,{component:e}),e.trigger(t.AFTER_ADD)}addChildren(t){for(let e=0;e<t.length;e++)this.addChild(t[e],!1);this.dirty=!0}removeChild(e){let i=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];if(!this.__childSet.has(e))return;this.evtBus.trigger(t.BEFORE_REMOVE,null,{component:e}),e.trigger(t.BEFORE_REMOVE);const s=this.childNodes.indexOf(e);-1!==s&&this.childNodes.splice(s,1),this.__childSet.delete(e),this.evtBus.trigger(t.AFTER_REMOVE,null,{component:e}),e.trigger(t.AFTER_REMOVE),this.dirty=i,this.renderer&&this.renderer.markQueueDirty(),e.destory()}removeChildren(t){for(let e=0;e<t.length;e++)this.removeChild(t[e],!1);this.dirty=!0}clearAll(){this.removeChildren([...this.childNodes])}findComponent(t){if(!t)return;return this.childNodes.filter(e=>e.props.id===t)[0]||this.__findComponentInTree(this.childNodes,t)}__findComponentInTree(t,e){for(let i=0;i<t.length;i++){const s=t[i];if(s.props&&s.props.id===e)return s;if(s.childNodes&&s.childNodes.length){const t=this.__findComponentInTree(s.childNodes,e);if(t)return t}}}set dirty(t){this.__dirty=t}get dirty(){return this.__dirty}registerType(t,e){this.typeMapping[t]=e,this.__typeIdMapping=null}getTypeId(t){if(!t)return;let e=this.__typeIdMapping;if(!e){e=new Map;for(const t in this.typeMapping){const i=this.typeMapping[t];"function"!=typeof i||e.has(i)||e.set(i,t)}this.__typeIdMapping=e}return e.get(t)}use(t){return this.plugins.use(t)}unuse(t){return this.plugins.unuse(t)}getPlugins(){return this.plugins.names}setSelection(t){return this.selectionList=null==t?[]:Array.isArray(t)?t:[t],!!this.plugins&&this.plugins.syncTools(this.selectionList[0]||null)}getAccessibilityTree(t){return buildAccessibilityTree(this,t)}setFocusedComponent(t){let e=t;if("string"==typeof t){e=flattenAllComponents(this).filter(e=>e.props&&e.props.id===t)[0]||null}return this.eventDispatcher&&(this.eventDispatcher.focusedComponent=e||null),this}getFocusedComponent(){return this.eventDispatcher?this.eventDispatcher.focusedComponent:null}getType(t){return this.typeMapping[t]}loadFont(t,e){return u.loadFont(t,e)}setTheme(t){return this.theme=resolveTheme(t,this.theme),this.__reapplyPresets(),this}setViewport(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0;const s=Number(t);return this.viewport={scale:s>0?s:1,tx:Number(e)||0,ty:Number(i)||0},this.dirty=!0,this.renderer&&this.renderer.markQueueDirty(),this}screenToWorld(t,e){const i=this.viewport;return[(t-i.tx)/i.scale,(e-i.ty)/i.scale]}worldToScreen(t,e){const i=this.viewport;return[t*i.scale+i.tx,e*i.scale+i.ty]}getRenderViewport(){const t=this.viewport;if(1===this.dpr)return t;let e=this.__renderVp;return e||(e=this.__renderVp={scale:1,tx:0,ty:0,__d:1,__s:1,__tx:0,__ty:0}),e.__d===this.dpr&&e.__s===t.scale&&e.__tx===t.tx&&e.__ty===t.ty||(e.__d=this.dpr,e.__s=t.scale,e.__tx=t.tx,e.__ty=t.ty,e.scale=t.scale*this.dpr,e.tx=t.tx*this.dpr,e.ty=t.ty*this.dpr),e}__applyDevicePixelRatio(){const t=this.canvasEl;if(!t)return;const e=this.__readContentBox("function"==typeof t.getBoundingClientRect?t.getBoundingClientRect():null),i=e.width||t.width,s=e.height||t.height;t.width=Math.round(i*this.dpr),t.height=Math.round(s*this.dpr),t.style&&(t.style.width=i+"px",t.style.height=s+"px"),this.canvasWidth=t.width,this.canvasHeight=t.height,this.updateCanvasBoundingRect()}updateCanvasBoundingRect(){return this.canvasEl&&"function"==typeof this.canvasEl.getBoundingClientRect&&(this.canvasBoundingClientRect=this.canvasEl.getBoundingClientRect(),this.__contentBox=this.__readContentBox(this.canvasBoundingClientRect)),this.canvasBoundingClientRect}__readContentBox(t){const e=this.canvasEl;let i=0,s=0,n=0,o=0,r=0,a=0,h=0,l=0;const c=this.root&&"function"==typeof this.root.getComputedStyle&&e?this.root.getComputedStyle(e):null;if(c){const num=t=>{const e=parseFloat(t);return isFinite(e)?e:0};i=num(c.borderLeftWidth),s=num(c.borderRightWidth),n=num(c.borderTopWidth),o=num(c.borderBottomWidth),r=num(c.paddingLeft),a=num(c.paddingRight),h=num(c.paddingTop),l=num(c.paddingBottom)}const d=t&&t.left||0,u=t&&t.top||0,p=t&&t.width||0,f=t&&t.height||0;return{left:d+i+r,top:u+n+h,width:Math.max(0,p-i-s-r-a),height:Math.max(0,f-n-o-h-l)}}getInputRect(){return this.__contentBox||this.updateCanvasBoundingRect(),this.__contentBox||this.canvasBoundingClientRect||{left:0,top:0,width:0,height:0}}zoomAt(t,e,i){let s=arguments.length>3&&void 0!==arguments[3]?arguments[3]:.05,n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:20;const o=Number(i);if(!isFinite(o)||o<=0)return this;const[r,a]=this.screenToWorld(t,e),h=this.viewport.scale,l=Math.min(s,n),c=Math.max(s,n),d=Math.min(c,Math.max(l,h*o));return d===h?this:this.setViewport(d,t-r*d,e-a*d)}hitTest(t,e){const[i,s]=this.screenToWorld(t,e);return hitTestComponents(this,i,s,1)}registerTheme(t,e){return registerTheme(t,e),this}getTheme(){return this.theme}__reapplyPresets(){const t=flattenAllComponents(this);for(const e of t)"function"==typeof e.__reapplyPreset&&e.__reapplyPreset(this.theme)}createLinearGradient(t,e,i,s){return this.ctx.createLinearGradient(t,e,i,s)}createRadialGradient(t,e,i,s,n,o){return this.ctx.createRadialGradient(t,e,i,s,n,o)}createConicGradient(t,e,i){return"function"==typeof this.ctx.createConicGradient?this.ctx.createConicGradient(t,e,i):null}createPattern(t,e){return this.ctx.createPattern(t,e)}getImageData(t,e,i,s){return this.ctx.getImageData(t,e,i,s)}putImageData(t,e,i){this.ctx.putImageData(t,e,i)}createImageData(t,e){return this.ctx.createImageData(t,e)}toDataURL(t,e){return this.canvasEl.toDataURL(t,e)}toBlob(t,e,i){this.canvasEl.toBlob(t,e,i)}toJSONString(){return this.serializer.toJSONString()}toJSONObject(){return this.serializer.toJSONObject()}fromJSONObject(t){rt.stop(),this.renderer.stop(),this.eventDispatcher.stopped=!0,this.animationManager.stop(),this.controlPanelManager.stop(),this.linkSlotManager.stop(),this.clearAll(),this.deserializer.fromJSONObject(t),rt.start(),this.renderer.start(),this.animationManager.start(),this.controlPanelManager.start(),this.linkSlotManager.start(),setTimeout(()=>{this.eventDispatcher.stopped=!1},300)}fromJSONString(t){const e=JSON.parse(t);this.fromJSONObject(e)}};export{B as AlignmentGuideManager,l as AnimationManager,ct as CanvasRenderer,n as DARK_THEME,s as DEFAULT_THEME,L as DOMEventDispatcher,V as DOMEventInterceptor,z as EventBus,GeoLine,GeoPoint,GeoUtil,dt as ICE,ICEBezier,$ as ICEBorderLayout,_ as ICEBoundingBox,tt as ICEBoxLayout,et as ICECardLayout,S as ICECircle,v as ICEComponent,ICEControlPanel,M as ICEControlPanelManager,ICEDotPath,P as ICEEllipse,m as ICEEventTarget,Q as ICEFlowLayout,Z as ICEGridLayout,w as ICEGroup,Y as ICEImage,W as ICEIsogon,st as ICELayeredLayout,J as ICELayoutManager,ICELinkHook,G as ICELinkSlot,it as ICEOverlayLayout,b as ICEPath,H as ICEPolyLine,C as ICERect,j as ICERose,K as ICEStar,q as ICEText,h as ICETheme,ICEVisioLink,LineControlPanel,PluginHost,ResizeControl,RotateControl,a as STYLE_PRESETS,TransformControlPanel,i as baseTokens,buildAccessibilityTree,getTheme,registerTheme,setTheme};