ice-render 1.4.10 → 1.4.11

package/dist/index.cjs

@@ -24,7 +24,7 @@
 
 "use strict";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"),o=s?parseInt(s,10):0,r=Math.round(Number("".concat(i,"e").concat(o+e))),[a,h]="".concat(r).split("e");return Number("".concat(a,"e").concat((h?parseInt(h,10):0)-e))}function isPlainObject(t){if(null===t||"object"!=typeof t||Array.isArray(t))return!1;const e=Object.getPrototypeOf(t);return e===Object.prototype||null===e}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 o=t[i];isPlainObject(s)&&isPlainObject(o)?(Object.prototype.hasOwnProperty.call(t,i)||(t[i]=cloneDeep(o)),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 o=Math.max(0,t)*e;return 1-Math.exp(-i*o)*(Math.cos(s*o)+i/s*Math.sin(s*o))}}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)},o={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]]})},r={default:s,dark:o};let a=s;function registerTheme(t,e){r[t]=e}function resolveTheme(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:a;return"string"==typeof t?r[t]||s:{base:e.base,semantic:_objectSpread2(_objectSpread2({},e.semantic),t)}}function setTheme(t){return a=resolveTheme(t,a),a}function getTheme(){return a}const h={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 l={baseTokens:i,DEFAULT_THEME:s,DARK_THEME:o,registerTheme:registerTheme,setTheme:setTheme,getTheme:getTheme,STYLE_PRESETS:h};var c=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],o=s.state.interactive;s.state.interactive=!1,this.tween(s,e),s.state.interactive=o}}__writeValue(t,e,i){const s=e.indexOf(".");if(-1===s)return void(t[e]=i);const o=e.slice(0,s),r=e.slice(s+1);t[o]&&"object"==typeof t[o]||(t[o]={}),this.__writeValue(t[o],r,i)}tween(t,e){const i={},s=t.props.animations,o=isUndefined(e)?Date.now():e;let r=!1;for(const t in s){const e=s[t];if(e.finished)continue;let a;if(isUndefined(e.startTime)&&(e.startTime=o,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}a=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 h=Number(e.duration);if(!Number.isFinite(h)||h<=0){this.__reject(e,"[ICE] 动画属性「".concat(t,"」的 duration 必须是正数，当前为 ").concat(String(e.duration),"；已直接落到终点。")),this.__writeValue(i,t,this.__roundIfNeeded(e,this.__sampleValue(a,e,1)));continue}const l=Number(e.delay)||0,c=o-e.startTime-l;if(c<0){r=!0,this.__writeValue(i,t,this.__sampleValue(a,e,0));continue}if(c>=h){let s=this.__sampleValue(a,e,1);this.shouldRepeat(e)?(e.startTime=o,s=this.__sampleValue(a,e,0),r=!0):e.finished=!0,this.__writeValue(i,t,this.__roundIfNeeded(e,s));continue}r=!0;const d=a?c/h:this.__easingFn(e.easing,e)(c/h);this.__writeValue(i,t,this.__roundIfNeeded(e,this.__sampleValue(a,e,d)))}return r||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],o=t[t.length-1];if(i<=s.offset)return s.value;if(i>=o.offset)return o.value;for(let s=0;s<t.length-1;s++){const o=t[s],r=t[s+1];if(i<o.offset||i>r.offset)continue;const a=r.offset-o.offset;if(a<=0)return r.value;const h=(i-o.offset)/a,l=this.__easingFn(isUndefined(o.easing)?e.easing:o.easing,e);return this.__interpolate(o.value,r.value,l(h))}return o.value}__interpolate(t,e,i){if("number"==typeof t)return t+(e-t)*i;const s=new Array(t.length);for(let o=0;o<t.length;o++)s[o]=t[o]+(e[o]-t[o])*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]||{},o=isUndefined(s.offset)?t/(e.length-1):Number(s.offset);if(!Number.isFinite(o))return null;i.push({offset:Math.min(1,Math.max(0,o)),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 o="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!==o)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 d=0;function bumpVisibilityEpoch(){d++}function getVisibilityEpoch(){return d}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 o=flattenAllComponents(t);o.sort((t,e)=>t.state.zIndex-e.state.zIndex);const r=t.renderer,a=r&&"function"==typeof r.getWorldBox;let h=null;for(let t=0;t<o.length;t++){const l=o[t];if(!l.isControlPanel&&(l.state.interactive&&isEffectivelyVisible(l))){if(a){const t=r.getWorldBox(l);if(t&&(e<t[0]-s||e>t[2]+s||i<t[1]-s||i>t[3]+s))continue}if(l.containsPoint(e,i)){if("function"==typeof l.isPointClippedOut&&l.isPointClippedOut(e,i))continue;h=l}}}return h}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 o=0;o<e.length;o++){const r=e[o];r._level=i,r._pid=s,t.push(r);const a=r.props&&void 0!==r.props.id?r.props.id:r.id;flattenTree(t,r.childNodes||[],i+1,a)}return t}class Path2DRecorder{constructor(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;_defineProperty(this,"_commands",[]),_defineProperty(this,"_closed",!1),_defineProperty(this,"native",null),_defineProperty(this,"__current",null),_defineProperty(this,"__subpathStart",null),this.native=t||null,this._isPolyfill=!this.native}get drawable(){return this.native||this}moveTo(t,e){this._commands.push(["moveTo",t,e]),this.__current=[t,e],this.__subpathStart=[t,e],this.native&&this.native.moveTo(t,e)}lineTo(t,e){this._commands.push(["lineTo",t,e]),this.__current=[t,e],this.native&&this.native.lineTo(t,e)}bezierCurveTo(t,e,i,s,o,r){this._commands.push(["bezierCurveTo",t,e,i,s,o,r]),this.__current=[o,r],this.native&&this.native.bezierCurveTo(t,e,i,s,o,r)}quadraticCurveTo(t,e,i,s){this._commands.push(["quadraticCurveTo",t,e,i,s]),this.__current=[i,s],this.native&&this.native.quadraticCurveTo(t,e,i,s)}arcTo(t,e,i,s,o){const r=Math.abs(Number(o)||0),a=this.__current;if(!a||0===r)return void this.lineTo(t,e);const h=a[0]-t,l=a[1]-e,c=i-t,d=s-e,u=Math.sqrt(h*h+l*l),p=Math.sqrt(c*c+d*d);if(0===u||0===p)return void this.lineTo(t,e);const f=h/u,g=l/u,m=c/p,_=d/p,y=f*_-g*m,x=Math.max(-1,Math.min(1,f*m+g*_));if(Math.abs(y)<1e-9||Math.abs(x)>=1-1e-9)return void this.lineTo(t,e);const v=Math.acos(x),b=r/Math.tan(v/2),E=t+f*b,C=e+g*b,w=t+m*b,S=e+_*b,M=f+m,P=g+_,T=Math.sqrt(M*M+P*P)||1,B=r/Math.sin(v/2),I=t+M/T*B,O=e+P/T*B,R=Math.atan2(C-O,E-I),A=Math.atan2(S-O,w-I);this.lineTo(E,C),this.arc(I,O,r,R,A,y>0)}rect(t,e,i,s){this._commands.push(["rect",t,e,i,s]),this.__current=[t,e],this.__subpathStart=[t,e],this.native&&this.native.rect(t,e,i,s)}arc(t,e,i,s,o){let r=arguments.length>5&&void 0!==arguments[5]&&arguments[5];this._commands.push(["arc",t,e,i,s,o,r]),this.__current=[t+i*Math.cos(o),e+i*Math.sin(o)],this.native&&this.native.arc(t,e,i,s,o,r)}ellipse(t,e,i,s,o,r,a,h){this._commands.push(["ellipse",t,e,i,s,o,r,a,h]),this.__current=[t+i*Math.cos(a)*Math.cos(o)-s*Math.sin(a)*Math.sin(o),e+i*Math.cos(a)*Math.sin(o)+s*Math.sin(a)*Math.cos(o)],this.native&&this.native.ellipse(t,e,i,s,o,r,a,h)}closePath(){this._closed=!0;const t=this._commands[this._commands.length-1];t&&"closePath"===t[0]||this._commands.push(["closePath"]),this.__current=this.__subpathStart?[this.__subpathStart[0],this.__subpathStart[1]]:null,this.native&&this.native.closePath()}get currentPoint(){return this.__current}}let u=null;(()=>{const t="undefined"!=typeof window?window:"undefined"!=typeof global?global:{};u=t||{},u.requestFrame=u.requestAnimationFrame||u.webkitRequestAnimationFrame||u.mozRequestAnimationFrame||u.oRequestAnimationFrame||u.msRequestAnimationFrame,"function"!=typeof u.requestFrame&&(u.requestFrame=function(t){return setTimeout(function(){t(Date.now())},16)}),u.createPath2D=()=>"function"==typeof u.Path2D?new Path2DRecorder(new u.Path2D):new Path2DRecorder,u.loadFont=(t,e)=>{if("function"==typeof u.FontFace&&u.document&&u.document.fonts){const i=new u.FontFace(t,e);return u.document.fonts.add(i),i.load()}return u.wx&&"function"==typeof u.wx.loadFont?u.wx.loadFont(e):Promise.resolve()},u.createImage=()=>{if("function"==typeof u.Image)return new u.Image;if(u.wx&&"function"==typeof u.wx.createImage)return u.wx.createImage();throw new Error("当前运行时没有可用的 Image 构造器，无法加载图片。")},"number"==typeof u.devicePixelRatio&&u.devicePixelRatio>0||(u.devicePixelRatio=(()=>{if(u.wx&&"function"==typeof u.wx.getSystemInfoSync)try{return u.wx.getSystemInfoSync().pixelRatio||1}catch(t){return 1}return 1})()),u.createOffscreenCanvas=(t,e)=>{if(u.wx&&"function"==typeof u.wx.createOffscreenCanvas){const i=u.wx.createOffscreenCanvas({type:"2d",width:t,height:e}),s=i.getContext("2d");if(!s)throw new Error("当前运行时无法创建 2d 离屏上下文。");return{canvas:i,ctx:s}}if(u.document&&"function"==typeof u.document.createElement){const i=u.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 p=u,f="undefined"!=typeof Float32Array?Float32Array:Array,g=Math.PI/180;function toRadian(t){return t*g}function invert(t,e){var i=e[0],s=e[1],o=e[2],r=e[3],a=e[4],h=e[5],l=i*r-s*o;return l?(l=1/l,t[0]=r*l,t[1]=-s*l,t[2]=-o*l,t[3]=i*l,t[4]=(o*h-r*a)*l,t[5]=(s*a-i*h)*l,t):null}function multiply(t,e,i){var s=e[0],o=e[1],r=e[2],a=e[3],h=e[4],l=e[5],c=i[0],d=i[1],u=i[2],p=i[3],f=i[4],g=i[5];return t[0]=s*c+r*d,t[1]=o*c+a*d,t[2]=s*u+r*p,t[3]=o*u+a*p,t[4]=s*f+r*g+h,t[5]=o*f+a*g+l,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],o=e[1];return t[0]=i[0]*s+i[2]*o+i[4],t[1]=i[1]*s+i[3]*o+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 f(2);return f!=Float32Array&&(t[0]=0,t[1]=0),t}();var m=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]:p;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]:p,s=this.listeners[t];if(s){s=[...s];for(let o=0;o<s.length;o++){const r=s[o],a=r.callback;if((a===e||a&&a.__onceOriginal===e)&&r.scope===i)return void this.listeners[t].splice(o,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 m(i),e.originalEvent=i.originalEvent?i.originalEvent:i,e.param=_objectSpread2({},s)):e=new m({type:t,timeStamp:Date.now(),param:_objectSpread2({},s)});const o=[...this.listeners[t]];for(let i=0;i<o.length;i++){const s=o[i];-1!==this.listeners[t].indexOf(s)&&s.callback.call(s.scope,e)}return!0}once(t,e){let i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:p;const s=this;function callback(o){s.off(t,callback,i),e.call(i,o)}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]:p;if(!this.listeners[t])return!1;const s=this.listeners[t];if(!s)return!1;for(let t=0;t<s.length;t++){const o=s[t];if(o.callback===e&&o.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 _=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 o=0,r=i.length-1;o<i.length;r=o++){const a=i[o][0],h=i[o][1],l=i[r][0],c=i[r][1];h>e!=c>e&&t<(l-a)*(e-h)/(c-h)+a&&(s=!s)}return s}static distanceToSegment(t,e,i,s,o,r){const a=o-i,h=r-s,l=a*a+h*h;let c=0===l?0:((t-i)*a+(e-s)*h)/l;return c=c<0?0:c>1?1:c,Math.hypot(t-(i+c*a),e-(s+c*h))}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 o=0;o<t.length-1;o++){const r=GeoUtil.distanceToSegment(e,i,t[o][0],t[o][1],t[o+1][0],t[o+1][1]);r<s&&(s=r)}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 o=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),o+=i}if(0===o)return[t[0].slice(),t[t.length-1].slice()];for(let r=0;r<=e;r++){const a=o*r/e;let h=0;for(let e=0;e<s.length;e++){if(h+s[e]>=a||e===s.length-1){const o=0===s[e]?0:(a-h)/s[e];i.push([t[e][0]+(t[e+1][0]-t[e][0])*o,t[e][1]+(t[e+1][1]-t[e][1])*o]);break}h+=s[e]}}return i}static segmentIntersect(t,e,i,s){const o=e[0]-t[0],r=e[1]-t[1],a=s[0]-i[0],h=s[1]-i[1],l=o*h-r*a;if(0===l)return null;const c=((i[0]-t[0])*h-(i[1]-t[1])*a)/l,d=((i[0]-t[0])*r-(i[1]-t[1])*o)/l;return c<0||c>1||d<0||d>1?null:[t[0]+c*o,t[1]+c*r]}static calcRotateAngle(t,e,i,s){const o=t-i,r=e-s,a=Math.hypot(o,r),h=o/a;let l=(r/a<0?-1:1)*Math.acos(h)*180/Math.PI+360;return l%=360,l}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],o=t[3];return[Math.hypot(e,i),Math.hypot(s,o)]}}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:o}=this.getMinAndMaxPoint();if(t[0]<e||t[0]>s||t[1]<i||t[1]>o)return!1;let r,a=0;const h=this.getBoundingLines();for(let e=0;e<h.length;e++){const i=h[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])r=i.o[0];else{const e=(i.d[1]-i.o[1])/(i.d[0]-i.o[0]);r=i.o[0]+(t[1]-i.o[1])/e}r>t[0]&&a++}}return 0!==a&&a%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 o=[this.tr,this.bl,this.br];for(let r=0;r<o.length;r++){const a=o[r];a[0]<t&&(t=a[0]),a[0]>i&&(i=a[0]),a[1]<e&&(e=a[1]),a[1]>s&&(s=a[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],o=this.br[1],r=t.tl[0],a=t.br[0],h=t.tl[1],l=t.br[1];return!(e>a||s>l||i<r||o<h)}transform(t){const e=transformMat2d([],this.tl,t),i=transformMat2d([],this.tr,t),s=transformMat2d([],this.bl,t),o=transformMat2d([],this.br,t),r=transformMat2d([],this.center,t);return new ICEBoundingBox([...e,...i,...s,...o,...r])}union(t){const e=this.getMinAndMaxPoint(),i=t.getMinAndMaxPoint(),s=Math.min(e.minX,i.minX),o=Math.min(e.minY,i.minY),r=Math.max(e.maxX,i.maxX),a=Math.max(e.maxY,i.maxY);return ICEBoundingBox.fromDimension(s,o,r-s,a-o)}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 y=ICEBoundingBox;const x={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}},v=[["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"]],b=Object.freeze([1,0,0,1,0,0]),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,clipChildren:!1,opacity:1,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 o=NaN,r="";Array.isArray(s)?(o=Number(s[0]),r=String(s[1])):s&&"object"==typeof s&&(o=Number(s.offset),r=String(s.color)),isFinite(o)&&r&&e.push([o<0?0:o>1?1:o,r])}return e.sort((t,e)=>t[0]-e[0]),e}function triggerSubtreeMove(e,i){const s=e&&e.childNodes||[];for(let e=0;e<s.length;e++){const o=s[e];o.trigger(t.AFTER_MOVE,i),triggerSubtreeMove(o,i)}}class ICEComponent extends _{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,"__opacityApplied",!1),_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&&h[t.preset]&&(this.__presetName=t.preset,t=merge({},h[t.preset](getTheme()),t)),this.props=Object.create(E),this.props.id="ICE_"+function uuid(){if(p.crypto)return p.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=p,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||!h[this.__presetName])return;const e=h[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){if(this.trigger(t.BEFORE_RENDER),!this.isEffectivelyVisible())return;this.refreshParams(),this.applyStyleToCtx();const s=this.getEffectiveOpacity();1!==s&&(this.__applyStyleProp("globalAlpha",(Number(this.ctx.globalAlpha)||1)*s),this.__opacityApplied=!0),this.applyTransformToCtx(e,i);const o=this.__applyAncestorClips();this.doRender(),o&&this.ctx.restore(),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&&x[e]){const t=x[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,o=Number(this.state.height)||0,r=t.type||"linear";let a=null;if("radial"===r&&"function"==typeof e.createRadialGradient){const i=Array.isArray(t.center)?t.center:[s/2,o/2],r=Number(t.radius)>0?Number(t.radius):Math.max(s,o)/2,h=Number(t.innerRadius)>0?Number(t.innerRadius):0;a=e.createRadialGradient(i[0],i[1],h,i[0],i[1],r)}else if("conic"===r&&"function"==typeof e.createConicGradient){const i=Array.isArray(t.center)?t.center:[s/2,o/2];a=e.createConicGradient(Number(t.startAngle)||0,i[0],i[1])}else{if("conic"===r)return null;if("function"==typeof e.createLinearGradient){const i=Array.isArray(t.from)?t.from:[0,0],o=Array.isArray(t.to)?t.to:[s,0];a=e.createLinearGradient(i[0],i[1],o[0],o[1])}}if(!a&&"function"!=typeof e.createLinearGradient)return null;if(!a)return null;for(let t=0;t<i.length;t++)try{a.addColorStop(i[t][0],i[t][1])}catch(t){}return a}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 o=this.__originScratch;if(o||(o=this.__originScratch=[0,0]),o[0]=s[0]+e,o[1]=s[1]+i,this.parentNode){transformMat2d(o,o,[1,0,0,1,-this.parentNode.state.localOrigin[0],-this.parentNode.state.localOrigin[1]]);transformMat2d(o,o,this.parentNode.state.composedMatrix)}return this.state.absoluteOrigin=o,o}calcLinearMatrix(){(!this.state.linearMatrix||this.state.linearMatrix.length<6)&&(this.state.linearMatrix=function create$1(){var t=new f(6);return f!=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 o=Math.tan(i),r=Math.tan(s);return t[0]=e[0],t[1]=e[1]+o,t[2]=e[2]+r,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],o=e[1],r=e[2],a=e[3],h=e[4],l=e[5],c=Math.sin(i),d=Math.cos(i);return t[0]=s*d+r*c,t[1]=o*d+a*c,t[2]=s*-c+r*d,t[3]=o*-c+a*d,t[4]=h,t[5]=l,t}(t,t,toRadian(e.rotate));return function scale(t,e,i){var s=e[0],o=e[1],r=e[2],a=e[3],h=e[4],l=e[5],c=i[0],d=i[1];return t[0]=s*c,t[1]=o*c,t[2]=r*d,t[3]=a*d,t[4]=h,t[5]=l,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,o=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,o,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,o=s&&(1!==s.scale||0!==s.tx||0!==s.ty);let r=null;if(o){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,r=t}else t&&(r=t);if(this.__activeWorldMatrix=r,t||o){this.__composeScratch||(this.__composeScratch=[1,0,0,1,0,0]);const e=this.__composeScratch;multiply(e,r||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)}hasClippingAncestor(){let t=this.parentNode;for(;t&&t.state;){if(t.state.clipChildren)return!0;t=t.parentNode}return!1}getEffectiveOpacity(){const t=this.state.opacity;let e=void 0===t?1:Number(t);e>=0||(e=1);let i=this.parentNode;for(;i&&i.state;){const t=void 0===i.state.opacity?1:Number(i.state.opacity);t>=0&&1!==t&&(e*=t),i=i.parentNode}return e}isPointClippedOut(t,e){let i=this.parentNode;for(;i&&i.state;){if(i.state.clipChildren){const s=i.__paintWorldBox();if(t<s[0]||t>s[2]||e<s[1]||e>s[3])return!0}i=i.parentNode}return!1}__applyAncestorClips(){const t=this.parentNode;if(!t||!t.state)return!1;const e=this.ctx;if(!e||"function"!=typeof e.clip||"function"!=typeof e.rect)return!1;let i=null,s=t;for(;s&&s.state;)s.state.clipChildren&&(i||(i=[])).push(s),s=s.parentNode;if(!i)return!1;const o=this.__activeWorldMatrix||b;e.save(),e.setTransform(1,0,0,1,0,0);for(let t=i.length-1;t>=0;t--){const s=i[t].__paintWorldBox(),r=o[0]*s[0]+o[2]*s[1]+o[4],a=o[1]*s[0]+o[3]*s[1]+o[5],h=o[0]*s[2]+o[2]*s[1]+o[4],l=o[1]*s[2]+o[3]*s[1]+o[5],c=o[0]*s[0]+o[2]*s[3]+o[4],d=o[1]*s[0]+o[3]*s[3]+o[5],u=o[0]*s[2]+o[2]*s[3]+o[4],p=o[1]*s[2]+o[3]*s[3]+o[5],f=Math.min(r,h,c,u),g=Math.min(a,l,d,p),m=Math.max(r,h,c,u),_=Math.max(a,l,d,p);e.beginPath(),e.rect(f,g,m-f,_-g),e.clip()}return this.applyActiveTransform(),!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}hasDerivedChildren(){return!1}getSerializableChildren(){return null}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(),o=s[0]-e,r=s[1]-i,a=s[2]-e,h=s[3]-i;let l=new y([o,r,a,r,o,h,a,h,0,0]);return l=l.transform(t),l}getMaxBoundingBox(){let t=arguments.length>0&&void 0!==arguments[0]&&arguments[0],e=this.getMinBoundingBox(t);const{minX:i,minY:s,maxX:o,maxY:r}=e.getMinAndMaxPoint(),a=e.centerPoint;return e=new y([i,s,o,s,i,r,o,r,a[0],a[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 m;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})),triggerSubtreeMove(this,_objectSpread2(_objectSpread2({},s),{},{left:e,top:i}))}moveGlobalPosition(t,e){let i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:new m;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 m;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.__opacityApplied&&(t|=1<<this.__leakyIndex("globalAlpha"),this.__opacityApplied=!1),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<v.length;i++)t&1<<i&&(e[v[i][0]]=v[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,o=i?i[1]:0,r=this.__localBox(),a=[r[0]-s,r[2]-s],h=[r[1]-o,r[3]-o];if(t[0]=t[1]=1/0,t[2]=t[3]=-1/0,!e||e.length<6)return t[0]=a[0],t[1]=h[0],t[2]=a[1],t[3]=h[1],t;const l=e[0],c=e[1],d=e[2],u=e[3],p=e[4],f=e[5];for(let e=0;e<2;e++){const i=a[e];for(let e=0;e<2;e++){const s=h[e],o=l*i+d*s+p,r=c*i+u*s+f;o<t[0]&&(t[0]=o),o>t[2]&&(t[2]=o),r<t[1]&&(t[1]=r),r>t[3]&&(t[3]=r)}}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 C=ICEComponent;var w=class ICEPath extends C{ensurePathBuilt(){const t=this.path2D&&this.path2D._commands;t&&0!==t.length&&!this.dirty||(this.createPathObject(),this.state.closePath&&this.path2D.closePath())}constructor(){super(_objectSpread2({closePath:!0},arguments.length>0&&void 0!==arguments[0]?arguments[0]:{})),_defineProperty(this,"path2D",p.createPath2D()),_defineProperty(this,"__flowRegistered",!1)}doRender(){this.dirty&&this.createPathObject(),this.state.closePath&&this.path2D.closePath();const t=this.path2D.drawable||this.path2D,e=this.state.lineDash,i=Array.isArray(e)&&e.length>0,s=this.state.lineDashFlow;s&&this.__ensureFlowAnimation();if(this.state.lineBorder&&i&&this.state.stroke){const e=this.ctx;e.save(),e.setLineDash([]),e.lineWidth=(this.state.style.lineWidth||1)+2*(this.state.lineBorderWidth||4),e.strokeStyle=this.state.lineBorderColor||"#c8c8c8",this.path2D._isPolyfill?(this.replayPath(),e.stroke()):e.stroke(t),e.restore()}if(i&&"function"==typeof this.ctx.setLineDash)if(this.ctx.setLineDash(e),s&&"number"==typeof this.ctx.lineDashOffset){const t=e.reduce((t,e)=>t+e,0)||1,i=this.state.lineDashFlowSpeed||60;this.ctx.lineDashOffset=-Date.now()/1e3*i%t}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(t),this.state.stroke&&this.ctx.stroke(t)),i&&"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))}}};var S=class ICERect extends w{constructor(){super(_objectSpread2({width:10,height:10},arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}))}createPathObject(){this.path2D=p.createPath2D();const t=0-this.state.localOrigin[0],e=0-this.state.localOrigin[1],i=this.state.width,s=this.state.height,o=Math.min(this.state.radius||0,i/2,s/2);return o>0?(this.path2D.moveTo(t+o,e),this.path2D.lineTo(t+i-o,e),this.path2D.arcTo(t+i,e,t+i,e+o,o),this.path2D.lineTo(t+i,e+s-o),this.path2D.arcTo(t+i,e+s,t+i-o,e+s,o),this.path2D.lineTo(t+o,e+s),this.path2D.arcTo(t,e+s,t,e+s-o,o),this.path2D.lineTo(t,e+o),this.path2D.arcTo(t,e,t+o,e,o),this.path2D.closePath()):this.path2D.rect(t,e,i,s),this.path2D}};class ICEGroup extends S{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()}adoptChild(t){let e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];if(!t||t===this)return;const i=t.parentNode;if(i&&i!==this&&i.childNodes){const e=i.childNodes.indexOf(t);-1!==e&&i.childNodes.splice(e,1),i.__childSet&&"function"==typeof i.__childSet.delete&&i.__childSet.delete(t),t.parentNode=null,i.ice&&i.ice.renderer&&"function"==typeof i.ice.renderer.markQueueDirty&&i.ice.renderer.markQueueDirty()}else if(!i){const e=this.ice||t.ice;if(e&&Array.isArray(e.childNodes)){const i=e.childNodes.indexOf(t);-1!==i&&e.childNodes.splice(i,1),e.__childSet&&"function"==typeof e.__childSet.delete&&e.__childSet.delete(t),e.renderer&&"function"==typeof e.renderer.markQueueDirty&&e.renderer.markQueueDirty()}}this.addChild(t,e)}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 M=ICEGroup;class ICEControlPanel extends M{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 w{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=p.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 o=t,r=e;const a=this.state.rotation||0;if(a){const i=Math.cos(a),s=Math.sin(a);o=t*i+e*s,r=-t*s+e*i}const h=o/i,l=r/s;return h*h+l*l<=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 T=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 T{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 m({target:this}))}mosueMoveHandler(e){this.evtBus.trigger(t.HOOK_MOUSEMOVE,new m({target:this}))}mosueUpHandler(e){this.evtBus.trigger(t.HOOK_MOUSEUP,new m({target:this}))}resizeEvtHandler(e){if(!this.parentNode)return;const i=this.props.position;this.parentNode.trigger(t.BEFORE_RESIZE,new m(e,{position:i})),this.parentNode.trigger(t.AFTER_RESIZE,new m(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 o=this.targetComponent.state,r=o.points.length;let a=o.points[0][0],h=o.points[0][1],l=o.points[r-1][0],c=o.points[r-1][1];const d=transformMat2d([],[i,s],invert([],this.targetComponent.calcAbsoluteLinearMatrix()));switch(i=d[0],s=d[1],e){case"start":a+=i,h+=s;break;case"end":l+=i,c+=s}this.targetComponent.setState({startPoint:[a,h],endPoint:[l,c]})}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],o=[i[0],i[1]],r=[s[0],s[1]];this.startControl.setState({left:o[0]-t,top:o[1]-t}),this.endControl.setState({left:r[0]-t,top:r[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 S{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,o=e.movementY;const r=this.parentNode.state;let a=r.left,h=r.top,l=r.width,c=r.height;const d=transformMat2d([],[s,o],invert([],this.parentNode.calcAbsoluteLinearMatrix()));switch(s=d[0],o=d[1],i){case 1:a-=s,h+=o,l+=2*s,c-=2*o;break;case 2:a+=s,h+=o,l-=2*s,c-=2*o;break;case 3:a+=s,h-=o,l-=2*s,c+=2*o;break;case 4:a-=s,h-=o,l+=2*s,c+=2*o;break;case 5:h+=o,c-=2*o;break;case 6:h-=o,c+=2*o;break;case 7:a+=s,l-=2*s;break;case 8:a-=s,l+=2*s}const u={top:h,left:a,width:Math.abs(l),height:Math.abs(c)};this.parentNode.trigger(t.BEFORE_RESIZE,new m(e,{quadrant:i})),this.parentNode.setState(u),this.parentNode.trigger(t.AFTER_RESIZE,new m(e,{quadrant:i}))}moveGlobalPosition(t,e){let i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:new m;const s=t>0?1:-1,o=e>0?1:-1,r=this.parentNode.state.localOrigin,a=transformMat2d([],[t,e],invert([],this.parentNode.calcAbsoluteLinearMatrix()));t=a[0],e=a[1];let{left:h,top:l}=this.state;const{quadrant:c}=this.state,d=this.state.width/2;let u=0;"x"===this.state.direction?(h+=t,0===round(h)&&(h=.5*s),u=h+d-r[0]>0?8:7):"y"===this.state.direction?(l+=e,0===round(l)&&(l=.5*o),u=l+d-r[1]>0?6:5):"xy"===this.state.direction&&(h+=t,l+=e,u=h+d-r[0]>0?l+d-r[1]>0?4:1:l+d-r[1]>0?3:2);c!==u&&this.parentNode.toggleControlQuadrant(this,c,u),this.setPosition(h,l,new m(i,{left:h,top:l,tx:t,ty:e,quadrant:u}))}}class RotateControl extends T{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 o={transform:{rotate:s}};this.parentNode.trigger(t.BEFORE_ROTATE,new m(o)),this.parentNode.setState(o),this.parentNode.trigger(t.AFTER_ROTATE,new m(o))}}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,o=this.resizeControlSize/2,r=[{direction:"xy",quadrant:2,position:[-o,-o]},{direction:"y",quadrant:5,position:[i-o,-o]},{direction:"xy",quadrant:1,position:[t-o,-o]},{direction:"x",quadrant:8,position:[t-o,s-o]},{direction:"xy",quadrant:4,position:[t-o,e-o]},{direction:"y",quadrant:6,position:[i-o,e-o]},{direction:"xy",quadrant:3,position:[-o,e-o]},{direction:"x",quadrant:7,position:[-o,s-o]}];this.resizeControlInstanceCache=[];for(let t=0;t<r.length;t++){const e=r[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 a=this.state.width/2-this.rotateControlSize,h=-this.rotateControlOffsetY;this.rotateControlInstance=new RotateControl({zIndex:10000003,display:!1,left:a,top:h,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,o=e.movementY;const r=this.targetComponent.state;let a=r.left,h=r.top,l=r.width,c=r.height;const d=transformMat2d([],[s,o],invert([],this.targetComponent.calcAbsoluteLinearMatrix()));switch(s=d[0],o=d[1],i){case 1:a-=s,h+=o,l+=2*s,c-=2*o;break;case 2:a+=s,h+=o,l-=2*s,c-=2*o;break;case 3:a+=s,h-=o,l-=2*s,c+=2*o;break;case 4:a-=s,h-=o,l+=2*s,c+=2*o;break;case 5:h+=o,c-=2*o;break;case 6:h-=o,c+=2*o;break;case 7:a+=s,l-=2*s;break;case 8:a-=s,l+=2*s}if(e&&e.shiftKey){const t=function applyAspectLock(t,e,i,s){const o=Math.abs(i),r=Math.abs(s);if(!(t>0&&e>0))return{width:o,height:r};const a=Math.max(o/t,r/e);return{width:t*a,height:e*a}}(r.width,r.height,l,c),e=h+c/2;a=a+l/2-t.width/2,h=e-t.height/2,l=t.width,c=t.height}this.targetComponent.setState({left:a,top:h,width:Math.abs(l),height:Math.abs(c)}),this.targetComponent.trigger(t.AFTER_RESIZE),this.updatePanel()}updateControlPositions(){const t=this.state.width,e=this.state.height,i=t/2,s=e/2,o=this.resizeControlSize/2;for(let r=0;r<this.resizeControlInstanceCache.length;r++){const a=this.resizeControlInstanceCache[r];let h=[0,0];switch(a.state.quadrant){case 1:h=[t-o,-o];break;case 2:h=[-o,-o];break;case 3:h=[-o,e-o];break;case 4:h=[t-o,e-o];break;case 5:h=[i-o,-o];break;case 6:h=[i-o,e-o];break;case 7:h=[-o,s-o];break;case 8:h=[t-o,s-o]}a.setState({left:h[0],top:h[1]})}const r=this.state.width/2-this.rotateControlSize,a=-this.rotateControlOffsetY;this.rotateControlInstance.setState({left:r,top:a})}updatePanel(){if(!this.targetComponent)return;const t=this.targetComponent.getRotateAngle(!0),{left:e,top:i,width:s,height:o}=this.targetComponent.getLocalLeftTop(!0);this.setState({left:e,top:i,width:s,height:o,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 B=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&&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 I=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 o=this.__boxOf(this.active);if(this.snapping=!1,!o)return;const r=this.options.threshold/s,a=(this.options.threshold+this.options.hysteresis)/s,h=function computeSnap(t,e,i,s,o){const r={x:null,y:null},consider=t=>{if(!t)return;const e=r[t.axis];(!e||Math.abs(t.delta)<Math.abs(e.delta))&&(r[t.axis]=t)};for(const i of e)o.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)})),o.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(o.spacing)for(let i=0;i<e.length;i++)for(let s=i+1;s<e.length;s++){const o=e[i],r=e[s],a=Math.min(o.centerX,r.centerX),h=Math.max(o.centerX,r.centerX);if(t.centerX>a&&t.centerX<h){const e=(o.centerX+r.centerX)/2;consider({axis:"x",type:"spacing",delta:e-t.centerX,guideValue:e,guideStart:Math.min(t.minY,o.minY,r.minY),guideEnd:Math.max(t.maxY,o.maxY,r.maxY)})}const l=Math.min(o.centerY,r.centerY),c=Math.max(o.centerY,r.centerY);if(t.centerY>l&&t.centerY<c){const e=(o.centerY+r.centerY)/2;consider({axis:"y",type:"spacing",delta:e-t.centerY,guideValue:e,guideStart:Math.min(t.minX,o.minX,r.minX),guideEnd:Math.max(t.maxX,o.maxX,r.maxX)})}}return r.x=r.x&&Math.abs(r.x.delta)<=i?r.x:null,r.y=r.y&&Math.abs(r.y.delta)<=s?r.y:null,r}(o,this.cachedTargets,this.engagedX?a:r,this.engagedY?a:r,this.options);if(h.x||h.y){const t=this.intentLeft+(h.x?Math.round(h.x.delta):0),e=this.intentTop+(h.y?Math.round(h.y.delta):0);this.active.setState({left:t,top:e}),this.engagedX=!!h.x,this.engagedY=!!h.y,this.__updateGuides(h)}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 S({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 S({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),[o,r]=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:r-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:o-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 O=[["pointerdown","ICE_POINTERDOWN"],["pointermove","ICE_POINTERMOVE"],["pointerup","ICE_POINTERUP"],["pointercancel","ICE_POINTERCANCEL"]],R=[["mousedown","ICE_MOUSEDOWN"],["mouseup","ICE_MOUSEUP"],["mousemove","ICE_MOUSEMOVE"],["click","ICE_CLICK"],["dblclick","ICE_DBCLICK"],["contextmenu","ICE_CONTEXTMENU"]],A=[["click","ICE_CLICK"],["dblclick","ICE_DBCLICK"],["contextmenu","ICE_CONTEXTMENU"]],k=[["touchstart","ICE_TOUCHSTART"],["touchmove","ICE_TOUCHMOVE"],["touchend","ICE_TOUCHEND"],["touchcancel","ICE_TOUCHCANCEL"]],D=[["wheel","ICE_WHEEL"]],N=[["keydown","ICE_KEYDOWN"],["keyup","ICE_KEYUP"]],F=["ICE_MOUSEMOVE","ICE_POINTERMOVE","ICE_TOUCHMOVE"];function buildDomEventList(t){const e=[];return t?e.push(...O,...A):e.push(...R,...k),e.push(...D,...N),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 o=e&&"number"==typeof e.left?e.left:0,r=e&&"number"==typeof e.top?e.top:0,a=s.clientX-o,h=s.clientY-r;let l=Number(t.movementX),c=Number(t.movementY);isFinite(l)&&isFinite(c)||(i?(l=a-i.x,c=h-i.y):(l=0,c=0));const d=isTouchEvent(t);return{x:a,y:h,clientX:s.clientX,clientY:s.clientY,movementX:l,movementY:c,pointerType:t.pointerType||(d?"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:d,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 L={sm:5,md:13,lg:26};function stylePaintPad(t){const e=t&&t.style||{};let i=2;const s=Number(e.lineWidth)||0,o=Number(t.lineBorderWidth)||0,r=Math.ceil(Math.max(s,o));r>0&&(i+=r);const a=Number(e.shadowBlur);return a>0?i+=a+Math.max(Math.abs(Number(e.shadowOffsetX)||0),Math.abs(Number(e.shadowOffsetY)||0)):"string"==typeof e.shadow&&L[e.shadow]&&(i+=L[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 X=/(rgba|hsla)\(|transparent|#[0-9a-fA-F]{8}|opacity/i;function isOpaqueDrawing(t){const e=t&&t.style||{};if(t&&void 0!==t.opacity&&1!==t.opacity)return!1;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&&X.test(i))return!1}return!0}var z=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 p.PointerEvent);for(let i=0;i<e.length;i++){const s=e[i],o=s[0],r=s[1],a=toLegacyMouseName(o);this.ice.evtBus.on(r,e=>{if(this._stopped)return;const i=e.originalEvent||e;this.__handlePointerCapture(r,i);const s=normalizeInput(i,this.__resolveCanvasRect(o),this.__lastInput);s&&(applyNormalizedInput(e,s),this.__lastInput=s);const h=-1!==F.indexOf(r),l=-1!==r.indexOf("KEY"),c="ICE_WHEEL"===r;
+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 o=Math.max(0,t)*e;return 1-Math.exp(-i*o)*(Math.cos(s*o)+i/s*Math.sin(s*o))}}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)},o={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]]})},r={default:s,dark:o};let a=s;function registerTheme(t,e){r[t]=e}function resolveTheme(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:a;return"string"==typeof t?r[t]||s:{base:e.base,semantic:_objectSpread2(_objectSpread2({},e.semantic),t)}}function setTheme(t){return a=resolveTheme(t,a),a}function getTheme(){return a}const h={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 l={baseTokens:i,DEFAULT_THEME:s,DARK_THEME:o,registerTheme:registerTheme,setTheme:setTheme,getTheme:getTheme,STYLE_PRESETS:h};var c=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],o=s.state.interactive;s.state.interactive=!1,this.tween(s,e),s.state.interactive=o}}__writeValue(t,e,i){const s=e.indexOf(".");if(-1===s)return void(t[e]=i);const o=e.slice(0,s),r=e.slice(s+1);t[o]&&"object"==typeof t[o]||(t[o]={}),this.__writeValue(t[o],r,i)}tween(t,e){const i={},s=t.props.animations,o=isUndefined(e)?Date.now():e;let r=!1;for(const t in s){const e=s[t];if(e.finished)continue;let a;if(isUndefined(e.startTime)&&(e.startTime=o,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}a=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 h=Number(e.duration);if(!Number.isFinite(h)||h<=0){this.__reject(e,"[ICE] 动画属性「".concat(t,"」的 duration 必须是正数，当前为 ").concat(String(e.duration),"；已直接落到终点。")),this.__writeValue(i,t,this.__roundIfNeeded(e,this.__sampleValue(a,e,1)));continue}const l=Number(e.delay)||0,c=o-e.startTime-l;if(c<0){r=!0,this.__writeValue(i,t,this.__sampleValue(a,e,0));continue}if(c>=h){let s=this.__sampleValue(a,e,1);this.shouldRepeat(e)?(e.startTime=o,s=this.__sampleValue(a,e,0),r=!0):e.finished=!0,this.__writeValue(i,t,this.__roundIfNeeded(e,s));continue}r=!0;const d=a?c/h:this.__easingFn(e.easing,e)(c/h);this.__writeValue(i,t,this.__roundIfNeeded(e,this.__sampleValue(a,e,d)))}return r||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],o=t[t.length-1];if(i<=s.offset)return s.value;if(i>=o.offset)return o.value;for(let s=0;s<t.length-1;s++){const o=t[s],r=t[s+1];if(i<o.offset||i>r.offset)continue;const a=r.offset-o.offset;if(a<=0)return r.value;const h=(i-o.offset)/a,l=this.__easingFn(isUndefined(o.easing)?e.easing:o.easing,e);return this.__interpolate(o.value,r.value,l(h))}return o.value}__interpolate(t,e,i){if("number"==typeof t)return t+(e-t)*i;const s=new Array(t.length);for(let o=0;o<t.length;o++)s[o]=t[o]+(e[o]-t[o])*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]||{},o=isUndefined(s.offset)?t/(e.length-1):Number(s.offset);if(!Number.isFinite(o))return null;i.push({offset:Math.min(1,Math.max(0,o)),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 o="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!==o)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 d=0;function bumpVisibilityEpoch(){d++}function getVisibilityEpoch(){return d}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 o=flattenAllComponents(t);o.sort((t,e)=>t.state.zIndex-e.state.zIndex);const r=t.renderer,a=r&&"function"==typeof r.getWorldBox;let h=null;for(let t=0;t<o.length;t++){const l=o[t];if(!l.isControlPanel&&(l.state.interactive&&isEffectivelyVisible(l))){if(a){const t=r.getWorldBox(l);if(t&&(e<t[0]-s||e>t[2]+s||i<t[1]-s||i>t[3]+s))continue}if(l.containsPoint(e,i)){if("function"==typeof l.isPointClippedOut&&l.isPointClippedOut(e,i))continue;h=l}}}return h}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 o=0;o<e.length;o++){const r=e[o];r._level=i,r._pid=s,t.push(r);const a=r.props&&void 0!==r.props.id?r.props.id:r.id;flattenTree(t,r.childNodes||[],i+1,a)}return t}class Path2DRecorder{constructor(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;_defineProperty(this,"_commands",[]),_defineProperty(this,"_closed",!1),_defineProperty(this,"native",null),_defineProperty(this,"__current",null),_defineProperty(this,"__subpathStart",null),this.native=t||null,this._isPolyfill=!this.native}get drawable(){return this.native||this}moveTo(t,e){this._commands.push(["moveTo",t,e]),this.__current=[t,e],this.__subpathStart=[t,e],this.native&&this.native.moveTo(t,e)}lineTo(t,e){this._commands.push(["lineTo",t,e]),this.__current=[t,e],this.native&&this.native.lineTo(t,e)}bezierCurveTo(t,e,i,s,o,r){this._commands.push(["bezierCurveTo",t,e,i,s,o,r]),this.__current=[o,r],this.native&&this.native.bezierCurveTo(t,e,i,s,o,r)}quadraticCurveTo(t,e,i,s){this._commands.push(["quadraticCurveTo",t,e,i,s]),this.__current=[i,s],this.native&&this.native.quadraticCurveTo(t,e,i,s)}arcTo(t,e,i,s,o){const r=Math.abs(Number(o)||0),a=this.__current;if(!a||0===r)return void this.lineTo(t,e);const h=a[0]-t,l=a[1]-e,c=i-t,d=s-e,u=Math.sqrt(h*h+l*l),p=Math.sqrt(c*c+d*d);if(0===u||0===p)return void this.lineTo(t,e);const f=h/u,g=l/u,m=c/p,_=d/p,y=f*_-g*m,x=Math.max(-1,Math.min(1,f*m+g*_));if(Math.abs(y)<1e-9||Math.abs(x)>=1-1e-9)return void this.lineTo(t,e);const v=Math.acos(x),b=r/Math.tan(v/2),E=t+f*b,C=e+g*b,w=t+m*b,S=e+_*b,M=f+m,P=g+_,T=Math.sqrt(M*M+P*P)||1,I=r/Math.sin(v/2),B=t+M/T*I,O=e+P/T*I,R=Math.atan2(C-O,E-B),A=Math.atan2(S-O,w-B);this.lineTo(E,C),this.arc(B,O,r,R,A,y>0)}rect(t,e,i,s){this._commands.push(["rect",t,e,i,s]),this.__current=[t,e],this.__subpathStart=[t,e],this.native&&this.native.rect(t,e,i,s)}arc(t,e,i,s,o){let r=arguments.length>5&&void 0!==arguments[5]&&arguments[5];this._commands.push(["arc",t,e,i,s,o,r]),this.__current=[t+i*Math.cos(o),e+i*Math.sin(o)],this.native&&this.native.arc(t,e,i,s,o,r)}ellipse(t,e,i,s,o,r,a,h){this._commands.push(["ellipse",t,e,i,s,o,r,a,h]),this.__current=[t+i*Math.cos(a)*Math.cos(o)-s*Math.sin(a)*Math.sin(o),e+i*Math.cos(a)*Math.sin(o)+s*Math.sin(a)*Math.cos(o)],this.native&&this.native.ellipse(t,e,i,s,o,r,a,h)}closePath(){this._closed=!0;const t=this._commands[this._commands.length-1];t&&"closePath"===t[0]||this._commands.push(["closePath"]),this.__current=this.__subpathStart?[this.__subpathStart[0],this.__subpathStart[1]]:null,this.native&&this.native.closePath()}get currentPoint(){return this.__current}}let u=null;(()=>{const t="undefined"!=typeof window?window:"undefined"!=typeof global?global:{};u=t||{},u.requestFrame=u.requestAnimationFrame||u.webkitRequestAnimationFrame||u.mozRequestAnimationFrame||u.oRequestAnimationFrame||u.msRequestAnimationFrame,"function"!=typeof u.requestFrame&&(u.requestFrame=function(t){return setTimeout(function(){t(Date.now())},16)}),u.createPath2D=()=>"function"==typeof u.Path2D?new Path2DRecorder(new u.Path2D):new Path2DRecorder,u.loadFont=(t,e)=>{if("function"==typeof u.FontFace&&u.document&&u.document.fonts){const i=new u.FontFace(t,e);return u.document.fonts.add(i),i.load()}return u.wx&&"function"==typeof u.wx.loadFont?u.wx.loadFont(e):Promise.resolve()},u.createImage=()=>{if("function"==typeof u.Image)return new u.Image;if(u.wx&&"function"==typeof u.wx.createImage)return u.wx.createImage();throw new Error("当前运行时没有可用的 Image 构造器，无法加载图片。")},"number"==typeof u.devicePixelRatio&&u.devicePixelRatio>0||(u.devicePixelRatio=(()=>{if(u.wx&&"function"==typeof u.wx.getSystemInfoSync)try{return u.wx.getSystemInfoSync().pixelRatio||1}catch(t){return 1}return 1})()),u.createOffscreenCanvas=(t,e)=>{if(u.wx&&"function"==typeof u.wx.createOffscreenCanvas){const i=u.wx.createOffscreenCanvas({type:"2d",width:t,height:e}),s=i.getContext("2d");if(!s)throw new Error("当前运行时无法创建 2d 离屏上下文。");return{canvas:i,ctx:s}}if(u.document&&"function"==typeof u.document.createElement){const i=u.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 p=u,f="undefined"!=typeof Float32Array?Float32Array:Array,g=Math.PI/180;function toRadian(t){return t*g}function invert(t,e){var i=e[0],s=e[1],o=e[2],r=e[3],a=e[4],h=e[5],l=i*r-s*o;return l?(l=1/l,t[0]=r*l,t[1]=-s*l,t[2]=-o*l,t[3]=i*l,t[4]=(o*h-r*a)*l,t[5]=(s*a-i*h)*l,t):null}function multiply(t,e,i){var s=e[0],o=e[1],r=e[2],a=e[3],h=e[4],l=e[5],c=i[0],d=i[1],u=i[2],p=i[3],f=i[4],g=i[5];return t[0]=s*c+r*d,t[1]=o*c+a*d,t[2]=s*u+r*p,t[3]=o*u+a*p,t[4]=s*f+r*g+h,t[5]=o*f+a*g+l,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],o=e[1];return t[0]=i[0]*s+i[2]*o+i[4],t[1]=i[1]*s+i[3]*o+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 f(2);return f!=Float32Array&&(t[0]=0,t[1]=0),t}();var m=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]:p;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]:p,s=this.listeners[t];if(s){s=[...s];for(let o=0;o<s.length;o++){const r=s[o],a=r.callback;if((a===e||a&&a.__onceOriginal===e)&&r.scope===i)return void this.listeners[t].splice(o,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 m(i),e.originalEvent=i.originalEvent?i.originalEvent:i,e.param=_objectSpread2({},s)):e=new m({type:t,timeStamp:Date.now(),param:_objectSpread2({},s)});const o=[...this.listeners[t]];for(let i=0;i<o.length;i++){const s=o[i];-1!==this.listeners[t].indexOf(s)&&s.callback.call(s.scope,e)}return!0}once(t,e){let i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:p;const s=this;function callback(o){s.off(t,callback,i),e.call(i,o)}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]:p;if(!this.listeners[t])return!1;const s=this.listeners[t];if(!s)return!1;for(let t=0;t<s.length;t++){const o=s[t];if(o.callback===e&&o.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 _=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 o=0,r=i.length-1;o<i.length;r=o++){const a=i[o][0],h=i[o][1],l=i[r][0],c=i[r][1];h>e!=c>e&&t<(l-a)*(e-h)/(c-h)+a&&(s=!s)}return s}static distanceToSegment(t,e,i,s,o,r){const a=o-i,h=r-s,l=a*a+h*h;let c=0===l?0:((t-i)*a+(e-s)*h)/l;return c=c<0?0:c>1?1:c,Math.hypot(t-(i+c*a),e-(s+c*h))}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 o=0;o<t.length-1;o++){const r=GeoUtil.distanceToSegment(e,i,t[o][0],t[o][1],t[o+1][0],t[o+1][1]);r<s&&(s=r)}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 o=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),o+=i}if(0===o)return[t[0].slice(),t[t.length-1].slice()];for(let r=0;r<=e;r++){const a=o*r/e;let h=0;for(let e=0;e<s.length;e++){if(h+s[e]>=a||e===s.length-1){const o=0===s[e]?0:(a-h)/s[e];i.push([t[e][0]+(t[e+1][0]-t[e][0])*o,t[e][1]+(t[e+1][1]-t[e][1])*o]);break}h+=s[e]}}return i}static segmentIntersect(t,e,i,s){const o=e[0]-t[0],r=e[1]-t[1],a=s[0]-i[0],h=s[1]-i[1],l=o*h-r*a;if(0===l)return null;const c=((i[0]-t[0])*h-(i[1]-t[1])*a)/l,d=((i[0]-t[0])*r-(i[1]-t[1])*o)/l;return c<0||c>1||d<0||d>1?null:[t[0]+c*o,t[1]+c*r]}static calcRotateAngle(t,e,i,s){const o=t-i,r=e-s,a=Math.hypot(o,r),h=o/a;let l=(r/a<0?-1:1)*Math.acos(h)*180/Math.PI+360;return l%=360,l}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],o=t[3];return[Math.hypot(e,i),Math.hypot(s,o)]}}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:o}=this.getMinAndMaxPoint();if(t[0]<e||t[0]>s||t[1]<i||t[1]>o)return!1;let r,a=0;const h=this.getBoundingLines();for(let e=0;e<h.length;e++){const i=h[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])r=i.o[0];else{const e=(i.d[1]-i.o[1])/(i.d[0]-i.o[0]);r=i.o[0]+(t[1]-i.o[1])/e}r>t[0]&&a++}}return 0!==a&&a%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 o=[this.tr,this.bl,this.br];for(let r=0;r<o.length;r++){const a=o[r];a[0]<t&&(t=a[0]),a[0]>i&&(i=a[0]),a[1]<e&&(e=a[1]),a[1]>s&&(s=a[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],o=this.br[1],r=t.tl[0],a=t.br[0],h=t.tl[1],l=t.br[1];return!(e>a||s>l||i<r||o<h)}transform(t){const e=transformMat2d([],this.tl,t),i=transformMat2d([],this.tr,t),s=transformMat2d([],this.bl,t),o=transformMat2d([],this.br,t),r=transformMat2d([],this.center,t);return new ICEBoundingBox([...e,...i,...s,...o,...r])}union(t){const e=this.getMinAndMaxPoint(),i=t.getMinAndMaxPoint(),s=Math.min(e.minX,i.minX),o=Math.min(e.minY,i.minY),r=Math.max(e.maxX,i.maxX),a=Math.max(e.maxY,i.maxY);return ICEBoundingBox.fromDimension(s,o,r-s,a-o)}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 y=ICEBoundingBox;const x={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}},v=[["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"]],b=Object.freeze([1,0,0,1,0,0]),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,clipChildren:!1,opacity:1,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 o=NaN,r="";Array.isArray(s)?(o=Number(s[0]),r=String(s[1])):s&&"object"==typeof s&&(o=Number(s.offset),r=String(s.color)),isFinite(o)&&r&&e.push([o<0?0:o>1?1:o,r])}return e.sort((t,e)=>t[0]-e[0]),e}function triggerSubtreeMove(e,i){const s=e&&e.childNodes||[];for(let e=0;e<s.length;e++){const o=s[e];o.trigger(t.AFTER_MOVE,i),triggerSubtreeMove(o,i)}}class ICEComponent extends _{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,"__opacityApplied",!1),_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&&h[t.preset]&&(this.__presetName=t.preset,t=merge({},h[t.preset](getTheme()),t)),this.props=Object.create(E),this.props.id=t&&void 0!==t.id?t.id:"ICE_"+function uuid(){if(p.crypto&&"function"==typeof p.crypto.randomUUID)return p.crypto.randomUUID();if(p.crypto&&"function"==typeof p.crypto.getRandomValues){const t=new Uint8Array(16);p.crypto.getRandomValues(t),t[6]=15&t[6]|64,t[8]=63&t[8]|128;const e=[];for(let i=0;i<t.length;i++)e.push((t[i]+256).toString(16).slice(1));return e.slice(0,4).join("")+"-"+e.slice(4,6).join("")+"-"+e.slice(6,8).join("")+"-"+e.slice(8,10).join("")+"-"+e.slice(10,16).join("")}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=p,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||!h[this.__presetName])return;const e=h[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){if(this.trigger(t.BEFORE_RENDER),!this.isEffectivelyVisible())return;this.refreshParams(),this.applyStyleToCtx();const s=this.getEffectiveOpacity();1!==s&&(this.__applyStyleProp("globalAlpha",(Number(this.ctx.globalAlpha)||1)*s),this.__opacityApplied=!0),this.applyTransformToCtx(e,i);const o=this.__applyAncestorClips();this.doRender(),o&&this.ctx.restore(),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&&x[e]){const t=x[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,o=Number(this.state.height)||0,r=t.type||"linear";let a=null;if("radial"===r&&"function"==typeof e.createRadialGradient){const i=Array.isArray(t.center)?t.center:[s/2,o/2],r=Number(t.radius)>0?Number(t.radius):Math.max(s,o)/2,h=Number(t.innerRadius)>0?Number(t.innerRadius):0;a=e.createRadialGradient(i[0],i[1],h,i[0],i[1],r)}else if("conic"===r&&"function"==typeof e.createConicGradient){const i=Array.isArray(t.center)?t.center:[s/2,o/2];a=e.createConicGradient(Number(t.startAngle)||0,i[0],i[1])}else{if("conic"===r)return null;if("function"==typeof e.createLinearGradient){const i=Array.isArray(t.from)?t.from:[0,0],o=Array.isArray(t.to)?t.to:[s,0];a=e.createLinearGradient(i[0],i[1],o[0],o[1])}}if(!a&&"function"!=typeof e.createLinearGradient)return null;if(!a)return null;for(let t=0;t<i.length;t++)try{a.addColorStop(i[t][0],i[t][1])}catch(t){}return a}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 o=this.__originScratch;if(o||(o=this.__originScratch=[0,0]),o[0]=s[0]+e,o[1]=s[1]+i,this.parentNode){transformMat2d(o,o,[1,0,0,1,-this.parentNode.state.localOrigin[0],-this.parentNode.state.localOrigin[1]]);transformMat2d(o,o,this.parentNode.state.composedMatrix)}return this.state.absoluteOrigin=o,o}calcLinearMatrix(){(!this.state.linearMatrix||this.state.linearMatrix.length<6)&&(this.state.linearMatrix=function create$1(){var t=new f(6);return f!=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 o=Math.tan(i),r=Math.tan(s);return t[0]=e[0],t[1]=e[1]+o,t[2]=e[2]+r,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],o=e[1],r=e[2],a=e[3],h=e[4],l=e[5],c=Math.sin(i),d=Math.cos(i);return t[0]=s*d+r*c,t[1]=o*d+a*c,t[2]=s*-c+r*d,t[3]=o*-c+a*d,t[4]=h,t[5]=l,t}(t,t,toRadian(e.rotate));return function scale(t,e,i){var s=e[0],o=e[1],r=e[2],a=e[3],h=e[4],l=e[5],c=i[0],d=i[1];return t[0]=s*c,t[1]=o*c,t[2]=r*d,t[3]=a*d,t[4]=h,t[5]=l,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,o=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,o,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,o=s&&(1!==s.scale||0!==s.tx||0!==s.ty);let r=null;if(o){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,r=t}else t&&(r=t);if(this.__activeWorldMatrix=r,t||o){this.__composeScratch||(this.__composeScratch=[1,0,0,1,0,0]);const e=this.__composeScratch;multiply(e,r||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)}hasClippingAncestor(){let t=this.parentNode;for(;t&&t.state;){if(t.state.clipChildren)return!0;t=t.parentNode}return!1}getEffectiveOpacity(){const t=this.state.opacity;let e=void 0===t?1:Number(t);e>=0||(e=1);let i=this.parentNode;for(;i&&i.state;){const t=void 0===i.state.opacity?1:Number(i.state.opacity);t>=0&&1!==t&&(e*=t),i=i.parentNode}return e}isPointClippedOut(t,e){let i=this.parentNode;for(;i&&i.state;){if(i.state.clipChildren){const s=i.__paintWorldBox();if(t<s[0]||t>s[2]||e<s[1]||e>s[3])return!0}i=i.parentNode}return!1}__applyAncestorClips(){const t=this.parentNode;if(!t||!t.state)return!1;const e=this.ctx;if(!e||"function"!=typeof e.clip||"function"!=typeof e.rect)return!1;let i=null,s=t;for(;s&&s.state;)s.state.clipChildren&&(i||(i=[])).push(s),s=s.parentNode;if(!i)return!1;const o=this.__activeWorldMatrix||b;e.save(),e.setTransform(1,0,0,1,0,0);for(let t=i.length-1;t>=0;t--){const s=i[t].__paintWorldBox(),r=o[0]*s[0]+o[2]*s[1]+o[4],a=o[1]*s[0]+o[3]*s[1]+o[5],h=o[0]*s[2]+o[2]*s[1]+o[4],l=o[1]*s[2]+o[3]*s[1]+o[5],c=o[0]*s[0]+o[2]*s[3]+o[4],d=o[1]*s[0]+o[3]*s[3]+o[5],u=o[0]*s[2]+o[2]*s[3]+o[4],p=o[1]*s[2]+o[3]*s[3]+o[5],f=Math.min(r,h,c,u),g=Math.min(a,l,d,p),m=Math.max(r,h,c,u),_=Math.max(a,l,d,p);e.beginPath(),e.rect(f,g,m-f,_-g),e.clip()}return this.applyActiveTransform(),!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}hasDerivedChildren(){return!1}getSerializableChildren(){return null}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(),o=s[0]-e,r=s[1]-i,a=s[2]-e,h=s[3]-i;let l=new y([o,r,a,r,o,h,a,h,0,0]);return l=l.transform(t),l}getMaxBoundingBox(){let t=arguments.length>0&&void 0!==arguments[0]&&arguments[0],e=this.getMinBoundingBox(t);const{minX:i,minY:s,maxX:o,maxY:r}=e.getMinAndMaxPoint(),a=e.centerPoint;return e=new y([i,s,o,s,i,r,o,r,a[0],a[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 m;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})),triggerSubtreeMove(this,_objectSpread2(_objectSpread2({},s),{},{left:e,top:i}))}moveGlobalPosition(t,e){let i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:new m;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 m;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.__opacityApplied&&(t|=1<<this.__leakyIndex("globalAlpha"),this.__opacityApplied=!1),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<v.length;i++)t&1<<i&&(e[v[i][0]]=v[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,o=i?i[1]:0,r=this.__localBox(),a=[r[0]-s,r[2]-s],h=[r[1]-o,r[3]-o];if(t[0]=t[1]=1/0,t[2]=t[3]=-1/0,!e||e.length<6)return t[0]=a[0],t[1]=h[0],t[2]=a[1],t[3]=h[1],t;const l=e[0],c=e[1],d=e[2],u=e[3],p=e[4],f=e[5];for(let e=0;e<2;e++){const i=a[e];for(let e=0;e<2;e++){const s=h[e],o=l*i+d*s+p,r=c*i+u*s+f;o<t[0]&&(t[0]=o),o>t[2]&&(t[2]=o),r<t[1]&&(t[1]=r),r>t[3]&&(t[3]=r)}}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 C=ICEComponent;var w=class ICEPath extends C{ensurePathBuilt(){const t=this.path2D&&this.path2D._commands;t&&0!==t.length&&!this.dirty||(this.createPathObject(),this.state.closePath&&this.path2D.closePath())}constructor(){super(_objectSpread2({closePath:!0},arguments.length>0&&void 0!==arguments[0]?arguments[0]:{})),_defineProperty(this,"path2D",p.createPath2D()),_defineProperty(this,"__flowRegistered",!1)}doRender(){this.dirty&&this.createPathObject(),this.state.closePath&&this.path2D.closePath();const t=this.path2D.drawable||this.path2D,e=this.state.lineDash,i=Array.isArray(e)&&e.length>0,s=this.state.lineDashFlow;s&&this.__ensureFlowAnimation();if(this.state.lineBorder&&i&&this.state.stroke){const e=this.ctx;e.save(),e.setLineDash([]),e.lineWidth=(this.state.style.lineWidth||1)+2*(this.state.lineBorderWidth||4),e.strokeStyle=this.state.lineBorderColor||"#c8c8c8",this.path2D._isPolyfill?(this.replayPath(),e.stroke()):e.stroke(t),e.restore()}if(i&&"function"==typeof this.ctx.setLineDash)if(this.ctx.setLineDash(e),s&&"number"==typeof this.ctx.lineDashOffset){const t=e.reduce((t,e)=>t+e,0)||1,i=this.state.lineDashFlowSpeed||60;this.ctx.lineDashOffset=-Date.now()/1e3*i%t}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(t),this.state.stroke&&this.ctx.stroke(t)),i&&"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))}}};var S=class ICERect extends w{constructor(){super(_objectSpread2({width:10,height:10},arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}))}createPathObject(){this.path2D=p.createPath2D();const t=0-this.state.localOrigin[0],e=0-this.state.localOrigin[1],i=this.state.width,s=this.state.height,o=Math.min(this.state.radius||0,i/2,s/2);return o>0?(this.path2D.moveTo(t+o,e),this.path2D.lineTo(t+i-o,e),this.path2D.arcTo(t+i,e,t+i,e+o,o),this.path2D.lineTo(t+i,e+s-o),this.path2D.arcTo(t+i,e+s,t+i-o,e+s,o),this.path2D.lineTo(t+o,e+s),this.path2D.arcTo(t,e+s,t,e+s-o,o),this.path2D.lineTo(t,e+o),this.path2D.arcTo(t,e,t+o,e,o),this.path2D.closePath()):this.path2D.rect(t,e,i,s),this.path2D}};class ICEGroup extends S{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()}adoptChild(t){let e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];if(!t||t===this)return;const i=t.parentNode;if(i&&i!==this&&i.childNodes){const e=i.childNodes.indexOf(t);-1!==e&&i.childNodes.splice(e,1),i.__childSet&&"function"==typeof i.__childSet.delete&&i.__childSet.delete(t),t.parentNode=null,i.ice&&i.ice.renderer&&"function"==typeof i.ice.renderer.markQueueDirty&&i.ice.renderer.markQueueDirty()}else if(!i){const e=this.ice||t.ice;if(e&&Array.isArray(e.childNodes)){const i=e.childNodes.indexOf(t);-1!==i&&e.childNodes.splice(i,1),e.__childSet&&"function"==typeof e.__childSet.delete&&e.__childSet.delete(t),e.renderer&&"function"==typeof e.renderer.markQueueDirty&&e.renderer.markQueueDirty()}}this.addChild(t,e)}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 M=ICEGroup;class ICEControlPanel extends M{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 w{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=p.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 o=t,r=e;const a=this.state.rotation||0;if(a){const i=Math.cos(a),s=Math.sin(a);o=t*i+e*s,r=-t*s+e*i}const h=o/i,l=r/s;return h*h+l*l<=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 T=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 T{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 m({target:this}))}mosueMoveHandler(e){this.evtBus.trigger(t.HOOK_MOUSEMOVE,new m({target:this}))}mosueUpHandler(e){this.evtBus.trigger(t.HOOK_MOUSEUP,new m({target:this}))}resizeEvtHandler(e){if(!this.parentNode)return;const i=this.props.position;this.parentNode.trigger(t.BEFORE_RESIZE,new m(e,{position:i})),this.parentNode.trigger(t.AFTER_RESIZE,new m(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 o=this.targetComponent.state,r=o.points.length;let a=o.points[0][0],h=o.points[0][1],l=o.points[r-1][0],c=o.points[r-1][1];const d=transformMat2d([],[i,s],invert([],this.targetComponent.calcAbsoluteLinearMatrix()));switch(i=d[0],s=d[1],e){case"start":a+=i,h+=s;break;case"end":l+=i,c+=s}this.targetComponent.setState({startPoint:[a,h],endPoint:[l,c]})}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],o=[i[0],i[1]],r=[s[0],s[1]];this.startControl.setState({left:o[0]-t,top:o[1]-t}),this.endControl.setState({left:r[0]-t,top:r[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 S{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,o=e.movementY;const r=this.parentNode.state;let a=r.left,h=r.top,l=r.width,c=r.height;const d=transformMat2d([],[s,o],invert([],this.parentNode.calcAbsoluteLinearMatrix()));switch(s=d[0],o=d[1],i){case 1:a-=s,h+=o,l+=2*s,c-=2*o;break;case 2:a+=s,h+=o,l-=2*s,c-=2*o;break;case 3:a+=s,h-=o,l-=2*s,c+=2*o;break;case 4:a-=s,h-=o,l+=2*s,c+=2*o;break;case 5:h+=o,c-=2*o;break;case 6:h-=o,c+=2*o;break;case 7:a+=s,l-=2*s;break;case 8:a-=s,l+=2*s}const u={top:h,left:a,width:Math.abs(l),height:Math.abs(c)};this.parentNode.trigger(t.BEFORE_RESIZE,new m(e,{quadrant:i})),this.parentNode.setState(u),this.parentNode.trigger(t.AFTER_RESIZE,new m(e,{quadrant:i}))}moveGlobalPosition(t,e){let i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:new m;const s=t>0?1:-1,o=e>0?1:-1,r=this.parentNode.state.localOrigin,a=transformMat2d([],[t,e],invert([],this.parentNode.calcAbsoluteLinearMatrix()));t=a[0],e=a[1];let{left:h,top:l}=this.state;const{quadrant:c}=this.state,d=this.state.width/2;let u=0;"x"===this.state.direction?(h+=t,0===round(h)&&(h=.5*s),u=h+d-r[0]>0?8:7):"y"===this.state.direction?(l+=e,0===round(l)&&(l=.5*o),u=l+d-r[1]>0?6:5):"xy"===this.state.direction&&(h+=t,l+=e,u=h+d-r[0]>0?l+d-r[1]>0?4:1:l+d-r[1]>0?3:2);c!==u&&this.parentNode.toggleControlQuadrant(this,c,u),this.setPosition(h,l,new m(i,{left:h,top:l,tx:t,ty:e,quadrant:u}))}}class RotateControl extends T{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 o={transform:{rotate:s}};this.parentNode.trigger(t.BEFORE_ROTATE,new m(o)),this.parentNode.setState(o),this.parentNode.trigger(t.AFTER_ROTATE,new m(o))}}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,o=this.resizeControlSize/2,r=[{direction:"xy",quadrant:2,position:[-o,-o]},{direction:"y",quadrant:5,position:[i-o,-o]},{direction:"xy",quadrant:1,position:[t-o,-o]},{direction:"x",quadrant:8,position:[t-o,s-o]},{direction:"xy",quadrant:4,position:[t-o,e-o]},{direction:"y",quadrant:6,position:[i-o,e-o]},{direction:"xy",quadrant:3,position:[-o,e-o]},{direction:"x",quadrant:7,position:[-o,s-o]}];this.resizeControlInstanceCache=[];for(let t=0;t<r.length;t++){const e=r[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 a=this.state.width/2-this.rotateControlSize,h=-this.rotateControlOffsetY;this.rotateControlInstance=new RotateControl({zIndex:10000003,display:!1,left:a,top:h,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,o=e.movementY;const r=this.targetComponent.state;let a=r.left,h=r.top,l=r.width,c=r.height;const d=transformMat2d([],[s,o],invert([],this.targetComponent.calcAbsoluteLinearMatrix()));switch(s=d[0],o=d[1],i){case 1:a-=s,h+=o,l+=2*s,c-=2*o;break;case 2:a+=s,h+=o,l-=2*s,c-=2*o;break;case 3:a+=s,h-=o,l-=2*s,c+=2*o;break;case 4:a-=s,h-=o,l+=2*s,c+=2*o;break;case 5:h+=o,c-=2*o;break;case 6:h-=o,c+=2*o;break;case 7:a+=s,l-=2*s;break;case 8:a-=s,l+=2*s}if(e&&e.shiftKey){const t=function applyAspectLock(t,e,i,s){const o=Math.abs(i),r=Math.abs(s);if(!(t>0&&e>0))return{width:o,height:r};const a=Math.max(o/t,r/e);return{width:t*a,height:e*a}}(r.width,r.height,l,c),e=h+c/2;a=a+l/2-t.width/2,h=e-t.height/2,l=t.width,c=t.height}this.targetComponent.setState({left:a,top:h,width:Math.abs(l),height:Math.abs(c)}),this.targetComponent.trigger(t.AFTER_RESIZE),this.updatePanel()}updateControlPositions(){const t=this.state.width,e=this.state.height,i=t/2,s=e/2,o=this.resizeControlSize/2;for(let r=0;r<this.resizeControlInstanceCache.length;r++){const a=this.resizeControlInstanceCache[r];let h=[0,0];switch(a.state.quadrant){case 1:h=[t-o,-o];break;case 2:h=[-o,-o];break;case 3:h=[-o,e-o];break;case 4:h=[t-o,e-o];break;case 5:h=[i-o,-o];break;case 6:h=[i-o,e-o];break;case 7:h=[-o,s-o];break;case 8:h=[t-o,s-o]}a.setState({left:h[0],top:h[1]})}const r=this.state.width/2-this.rotateControlSize,a=-this.rotateControlOffsetY;this.rotateControlInstance.setState({left:r,top:a})}updatePanel(){if(!this.targetComponent)return;const t=this.targetComponent.getRotateAngle(!0),{left:e,top:i,width:s,height:o}=this.targetComponent.getLocalLeftTop(!0);this.setState({left:e,top:i,width:s,height:o,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 I=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&&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 o=this.__boxOf(this.active);if(this.snapping=!1,!o)return;const r=this.options.threshold/s,a=(this.options.threshold+this.options.hysteresis)/s,h=function computeSnap(t,e,i,s,o){const r={x:null,y:null},consider=t=>{if(!t)return;const e=r[t.axis];(!e||Math.abs(t.delta)<Math.abs(e.delta))&&(r[t.axis]=t)};for(const i of e)o.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)})),o.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(o.spacing)for(let i=0;i<e.length;i++)for(let s=i+1;s<e.length;s++){const o=e[i],r=e[s],a=Math.min(o.centerX,r.centerX),h=Math.max(o.centerX,r.centerX);if(t.centerX>a&&t.centerX<h){const e=(o.centerX+r.centerX)/2;consider({axis:"x",type:"spacing",delta:e-t.centerX,guideValue:e,guideStart:Math.min(t.minY,o.minY,r.minY),guideEnd:Math.max(t.maxY,o.maxY,r.maxY)})}const l=Math.min(o.centerY,r.centerY),c=Math.max(o.centerY,r.centerY);if(t.centerY>l&&t.centerY<c){const e=(o.centerY+r.centerY)/2;consider({axis:"y",type:"spacing",delta:e-t.centerY,guideValue:e,guideStart:Math.min(t.minX,o.minX,r.minX),guideEnd:Math.max(t.maxX,o.maxX,r.maxX)})}}return r.x=r.x&&Math.abs(r.x.delta)<=i?r.x:null,r.y=r.y&&Math.abs(r.y.delta)<=s?r.y:null,r}(o,this.cachedTargets,this.engagedX?a:r,this.engagedY?a:r,this.options);if(h.x||h.y){const t=this.intentLeft+(h.x?Math.round(h.x.delta):0),e=this.intentTop+(h.y?Math.round(h.y.delta):0);this.active.setState({left:t,top:e}),this.engagedX=!!h.x,this.engagedY=!!h.y,this.__updateGuides(h)}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 S({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 S({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),[o,r]=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:r-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:o-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 O=[["pointerdown","ICE_POINTERDOWN"],["pointermove","ICE_POINTERMOVE"],["pointerup","ICE_POINTERUP"],["pointercancel","ICE_POINTERCANCEL"]],R=[["mousedown","ICE_MOUSEDOWN"],["mouseup","ICE_MOUSEUP"],["mousemove","ICE_MOUSEMOVE"],["click","ICE_CLICK"],["dblclick","ICE_DBCLICK"],["contextmenu","ICE_CONTEXTMENU"]],A=[["click","ICE_CLICK"],["dblclick","ICE_DBCLICK"],["contextmenu","ICE_CONTEXTMENU"]],k=[["touchstart","ICE_TOUCHSTART"],["touchmove","ICE_TOUCHMOVE"],["touchend","ICE_TOUCHEND"],["touchcancel","ICE_TOUCHCANCEL"]],D=[["wheel","ICE_WHEEL"]],N=[["keydown","ICE_KEYDOWN"],["keyup","ICE_KEYUP"]],F=["ICE_MOUSEMOVE","ICE_POINTERMOVE","ICE_TOUCHMOVE"];function buildDomEventList(t){const e=[];return t?e.push(...O,...A):e.push(...R,...k),e.push(...D,...N),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 o=e&&"number"==typeof e.left?e.left:0,r=e&&"number"==typeof e.top?e.top:0,a=s.clientX-o,h=s.clientY-r;let l=Number(t.movementX),c=Number(t.movementY);isFinite(l)&&isFinite(c)||(i?(l=a-i.x,c=h-i.y):(l=0,c=0));const d=isTouchEvent(t);return{x:a,y:h,clientX:s.clientX,clientY:s.clientY,movementX:l,movementY:c,pointerType:t.pointerType||(d?"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:d,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 L={sm:5,md:13,lg:26};function stylePaintPad(t){const e=t&&t.style||{};let i=2;const s=Number(e.lineWidth)||0,o=Number(t.lineBorderWidth)||0,r=Math.ceil(Math.max(s,o));r>0&&(i+=r);const a=Number(e.shadowBlur);return a>0?i+=a+Math.max(Math.abs(Number(e.shadowOffsetX)||0),Math.abs(Number(e.shadowOffsetY)||0)):"string"==typeof e.shadow&&L[e.shadow]&&(i+=L[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 X=/(rgba|hsla)\(|transparent|#[0-9a-fA-F]{8}|opacity/i;function isOpaqueDrawing(t){const e=t&&t.style||{};if(t&&void 0!==t.opacity&&1!==t.opacity)return!1;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&&X.test(i))return!1}return!0}var z=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 p.PointerEvent);for(let i=0;i<e.length;i++){const s=e[i],o=s[0],r=s[1],a=toLegacyMouseName(o);this.ice.evtBus.on(r,e=>{if(this._stopped)return;const i=e.originalEvent||e;this.__handlePointerCapture(r,i);const s=normalizeInput(i,this.__resolveCanvasRect(o),this.__lastInput);s&&(applyNormalizedInput(e,s),this.__lastInput=s);const h=-1!==F.indexOf(r),l=-1!==r.indexOf("KEY"),c="ICE_WHEEL"===r;
 //! 移动类事件触发频率极高，不执行 findTargetComponent()；
 //! 键盘事件必须先选中组件再派发才有意义，同样不做命中检测。
-h||l||c||(t=this.findTargetComponent(e));let d=t;c?d=null:l&&this.focusedComponent&&(d=this.focusedComponent),this.__dispatch(o,e,d),a&&a!==o&&this.__dispatch(a,e,d)})}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.refreshInputRect?i.refreshInputRect():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,o]=this.ice.screenToWorld(e,i);return hitTestComponents(this.ice,s,o,1)}};const V={evtBuses:[],__handlers:null,__hasPointerEvent:!1,start:function(){if(!p||!p.addEventListener||V.__handlers)return;const t="function"==typeof p.PointerEvent;V.__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<V.evtBuses.length;e++)V.evtBuses[e].trigger(s[1],t)},o="wheel"===s[0]||"touchmove"===s[0]?{passive:!1}:void 0;o&&"function"==typeof p.addEventListener?p.addEventListener(s[0],handler,o):p.addEventListener(s[0],handler),i.push({name:s[0],handler:handler})}V.__handlers=i},stop:function(){if(V.__handlers&&p&&p.removeEventListener)for(let t=0;t<V.__handlers.length;t++){const e=V.__handlers[t];p.removeEventListener(e.name,e.handler)}V.__handlers=null},registerEvtBus:function(t){V.evtBuses.includes(t)||V.evtBuses.push(t)},delEvtBus:function(t){V.evtBuses.includes(t)&&(V.evtBuses.splice(V.evtBuses.indexOf(t),1),0===V.evtBuses.length&&V.stop())}};var H=V;var Y=class EventBus extends _{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),o=Math.hypot(t-this.endPoint.x,e-this.endPoint.y);return s+o>=i-3&&s+o<=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 w{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=p.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 o=1;o<this.state.dots.length;o++){const r=this.state.dots[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[[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 o=transformMat2d([],e[s],t);i.push(o)}return i}}var G=class ICEImage extends C{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],o=0-this.state.localOrigin[1],{sx:r,sy:a,sw:h,sh:l}=this.state,c=h>0&&l>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()),c?t.drawImage(e,r,a,h,l,s,o,this.state.width,this.state.height):t.drawImage(e,s,o,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 o=this.state.links[e].id,r=this.state.links[e].position;if(i||(i=o),s||(s=r),o===i&&r===s){const e=this.ice.findComponent(o);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 a=!0;this.state.links.start&&this.state.links.start.id&&(a=!1),this.state.links.end&&this.state.links.end.id&&(a=!1),this.state.draggable=a}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 o=s.getMinBoundingBox(!0);let r=[0,0];switch(i){case"T":r=o.tc;break;case"R":r=o.rc;break;case"B":r=o.bc;break;case"L":r=o.lc;break;case"C":r=o.center}switch(t){case"start":this.setState({startPoint:[...r]});break;case"end":this.setState({endPoint:[...r]})}}}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],o=s[0]-t,r=s[1]-e;this.state.dots.push([o,r])}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 o=i[0]/s,r=i[1]/s,a=Math.cos(this.state.arrowAngel),h=Math.sin(this.state.arrowAngel);let l=this.state.arrowLength*(o*a-r*h),c=this.state.arrowLength*(r*a+o*h),d=this.state.arrowLength*(o*a+r*h),u=this.state.arrowLength*(r*a-o*h);return l+=e[0],c+=e[1],d+=e[0],u+=e[1],[[l,c],[d,u]]}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,o=-1/0;for(let r=0;r<t.length;r++){const a=t[r];a[0]<e&&(e=a[0]),a[0]>s&&(s=a[0]),a[1]<i&&(i=a[1]),a[1]>o&&(o=a[1])}return this.state.width=Math.abs(s-e),this.state.height=Math.abs(o-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 o=[round(this.state.points[t-1][0],2)-e,round(this.state.points[t-1][1],2)-i];for(let r=0;r<t;r++){const t=this.state.points[r];0===cross([],o,[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(),o=this.state.style.lineWidth||1;let r=Math.cos(s*Math.PI/180)*o/2,a=Math.sin(s*Math.PI/180)*o/2;r=round(r,3),a=round(a,3);return[[0+r,0+a],[0-r,0-a],[e+r,i+a],[e-r,i-a]]}__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,o=1/0,r=-1/0,a=-1/0;for(let t=0;t<i.length;t++){const e=i[t];e[0]<s&&(s=e[0]),e[0]>r&&(r=e[0]),e[1]<o&&(o=e[1]),e[1]>a&&(a=e[1])}const h=this.__arrowFaceIndexes;for(let t=0;t<h.length;t++){const i=h[t];for(let t=0;t<3;t++){const h=e[i+t];h&&(h[0]<s&&(s=h[0]),h[0]>r&&(r=h[0]),h[1]<o&&(o=h[1]),h[1]>a&&(a=h[1]))}}const l=this.__measureLabelBoxForBounds();return l&&(l.x-l.halfW<s&&(s=l.x-l.halfW),l.x+l.halfW>r&&(r=l.x+l.halfW),l.y-l.halfH<o&&(o=l.y-l.halfH),l.y+l.halfH>a&&(a=l.y+l.halfH)),t[0]=s,t[1]=o,t[2]=r,t[3]=a,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),o=ICEPolyLine.dirVector(this.state.links&&this.state.links.end&&this.state.links.end.position),r=[t[0]+s[0]*i,t[1]+s[1]*i],a=[e[0]+o[0]*i,e[1]+o[1]*i],h=[t];0===s[0]&&0===s[1]||h.push(r),r[0]!==a[0]&&r[1]!==a[1]&&h.push([a[0],r[1]]),0===o[0]&&0===o[1]||h.push(a),h.push(e),this.state.points=h,this.paramsDirty=!0,this.dirty=!0}createPathObject(){this.ensureDots();const t=this.state.curveType||"straight",e=this.state.dots;if(this.path2D=p.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()}getArrowFaces(){const t=this.__arrowFaceIndexes,e=this.state.dots,i=[];if(!e||0===t.length)return i;for(let s=0;s<t.length;s++){const o=t[s],r=e[o],a=e[o+1],h=e[o+2];r&&a&&h&&i.push([[r[0],r[1]],[a[0],a[1]],[h[0],h[1]]])}return i}drawArrowFills(t){const e=this.getArrowFaces();if(!e.length)return;const i=this.ctx;i.save(),i.beginPath();for(let t=0;t<e.length;t++){const[s,o,r]=e[t];i.moveTo(s[0],s[1]),i.lineTo(o[0],o[1]),i.lineTo(r[0],r[1]),i.closePath()}i.fillStyle=t||this.state.style.strokeStyle||"#000000",i.fill(),i.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 o=this.ctx;return o&&"function"==typeof o.measureText?(o.font="".concat(e,"px Arial"),s=o.measureText(t).width):s=t.length*e,{x:i[0],y:i[1],halfW:s/2+4,halfH:e/2+4}}getLabelRenderInfo(){const t=this.__labelMetrics();if(!t)return null;const e=this.state.labelStyle||{};return _objectSpread2(_objectSpread2({text:String(this.state.label)},t),{},{fontSize:e.fontSize||14,fillStyle:e.fillStyle||"#000000",backgroundColor:e.backgroundColor||"#ffffff"})}__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 o,r;if(2===e)o=(t[0][0]+t[1][0])/2,r=(t[0][1]+t[1][1])/2;else{const i=t[Math.floor(e/2)];o=i[0],r=i[1]}return[o-i,r-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],o=this.state.points[i-1][1]-this.state.points[0][1];let r=GeoUtil.calcRotateAngle(s,o,t,e);return r+=90,r}return super.getRotateAngle()}containsPoint(t,e){const i=this.getLines();for(let s=0;s<i.length;s++){const o=i[s],r=o.o[0],a=o.o[1],h=o.d[0],l=o.d[1],c=Math.hypot(h-r,l-a),d=Math.hypot(r-t,a-e),u=Math.hypot(h-t,l-e);if(d+u>=c-3&&d+u<=c+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 W=ICEPolyLine;class ICEBezier extends W{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 j=class ICELinkSlot extends T{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 W{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 o=s[t];this.state.points.push([o.x,o.y]),this.state.dots.push([o.x-e,o.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:o}=this.state,r=this.buildBezierPoints(e,i);return this.state.points=r.map(t=>[...t]),this.state.dots=r.map(t=>[t[0]-s,t[1]-o]),this.state.curveType="straight",this.calcArrowPoints(),this.state.dots}buildBezierPoints(t,e){const i=e[0]-t[0],s=e[1]-t[1],o=Math.hypot(i,s);if(o<1e-6)return[[...t],[...e]];const r=[i/o,s/o],a=Math.max(.45*o,24),h=this.slotDirection("start",r),l=this.slotDirection("end",r),c=[t[0]+h[0]*a,t[1]+h[1]*a],d=[e[0]+l[0]*a,e[1]+l[1]*a],u=Math.min(24,Math.max(8,Math.round(o/12))),p=[];for(let i=0;i<=u;i++){const s=i/u,o=1-s,r=o*o*o*t[0]+3*o*o*s*c[0]+3*o*s*s*d[0]+s*s*s*e[0],a=o*o*o*t[1]+3*o*o*s*c[1]+3*o*s*s*d[1]+s*s*s*e[1];p.push([round(r,2),round(a,2)])}return p.filter((t,e)=>0===e||t[0]!==p[e-1][0]||t[1]!==p[e-1][1])}slotDirection(t,e){const i=this.state.links&&this.state.links[t],s=W.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],o=this.state.points[t-1][1],r=new GeoPoint(e,i),a=new GeoPoint(s,o),h=[];let l,c,d=null,u=null,p=[],f=new y,g=new y;if(this.ice&&this.state.links&&this.state.links.start&&this.state.links.start.id&&(l=this.ice.findComponent(this.state.links.start.id)),l){f=l.getMinBoundingBox(),h[0]=new GeoPoint(r.x,f.tl[1]-this.state.escapeDistance),h[1]=new GeoPoint(f.tr[0]+this.state.escapeDistance,r.y),h[2]=new GeoPoint(r.x,f.br[1]+this.state.escapeDistance),h[3]=new GeoPoint(f.tl[0]-this.state.escapeDistance,r.y),d=h[0];for(let t=1;t<h.length;t++)this.distance(r,h[t])<this.distance(r,d)&&(d=h[t])}if(this.ice&&this.state.links&&this.state.links.end&&this.state.links.end.id&&(c=this.ice.findComponent(this.state.links.end.id)),c){g=c.getMinBoundingBox(),h[0]=new GeoPoint(a.x,g.tl[1]-this.state.escapeDistance),h[1]=new GeoPoint(g.tr[0]+this.state.escapeDistance,a.y),h[2]=new GeoPoint(a.x,g.br[1]+this.state.escapeDistance),h[3]=new GeoPoint(g.tl[0]-this.state.escapeDistance,a.y),u=h[0];for(let t=1;t<h.length;t++)this.distance(a,h[t])<this.distance(a,u)&&(u=h[t])}let m=0;const _=[r];d&&(_.push(d),m=1),u&&_.push(u),_.push(a);const x=GeoPoint.cloneArray(_);p.push(["s0","s0",x]);const v=GeoPoint.cloneArray(_),b=GeoPoint.cloneArray(v);b.splice(m+1,0,new GeoPoint(b[m].x,b[m+1].y)),p.push(["s1","s1_1",b]);const E=GeoPoint.cloneArray(v);E.splice(m+1,0,new GeoPoint(E[m+1].x,E[m].y)),p.push(["s1","s1_2",E]);const C=GeoPoint.cloneArray(v),w=new GeoPoint((C[m].x+C[m+1].x)/2,C[m].y),S=new GeoPoint((C[m].x+C[m+1].x)/2,C[m+1].y);C.splice(m+1,0,w,S),p.push(["s2","s2_1",C]);const M=GeoPoint.cloneArray(v),P=new GeoPoint(M[m].x,(M[m].y+M[m+1].y)/2),T=new GeoPoint(M[m+1].x,(M[m].y+M[m+1].y)/2);M.splice(m+1,0,P,T),p.push(["s2","s2_2",M]);const B=GeoPoint.cloneArray(v),I=[B[m].x+20,B[m+1].x+20];f&&I.push(f.br[0]+20),g&&I.push(g.br[0]+20);const O=this.max(I),R=new GeoPoint(O,B[m].y),A=new GeoPoint(O,B[m+1].y);B.splice(m+1,0,R,A),p.push(["s2","s2_3",B]);const k=GeoPoint.cloneArray(v),D=[k[m].y-20,k[m+1].y-20];f&&D.push(f.tl[1]-20),g&&D.push(g.tl[1]-20);const N=this.min(D),F=new GeoPoint(k[m].x,N),L=new GeoPoint(k[m+1].x,N);k.splice(m+1,0,F,L),p.push(["s2","s2_4",k]);const X=GeoPoint.cloneArray(v),z=[X[m].x-20,X[m+1].x-20];f&&z.push(f.tl[0]-20),g&&z.push(g.tl[0]-20);const V=this.min(z),H=new GeoPoint(V,X[m].y),Y=new GeoPoint(V,X[m+1].y);X.splice(m+1,0,H,Y),p.push(["s2","s2_5",X]);const G=GeoPoint.cloneArray(v),W=[G[m].y+20,G[m+1].y+20];f&&W.push(f.tl[1]+f.height+20),g&&W.push(g.tl[1]+g.height+20);const j=this.max(W),K=new GeoPoint(G[m].x,j),U=new GeoPoint(G[m+1].x,j);G.splice(m+1,0,K,U),p.push(["s2","s2_6",G]);const q=[];for(let t=0;t<p.length;t++){const e=p[t][2];this.orthogonalPath(e)&&q.push(p[t])}if(p=q,!r.equals(a)){const t=[];for(let e=0;e<p.length;e++){const i=p[e][2];this.forwardPath(i)&&t.push(p[e])}p=t,p.length}const Q=[];for(let t=0;t<p.length;t++){let e=!1,i=p[t][2].slice();(g||f)&&(i=i.slice(1,i.length-1)),f&&(e=e||this.polylineIntersectsRectangle(i,f)),g&&(e=e||this.polylineIntersectsRectangle(i,g)),e||Q.push(p[t])}0!=Q.length&&(p=Q),p.length;const J=p[0][2].length,Z=[];for(let t=0;t<p.length;t++){p[t][2].length==J&&Z.push(p[t])}p=Z;let $=0;for(let t=0;t<p.length;t++)this.scorePath(p[$][2])<this.scorePath(p[t][2])&&($=t);return p=[p[$]],p}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,o=e.startPoint.x,r=i*o+s;return t.contains(o,r)&&e.contains(o,r)}{const i=(t.endPoint.y-t.startPoint.y)/(t.endPoint.x-t.startPoint.x),s=t.startPoint.y-i*t.startPoint.x,o=(e.endPoint.y-e.startPoint.y)/(e.endPoint.x-e.startPoint.x),r=e.startPoint.y-o*e.startPoint.x;if(i==o)return s==r&&(t.contains(e.startPoint.x,e.startPoint.y)||t.contains(e.endPoint.x,e.endPoint.y));{const a=(r-s)/(i-o),h=i*a+s;return t.contains(a,h)&&e.contains(a,h)}}}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 K=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),o=Math.floor(e*Math.cos(s)+e),r=Math.floor(e*Math.sin(s)+e);this.state.dots.push([o,r])}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 U=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,o=0,r=0;for(;s=t+t*Math.sin(e*r)*Math.cos(r),o=t+t*Math.sin(e*r)*Math.sin(r),this.state.dots.push([s,o]),r+=i,!(r>=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 q=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 o,r;for(let a=0;a<this.state.spikes;a++)o=Math.cos(t)*i+i,r=Math.sin(t)*i+i,this.state.dots.push([o,r]),t+=e,o=Math.cos(t)*s+i,r=Math.sin(t)*s+i,this.state.dots.push([o,r]),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 Q="__ICE_UTILS_TEXT_MEASURE_DIV__";class ICEText extends C{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:o,paddingBottom:r,paddingLeft:a}=this.state.style,h=Math.max(this.state.width-a-o,1),l=Math.max(this.state.height-s-r,this.state.style.fontSize),c=t.createElement("input");c.type="text",c.value=this.state.text,c.style.position="absolute",c.style.left=i.left+e.tl[0]+"px",c.style.top=i.top+e.tl[1]+"px",c.style.width=h+"px",c.style.height=l+"px",c.style.font=this.state.style.font,c.style.paddingTop=s+"px",c.style.paddingRight=o+"px",c.style.paddingBottom=r+"px",c.style.paddingLeft=a+"px",c.style.boxSizing="content-box",c.style.color="transparent",c.style.caretColor=this.state.style.fillStyle||"#000000",c.style.background="transparent",c.style.border="none",c.style.outline="none",c.style.margin="0",c.style.zIndex="9999",t.body.appendChild(c),c.focus(),c.setSelectionRange(c.value.length,c.value.length),c.addEventListener("input",()=>{this.setText(c.value)}),c.addEventListener("compositionend",()=>{this.setText(c.value)}),c.addEventListener("keydown",t=>{"Enter"!==t.key&&"Escape"!==t.key||t.isComposing||this.stopEditing()}),c.addEventListener("blur",()=>{this.stopEditing()}),this.__editInput=c}__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 o=0-this.state.localOrigin[0]+i;"function"==typeof this.ctx.measureText&&(o+=this.ctx.measureText(s).width);const r=0-this.state.localOrigin[1]+t,a=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(o,r),this.ctx.lineTo(o,a),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(),o=this.__wrapText(e,s);return this.__truncateLines(o,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=[],o=String(null!==(i=this.state.text)&&void 0!==i?i:"").split("\n");for(let i=0;i<o.length;i++){const r=this.__graphemes(o[i]);let a="";for(let i=0;i<r.length;i++){const o=a+r[i];""!==a&&e(o)>t?(s.push(a),a=r[i]):a=o}s.push(a)}return s}__truncateLines(t,e,i,s,o){if(!(i>0)||t.length<=i)return t;const r=t.slice(0,i),a=this.__graphemes(r[i-1]);for(;a.length>0&&o(a.join("")+s)>e;)a.pop();return r[i-1]=a.join("")+s,r}__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,o=0;for(const t of e){const e=this.ctx.measureText(t);i=Math.max(i,e.width||0);const r=e.actualBoundingBoxAscent,a=e.actualBoundingBoxDescent;if("number"!=typeof r||"number"!=typeof a)return null;s=Math.max(s,r),o=Math.max(o,a)}const r=s+o;if(e.length<=1)return{textWidth:i,textHeight:r};const a=Number(this.state.style.fontSize)||r||12;return{textWidth:i,textHeight:Math.max(r,a*ICEText.LINE_HEIGHT_RATIO)*e.length}}__applyMeasuredSize(t){const{paddingTop:e,paddingBottom:i,paddingLeft:s,paddingRight:o}=this.state.style,r=t.textWidth+s+o,a=t.textHeight+e+i;10===this.props.width&&(this.state.width=r),10===this.props.height&&(this.state.height=a),this.state.textHeight=t.textHeight}__measureByDOM(){let t;try{const e=this.root&&this.root.document;if(!e||"function"!=typeof e.getElementById)return{width:this.state.width,height:this.state.height};if(t=this.root.document.getElementById(Q),!t){t=this.root.document.createElement("div"),t.setAttribute("id",Q);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:i,paddingBottom:s,paddingLeft:o,paddingRight:r}=this.state.style,a={width:t.offsetWidth+o+r,height:t.offsetHeight+i+s};return 10===this.props.width&&(this.state.width=a.width),10===this.props.height&&(this.state.height=a.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}}}getRenderLines(){var t;const{paddingTop:e,paddingLeft:i,paddingRight:s,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,d=[];for(let t=0;t<a.length;t++){let u=0-this.state.localOrigin[0]+i;if(l){const e=c&&c(a[t])||0;u="center"===o?-e/2:this.state.localOrigin[0]-s-e}let p=0-this.state.localOrigin[1]+e+(t+1)*h;"middle"===r&&(p=(t-(a.length-1)/2)*h),d.push({text:a[t],x:u,y:p})}return d}doRender(){this.dirty&&this.measureText();const{textAlign:t}=this.state.style,e=this.getRenderLines();("center"===t||"right"===t||"end"===t)&&(this.ctx.textAlign="left");for(let t=0;t<e.length;t++)this.state.stroke&&this.ctx.strokeText(e[t].text,e[t].x,e[t].y,this.state.width),this.state.fill&&this.ctx.fillText(e[t].text,e[t].x,e[t].y,this.state.width);this.state.editing&&this.renderCaret(),super.doRender()}}_defineProperty(ICEText,"LINE_HEIGHT_RATIO",1.35);var J=ICEText;var Z=class ICELayoutManager{getPreferredSize(t){return[0,0]}};var $=class ICEFlowLayout extends Z{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,o=[[]];let r=0;for(const t of e){const e=t.state.width;r>0&&r+s+e>i&&(o.push([]),r=0),o[o.length-1].push(t),r+=r>0?s+e:e}let a=0;for(const t of o){let e=0,o=0;for(const i of t)e+=i.state.width,o=Math.max(o,i.state.height);e+=s*(t.length-1);let r=0;"center"===this.align?r=(i-e)/2:"right"===this.align&&(r=i-e);for(const e of t)e.setState({left:r,top:a}),r+=e.state.width+s;a+=o+s}}};var tt=class ICEGridLayout extends Z{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,o=0,r=0;for(const t of e)t.setState({left:i,top:s}),i+=t.state.width+this.gapX,o=Math.max(o,t.state.height),r++,r>=this.cols&&(r=0,i=0,s+=o+this.gapY,o=0)}};var et=class ICEBorderLayout extends Z{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 o=null,r=null,a=null,h=null,l=null;e.forEach(t=>{const e=t.state.layoutConstraint||"center";"north"===e?o=t:"south"===e?r=t:"east"===e?a=t:"west"===e?h=t:l=t});let c=0,d=s,u=0,p=i;o&&(o.setState({left:0,top:0,width:i}),c=o.state.height+this.gap),r&&(r.setState({left:0,top:s-r.state.height,width:i}),d=s-r.state.height-this.gap),a&&(a.setState({left:i-a.state.width,top:c,height:d-c}),p=i-a.state.width-this.gap),h&&(h.setState({left:0,top:c,height:d-c}),u=h.state.width+this.gap),l&&l.setState({left:u,top:c,width:p-u,height:d-c})}};var it=class ICEBoxLayout extends Z{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 st=class ICECardLayout extends Z{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 nt=class ICEOverlayLayout extends Z{layoutContainer(t){for(const e of t.childNodes)e.setState({left:0,top:0})}};var ot=class ICELayeredLayout extends Z{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 o={};i.forEach(t=>o[t.id]=t);const r=s.filter(t=>t.from&&t.to&&o[t.from]&&o[t.to]);this.assignRanks(i,r),this.assignOrders(i,r,o),this.assignCoords(i,r,o)}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 o=e.filter(e=>e.to===t).map(t=>t.from);let r=-1;for(const t of o)r=Math.max(r,visit(t,s));return i[t]=r+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 o=Object.keys(s).map(Number).sort((t,e)=>t-e);o.forEach(t=>s[t].forEach((t,e)=>t.order=e));for(let t=0;t<4;t++)for(const t of o){const o=s[t];o.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}),o.sort((t,e)=>t.barycenter-e.barycenter),o.forEach((t,e)=>t.order=e)}}assignCoords(t,e,i){const s={};t.forEach(t=>{(s[t.rank]=s[t.rank]||[]).push(t)});const o=Object.keys(s).map(Number).sort((t,e)=>t-e),r=this.gapX,a=this.gapY;let h=0;o.forEach(t=>{const e=s[t],i=Math.max(...e.map(t=>t.component.state.width));let o=0;e.forEach(t=>{t.component.setState({left:h,top:o}),o+=t.component.state.height+a}),h+=i+r});for(const t of e){const e=i[t.from].component,s=i[t.to].component,o=e.state.left+e.state.width,r=e.state.top+e.state.height/2,a=s.state.left,h=s.state.top+s.state.height/2;t.component.setState({startPoint:[o,r],endPoint:[a,h]})}}};var rt={ICERect:S,ICECircle:T,ICEEllipse:P,ICEStar:q,ICEIsogon:K,ICERose:U,ICEText:J,ICEImage:G,ICEGroup:M,ICEVisioLink:ICEVisioLink,ICEPolyLine:W,ICEBezier:ICEBezier};const at={evtBuses:[],stopped:!1,frameCallback:function(){for(let e=0;e<at.evtBuses.length;e++){if(at.stopped)return;at.evtBuses[e].trigger(t.ICE_FRAME_EVENT)}at.stopped||p.requestFrame(at.frameCallback)},start:function(){at.stopped=!1,p.requestFrame(at.frameCallback)},stop:function(){at.stopped=!0},registerEvtBus:function(t){at.evtBuses.includes(t)||at.evtBuses.push(t)},delEvtBus:function(t){at.evtBuses.includes(t)&&at.evtBuses.splice(at.evtBuses.indexOf(t),1)}};var ht=at;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 o=!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)&&(o=!0,s.setState({style:{fillStyle:"#fffb00"}}))}o&&e.setState({style:{fillStyle:"#fffb00"}})}hookMouseUpHandler(t){const e=t.target,i=e.state.position,s=e.parentNode.targetComponent,o=e.getMaxBoundingBox();let r=!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(o)){r=!0;const t={};t[i]={id:e.hostComponent.state.id,position:e.state.position},s&&s.setState({links:t});break}}if(r)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 j({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 j({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 j({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 j({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 o=new j({zIndex:10000014,display:!1,transformable:!1,draggable:!1,radius:this.slotRadius,position:"C",style:{strokeStyle:"#0c09d4",fillStyle:"#3ce92c",lineWidth:1}});this.ice.addTool(o),this.ice._linkSlots=[t,e,i,s,o]}}const lt=["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:[]};e.childNodes.push(s);const o="function"==typeof t.hasDerivedChildren&&t.hasDerivedChildren(),r=("function"==typeof t.getSerializableChildren?t.getSerializableChildren():null)||(o?[]:t.childNodes);if(r&&r.length)for(let t=0;t<r.length;t++)this.encodeRecursively(r[t],s)}pickSerializableState(t){const e={};for(const i in t)-1===lt.indexOf(i)&&(e[i]=t[i]);return e}}const ct=[];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<ct.length;i++){const s=ct[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);if(!("function"==typeof s.getSerializableChildren)&&"function"==typeof s.hasDerivedChildren&&s.hasDerivedChildren())return s;const o=e.childNodes;if(o&&o.length)for(let t=0;t<o.length;t++)this.decodeRecursively(s,o[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 o=!1;try{o=!!t&&!!s.match(t,this.ice)}catch(t){o=!1}o?(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[o,r]=t.worldToScreen(s[0],s[1]),[a,h]=t.worldToScreen(s[2],s[3]);return{x:Math.min(o,a),y:Math.min(r,h),width:Math.abs(a-o),height:Math.abs(h-r)}}function buildAccessibilityTree(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};const i=[],s=t&&t.selectionList||[];let o=0;const walk=(r,a,h)=>{if(!r||!r.length)return;const l=r.slice().sort((t,e)=>(t.state.zIndex||0)-(e.state.zIndex||0));for(let r=0;r<l.length;r++){const c=l[r],d=c.state||{},u=isEffectivelyVisible(c),p=!1!==d.interactive,f=resolveBox(t,c),g=(e.includeHidden||u)&&!!f,m=!e.filter||e.filter(c);g&&m&&i.push({id:c.props&&c.props.id||String(d.id||""),role:resolveRole(c),label:resolveLabel(c),box:f,visible:u,interactive:p,focusable:u&&p,tabIndex:o++,selected:-1!==s.indexOf(c),level:a,parentId:h}),c.childNodes&&c.childNodes.length&&walk(c.childNodes,a+1,c.props&&c.props.id||null)}};return walk(t&&t.childNodes||[],1,null),e.includeTools&&walk(t&&t.toolNodes||[],1,null),i}var dt=class ObjectCache{constructor(t){_defineProperty(this,"map",new WeakMap),_defineProperty(this,"__bytes",0),_defineProperty(this,"__offscreenUnavailable",!1),_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(this.__offscreenUnavailable)return!1;if(!this.__isOpaque(t))return!1;if("function"==typeof t.hasClippingAncestor&&t.hasClippingAncestor())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,o=i?i[3]-i[1]:Number(t.state.height)||0,r=Math.max(0,s)*Math.max(0,o)*e*e;return!(r>2e6)&&!(!this.map.has(t)&&this.__bytes+4*r>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 this.map.has(t)&&!this.__isOpaque(t)&&this.invalidate(t),!1;const e=this.__rvp(),i=e.scale,s=e.tx,o=e.ty;let r=this.map.get(t);if(!t.dirty&&r&&this.__sameViewport(r,i,s,o))return this.draw(r),!0;"function"==typeof t.calcDots&&t.refreshParams(),t.composeMatrix();const a=this.linearKey(t),h=this.contentKey(t);let l=!r||r.contentKey!==h||r.linearKey!==a||!this.__sameViewport(r,i,s,o);if(l||(l=!this.refreshPosition(t,r)),l){const e=r||null;e&&(this.__bytes=Math.max(0,this.__bytes-e.pw*e.ph*4));try{r=this.build(t,h,a,i,s,o)}catch(e){return this.__offscreenUnavailable=!0,this.map.delete(t),!1}this.__bytes+=r.pw*r.ph*4}return this.map.set(t,r),this.draw(r),t.dirty=!1,!0}__isOpaque(t){if(t&&"function"==typeof t.getEffectiveOpacity)return 1===t.getEffectiveOpacity();const e=t&&t.state?t.state.opacity:void 0;return void 0===e||1===e}__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,o,r){t.refreshParams(),t.composeMatrix();const a=this.__paintBox(t),h=Math.floor(a.minX*s+o)-1,l=Math.floor(a.minY*s+r)-1,c=Math.max(1,Math.ceil(a.maxX*s+o)-h+1),d=Math.max(1,Math.ceil(a.maxY*s+r)-l+1),{canvas:u,ctx:f}=p.createOffscreenCanvas(c,d),g=[s,0,0,s,o-h,r-l];return t.renderTo(f,g),{canvas:u,ctx:f,pw:c,ph:d,dx:h,dy:l,dx0:h,dy0:l,buildMinX:a.minX,buildMinY:a.minY,rs:s,ox:o,oy:r,contentKey:e,linearKey:i}}refreshPosition(t,e){const i=this.__paintBox(t),s=e.rs,o=s*(i.minX-e.buildMinX),r=s*(i.minY-e.buildMinY);if(Math.abs(o-Math.round(o))>1e-6)return!1;if(Math.abs(r-Math.round(r))>1e-6)return!1;const a=e.dx0+Math.round(o),h=e.dy0+Math.round(r);return!(i.minX*s+e.ox<a)&&(!(i.minY*s+e.oy<h)&&(!(i.maxX*s+e.ox>a+e.pw)&&(!(i.maxY*s+e.oy>h+e.ph)&&(e.dx=a,e.dy=h,!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 ut=class CanvasRenderer extends _{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 dt(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 o=[];if(!this.__collectDirtyBoxes(o,this.componentQueue))return null;if(!this.__collectDirtyBoxes(o,this.toolsQueue))return null;const r=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 o=!1;for(let t=0;t<i.length;t++)if(intersects(i[t],s)&&isWorthMerging(i[t],s)){i[t]=mergeBox(i[t],s),o=!0;break}o||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 o=0;o<i.length;o++)for(let r=o+1;r<i.length;r++){const a=boxArea(mergeBox(i[o],i[r]))-boxArea(i[o])-boxArea(i[r]);isWorthMerging(i[o],i[r])&&a<s&&(s=a,t=o,e=r)}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}(o,6);if(!r.length)return null;const a=this.__renderViewport(),h=[];for(let t=0;t<r.length;t++)integerAlign(r[t]),h.push(mapBoxToRender(r[t],a));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)}(h,e,i)>.35)return null;if(this.__riskyIntersectsRegions(r,this.componentQueue))return null;if(this.__riskyIntersectsRegions(r,this.toolsQueue))return null;const l=[1/0,1/0,-1/0,-1/0];for(let t=0;t<r.length;t++)unionBoxes(l,r[t]);return{regions:r,renderRegions:h,bounding:l}}__renderViewport(){return"function"==typeof this.ice.getRenderViewport?this.ice.getRenderViewport():this.ice.viewport}__preCount(t){let e=0,i=0,s=!1;for(let o=0;o<t.length;o++){const r=t[o];r.isEffectivelyVisible()?(e++,r.dirty&&i++):this.__snap.has(r)&&(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 o=this.__freshBox(s);if(!o)return!1;const r=this.__snap.get(s);t.push(r?mergeBox(r,o):o)}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 o=this.__snap.get(s);if(!o)return!0;for(let e=0;e<t.length;e++)if(intersects(o,t[e]))return!0}return!1}__renderDirtyRect(e){const i=this.ice.ctx,s=e.regions,o=e.renderRegions;for(let t=0;t<s.length;t++){const e=s[t],r=o[t],a=r[0],h=r[1],l=r[2]-r[0],c=r[3]-r[1];if(!(l<=0||c<=0)){i.save(),i.setTransform(1,0,0,1,0,0),i.clearRect(a,h,l,c),i.beginPath(),i.rect(a,h,l,c),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),[o,r]=this.ice.screenToWorld(t,e),a=[Math.min(i,o),Math.min(s,r),Math.max(i,o),Math.max(s,r)];return isFiniteBox(a)?a: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))}}};function paint(t){return null==t||""===t?null:String(t)}function gradientDesc(t){if(!t||"object"==typeof t){if(t&&t.__iceGradient)return t.__iceGradient;if(t&&("linear"===t.type||"radial"===t.type||"conic"===t.type)&&t.stops)return t}return null}function gradientDef(t,e){const i=[],s=e&&e.stops;if(Array.isArray(s)&&s.forEach(t=>{Array.isArray(t)&&i.push([Number(t[0])||0,String(t[1])])}),!i.length)return"";const o=i.map(t=>{let[e,i]=t;return'<stop offset="'.concat(escapeXml(String(e)),'" stop-color="').concat(escapeXml(i),'"/>')}).join("");if("radial"===function gradientKind(t){return t&&"radial"===t.type?"radial":"linear"}(e)){const i=Array.isArray(e.center)?e.center:[0,0],s=Number(e.radius)||.5;return'<radialGradient id="'.concat(t,'" gradientUnits="userSpaceOnUse" cx="').concat(i[0],'" cy="').concat(i[1],'" r="').concat(s,'">').concat(o,"</radialGradient>")}const r=Array.isArray(e.from)?e.from:[0,0],a=Array.isArray(e.to)?e.to:[0,1];return'<linearGradient id="'.concat(t,'" gradientUnits="userSpaceOnUse" x1="').concat(r[0],'" y1="').concat(r[1],'" x2="').concat(a[0],'" y2="').concat(a[1],'">').concat(o,"</linearGradient>")}function escapeXml(t){return String(t).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&apos;")}const pt={top:"text-before-edge",hanging:"hanging",middle:"central",alphabetic:"alphabetic",ideographic:"ideographic",bottom:"text-after-edge"},ft=2*Math.PI;function directionalDelta(t,e,i){let s=e-t;if(i){for(;s>1e-12;)s-=ft;for(;s<-ft;)s+=ft;Math.abs(s)<1e-12&&(s=-ft)}else{for(;s<-1e-12;)s+=ft;for(;s>ft;)s-=ft;Math.abs(s)<1e-12&&(s=ft)}return s}function matrixAttr(t,e){const n=t=>String(Number((t||0).toFixed(e)));return"matrix(".concat(n(t[0])," ").concat(n(t[1])," ").concat(n(t[2])," ").concat(n(t[3])," ").concat(n(t[4])," ").concat(n(t[5]),")")}function exportSvg(t){return exportSvgResult(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:{}).svg}function exportSvgResult(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};const i="number"==typeof e.precision?e.precision:2,s=Number(e.scale)>0?Number(e.scale):1,o=!!(t&&t.childNodes&&t.getRenderViewport),r=o?t:t&&t.ice,a=[],collect=t=>{for(let e=0;e<t.length;e++){const i=t[e];a.push(i),i.childNodes&&i.childNodes.length&&collect(i.childNodes)}};collect(o?t.childNodes:[t]),e.includeTools&&r&&r.toolNodes&&collect(r.toolNodes),a.sort((t,e)=>(t.state.zIndex||0)-(e.state.zIndex||0));let h=[1,0,0,1,0,0],l=0,c=0;if("viewport"===e.area&&o){const t=r.getRenderViewport(),e=Number(r.canvasWidth)||0,i=Number(r.canvasHeight)||0;h=[t.scale,0,0,t.scale,t.tx,t.ty],l=e,c=i}else{let t=1/0,i=1/0,o=-1/0,r=-1/0;a.forEach(e=>{if("function"==typeof e.isEffectivelyVisible&&!e.isEffectivelyVisible())return;"function"==typeof e.refreshParams&&e.refreshParams(),"function"==typeof e.composeMatrix&&e.composeMatrix();let s=null;if("function"==typeof e.__paintWorldBox)s=e.__paintWorldBox();else if("function"==typeof e.getMinBoundingBox){const t=e.getMinBoundingBox(!0);s=[t.tl[0],t.tl[1],t.br[0],t.br[1]]}s&&isFinite(s[0])&&isFinite(s[1])&&isFinite(s[2])&&isFinite(s[3])&&(t=Math.min(t,s[0]),i=Math.min(i,s[1]),o=Math.max(o,s[2]),r=Math.max(r,s[3]))});const d=Number(e.padding)>=0?Number(e.padding):0;isFinite(t)||(t=0,i=0,o=1,r=1),t-=d,i-=d,o+=d,r+=d;const u=Math.max(o-t,1),p=Math.max(r-i,1);h=[s,0,0,s,-t*s,-i*s],l=u*s,c=p*s}const d=[],u=[];let p=0;a.forEach(t=>{if("function"==typeof t.isEffectivelyVisible&&!t.isEffectivelyVisible())return;const e=t.state,s=function mergedStyle(t){const e=t.props&&t.props.style,i=t.state&&t.state.style;return e||i?_objectSpread2(_objectSpread2({fillStyle:void 0},e),i):{}}(t),o="function"==typeof t.composeMatrix?t.composeMatrix():e.composedMatrix,r=[],a=[];let h=t.parentNode;for(;h&&h.state;)h.state.clipChildren&&"function"==typeof h.__paintWorldBox&&a.push(h.__paintWorldBox()),h=h.parentNode;const l=['transform="'.concat(matrixAttr(o,i),'"')];if(a.length){const t="ice-clip-".concat(p++),e=a[a.length-1];d.push('<clipPath id="'.concat(t,'"><rect x="').concat(e[0].toFixed(i),'" y="').concat(e[1].toFixed(i),'" width="').concat((e[2]-e[0]).toFixed(i),'" height="').concat((e[3]-e[1]).toFixed(i),'"/></clipPath>')),l.push('clip-path="url(#'.concat(t,')"'))}const c="function"==typeof t.getEffectiveOpacity?t.getEffectiveOpacity():1,f=void 0===s.globalAlpha?1:Number(s.globalAlpha),g=c*(f>=0?f:1);1!==g&&l.push('opacity="'.concat(Number(g.toFixed(3)),'"'));const m=function shadowFilter(t,e){let i=null;if("string"==typeof e.shadow&&x[e.shadow])i=x[e.shadow];else{const t=Number(e.shadowBlur)||0,s=Number(e.shadowOffsetX)||0,o=Number(e.shadowOffsetY)||0;(t||s||o)&&(i={shadowColor:e.shadowColor||"rgba(0,0,0,0.35)",shadowBlur:t,shadowOffsetX:s,shadowOffsetY:o})}if(!i)return null;const s=String(i.shadowColor||"rgba(0,0,0,0.35)"),o=s.match(/^rgba?\(\s*([0-9.]+)\s*,\s*([0-9.]+)\s*,\s*([0-9.]+)\s*(?:,\s*([0-9.]+)\s*)?\)$/i),r=o?"rgb(".concat(Number(o[1]),", ").concat(Number(o[2]),", ").concat(Number(o[3]),")"):s,a=o&&void 0!==o[4]?Number(o[4]):1,h=Number(i.shadowBlur)||0;return{def:'<filter id="'.concat(t,'" x="-50%" y="-50%" width="200%" height="200%"><feDropShadow dx="').concat(Number(i.shadowOffsetX||0),'" dy="').concat(Number(i.shadowOffsetY||0),'" stdDeviation="').concat(Number((h/2).toFixed(2)),'" flood-color="').concat(escapeXml(r),'" flood-opacity="').concat(a,'"/></filter>'),url:"url(#".concat(t,")")}}("ice-shadow-".concat(p),s);m&&(p++,d.push(m.def),l.push('filter="'.concat(m.url,'"'))),r.push(...l);let _="";if(t instanceof w){"function"==typeof t.ensurePathBuilt&&t.ensurePathBuilt();const o=t.path2D,r=o&&o._commands||[],a=s.fillGradient||gradientDesc(s.fillStyle),h=s.strokeGradient||gradientDesc(s.strokeStyle),l=!(!1===e.fill||!s.fillStyle&&!a),c=!(!1===e.stroke||!s.strokeStyle&&!h);if(r.length&&(l||c)){const l=function commandsToPathData(t,e,i){const n=t=>{const e=Number(t.toFixed(i));return String(e)},s=[];let o=!1;for(let e=0;e<t.length;e++){const i=t[e],r=i[0];if("moveTo"===r)s.push("".concat(o?"L":"M").concat(n(i[1]),",").concat(n(i[2]))),o=!0;else if("lineTo"===r)s.push("L".concat(n(i[1]),",").concat(n(i[2]))),o=!0;else if("bezierCurveTo"===r)s.push("C".concat(n(i[1]),",").concat(n(i[2])," ").concat(n(i[3]),",").concat(n(i[4])," ").concat(n(i[5]),",").concat(n(i[6]))),o=!0;else if("quadraticCurveTo"===r)s.push("Q".concat(n(i[1]),",").concat(n(i[2])," ").concat(n(i[3]),",").concat(n(i[4]))),o=!0;else if("rect"===r)s.push("M".concat(n(i[1]),",").concat(n(i[2]),"h").concat(n(i[3]),"v").concat(n(i[4]),"h").concat(n(-i[3]),"z")),o=!1;else if("arc"===r){const[t,e,r,a,h,l]=i.slice(1),c=t+r*Math.cos(a),d=e+r*Math.sin(a),u=t+r*Math.cos(h),p=e+r*Math.sin(h),f=directionalDelta(a,h,!!l),g=Math.abs(f)>Math.PI?1:0,m=f>0?1:0;if(o||s.push("M".concat(n(c),",").concat(n(d))),Math.abs(f)>=ft-1e-6){const i=t+r*Math.cos(a+Math.PI),o=e+r*Math.sin(a+Math.PI);s.push("A".concat(n(r),",").concat(n(r)," 0 0 ").concat(m," ").concat(n(i),",").concat(n(o))),s.push("A".concat(n(r),",").concat(n(r)," 0 0 ").concat(m," ").concat(n(c),",").concat(n(d)))}else s.push("A".concat(n(r),",").concat(n(r)," 0 ").concat(g," ").concat(m," ").concat(n(u),",").concat(n(p)));o=!0}else if("arcTo"===r){const[t,e]=i.slice(1);s.push("L".concat(n(t),",").concat(n(e))),o=!0}else if("ellipse"===r){const[t,e,r,a,h,l,c,d]=i.slice(1),u=t+r*Math.cos(l)*Math.cos(h)-a*Math.sin(l)*Math.sin(h),p=e+r*Math.cos(l)*Math.sin(h)+a*Math.sin(l)*Math.cos(h),f=t+r*Math.cos(c)*Math.cos(h)-a*Math.sin(c)*Math.sin(h),g=e+r*Math.cos(c)*Math.sin(h)+a*Math.sin(c)*Math.cos(h),m=directionalDelta(l,c,!!d),_=Math.abs(m)>Math.PI?1:0,y=m>0?1:0;if(o||s.push("M".concat(n(u),",").concat(n(p))),Math.abs(m)>=ft-1e-6){const i=t+r*Math.cos(l+Math.PI)*Math.cos(h)-a*Math.sin(l+Math.PI)*Math.sin(h),o=e+r*Math.cos(l+Math.PI)*Math.sin(h)+a*Math.sin(l+Math.PI)*Math.cos(h);s.push("A".concat(n(r),",").concat(n(a)," 0 0 ").concat(y," ").concat(n(i),",").concat(n(o))),s.push("A".concat(n(r),",").concat(n(a)," 0 0 ").concat(y," ").concat(n(u),",").concat(n(p)))}else s.push("A".concat(n(r),",").concat(n(a)," 0 ").concat(_," ").concat(y," ").concat(n(f),",").concat(n(g)));o=!0}else"closePath"===r&&(s.length&&!/z$/i.test(s[s.length-1])&&s.push("Z"),o=!1)}const r=t.some(t=>"closePath"===t[0]);return!e||r||/z\s*$/i.test(s.join(" "))||s.push("Z"),s.join(" ")}(r,!(!o||!o._closed)||!1!==e.closePath,i),c=!1===e.fill||a?null:paint(s.fillStyle),u=!1===e.stroke||h?null:paint(s.strokeStyle),f=[];if(a&&!1!==e.fill){const t="ice-grad-".concat(p++),e=gradientDef(t,a);e?(d.push(e),f.push('fill="url(#'.concat(t,')"'))):c?f.push('fill="'.concat(escapeXml(c),'"')):f.push('fill="none"')}else f.push('fill="'.concat(c?escapeXml(c):"none",'"'));if(h&&!1!==e.stroke){const t="ice-grad-".concat(p++),e=gradientDef(t,h);e&&(d.push(e),f.push('stroke="url(#'.concat(t,')"')))}else u&&f.push('stroke="'.concat(escapeXml(u),'"'));if(void 0!==s.lineWidth&&f.push('stroke-width="'.concat(Number(s.lineWidth),'"')),Array.isArray(e.lineDash)&&e.lineDash.length&&(f.push('stroke-dasharray="'.concat(e.lineDash.join(" "),'"')),e.lineDashOffset&&f.push('stroke-dashoffset="'.concat(Number(e.lineDashOffset),'"'))),e.lineJoin&&f.push('stroke-linejoin="'.concat(e.lineJoin,'"')),e.lineCap&&f.push('stroke-linecap="'.concat(e.lineCap,'"')),_='<path d="'.concat(l,'" ').concat(f.join(" "),"/>"),"hollow"!==e.arrowStyle&&"function"==typeof t.getArrowFaces){const o=t.getArrowFaces(),r=u||(s.strokeStyle?String(s.strokeStyle):"#000000");if(o.length&&!1!==e.stroke){const t=o.map(t=>"M".concat(Number(t[0][0].toFixed(i)),",").concat(Number(t[0][1].toFixed(i)))+"L".concat(Number(t[1][0].toFixed(i)),",").concat(Number(t[1][1].toFixed(i)))+"L".concat(Number(t[2][0].toFixed(i)),",").concat(Number(t[2][1].toFixed(i)),"Z")).join(" ");_+='<path d="'.concat(t,'" fill="').concat(escapeXml(r),'" stroke="none"/>')}}const g="function"==typeof t.getLabelRenderInfo?t.getLabelRenderInfo():null;if(g){const t=Number((g.x-g.halfW).toFixed(i)),e=Number((g.y-g.halfH).toFixed(i)),s=Number((2*g.halfW).toFixed(i)),o=Number((2*g.halfH).toFixed(i));_+='<rect x="'.concat(t,'" y="').concat(e,'" width="').concat(s,'" height="').concat(o,'" fill="').concat(escapeXml(g.backgroundColor),'"/>')+'<text x="'.concat(Number(g.x.toFixed(i)),'" y="').concat(Number(g.y.toFixed(i)),'" ')+'font-family="Arial" font-size="'.concat(Number(g.fontSize),'" fill="').concat(escapeXml(g.fillStyle),'" ')+'text-anchor="middle" dominant-baseline="central">'.concat(escapeXml(g.text),"</text>")}}}else if(t instanceof J){const o="function"==typeof t.getRenderLines?t.getRenderLines():null;if(o&&o.length){const t=!1!==e.fill?paint(s.fillStyle):null,r=e.stroke?paint(s.strokeStyle):null,a=function fontAttributes(t,e){let i=t.fontFamily,s=t.fontSize,o=t.fontWeight,r=t.fontStyle;if(!("string"!=typeof t.font||i&&s)){const e=t.font.match(/^(?:(italic|oblique)\s+)?(?:(bold|bolder|lighter|[0-9]{3})\s+)?([0-9.]+)px\s+(.+)$/);e&&(r=r||e[1],o=o||e[2],s=s||e[3],i=i||e[4])}const a=[];return i&&a.push('font-family="'.concat(escapeXml(String(i)),'"')),null!=s&&""!==s&&a.push('font-size="'.concat(Number(Number(s).toFixed(e)),'"')),o&&a.push('font-weight="'.concat(escapeXml(String(o)),'"')),r&&a.push('font-style="'.concat(escapeXml(String(r)),'"')),a}(s,i);a.push('fill="'.concat(t?escapeXml(t):"none",'"')),r&&(a.push('stroke="'.concat(escapeXml(r),'"')),a.push('stroke-width="'.concat(Number(s.lineWidth)||1,'"')));let h=null;"center"===s.textAlign?(a.push('text-anchor="middle"'),h=0):"right"!==s.textAlign&&"end"!==s.textAlign||(a.push('text-anchor="end"'),h=e.localOrigin[0]-(Number(s.paddingRight)||0));const l=pt[s.textBaseline||"bottom"];l&&a.push('dominant-baseline="'.concat(l,'"'));const c=o.map(t=>{const e=null===h?t.x:h;return'<tspan x="'.concat(Number(e.toFixed(i)),'" y="').concat(Number(t.y.toFixed(i)),'">').concat(escapeXml(t.text),"</tspan>")}).join("");_="<text ".concat(a.join(" "),">").concat(c,"</text>")}}else if(t instanceof G&&e.src&&!(e.sw>0&&e.sh>0)){const t=0-e.localOrigin[0],i=0-e.localOrigin[1],s=['x="'.concat(t,'"'),'y="'.concat(i,'"'),'width="'.concat(e.width,'"'),'height="'.concat(e.height,'"'),'href="'.concat(escapeXml(String(e.src)),'"')];if("circle"===(e.clipType||"none")){const t="ice-clip-".concat(p++),i=Math.min(e.width,e.height)/2;d.push('<clipPath id="'.concat(t,'"><circle cx="0" cy="0" r="').concat(i,'"/></clipPath>')),s.push('clip-path="url(#'.concat(t,')"'))}_="<image ".concat(s.join(" "),' preserveAspectRatio="none"/>')}_&&u.push("<g ".concat(r.join(" "),">").concat(_,"</g>"))});const f=e.background?'<rect x="0" y="0" width="'.concat(l,'" height="').concat(c,'" fill="').concat(escapeXml(e.background),'"/>'):"";return{svg:['<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="'.concat(Number(l.toFixed(i)),'" height="').concat(Number(c.toFixed(i)),'" viewBox="0 0 ').concat(Number(l.toFixed(i))," ").concat(Number(c.toFixed(i)),'">'),d.length?"<defs>".concat(d.join(""),"</defs>"):"",f,'<g transform="'.concat(matrixAttr(h,i),'">'),u.join(""),"</g>","</svg>"].filter(Boolean).join(""),width:l,height:c}}class ImageCache{constructor(t){_defineProperty(this,"imageCache",new Map),this.ice=t}setImage(t){let e=this.imageCache.get(t);return e||(e=p.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}}function tagGradient(t,e){if(!t||"function"!=typeof t.addColorStop)return t;Object.defineProperty(t,"__iceGradient",{value:e,enumerable:!1,configurable:!0});const i=t.addColorStop.bind(t);return t.addColorStop=(t,s)=>{e.stops.push([t,s]),i(t,s)},t}_defineProperty(ImageCache,"CACHE_SIZE",100);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,"__inputRectSnapshot",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}readCanvasRect(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.canvasEl;if(t&&"function"==typeof t.getBoundingClientRect)return t.getBoundingClientRect();const e=t&&t.width||0,i=t&&t.height||0;return{left:0,top:0,width:e,height:i,right:e,bottom:i,x:0,y:0}}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 rt)this.typeMapping[t]=rt[t];return this.__typeIdMapping=null,this.root=p,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()},this.canvasWidth=this.canvasEl.width,this.canvasHeight=this.canvasEl.height,this.canvasBoundingClientRect=this.readCanvasRect(),this.__rememberInputRect(this.canvasBoundingClientRect),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 Y,ht.registerEvtBus(this.evtBus),ht.start(),H.registerEvtBus(this.evtBus),H.start(),this.eventDispatcher=new z(this).start(),this.animationManager=new c(this).start(),this.controlPanelManager=new B(this).start(),this.renderer=new ut(this,e).start(),this.alignmentGuide=new I(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&&(ht.delEvtBus(this.evtBus),H.delEvtBus(this.evtBus)),0===ht.evtBuses.length&&ht.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.__inputRectSnapshot=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 o=e.props.animations;if(o)for(const t in o){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 p.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.__rememberInputRect(this.canvasBoundingClientRect),this.__contentBox=this.__readContentBox(this.canvasBoundingClientRect)),this.canvasBoundingClientRect}__rememberInputRect(t){if(!t)return;const e=this.__inputRectSnapshot||(this.__inputRectSnapshot={left:0,top:0,width:0,height:0});e.left=t.left||0,e.top=t.top||0,e.width=t.width||0,e.height=t.height||0}refreshInputRect(){const t=this.canvasEl;if(!t||"function"!=typeof t.getBoundingClientRect)return this.canvasBoundingClientRect;const e=t.getBoundingClientRect(),i=this.__inputRectSnapshot,s=!!i,o=s?i.left:0,r=s?i.top:0,a=s?i.width:0,h=s?i.height:0;this.canvasBoundingClientRect=e,this.__rememberInputRect(e);const l=this.__contentBox;return s&&!!l&&Math.abs(e.width-a)<.01&&Math.abs(e.height-h)<.01?(l.left+=e.left-o,l.top+=e.top-r):this.__contentBox=this.__readContentBox(e),e}__readContentBox(t){const e=this.canvasEl;let i=0,s=0,o=0,r=0,a=0,h=0,l=0,c=0;const d=this.root&&"function"==typeof this.root.getComputedStyle&&e?this.root.getComputedStyle(e):null;if(d){const num=t=>{const e=parseFloat(t);return isFinite(e)?e:0};i=num(d.borderLeftWidth),s=num(d.borderRightWidth),o=num(d.borderTopWidth),r=num(d.borderBottomWidth),a=num(d.paddingLeft),h=num(d.paddingRight),l=num(d.paddingTop),c=num(d.paddingBottom)}const u=t&&t.left||0,p=t&&t.top||0,f=t&&t.width||0,g=t&&t.height||0;return{left:u+i+a,top:p+o+l,width:Math.max(0,f-i-s-a-h),height:Math.max(0,g-o-r-l-c)}}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,o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:20;const r=Number(i);if(!isFinite(r)||r<=0)return this;const[a,h]=this.screenToWorld(t,e),l=this.viewport.scale,c=Math.min(s,o),d=Math.max(s,o),u=Math.min(d,Math.max(c,l*r));return u===l?this:this.setViewport(u,t-a*u,e-h*u)}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 tagGradient(this.ctx.createLinearGradient(t,e,i,s),{type:"linear",from:[t,e],to:[i,s],stops:[]})}createRadialGradient(t,e,i,s,o,r){return tagGradient(this.ctx.createRadialGradient(t,e,i,s,o,r),{type:"radial",center:[s,o],radius:r,stops:[]})}createConicGradient(t,e,i){return"function"==typeof this.ctx.createConicGradient?tagGradient(this.ctx.createConicGradient(t,e,i),{type:"conic",startAngle:t,center:[e,i],stops:[]}):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)}toSvg(){return exportSvg(this,arguments.length>0&&void 0!==arguments[0]?arguments[0]:{})}static headless(){const t=new ICE;return t.childNodes=[],t.toolNodes=[],t.evtBus=new Y,t.dirty=!0,t}toSvgResult(){return exportSvgResult(this,arguments.length>0&&void 0!==arguments[0]?arguments[0]:{})}toJSONString(){return this.serializer.toJSONString()}toJSONObject(){return this.serializer.toJSONObject()}fromJSONObject(t){ht.stop(),this.renderer.stop(),this.eventDispatcher.stopped=!0,this.animationManager.stop(),this.controlPanelManager.stop(),this.linkSlotManager.stop(),this.clearAll(),this.deserializer.fromJSONObject(t),ht.start(),this.renderer.start(),this.animationManager.start(),this.controlPanelManager.start(),this.linkSlotManager.start(),setTimeout(()=>{this.eventDispatcher&&(this.eventDispatcher.stopped=!1)},300)}fromJSONString(t){const e=JSON.parse(t);this.fromJSONObject(e)}}var gt=ICE;exports.AlignmentGuideManager=I,exports.AnimationManager=c,exports.CanvasRenderer=ut,exports.DARK_THEME=o,exports.DEFAULT_THEME=s,exports.DOMEventDispatcher=z,exports.DOMEventInterceptor=H,exports.Deserializer=Deserializer,exports.EventBus=Y,exports.GeoLine=GeoLine,exports.GeoPoint=GeoPoint,exports.GeoUtil=GeoUtil,exports.ICE=gt,exports.ICEBezier=ICEBezier,exports.ICEBorderLayout=et,exports.ICEBoundingBox=y,exports.ICEBoxLayout=it,exports.ICECardLayout=st,exports.ICECircle=T,exports.ICEComponent=C,exports.ICEControlPanel=ICEControlPanel,exports.ICEControlPanelManager=B,exports.ICEDotPath=ICEDotPath,exports.ICEEllipse=P,exports.ICEEventTarget=_,exports.ICEFlowLayout=$,exports.ICEGridLayout=tt,exports.ICEGroup=M,exports.ICEImage=G,exports.ICEIsogon=K,exports.ICELayeredLayout=ot,exports.ICELayoutManager=Z,exports.ICELinkHook=ICELinkHook,exports.ICELinkSlot=j,exports.ICEOverlayLayout=nt,exports.ICEPath=w,exports.ICEPolyLine=W,exports.ICERect=S,exports.ICERose=U,exports.ICEStar=q,exports.ICEText=J,exports.ICETheme=l,exports.ICEVisioLink=ICEVisioLink,exports.LineControlPanel=LineControlPanel,exports.PluginHost=PluginHost,exports.ResizeControl=ResizeControl,exports.RotateControl=RotateControl,exports.SERIALIZATION_MIGRATIONS=ct,exports.SERIALIZATION_VERSION=1,exports.STYLE_PRESETS=h,exports.Serializer=Serializer,exports.TransformControlPanel=TransformControlPanel,exports.baseTokens=i,exports.buildAccessibilityTree=buildAccessibilityTree,exports.exportSvg=exportSvg,exports.exportSvgResult=exportSvgResult,exports.getTheme=getTheme,exports.registerTheme=registerTheme,exports.setTheme=setTheme;
+h||l||c||(t=this.findTargetComponent(e));let d=t;c?d=null:l&&this.focusedComponent&&(d=this.focusedComponent),this.__dispatch(o,e,d),a&&a!==o&&this.__dispatch(a,e,d)})}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.refreshInputRect?i.refreshInputRect():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,o]=this.ice.screenToWorld(e,i);return hitTestComponents(this.ice,s,o,1)}};const V={evtBuses:[],__handlers:null,__hasPointerEvent:!1,start:function(){if(!p||!p.addEventListener||V.__handlers)return;const t="function"==typeof p.PointerEvent;V.__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<V.evtBuses.length;e++)V.evtBuses[e].trigger(s[1],t)},o="wheel"===s[0]||"touchmove"===s[0]?{passive:!1}:void 0;o&&"function"==typeof p.addEventListener?p.addEventListener(s[0],handler,o):p.addEventListener(s[0],handler),i.push({name:s[0],handler:handler})}V.__handlers=i},stop:function(){if(V.__handlers&&p&&p.removeEventListener)for(let t=0;t<V.__handlers.length;t++){const e=V.__handlers[t];p.removeEventListener(e.name,e.handler)}V.__handlers=null},registerEvtBus:function(t){V.evtBuses.includes(t)||V.evtBuses.push(t)},delEvtBus:function(t){V.evtBuses.includes(t)&&(V.evtBuses.splice(V.evtBuses.indexOf(t),1),0===V.evtBuses.length&&V.stop())}};var H=V;var Y=class EventBus extends _{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),o=Math.hypot(t-this.endPoint.x,e-this.endPoint.y);return s+o>=i-3&&s+o<=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 w{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=p.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 o=1;o<this.state.dots.length;o++){const r=this.state.dots[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[[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 o=transformMat2d([],e[s],t);i.push(o)}return i}}var G=class ICEImage extends C{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],o=0-this.state.localOrigin[1],{sx:r,sy:a,sw:h,sh:l}=this.state,c=h>0&&l>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()),c?t.drawImage(e,r,a,h,l,s,o,this.state.width,this.state.height):t.drawImage(e,s,o,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 o=this.state.links[e].id,r=this.state.links[e].position;if(i||(i=o),s||(s=r),o===i&&r===s){const e=this.ice.findComponent(o);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 a=!0;this.state.links.start&&this.state.links.start.id&&(a=!1),this.state.links.end&&this.state.links.end.id&&(a=!1),this.state.draggable=a}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 o=s.getMinBoundingBox(!0);let r=[0,0];switch(i){case"T":r=o.tc;break;case"R":r=o.rc;break;case"B":r=o.bc;break;case"L":r=o.lc;break;case"C":r=o.center}switch(t){case"start":this.setState({startPoint:[...r]});break;case"end":this.setState({endPoint:[...r]})}}}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],o=s[0]-t,r=s[1]-e;this.state.dots.push([o,r])}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 o=i[0]/s,r=i[1]/s,a=Math.cos(this.state.arrowAngel),h=Math.sin(this.state.arrowAngel);let l=this.state.arrowLength*(o*a-r*h),c=this.state.arrowLength*(r*a+o*h),d=this.state.arrowLength*(o*a+r*h),u=this.state.arrowLength*(r*a-o*h);return l+=e[0],c+=e[1],d+=e[0],u+=e[1],[[l,c],[d,u]]}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,o=-1/0;for(let r=0;r<t.length;r++){const a=t[r];a[0]<e&&(e=a[0]),a[0]>s&&(s=a[0]),a[1]<i&&(i=a[1]),a[1]>o&&(o=a[1])}return this.state.width=Math.abs(s-e),this.state.height=Math.abs(o-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 o=[round(this.state.points[t-1][0],2)-e,round(this.state.points[t-1][1],2)-i];for(let r=0;r<t;r++){const t=this.state.points[r];0===cross([],o,[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(),o=this.state.style.lineWidth||1;let r=Math.cos(s*Math.PI/180)*o/2,a=Math.sin(s*Math.PI/180)*o/2;r=round(r,3),a=round(a,3);return[[0+r,0+a],[0-r,0-a],[e+r,i+a],[e-r,i-a]]}__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,o=1/0,r=-1/0,a=-1/0;for(let t=0;t<i.length;t++){const e=i[t];e[0]<s&&(s=e[0]),e[0]>r&&(r=e[0]),e[1]<o&&(o=e[1]),e[1]>a&&(a=e[1])}const h=this.__arrowFaceIndexes;for(let t=0;t<h.length;t++){const i=h[t];for(let t=0;t<3;t++){const h=e[i+t];h&&(h[0]<s&&(s=h[0]),h[0]>r&&(r=h[0]),h[1]<o&&(o=h[1]),h[1]>a&&(a=h[1]))}}const l=this.__measureLabelBoxForBounds();return l&&(l.x-l.halfW<s&&(s=l.x-l.halfW),l.x+l.halfW>r&&(r=l.x+l.halfW),l.y-l.halfH<o&&(o=l.y-l.halfH),l.y+l.halfH>a&&(a=l.y+l.halfH)),t[0]=s,t[1]=o,t[2]=r,t[3]=a,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),o=ICEPolyLine.dirVector(this.state.links&&this.state.links.end&&this.state.links.end.position),r=[t[0]+s[0]*i,t[1]+s[1]*i],a=[e[0]+o[0]*i,e[1]+o[1]*i],h=[t];0===s[0]&&0===s[1]||h.push(r),r[0]!==a[0]&&r[1]!==a[1]&&h.push([a[0],r[1]]),0===o[0]&&0===o[1]||h.push(a),h.push(e),this.state.points=h,this.paramsDirty=!0,this.dirty=!0}createPathObject(){this.ensureDots();const t=this.state.curveType||"straight",e=this.state.dots;if(this.path2D=p.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()}getArrowFaces(){const t=this.__arrowFaceIndexes,e=this.state.dots,i=[];if(!e||0===t.length)return i;for(let s=0;s<t.length;s++){const o=t[s],r=e[o],a=e[o+1],h=e[o+2];r&&a&&h&&i.push([[r[0],r[1]],[a[0],a[1]],[h[0],h[1]]])}return i}drawArrowFills(t){const e=this.getArrowFaces();if(!e.length)return;const i=this.ctx;i.save(),i.beginPath();for(let t=0;t<e.length;t++){const[s,o,r]=e[t];i.moveTo(s[0],s[1]),i.lineTo(o[0],o[1]),i.lineTo(r[0],r[1]),i.closePath()}i.fillStyle=t||this.state.style.strokeStyle||"#000000",i.fill(),i.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 o=this.ctx;return o&&"function"==typeof o.measureText?(o.font="".concat(e,"px Arial"),s=o.measureText(t).width):s=t.length*e,{x:i[0],y:i[1],halfW:s/2+4,halfH:e/2+4}}getLabelRenderInfo(){const t=this.__labelMetrics();if(!t)return null;const e=this.state.labelStyle||{};return _objectSpread2(_objectSpread2({text:String(this.state.label)},t),{},{fontSize:e.fontSize||14,fillStyle:e.fillStyle||"#000000",backgroundColor:e.backgroundColor||"#ffffff"})}__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 o,r;if(2===e)o=(t[0][0]+t[1][0])/2,r=(t[0][1]+t[1][1])/2;else{const i=t[Math.floor(e/2)];o=i[0],r=i[1]}return[o-i,r-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],o=this.state.points[i-1][1]-this.state.points[0][1];let r=GeoUtil.calcRotateAngle(s,o,t,e);return r+=90,r}return super.getRotateAngle()}containsPoint(t,e){const i=this.getLines();for(let s=0;s<i.length;s++){const o=i[s],r=o.o[0],a=o.o[1],h=o.d[0],l=o.d[1],c=Math.hypot(h-r,l-a),d=Math.hypot(r-t,a-e),u=Math.hypot(h-t,l-e);if(d+u>=c-3&&d+u<=c+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 j=ICEPolyLine;class ICEBezier extends j{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 W=class ICELinkSlot extends T{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 j{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 o=s[t];this.state.points.push([o.x,o.y]),this.state.dots.push([o.x-e,o.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:o}=this.state,r=this.buildBezierPoints(e,i);return this.state.points=r.map(t=>[...t]),this.state.dots=r.map(t=>[t[0]-s,t[1]-o]),this.state.curveType="straight",this.calcArrowPoints(),this.state.dots}buildBezierPoints(t,e){const i=e[0]-t[0],s=e[1]-t[1],o=Math.hypot(i,s);if(o<1e-6)return[[...t],[...e]];const r=[i/o,s/o],a=Math.max(.45*o,24),h=this.slotDirection("start",r),l=this.slotDirection("end",r),c=[t[0]+h[0]*a,t[1]+h[1]*a],d=[e[0]+l[0]*a,e[1]+l[1]*a],u=Math.min(24,Math.max(8,Math.round(o/12))),p=[];for(let i=0;i<=u;i++){const s=i/u,o=1-s,r=o*o*o*t[0]+3*o*o*s*c[0]+3*o*s*s*d[0]+s*s*s*e[0],a=o*o*o*t[1]+3*o*o*s*c[1]+3*o*s*s*d[1]+s*s*s*e[1];p.push([round(r,2),round(a,2)])}return p.filter((t,e)=>0===e||t[0]!==p[e-1][0]||t[1]!==p[e-1][1])}slotDirection(t,e){const i=this.state.links&&this.state.links[t],s=j.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],o=this.state.points[t-1][1],r=new GeoPoint(e,i),a=new GeoPoint(s,o),h=[];let l,c,d=null,u=null,p=[],f=new y,g=new y;if(this.ice&&this.state.links&&this.state.links.start&&this.state.links.start.id&&(l=this.ice.findComponent(this.state.links.start.id)),l){f=l.getMinBoundingBox(),h[0]=new GeoPoint(r.x,f.tl[1]-this.state.escapeDistance),h[1]=new GeoPoint(f.tr[0]+this.state.escapeDistance,r.y),h[2]=new GeoPoint(r.x,f.br[1]+this.state.escapeDistance),h[3]=new GeoPoint(f.tl[0]-this.state.escapeDistance,r.y),d=h[0];for(let t=1;t<h.length;t++)this.distance(r,h[t])<this.distance(r,d)&&(d=h[t])}if(this.ice&&this.state.links&&this.state.links.end&&this.state.links.end.id&&(c=this.ice.findComponent(this.state.links.end.id)),c){g=c.getMinBoundingBox(),h[0]=new GeoPoint(a.x,g.tl[1]-this.state.escapeDistance),h[1]=new GeoPoint(g.tr[0]+this.state.escapeDistance,a.y),h[2]=new GeoPoint(a.x,g.br[1]+this.state.escapeDistance),h[3]=new GeoPoint(g.tl[0]-this.state.escapeDistance,a.y),u=h[0];for(let t=1;t<h.length;t++)this.distance(a,h[t])<this.distance(a,u)&&(u=h[t])}let m=0;const _=[r];d&&(_.push(d),m=1),u&&_.push(u),_.push(a);const x=GeoPoint.cloneArray(_);p.push(["s0","s0",x]);const v=GeoPoint.cloneArray(_),b=GeoPoint.cloneArray(v);b.splice(m+1,0,new GeoPoint(b[m].x,b[m+1].y)),p.push(["s1","s1_1",b]);const E=GeoPoint.cloneArray(v);E.splice(m+1,0,new GeoPoint(E[m+1].x,E[m].y)),p.push(["s1","s1_2",E]);const C=GeoPoint.cloneArray(v),w=new GeoPoint((C[m].x+C[m+1].x)/2,C[m].y),S=new GeoPoint((C[m].x+C[m+1].x)/2,C[m+1].y);C.splice(m+1,0,w,S),p.push(["s2","s2_1",C]);const M=GeoPoint.cloneArray(v),P=new GeoPoint(M[m].x,(M[m].y+M[m+1].y)/2),T=new GeoPoint(M[m+1].x,(M[m].y+M[m+1].y)/2);M.splice(m+1,0,P,T),p.push(["s2","s2_2",M]);const I=GeoPoint.cloneArray(v),B=[I[m].x+20,I[m+1].x+20];f&&B.push(f.br[0]+20),g&&B.push(g.br[0]+20);const O=this.max(B),R=new GeoPoint(O,I[m].y),A=new GeoPoint(O,I[m+1].y);I.splice(m+1,0,R,A),p.push(["s2","s2_3",I]);const k=GeoPoint.cloneArray(v),D=[k[m].y-20,k[m+1].y-20];f&&D.push(f.tl[1]-20),g&&D.push(g.tl[1]-20);const N=this.min(D),F=new GeoPoint(k[m].x,N),L=new GeoPoint(k[m+1].x,N);k.splice(m+1,0,F,L),p.push(["s2","s2_4",k]);const X=GeoPoint.cloneArray(v),z=[X[m].x-20,X[m+1].x-20];f&&z.push(f.tl[0]-20),g&&z.push(g.tl[0]-20);const V=this.min(z),H=new GeoPoint(V,X[m].y),Y=new GeoPoint(V,X[m+1].y);X.splice(m+1,0,H,Y),p.push(["s2","s2_5",X]);const G=GeoPoint.cloneArray(v),j=[G[m].y+20,G[m+1].y+20];f&&j.push(f.tl[1]+f.height+20),g&&j.push(g.tl[1]+g.height+20);const W=this.max(j),U=new GeoPoint(G[m].x,W),K=new GeoPoint(G[m+1].x,W);G.splice(m+1,0,U,K),p.push(["s2","s2_6",G]);const q=[];for(let t=0;t<p.length;t++){const e=p[t][2];this.orthogonalPath(e)&&q.push(p[t])}if(p=q,!r.equals(a)){const t=[];for(let e=0;e<p.length;e++){const i=p[e][2];this.forwardPath(i)&&t.push(p[e])}p=t,p.length}const Q=[];for(let t=0;t<p.length;t++){let e=!1,i=p[t][2].slice();(g||f)&&(i=i.slice(1,i.length-1)),f&&(e=e||this.polylineIntersectsRectangle(i,f)),g&&(e=e||this.polylineIntersectsRectangle(i,g)),e||Q.push(p[t])}0!=Q.length&&(p=Q),p.length;const J=p[0][2].length,Z=[];for(let t=0;t<p.length;t++){p[t][2].length==J&&Z.push(p[t])}p=Z;let $=0;for(let t=0;t<p.length;t++)this.scorePath(p[$][2])<this.scorePath(p[t][2])&&($=t);return p=[p[$]],p}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,o=e.startPoint.x,r=i*o+s;return t.contains(o,r)&&e.contains(o,r)}{const i=(t.endPoint.y-t.startPoint.y)/(t.endPoint.x-t.startPoint.x),s=t.startPoint.y-i*t.startPoint.x,o=(e.endPoint.y-e.startPoint.y)/(e.endPoint.x-e.startPoint.x),r=e.startPoint.y-o*e.startPoint.x;if(i==o)return s==r&&(t.contains(e.startPoint.x,e.startPoint.y)||t.contains(e.endPoint.x,e.endPoint.y));{const a=(r-s)/(i-o),h=i*a+s;return t.contains(a,h)&&e.contains(a,h)}}}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 U=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),o=Math.floor(e*Math.cos(s)+e),r=Math.floor(e*Math.sin(s)+e);this.state.dots.push([o,r])}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 K=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,o=0,r=0;for(;s=t+t*Math.sin(e*r)*Math.cos(r),o=t+t*Math.sin(e*r)*Math.sin(r),this.state.dots.push([s,o]),r+=i,!(r>=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 q=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 o,r;for(let a=0;a<this.state.spikes;a++)o=Math.cos(t)*i+i,r=Math.sin(t)*i+i,this.state.dots.push([o,r]),t+=e,o=Math.cos(t)*s+i,r=Math.sin(t)*s+i,this.state.dots.push([o,r]),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 Q="__ICE_UTILS_TEXT_MEASURE_DIV__";class ICEText extends C{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:o,paddingBottom:r,paddingLeft:a}=this.state.style,h=Math.max(this.state.width-a-o,1),l=Math.max(this.state.height-s-r,this.state.style.fontSize),c=t.createElement("input");c.type="text",c.value=this.state.text,c.style.position="absolute",c.style.left=i.left+e.tl[0]+"px",c.style.top=i.top+e.tl[1]+"px",c.style.width=h+"px",c.style.height=l+"px",c.style.font=this.state.style.font,c.style.paddingTop=s+"px",c.style.paddingRight=o+"px",c.style.paddingBottom=r+"px",c.style.paddingLeft=a+"px",c.style.boxSizing="content-box",c.style.color="transparent",c.style.caretColor=this.state.style.fillStyle||"#000000",c.style.background="transparent",c.style.border="none",c.style.outline="none",c.style.margin="0",c.style.zIndex="9999",t.body.appendChild(c),c.focus(),c.setSelectionRange(c.value.length,c.value.length),c.addEventListener("input",()=>{this.setText(c.value)}),c.addEventListener("compositionend",()=>{this.setText(c.value)}),c.addEventListener("keydown",t=>{"Enter"!==t.key&&"Escape"!==t.key||t.isComposing||this.stopEditing()}),c.addEventListener("blur",()=>{this.stopEditing()}),this.__editInput=c}__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 o=0-this.state.localOrigin[0]+i;"function"==typeof this.ctx.measureText&&(o+=this.ctx.measureText(s).width);const r=0-this.state.localOrigin[1]+t,a=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(o,r),this.ctx.lineTo(o,a),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(),o=this.__wrapText(e,s);return this.__truncateLines(o,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=[],o=String(null!==(i=this.state.text)&&void 0!==i?i:"").split("\n");for(let i=0;i<o.length;i++){const r=this.__graphemes(o[i]);let a="";for(let i=0;i<r.length;i++){const o=a+r[i];""!==a&&e(o)>t?(s.push(a),a=r[i]):a=o}s.push(a)}return s}__truncateLines(t,e,i,s,o){if(!(i>0)||t.length<=i)return t;const r=t.slice(0,i),a=this.__graphemes(r[i-1]);for(;a.length>0&&o(a.join("")+s)>e;)a.pop();return r[i-1]=a.join("")+s,r}__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,o=0;for(const t of e){const e=this.ctx.measureText(t);i=Math.max(i,e.width||0);const r=e.actualBoundingBoxAscent,a=e.actualBoundingBoxDescent;if("number"!=typeof r||"number"!=typeof a)return null;s=Math.max(s,r),o=Math.max(o,a)}const r=s+o;if(e.length<=1)return{textWidth:i,textHeight:r};const a=Number(this.state.style.fontSize)||r||12;return{textWidth:i,textHeight:Math.max(r,a*ICEText.LINE_HEIGHT_RATIO)*e.length}}__applyMeasuredSize(t){const{paddingTop:e,paddingBottom:i,paddingLeft:s,paddingRight:o}=this.state.style,r=t.textWidth+s+o,a=t.textHeight+e+i;10===this.props.width&&(this.state.width=r),10===this.props.height&&(this.state.height=a),this.state.textHeight=t.textHeight}__measureByDOM(){let t;try{const e=this.root&&this.root.document;if(!e||"function"!=typeof e.getElementById)return{width:this.state.width,height:this.state.height};if(t=this.root.document.getElementById(Q),!t){t=this.root.document.createElement("div"),t.setAttribute("id",Q);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:i,paddingBottom:s,paddingLeft:o,paddingRight:r}=this.state.style,a={width:t.offsetWidth+o+r,height:t.offsetHeight+i+s};return 10===this.props.width&&(this.state.width=a.width),10===this.props.height&&(this.state.height=a.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}}}getRenderLines(){var t;const{paddingTop:e,paddingLeft:i,paddingRight:s,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,d=[];for(let t=0;t<a.length;t++){let u=0-this.state.localOrigin[0]+i;if(l){const e=c&&c(a[t])||0;u="center"===o?-e/2:this.state.localOrigin[0]-s-e}let p=0-this.state.localOrigin[1]+e+(t+1)*h;"middle"===r&&(p=(t-(a.length-1)/2)*h),d.push({text:a[t],x:u,y:p})}return d}doRender(){this.dirty&&this.measureText();const{textAlign:t}=this.state.style,e=this.getRenderLines();("center"===t||"right"===t||"end"===t)&&(this.ctx.textAlign="left");for(let t=0;t<e.length;t++)this.state.stroke&&this.ctx.strokeText(e[t].text,e[t].x,e[t].y,this.state.width),this.state.fill&&this.ctx.fillText(e[t].text,e[t].x,e[t].y,this.state.width);this.state.editing&&this.renderCaret(),super.doRender()}}_defineProperty(ICEText,"LINE_HEIGHT_RATIO",1.35);var J=ICEText;var Z=class ICELayoutManager{getPreferredSize(t){return[0,0]}};var $=class ICEFlowLayout extends Z{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,o=[[]];let r=0;for(const t of e){const e=t.state.width;r>0&&r+s+e>i&&(o.push([]),r=0),o[o.length-1].push(t),r+=r>0?s+e:e}let a=0;for(const t of o){let e=0,o=0;for(const i of t)e+=i.state.width,o=Math.max(o,i.state.height);e+=s*(t.length-1);let r=0;"center"===this.align?r=(i-e)/2:"right"===this.align&&(r=i-e);for(const e of t)e.setState({left:r,top:a}),r+=e.state.width+s;a+=o+s}}};var tt=class ICEGridLayout extends Z{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,o=0,r=0;for(const t of e)t.setState({left:i,top:s}),i+=t.state.width+this.gapX,o=Math.max(o,t.state.height),r++,r>=this.cols&&(r=0,i=0,s+=o+this.gapY,o=0)}};var et=class ICEBorderLayout extends Z{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 o=null,r=null,a=null,h=null,l=null;e.forEach(t=>{const e=t.state.layoutConstraint||"center";"north"===e?o=t:"south"===e?r=t:"east"===e?a=t:"west"===e?h=t:l=t});let c=0,d=s,u=0,p=i;o&&(o.setState({left:0,top:0,width:i}),c=o.state.height+this.gap),r&&(r.setState({left:0,top:s-r.state.height,width:i}),d=s-r.state.height-this.gap),a&&(a.setState({left:i-a.state.width,top:c,height:d-c}),p=i-a.state.width-this.gap),h&&(h.setState({left:0,top:c,height:d-c}),u=h.state.width+this.gap),l&&l.setState({left:u,top:c,width:p-u,height:d-c})}};var it=class ICEBoxLayout extends Z{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 st=class ICECardLayout extends Z{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 nt=class ICEOverlayLayout extends Z{layoutContainer(t){for(const e of t.childNodes)e.setState({left:0,top:0})}};var ot=class ICELayeredLayout extends Z{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 o={};i.forEach(t=>o[t.id]=t);const r=s.filter(t=>t.from&&t.to&&o[t.from]&&o[t.to]);this.assignRanks(i,r),this.assignOrders(i,r,o),this.assignCoords(i,r,o)}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 o=e.filter(e=>e.to===t).map(t=>t.from);let r=-1;for(const t of o)r=Math.max(r,visit(t,s));return i[t]=r+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 o=Object.keys(s).map(Number).sort((t,e)=>t-e);o.forEach(t=>s[t].forEach((t,e)=>t.order=e));for(let t=0;t<4;t++)for(const t of o){const o=s[t];o.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}),o.sort((t,e)=>t.barycenter-e.barycenter),o.forEach((t,e)=>t.order=e)}}assignCoords(t,e,i){const s={};t.forEach(t=>{(s[t.rank]=s[t.rank]||[]).push(t)});const o=Object.keys(s).map(Number).sort((t,e)=>t-e),r=this.gapX,a=this.gapY;let h=0;o.forEach(t=>{const e=s[t],i=Math.max(...e.map(t=>t.component.state.width));let o=0;e.forEach(t=>{t.component.setState({left:h,top:o}),o+=t.component.state.height+a}),h+=i+r});for(const t of e){const e=i[t.from].component,s=i[t.to].component,o=e.state.left+e.state.width,r=e.state.top+e.state.height/2,a=s.state.left,h=s.state.top+s.state.height/2;t.component.setState({startPoint:[o,r],endPoint:[a,h]})}}};var rt={ICERect:S,ICECircle:T,ICEEllipse:P,ICEStar:q,ICEIsogon:U,ICERose:K,ICEText:J,ICEImage:G,ICEGroup:M,ICEVisioLink:ICEVisioLink,ICEPolyLine:j,ICEBezier:ICEBezier};const at={evtBuses:[],stopped:!1,frameCallback:function(){for(let e=0;e<at.evtBuses.length;e++){if(at.stopped)return;at.evtBuses[e].trigger(t.ICE_FRAME_EVENT)}at.stopped||p.requestFrame(at.frameCallback)},start:function(){at.stopped=!1,p.requestFrame(at.frameCallback)},stop:function(){at.stopped=!0},registerEvtBus:function(t){at.evtBuses.includes(t)||at.evtBuses.push(t)},delEvtBus:function(t){at.evtBuses.includes(t)&&at.evtBuses.splice(at.evtBuses.indexOf(t),1)}};var ht=at;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 o=!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)&&(o=!0,s.setState({style:{fillStyle:"#fffb00"}}))}o&&e.setState({style:{fillStyle:"#fffb00"}})}hookMouseUpHandler(t){const e=t.target,i=e.state.position,s=e.parentNode.targetComponent,o=e.getMaxBoundingBox();let r=!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(o)){r=!0;const t={};t[i]={id:e.hostComponent.state.id,position:e.state.position},s&&s.setState({links:t});break}}if(r)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 W({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 W({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 W({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 W({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 o=new W({zIndex:10000014,display:!1,transformable:!1,draggable:!1,radius:this.slotRadius,position:"C",style:{strokeStyle:"#0c09d4",fillStyle:"#3ce92c",lineWidth:1}});this.ice.addTool(o),this.ice._linkSlots=[t,e,i,s,o]}}const lt=["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:[]};e.childNodes.push(s);const o="function"==typeof t.hasDerivedChildren&&t.hasDerivedChildren(),r=("function"==typeof t.getSerializableChildren?t.getSerializableChildren():null)||(o?[]:t.childNodes);if(r&&r.length)for(let t=0;t<r.length;t++)this.encodeRecursively(r[t],s)}pickSerializableState(t){const e={};for(const i in t)-1===lt.indexOf(i)&&(e[i]=t[i]);return e}}const ct=[];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<ct.length;i++){const s=ct[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);if(!("function"==typeof s.getSerializableChildren)&&"function"==typeof s.hasDerivedChildren&&s.hasDerivedChildren())return s;const o=e.childNodes;if(o&&o.length)for(let t=0;t<o.length;t++)this.decodeRecursively(s,o[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 o=!1;try{o=!!t&&!!s.match(t,this.ice)}catch(t){o=!1}o?(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[o,r]=t.worldToScreen(s[0],s[1]),[a,h]=t.worldToScreen(s[2],s[3]);return{x:Math.min(o,a),y:Math.min(r,h),width:Math.abs(a-o),height:Math.abs(h-r)}}function buildAccessibilityTree(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};const i=[],s=t&&t.selectionList||[];let o=0;const walk=(r,a,h)=>{if(!r||!r.length)return;const l=r.slice().sort((t,e)=>(t.state.zIndex||0)-(e.state.zIndex||0));for(let r=0;r<l.length;r++){const c=l[r],d=c.state||{},u=isEffectivelyVisible(c),p=!1!==d.interactive,f=resolveBox(t,c),g=(e.includeHidden||u)&&!!f,m=!e.filter||e.filter(c);g&&m&&i.push({id:c.props&&c.props.id||String(d.id||""),role:resolveRole(c),label:resolveLabel(c),box:f,visible:u,interactive:p,focusable:u&&p,tabIndex:o++,selected:-1!==s.indexOf(c),level:a,parentId:h}),c.childNodes&&c.childNodes.length&&walk(c.childNodes,a+1,c.props&&c.props.id||null)}};return walk(t&&t.childNodes||[],1,null),e.includeTools&&walk(t&&t.toolNodes||[],1,null),i}var dt=class ObjectCache{constructor(t){_defineProperty(this,"map",new WeakMap),_defineProperty(this,"__bytes",0),_defineProperty(this,"__offscreenUnavailable",!1),_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(this.__offscreenUnavailable)return!1;if(!this.__isOpaque(t))return!1;if("function"==typeof t.hasClippingAncestor&&t.hasClippingAncestor())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,o=i?i[3]-i[1]:Number(t.state.height)||0,r=Math.max(0,s)*Math.max(0,o)*e*e;return!(r>2e6)&&!(!this.map.has(t)&&this.__bytes+4*r>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 this.map.has(t)&&!this.__isOpaque(t)&&this.invalidate(t),!1;const e=this.__rvp(),i=e.scale,s=e.tx,o=e.ty;let r=this.map.get(t);if(!t.dirty&&r&&this.__sameViewport(r,i,s,o))return this.draw(r),!0;"function"==typeof t.calcDots&&t.refreshParams(),t.composeMatrix();const a=this.linearKey(t),h=this.contentKey(t);let l=!r||r.contentKey!==h||r.linearKey!==a||!this.__sameViewport(r,i,s,o);if(l||(l=!this.refreshPosition(t,r)),l){const e=r||null;e&&(this.__bytes=Math.max(0,this.__bytes-e.pw*e.ph*4));try{r=this.build(t,h,a,i,s,o)}catch(e){return this.__offscreenUnavailable=!0,this.map.delete(t),!1}this.__bytes+=r.pw*r.ph*4}return this.map.set(t,r),this.draw(r),t.dirty=!1,!0}__isOpaque(t){if(t&&"function"==typeof t.getEffectiveOpacity)return 1===t.getEffectiveOpacity();const e=t&&t.state?t.state.opacity:void 0;return void 0===e||1===e}__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,o,r){t.refreshParams(),t.composeMatrix();const a=this.__paintBox(t),h=Math.floor(a.minX*s+o)-1,l=Math.floor(a.minY*s+r)-1,c=Math.max(1,Math.ceil(a.maxX*s+o)-h+1),d=Math.max(1,Math.ceil(a.maxY*s+r)-l+1),{canvas:u,ctx:f}=p.createOffscreenCanvas(c,d),g=[s,0,0,s,o-h,r-l];return t.renderTo(f,g),{canvas:u,ctx:f,pw:c,ph:d,dx:h,dy:l,dx0:h,dy0:l,buildMinX:a.minX,buildMinY:a.minY,rs:s,ox:o,oy:r,contentKey:e,linearKey:i}}refreshPosition(t,e){const i=this.__paintBox(t),s=e.rs,o=s*(i.minX-e.buildMinX),r=s*(i.minY-e.buildMinY);if(Math.abs(o-Math.round(o))>1e-6)return!1;if(Math.abs(r-Math.round(r))>1e-6)return!1;const a=e.dx0+Math.round(o),h=e.dy0+Math.round(r);return!(i.minX*s+e.ox<a)&&(!(i.minY*s+e.oy<h)&&(!(i.maxX*s+e.ox>a+e.pw)&&(!(i.maxY*s+e.oy>h+e.ph)&&(e.dx=a,e.dy=h,!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 ut=class CanvasRenderer extends _{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 dt(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 o=[];if(!this.__collectDirtyBoxes(o,this.componentQueue))return null;if(!this.__collectDirtyBoxes(o,this.toolsQueue))return null;const r=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 o=!1;for(let t=0;t<i.length;t++)if(intersects(i[t],s)&&isWorthMerging(i[t],s)){i[t]=mergeBox(i[t],s),o=!0;break}o||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 o=0;o<i.length;o++)for(let r=o+1;r<i.length;r++){const a=boxArea(mergeBox(i[o],i[r]))-boxArea(i[o])-boxArea(i[r]);isWorthMerging(i[o],i[r])&&a<s&&(s=a,t=o,e=r)}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}(o,6);if(!r.length)return null;const a=this.__renderViewport(),h=[];for(let t=0;t<r.length;t++)integerAlign(r[t]),h.push(mapBoxToRender(r[t],a));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)}(h,e,i)>.35)return null;if(this.__riskyIntersectsRegions(r,this.componentQueue))return null;if(this.__riskyIntersectsRegions(r,this.toolsQueue))return null;const l=[1/0,1/0,-1/0,-1/0];for(let t=0;t<r.length;t++)unionBoxes(l,r[t]);return{regions:r,renderRegions:h,bounding:l}}__renderViewport(){return"function"==typeof this.ice.getRenderViewport?this.ice.getRenderViewport():this.ice.viewport}__preCount(t){let e=0,i=0,s=!1;for(let o=0;o<t.length;o++){const r=t[o];r.isEffectivelyVisible()?(e++,r.dirty&&i++):this.__snap.has(r)&&(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 o=this.__freshBox(s);if(!o)return!1;const r=this.__snap.get(s);t.push(r?mergeBox(r,o):o)}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 o=this.__snap.get(s);if(!o)return!0;for(let e=0;e<t.length;e++)if(intersects(o,t[e]))return!0}return!1}__renderDirtyRect(e){const i=this.ice.ctx,s=e.regions,o=e.renderRegions;for(let t=0;t<s.length;t++){const e=s[t],r=o[t],a=r[0],h=r[1],l=r[2]-r[0],c=r[3]-r[1];if(!(l<=0||c<=0)){i.save(),i.setTransform(1,0,0,1,0,0),i.clearRect(a,h,l,c),i.beginPath(),i.rect(a,h,l,c),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),[o,r]=this.ice.screenToWorld(t,e),a=[Math.min(i,o),Math.min(s,r),Math.max(i,o),Math.max(s,r)];return isFiniteBox(a)?a: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))}}};function paint(t){return null==t||""===t?null:String(t)}function gradientDesc(t){if(!t||"object"==typeof t){if(t&&t.__iceGradient)return t.__iceGradient;if(t&&("linear"===t.type||"radial"===t.type||"conic"===t.type)&&t.stops)return t}return null}function gradientDef(t,e){const i=[],s=e&&e.stops;if(Array.isArray(s)&&s.forEach(t=>{Array.isArray(t)&&i.push([Number(t[0])||0,String(t[1])])}),!i.length)return"";const o=i.map(t=>{let[e,i]=t;return'<stop offset="'.concat(escapeXml(String(e)),'" stop-color="').concat(escapeXml(i),'"/>')}).join("");if("radial"===function gradientKind(t){return t&&"radial"===t.type?"radial":"linear"}(e)){const i=Array.isArray(e.center)?e.center:[0,0],s=Number(e.radius)||.5;return'<radialGradient id="'.concat(t,'" gradientUnits="userSpaceOnUse" cx="').concat(i[0],'" cy="').concat(i[1],'" r="').concat(s,'">').concat(o,"</radialGradient>")}const r=Array.isArray(e.from)?e.from:[0,0],a=Array.isArray(e.to)?e.to:[0,1];return'<linearGradient id="'.concat(t,'" gradientUnits="userSpaceOnUse" x1="').concat(r[0],'" y1="').concat(r[1],'" x2="').concat(a[0],'" y2="').concat(a[1],'">').concat(o,"</linearGradient>")}function escapeXml(t){return String(t).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&apos;")}const pt={top:"text-before-edge",hanging:"hanging",middle:"central",alphabetic:"alphabetic",ideographic:"ideographic",bottom:"text-after-edge"},ft=2*Math.PI;function directionalDelta(t,e,i){let s=e-t;if(i){for(;s>1e-12;)s-=ft;for(;s<-ft;)s+=ft;Math.abs(s)<1e-12&&(s=-ft)}else{for(;s<-1e-12;)s+=ft;for(;s>ft;)s-=ft;Math.abs(s)<1e-12&&(s=ft)}return s}function matrixAttr(t,e){const n=t=>String(Number((t||0).toFixed(e)));return"matrix(".concat(n(t[0])," ").concat(n(t[1])," ").concat(n(t[2])," ").concat(n(t[3])," ").concat(n(t[4])," ").concat(n(t[5]),")")}function exportSvg(t){return exportSvgResult(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:{}).svg}function exportSvgResult(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};const i="number"==typeof e.precision?e.precision:2,s=Number(e.scale)>0?Number(e.scale):1,o=!!(t&&t.childNodes&&t.getRenderViewport),r=o?t:t&&t.ice,a=[],collect=t=>{for(let e=0;e<t.length;e++){const i=t[e];a.push(i),i.childNodes&&i.childNodes.length&&collect(i.childNodes)}};collect(o?t.childNodes:[t]),e.includeTools&&r&&r.toolNodes&&collect(r.toolNodes),a.sort((t,e)=>(t.state.zIndex||0)-(e.state.zIndex||0));let h=[1,0,0,1,0,0],l=0,c=0;if("viewport"===e.area&&o){const t=r.getRenderViewport(),e=Number(r.canvasWidth)||0,i=Number(r.canvasHeight)||0;h=[t.scale,0,0,t.scale,t.tx,t.ty],l=e,c=i}else{let t=1/0,i=1/0,o=-1/0,r=-1/0;a.forEach(e=>{if("function"==typeof e.isEffectivelyVisible&&!e.isEffectivelyVisible())return;"function"==typeof e.refreshParams&&e.refreshParams(),"function"==typeof e.composeMatrix&&e.composeMatrix();let s=null;if("function"==typeof e.__paintWorldBox)s=e.__paintWorldBox();else if("function"==typeof e.getMinBoundingBox){const t=e.getMinBoundingBox(!0);s=[t.tl[0],t.tl[1],t.br[0],t.br[1]]}s&&isFinite(s[0])&&isFinite(s[1])&&isFinite(s[2])&&isFinite(s[3])&&(t=Math.min(t,s[0]),i=Math.min(i,s[1]),o=Math.max(o,s[2]),r=Math.max(r,s[3]))});const d=Number(e.padding)>=0?Number(e.padding):0;isFinite(t)||(t=0,i=0,o=1,r=1),t-=d,i-=d,o+=d,r+=d;const u=Math.max(o-t,1),p=Math.max(r-i,1);h=[s,0,0,s,-t*s,-i*s],l=u*s,c=p*s}const d=[],u=[];let p=0;a.forEach(t=>{if("function"==typeof t.isEffectivelyVisible&&!t.isEffectivelyVisible())return;const e=t.state,s=function mergedStyle(t){const e=t.props&&t.props.style,i=t.state&&t.state.style;return e||i?_objectSpread2(_objectSpread2({fillStyle:void 0},e),i):{}}(t),o="function"==typeof t.composeMatrix?t.composeMatrix():e.composedMatrix,r=[],a=[];let h=t.parentNode;for(;h&&h.state;)h.state.clipChildren&&"function"==typeof h.__paintWorldBox&&a.push(h.__paintWorldBox()),h=h.parentNode;const l=['transform="'.concat(matrixAttr(o,i),'"')];if(a.length){const t="ice-clip-".concat(p++),e=a[a.length-1];d.push('<clipPath id="'.concat(t,'"><rect x="').concat(e[0].toFixed(i),'" y="').concat(e[1].toFixed(i),'" width="').concat((e[2]-e[0]).toFixed(i),'" height="').concat((e[3]-e[1]).toFixed(i),'"/></clipPath>')),l.push('clip-path="url(#'.concat(t,')"'))}const c="function"==typeof t.getEffectiveOpacity?t.getEffectiveOpacity():1,f=void 0===s.globalAlpha?1:Number(s.globalAlpha),g=c*(f>=0?f:1);1!==g&&l.push('opacity="'.concat(Number(g.toFixed(3)),'"'));const m=function shadowFilter(t,e){let i=null;if("string"==typeof e.shadow&&x[e.shadow])i=x[e.shadow];else{const t=Number(e.shadowBlur)||0,s=Number(e.shadowOffsetX)||0,o=Number(e.shadowOffsetY)||0;(t||s||o)&&(i={shadowColor:e.shadowColor||"rgba(0,0,0,0.35)",shadowBlur:t,shadowOffsetX:s,shadowOffsetY:o})}if(!i)return null;const s=String(i.shadowColor||"rgba(0,0,0,0.35)"),o=s.match(/^rgba?\(\s*([0-9.]+)\s*,\s*([0-9.]+)\s*,\s*([0-9.]+)\s*(?:,\s*([0-9.]+)\s*)?\)$/i),r=o?"rgb(".concat(Number(o[1]),", ").concat(Number(o[2]),", ").concat(Number(o[3]),")"):s,a=o&&void 0!==o[4]?Number(o[4]):1,h=Number(i.shadowBlur)||0;return{def:'<filter id="'.concat(t,'" x="-50%" y="-50%" width="200%" height="200%"><feDropShadow dx="').concat(Number(i.shadowOffsetX||0),'" dy="').concat(Number(i.shadowOffsetY||0),'" stdDeviation="').concat(Number((h/2).toFixed(2)),'" flood-color="').concat(escapeXml(r),'" flood-opacity="').concat(a,'"/></filter>'),url:"url(#".concat(t,")")}}("ice-shadow-".concat(p),s);m&&(p++,d.push(m.def),l.push('filter="'.concat(m.url,'"'))),r.push(...l);let _="";if(t instanceof w){"function"==typeof t.ensurePathBuilt&&t.ensurePathBuilt();const o=t.path2D,r=o&&o._commands||[],a=s.fillGradient||gradientDesc(s.fillStyle),h=s.strokeGradient||gradientDesc(s.strokeStyle),l=!(!1===e.fill||!s.fillStyle&&!a),c=!(!1===e.stroke||!s.strokeStyle&&!h);if(r.length&&(l||c)){const l=function commandsToPathData(t,e,i){const n=t=>{const e=Number(t.toFixed(i));return String(e)},s=[];let o=!1;for(let e=0;e<t.length;e++){const i=t[e],r=i[0];if("moveTo"===r)s.push("".concat(o?"L":"M").concat(n(i[1]),",").concat(n(i[2]))),o=!0;else if("lineTo"===r)s.push("L".concat(n(i[1]),",").concat(n(i[2]))),o=!0;else if("bezierCurveTo"===r)s.push("C".concat(n(i[1]),",").concat(n(i[2])," ").concat(n(i[3]),",").concat(n(i[4])," ").concat(n(i[5]),",").concat(n(i[6]))),o=!0;else if("quadraticCurveTo"===r)s.push("Q".concat(n(i[1]),",").concat(n(i[2])," ").concat(n(i[3]),",").concat(n(i[4]))),o=!0;else if("rect"===r)s.push("M".concat(n(i[1]),",").concat(n(i[2]),"h").concat(n(i[3]),"v").concat(n(i[4]),"h").concat(n(-i[3]),"z")),o=!1;else if("arc"===r){const[t,e,r,a,h,l]=i.slice(1),c=t+r*Math.cos(a),d=e+r*Math.sin(a),u=t+r*Math.cos(h),p=e+r*Math.sin(h),f=directionalDelta(a,h,!!l),g=Math.abs(f)>Math.PI?1:0,m=f>0?1:0;if(o||s.push("M".concat(n(c),",").concat(n(d))),Math.abs(f)>=ft-1e-6){const i=t+r*Math.cos(a+Math.PI),o=e+r*Math.sin(a+Math.PI);s.push("A".concat(n(r),",").concat(n(r)," 0 0 ").concat(m," ").concat(n(i),",").concat(n(o))),s.push("A".concat(n(r),",").concat(n(r)," 0 0 ").concat(m," ").concat(n(c),",").concat(n(d)))}else s.push("A".concat(n(r),",").concat(n(r)," 0 ").concat(g," ").concat(m," ").concat(n(u),",").concat(n(p)));o=!0}else if("arcTo"===r){const[t,e]=i.slice(1);s.push("L".concat(n(t),",").concat(n(e))),o=!0}else if("ellipse"===r){const[t,e,r,a,h,l,c,d]=i.slice(1),u=t+r*Math.cos(l)*Math.cos(h)-a*Math.sin(l)*Math.sin(h),p=e+r*Math.cos(l)*Math.sin(h)+a*Math.sin(l)*Math.cos(h),f=t+r*Math.cos(c)*Math.cos(h)-a*Math.sin(c)*Math.sin(h),g=e+r*Math.cos(c)*Math.sin(h)+a*Math.sin(c)*Math.cos(h),m=directionalDelta(l,c,!!d),_=Math.abs(m)>Math.PI?1:0,y=m>0?1:0;if(o||s.push("M".concat(n(u),",").concat(n(p))),Math.abs(m)>=ft-1e-6){const i=t+r*Math.cos(l+Math.PI)*Math.cos(h)-a*Math.sin(l+Math.PI)*Math.sin(h),o=e+r*Math.cos(l+Math.PI)*Math.sin(h)+a*Math.sin(l+Math.PI)*Math.cos(h);s.push("A".concat(n(r),",").concat(n(a)," 0 0 ").concat(y," ").concat(n(i),",").concat(n(o))),s.push("A".concat(n(r),",").concat(n(a)," 0 0 ").concat(y," ").concat(n(u),",").concat(n(p)))}else s.push("A".concat(n(r),",").concat(n(a)," 0 ").concat(_," ").concat(y," ").concat(n(f),",").concat(n(g)));o=!0}else"closePath"===r&&(s.length&&!/z$/i.test(s[s.length-1])&&s.push("Z"),o=!1)}const r=t.some(t=>"closePath"===t[0]);return!e||r||/z\s*$/i.test(s.join(" "))||s.push("Z"),s.join(" ")}(r,!(!o||!o._closed)||!1!==e.closePath,i),c=!1===e.fill||a?null:paint(s.fillStyle),u=!1===e.stroke||h?null:paint(s.strokeStyle),f=[];if(a&&!1!==e.fill){const t="ice-grad-".concat(p++),e=gradientDef(t,a);e?(d.push(e),f.push('fill="url(#'.concat(t,')"'))):c?f.push('fill="'.concat(escapeXml(c),'"')):f.push('fill="none"')}else f.push('fill="'.concat(c?escapeXml(c):"none",'"'));if(h&&!1!==e.stroke){const t="ice-grad-".concat(p++),e=gradientDef(t,h);e&&(d.push(e),f.push('stroke="url(#'.concat(t,')"')))}else u&&f.push('stroke="'.concat(escapeXml(u),'"'));if(void 0!==s.lineWidth&&f.push('stroke-width="'.concat(Number(s.lineWidth),'"')),Array.isArray(e.lineDash)&&e.lineDash.length&&(f.push('stroke-dasharray="'.concat(e.lineDash.join(" "),'"')),e.lineDashOffset&&f.push('stroke-dashoffset="'.concat(Number(e.lineDashOffset),'"'))),e.lineJoin&&f.push('stroke-linejoin="'.concat(e.lineJoin,'"')),e.lineCap&&f.push('stroke-linecap="'.concat(e.lineCap,'"')),_='<path d="'.concat(l,'" ').concat(f.join(" "),"/>"),"hollow"!==e.arrowStyle&&"function"==typeof t.getArrowFaces){const o=t.getArrowFaces(),r=u||(s.strokeStyle?String(s.strokeStyle):"#000000");if(o.length&&!1!==e.stroke){const t=o.map(t=>"M".concat(Number(t[0][0].toFixed(i)),",").concat(Number(t[0][1].toFixed(i)))+"L".concat(Number(t[1][0].toFixed(i)),",").concat(Number(t[1][1].toFixed(i)))+"L".concat(Number(t[2][0].toFixed(i)),",").concat(Number(t[2][1].toFixed(i)),"Z")).join(" ");_+='<path d="'.concat(t,'" fill="').concat(escapeXml(r),'" stroke="none"/>')}}const g="function"==typeof t.getLabelRenderInfo?t.getLabelRenderInfo():null;if(g){const t=Number((g.x-g.halfW).toFixed(i)),e=Number((g.y-g.halfH).toFixed(i)),s=Number((2*g.halfW).toFixed(i)),o=Number((2*g.halfH).toFixed(i));_+='<rect x="'.concat(t,'" y="').concat(e,'" width="').concat(s,'" height="').concat(o,'" fill="').concat(escapeXml(g.backgroundColor),'"/>')+'<text x="'.concat(Number(g.x.toFixed(i)),'" y="').concat(Number(g.y.toFixed(i)),'" ')+'font-family="Arial" font-size="'.concat(Number(g.fontSize),'" fill="').concat(escapeXml(g.fillStyle),'" ')+'text-anchor="middle" dominant-baseline="central">'.concat(escapeXml(g.text),"</text>")}}}else if(t instanceof J){const o="function"==typeof t.getRenderLines?t.getRenderLines():null;if(o&&o.length){const t=!1!==e.fill?paint(s.fillStyle):null,r=e.stroke?paint(s.strokeStyle):null,a=function fontAttributes(t,e){let i=t.fontFamily,s=t.fontSize,o=t.fontWeight,r=t.fontStyle;if(!("string"!=typeof t.font||i&&s)){const e=t.font.match(/^(?:(italic|oblique)\s+)?(?:(bold|bolder|lighter|[0-9]{3})\s+)?([0-9.]+)px\s+(.+)$/);e&&(r=r||e[1],o=o||e[2],s=s||e[3],i=i||e[4])}const a=[];return i&&a.push('font-family="'.concat(escapeXml(String(i)),'"')),null!=s&&""!==s&&a.push('font-size="'.concat(Number(Number(s).toFixed(e)),'"')),o&&a.push('font-weight="'.concat(escapeXml(String(o)),'"')),r&&a.push('font-style="'.concat(escapeXml(String(r)),'"')),a}(s,i);a.push('fill="'.concat(t?escapeXml(t):"none",'"')),r&&(a.push('stroke="'.concat(escapeXml(r),'"')),a.push('stroke-width="'.concat(Number(s.lineWidth)||1,'"')));let h=null;"center"===s.textAlign?(a.push('text-anchor="middle"'),h=0):"right"!==s.textAlign&&"end"!==s.textAlign||(a.push('text-anchor="end"'),h=e.localOrigin[0]-(Number(s.paddingRight)||0));const l=pt[s.textBaseline||"bottom"];l&&a.push('dominant-baseline="'.concat(l,'"'));const c=o.map(t=>{const e=null===h?t.x:h;return'<tspan x="'.concat(Number(e.toFixed(i)),'" y="').concat(Number(t.y.toFixed(i)),'">').concat(escapeXml(t.text),"</tspan>")}).join("");_="<text ".concat(a.join(" "),">").concat(c,"</text>")}}else if(t instanceof G&&e.src&&!(e.sw>0&&e.sh>0)){const t=0-e.localOrigin[0],i=0-e.localOrigin[1],s=['x="'.concat(t,'"'),'y="'.concat(i,'"'),'width="'.concat(e.width,'"'),'height="'.concat(e.height,'"'),'href="'.concat(escapeXml(String(e.src)),'"')];if("circle"===(e.clipType||"none")){const t="ice-clip-".concat(p++),i=Math.min(e.width,e.height)/2;d.push('<clipPath id="'.concat(t,'"><circle cx="0" cy="0" r="').concat(i,'"/></clipPath>')),s.push('clip-path="url(#'.concat(t,')"'))}_="<image ".concat(s.join(" "),' preserveAspectRatio="none"/>')}_&&u.push("<g ".concat(r.join(" "),">").concat(_,"</g>"))});const f=e.background?'<rect x="0" y="0" width="'.concat(l,'" height="').concat(c,'" fill="').concat(escapeXml(e.background),'"/>'):"";return{svg:['<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="'.concat(Number(l.toFixed(i)),'" height="').concat(Number(c.toFixed(i)),'" viewBox="0 0 ').concat(Number(l.toFixed(i))," ").concat(Number(c.toFixed(i)),'">'),d.length?"<defs>".concat(d.join(""),"</defs>"):"",f,'<g transform="'.concat(matrixAttr(h,i),'">'),u.join(""),"</g>","</svg>"].filter(Boolean).join(""),width:l,height:c}}class ImageCache{constructor(t){_defineProperty(this,"imageCache",new Map),this.ice=t}setImage(t){let e=this.imageCache.get(t);return e||(e=p.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}}function tagGradient(t,e){if(!t||"function"!=typeof t.addColorStop)return t;Object.defineProperty(t,"__iceGradient",{value:e,enumerable:!1,configurable:!0});const i=t.addColorStop.bind(t);return t.addColorStop=(t,s)=>{e.stops.push([t,s]),i(t,s)},t}_defineProperty(ImageCache,"CACHE_SIZE",100);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,"__inputRectSnapshot",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}readCanvasRect(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.canvasEl;if(t&&"function"==typeof t.getBoundingClientRect)return t.getBoundingClientRect();const e=t&&t.width||0,i=t&&t.height||0;return{left:0,top:0,width:e,height:i,right:e,bottom:i,x:0,y:0}}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 rt)this.typeMapping[t]=rt[t];return this.__typeIdMapping=null,this.root=p,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()},this.canvasWidth=this.canvasEl.width,this.canvasHeight=this.canvasEl.height,this.canvasBoundingClientRect=this.readCanvasRect(),this.__rememberInputRect(this.canvasBoundingClientRect),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 Y,ht.registerEvtBus(this.evtBus),ht.start(),H.registerEvtBus(this.evtBus),H.start(),this.eventDispatcher=new z(this).start(),this.animationManager=new c(this).start(),this.controlPanelManager=new I(this).start(),this.renderer=new ut(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&&(ht.delEvtBus(this.evtBus),H.delEvtBus(this.evtBus)),0===ht.evtBuses.length&&ht.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.__inputRectSnapshot=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 o=e.props.animations;if(o)for(const t in o){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 p.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.__rememberInputRect(this.canvasBoundingClientRect),this.__contentBox=this.__readContentBox(this.canvasBoundingClientRect)),this.canvasBoundingClientRect}__rememberInputRect(t){if(!t)return;const e=this.__inputRectSnapshot||(this.__inputRectSnapshot={left:0,top:0,width:0,height:0});e.left=t.left||0,e.top=t.top||0,e.width=t.width||0,e.height=t.height||0}refreshInputRect(){const t=this.canvasEl;if(!t||"function"!=typeof t.getBoundingClientRect)return this.canvasBoundingClientRect;const e=t.getBoundingClientRect(),i=this.__inputRectSnapshot,s=!!i,o=s?i.left:0,r=s?i.top:0,a=s?i.width:0,h=s?i.height:0;this.canvasBoundingClientRect=e,this.__rememberInputRect(e);const l=this.__contentBox;return s&&!!l&&Math.abs(e.width-a)<.01&&Math.abs(e.height-h)<.01?(l.left+=e.left-o,l.top+=e.top-r):this.__contentBox=this.__readContentBox(e),e}__readContentBox(t){const e=this.canvasEl;let i=0,s=0,o=0,r=0,a=0,h=0,l=0,c=0;const d=this.root&&"function"==typeof this.root.getComputedStyle&&e?this.root.getComputedStyle(e):null;if(d){const num=t=>{const e=parseFloat(t);return isFinite(e)?e:0};i=num(d.borderLeftWidth),s=num(d.borderRightWidth),o=num(d.borderTopWidth),r=num(d.borderBottomWidth),a=num(d.paddingLeft),h=num(d.paddingRight),l=num(d.paddingTop),c=num(d.paddingBottom)}const u=t&&t.left||0,p=t&&t.top||0,f=t&&t.width||0,g=t&&t.height||0;return{left:u+i+a,top:p+o+l,width:Math.max(0,f-i-s-a-h),height:Math.max(0,g-o-r-l-c)}}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,o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:20;const r=Number(i);if(!isFinite(r)||r<=0)return this;const[a,h]=this.screenToWorld(t,e),l=this.viewport.scale,c=Math.min(s,o),d=Math.max(s,o),u=Math.min(d,Math.max(c,l*r));return u===l?this:this.setViewport(u,t-a*u,e-h*u)}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 tagGradient(this.ctx.createLinearGradient(t,e,i,s),{type:"linear",from:[t,e],to:[i,s],stops:[]})}createRadialGradient(t,e,i,s,o,r){return tagGradient(this.ctx.createRadialGradient(t,e,i,s,o,r),{type:"radial",center:[s,o],radius:r,stops:[]})}createConicGradient(t,e,i){return"function"==typeof this.ctx.createConicGradient?tagGradient(this.ctx.createConicGradient(t,e,i),{type:"conic",startAngle:t,center:[e,i],stops:[]}):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)}toSvg(){return exportSvg(this,arguments.length>0&&void 0!==arguments[0]?arguments[0]:{})}static headless(){const t=new ICE;return t.childNodes=[],t.toolNodes=[],t.evtBus=new Y,t.dirty=!0,t}toSvgResult(){return exportSvgResult(this,arguments.length>0&&void 0!==arguments[0]?arguments[0]:{})}toJSONString(){return this.serializer.toJSONString()}toJSONObject(){return this.serializer.toJSONObject()}fromJSONObject(t){ht.stop(),this.renderer.stop(),this.eventDispatcher.stopped=!0,this.animationManager.stop(),this.controlPanelManager.stop(),this.linkSlotManager.stop(),this.clearAll(),this.deserializer.fromJSONObject(t),ht.start(),this.renderer.start(),this.animationManager.start(),this.controlPanelManager.start(),this.linkSlotManager.start(),setTimeout(()=>{this.eventDispatcher&&(this.eventDispatcher.stopped=!1)},300)}fromJSONString(t){const e=JSON.parse(t);this.fromJSONObject(e)}}var gt=ICE;exports.AlignmentGuideManager=B,exports.AnimationManager=c,exports.CanvasRenderer=ut,exports.DARK_THEME=o,exports.DEFAULT_THEME=s,exports.DOMEventDispatcher=z,exports.DOMEventInterceptor=H,exports.Deserializer=Deserializer,exports.EventBus=Y,exports.GeoLine=GeoLine,exports.GeoPoint=GeoPoint,exports.GeoUtil=GeoUtil,exports.ICE=gt,exports.ICEBezier=ICEBezier,exports.ICEBorderLayout=et,exports.ICEBoundingBox=y,exports.ICEBoxLayout=it,exports.ICECardLayout=st,exports.ICECircle=T,exports.ICEComponent=C,exports.ICEControlPanel=ICEControlPanel,exports.ICEControlPanelManager=I,exports.ICEDotPath=ICEDotPath,exports.ICEEllipse=P,exports.ICEEventTarget=_,exports.ICEFlowLayout=$,exports.ICEGridLayout=tt,exports.ICEGroup=M,exports.ICEImage=G,exports.ICEIsogon=U,exports.ICELayeredLayout=ot,exports.ICELayoutManager=Z,exports.ICELinkHook=ICELinkHook,exports.ICELinkSlot=W,exports.ICEOverlayLayout=nt,exports.ICEPath=w,exports.ICEPolyLine=j,exports.ICERect=S,exports.ICERose=K,exports.ICEStar=q,exports.ICEText=J,exports.ICETheme=l,exports.ICEVisioLink=ICEVisioLink,exports.LineControlPanel=LineControlPanel,exports.PluginHost=PluginHost,exports.ResizeControl=ResizeControl,exports.RotateControl=RotateControl,exports.SERIALIZATION_MIGRATIONS=ct,exports.SERIALIZATION_VERSION=1,exports.STYLE_PRESETS=h,exports.Serializer=Serializer,exports.TransformControlPanel=TransformControlPanel,exports.baseTokens=i,exports.buildAccessibilityTree=buildAccessibilityTree,exports.exportSvg=exportSvg,exports.exportSvgResult=exportSvgResult,exports.getTheme=getTheme,exports.registerTheme=registerTheme,exports.setTheme=setTheme;