"use strict";(self.webpackChunkgrafana=self.webpackChunkgrafana||[]).push([[7523],{12382:(ro,Rn,V)=>{V.r(Rn),V.d(Rn,{addStandardCanvasEditorOptions:()=>Cl,plugin:()=>gy});var Wt=V(16207),$t=V(83340),R=V(92745),ve=V(43173),Ct=V(739),y=V(74848),de=V(2543),F=V(96540);const An=(0,F.memo)(({config:t})=>(0,y.jsx)("div",{children:(0,y.jsxs)(R.x6,{i18nKey:"canvas.not-found-display.not-found",components:{config:(0,y.jsx)("pre",{children:JSON.stringify(t,null,2)})},children:[(0,y.jsx)("h3",{children:"Not found: "}),"<config />"]})}));An.displayName="NotFoundDisplay";const we={id:"not-found",name:"Not found",description:"Display when element type is not found in the registry",display:An,defaultSize:{width:100,height:100},getNewOptions:()=>({config:{}})};var W=V(86967),re=(t=>(t.Delete="delete",t.Duplicate="duplicate",t.MoveTop="move-top",t.MoveBottom="move-bottom",t))(re||{}),De=(t=>(t.ElementManagement="element-management",t.SelectedElement="selected-element",t.SelectedConnection="selected-connection",t))(De||{}),je=(t=>(t.Solid="solid",t.Dashed="dashed",t.Dotted="dotted",t))(je||{}),On=(t=>(t.Solid="0",t.Dashed="8 8",t.Dotted="3",t))(On||{}),cn=V(32899),br=V(11594),Cr=V(16515),_n=V(45229),Ft=V(65642),ei=V(42954),H=V(22803),_t=V(63142),xe=V(45861),Un=V(68079),ae=V(87405),pe=V(22001),Vi=V(50275),Je=V(97095),We=V(18027),Ln=V(77824),Zn=V(18857),In=V(37386),ye=V(41185),Ve=V(41654),Qn=V(63527),Ie=V(76319);const ni=({value:t,onChange:e})=>{const[n,r]=(0,F.useState)(""),[i,a]=(0,F.useState)(""),o=({currentTarget:d})=>{a(d.value)},s=({currentTarget:d})=>{r(d.value)},l=d=>()=>{const f=t.filter(h=>h[0]!==d);e(f)},c=()=>{const d=n;let f;t?f=t.filter(h=>h[0]!==d):f=[],f.push([d,i]),f.sort((h,v)=>h[0].localeCompare(v[0])),r(""),a(""),e(f)},u=!n&&!i;return(0,y.jsxs)("div",{children:[(0,y.jsxs)(Ve.B,{direction:"row",children:[(0,y.jsx)(Qn.p,{placeholder:(0,R.t)("canvas.params-editor.placeholder-key","Key"),value:n,onChange:s}),(0,y.jsx)(Qn.p,{placeholder:(0,R.t)("canvas.params-editor.placeholder-value","Value"),value:i,onChange:o}),(0,y.jsx)(Ie.K,{"aria-label":(0,R.t)("canvas.params-editor.aria-label-add","Add"),name:"plus-circle",onClick:c,disabled:u})]}),(0,y.jsx)(Ve.B,{direction:"column",children:Array.from(t||[]).map(d=>(0,y.jsxs)(Ve.B,{direction:"row",children:[(0,y.jsx)(Qn.p,{disabled:!0,value:d[0]}),(0,y.jsx)(Qn.p,{disabled:!0,value:d[1]}),(0,y.jsx)(Ie.K,{"aria-label":(0,R.t)("canvas.params-editor.aria-label-delete","Delete"),onClick:l(d[0]),name:"trash-alt"})]},d[0]))})]})};var ri=V(63704),Sr=V(68143),ii=V(2863),qn=V(73427),Fi=V(92367),ai=V(22429);const Gi=(t,e)=>{if(!t.endpoint){qn.lE.emit(cn.r1.alertError,["API endpoint is not defined."]);return}const n=io(t);(0,Sr.AI)().fetch(n).subscribe({error:r=>{qn.lE.emit(cn.r1.alertError,["An error has occurred. Check console output for more details."]),console.error("API call error: ",r),e&&e(!1)},complete:()=>{qn.lE.emit(cn.r1.alertSuccess,["API call was successful"]),e&&e(!1)}})},yn=t=>{const e=(0,ai.UA)().getCurrent()?.panelInEdit;return(0,ii.w)().replace(t,e?.scopedVars)},io=t=>{const e=Er(yn(t.endpoint)),n=new URL(e),r={};let i={url:n.toString(),method:t.method,data:Pe(t),headers:r};return t.headerParams&&t.headerParams.forEach(([a,o])=>{r[yn(a)]=yn(o)}),t.queryParams&&(t.queryParams?.forEach(([a,o])=>{n.searchParams.append(yn(a),yn(o))}),i.url=n.toString()),t.method===W.DO.POST&&(r["Content-Type"]=t.contentType),r["X-Grafana-Action"]="1",i.headers=r,i},Pe=t=>{let e=t.data?yn(t.data):"{}";return t.method===W.DO.GET&&(e=void 0),e},Er=t=>{if(t.startsWith("/")){const n=ri.sQ.sanitizeUrl(t);t=(0,Fi.z)(n,[])}return t},bn={id:"",name:"",description:"",editor:ye.g,settings:{}},Wi=[{label:W.DO.GET,value:W.DO.GET},{label:W.DO.POST,value:W.DO.POST},{label:W.DO.PUT,value:W.DO.PUT}],Xf=[{label:"JSON",value:"application/json"},{label:"Text",value:"text/plain"},{label:"JavaScript",value:"application/javascript"},{label:"HTML",value:"text/html"},{label:"XML",value:"application/XML"},{label:"x-www-form-urlencoded",value:"application/x-www-form-urlencoded"}];function Uf({value:t,context:e,onChange:n}){t||(t=oi);const i=(0,F.useCallback)((h="")=>{n({...t,endpoint:h})},[n,t]),a=(0,F.useCallback)(h=>{n({...t,data:h})},[n,t]),o=(0,F.useCallback)(h=>{n({...t,method:h})},[n,t]),s=(0,F.useCallback)(h=>{n({...t,contentType:h?.value})},[n,t]),l=h=>h,c=(0,F.useCallback)(h=>{n({...t,queryParams:h})},[n,t]),u=(0,F.useCallback)(h=>{n({...t,headerParams:h})},[n,t]),d=h=>{try{const v=JSON.parse(yn(h));return(0,y.jsx)(Vi.B,{json:v})}catch(v){return v instanceof Error?`Invalid JSON provided: ${v.message}`:"Invalid JSON provided"}},f=h=>{if(h&&h.endpoint)return(0,y.jsx)(xe.$n,{onClick:()=>Gi(h),title:(0,R.t)("canvas.apieditor.render-test-apibutton.title-test-api","Test API"),children:(0,y.jsx)(R.x6,{i18nKey:"canvas.apieditor.render-test-apibutton.test-api",children:"Test API"})})};return(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(Je.C,{children:(0,y.jsx)(We.I,{label:(0,R.t)("canvas.apieditor.label-endpoint","Endpoint"),labelWidth:13,grow:!0,children:(0,y.jsx)(ye.g,{context:e,value:t?.endpoint,onChange:i,item:bn})})}),(0,y.jsx)(Je.C,{children:(0,y.jsx)(We.I,{label:(0,R.t)("canvas.apieditor.label-method","Method"),labelWidth:13,grow:!0,children:(0,y.jsx)(Ln.z,{value:t?.method,options:Wi,onChange:o,fullWidth:!0})})}),t?.method!==W.DO.GET&&(0,y.jsx)(Je.C,{children:(0,y.jsx)(We.I,{label:"Content-Type",labelWidth:13,grow:!0,children:(0,y.jsx)(Zn.l6,{options:Xf,allowCustomValue:!0,formatCreateLabel:l,value:t?.contentType,onChange:s})})}),(0,y.jsx)("br",{}),(0,y.jsx)(In.D,{label:(0,R.t)("canvas.apieditor.label-query-parameters","Query parameters"),children:(0,y.jsx)(ni,{value:t?.queryParams??[],onChange:c})}),(0,y.jsx)(In.D,{label:(0,R.t)("canvas.apieditor.label-header-parameters","Header parameters"),children:(0,y.jsx)(ni,{value:t?.headerParams??[],onChange:u})}),t?.method!==W.DO.GET&&t?.contentType&&(0,y.jsx)(In.D,{label:(0,R.t)("canvas.apieditor.label-payload","Payload"),children:(0,y.jsx)(ye.g,{context:e,value:t?.data??"{}",onChange:a,item:{...bn,settings:{useTextarea:!0}}})}),f(t),(0,y.jsx)("br",{}),t?.method!==W.DO.GET&&t?.contentType===oi.contentType&&d(t?.data??"{}")]})}const Zf=[{label:"primary",value:"primary"},{label:"secondary",value:"secondary"},{label:"success",value:"success"},{label:"destructive",value:"destructive"}],Qf=({value:t,onChange:e})=>{t||(t=$i);const n=(0,F.useCallback)(r=>{e({...t,variant:r?.value??$i.variant})},[e,t]);return(0,y.jsx)(y.Fragment,{children:(0,y.jsx)(Je.C,{children:(0,y.jsx)(We.I,{label:(0,R.t)("canvas.button-style-editor.label-variant","Variant"),grow:!0,children:(0,y.jsx)(Zn.l6,{options:Zf,value:t?.variant,onChange:n})})})})};var ao=(t=>(t.Straight="straight",t))(ao||{}),qf=(t=>(t.Forward="forward",t.Reverse="reverse",t.Both="both",t.None="none",t))(qf||{});const Ut="#D9D9D9",wr="#000000",Jf="#F0F4FD",th=Ft.$W.theme2.colors.text.primary;var Fe=(t=>(t.Top="top",t.Bottom="bottom",t.Left="left",t.Right="right",t.HorizontalCenter="hcenter",t.VerticalCenter="vcenter",t))(Fe||{}),ot=(t=>(t.Left="left",t.Center="center",t.Right="right",t))(ot||{}),lt=(t=>(t.Top="top",t.Middle="middle",t.Bottom="bottom",t))(lt||{});const oi={endpoint:"",method:W.DO.POST,data:"{}",contentType:"application/json",queryParams:[],headerParams:[]},$i={variant:"primary"},eh=({data:t})=>{const e=(0,_t.of)(nh,t),[n,r]=(0,F.useState)(!1),i=o=>{r(o)},a=()=>{t?.api&&t?.api?.endpoint&&(r(!0),Gi(t.api,i))};return(0,y.jsx)(xe.$n,{type:"submit",variant:t?.style?.variant,onClick:a,className:e.button,children:(0,y.jsxs)("span",{children:[n&&(0,y.jsx)(Un.y,{inline:!0,className:e.buttonSpinner}),t?.text]})})},nh=(t,e)=>({button:(0,H.css)({height:"100%",width:"100%",display:"grid","> span":{display:"inline-grid",gridAutoFlow:"column",textAlign:e?.align,fontSize:`${e?.size}px`,color:e?.color}}),buttonSpinner:(0,H.css)({marginRight:t.spacing(.5)})}),rh={id:"button",name:"Button",description:"Button",state:br.pn.beta,standardEditorConfig:{background:!1},display:eh,defaultSize:{width:150,height:45},getNewOptions:t=>({...t,config:{text:{mode:Ct.RU.Fixed,fixed:"Button"},align:ot.Center,color:{fixed:Jf},size:14,api:oi,style:$i},background:{color:{fixed:"transparent"}},placement:{width:t?.placement?.width??32,height:t?.placement?.height??78,top:t?.placement?.top??100,left:t?.placement?.left??100,rotation:t?.placement?.rotation??0}}),prepareData:(t,e)=>{const n=e.config,r=()=>{if(n?.api)return n.api={...n.api,method:n.api.method??oi.method,contentType:n.api.contentType??oi.contentType},n.api},i={text:n?.text?t.getText(n.text).value():"",align:n?.align??ot.Center,size:n?.size??14,api:r(),style:n?.style??$i};return n?.color&&(i.color=t.getColor(n.color).value()),i},registerOptionsUI:t=>{const e=[(0,R.t)("canvas.button-item.category-button","Button")];t.addCustomEditor({category:e,id:"styleSelector",path:"config.style",name:(0,R.t)("canvas.button-item.name-style","Style"),editor:Qf}).addCustomEditor({category:e,id:"textSelector",path:"config.text",name:(0,R.t)("canvas.button-item.name-text","Text"),editor:pe.h}).addCustomEditor({category:e,id:"config.color",path:"config.color",name:(0,R.t)("canvas.button-item.name-text-color","Text color"),editor:ae.N,settings:{},defaultValue:{}}).addRadio({category:e,path:"config.align",name:(0,R.t)("canvas.button-item.name-align-text","Align text"),settings:{options:[{value:ot.Left,label:(0,R.t)("canvas.button-item.label.left","Left")},{value:ot.Center,label:(0,R.t)("canvas.button-item.label.center","Center")},{value:ot.Right,label:(0,R.t)("canvas.button-item.label.right","Right")}]},defaultValue:ot.Left}).addNumberInput({category:e,path:"config.size",name:(0,R.t)("canvas.button-item.name-text-size","Text size"),settings:{placeholder:(0,R.t)("canvas.button-item.placeholder.auto","Auto")}}).addCustomEditor({category:e,id:"apiSelector",path:"config.api",name:(0,R.t)("canvas.button-item.name-api","API"),editor:Uf})}};var Hi=V(24726);const ih={id:"cloud",name:"Cloud",description:"Cloud",display:t=>{const{data:e}=t,n=ah(Ft.$W.theme2,e),r=(0,Hi.A)();return(0,y.jsxs)("div",{className:n.container,children:[(0,y.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 110 70",width:"100%",height:"100%",preserveAspectRatio:"none",children:[(0,y.jsxs)("defs",{children:[(0,y.jsx)("pattern",{id:`image-${r}`,patternUnits:"userSpaceOnUse",width:"110",height:"70",children:(0,y.jsx)("image",{xlinkHref:e?.backgroundImage,x:"-50",y:"-50",width:"300",height:"300"})}),(0,y.jsx)("clipPath",{id:`cloudClip-${r}`,children:(0,y.jsx)("path",{d:"M 23 13 C -1 13 -7 33 12.2 37 C -7 45.8 14.6 65 30.2 57 C 41 73 77 73 89 57 C 113 57 113 41 98 33 C 113 17 89 1 68 9 C 53 -3 29 -3 23 13 Z"})})]}),(0,y.jsx)("rect",{x:"0",y:"0",width:"100%",height:"100%",clipPath:`url(#cloudClip-${r})`,style:{fill:"none"}}),(0,y.jsx)("path",{d:"M 23 13 C -1 13 -7 33 12.2 37 C -7 45.8 14.6 65 30.2 57 C 41 73 77 73 89 57 C 113 57 113 41 98 33 C 113 17 89 1 68 9 C 53 -3 29 -3 23 13 Z",style:{fill:e?.backgroundImage?`url(#image-${r})`:e?.backgroundColor}}),(0,y.jsx)("path",{d:"M 23 13 C -1 13 -7 33 12.2 37 C -7 45.8 14.6 65 30.2 57 C 41 73 77 73 89 57 C 113 57 113 41 98 33 C 113 17 89 1 68 9 C 53 -3 29 -3 23 13 Z",clipPath:`url(#cloudClip-${r})`,className:n.elementBorder})]}),(0,y.jsx)("span",{className:n.text,children:e?.text})]})},defaultSize:{width:110,height:70},getNewOptions:t=>({...t,background:{color:{fixed:Ut}},config:{align:ot.Center,valign:lt.Middle,color:{fixed:wr}},placement:{width:t?.placement?.width??110,height:t?.placement?.height??70,top:t?.placement?.top,left:t?.placement?.left,rotation:t?.placement?.rotation??0},links:t?.links??[]}),prepareData:(t,e)=>{const n=e.config,r={text:n?.text?t.getText(n.text).value():"",field:n?.text?.field,align:n?.align??ot.Center,valign:n?.valign??lt.Middle,size:n?.size};n?.color&&(r.color=t.getColor(n.color).value());const{background:i,border:a}=e;return r.backgroundColor=i?.color?t.getColor(i.color).value():Ut,r.borderColor=a?.color?t.getColor(a.color).value():Ut,r.borderWidth=a?.width??0,r.backgroundImage=i?.image?t.getResource(i.image).value():void 0,r},registerOptionsUI:t=>{const e=[(0,R.t)("canvas.cloud-item.category-cloud","Cloud")];t.addCustomEditor({category:e,id:"textSelector",path:"config.text",name:(0,R.t)("canvas.cloud-item.name-text","Text"),editor:pe.h}).addCustomEditor({category:e,id:"config.color",path:"config.color",name:(0,R.t)("canvas.cloud-item.name-text-color","Text color"),editor:ae.N,settings:{},defaultValue:{}}).addRadio({category:e,path:"config.align",name:(0,R.t)("canvas.cloud-item.name-align-text","Align text"),settings:{options:[{value:ot.Left,label:(0,R.t)("canvas.cloud-item.label.left","Left")},{value:ot.Center,label:(0,R.t)("canvas.cloud-item.label.center","Center")},{value:ot.Right,label:(0,R.t)("canvas.cloud-item.label.right","Right")}]},defaultValue:ot.Left}).addRadio({category:e,path:"config.valign",name:(0,R.t)("canvas.cloud-item.name-vertical-align","Vertical align"),settings:{options:[{value:lt.Top,label:(0,R.t)("canvas.cloud-item.label.top","Top")},{value:lt.Middle,label:(0,R.t)("canvas.cloud-item.label.middle","Middle")},{value:lt.Bottom,label:(0,R.t)("canvas.cloud-item.label.bottom","Bottom")}]},defaultValue:lt.Middle}).addNumberInput({category:e,path:"config.size",name:(0,R.t)("canvas.cloud-item.name-text-size","Text size"),settings:{placeholder:(0,R.t)("canvas.cloud-item.placeholder.auto","Auto")}})},customConnectionAnchors:[{x:-.58,y:.63},{x:-.22,y:.99},{x:.235,y:.75},{x:.8,y:.6},{x:.785,y:.06},{x:.91,y:-.51},{x:.62,y:-.635},{x:.05,y:-.98},{x:-.45,y:-.635},{x:-.8,y:-.58},{x:-.78,y:-.06},{x:-.9,y:.48}]},ah=(t,e)=>{const n=e?.valign===lt.Middle?"50%":e?.valign===lt.Top?"10%":"90%",r=e?.align===ot.Center?"50%":e?.align===ot.Left?"10%":"90%",i=`translate(${e?.align===ot.Center?"-50%":e?.align===ot.Left?"10%":"-90%"}, ${e?.valign===lt.Middle?"-50%":e?.valign===lt.Top?"10%":"-90%"})`;return{container:(0,H.css)({height:"100%",width:"100%"}),text:(0,H.css)({position:"absolute",top:n,left:r,transform:i,fontSize:`${e?.size}px`,color:e?.color}),elementBorder:(0,H.css)({fill:"none",stroke:e?.borderColor??"none",strokeWidth:e?.borderWidth??0,strokeLinejoin:"round"})}};var Cn=V(68694);const oh={id:"droneFront",name:"Drone Front",description:"Drone front",display:({data:t})=>{const e=(0,_t.of)(sh),n=`rotate(${t?.rollAngle?t.rollAngle:0}deg)`;return(0,y.jsxs)("svg",{className:e.droneFront,xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",viewBox:"0 0 1300 290",style:{transform:n,stroke:Ut},children:[(0,y.jsxs)("g",{className:"arms",stroke:Ut,strokeWidth:"28px",children:[(0,y.jsx)("line",{x1:"510",x2:"320",y1:"100",y2:"150"}),(0,y.jsx)("line",{x1:"510",x2:"320",y1:"190",y2:"210"}),(0,y.jsx)("line",{x1:"790",x2:"980",y1:"190",y2:"210"}),(0,y.jsx)("line",{x1:"790",x2:"980",y1:"100",y2:"150"})]}),(0,y.jsxs)("g",{className:"body",stroke:Ut,strokeWidth:"28px",children:[(0,y.jsx)("path",{fill:"none",d:" M 510 130 C 510 124 510 110 510 100 C 510 90 530 71 540 70 C 640 61 670 60 760 70 C 770 71 790 90 790 100 Q 790 120 790 130 L 790 130 Q 790 177 790 196 C 790 207 770 225 760 226 C 670 236 640 236 540 226 C 530 226 510 206 510 196 Q 510 177 510 130 Q 510 133 510 130 Z "}),(0,y.jsx)("circle",{cx:"650",cy:"160",r:"40",fill:"none"})]}),(0,y.jsxs)("g",{className:"motors",stroke:Ut,strokeWidth:"28px",children:[(0,y.jsx)("path",{className:"motor",fill:"none",d:" M 320 60 L 250 60 L 250 230 L 260 290 L 310 290 L 320 230 L 320 60 Z "}),(0,y.jsx)("path",{className:"motor",fill:"none",d:" M 1050 60 L 980 60 L 980 230 L 990 290 L 1040 290 L 1050 230 L 1050 60 Z "})]}),(0,y.jsxs)("g",{className:"propellers",fill:Ut,children:[(0,y.jsx)("path",{className:"prop",d:" M 270 60 L 300 60 L 300 20 Q 311 30 330 30 Q 349 30 570 10 L 300 10 Q 300 0 290 0 C 286 0 284 0 280 0 Q 270 0 270 10 L 0 10 Q 220 30 240 30 Q 260 30 270 20 L 270 60 Z "}),(0,y.jsx)("path",{className:"prop",d:" M 1000 60 L 1030 60 L 1030 20 Q 1041 30 1060 30 Q 1079 30 1300 10 L 1030 10 Q 1030 0 1020 0 C 1016 0 1014 0 1010 0 Q 1000 0 1000 10 L 730 10 Q 950 30 970 30 Q 990 30 1000 20 L 1000 60 Z "})]})]})},defaultSize:{width:100,height:26},getNewOptions:t=>({...t,background:{color:{fixed:"transparent"}},placement:{width:t?.placement?.width??100,height:t?.placement?.height??26,top:t?.placement?.top,left:t?.placement?.left,rotation:t?.placement?.rotation??0},links:t?.links??[]}),prepareData:(t,e)=>{const n=e.config;return{rollAngle:n?.rollAngle?t.getScalar(n.rollAngle).value():0}},registerOptionsUI:t=>{const e=[(0,R.t)("canvas.drone-front-item.category-drone-front","Drone Front")];t.addCustomEditor({category:e,id:"rollAngle",path:"config.rollAngle",name:(0,R.t)("canvas.drone-front-item.name-roll-angle","Roll Angle"),editor:Cn.A})}},sh=t=>({droneFront:(0,H.css)({transition:"transform 0.4s"})}),lh={id:"droneSide",name:"Drone Side",description:"Drone Side",display:({data:t})=>{const e=(0,_t.of)(ch),n=`rotate(${t?.pitchAngle?t.pitchAngle:0}deg)`;return(0,y.jsxs)("svg",{className:e.droneSide,xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",viewBox:"0 0 1300 290",style:{transform:n,stroke:Ut},children:[(0,y.jsxs)("g",{className:"arms",stroke:Ut,strokeWidth:"28px",children:[(0,y.jsx)("line",{x1:"510",x2:"320",y1:"100",y2:"150"}),(0,y.jsx)("line",{x1:"510",x2:"320",y1:"190",y2:"210"}),(0,y.jsx)("line",{x1:"790",x2:"980",y1:"190",y2:"210"}),(0,y.jsx)("line",{x1:"790",x2:"980",y1:"100",y2:"150"})]}),(0,y.jsx)("g",{className:"body",stroke:Ut,strokeWidth:"28px",children:(0,y.jsx)("path",{fill:"none",d:" M 510 130 C 510 124 510 110 510 100 C 510 90 530 71 540 70 C 640 61 670 60 760 70 C 770 71 790 90 790 100 Q 790 120 790 130 L 790 130 Q 790 177 790 196 C 790 207 770 225 760 226 C 670 236 640 236 540 226 C 530 226 510 206 510 196 Q 510 177 510 130 Q 510 133 510 130 Z "})}),(0,y.jsxs)("g",{className:"motors",stroke:Ut,strokeWidth:"28px",children:[(0,y.jsx)("path",{className:"motor",fill:"none",d:" M 320 60 L 250 60 L 250 230 L 260 290 L 310 290 L 320 230 L 320 60 Z "}),(0,y.jsx)("path",{className:"motor",fill:"none",d:" M 1050 60 L 980 60 L 980 230 L 990 290 L 1040 290 L 1050 230 L 1050 60 Z "})]}),(0,y.jsxs)("g",{className:"propellers",fill:Ut,children:[(0,y.jsx)("path",{className:"prop",d:" M 270 60 L 300 60 L 300 20 Q 311 30 330 30 Q 349 30 570 10 L 300 10 Q 300 0 290 0 C 286 0 284 0 280 0 Q 270 0 270 10 L 0 10 Q 220 30 240 30 Q 260 30 270 20 L 270 60 Z "}),(0,y.jsx)("path",{className:"prop",d:" M 1000 60 L 1030 60 L 1030 20 Q 1041 30 1060 30 Q 1079 30 1300 10 L 1030 10 Q 1030 0 1020 0 C 1016 0 1014 0 1010 0 Q 1000 0 1000 10 L 730 10 Q 950 30 970 30 Q 990 30 1000 20 L 1000 60 Z "})]})]})},defaultSize:{width:100,height:26},getNewOptions:t=>({...t,background:{color:{fixed:"transparent"}},placement:{width:t?.placement?.width??100,height:t?.placement?.height??26,top:t?.placement?.top,left:t?.placement?.left,rotation:t?.placement?.rotation??0},links:t?.links??[]}),prepareData:(t,e)=>{const n=e.config;return{pitchAngle:n?.pitchAngle?t.getScalar(n.pitchAngle).value():0}},registerOptionsUI:t=>{const e=[(0,R.t)("canvas.drone-side-item.category-drone-side","Drone Side")];t.addCustomEditor({category:e,id:"pitchAngle",path:"config.pitchAngle",name:(0,R.t)("canvas.drone-side-item.name-pitch-angle","Pitch Angle"),editor:Cn.A})}},ch=t=>({droneSide:(0,H.css)({transition:"transform 0.4s"})}),uh={id:"droneTop",name:"Drone Top",description:"Drone top",display:({data:t})=>{const e=(0,_t.of)(dh),n=`spin ${t?.fRightRotorRPM?60/Math.abs(t.fRightRotorRPM):0}s linear infinite`,r=`spin ${t?.fLeftRotorRPM?60/Math.abs(t.fLeftRotorRPM):0}s linear infinite`,i=`spin ${t?.bRightRotorRPM?60/Math.abs(t.bRightRotorRPM):0}s linear infinite`,a=`spin ${t?.bLeftRotorRPM?60/Math.abs(t.bLeftRotorRPM):0}s linear infinite`,o=`rotate(${t?.yawAngle?t.yawAngle:0}deg)`;return(0,y.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",viewBox:"-43 -43 640 640",xmlSpace:"preserve",style:{transform:o,fill:Ut},children:[(0,y.jsx)("path",{fillRule:"evenodd",d:" M 137.95 127.967 C 137.14 127.157 136.189 126.58 135.178 126.218 C 138.173 121.545 139.967 116.036 140.125 110.123 L 217.64 151.862 C 214.049 157.411 211.8 163.922 211.386 170.95 L 209.694 199.712 L 137.95 127.967 L 137.95 127.967 L 137.95 127.967 L 137.95 127.967 L 137.95 127.967 L 137.95 127.967 L 137.95 127.967 L 137.95 127.967 L 137.95 127.967 Z M 134.268 426.981 C 130.211 421.314 124.328 417.045 117.482 415.041 L 201.999 330.523 L 201.385 340.955 C 200.67 353.107 202.829 364.914 207.563 375.673 L 134.268 426.981 L 134.268 426.981 L 134.268 426.981 L 134.268 426.981 L 134.268 426.981 L 134.268 426.981 L 134.268 426.981 L 134.268 426.981 Z M 324.765 373.673 L 228.527 373.673 Q 215.374 358.611 216.361 341.835 L 226.361 171.832 C 226.825 163.94 231.012 157.096 237.146 152.957 L 316.146 152.957 C 322.28 157.096 326.466 163.94 326.931 171.832 L 336.931 341.835 Q 337.918 358.611 324.765 373.673 L 324.765 373.673 L 324.765 373.673 L 324.765 373.673 L 324.765 373.673 L 324.765 373.673 L 324.765 373.673 Z M 435.81 415.041 C 428.964 417.045 423.081 421.314 419.024 426.981 L 345.727 375.673 C 350.461 364.914 352.62 353.107 351.905 340.955 L 351.291 330.523 L 435.81 415.041 L 435.81 415.041 L 435.81 415.041 L 435.81 415.041 L 435.81 415.041 L 435.81 415.041 Z M 343.596 199.713 L 341.904 170.951 C 341.49 163.923 339.242 157.411 335.651 151.863 L 413.167 110.124 C 413.325 116.037 415.119 121.546 418.114 126.219 C 417.103 126.581 416.152 127.158 415.342 127.968 L 343.596 199.713 L 343.596 199.713 L 343.596 199.713 L 343.596 199.713 L 343.596 199.713 Z M 444.646 92.771 C 453.744 92.771 461.146 100.172 461.146 109.271 C 461.146 118.369 453.744 125.771 444.646 125.771 C 435.548 125.771 428.146 118.369 428.146 109.271 C 428.146 100.172 435.548 92.771 444.646 92.771 L 444.646 92.771 L 444.646 92.771 L 444.646 92.771 Z M 108.647 92.771 C 117.745 92.771 125.147 100.172 125.147 109.271 C 125.147 118.369 117.745 125.771 108.647 125.771 C 99.549 125.771 92.147 118.369 92.147 109.271 C 92.147 100.172 99.549 92.771 108.647 92.771 L 108.647 92.771 L 108.647 92.771 Z M 108.647 461.771 C 99.549 461.771 92.147 454.369 92.147 445.271 C 92.147 436.172 99.549 428.771 108.647 428.771 C 117.745 428.771 125.147 436.172 125.147 445.271 C 125.147 454.369 117.745 461.771 108.647 461.771 L 108.647 461.771 Z M 92.322 136.202 C 97.086 139.1 102.675 140.771 108.647 140.771 C 114.883 140.771 120.697 138.941 125.594 135.802 C 125.956 136.813 126.534 137.764 127.343 138.573 L 207.342 218.573 C 207.711 218.942 208.109 219.264 208.528 219.54 L 203.212 309.908 C 201.794 310.182 200.44 310.869 199.342 311.967 L 95.343 415.967 C 94.954 416.356 94.62 416.779 94.335 417.224 C 93.651 417.575 92.976 417.942 92.322 418.34 Q 84.615 424.182 81.716 428.946 C 78.817 433.71 77.147 439.299 77.147 445.271 C 77.147 462.64 91.278 476.771 108.647 476.771 C 114.619 476.771 120.208 475.1 124.972 472.202 C 129.736 469.304 132.678 466.36 135.577 461.596 C 138.476 456.832 140.147 451.243 140.147 445.271 C 140.147 443.943 140.055 442.637 139.895 441.352 L 214.997 388.78 C 217.05 391.677 336.242 391.678 338.295 388.78 L 413.398 441.352 C 413.238 442.637 413.146 443.943 413.146 445.271 C 413.146 451.243 414.817 456.832 417.715 461.596 C 420.613 466.36 423.557 469.304 428.321 472.202 C 433.085 475.1 438.674 476.771 444.646 476.771 C 462.015 476.771 476.146 462.64 476.146 445.271 C 476.146 439.299 474.475 433.71 471.577 428.946 C 468.679 424.182 459.642 417.575 458.958 417.224 C 458.672 416.779 458.339 416.356 457.95 415.967 L 353.95 311.967 C 352.852 310.869 351.498 310.182 350.08 309.908 L 344.764 219.54 C 345.183 219.264 345.581 218.942 345.95 218.573 L 425.95 138.573 C 426.76 137.763 427.337 136.812 427.699 135.802 C 432.596 138.941 438.409 140.771 444.646 140.771 C 450.618 140.771 456.207 139.1 460.971 136.202 C 465.735 133.304 468.679 130.36 471.577 125.596 C 474.475 120.832 476.146 115.243 476.146 109.271 C 476.146 91.903 462.015 77.772 444.646 77.772 C 438.674 77.772 433.085 79.442 428.321 82.34 L 416.215 91.446 L 324.765 140.688 C 318.402 136.324 310.718 133.771 302.473 133.771 L 250.819 133.771 C 242.574 133.771 234.89 136.324 228.527 140.688 L 137.078 91.446 L 124.972 82.34 C 120.208 79.442 114.619 77.772 108.647 77.772 C 91.278 77.772 77.147 91.903 77.147 109.271 C 77.147 115.243 78.818 120.832 81.716 125.595 C 84.614 130.358 87.558 133.304 92.322 136.202 L 92.322 136.202 L 92.322 136.202 L 92.322 136.202 L 92.322 136.202 L 92.322 136.202 L 92.322 136.202 L 92.322 136.202 L 92.322 136.202 Z M 444.646 461.771 C 435.548 461.771 428.146 454.369 428.146 445.271 C 428.146 436.172 435.548 428.771 444.646 428.771 C 453.744 428.771 461.146 436.172 461.146 445.271 C 461.146 454.369 453.744 461.771 444.646 461.771 Z "}),(0,y.jsx)("path",{fillRule:"evenodd",d:" M 259.458 334.235 L 259.458 337.211 L 254.514 337.211 L 254.514 350.795 L 250.842 350.795 L 250.842 337.211 L 245.898 337.211 L 245.898 334.235 L 259.458 334.235 Z M 266.226 347.939 L 272.586 347.939 L 272.754 350.627 L 272.754 350.627 Q 270.498 350.867 265.074 350.867 L 265.074 350.867 L 265.074 350.867 Q 263.418 350.867 262.434 349.967 L 262.434 349.967 L 262.434 349.967 Q 261.45 349.067 261.426 347.531 L 261.426 347.531 L 261.426 337.499 L 261.426 337.499 Q 261.45 335.963 262.434 335.063 L 262.434 335.063 L 262.434 335.063 Q 263.418 334.163 265.074 334.163 L 265.074 334.163 L 265.074 334.163 Q 270.498 334.163 272.754 334.403 L 272.754 334.403 L 272.586 337.115 L 266.226 337.115 L 266.226 337.115 Q 265.626 337.115 265.362 337.403 L 265.362 337.403 L 265.362 337.403 Q 265.098 337.691 265.098 338.339 L 265.098 338.339 L 265.098 340.859 L 271.698 340.859 L 271.698 343.499 L 265.098 343.499 L 265.098 346.691 L 265.098 346.691 Q 265.098 347.363 265.362 347.651 L 265.362 347.651 L 265.362 347.651 Q 265.626 347.939 266.226 347.939 L 266.226 347.939 Z M 275.202 333.995 L 278.73 333.995 L 278.73 346.931 L 278.73 346.931 Q 278.73 348.131 280.074 348.131 L 280.074 348.131 L 281.034 348.131 L 281.442 350.603 L 281.442 350.603 Q 280.53 351.083 278.61 351.083 L 278.61 351.083 L 278.61 351.083 Q 277.026 351.083 276.114 350.231 L 276.114 350.231 L 276.114 350.231 Q 275.202 349.379 275.202 347.819 L 275.202 347.819 L 275.202 333.995 Z M 283.05 333.995 L 286.578 333.995 L 286.578 346.931 L 286.578 346.931 Q 286.578 348.131 287.922 348.131 L 287.922 348.131 L 288.882 348.131 L 289.29 350.603 L 289.29 350.603 Q 288.378 351.083 286.458 351.083 L 286.458 351.083 L 286.458 351.083 Q 284.874 351.083 283.962 350.231 L 283.962 350.231 L 283.962 350.231 Q 283.05 349.379 283.05 347.819 L 283.05 347.819 L 283.05 333.995 Z M 292.086 335.759 L 292.086 335.759 L 292.086 335.759 Q 293.634 333.923 297.618 333.923 L 297.618 333.923 L 297.618 333.923 Q 301.602 333.923 303.162 335.759 L 303.162 335.759 L 303.162 335.759 Q 304.722 337.595 304.722 342.515 L 304.722 342.515 L 304.722 342.515 Q 304.722 347.435 303.162 349.271 L 303.162 349.271 L 303.162 349.271 Q 301.602 351.107 297.618 351.107 L 297.618 351.107 L 297.618 351.107 Q 293.634 351.107 292.086 349.271 L 292.086 349.271 L 292.086 349.271 Q 290.538 347.435 290.538 342.515 L 290.538 342.515 L 290.538 342.515 Q 290.538 337.595 292.086 335.759 Z M 300.174 338.051 L 300.174 338.051 L 300.174 338.051 Q 299.49 336.875 297.618 336.875 L 297.618 336.875 L 297.618 336.875 Q 295.746 336.875 295.062 338.051 L 295.062 338.051 L 295.062 338.051 Q 294.378 339.227 294.378 342.515 L 294.378 342.515 L 294.378 342.515 Q 294.378 345.803 295.062 346.979 L 295.062 346.979 L 295.062 346.979 Q 295.746 348.155 297.618 348.155 L 297.618 348.155 L 297.618 348.155 Q 299.49 348.155 300.174 346.979 L 300.174 346.979 L 300.174 346.979 Q 300.858 345.803 300.858 342.515 L 300.858 342.515 L 300.858 342.515 Q 300.858 339.227 300.174 338.051 Z "}),(0,y.jsxs)("g",{className:"propeller-group",children:[(0,y.jsx)("path",{className:`${e.propeller} ${e.propellerCW}`,style:{animation:i},d:" M 461.563 418.77 L 463.992 416.34 Q 465.495 407.116 466.461 400.395 C 467.426 393.675 469.363 388.087 474.731 383.284 Q 533.862 341.514 538.196 338.859 C 542.529 336.203 548.345 334.299 551.492 338.29 C 554.639 342.282 553.481 346.02 549.419 350.082 L 471.147 428.354 L 461.563 418.77 Z M 427.729 471.772 L 425.299 474.202 Q 423.797 483.426 422.831 490.146 C 421.866 496.867 419.929 502.454 414.561 507.257 Q 355.43 549.028 351.096 551.683 C 346.763 554.338 340.947 556.243 337.8 552.251 C 334.653 548.26 335.811 544.522 339.873 540.46 L 418.145 462.187 L 427.729 471.772 Z "}),(0,y.jsx)("path",{className:`${e.propeller} ${e.propellerCCW}`,style:{animation:n},d:" M 461.563 135.773 L 463.992 138.203 Q 465.495 147.426 466.461 154.147 C 467.426 160.868 469.363 166.455 474.731 171.258 Q 533.862 213.028 538.196 215.684 C 542.529 218.339 548.345 220.244 551.492 216.252 C 554.639 212.26 553.481 208.523 549.419 204.46 L 471.147 126.188 L 461.563 135.773 Z M 427.729 82.77 L 425.299 80.34 Q 423.797 71.117 422.831 64.396 C 421.866 57.675 419.929 52.088 414.561 47.285 Q 355.43 5.515 351.096 2.859 C 346.763 0.204 340.947 -1.701 337.8 2.291 C 334.653 6.282 335.811 10.02 339.873 14.082 L 418.145 92.355 L 427.729 82.77 Z "}),(0,y.jsx)("path",{className:`${e.propeller} ${e.propellerCCW}`,style:{animation:a},d:" M 125.563 471.772 L 127.993 474.202 Q 129.496 483.426 130.461 490.146 C 131.427 496.867 133.363 502.454 138.731 507.257 Q 197.863 549.028 202.196 551.683 C 206.53 554.338 212.345 556.243 215.492 552.251 C 218.639 548.26 217.482 544.522 213.419 540.46 L 135.148 462.187 L 125.563 471.772 Z M 91.73 418.77 L 89.3 416.34 Q 87.797 407.116 86.832 400.395 C 85.866 393.675 83.93 388.087 78.562 383.284 Q 19.431 341.514 15.097 338.859 C 10.763 336.203 4.948 334.299 1.801 338.29 C -1.346 342.282 -0.189 346.02 3.874 350.082 L 82.146 428.354 L 91.73 418.77 Z "}),(0,y.jsx)("path",{className:`${e.propeller} ${e.propellerCW}`,style:{animation:r},d:" M 125.563 82.77 L 127.993 80.34 Q 129.496 71.117 130.461 64.396 C 131.427 57.675 133.363 52.088 138.731 47.285 Q 197.863 5.515 202.196 2.859 C 206.53 0.204 212.345 -1.701 215.492 2.291 C 218.639 6.282 217.482 10.02 213.419 14.083 L 135.147 92.355 L 125.563 82.77 Z M 91.73 135.773 L 89.3 138.203 Q 87.797 147.426 86.832 154.147 C 85.866 160.868 83.93 166.455 78.562 171.258 Q 19.431 213.028 15.097 215.684 C 10.763 218.339 4.948 220.243 1.801 216.252 C -1.346 212.26 -0.189 208.523 3.874 204.46 L 82.146 126.188 L 91.73 135.773 Z "})]})]})},defaultSize:{width:100,height:100},getNewOptions:t=>({...t,background:{color:{fixed:"transparent"}},links:t?.links??[]}),prepareData:(t,e)=>{const n=e.config;return{bRightRotorRPM:n?.bRightRotorRPM?t.getScalar(n.bRightRotorRPM).value():0,bLeftRotorRPM:n?.bLeftRotorRPM?t.getScalar(n.bLeftRotorRPM).value():0,fRightRotorRPM:n?.fRightRotorRPM?t.getScalar(n.fRightRotorRPM).value():0,fLeftRotorRPM:n?.fLeftRotorRPM?t.getScalar(n.fLeftRotorRPM).value():0,yawAngle:n?.yawAngle?t.getScalar(n.yawAngle).value():0}},registerOptionsUI:t=>{const e=[(0,R.t)("canvas.drone-top-item.category-drone-top","Drone Top")];t.addCustomEditor({category:e,id:"yawAngle",path:"config.yawAngle",name:(0,R.t)("canvas.drone-top-item.name-yaw-angle","Yaw Angle"),editor:Cn.A}).addCustomEditor({category:e,id:"fRightRotorRPM",path:"config.fRightRotorRPM",name:(0,R.t)("canvas.drone-top-item.name-front-right-rotor-rpm","Front Right Rotor RPM"),editor:Cn.A}).addCustomEditor({category:e,id:"fLeftRotorRPM",path:"config.fLeftRotorRPM",name:(0,R.t)("canvas.drone-top-item.name-front-left-rotor-rpm","Front Left Rotor RPM"),editor:Cn.A}).addCustomEditor({category:e,id:"bRightRotorRPM",path:"config.bRightRotorRPM",name:(0,R.t)("canvas.drone-top-item.name-back-right-rotor-rpm","Back Right Rotor RPM"),editor:Cn.A}).addCustomEditor({category:e,id:"bLeftRotorRPM",path:"config.bLeftRotorRPM",name:(0,R.t)("canvas.drone-top-item.name-back-left-rotor-rpm","Back Left Rotor RPM"),editor:Cn.A})}},dh=t=>({propeller:(0,H.css)({transformOrigin:"50% 50%",transformBox:"fill-box",display:"block","@keyframes spin":{from:{transform:"rotate(0deg)"},to:{transform:"rotate(360deg)"}}}),propellerCW:(0,H.css)({animationDirection:"normal"}),propellerCCW:(0,H.css)({animationDirection:"reverse"})}),fh={id:"ellipse",name:"Ellipse",description:"Ellipse",display:t=>{const{data:e}=t,n=hh(Ft.$W.theme2,e),r=(0,Hi.A)();return(0,y.jsxs)("div",{className:n.container,children:[(0,y.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 200 200",width:"100%",height:"100%",preserveAspectRatio:"none",children:[(0,y.jsxs)("defs",{children:[(0,y.jsx)("pattern",{id:`image-${r}`,patternUnits:"userSpaceOnUse",width:"200",height:"200",children:(0,y.jsx)("image",{xlinkHref:e?.backgroundImage,x:"-50",y:"-50",width:"300",height:"300"})}),(0,y.jsx)("clipPath",{id:`ellipseClip-${r}`,children:(0,y.jsx)("ellipse",{cx:"50%",cy:"50%",rx:"50%",ry:"50%"})})]}),(0,y.jsx)("rect",{x:"0",y:"0",width:"100%",height:"100%",clipPath:`url(#ellipseClip-${r})`,style:{fill:"none"}}),(0,y.jsx)("ellipse",{cx:"50%",cy:"50%",rx:"50%",ry:"50%",style:{fill:e?.backgroundImage?`url(#image-${r})`:e?.backgroundColor}}),(0,y.jsx)("ellipse",{cx:"50%",cy:"50%",rx:"50%",ry:"50%",clipPath:`url(#ellipseClip-${r})`,className:n.elementBorder})]}),(0,y.jsx)("span",{className:n.text,children:e?.text})]})},defaultSize:{width:160,height:160},getNewOptions:t=>({...t,background:{color:{fixed:Ut}},config:{align:ot.Center,valign:lt.Middle,color:{fixed:wr}},placement:{width:t?.placement?.width??160,height:t?.placement?.height??138,top:t?.placement?.top,left:t?.placement?.left,rotation:t?.placement?.rotation??0},links:t?.links??[]}),prepareData:(t,e)=>{const n=e.config,r={text:n?.text?t.getText(n.text).value():"",field:n?.text?.field,align:n?.align??ot.Center,valign:n?.valign??lt.Middle,size:n?.size};n?.color&&(r.color=t.getColor(n.color).value());const{background:i,border:a}=e;return r.backgroundColor=i?.color?t.getColor(i.color).value():Ut,r.borderColor=a?.color?t.getColor(a.color).value():Ut,r.borderWidth=a?.width??0,r.backgroundImage=i?.image?t.getResource(i.image).value():void 0,r},registerOptionsUI:t=>{const e=[(0,R.t)("canvas.ellipse-item.category-ellipse","Ellipse")];t.addCustomEditor({category:e,id:"textSelector",path:"config.text",name:(0,R.t)("canvas.ellipse-item.name-text","Text"),editor:pe.h}).addCustomEditor({category:e,id:"config.color",path:"config.color",name:(0,R.t)("canvas.ellipse-item.name-text-color","Text color"),editor:ae.N,settings:{},defaultValue:{}}).addRadio({category:e,path:"config.align",name:(0,R.t)("canvas.ellipse-item.name-align-text","Align text"),settings:{options:[{value:ot.Left,label:(0,R.t)("canvas.ellipse-item.label.left","Left")},{value:ot.Center,label:(0,R.t)("canvas.ellipse-item.label.center","Center")},{value:ot.Right,label:(0,R.t)("canvas.ellipse-item.label.right","Right")}]},defaultValue:ot.Left}).addRadio({category:e,path:"config.valign",name:(0,R.t)("canvas.ellipse-item.name-vertical-align","Vertical align"),settings:{options:[{value:lt.Top,label:(0,R.t)("canvas.ellipse-item.label.top","Top")},{value:lt.Middle,label:(0,R.t)("canvas.ellipse-item.label.middle","Middle")},{value:lt.Bottom,label:(0,R.t)("canvas.ellipse-item.label.bottom","Bottom")}]},defaultValue:lt.Middle}).addNumberInput({category:e,path:"config.size",name:(0,R.t)("canvas.ellipse-item.name-text-size","Text size"),settings:{placeholder:(0,R.t)("canvas.ellipse-item.placeholder.auto","Auto")}})},customConnectionAnchors:[{x:-1,y:0},{x:-.7,y:.7},{x:0,y:1},{x:.7,y:.7},{x:1,y:0},{x:.7,y:-.7},{x:0,y:-1},{x:-.7,y:-.7}]},hh=(t,e)=>{const n=e?.valign===lt.Middle?"50%":e?.valign===lt.Top?"10%":"90%",r=e?.align===ot.Center?"50%":e?.align===ot.Left?"10%":"90%",i=`translate(${e?.align===ot.Center?"-50%":e?.align===ot.Left?"10%":"-90%"}, ${e?.valign===lt.Middle?"-50%":e?.valign===lt.Top?"10%":"-90%"})`;return{container:(0,H.css)({height:"100%",width:"100%"}),text:(0,H.css)({position:"absolute",top:n,left:r,transform:i,fontSize:`${e?.size}px`,color:e?.color}),elementBorder:(0,H.css)({fill:"none",stroke:e?.borderColor??"none",strokeWidth:e?.borderWidth??0,strokeLinejoin:"round"})}};var vh=V(30868),Sl=V(44798),ph=V(20012);const gh=(0,H.css)({path:{vectorEffect:"non-scaling-stroke"}});function mh(t){const{data:e}=t;if(!e?.path)return null;const n={fill:e?.fill,stroke:e?.strokeColor,strokeWidth:e?.stroke,height:"100%",width:"100%"};return(0,y.jsx)(vh.y,{src:e.path,style:n,className:n.strokeWidth?gh:void 0})}const xh={id:"icon",name:"Icon",description:"SVG Icon display",display:mh,getNewOptions:t=>({...t,config:{path:{mode:Ct.q_.Fixed,fixed:"img/icons/unicons/question-circle.svg"},fill:{fixed:Ut}},background:{color:{fixed:"transparent"}},placement:{width:t?.placement?.width??100,height:t?.placement?.height??100,top:t?.placement?.top??100,left:t?.placement?.left??100,rotation:t?.placement?.rotation??0},links:t?.links??[]}),prepareData:(t,e)=>{const n=e.config;let r;n?.path&&(r=t.getResource(n.path).value()),(!r||!(0,de.isString)(r))&&(r=(0,ph.D)("img/icons/unicons/question-circle.svg"));const i={path:r,fill:n?.fill?t.getColor(n.fill).value():Ut};return n?.stroke?.width&&n?.stroke.color&&n.stroke.width>0&&(i.stroke=n.stroke?.width,i.strokeColor=t.getColor(n.stroke.color).value()),i},registerOptionsUI:t=>{const e=[(0,R.t)("canvas.icon-item.category-icon","Icon")];t.addCustomEditor({category:e,id:"iconSelector",path:"config.path",name:(0,R.t)("canvas.icon-item.name-svg-path","SVG Path"),editor:Sl.m,settings:{resourceType:"icon",maxFiles:2e3}}).addCustomEditor({category:e,id:"config.fill",path:"config.fill",name:(0,R.t)("canvas.icon-item.name-fill-color","Fill color"),editor:ae.N,settings:{},defaultValue:{fixed:"grey"}})}};var Yi=V(24120),El=V(62467),Dr=V(64400),wl=V(56755),Dl=V(48457);const yh={settings:{}},bh=t=>{const{data:e,isSelected:n,config:r}=t,i=(0,_t.of)(Ml(e)),a=(0,Dr.d2)(),o=a.instanceState?.scene;let s;s=a.instanceState?.scene?.data.series;const l=(0,Yi.A)(o?.editModeEnabled??(0,El.of)(!1)),c=()=>s&&r.text?.field&&u()?"Field not found":s&&r.text?.field&&!e?.text?"No data":e?.text?e.text:"Double click to set field",u=()=>{const d=(0,wl.BP)(s);return!(0,wl.v3)(r.text?.field,d)};return l&&n?(0,y.jsx)(Ch,{...t}):(0,y.jsx)("div",{className:i.container,children:(0,y.jsx)("span",{className:i.span,children:c()})})},Ch=t=>{let{data:e,config:n}=t;const r=(0,Dr.d2)();let i;i=r.instanceState?.scene?.data.series;const a=(0,F.useCallback)(s=>{let l;if(l=r.instanceState?.selected[0],l){const c=l.options;l.onChange({...c,config:{...c.config,text:{fixed:"",field:s,mode:Ct.RU.Field}},background:{color:{field:s,fixed:c.background?.color?.fixed??""}}});const u=r.instanceState?.scene;u&&(u.editModeEnabled.next(!1),u.updateData(u.data))}},[r.instanceState?.scene,r.instanceState?.selected]),o=(0,_t.of)(Ml(e));return(0,y.jsx)("div",{className:o.inlineEditorContainer,children:i&&(0,y.jsx)(Dl.O,{context:{data:i},value:n.text?.field??"",onChange:a,item:yh})})},Ml=t=>e=>({container:(0,H.css)({position:"absolute",height:"100%",width:"100%",display:"table"}),inlineEditorContainer:(0,H.css)({height:"100%",width:"100%",display:"flex",alignItems:"center",padding:e.spacing(1)}),span:(0,H.css)({display:"table-cell",verticalAlign:t?.valign,textAlign:t?.align,fontSize:`${t?.size}px`,color:t?.color})}),si={id:"metric-value",name:"Metric Value",description:"Display a field value",display:bh,hasEditMode:!0,defaultSize:{width:260,height:50},getNewOptions:t=>({...t,config:{align:ot.Center,valign:lt.Middle,color:{fixed:wr},text:{mode:Ct.RU.Field,fixed:"",field:""},size:20},background:{color:{fixed:Ut}},placement:{width:t?.placement?.width,height:t?.placement?.height,top:t?.placement?.top??100,left:t?.placement?.left??100,rotation:t?.placement?.rotation??0},links:t?.links??[]}),prepareData:(t,e)=>{const n=e.config,r={text:n?.text?t.getText(n.text).value():"",field:n?.text?.field,align:n?.align??ot.Center,valign:n?.valign??lt.Middle,size:n?.size};return n?.color&&(r.color=t.getColor(n.color).value()),r},registerOptionsUI:t=>{const e=[(0,R.t)("canvas.category-metric-value","Metric value")];t.addCustomEditor({category:e,id:"textSelector",path:"config.text",name:(0,R.t)("canvas.name-text","Text"),editor:pe.h}).addCustomEditor({category:e,id:"config.color",path:"config.color",name:(0,R.t)("canvas.name-color","Text color"),editor:ae.N,settings:{},defaultValue:{}}).addRadio({category:e,path:"config.align",name:(0,R.t)("canvas.name-align-text","Align text"),settings:{options:[{value:ot.Left,label:(0,R.t)("canvas.metric-value-item.label.left","Left")},{value:ot.Center,label:(0,R.t)("canvas.metric-value-item.label.center","Center")},{value:ot.Right,label:(0,R.t)("canvas.metric-value-item.label.right","Right")}]},defaultValue:ot.Left}).addRadio({category:e,path:"config.valign",name:(0,R.t)("canvas.name-vertical-align","Vertical align"),settings:{options:[{value:lt.Top,label:(0,R.t)("canvas.metric-value-item.label.top","Top")},{value:lt.Middle,label:(0,R.t)("canvas.metric-value-item.label.middle","Middle")},{value:lt.Bottom,label:(0,R.t)("canvas.metric-value-item.label.bottom","Bottom")}]},defaultValue:lt.Middle}).addNumberInput({category:e,path:"config.size",name:(0,R.t)("canvas.name-text-size","Text size"),settings:{placeholder:(0,R.t)("canvas.metric-value-item.placeholder.auto","Auto")}})}},Sh={id:"parallelogram",name:"Parallelogram",description:"Parallelogram",display:t=>{const{data:e}=t,n=Eh(Ft.$W.theme2,e),r=(0,Hi.A)();return(0,y.jsxs)("div",{className:n.container,children:[(0,y.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 250 150",width:"100%",height:"100%",preserveAspectRatio:"none",children:[(0,y.jsxs)("defs",{children:[(0,y.jsx)("pattern",{id:`image-${r}`,patternUnits:"userSpaceOnUse",width:"250",height:"150",children:(0,y.jsx)("image",{xlinkHref:e?.backgroundImage,x:"-50",y:"-50",width:"350",height:"200"})}),(0,y.jsx)("clipPath",{id:`parallelogramClip-${r}`,children:(0,y.jsx)("polygon",{points:"0,150 50,0 250,0 200,150"})})]}),(0,y.jsx)("rect",{x:"0",y:"0",width:"100%",height:"100%",clipPath:`url(#parallelogramClip-${r})`,style:{fill:"none"}}),(0,y.jsx)("polygon",{points:"0,150 50,0 250,0 200,150",style:{fill:e?.backgroundImage?`url(#image-${r})`:e?.backgroundColor}}),(0,y.jsx)("polygon",{points:"0,150 50,0 250,0 200,150",clipPath:`url(#parallelogramClip-${r})`,className:n.elementBorder})]}),(0,y.jsx)("span",{className:n.text,children:e?.text})]})},defaultSize:{width:250,height:150},getNewOptions:t=>({...t,background:{color:{fixed:Ut}},config:{align:ot.Center,valign:lt.Middle,color:{fixed:wr}},placement:{width:t?.placement?.width??250,height:t?.placement?.height??150,top:t?.placement?.top,left:t?.placement?.left,rotation:t?.placement?.rotation??0},links:t?.links??[]}),prepareData:(t,e)=>{const n=e.config,r={text:n?.text?t.getText(n.text).value():"",field:n?.text?.field,align:n?.align??ot.Center,valign:n?.valign??lt.Middle,size:n?.size};n?.color&&(r.color=t.getColor(n.color).value());const{background:i,border:a}=e;return r.backgroundColor=i?.color?t.getColor(i.color).value():Ut,r.borderColor=a?.color?t.getColor(a.color).value():Ut,r.borderWidth=a?.width??0,r.backgroundImage=i?.image?t.getResource(i.image).value():void 0,r},registerOptionsUI:t=>{const e=[(0,R.t)("canvas.parallelogram-item.category-parallelogram","Parallelogram")];t.addCustomEditor({category:e,id:"textSelector",path:"config.text",name:(0,R.t)("canvas.parallelogram-item.name-text","Text"),editor:pe.h}).addCustomEditor({category:e,id:"config.color",path:"config.color",name:(0,R.t)("canvas.parallelogram-item.name-text-color","Text color"),editor:ae.N,settings:{},defaultValue:{}}).addRadio({category:e,path:"config.align",name:(0,R.t)("canvas.parallelogram-item.name-align-text","Align text"),settings:{options:[{value:ot.Left,label:(0,R.t)("canvas.parallelogram-item.label.left","Left")},{value:ot.Center,label:(0,R.t)("canvas.parallelogram-item.label.center","Center")},{value:ot.Right,label:(0,R.t)("canvas.parallelogram-item.label.right","Right")}]},defaultValue:ot.Left}).addRadio({category:e,path:"config.valign",name:(0,R.t)("canvas.parallelogram-item.name-vertical-align","Vertical align"),settings:{options:[{value:lt.Top,label:(0,R.t)("canvas.parallelogram-item.label.top","Top")},{value:lt.Middle,label:(0,R.t)("canvas.parallelogram-item.label.middle","Middle")},{value:lt.Bottom,label:(0,R.t)("canvas.parallelogram-item.label.bottom","Bottom")}]},defaultValue:lt.Middle}).addNumberInput({category:e,path:"config.size",name:(0,R.t)("canvas.parallelogram-item.name-text-size","Text size"),settings:{placeholder:(0,R.t)("canvas.parallelogram-item.placeholder.auto","Auto")}})},customConnectionAnchors:[{x:-.6,y:1},{x:-.1,y:1},{x:.5,y:1},{x:1,y:1},{x:.925,y:.6},{x:.84,y:.2},{x:.76,y:-.2},{x:.675,y:-.6},{x:-.5,y:-1},{x:.1,y:-1},{x:.6,y:-1},{x:-1,y:-1},{x:-.925,y:-.6},{x:-.84,y:-.2},{x:-.76,y:.2},{x:-.675,y:.6}]},Eh=(t,e)=>{const n=e?.valign===lt.Middle?"50%":e?.valign===lt.Top?"10%":"90%",r=e?.align===ot.Center?"50%":e?.align===ot.Left?"10%":"90%",i=`translate(${e?.align===ot.Center?"-50%":e?.align===ot.Left?"10%":"-90%"}, ${e?.valign===lt.Middle?"-50%":e?.valign===lt.Top?"10%":"-90%"})`;return{container:(0,H.css)({height:"100%",width:"100%"}),text:(0,H.css)({position:"absolute",top:n,left:r,transform:i,fontSize:`${e?.size}px`,color:e?.color}),elementBorder:(0,H.css)({fill:"none",stroke:e?.borderColor??"none",strokeWidth:e?.borderWidth??0,strokeLinejoin:"round"})}},Tl=(0,F.memo)(({data:t})=>{const e=(0,_t.of)(wh,t);return(0,y.jsx)("div",{className:e.container,children:(0,y.jsx)("span",{className:e.span,children:t?.text})})});Tl.displayName="RectangleDisplay";const wh=(t,e)=>({container:(0,H.css)({position:"absolute",height:"100%",width:"100%",display:"table"}),span:(0,H.css)({display:"table-cell",verticalAlign:e?.valign,textAlign:e?.align,fontSize:`${e?.size}px`,color:e?.color})}),Dh={id:"rectangle",name:"Rectangle",description:"Rectangle",display:Tl,defaultSize:{width:240,height:160},getNewOptions:t=>({...t,config:{align:ot.Center,valign:lt.Middle,color:{fixed:wr}},background:{color:{fixed:Ut}},links:t?.links??[]}),prepareData:(t,e)=>{const n=e.config,r={text:n?.text?t.getText(n.text).value():"",field:n?.text?.field,align:n?.align??ot.Center,valign:n?.valign??lt.Middle,size:n?.size};return n?.color&&(r.color=t.getColor(n.color).value()),r},registerOptionsUI:t=>{const e=[(0,R.t)("canvas.rectangle-item.category-rectangle","Rectangle")];t.addCustomEditor({category:e,id:"textSelector",path:"config.text",name:(0,R.t)("canvas.rectangle-item.name-text","Text"),editor:pe.h}).addCustomEditor({category:e,id:"config.color",path:"config.color",name:(0,R.t)("canvas.rectangle-item.name-text-color","Text color"),editor:ae.N,settings:{},defaultValue:{}}).addRadio({category:e,path:"config.align",name:(0,R.t)("canvas.rectangle-item.name-align-text","Align text"),settings:{options:[{value:ot.Left,label:(0,R.t)("canvas.rectangle-item.label.left","Left")},{value:ot.Center,label:(0,R.t)("canvas.rectangle-item.label.center","Center")},{value:ot.Right,label:(0,R.t)("canvas.rectangle-item.label.right","Right")}]},defaultValue:ot.Left}).addRadio({category:e,path:"config.valign",name:(0,R.t)("canvas.rectangle-item.name-vertical-align","Vertical align"),settings:{options:[{value:lt.Top,label:(0,R.t)("canvas.rectangle-item.label.top","Top")},{value:lt.Middle,label:(0,R.t)("canvas.rectangle-item.label.middle","Middle")},{value:lt.Bottom,label:(0,R.t)("canvas.rectangle-item.label.bottom","Bottom")}]},defaultValue:lt.Middle}).addNumberInput({category:e,path:"config.size",name:(0,R.t)("canvas.rectangle-item.name-text-size","Text size"),settings:{placeholder:(0,R.t)("canvas.rectangle-item.placeholder.auto","Auto")}})}},Mh=t=>{const e=(0,_t.of)(Ki(t));return(0,y.jsxs)("g",{className:e.outline,children:[(0,y.jsxs)("g",{className:e.server,children:[(0,y.jsx)("path",{d:"m2.6953 37.5v20.883c0 7.6725 15.592 13.922 34.805 13.922s34.805-6.2493 34.805-13.922v-20.883"}),(0,y.jsx)("path",{d:"m2.6953 16.617v20.883c0 7.7035 15.592 13.922 34.805 13.922s34.805-6.2184 34.805-13.922v-20.883"}),(0,y.jsx)("path",{d:"m37.5 30.539c19.212 0 34.805-6.2185 34.805-13.922 0-7.7034-15.592-13.922-34.805-13.922s-34.805 6.2184-34.805 13.922c0 7.7035 15.592 13.922 34.805 13.922z"})]}),(0,y.jsxs)("g",{className:e.circleBack,children:[(0,y.jsx)("path",{transform:"matrix(2.7868 0 0 2.7868 -132.86 -110.58)",d:"m62.198 60.586c.6388 0 1.1558.5171 1.1558 1.1559 0 .6387-.517 1.1558-1.1558 1.1558-.6387 0-1.1558-.5171-1.1558-1.1558 0-.6388.5171-1.1559 1.1558-1.1559z"}),(0,y.jsx)("path",{transform:"matrix(2.7868 0 0 2.7868 -122.04 -111.7)",d:"m62.198 60.586c.6388 0 1.1558.5171 1.1558 1.1559 0 .6387-.517 1.1558-1.1558 1.1558-.6387 0-1.1558-.5171-1.1558-1.1558 0-.6388.5171-1.1559 1.1558-1.1559z"}),(0,y.jsx)("path",{transform:"matrix(2.7868 0 0 2.7868 -111.21 -114.77)",d:"m62.198 60.586c.6388 0 1.1558.5171 1.1558 1.1559 0 .6387-.517 1.1558-1.1558 1.1558-.6387 0-1.1558-.5171-1.1558-1.1558 0-.6388.5171-1.1559 1.1558-1.1559z"})]}),(0,y.jsxs)("g",{className:e.circle,children:[(0,y.jsx)("path",{transform:"matrix(1.4922 0 0 1.4922 -52.337 -30.65)",d:"m62.198 60.586c.6388 0 1.1558.5171 1.1558 1.1559 0 .6387-.517 1.1558-1.1558 1.1558-.6387 0-1.1558-.5171-1.1558-1.1558 0-.6388.5171-1.1559 1.1558-1.1559z"}),(0,y.jsx)("path",{transform:"matrix(1.4922 0 0 1.4922 -41.518 -31.769)",d:"m62.198 60.586c.6388 0 1.1558.5171 1.1558 1.1559 0 .6387-.517 1.1558-1.1558 1.1558-.6387 0-1.1558-.5171-1.1558-1.1558 0-.6388.5171-1.1559 1.1558-1.1559z"}),(0,y.jsx)("path",{transform:"matrix(1.4922 0 0 1.4922 -30.688 -34.842)",d:"m62.198 60.586c.6388 0 1.1558.5171 1.1558 1.1559 0 .6387-.517 1.1558-1.1558 1.1558-.6387 0-1.1558-.5171-1.1558-1.1558 0-.6388.5171-1.1559 1.1558-1.1559z"})]})]})},Th=t=>{const e=(0,_t.of)(Ki(t));return(0,y.jsx)("g",{children:(0,y.jsxs)("g",{className:e.outline,transform:"matrix(1.01 0 0 1.01 -.375 -.375)",children:[(0,y.jsxs)("g",{className:e.server,children:[(0,y.jsx)("path",{d:"m3.2812 55.659 9.125-52.377h50.188l9.125 52.377"}),(0,y.jsx)("path",{d:"m3.2812 56.328c0-2.5246 2.0379-4.5625 4.5625-4.5625h59.313c2.5245 0 4.5625 2.0379 4.5625 4.5625v10.828c0 2.5245-2.038 4.5625-4.5625 4.5625h-59.313c-2.5246 0-4.5625-2.038-4.5625-4.5625z"})]}),(0,y.jsx)("path",{d:"m12.406 61.742h30.69"}),(0,y.jsx)("path",{d:"m52.8 51.765v19.953"}),(0,y.jsx)("path",{className:e.circleBack,transform:"matrix(2.7592 0 0 2.7592 -109.42 -108.61)",d:"m62.198 60.586c.6388 0 1.1558.5171 1.1558 1.1559 0 .6387-.517 1.1558-1.1558 1.1558-.6387 0-1.1558-.5171-1.1558-1.1558 0-.6388.5171-1.1559 1.1558-1.1559z"}),(0,y.jsx)("path",{className:e.circle,transform:"matrix(1.4775 0 0 1.4775 -29.697 -29.479)",d:"m62.198 60.586c.6388 0 1.1558.5171 1.1558 1.1559 0 .6387-.517 1.1558-1.1558 1.1558-.6387 0-1.1558-.5171-1.1558-1.1558 0-.6388.5171-1.1559 1.1558-1.1559z"})]})})},kh=t=>{const e=(0,_t.of)(Ki(t));return(0,y.jsxs)("g",{className:e.outline,transform:"translate(.5 .49865)",children:[(0,y.jsxs)("g",{className:e.server,children:[(0,y.jsx)("path",{d:"m3.4834 21.768 8.0783-19.456h50.875l8.0784 19.456"}),(0,y.jsx)("path",{d:"m2.3125 24.852c0-2.5592 2.0658-4.625 4.625-4.625h60.125c2.5592 0 4.625 2.0658 4.625 4.625v7.8933c0 2.5592-2.0658 4.625-4.625 4.625h-60.125c-2.5592 0-4.625-2.0658-4.625-4.625z"}),(0,y.jsx)("path",{d:"m2.3125 42.031c0-2.5592 2.0658-4.6251 4.625-4.6251h60.125c2.5592 0 4.625 2.0659 4.625 4.6251v7.8933c0 2.5592-2.0658 4.625-4.625 4.625h-60.125c-2.5592 0-4.625-2.0658-4.625-4.625z"}),(0,y.jsx)("path",{d:"m2.3125 59.172c0-2.5592 2.0658-4.625 4.625-4.625h60.125c2.5592 0 4.625 2.0658 4.625 4.625v7.8933c0 2.5592-2.0658 4.625-4.625 4.625h-60.125c-2.5592 0-4.625-2.0658-4.625-4.625z"})]}),(0,y.jsx)("path",{d:"m11.562 28.797h31.111"}),(0,y.jsx)("path",{d:"m52.508 20.227v17.143"}),(0,y.jsx)("path",{d:"m11.562 63.117h31.111"}),(0,y.jsx)("path",{d:"m52.508 54.547v17.143"}),(0,y.jsx)("path",{d:"m11.562 45.977h31.111"}),(0,y.jsx)("path",{d:"m52.508 37.406v17.143"}),(0,y.jsxs)("g",{className:e.circleBack,children:[(0,y.jsx)("path",{transform:"matrix(2.7868 0 0 2.7868 -111.31 -143.2)",d:"m62.198 60.586c.6388 0 1.1558.5171 1.1558 1.1559 0 .6387-.517 1.1558-1.1558 1.1558-.6387 0-1.1558-.5171-1.1558-1.1558 0-.6388.5171-1.1559 1.1558-1.1559z"}),(0,y.jsx)("path",{transform:"matrix(2.7868 0 0 2.7868 -111.31 -126.14)",d:"m62.198 60.586c.6388 0 1.1558.5171 1.1558 1.1559 0 .6387-.517 1.1558-1.1558 1.1558-.6387 0-1.1558-.5171-1.1558-1.1558 0-.6388.5171-1.1559 1.1558-1.1559z"}),(0,y.jsx)("path",{transform:"matrix(2.7868 0 0 2.7868 -111.31 -108.86)",d:"m62.198 60.586c.6388 0 1.1558.5171 1.1558 1.1559 0 .6387-.517 1.1558-1.1558 1.1558-.6387 0-1.1558-.5171-1.1558-1.1558 0-.6388.5171-1.1559 1.1558-1.1559z"})]}),(0,y.jsxs)("g",{className:e.circle,children:[(0,y.jsx)("path",{transform:"matrix(1.4922 0 0 1.4922 -30.794 -63.277)",d:"m62.198 60.586c.6388 0 1.1558.5171 1.1558 1.1559 0 .6387-.517 1.1558-1.1558 1.1558-.6387 0-1.1558-.5171-1.1558-1.1558 0-.6388.5171-1.1559 1.1558-1.1559z"}),(0,y.jsx)("path",{transform:"matrix(1.4922 0 0 1.4922 -30.794 -46.209)",d:"m62.198 60.586c.6388 0 1.1558.5171 1.1558 1.1559 0 .6387-.517 1.1558-1.1558 1.1558-.6387 0-1.1558-.5171-1.1558-1.1558 0-.6388.5171-1.1559 1.1558-1.1559z"}),(0,y.jsx)("path",{transform:"matrix(1.4922 0 0 1.4922 -30.794 -28.93)",d:"m62.198 60.586c.6388 0 1.1558.5171 1.1558 1.1559 0 .6387-.517 1.1558-1.1558 1.1558-.6387 0-1.1558-.5171-1.1558-1.1558 0-.6388.5171-1.1559 1.1558-1.1559z"})]})]})},Rh=t=>{const e=(0,_t.of)(Ki(t));return(0,y.jsxs)("g",{className:e.outline,children:[(0,y.jsxs)("g",{className:e.server,children:[(0,y.jsx)("path",{d:"m5.3125 9.6562c0-3.5621 2.8754-6.4375 6.4375-6.4375h51.5c3.5621 0 6.4375 2.8754 6.4375 6.4375v28.625c0 3.5621-2.8754 6.4375-6.4375 6.4375h-51.5c-3.5621 0-6.4375-2.8754-6.4375-6.4375z"}),(0,y.jsx)("path",{d:"m2.8125 59.859c0-2.5592 2.0658-4.625 4.625-4.625h60.125c2.5592 0 4.625 2.0658 4.625 4.625v7.8933c0 2.5592-2.0658 4.625-4.625 4.625h-60.125c-2.5592 0-4.625-2.0658-4.625-4.625z"})]}),(0,y.jsx)("path",{d:"m37.5 46.719v2.875"}),(0,y.jsx)("path",{d:"m24.625 51.343h25.75"}),(0,y.jsx)("path",{d:"m12.062 63.804h31.111"}),(0,y.jsx)("path",{d:"m53.008 55.234v17.143"}),(0,y.jsx)("path",{className:e.circleBack,transform:"matrix(2.7868 0 0 2.7868 -110.81 -108.2)",d:"m62.198 60.586c.6388 0 1.1558.5171 1.1558 1.1559 0 .6387-.517 1.1558-1.1558 1.1558-.6387 0-1.1558-.5171-1.1558-1.1558 0-.6388.5171-1.1559 1.1558-1.1559z"}),(0,y.jsx)("path",{className:e.circle,transform:"matrix(1.4922 0 0 1.4922 -30.294 -28.27)",d:"m62.198 60.586c.6388 0 1.1558.5171 1.1558 1.1559 0 .6387-.517 1.1558-1.1558 1.1558-.6387 0-1.1558-.5171-1.1558-1.1558 0-.6388.5171-1.1559 1.1558-1.1559z"})]})};var Ah=(t=>(t.Single="Single",t.Stack="Stack",t.Database="Database",t.Terminal="Terminal",t))(Ah||{});const kl=Ft.Ay.theme2.colors.text.primary,Oh={id:"server",name:"Server",description:"Basic server with status",display:({data:t})=>t?(0,y.jsx)("svg",{viewBox:"0 0 75 75",children:t.type==="Single"?(0,y.jsx)(Th,{...t}):t.type==="Stack"?(0,y.jsx)(kh,{...t}):t.type==="Database"?(0,y.jsx)(Mh,{...t}):t.type==="Terminal"?(0,y.jsx)(Rh,{...t}):null}):null,defaultSize:{width:100,height:100},getNewOptions:t=>({...t,background:{color:{fixed:"transparent"}},placement:{width:t?.placement?.width??100,height:t?.placement?.height??100,top:t?.placement?.top,left:t?.placement?.left,rotation:t?.placement?.rotation??0},config:{type:"Single"},links:t?.links??[]}),prepareData:(t,e)=>{const n=e.config;return{blinkRate:n?.blinkRate?t.getScalar(n.blinkRate).value():0,statusColor:n?.statusColor?t.getColor(n.statusColor).value():"transparent",bulbColor:n?.bulbColor?t.getColor(n.bulbColor).value():"green",type:n?.type??"Single"}},registerOptionsUI:t=>{const e=[(0,R.t)("canvas.server-item.category-server","Server")];t.addSelect({category:e,path:"config.type",name:(0,R.t)("canvas.server-item.name-type","Type"),settings:{options:[{value:"Single",label:(0,R.t)("canvas.server-item.type-options.label-single","Single")},{value:"Stack",label:(0,R.t)("canvas.server-item.type-options.label-stack","Stack")},{value:"Database",label:(0,R.t)("canvas.server-item.type-options.label-database","Database")},{value:"Terminal",label:(0,R.t)("canvas.server-item.type-options.label-terminal","Terminal")}]},defaultValue:"Single"}).addCustomEditor({category:e,id:"statusColor",path:"config.statusColor",name:(0,R.t)("canvas.server-item.name-status-color","Status color"),editor:ae.N,settings:{},defaultValue:{fixed:"transparent"}}).addCustomEditor({category:e,id:"bulbColor",path:"config.bulbColor",name:(0,R.t)("canvas.server-item.name-bulb-color","Bulb color"),editor:ae.N,settings:{},defaultValue:{fixed:"green"}}).addCustomEditor({category:e,id:"blinkRate",path:"config.blinkRate",name:(0,R.t)("canvas.server-item.name-blink-rate","Blink rate [hz] (0 = off)"),editor:Cn.A,settings:{min:0,max:100}})}},Ki=t=>e=>({bulb:(0,H.css)({"@keyframes blink":{"0%":{fillOpacity:0},"50%":{fillOpacity:1},"100%":{fillOpacity:0}}}),server:(0,H.css)({fill:t?.statusColor??"transparent"}),circle:(0,H.css)({[e.transitions.handleMotion("no-preference","reduce")]:{animation:`blink ${t?.blinkRate?1/t.blinkRate:0}s infinite step-end`},fill:t?.bulbColor,stroke:"none"}),circleBack:(0,H.css)({fill:kl,stroke:"none",opacity:1}),outline:(0,H.css)({stroke:kl,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"4px"})}),_h=t=>{const{data:e,isSelected:n}=t,r=(0,_t.of)(Rl(e)),a=(0,Dr.d2)().instanceState?.scene;return(0,Yi.A)(a?.editModeEnabled??(0,El.of)(!1))&&n?(0,y.jsx)(Lh,{...t}):(0,y.jsx)("div",{className:r.container,children:(0,y.jsx)("span",{className:r.span,children:e?.text?e.text:(0,R.t)("canvas.text-display.double-click-to-set","Double click to set text")})})},Lh=t=>{let{data:e,config:n}=t;const r=(0,Dr.d2)();let i;i=r.instanceState?.scene?.data.series;const a=(0,F.useRef)(n.text?.fixed??"");(0,F.useEffect)(()=>()=>{l(a.current)});const o=u=>{if(u.key==="Enter"){u.preventDefault();const d=r.instanceState?.scene;d&&d.editModeEnabled.next(!1)}},s=u=>{a.current=u.currentTarget.value},l=(0,F.useCallback)(u=>{let d;if(d=r.instanceState?.selected[0],d){const f=d.options;d.onChange({...f,config:{...f.config,text:{...d.options.config.text,fixed:u}}});const h=r.instanceState?.scene;h&&h.updateData(h.data)}},[r.instanceState?.scene,r.instanceState?.selected]),c=(0,_t.of)(Rl(e));return(0,y.jsx)("div",{className:c.inlineEditorContainer,children:i&&(0,y.jsx)(Qn.p,{defaultValue:n.text?.fixed??"",onKeyDown:o,onKeyUp:s,autoFocus:!0})})},Rl=t=>e=>({container:(0,H.css)({position:"absolute",height:"100%",width:"100%",display:"table"}),inlineEditorContainer:(0,H.css)({height:"100%",width:"100%",display:"flex",alignItems:"center",padding:e.spacing(1)}),span:(0,H.css)({display:"table-cell",verticalAlign:t?.valign,textAlign:t?.align,fontSize:`${t?.size}px`,color:t?.color})}),Ih={id:"text",name:"Text",description:"Display text",display:_h,hasEditMode:!0,defaultSize:{width:100,height:50},getNewOptions:t=>({...t,config:{align:ot.Center,valign:lt.Middle,color:{fixed:th},size:16},placement:{width:t?.placement?.width??100,height:t?.placement?.height??100,top:t?.placement?.top,left:t?.placement?.left,rotation:t?.placement?.rotation??0},links:t?.links??[]}),prepareData:(t,e)=>{const n=e.config,r={text:n?.text?t.getText(n.text).value():"",field:n?.text?.field,align:n?.align??ot.Center,valign:n?.valign??lt.Middle,size:n?.size};return n?.color&&(r.color=t.getColor(n.color).value()),r},registerOptionsUI:t=>{const e=[(0,R.t)("canvas.text-item.category-text","Text")];t.addCustomEditor({category:e,id:"textSelector",path:"config.text",name:(0,R.t)("canvas.text-item.name-text","Text"),editor:pe.h}).addCustomEditor({category:e,id:"config.color",path:"config.color",name:(0,R.t)("canvas.text-item.name-text-color","Text color"),editor:ae.N,settings:{},defaultValue:{}}).addRadio({category:e,path:"config.align",name:(0,R.t)("canvas.text-item.name-align-text","Align text"),settings:{options:[{value:ot.Left,label:(0,R.t)("canvas.text-item.label.left","Left")},{value:ot.Center,label:(0,R.t)("canvas.text-item.label.center","Center")},{value:ot.Right,label:(0,R.t)("canvas.text-item.label.right","Right")}]},defaultValue:ot.Left}).addRadio({category:e,path:"config.valign",name:(0,R.t)("canvas.text-item.name-vertical-align","Vertical align"),settings:{options:[{value:lt.Top,label:(0,R.t)("canvas.text-item.label.top","Top")},{value:lt.Middle,label:(0,R.t)("canvas.text-item.label.middle","Middle")},{value:lt.Bottom,label:(0,R.t)("canvas.text-item.label.bottom","Bottom")}]},defaultValue:lt.Middle}).addNumberInput({category:e,path:"config.size",name:(0,R.t)("canvas.text-item.name-text-size","Text size"),settings:{placeholder:(0,R.t)("canvas.text-item.placeholder.auto","Auto")}})}},Ph={id:"triangle",name:"Triangle",description:"Triangle",display:t=>{const{data:e}=t,n=zh(Ft.$W.theme2,e),r=(0,Hi.A)();return(0,y.jsxs)("div",{className:n.container,children:[(0,y.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 200 200",width:"100%",height:"100%",preserveAspectRatio:"none",children:[(0,y.jsxs)("defs",{children:[(0,y.jsx)("pattern",{id:`image-${r}`,patternUnits:"userSpaceOnUse",width:"200",height:"200",children:(0,y.jsx)("image",{xlinkHref:e?.backgroundImage,x:"-50",y:"-50",width:"300",height:"300"})}),(0,y.jsx)("clipPath",{id:`triangleClip-${r}`,children:(0,y.jsx)("polygon",{points:"100,0 200,200 0,200"})})]}),(0,y.jsx)("rect",{x:"0",y:"0",width:"100%",height:"100%",clipPath:`url(#triangleClip-${r})`,style:{fill:"none"}}),(0,y.jsx)("polygon",{points:"100,0 200,200 0,200",style:{fill:e?.backgroundImage?`url(#image-${r})`:e?.backgroundColor}}),(0,y.jsx)("polygon",{points:"100,0 200,200 0,200",clipPath:`url(#triangleClip-${r})`,className:n.elementBorder})]}),(0,y.jsx)("span",{className:n.text,children:e?.text})]})},defaultSize:{width:160,height:138},getNewOptions:t=>({...t,background:{color:{fixed:Ut}},config:{align:ot.Center,valign:lt.Middle,color:{fixed:wr}},placement:{width:t?.placement?.width??160,height:t?.placement?.height??138,top:t?.placement?.top,left:t?.placement?.left,rotation:t?.placement?.rotation??0},links:t?.links??[]}),prepareData:(t,e)=>{const n=e.config,r={text:n?.text?t.getText(n.text).value():"",field:n?.text?.field,align:n?.align??ot.Center,valign:n?.valign??lt.Middle,size:n?.size};n?.color&&(r.color=t.getColor(n.color).value());const{background:i,border:a}=e;return r.backgroundColor=i?.color?t.getColor(i.color).value():Ut,r.borderColor=a?.color?t.getColor(a.color).value():Ut,r.borderWidth=a?.width??0,r.backgroundImage=i?.image?t.getResource(i.image).value():void 0,r},registerOptionsUI:t=>{const e=[(0,R.t)("canvas.triangle-item.category-triangle","Triangle")];t.addCustomEditor({category:e,id:"textSelector",path:"config.text",name:(0,R.t)("canvas.triangle-item.name-text","Text"),editor:pe.h}).addCustomEditor({category:e,id:"config.color",path:"config.color",name:(0,R.t)("canvas.triangle-item.name-text-color","Text color"),editor:ae.N,settings:{},defaultValue:{}}).addRadio({category:e,path:"config.align",name:(0,R.t)("canvas.triangle-item.name-align-text","Align text"),settings:{options:[{value:ot.Left,label:(0,R.t)("canvas.triangle-item.label.left","Left")},{value:ot.Center,label:(0,R.t)("canvas.triangle-item.label.center","Center")},{value:ot.Right,label:(0,R.t)("canvas.triangle-item.label.right","Right")}]},defaultValue:ot.Left}).addRadio({category:e,path:"config.valign",name:(0,R.t)("canvas.triangle-item.name-vertical-align","Vertical align"),settings:{options:[{value:lt.Top,label:(0,R.t)("canvas.triangle-item.label.top","Top")},{value:lt.Middle,label:(0,R.t)("canvas.triangle-item.label.middle","Middle")},{value:lt.Bottom,label:(0,R.t)("canvas.triangle-item.label.bottom","Bottom")}]},defaultValue:lt.Middle}).addNumberInput({category:e,path:"config.size",name:(0,R.t)("canvas.triangle-item.name-text-size","Text size"),settings:{placeholder:(0,R.t)("canvas.triangle-item.placeholder.auto","Auto")}})},customConnectionAnchors:[{x:-1,y:-1},{x:-.8,y:-.6},{x:-.6,y:-.2},{x:-.4,y:.2},{x:-.2,y:.6},{x:0,y:1},{x:.2,y:.6},{x:.4,y:.2},{x:.6,y:-.2},{x:.8,y:-.6},{x:1,y:-1},{x:.6,y:-1},{x:.2,y:-1},{x:-.2,y:-1},{x:-.6,y:-1}]},zh=(t,e)=>{const n=e?.valign===lt.Middle?"50%":e?.valign===lt.Top?"10%":"90%",r=e?.align===ot.Center?"50%":e?.align===ot.Left?"10%":"90%",i=`translate(${e?.align===ot.Center?"-50%":e?.align===ot.Left?"10%":"-90%"}, ${e?.valign===lt.Middle?"-50%":e?.valign===lt.Top?"10%":"-90%"})`;return{container:(0,H.css)({height:"100%",width:"100%"}),text:(0,H.css)({position:"absolute",top:n,left:r,transform:i,fontSize:`${e?.size}px`,color:e?.color}),elementBorder:(0,H.css)({fill:"none",stroke:e?.borderColor??"none",strokeWidth:e?.borderWidth??0,strokeLinejoin:"round"})}},Nh={id:"windTurbine",name:"Wind Turbine",description:"Spinny spinny",display:({data:t})=>{const e=(0,_t.of)(Bh),n=`spin ${t?.rpm?60/Math.abs(t.rpm):0}s linear infinite`;return(0,y.jsxs)("svg",{viewBox:"0 0 189.326 283.989",preserveAspectRatio:"xMidYMid meet",style:{fill:Ut},children:[(0,y.jsxs)("symbol",{id:"blade",children:[(0,y.jsx)("path",{fill:"#e6e6e6",id:"blade-front",d:"M14.6491879,1.85011601 C14.2684455,-0.0535962877 10.7150812,-0.815081206 9.06473318,3.37308585 L0.434338747,70.7658933 L8.93805104,91.9607889 L15.4106729,90.437819 L17.5684455,78.3807425 L14.5218097,1.97679814 L14.6491879,1.85011601 Z"}),(0,y.jsx)("path",{fill:"#d0d6d7",id:"blade-side",d:"M11.0951276,0.581206497 C10.3336427,0.961948956 9.57215777,1.85011601 8.93735499,3.24640371 L0.306960557,70.6392111 L8.81067285,91.8341067 L3.35359629,70.0044084 L11.0951276,0.581206497 Z"})]}),(0,y.jsxs)("g",{children:[(0,y.jsxs)("g",{id:"structure",transform:"translate(58.123, 82.664)",fillRule:"nonzero",children:[(0,y.jsx)("polygon",{id:"tower",fill:"#e6e6e6",points:"33.111,10.984 39.965,10.984 44.28,196.176 28.796,196.176"}),(0,y.jsx)("path",{id:"yaw",fill:"rgba(0,0,0,0.25)",d:"M40.3454756,23.2948956 L40.7262181,34.8445476 C38.8225058,35.0986079 35.7765661,35.0986079 32.349884,34.337123 L32.7306265,23.2955916 L40.3454756,23.2955916 L40.3454756,23.2948956 Z"}),(0,y.jsx)("path",{id:"base",fill:"#d0d6d7",transform:"translate(0 42)",d:"M26.3846868,150.591647 L46.5640371,150.591647 C48.8484919,150.591647 50.7522042,152.49536 50.7522042,154.779814 L50.7522042,158.967981 L22.0691415,158.967981 L22.0691415,154.779814 C22.0691415,152.49536 23.9728538,150.591647 26.2573086,150.591647 L26.3846868,150.591647 Z"}),(0,y.jsx)("circle",{id:"nacelle",fill:"#e6e6e6",cx:"36.54",cy:"12",r:"11.93"}),(0,y.jsx)("circle",{id:"gearbox",fill:"none",stroke:"#d0d6d7",strokeWidth:"2.75",cx:"36.538",cy:"11.999",r:"5.8"})]}),(0,y.jsxs)("g",{className:e.blade,style:{animation:n},children:[(0,y.jsx)("use",{id:"blade1",href:"#blade",x:"83.24",y:"0"}),(0,y.jsx)("use",{id:"blade2",href:"#blade",x:"83.24",y:"0",transform:"rotate(120 94.663 94.663)"}),(0,y.jsx)("use",{id:"blade3",href:"#blade",x:"83.24",y:"0",transform:"rotate(-120 94.663 94.663)"})]})]})]})},defaultSize:{width:100,height:155},getNewOptions:t=>({...t,background:{color:{fixed:"transparent"}},placement:{width:t?.placement?.width??100,height:t?.placement?.height??155,top:t?.placement?.top,left:t?.placement?.left,rotation:t?.placement?.rotation??0},links:t?.links??[]}),prepareData:(t,e)=>{const n=e.config;return{rpm:n?.rpm?t.getScalar(n.rpm).value():0}},registerOptionsUI:t=>{const e=[(0,R.t)("canvas.wind-turbine-item.category-wind-turbine","Wind Turbine")];t.addCustomEditor({category:e,id:"rpm",path:"config.rpm",name:(0,R.t)("canvas.wind-turbine-item.name-rpm","RPM"),editor:Cn.A})}},Bh=t=>({blade:(0,H.css)({transformOrigin:"94.663px 94.663px",transform:"rotate(15deg)","@keyframes spin":{from:{transform:"rotate(0deg)"},to:{transform:"rotate(360deg)"}}})}),oo={...si.getNewOptions(),placement:{...si.getNewOptions().placement,...si.defaultSize},type:si.id,name:"Element 1"},Xi=[si,Ih,fh,Dh,xh,Oh,Ph,ih,Sh],Al=[rh,Nh,uh,oh,lh],li=new ei.O(()=>[...Xi,...Al]);var be=V(79609),Ol=V(85891),so=V(95004),jh=V(60519),Vh=V(71599),Fh=V(81538),Gh=V(55142),Mr=V(73163);let Wh=0;const lo=new Set(["parallelogram","triangle","cloud","ellipse"]);class Ui{constructor(e,n,r){this.item=e,this.options=n,this.parent=r,this.UID=Wh++,this.revId=0,this.sizeStyle={},this.dataStyle={},this.oneClickMode=be.yd.Off,this.showActionConfirmation=!1,this.showActionVarsModal=!1,this.actionVars={},this.setActionVars=o=>{this.actionVars=o,this.forceUpdate()},this.initElement=o=>{this.div=o,this.applyLayoutStylesToDiv()},this.applyDrag=o=>{const s=this.options.constraint?.horizontal===W.en.Center,l=this.options.constraint?.vertical===W.gR.Center;if((s||l)&&!((this.getScene()?.selecto?.getSelectedTargets().length??0)>1)){const f=this.div?.getBoundingClientRect()?.height??100,h=l?f/4:0;o.target.style.transform=`translate(${o.translate[0]}px, ${o.translate[1]-h}px)`;return}o.target.style.transform=o.transform},this.applyRotate=o=>{const s=o.delta,l=this.options.placement,u=(l.rotation??0)+s;l.rotation=u-Math.floor(u/360)*360,o.target.style.transform=o.transform},this.applyResize=o=>{const s=this.options.placement,l=o.target.style;let c=o.delta[0],u=o.delta[1],d=o.direction[0],f=o.direction[1];if(s.rotation){const v=(s.rotation??0)*Math.PI/180,p=d,g=f;d=Math.sign(p*Math.cos(v)-g*Math.sin(v)),f=Math.sign(p*Math.sin(v)+g*Math.cos(v))}d===1?(s.width=o.width,l.width=`${s.width}px`):d===-1&&(s.left-=c,s.width=o.width,Ft.$W.featureToggles.canvasPanelPanZoom?l.transform=`translate(${s.left}px, ${s.top}px) rotate(${s.rotation??0}deg)`:l.left=`${s.left}px`,l.width=`${s.width}px`),f===-1?(s.top-=u,s.height=o.height,Ft.$W.featureToggles.canvasPanelPanZoom?l.transform=`translate(${s.left}px, ${s.top}px) rotate(${s.rotation??0}deg)`:l.top=`${s.top}px`,l.height=`${s.height}px`):f===1&&(s.height=o.height,l.height=`${s.height}px`)},this.handleMouseEnter=(o,s)=>{const l=this.getScene();if(!l?.isEditingEnabled&&(!l?.tooltipPayload?.isOpen||l?.tooltipPayload?.element===this)?this.handleTooltip(o):s||l?.connections.handleMouseEnter(o),this.div!=null){if(this.oneClickMode===be.yd.Link){const u=this.getPrimaryDataLink();u&&(this.div.style.cursor="pointer",this.div.title=`Navigate to ${u.title===""?"data link":u.title}`)}else if(this.oneClickMode===be.yd.Action){const u=this.getPrimaryAction();u&&(this.div.style.cursor="pointer",this.div.title=u.title)}}},this.getPrimaryDataLink=()=>{if(this.getLinks)return this.getLinks({valueRowIndex:Tr(this.data.field,this.getScene())}).find(s=>s.oneClick===!0)},this.getPrimaryAction=()=>{const o=this.getScene(),s=o?.panel?.panelContext?.canExecuteActions;if(!(s?.()??!1))return;const c={valueRowIndex:Tr(this.data.field,o)},u={links:this.options.links??[],actions:this.options.actions??[]},d=o?.data?.series;if(d){const f=(0,Mr.Xx)(u.links,u.actions),h={__dataContext:{value:{data:d,field:f,frame:d[0],frameIndex:0}}};return(0,Mr.ko)(d[0],f,h,o?.panel.props.replaceVariables,u.actions,c).find(p=>p.oneClick===!0)}},this.handleTooltip=o=>{const s=this.getScene();if(!s||!s.tooltipCallback)return;const l=s.tooltipDisableForOneClick&&this.oneClickMode!==be.yd.Off;if(s.tooltipMode!==Ct.$N.None&&!l){const u=this.div?.getBoundingClientRect();s.tooltipCallback({anchorPoint:{x:u?.right??o.pageX,y:u?.top??o.pageY},element:this,isOpen:!1})}},this.handleMouseLeave=o=>{const s=this.getScene();s?.tooltipCallback&&!s?.tooltipPayload?.isOpen&&s.tooltipCallback(void 0),this.oneClickMode!==be.yd.Off&&this.div&&(this.div.style.cursor="auto",this.div.title="")},this.onElementClick=o=>{if(this.oneClickMode===be.yd.Link){let s=this.getPrimaryDataLink();s&&window.open(s.href,s.target??"_self")}else if(this.oneClickMode===be.yd.Action){const s=this.getPrimaryAction();s?.variables&&s.variables.length>0?(this.showActionVarsModal=!0,this.forceUpdate()):(this.showActionConfirmation=!0,this.forceUpdate())}else this.handleTooltip(o),this.onTooltipCallback()},this.onElementKeyDown=o=>{o.key==="Enter"&&(o.currentTarget instanceof HTMLElement||o.currentTarget instanceof SVGElement)&&this.getScene()?.select({targets:[o.currentTarget]})},this.onTooltipCallback=()=>{const o=this.getScene();o?.tooltipCallback&&o.tooltipPayload?.anchorPoint&&o.tooltipCallback({anchorPoint:{x:o.tooltipPayload.anchorPoint.x,y:o.tooltipPayload.anchorPoint.y},element:this,isOpen:!0})},this.forceUpdate=()=>{const o=this.getScene();o?.actionConfirmationCallback&&o.actionConfirmationCallback()},this.renderActionsConfirmModal=o=>{if(o)return(0,y.jsx)(y.Fragment,{children:this.showActionConfirmation&&o&&(0,y.jsx)(Vh.u,{isOpen:!0,title:(0,R.t)("grafana-ui.action-editor.button.confirm-action","Confirm action"),body:o.confirmation(),confirmText:(0,R.t)("grafana-ui.action-editor.button.confirm","Confirm"),confirmButtonVariant:"primary",onConfirm:()=>{this.showActionConfirmation=!1,o.onClick(new MouseEvent("click"),null,this.actionVars),o.type&&(0,Gh.n)(o.type,!0,"canvas"),this.forceUpdate()},onDismiss:()=>{this.showActionConfirmation=!1,this.forceUpdate()}})})},this.renderVariablesInputModal=o=>{if(!o||!o.variables||o.variables.length===0)return;const s=()=>{this.showActionVarsModal=!1,this.showActionConfirmation=!0,this.forceUpdate()};return(0,y.jsx)(Fh.b,{action:o,variables:this.actionVars,setVariables:this.setActionVars,onDismiss:()=>{this.showActionVarsModal=!1,this.forceUpdate()},onShowConfirm:s})};const i=`Element ${Date.now()}`;n||(this.options={type:e.id,name:i}),n.constraint=n.constraint??{vertical:W.gR.Top,horizontal:W.en.Left},n.placement=n.placement??{width:100,height:100,top:0,left:0,rotation:0},n.background=n.background??{color:{fixed:"transparent"}},n.border=n.border??{color:{fixed:"dark-green"}};const a=this.getScene();if(!n.name){const o=a?.getNextElementName();n.name=o??i}a?.byName.set(n.name,this)}getScene(){let e=this.parent;for(;e;){if(e.isRoot())return e.scene;e=e.parent}}getName(){return this.options.name}applyLayoutStylesToDiv(e){if(Ft.$W.featureToggles.canvasPanelPanZoom){this.applyLayoutStylesToDiv2(e);return}if(this.isRoot())return;const{constraint:n}=this.options,{vertical:r,horizontal:i}=n??{},a=this.options.placement??{},s={cursor:this.getScene()?.isEditingEnabled?"grab":"auto",pointerEvents:e?"none":"auto",position:"absolute",minWidth:"10px",minHeight:"10px",rotate:`${a.rotation??0}deg`},l=["0px","0px"];switch(r){case W.gR.Top:a.top=a.top??0,a.height=a.height??100,s.top=`${a.top}px`,s.height=`${a.height}px`,delete a.bottom;break;case W.gR.Bottom:a.bottom=a.bottom??0,a.height=a.height??100,s.bottom=`${a.bottom}px`,s.height=`${a.height}px`,delete a.top;break;case W.gR.TopBottom:a.top=a.top??0,a.bottom=a.bottom??0,s.top=`${a.top}px`,s.bottom=`${a.bottom}px`,delete a.height,s.height="";break;case W.gR.Center:a.top=a.top??0,a.height=a.height??100,l[1]="-50%",s.top=`calc(50% - ${a.top}px)`,s.height=`${a.height}px`,delete a.bottom;break;case W.gR.Scale:a.top=a.top??0,a.bottom=a.bottom??0,s.top=`${a.top}%`,s.bottom=`${a.bottom}%`,delete a.height,s.height="";break}switch(i){case W.en.Left:a.left=a.left??0,a.width=a.width??100,s.left=`${a.left}px`,s.width=`${a.width}px`,delete a.right;break;case W.en.Right:a.right=a.right??0,a.width=a.width??100,s.right=`${a.right}px`,s.width=`${a.width}px`,delete a.left;break;case W.en.LeftRight:a.left=a.left??0,a.right=a.right??0,s.left=`${a.left}px`,s.right=`${a.right}px`,delete a.width,s.width="";break;case W.en.Center:a.left=a.left??0,a.width=a.width??100,l[0]="-50%",s.left=`calc(50% - ${a.left}px)`,s.width=`${a.width}px`,delete a.right;break;case W.en.Scale:a.left=a.left??0,a.right=a.right??0,s.left=`${a.left}%`,s.right=`${a.right}%`,delete a.width,s.width="";break}if(s.transform=`translate(${l[0]}, ${l[1]})`,this.options.placement=a,this.sizeStyle=s,this.div){Qi(this.sizeStyle,this.div);const c=this.options.type;lo.has(c)?jl(this.dataStyle,this.div):Qi(this.dataStyle,this.div)}}applyLayoutStylesToDiv2(e){if(this.isRoot())return;const n=this.getScene(),{width:r,height:i}=n??{},{constraint:a}=this.options,{vertical:o,horizontal:s}=a??{},l=this.options.placement??{},u={cursor:n?.isEditingEnabled?"grab":"auto",pointerEvents:e?"none":"auto",position:"absolute",minWidth:"10px",minHeight:"10px"};let d="0px",f="0px";switch(o){case W.gR.Top:l.top=l.top??0,l.height=l.height??100,d=`${l.top??0}px`,u.height=`${l.height}px`,delete l.bottom;break;case W.gR.Bottom:l.bottom=l.bottom??0,l.height=l.height??100,d=`${i-(l.bottom??0)-(l.height??100)}px`,u.height=`${l.height}px`,delete l.top;break;case W.gR.TopBottom:l.top=l.top??0,l.bottom=l.bottom??0,d=`${l.top??0}px`,u.height=`${i-(l.top??0)-(l.bottom??0)}px`,delete l.height;break;case W.gR.Center:l.top=l.top??0,l.height=l.height??100,d=`${i/2-(l.top??0)-(l.height??0)/2}px`,u.height=`${l.height}px`,delete l.bottom;break;case W.gR.Scale:l.top=l.top??0,l.bottom=l.bottom??0,d=`${(l.top??0)*(i/100)}px`,u.height=`${i-(l.top??0)*(i/100)-(l.bottom??0)*(i/100)}px`,delete l.height;break}switch(s){case W.en.Left:l.left=l.left??0,l.width=l.width??100,f=`${l.left??0}px`,u.width=`${l.width}px`,delete l.right;break;case W.en.Right:l.right=l.right??0,l.width=l.width??100,f=`${r-(l.right??0)-(l.width??100)}px`,u.width=`${l.width}px`,delete l.left;break;case W.en.LeftRight:l.left=l.left??0,l.right=l.right??0,f=`${l.left??0}px`,u.width=`${r-(l.left??0)-(l.right??0)}px`,delete l.width;break;case W.en.Center:l.left=l.left??0,l.width=l.width??100,f=`${r/2-(l.left??0)-(l.width??0)/2}px`,u.width=`${l.width}px`,delete l.right;break;case W.en.Scale:l.left=l.left??0,l.right=l.right??0,f=`${(l.left??0)*(r/100)}px`,u.width=`${r-(l.left??0)*(r/100)-(l.right??0)*(r/100)}px`,delete l.width;break}if(this.options.placement=l,u.transform=`translate(${f}, ${d}) rotate(${l.rotation??0}deg)`,this.sizeStyle=u,this.div){Qi(this.sizeStyle,this.div);const h=this.options.type;lo.has(h)?jl(this.dataStyle,this.div):Qi(this.dataStyle,this.div)}}getTopLeftValues(e){const n=window.getComputedStyle(e),r=new DOMMatrix(n.transform||"");return{left:r.m41,top:r.m42,width:n.width?parseFloat(n.width):e.clientWidth,height:n.height?parseFloat(n.height):e.clientHeight}}setPlacementFromConstraint(e,n,r=1){if(Ft.$W.featureToggles.canvasPanelPanZoom){this.setPlacementFromConstraint2(e,n,r);return}const{constraint:i}=this.options,{vertical:a,horizontal:o}=i??{};e||(e=this.div&&this.div.getBoundingClientRect());let s=0;n||(n=this.div&&this.div.parentElement?.getBoundingClientRect(),s=this.parent?.isRoot()?0:parseFloat(getComputedStyle(this.div?.parentElement).borderWidth));let l=0,c=0;if(this.options.placement?.rotation&&this.options.placement?.width&&this.options.placement?.height){const m=this.options.placement.rotation,x=Math.PI/180*m;let b=x;switch(!0){case(m>=0&&m<90):break;case(m>=90&&m<180):b=Math.PI-x;break;case(m>=180&&m<270):b=Math.PI+x;break;case m>=270:b=-x;break}const C=(E,S)=>E/2*Math.sin(b)+S/2*(Math.cos(b)-1);l=C(this.options.placement.width,this.options.placement.height),c=C(this.options.placement.height,this.options.placement.width)}const u=e&&n?Math.round(e.top-n.top-s+l)/r:0,d=e&&n?Math.round(n.bottom-s-e.bottom+l)/r:0,f=e&&n?Math.round(e.left-n.left-s+c)/r:0,h=e&&n?Math.round(n.right-s-e.right+c)/r:0,v={},p=(e?.width??100)/r,g=(e?.height??100)/r;switch(a){case W.gR.Top:v.top=u,v.height=g;break;case W.gR.Bottom:v.bottom=d,v.height=g;break;case W.gR.TopBottom:v.top=u,v.bottom=d;break;case W.gR.Center:const m=e?u+g/2:0,b=(n?n.height/2:0)-m;v.top=b,v.height=g;break;case W.gR.Scale:v.top=u/(n?.height??g)*100*r,v.bottom=d/(n?.height??g)*100*r;break}switch(o){case W.en.Left:v.left=f,v.width=p;break;case W.en.Right:v.right=h,v.width=p;break;case W.en.LeftRight:v.left=f,v.right=h;break;case W.en.Center:const m=e?f+p/2:0,b=(n?n.width/2:0)-m;v.left=b,v.width=p;break;case W.en.Scale:v.left=f/(n?.width??p)*100*r,v.right=h/(n?.width??p)*100*r;break}this.options.placement?.rotation&&(v.rotation=this.options.placement.rotation,v.width=this.options.placement.width,v.height=this.options.placement.height),this.options.placement=v,this.applyLayoutStylesToDiv(),this.revId++,this.getScene()?.save()}setPlacementFromConstraint2(e,n,r=1){const i=this.getScene(),{constraint:a}=this.options,{vertical:o,horizontal:s}=a??{},l=this.getTopLeftValues(this.div);e||(e=this.div&&this.div.getBoundingClientRect()),n||(n=this.div&&this.div.parentElement?.getBoundingClientRect());const c=Math.round(l.top),u=Math.round(i.height-l.top-l.height),d=Math.round(l.left),f=Math.round(i.width-l.left-l.width),h={},v=l.width,p=l.height;switch(h.top=c,h.left=d,o){case W.gR.Top:h.top=c,h.height=p;break;case W.gR.Bottom:h.bottom=u,h.height=p;break;case W.gR.TopBottom:h.top=c,h.bottom=u;break;case W.gR.Center:const g=e?c+p/2:0,x=i.height/2-g;h.top=x,h.height=p;break;case W.gR.Scale:h.top=c/(n?.height??p)*100*r,h.bottom=u/(n?.height??p)*100*r;break}switch(s){case W.en.Left:h.left=d,h.width=v;break;case W.en.Right:h.right=f,h.width=v;break;case W.en.LeftRight:h.left=d,h.right=f;break;case W.en.Center:const g=e?d+v/2:0,x=i.width/2-g;h.left=x,h.width=v;break;case W.en.Scale:h.left=d/(n?.width??v)*100*r,h.right=f/(n?.width??v)*100*r;break}this.options.placement?.rotation&&(h.rotation=this.options.placement.rotation,h.width=this.options.placement.width,h.height=this.options.placement.height),this.options.placement=h,this.applyLayoutStylesToDiv(),this.revId++,this.getScene()?.save()}updateData(e){this.item.prepareData&&(this.data=this.item.prepareData(e,this.options),this.revId++);const n=this.getScene(),r=n?.data?.series;if(this.options.links=this.options.links?.filter(s=>s!==null),this.options.links?.some(s=>s.oneClick===!0))this.oneClickMode=be.yd.Link;else if(this.options.actions?.filter(s=>s.type===Ol.X2.Fetch||(0,Mr.Bs)(s)).some(s=>s.oneClick)){const l=this.getScene()?.panel?.panelContext?.canExecuteActions,c=l?.()??!1;this.oneClickMode=c?be.yd.Action:be.yd.Off}else this.oneClickMode=be.yd.Off;if(r){const s={name:"Default field",type:so.PU.string,config:{links:this.options.links??[],actions:this.options.actions??[]},values:[]};this.getLinks=(0,jh._M)(r[0],s,{__dataContext:{value:{data:r,field:s,frame:r[0],frameIndex:0}}},n?.panel.props.replaceVariables)}const{background:i,border:a}=this.options,o={};if(i){if(i.color){const s=e.getColor(i.color);o.backgroundColor=s.value()}if(i.image){const s=e.getResource(i.image);if(s){const l=s.value();if(l)switch(o.backgroundImage=`url("${l}")`,i.size??W.xp.Contain){case W.xp.Contain:o.backgroundSize="contain",o.backgroundRepeat="no-repeat";break;case W.xp.Cover:o.backgroundSize="cover",o.backgroundRepeat="no-repeat";break;case W.xp.Original:o.backgroundRepeat="no-repeat";break;case W.xp.Tile:o.backgroundRepeat="repeat";break;case W.xp.Fill:o.backgroundSize="100% 100%";break}else o.backgroundImage=""}}}if(a&&a.color&&a.width!==void 0){const s=e.getColor(a.color);o.borderWidth=`${a.width}px`,o.borderStyle="solid",o.borderColor=s.value(),o.backgroundImage&&(o.backgroundOrigin="padding-box")}a&&a.radius!==void 0&&(o.borderRadius=`${a.radius}px`),this.dataStyle=o,this.applyLayoutStylesToDiv()}isRoot(){return!1}visit(e){e(this)}onChange(e){this.item.id!==e.type&&(this.item=li.getIfExists(e.type)??we);const n=this.options.name,r=e.name;this.revId++,this.options={...e};let i=this.parent;for(;i;){if(i.isRoot()){i.scene.save();break}i.revId++,i=i.parent}const a=this.getScene();n!==r&&a&&(uo(this,a.byName)&&Pl(this,a).forEach(o=>{o.info.targetName=r}),a.byName.delete(n),a.byName.set(r,this))}getSaveModel(){return{...this.options}}render(){const{item:e,div:n}=this,r=this.getScene(),i=n&&r&&r.selecto&&r.selecto.getSelectedTargets().includes(n);return(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)("div",{ref:this.initElement,onMouseEnter:a=>this.handleMouseEnter(a,i),onMouseLeave:r?.isEditingEnabled?void 0:this.handleMouseLeave,onClick:r?.isEditingEnabled?void 0:this.onElementClick,onKeyDown:r?.isEditingEnabled?void 0:this.onElementKeyDown,role:"button",tabIndex:0,style:{userSelect:"none"},children:(0,y.jsx)(e.display,{config:this.options.config,data:this.data,isSelected:i},`${this.UID}/${this.revId}`)},this.UID),this.showActionConfirmation&&this.renderActionsConfirmModal(this.getPrimaryAction()),this.showActionVarsModal&&this.renderVariablesInputModal(this.getPrimaryAction())]})}}function _l(t,e){try{let n={targets:[]};if(e instanceof Be){const r=[];r.push(e?.div),n.targets=r,n.frame=e,t.select(n)}else t.currentLayer=e.parent,n.targets=[e?.div],t.select(n)}catch{_n.A.emit(cn.r1.alertError,["Unable to select element, try selecting element in panel instead"])}}function Zi(t,e){return Ll(t?[...Xi,...Al]:[...Xi],e)}function Ll(t,e){const n={options:[],current:[]},r=[];for(const i of t){const a={label:i.name,value:i.id,description:i.description};if(i.state===br.pn.alpha){if(!Ft.yn)continue;a.label=`${i.name} (Alpha)`,r.push(a)}else n.options.push(a);i.id===e&&n.current.push(a)}for(const i of r)n.options.push(i);return n}function co(t,e,n){const r=li.getIfExists(t.value)??we,i={...r.getNewOptions(),type:r.id,name:""};if(n&&(i.placement={...i.placement,top:n.y,left:n.x}),r.defaultSize&&(i.placement={...i.placement,...r.defaultSize}),e){const a=new Ui(r,i,e);a.updateData(e.scene.context),e.elements.push(a),e.scene.save(),e.reinitializeMoveable(),setTimeout(()=>_l(e.scene,a))}}function Il(t){return t.options.connections&&t.options.connections.length>0}function uo(t,e){return fo(e).some(r=>r.target===t)}function fo(t){const e=[];for(let n of t.values())n.options.connections&&n.options.connections.forEach((r,i)=>{(0,de.isString)(r.color)&&(r.color={fixed:r.color}),(0,de.isNumber)(r.size)&&(r.size={fixed:2,min:1,max:10});const a=r.targetName?t.get(r.targetName):n.parent;a&&e.push({index:i,source:n,target:a,info:r,vertices:r.vertices??void 0,sourceOriginal:r.sourceOriginal??void 0,targetOriginal:r.targetOriginal??void 0})});return e}function Pl(t,e){return e.connections.state.filter(n=>n.target===t)}function $h(t,e){Pl(t,e).forEach(r=>{const a=(r.source.options.connections?.splice(0)??[]).filter(o=>o.targetName!==t.getName());r.source.onChange({...r.source.options,connections:a})}),e.connections.updateState()}const ho=(t,e,n,r,i)=>{const a=t.left-e.left+t.width/2,o=t.top-e.top+t.height/2,s=(a+n.source.x*t.width/2)/i,l=(o-n.source.y*t.height/2)/i;let c,u;const d=r.div?.getBoundingClientRect();if(n.targetName&&d){const f=d.left-e.left+d.width/2,h=d.top-e.top+d.height/2;c=f+n.target.x*d.width/2,u=h-n.target.y*d.height/2}else{const f=e.width/2,h=e.height/2;c=f+n.target.x*e.width/2,u=h-n.target.y*e.height/2}return c/=i,u/=i,c-s===0&&(c+=1),u-l===0&&(u+=1),{x1:s,y1:l,x2:c,y2:u}},vo=(t,e,n)=>{const{x:r,y:i}=Nl(t.div,n.source.x,n.source.y);let a=0,o=0;const s=e.div;return n.targetName&&s?{x:a,y:o}=Nl(s,n.target.x,n.target.y):(a=n.target.x,o=n.target.y),{x1:r,y1:i,x2:a,y2:o}},po=t=>{const e=window.getComputedStyle(t),n=e.transform;let r=0,i=0,a=0;if(n!=="none"){const l=new DOMMatrix(n);r=l.m41,i=l.m42,a=-Math.atan2(l.m21,l.m11)*(180/Math.PI)}const o=parseFloat(e.width),s=parseFloat(e.height);return{left:r,top:i,width:o,height:s,x:r,y:i,rotation:a}},zl=(t,e,n)=>{const{left:r,top:i,width:a,height:o,rotation:s}=po(t),l=r+a/2,c=i+o/2;let u=e-l,d=n-c;const f=s*(Math.PI/180),h=Math.cos(-f),v=Math.sin(-f),p=u*h-d*v,g=u*v+d*h,m=p/(a/2),x=-g/(o/2);return{x:m,y:x}},Nl=(t,e,n)=>{const{left:r,top:i,width:a,height:o,rotation:s}=po(t),l=r+a/2,c=i+o/2,u=e*a/2,d=-(n*o)/2,f=s*(Math.PI/180),h=Math.cos(f),v=Math.sin(f),p=u*h-d*v,g=u*v+d*h,m=l+p,x=c+g;return{x:m,y:x}},Pn=(t,e,n,r)=>({x:(t+n)/2,y:(e+r)/2}),My=(t,e,n,r,i,a,o,s)=>({x:i*o+t,y:a*s+e}),he=(t,e,n,r)=>Math.atan2(r-e,n-t),zn=(t,e,n,r)=>Math.sqrt((n-t)**2+(r-e)**2),Tr=(t,e)=>{if(t){const i=e.data?.series[0]?.fields.find(a=>a.name===t)?.values;return i?i.length-1:0}return 0},Bl=(t,e,n,r)=>{const i=Ft.$W.theme2.colors.text.primary,a=Tr(t.size?.field,e),o=t.color?e.context.getColor(t.color).value():i,s=t.size?e.context.getScale(t.size).get(a):n,l=t.radius?e.context.getScale(t.radius).get(a):0,c=t.direction?e.context.getDirection(t.direction).get(a):r,u=Hh(t.lineStyle?.style),d=t.lineStyle?.animate;return{strokeColor:o,strokeWidth:s,strokeRadius:l,arrowDirection:c,lineStyle:u,shouldAnimate:d}},Hh=t=>{switch(t){case je.Dashed:return On.Dashed;case je.Dotted:return On.Dotted;default:return On.Solid}},tn=t=>Ft.$W.featureToggles.canvasPanelPanZoom?t.viewportDiv?.getBoundingClientRect():t.div?.getBoundingClientRect();function Yh(t,e){const n=new Set,r=e.config??{};return t.forEach(i=>{i.fields.forEach(a=>{switch((0,Cr.Ct)(a,i,t)){case e.background?.color?.field:case e.background?.image?.field:case e.border?.color?.field:case r.text?.field:case r.color?.field:case r.path?.field:case r.fill?.field:case r.blinkRate?.field:case r.statusColor?.field:case r.bulbColor?.field:case r.rpm?.field:n.add(a)}})}),[...n]}function Qi(t,e){Object.assign(e.style,t)}function jl(t,e){for(const n in t)e.style[n]=""}var Vl="rgb",Fl="rgba",Gl="hsl",Wl="hsla",Ty=[Vl,Fl,Gl,Wl],Kh="function",ky="property",Ry="array",Xh="object",Uh="string",Zh="number",ci="undefined",$l=typeof window!==ci,Jn=typeof document!==ci&&document,Hl=null,Ay=function(t){if(!Jn)return"";var e=(Jn.body||Jn.documentElement).style,n=Hl.length;if(typeof e[t]!==ci)return t;for(var r=0;r<n;++r){var i="-"+Hl[r]+"-"+t;if(typeof e[i]!==ci)return i}return""},Oy=null,_y=null,Ly=null,Iy=null,Qh=[{open:"(",close:")"},{open:'"',close:'"'},{open:"'",close:"'"},{open:'\\"',close:'\\"'},{open:"\\'",close:"\\'"}],oe=1e-7,Py=1/oe,qi={cm:function(t){return t*96/2.54},mm:function(t){return t*96/254},in:function(t){return t*96},pt:function(t){return t*96/72},pc:function(t){return t*96/6},"%":function(t,e){return t*e/100},vw:function(t,e){return e===void 0&&(e=window.innerWidth),t/100*e},vh:function(t,e){return e===void 0&&(e=window.innerHeight),t/100*e},vmax:function(t,e){return e===void 0&&(e=Math.max(window.innerWidth,window.innerHeight)),t/100*e},vmin:function(t,e){return e===void 0&&(e=Math.min(window.innerWidth,window.innerHeight)),t/100*e}};/*! ***************************************************************************** Copyright (c) Microsoft Corporation. Permission to use, copy, modify, and/or distribute this software for any purpose with or without fee is hereby granted. THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE. ***************************************************************************** */function qh(){for(var t=0,e=0,n=arguments.length;e<n;e++)t+=arguments[e].length;for(var r=Array(t),i=0,e=0;e<n;e++)for(var a=arguments[e],o=0,s=a.length;o<s;o++,i++)r[i]=a[o];return r}function Ji(t,e,n,r){return(t*r+e*n)/(n+r)}function ta(t){return typeof t===ci}function Me(t){return t&&typeof t===Xh}function Qt(t){return Array.isArray(t)}function ge(t){return typeof t===Uh}function kr(t){return typeof t===Zh}function ea(t){return typeof t===Kh}function Jh(t,e){var n=t===""||t==" ",r=e===""||e==" ";return r&&n||t===e}function Yl(t,e,n,r,i){var a=go(t,e,n);return a?n:tv(t,e,n+1,r,i)}function go(t,e,n){if(!t.ignore)return null;var r=e.slice(Math.max(n-3,0),n+3).join("");return new RegExp(t.ignore).exec(r)}function tv(t,e,n,r,i){for(var a=function(c){var u=e[c].trim();if(u===t.close&&!go(t,e,c))return{value:c};var d=c,f=ze(i,function(h){var v=h.open;return v===u});if(f&&(d=Yl(f,e,c,r,i)),d===-1)return o=c,"break";c=d,o=c},o,s=n;s<r;++s){var l=a(s);if(s=o,typeof l=="object")return l.value;if(l==="break")break}return-1}function mo(t,e){var n=ge(e)?{separator:e}:e,r=n.separator,i=r===void 0?",":r,a=n.isSeparateFirst,o=n.isSeparateOnlyOpenClose,s=n.isSeparateOpenClose,l=s===void 0?o:s,c=n.openCloseCharacters,u=c===void 0?Qh:c,d=u.map(function(D){var M=D.open,w=D.close;return M===w?M:M+"|"+w}).join("|"),f="(\\s*"+i+"\\s*|"+d+"|\\s+)",h=new RegExp(f,"g"),v=t.split(h).filter(function(D){return D&&D!=="undefined"}),p=v.length,g=[],m=[];function x(){return m.length?(g.push(m.join("")),m=[],!0):!1}for(var b=function(D){var M=v[D].trim(),w=D,T=ze(u,function(A){var _=A.open;return _===M}),k=ze(u,function(A){var _=A.close;return _===M});if(T){if(w=Yl(T,v,D,p,u),w!==-1&&l)return x()&&a||(g.push(v.slice(D,w+1).join("")),D=w,a)?(C=D,"break"):(C=D,"continue")}else if(k&&!go(k,v,D)){var O=qh(u);return O.splice(u.indexOf(k),1),{value:mo(t,{separator:i,isSeparateFirst:a,isSeparateOnlyOpenClose:o,isSeparateOpenClose:l,openCloseCharacters:O})}}else if(Jh(M,i)&&!o)return x(),a?(C=D,"break"):(C=D,"continue");w===-1&&(w=p-1),m.push(v.slice(D,w+1).join("")),D=w,C=D},C,E=0;E<p;++E){var S=b(E);if(E=C,typeof S=="object")return S.value;if(S==="break")break}return m.length&&g.push(m.join("")),g}function Nn(t){return mo(t,"")}function Bn(t){return mo(t,",")}function xo(t){var e=/([^(]*)\(([\s\S]*)\)([\s\S]*)/g.exec(t);return!e||e.length<4?{}:{prefix:e[1],value:e[2],suffix:e[3]}}function tr(t){var e=/^([^\d|e|\-|\+]*)((?:\d|\.|-|e-|e\+)+)(\S*)$/g.exec(t);if(!e)return{prefix:"",unit:"",value:NaN};var n=e[1],r=e[2],i=e[3];return{prefix:n,unit:i,value:parseFloat(r)}}function na(t){return t.replace(/[\s-_]+([^\s-_])/g,function(e,n){return n.toUpperCase()})}function ra(t,e){return e===void 0&&(e="-"),t.replace(/([a-z])([A-Z])/g,function(n,r,i){return""+r+e+i.toLowerCase()})}function zy(t){return[].slice.call(t)}function ui(){return Date.now?Date.now():new Date().getTime()}function Sn(t,e,n){n===void 0&&(n=-1);for(var r=t.length,i=0;i<r;++i)if(e(t[i],i,t))return i;return n}function ev(t,e,n){n===void 0&&(n=-1);for(var r=t.length,i=r-1;i>=0;--i)if(e(t[i],i,t))return i;return n}function Ny(t,e,n){var r=ev(t,e);return r>-1?t[r]:n}function ze(t,e,n){var r=Sn(t,e);return r>-1?t[r]:n}var Kl=function(){var t=ui(),e=$l&&(window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||window.msRequestAnimationFrame);return e?e.bind(window):function(n){var r=ui(),i=setTimeout(function(){n(r-t)},1e3/60);return i}}(),nv=function(){var t=$l&&(window.cancelAnimationFrame||window.webkitCancelAnimationFrame||window.mozCancelAnimationFrame||window.msCancelAnimationFrame);return t?t.bind(window):function(e){clearTimeout(e)}}();function un(t){return Object.keys(t)}function rv(t){var e=un(t);return e.map(function(n){return t[n]})}function By(t){var e=un(t);return e.map(function(n){return[n,t[n]]})}function jy(t,e){e===void 0&&(e=[]),t.sort(function(n,r){var i=e.indexOf(n),a=e.indexOf(r);return a===-1&&i===-1?0:i===-1?1:a===-1?-1:i-a})}function It(t,e){var n=tr(t),r=n.value,i=n.unit;if(Me(e)){var a=e[i];if(a){if(ea(a))return a(r);if(qi[i])return qi[i](r,a)}}else if(i==="%")return r*e/100;return qi[i]?qi[i](r):r}function en(t,e,n){return Math.max(e,Math.min(t,n))}function Xl(t,e,n,r){return r===void 0&&(r=t[0]/t[1]),[[St(e[0],oe),St(e[0]/r,oe)],[St(e[1]*r,oe),St(e[1],oe)]].filter(function(i){return i.every(function(a,o){var s=e[o],l=St(s,oe);return n?a<=s||a<=l:a>=s||a>=l})})[0]||t}function yo(t,e,n,r){if(!r)return t.map(function(h,v){return en(h,e[v],n[v])});var i=t[0],a=t[1],o=r===!0?i/a:r,s=Xl(t,e,!1,o),l=s[0],c=s[1],u=Xl(t,n,!0,o),d=u[0],f=u[1];return i<l||a<c?(i=l,a=c):(i>d||a>f)&&(i=d,a=f),[i,a]}function iv(t){for(var e=t.length,n=0,r=e-1;r>=0;--r)n+=t[r];return n}function bo(t){for(var e=t.length,n=0,r=e-1;r>=0;--r)n+=t[r];return e?n/e:0}function se(t,e){var n=e[0]-t[0],r=e[1]-t[1],i=Math.atan2(r,n);return i>=0?i:i+Math.PI*2}function av(t){return[0,1].map(function(e){return bo(t.map(function(n){return n[e]}))})}function Ul(t){var e=av(t),n=se(e,t[0]),r=se(e,t[1]);return n<r&&r-n<Math.PI||n>r&&r-n<-Math.PI?1:-1}function dn(t,e){return Math.sqrt(Math.pow((e?e[0]:0)-t[0],2)+Math.pow((e?e[1]:0)-t[1],2))}function St(t,e){if(!e)return t;var n=1/e;return Math.round(t/e)/n}function Zl(t,e){return t.forEach(function(n,r){t[r]=St(t[r],e)}),t}function ov(t){for(var e=[],n=0;n<t;++n)e.push(n);return e}function Vy(t,e,n){var r=!1;return t.replace(e,function(){for(var i=[],a=0;a<arguments.length;a++)i[a]=arguments[a];return r?i[0]:(r=!0,ge(n)?n:n.apply(void 0,i))})}function Ql(t){return t.reduce(function(e,n){return e.concat(n)},[])}function sv(t){return t.reduce(function(e,n){return Qt(n)?e.push.apply(e,sv(n)):e.push(n),e},[])}function ql(t,e){t.indexOf(e)===-1&&t.push(e)}function lv(t){return t.replace("#","")}function Jl(t){var e=lv(t),n=parseInt(e.substring(0,2),16),r=parseInt(e.substring(2,4),16),i=parseInt(e.substring(4,6),16),a=parseInt(e.substring(6,8),16)/255;return isNaN(a)&&(a=1),[n,r,i,a]}function cv(t){var e=t.charAt(1),n=t.charAt(2),r=t.charAt(3),i=t.charAt(4),a=["#",e,e,n,n,r,r,i,i];return a.join("")}function uv(t){var e,n=t[0],r=t[1],i=t[2];n<0&&(n+=Math.floor((Math.abs(n)+360)/360)*360),n%=360;var a=(1-Math.abs(2*i-1))*r,o=a*(1-Math.abs(n/60%2-1)),s=i-a/2,l;return n<60?l=[a,o,0]:n<120?l=[o,a,0]:n<180?l=[0,a,o]:n<240?l=[0,o,a]:n<300?l=[o,0,a]:n<360?l=[a,0,o]:l=[0,0,0],[Math.round((l[0]+s)*255),Math.round((l[1]+s)*255),Math.round((l[2]+s)*255),(e=t[3])!==null&&e!==void 0?e:1]}function Fy(t){if(t.charAt(0)==="#")return t.length===4||t.length===5?Jl(cv(t)):Jl(t);if(t.indexOf("(")!==-1){var e=xo(t),n=e.prefix,r=e.value;if(!n||!r)return;var i=Bn(r),a=[0,0,0,1],o=i.length;switch(n){case Vl:case Fl:for(var s=0;s<o;++s)a[s]=parseFloat(i[s]);return a;case Gl:case Wl:for(var s=0;s<o;++s)i[s].indexOf("%")!==-1?a[s]=parseFloat(i[s])/100:a[s]=parseFloat(i[s]);return uv(a)}}}function Gy(t,e){return Jn?e?Jn.querySelectorAll(t):Jn.querySelector(t):e?[]:null}function le(t,e){return t.classList?t.classList.contains(e):!!t.className.match(new RegExp("(\\s|^)"+e+"(\\s|$)"))}function En(t,e){t.classList?t.classList.add(e):t.className+=" "+e}function tc(t,e){if(t.classList)t.classList.remove(e);else{var n=new RegExp("(\\s|^)"+e+"(\\s|$)");t.className=t.className.replace(n," ")}}function Wy(t,e){if(!t||!e||!e.length)return{};var n;if(t instanceof Element)n=t;else if(t.length)n=t[0];else return{};for(var r={},i=Se(n).getComputedStyle(n),a=e.length,o=0;o<a;++o)r[e[o]]=i[e[o]];return r}function ee(t,e,n,r){t.addEventListener(e,n,r)}function qt(t,e,n,r){t.removeEventListener(e,n,r)}function Ce(t){return t?.ownerDocument||Jn}function Co(t){return Ce(t).documentElement}function jn(t){return Ce(t).body}function Se(t){var e;return((e=t?.ownerDocument)===null||e===void 0?void 0:e.defaultView)||window}function ec(t){return t&&"postMessage"in t&&"blur"in t&&"self"in t}function fn(t){return Me(t)&&t.nodeName&&t.nodeType&&"ownerDocument"in t}/*! ***************************************************************************** Copyright (c) Microsoft Corporation. Permission to use, copy, modify, and/or distribute this software for any purpose with or without fee is hereby granted. THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE. ***************************************************************************** */var So=function(){return So=Object.assign||function(e){for(var n,r=1,i=arguments.length;r<i;r++){n=arguments[r];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},So.apply(this,arguments)};function dv(){for(var t=0,e=0,n=arguments.length;e<n;e++)t+=arguments[e].length;for(var r=Array(t),i=0,e=0;e<n;e++)for(var a=arguments[e],o=0,s=a.length;o<s;o++,i++)r[i]=a[o];return r}var fv=function(){function t(){this._events={}}var e=t.prototype;return e.on=function(n,r){if(Me(n))for(var i in n)this.on(i,n[i]);else this._addEvent(n,r,{});return this},e.off=function(n,r){if(!n)this._events={};else if(Me(n))for(var i in n)this.off(i);else if(!r)this._events[n]=[];else{var a=this._events[n];if(a){var o=Sn(a,function(s){return s.listener===r});o>-1&&a.splice(o,1)}}return this},e.once=function(n,r){var i=this;return r&&this._addEvent(n,r,{once:!0}),new Promise(function(a){i._addEvent(n,a,{once:!0})})},e.emit=function(n,r){var i=this;r===void 0&&(r={});var a=this._events[n];if(!n||!a)return!0;var o=!1;return r.eventType=n,r.stop=function(){o=!0},r.currentTarget=this,dv(a).forEach(function(s){s.listener(r),s.once&&i.off(n,s.listener)}),!o},e.trigger=function(n,r){return r===void 0&&(r={}),this.emit(n,r)},e._addEvent=function(n,r,i){var a=this._events;a[n]=a[n]||[];var o=a[n];o.push(So({listener:r},i))},t}();const er=fv;/*! ***************************************************************************** Copyright (c) Microsoft Corporation. Permission to use, copy, modify, and/or distribute this software for any purpose with or without fee is hereby granted. THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE. ***************************************************************************** */var Eo=function(t,e){return Eo=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(n,r){n.__proto__=r}||function(n,r){for(var i in r)r.hasOwnProperty(i)&&(n[i]=r[i])},Eo(t,e)};function hv(t,e){Eo(t,e);function n(){this.constructor=t}t.prototype=e===null?Object.create(e):(n.prototype=e.prototype,new n)}var ce=function(){return ce=Object.assign||function(e){for(var n,r=1,i=arguments.length;r<i;r++){n=arguments[r];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},ce.apply(this,arguments)};function vv(t,e){var n=e[0]-t[0],r=e[1]-t[1],i=Math.atan2(r,n);return i>=0?i:i+Math.PI*2}function wo(t){return vv([t[0].clientX,t[0].clientY],[t[1].clientX,t[1].clientY])/Math.PI*180}function pv(t){return t.touches&&t.touches.length>=2}function ia(t){return t?t.touches?mv(t.touches):[rc(t)]:[]}function gv(t){return t&&(t.type.indexOf("mouse")>-1||"button"in t)}function nc(t,e,n){var r=n.length,i=di(t,r),a=i.clientX,o=i.clientY,s=i.originalClientX,l=i.originalClientY,c=di(e,r),u=c.clientX,d=c.clientY,f=di(n,r),h=f.clientX,v=f.clientY,p=a-u,g=o-d,m=a-h,x=o-v;return{clientX:s,clientY:l,deltaX:p,deltaY:g,distX:m,distY:x}}function Do(t){return Math.sqrt(Math.pow(t[0].clientX-t[1].clientX,2)+Math.pow(t[0].clientY-t[1].clientY,2))}function mv(t){for(var e=Math.min(t.length,2),n=[],r=0;r<e;++r)n.push(rc(t[r]));return n}function rc(t){return{clientX:t.clientX,clientY:t.clientY}}function di(t,e){e===void 0&&(e=t.length);for(var n={clientX:0,clientY:0,originalClientX:0,originalClientY:0},r=Math.min(t.length,e),i=0;i<r;++i){var a=t[i];n.originalClientX+="originalClientX"in a?a.originalClientX:a.clientX,n.originalClientY+="originalClientY"in a?a.originalClientY:a.clientY,n.clientX+=a.clientX,n.clientY+=a.clientY}return e?{clientX:n.clientX/e,clientY:n.clientY/e,originalClientX:n.originalClientX/e,originalClientY:n.originalClientY/e}:n}var Mo=function(){function t(e){this.prevClients=[],this.startClients=[],this.movement=0,this.length=0,this.startClients=e,this.prevClients=e,this.length=e.length}return t.prototype.getAngle=function(e){return e===void 0&&(e=this.prevClients),wo(e)},t.prototype.getRotation=function(e){return e===void 0&&(e=this.prevClients),wo(e)-wo(this.startClients)},t.prototype.getPosition=function(e,n){e===void 0&&(e=this.prevClients);var r=nc(e||this.prevClients,this.prevClients,this.startClients),i=r.deltaX,a=r.deltaY;return this.movement+=Math.sqrt(i*i+a*a),this.prevClients=e,r},t.prototype.getPositions=function(e){e===void 0&&(e=this.prevClients);for(var n=this.prevClients,r=this.startClients,i=Math.min(this.length,n.length),a=[],o=0;o<i;++o)a[o]=nc([e[o]],[n[o]],[r[o]]);return a},t.prototype.getMovement=function(e){var n=this.movement;if(!e)return n;var r=di(e,this.length),i=di(this.prevClients,this.length),a=r.clientX-i.clientX,o=r.clientY-i.clientY;return Math.sqrt(a*a+o*o)+n},t.prototype.getDistance=function(e){return e===void 0&&(e=this.prevClients),Do(e)},t.prototype.getScale=function(e){return e===void 0&&(e=this.prevClients),Do(e)/Do(this.startClients)},t.prototype.move=function(e,n){this.startClients.forEach(function(r){r.clientX-=e,r.clientY-=n}),this.prevClients.forEach(function(r){r.clientX-=e,r.clientY-=n})},t}(),ic=["textarea","input"],aa=function(t){hv(e,t);function e(n,r){r===void 0&&(r={});var i=t.call(this)||this;i.options={},i.flag=!1,i.pinchFlag=!1,i.data={},i.isDrag=!1,i.isPinch=!1,i.clientStores=[],i.targets=[],i.prevTime=0,i.doubleFlag=!1,i._useMouse=!1,i._useTouch=!1,i._useDrag=!1,i._dragFlag=!1,i._isTrusted=!1,i._isMouseEvent=!1,i._isSecondaryButton=!1,i._preventMouseEvent=!1,i._prevInputEvent=null,i._isDragAPI=!1,i._isIdle=!0,i._preventMouseEventId=0,i._window=window,i.onDragStart=function(f,h){if(h===void 0&&(h=!0),!(!i.flag&&f.cancelable===!1)){var v=f.type.indexOf("drag")>=-1;if(!(i.flag&&v)){i._isDragAPI=!0;var p=i.options,g=p.container,m=p.pinchOutside,x=p.preventWheelClick,b=p.preventRightClick,C=p.preventDefault,E=p.checkInput,S=p.dragFocusedInput,D=p.preventClickEventOnDragStart,M=p.preventClickEventOnDrag,w=p.preventClickEventByCondition,T=i._useTouch,k=!i.flag;if(i._isSecondaryButton=f.which===3||f.button===2,x&&(f.which===2||f.button===1)||b&&(f.which===3||f.button===2))return i.stop(),!1;if(k){var O=i._window.document.activeElement,A=f.target;if(A){var _=A.tagName.toLowerCase(),P=ic.indexOf(_)>-1,z=A.isContentEditable;if(P||z){if(E||!S&&O===A)return!1;if(O&&(O===A||z&&O.isContentEditable&&O.contains(A)))if(S)A.blur();else return!1}else if((C||f.type==="touchstart")&&O){var j=O.tagName.toLowerCase();(O.isContentEditable||ic.indexOf(j)>-1)&&O.blur()}(D||M||w)&&ee(i._window,"click",i._onClick,!0)}i.clientStores=[new Mo(ia(f))],i._isIdle=!1,i.flag=!0,i.isDrag=!1,i._isTrusted=h,i._dragFlag=!0,i._prevInputEvent=f,i.data={},i.doubleFlag=ui()-i.prevTime<200,i._isMouseEvent=gv(f),!i._isMouseEvent&&i._preventMouseEvent&&i._allowMouseEvent();var N=i._preventMouseEvent||i.emit("dragStart",ce(ce({data:i.data,datas:i.data,inputEvent:f,isMouseEvent:i._isMouseEvent,isSecondaryButton:i._isSecondaryButton,isTrusted:h,isDouble:i.doubleFlag},i.getCurrentStore().getPosition()),{preventDefault:function(){f.preventDefault()},preventDrag:function(){i._dragFlag=!1}}));N===!1&&i.stop(),i._isMouseEvent&&i.flag&&C&&f.preventDefault()}if(!i.flag)return!1;var G=0;if(k?(i._attchDragEvent(),T&&m&&(G=setTimeout(function(){ee(g,"touchstart",i.onDragStart,{passive:!1})}))):T&&m&&qt(g,"touchstart",i.onDragStart),i.flag&&pv(f)){if(clearTimeout(G),k&&f.touches.length!==f.changedTouches.length)return;i.pinchFlag||i.onPinchStart(f)}}}},i.onDrag=function(f,h){if(i.flag){var v=i.options.preventDefault;!i._isMouseEvent&&v&&f.preventDefault(),i._prevInputEvent=f;var p=ia(f),g=i.moveClients(p,f,!1);if(i._dragFlag){if(i.pinchFlag||g.deltaX||g.deltaY){var m=i._preventMouseEvent||i.emit("drag",ce(ce({},g),{isScroll:!!h,inputEvent:f}));if(m===!1){i.stop();return}}i.pinchFlag&&i.onPinch(f,p)}i.getCurrentStore().getPosition(p,!0)}},i.onDragEnd=function(f){if(i.flag){var h=i.options,v=h.pinchOutside,p=h.container,g=h.preventClickEventOnDrag,m=h.preventClickEventOnDragStart,x=h.preventClickEventByCondition,b=i.isDrag;(g||m||x)&&requestAnimationFrame(function(){i._allowClickEvent()}),!x&&!m&&g&&!b&&i._allowClickEvent(),i._useTouch&&v&&qt(p,"touchstart",i.onDragStart),i.pinchFlag&&i.onPinchEnd(f);var C=f?.touches?ia(f):[],E=C.length;E===0||!i.options.keepDragging?i.flag=!1:i._addStore(new Mo(C));var S=i._getPosition(),D=ui(),M=!b&&i.doubleFlag;i._prevInputEvent=null,i.prevTime=b||M?0:D,i.flag||(i._dettachDragEvent(),i._preventMouseEvent||i.emit("dragEnd",ce({data:i.data,datas:i.data,isDouble:M,isDrag:b,isClick:!b,isMouseEvent:i._isMouseEvent,isSecondaryButton:i._isSecondaryButton,inputEvent:f,isTrusted:i._isTrusted},S)),i.clientStores=[],i._isMouseEvent||(i._preventMouseEvent=!0,clearTimeout(i._preventMouseEventId),i._preventMouseEventId=setTimeout(function(){i._preventMouseEvent=!1},200)),i._isIdle=!0)}},i.onBlur=function(){i.onDragEnd()},i._allowClickEvent=function(){qt(i._window,"click",i._onClick,!0)},i._onClick=function(f){i._allowClickEvent(),i._allowMouseEvent();var h=i.options.preventClickEventByCondition;h?.(f)||(f.stopPropagation(),f.preventDefault())},i._onContextMenu=function(f){var h=i.options;h.preventRightClick?i.onDragEnd(f):f.preventDefault()},i._passCallback=function(){};var a=[].concat(n),o=a[0];i._window=ec(o)?o:Se(o),i.options=ce({checkInput:!1,container:o&&!("document"in o)?Se(o):o,preventRightClick:!0,preventWheelClick:!0,preventClickEventOnDragStart:!1,preventClickEventOnDrag:!1,preventClickEventByCondition:null,preventDefault:!0,checkWindowBlur:!1,keepDragging:!1,pinchThreshold:0,events:["touch","mouse"]},r);var s=i.options,l=s.container,c=s.events,u=s.checkWindowBlur;if(i._useDrag=c.indexOf("drag")>-1,i._useTouch=c.indexOf("touch")>-1,i._useMouse=c.indexOf("mouse")>-1,i.targets=a,i._useDrag&&a.forEach(function(f){ee(f,"dragstart",i.onDragStart)}),i._useMouse&&(a.forEach(function(f){ee(f,"mousedown",i.onDragStart),ee(f,"mousemove",i._passCallback)}),ee(l,"contextmenu",i._onContextMenu)),u&&ee(Se(),"blur",i.onBlur),i._useTouch){var d={passive:!1};a.forEach(function(f){ee(f,"touchstart",i.onDragStart,d),ee(f,"touchmove",i._passCallback,d)})}return i}return e.prototype.stop=function(){this.isDrag=!1,this.data={},this.clientStores=[],this.pinchFlag=!1,this.doubleFlag=!1,this.prevTime=0,this.flag=!1,this._isIdle=!0,this._allowClickEvent(),this._dettachDragEvent(),this._isDragAPI=!1},e.prototype.getMovement=function(n){return this.getCurrentStore().getMovement(n)+this.clientStores.slice(1).reduce(function(r,i){return r+i.movement},0)},e.prototype.isDragging=function(){return this.isDrag},e.prototype.isIdle=function(){return this._isIdle},e.prototype.isFlag=function(){return this.flag},e.prototype.isPinchFlag=function(){return this.pinchFlag},e.prototype.isDoubleFlag=function(){return this.doubleFlag},e.prototype.isPinching=function(){return this.isPinch},e.prototype.scrollBy=function(n,r,i,a){a===void 0&&(a=!0),this.flag&&(this.clientStores[0].move(n,r),a&&this.onDrag(i,!0))},e.prototype.move=function(n,r){var i=n[0],a=n[1],o=this.getCurrentStore(),s=o.prevClients;return this.moveClients(s.map(function(l){var c=l.clientX,u=l.clientY;return{clientX:c+i,clientY:u+a,originalClientX:c,originalClientY:u}}),r,!0)},e.prototype.triggerDragStart=function(n){this.onDragStart(n,!1)},e.prototype.setEventData=function(n){var r=this.data;for(var i in n)r[i]=n[i];return this},e.prototype.setEventDatas=function(n){return this.setEventData(n)},e.prototype.getCurrentEvent=function(n){return n===void 0&&(n=this._prevInputEvent),ce(ce({data:this.data,datas:this.data},this._getPosition()),{movement:this.getMovement(),isDrag:this.isDrag,isPinch:this.isPinch,isScroll:!1,inputEvent:n})},e.prototype.getEventData=function(){return this.data},e.prototype.getEventDatas=function(){return this.data},e.prototype.unset=function(){var n=this,r=this.targets,i=this.options.container;this.off(),qt(this._window,"blur",this.onBlur),this._useDrag&&r.forEach(function(a){qt(a,"dragstart",n.onDragStart)}),this._useMouse&&(r.forEach(function(a){qt(a,"mousedown",n.onDragStart)}),qt(i,"contextmenu",this._onContextMenu)),this._useTouch&&(r.forEach(function(a){qt(a,"touchstart",n.onDragStart)}),qt(i,"touchstart",this.onDragStart)),this._prevInputEvent=null,this._allowClickEvent(),this._dettachDragEvent()},e.prototype.onPinchStart=function(n){var r=this,i=this.options.pinchThreshold;if(!(this.isDrag&&this.getMovement()>i)){var a=new Mo(ia(n));this.pinchFlag=!0,this._addStore(a);var o=this.emit("pinchStart",ce(ce({data:this.data,datas:this.data,angle:a.getAngle(),touches:this.getCurrentStore().getPositions()},a.getPosition()),{inputEvent:n,isTrusted:this._isTrusted,preventDefault:function(){n.preventDefault()},preventDrag:function(){r._dragFlag=!1}}));o===!1&&(this.pinchFlag=!1)}},e.prototype.onPinch=function(n,r){if(!(!this.flag||!this.pinchFlag||r.length<2)){var i=this.getCurrentStore();this.isPinch=!0,this.emit("pinch",ce(ce({data:this.data,datas:this.data,movement:this.getMovement(r),angle:i.getAngle(r),rotation:i.getRotation(r),touches:i.getPositions(r),scale:i.getScale(r),distance:i.getDistance(r)},i.getPosition(r)),{inputEvent:n,isTrusted:this._isTrusted}))}},e.prototype.onPinchEnd=function(n){if(this.pinchFlag){var r=this.isPinch;this.isPinch=!1,this.pinchFlag=!1;var i=this.getCurrentStore();this.emit("pinchEnd",ce(ce({data:this.data,datas:this.data,isPinch:r,touches:i.getPositions()},i.getPosition()),{inputEvent:n}))}},e.prototype.getCurrentStore=function(){return this.clientStores[0]},e.prototype.moveClients=function(n,r,i){var a=this._getPosition(n,i),o=this.isDrag;(a.deltaX||a.deltaY)&&(this.isDrag=!0);var s=!1;return!o&&this.isDrag&&(s=!0),ce(ce({data:this.data,datas:this.data},a),{movement:this.getMovement(n),isDrag:this.isDrag,isPinch:this.isPinch,isScroll:!1,isMouseEvent:this._isMouseEvent,isSecondaryButton:this._isSecondaryButton,inputEvent:r,isTrusted:this._isTrusted,isFirstDrag:s})},e.prototype._addStore=function(n){this.clientStores.splice(0,0,n)},e.prototype._getPosition=function(n,r){var i=this.getCurrentStore(),a=i.getPosition(n,r),o=this.clientStores.slice(1).reduce(function(c,u){var d=u.getPosition();return c.distX+=d.distX,c.distY+=d.distY,c},a),s=o.distX,l=o.distY;return ce(ce({},a),{distX:s,distY:l})},e.prototype._attchDragEvent=function(){var n=this._window,r=this.options.container,i={passive:!1};this._isDragAPI&&(ee(r,"dragover",this.onDrag,i),ee(n,"dragend",this.onDragEnd)),this._useMouse&&(ee(r,"mousemove",this.onDrag),ee(n,"mouseup",this.onDragEnd)),this._useTouch&&(ee(r,"touchmove",this.onDrag,i),ee(n,"touchend",this.onDragEnd,i),ee(n,"touchcancel",this.onDragEnd,i))},e.prototype._dettachDragEvent=function(){var n=this._window,r=this.options.container;this._isDragAPI&&(qt(r,"dragover",this.onDrag),qt(n,"dragend",this.onDragEnd)),this._useMouse&&(qt(r,"mousemove",this.onDrag),qt(n,"mouseup",this.onDragEnd)),this._useTouch&&(qt(r,"touchstart",this.onDragStart),qt(r,"touchmove",this.onDrag),qt(n,"touchend",this.onDragEnd),qt(n,"touchcancel",this.onDragEnd))},e.prototype._allowMouseEvent=function(){this._preventMouseEvent=!1,clearTimeout(this._preventMouseEventId)},e}(er);function xv(t){for(var e=[],n=1;n<arguments.length;n++)e[n-1]=arguments[n];return e.map(function(r){return r.split(" ").map(function(i){return i?""+t+i:""}).join(" ")}).join(" ")}function ac(t,e){return e.replace(/([^}{]*){/gm,function(n,r){return r.replace(/\.([^{,\s\d.]+)/g,"."+t+"$1")+"{"})}function wn(t,e){return function(n){n&&(t[e]=n)}}function oc(t,e,n){return function(r){r&&(t[e][n]=r)}}function oa(t,e){return function(n){var r=n.prototype;t.forEach(function(i){e(r,i)})}}function yv(t,e){return e===void 0&&(e={}),function(n,r){t.forEach(function(i){var a=e[i]||i;a in n||(n[a]=function(){for(var o,s=[],l=0;l<arguments.length;l++)s[l]=arguments[l];var c=(o=this[r])[i].apply(o,s);return c===this[r]?this:c})})}}function bv(t){for(var e=5381,n=t.length;n;)e=e*33^t.charCodeAt(--n);return e>>>0}var Cv=bv;function Sv(t){return Cv(t).toString(36)}function Ev(t){if(t&&t.getRootNode){var e=t.getRootNode();if(e.nodeType===11)return e}}function wv(t,e,n){return n.original?e:e.replace(/([^};{\s}][^};{]*|^\s*){/mg,function(r,i){var a=i.trim();return(a?Bn(a):[""]).map(function(o){var s=o.trim();return s.indexOf("@")===0?s:s.indexOf(":global")>-1?s.replace(/\:global/g,""):s.indexOf(":host")>-1?"".concat(s.replace(/\:host/g,".".concat(t))):s?".".concat(t," ").concat(s):".".concat(t)}).join(", ")+" {"})}function Dv(t,e,n,r,i){var a=Ce(r),o=a.createElement("style");return o.setAttribute("type","text/css"),o.setAttribute("data-styled-id",t),o.setAttribute("data-styled-count","1"),n.nonce&&o.setAttribute("nonce",n.nonce),o.innerHTML=wv(t,e,n),(i||a.head||a.body).appendChild(o),o}function Mv(t){var e="rCS"+Sv(t);return{className:e,inject:function(n,r){r===void 0&&(r={});var i=Ev(n),a=(i||n.ownerDocument||document).querySelector('style[data-styled-id="'.concat(e,'"]'));if(!a)a=Dv(e,t,r,n,i);else{var o=parseFloat(a.getAttribute("data-styled-count"))||0;a.setAttribute("data-styled-count","".concat(o+1))}return{destroy:function(){var s,l=parseFloat(a.getAttribute("data-styled-count"))||0;l<=1?(a.remove?a.remove():(s=a.parentNode)===null||s===void 0||s.removeChild(a),a=null):a.setAttribute("data-styled-count","".concat(l-1))}}}}}const To=Mv;function ko(t,e){for(var n=t.length,r=0;r<n;++r)if(e(t[r],r))return!0;return!1}function sc(t,e){for(var n=t.length,r=0;r<n;++r)if(e(t[r],r))return t[r];return null}function Tv(t){var e=t;if(typeof e>"u"){if(typeof navigator>"u"||!navigator)return"";e=navigator.userAgent||""}return e.toLowerCase()}function Ro(t,e){try{return new RegExp(t,"g").exec(e)}catch{return null}}function lc(){if(typeof navigator>"u"||!navigator||!navigator.userAgentData)return!1;var t=navigator.userAgentData,e=t.brands||t.uaList;return!!(e&&e.length)}function kv(t,e){var n=Ro("("+t+")((?:\\/|\\s|:)([0-9|\\.|_]+))",e);return n?n[3]:""}function Ao(t){return t.replace(/_/g,".")}function fi(t,e){var n=null,r="-1";return ko(t,function(i){var a=Ro("("+i.test+")((?:\\/|\\s|:)([0-9|\\.|_]+))?",e);return!a||i.brand?!1:(n=i,r=a[3]||"-1",i.versionAlias?r=i.versionAlias:i.versionTest&&(r=kv(i.versionTest.toLowerCase(),e)||r),r=Ao(r),!0)}),{preset:n,version:r}}function sa(t,e){var n={brand:"",version:"-1"};return ko(t,function(r){var i=cc(e,r);return i?(n.brand=r.id,n.version=r.versionAlias||i.version,n.version!=="-1"):!1}),n}function cc(t,e){return sc(t,function(n){var r=n.brand;return Ro(""+e.test,r.toLowerCase())})}var uc=[{test:"phantomjs",id:"phantomjs"},{test:"whale",id:"whale"},{test:"edgios|edge|edg",id:"edge"},{test:"msie|trident|windows phone",id:"ie",versionTest:"iemobile|msie|rv"},{test:"miuibrowser",id:"miui browser"},{test:"samsungbrowser",id:"samsung internet"},{test:"samsung",id:"samsung internet",versionTest:"version"},{test:"chrome|crios",id:"chrome"},{test:"firefox|fxios",id:"firefox"},{test:"android",id:"android browser",versionTest:"version"},{test:"safari|iphone|ipad|ipod",id:"safari",versionTest:"version"}],dc=[{test:"(?=.*applewebkit/(53[0-7]|5[0-2]|[0-4]))(?=.*\\schrome)",id:"chrome",versionTest:"chrome"},{test:"chromium",id:"chrome"},{test:"whale",id:"chrome",versionAlias:"-1",brand:!0}],Oo=[{test:"applewebkit",id:"webkit",versionTest:"applewebkit|safari"}],fc=[{test:"(?=(iphone|ipad))(?!(.*version))",id:"webview"},{test:"(?=(android|iphone|ipad))(?=.*(naver|daum|; wv))",id:"webview"},{test:"webview",id:"webview"}],hc=[{test:"windows phone",id:"windows phone"},{test:"windows 2000",id:"window",versionAlias:"5.0"},{test:"windows nt",id:"window"},{test:"iphone|ipad|ipod",id:"ios",versionTest:"iphone os|cpu os"},{test:"mac os x",id:"mac"},{test:"android",id:"android"},{test:"tizen",id:"tizen"},{test:"webos|web0s",id:"webos"}];function vc(t){var e=navigator.userAgentData,n=(e.uaList||e.brands).slice(),r=e.mobile||!1,i=n[0],a={name:i.brand,version:i.version,majorVersion:-1,webkit:!1,webkitVersion:"-1",chromium:!1,chromiumVersion:"-1",webview:!!sa(fc,n).brand},o={name:"unknown",version:"-1",majorVersion:-1};a.webkit=!a.chromium&&ko(Oo,function(f){return cc(n,f)});var s=sa(dc,n);if(a.chromium=!!s.brand,a.chromiumVersion=s.version,!a.chromium){var l=sa(Oo,n);a.webkit=!!l.brand,a.webkitVersion=l.version}if(t){var c=t.platform.toLowerCase(),u=sc(hc,function(f){return new RegExp(""+f.test,"g").exec(c)});o.name=u?u.id:c,o.version=t.platformVersion}var d=sa(uc,n);return d.brand&&(a.name=d.brand,a.version=t?t.uaFullVersion:d.version),navigator.platform==="Linux armv8l"?o.name="android":a.webkit&&(o.name=r?"ios":"mac"),o.name==="ios"&&a.webview&&(a.version="-1"),o.version=Ao(o.version),a.version=Ao(a.version),o.majorVersion=parseInt(o.version,10),a.majorVersion=parseInt(a.version,10),{browser:a,os:o,isMobile:r,isHints:!0}}function Rv(t){var e=Tv(t),n=!!/mobi/g.exec(e),r={name:"unknown",version:"-1",majorVersion:-1,webview:!!fi(fc,e).preset,chromium:!1,chromiumVersion:"-1",webkit:!1,webkitVersion:"-1"},i={name:"unknown",version:"-1",majorVersion:-1},a=fi(uc,e),o=a.preset,s=a.version,l=fi(hc,e),c=l.preset,u=l.version,d=fi(dc,e);if(r.chromium=!!d.preset,r.chromiumVersion=d.version,!r.chromium){var f=fi(Oo,e);r.webkit=!!f.preset,r.webkitVersion=f.version}return c&&(i.name=c.id,i.version=u,i.majorVersion=parseInt(u,10)),o&&(r.name=o.id,r.version=s,r.webview&&i.name==="ios"&&r.name!=="safari"&&(r.webview=!1)),r.majorVersion=parseInt(r.version,10),{browser:r,os:i,isMobile:n,isHints:!1}}function $y(t){return lc()?navigator.userAgentData.getHighEntropyValues(["architecture","model","platform","platformVersion","uaFullVersion"]).then(function(e){var n=vc(e);return t&&t(n),n}):(t&&t(_o()),typeof Promise>"u"||!Promise?null:Promise.resolve(_o()))}function _o(t){return typeof t>"u"&&lc()?vc():Rv(t)}const pc=_o;var Lo=function(t,e){return Lo=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(n,r){n.__proto__=r}||function(n,r){for(var i in r)Object.prototype.hasOwnProperty.call(r,i)&&(n[i]=r[i])},Lo(t,e)};function Io(t,e){if(typeof e!="function"&&e!==null)throw new TypeError("Class extends value "+String(e)+" is not a constructor or null");Lo(t,e);function n(){this.constructor=t}t.prototype=e===null?Object.create(e):(n.prototype=e.prototype,new n)}var $e=function(){return $e=Object.assign||function(e){for(var n,r=1,i=arguments.length;r<i;r++){n=arguments[r];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},$e.apply(this,arguments)};function Av(t,e,n,r){var i=arguments.length,a=i<3?e:r===null?r=Object.getOwnPropertyDescriptor(e,n):r,o;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(t,e,n,r);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(a=(i<3?o(a):i>3?o(e,n,a):o(e,n))||a);return i>3&&a&&Object.defineProperty(e,n,a),a}function gc(t,e,n){if(n||arguments.length===2)for(var r=0,i=e.length,a;r<i;r++)(a||!(r in e))&&(a||(a=Array.prototype.slice.call(e,0,r)),a[r]=e[r]);return t.concat(a||Array.prototype.slice.call(e))}var Ov=pc(),_v=Ov.browser.name==="safari",nr="infinite-viewer-",mc="".concat(nr,"wrapper"),xc="".concat(nr,"scroll-area"),Lv="".concat(nr,"scroll-bar"),yc="".concat(nr,"horizontal-scroll-bar"),bc="".concat(nr,"vertical-scroll-bar"),Cc="".concat(nr,"scroll-thumb"),Sc=To(ac(nr,` { position: relative; overscroll-behavior: none; } .wrapper { position: absolute; width: 100%; height: 100%; overflow: auto; scrollbar-width: none; top: 0; left: 0; will-change: scroll-position; } .restrict-wrapper { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .wrapper::-webkit-scrollbar { display: none; } .scroll-area { position:absolute; top:0; left:0; transform-origin: 0 0; } .scroll-bar { position:absolute; width: 10px; height: 10px; box-sizing: border-box; right: 0; bottom: 0; overflow: hidden; } .horizontal-scroll-bar { width: calc(100% - 20px); right: 10px; height: 14px; } .vertical-scroll-bar { height: calc(100% - 20px); bottom: 10px; width: 14px; } .scroll-thumb { position:relative; opacity: 0.7; background: #333; border-radius: 3px; left: 0px; top: 0px; z-index: 10; width: 6px; height: 6px; transition: all ease 0.2s; opacity: 0; } .scroll-bar:hover .scroll-thumb { border-radius: 5px; opacity: 1; } .horizontal-scroll-bar .scroll-thumb { margin: 4px 0px; transition-property: opacity, margin, height, border-radius; } .vertical-scroll-bar .scroll-thumb { margin: 0px 4px; transition-property: opacity, margin, width, border-radius; } .horizontal-scroll-bar:hover .scroll-thumb { height: 10px; margin: 2px 0px; } .vertical-scroll-bar:hover .scroll-thumb { width: 10px; margin: 0px 2px; } `)),Te={margin:500,threshold:100,zoom:1,zoomX:1,zoomY:1,rangeX:[-1/0,1/0],rangeY:[-1/0,1/0],rangeOffsetX:[0,0],rangeOffsetY:[0,0],wrapperElement:null,scrollAreaElement:null,horizontalScrollElement:null,verticalScrollElement:null,usePinch:!1,useAutoZoom:!1,useMouseDrag:!1,pinchThreshold:30,cspNonce:"",maxPinchWheel:1/0,wheelScale:.01,displayHorizontalScroll:!0,displayVerticalScroll:!0,useTransform:!0,useWheelPinch:!0,zoomRange:[.001,1/0],wheelPinchKey:"ctrl",useWheelScroll:_v,zoomOffsetX:"50%",zoomOffsetY:"50%",translateZ:0,useGesture:!0,useResizeObserver:!1,pinchDirection:"all",preventWheelClick:!0,useBounceScrollBar:!1,useOverflowScroll:!1},Ec=function(t){return 1-Math.pow(1-t,3)},wc={horizontal:{pos:"Left",coord:"X",size:"Width"},vertical:{pos:"Top",coord:"Y",size:"Height"}},Iv=Sc.className,Dc=["margin","threshold","zoomOffsetX","zoomOffsetY","zoom","zoomX","zoomY","rangeX","rangeY","rangeOffsetX","rangeOffsetY","usePinch","useMouseDrag","pinchThreshold","maxPinchWheel","wheelScale","displayVerticalScroll","displayHorizontalScroll","translateZ","useAutoZoom","wheelPinchKey","zoomRange","zoomRangeX","zoomRangeY","pinchDirection","useOverflowScroll"],Hy=gc(gc([],Dc,!0),["preventWheelClick","useWheelPinch","useWheelScroll","useGesture","cspNonce","wrapperElement","scrollAreaElement","verticalScrollElement","horizontalScrollElement","useResizeObserver","wheelContainer","useBounceScrollBar"],!1),Yy=null,Ky=null,Pv=1e-6;function zv(t){var e=t.deltaX,n=t.deltaY,r=t.datas,i=Date.now(),a=r.speed;if(!a){r.speed=[0,0],r.time=i;return}var o=i-r.time;r.speed=[a[0]/2+e/o,a[1]/2+n/o]}function Mc(t,e){var n=Math.sqrt(t[0]*t[0]+t[1]*t[1]);return Math.abs(n/e)}function Nv(t,e){var n=Mc(t,e);return[-t[0]/2*n,-t[1]/2*n]}function hn(t){return Math.abs(t)}function Bv(t,e,n,r,i){var a=i||isFinite(n[0])?n[0]:Math.min(-1,Math.floor(t/e))*e-r,o=i||isFinite(n[1])?n[1]:Math.max(1,Math.ceil(t/e))*e+r;return[a,o]}function Tc(t,e){return t??e}function kc(t,e,n){var r=n.duration,i=n.easing||function(l){return 1-Math.pow(1-l,3)},a=Date.now(),o=a,s=function(){var l=Date.now(),c=l-a;r<c&&(c=r);var u=i(c/r),d=i((o-a)/r);o=l,t(u-d),!(c>=r)&&e(s)};e(s)}var Rc=function(t){Io(e,t);function e(r,i,a){var o=t.call(this)||this;o.type=i,o.isAppend=!1,o.size=0,o.scrollSize=0,o.isHorizontal=!1,o._onDragStart=function(d){var f=o.isHorizontal,h=d.inputEvent.target,v=d.datas,p=o.thumbElement===h;p||setTimeout(function(){requestAnimationFrame(function(){var g=o.thumbElement.getBoundingClientRect(),m=g[f?"left":"top"],x=g[f?"width":"height"],b=m+x,C=d[f?"clientX":"clientY"];if(!(m<=C&&C<=b)){var E=o.size,S=E*E/o.scrollSize;o.scrollBy(m<C?S:-S)}})},100),v.isThumb=p,d.inputEvent.stopPropagation(),d.inputEvent.preventDefault()},o._onDrag=function(d){d.datas.isThumb&&o.scrollBy(o.isHorizontal?d.deltaX:d.deltaY)},o._onWheel=function(d){var f=o.isHorizontal?d.deltaX:d.deltaY;f&&d.preventDefault(),o.trigger("scroll",{delta:f})};var s=i==="horizontal",l=Ce(r),c,u=a;return a?c=a.querySelector(".".concat(Cc)):(u=l.createElement("div"),c=l.createElement("div"),u.insertBefore(c,null),o.isAppend=!0),En(u,s?yc:bc),En(u,Lv),En(c,Cc),o.thumbElement=c,o.barElement=u,o.isHorizontal=s,o.gesto=new aa(u,{container:Se(l)}).on("dragStart",function(d){return o._onDragStart(d)}).on("drag",function(d){return o._onDrag(d)}),ee(o.barElement,"wheel",o._onWheel,{passive:!1}),o}var n=e.prototype;return n.scrollBy=function(r,i){var a=r/this.size;this.trigger("scroll",{delta:i?r:this.scrollSize*a})},n.render=function(r,i,a,o){this.size=a,this.scrollSize=o;var s=r&&St(o-a,.001)>0?1:0,l=this.isHorizontal?["X","width"]:["Y","height"],c=l[0],u=l[1],d=a/o*100,f=Math.max(0,i)/o*100;this.thumbElement.style.cssText+="".concat(u,": ").concat(d,"%;opacity: ").concat(s,";")+"transform: translate".concat(c,"(").concat(100/d*f,"%)")},n.destroy=function(){qt(this.barElement,"wheel",this._onWheel),this.gesto.off(),this.off()},e}(er),jv=function(t){Io(e,t);function e(r,i,a){i===void 0&&(i={}),a===void 0&&(a={});var o=t.call(this)||this;return o._containerElement=r,o.offsetX=0,o.offsetY=0,o.containerWidth=0,o.containerHeight=0,o.viewportWidth=0,o.viewportHeight=0,o.viewportScrollWidth=0,o.viewportScrollHeight=0,o.scrollLeft=0,o.scrollTop=0,o._scrollTimer=0,o._zoomTimer=0,o._viewportElement=null,o._wheelContainerElement=null,o.dragFlag=!1,o.isLoop=!1,o._tempScale=[1,1],o._tempRect=null,o._tempRectTimer=null,o._onDestroys=[],o._asLeft=0,o._asTop=0,o.resize=function(){var s=o._containerElement,l=s.offsetWidth,c=s.offsetHeight,u=o._viewportElement,d=u.offsetWidth,f=u.offsetHeight,h=u.scrollWidth,v=u.scrollHeight;o.containerWidth=l,o.containerHeight=c,o.viewportWidth=d,o.viewportHeight=f,o.viewportScrollWidth=Math.max(d,h),o.viewportScrollHeight=Math.max(f,v),o.render(),o._scrollBy(0,0)},o._onScroll=function(){var s=o.wrapperElement,l=s.scrollLeft,c=s.scrollTop,u=o.zoom,d=u===void 0?Te.zoom:u,f=l-o.scrollLeft,h=c-o.scrollTop,v=o.getScrollLeft(),p=o.getScrollTop();o.isLoop&&(o.isLoop=!1),o.scrollLeft=l,o.scrollTop=c,o.scrollTo(v+f/d,p+h/d)},o.onWheel=function(s){var l=o.options,c=l.pinchDirection,u=l.maxPinchWheel||1/0,d=s["".concat(o.wheelPinchKey,"Key")]||s.ctrlKey;if(l.useWheelPinch&&d){var f=s.deltaY,h=f>=0?1:-1,v=Math.min(u,Math.abs(f));f=h*v;var p=-f,g=Math.max(1+p*(l.wheelScale||.01),Pv);clearTimeout(o._tempRectTimer),o._tempRectTimer=window.setTimeout(function(){o._tempRect=null},100),o._triggerPinch({distance:v,scale:g,rotation:0,zoom:o.zoom*g,zoomX:o.zoomX*(c==="vertical"?1:g),zoomY:o.zoomY*(c==="horizontal"?1:g),inputEvent:s,isWheel:!0,clientX:s.clientX,clientY:s.clientY,ratioX:0,ratioY:0})}else if(l.useWheelScroll){var m=s.deltaX,f=s.deltaY;s.shiftKey&&!m&&(m=f,f=0),o.scrollBy(m/o.zoomX,f/o.zoomY)}else return;s.preventDefault()},o.onGestureStart=function(s){o._tempScale=[o.zoomX,o.zoomY],o._setClientRect(),s.preventDefault()},o.onGestureChange=function(s){if(s.preventDefault(),o.gesto.isFlag()||!o._tempScale){o._tempScale=[1,1];return}var l=s.scale,c=o._tempScale[0],u=o._tempScale[1],d=o.options.pinchDirection;o._triggerPinch({distance:0,scale:l,rotation:s.rotation,inputEvent:s,isWheel:!0,zoom:(c+u)*l/2,zoomX:c*(d==="vertical"?1:l),zoomY:u*(d==="horizontal"?1:l),clientX:s.clientX,clientY:s.clientY,ratioX:0,ratioY:0})},o.onGestureEnd=function(){},fn(i)?(o._viewportElement=i,o.options=$e($e({},Te),a)):(o._viewportElement=r.children[0],o.options=$e($e({},Te),i)),o.init(),o}var n=e.prototype;return n.getContainer=function(){return this._containerElement},n.getWheelContainer=function(){return this._wheelContainerElement},n.getViewport=function(){return this._viewportElement},n.getWrapper=function(){return this.wrapperElement},n.geScrollArea=function(){return this.scrollAreaElement},n.destroy=function(){this.off(),this.gesto.unset(),this.verticalScrollbar.destroy(),this.horizontalScrollbar.destroy(),this.injectResult.destroy();var r=this._containerElement;this._onDestroys.forEach(function(i){i()}),qt(this.wrapperElement,"scroll",this._onScroll),qt(this._wheelContainerElement,"wheel",this.onWheel),qt(r,"gesturestart",this.onGestureStart),qt(r,"gesturechange",this.onGestureChange),qt(r,"gesturesend",this.onGestureEnd),this.gesto=null,this.injectResult=null,this._containerElement=null,this._viewportElement=null,this.options=null},n.getScrollTop=function(r){r===void 0&&(r={});var i=!1,a=!1;Me(r)?(i=r.range,a=r.absolute):i=r;var o=this.zoomY,s=this.scrollTop/o+this.offsetY+(i?hn(this.getRangeY()[0]):0);return a?s*o:s},n.getScrollLeft=function(r){r===void 0&&(r={});var i=!1,a=!1;Me(r)?(i=r.range,a=r.absolute):i=r;var o=this.zoomX,s=this.scrollLeft/o+this.offsetX+(i?hn(this.getRangeX()[0]):0);return a?s*o:s},n.getScrollWidth=function(r){var i=this._getScrollRangeX(),a=this.zoomX,o=this.containerWidth/a+hn(i[0])+i[1];return r?o:o*a},n.getScrollHeight=function(r){var i=this._getScrollRangeY(),a=this.zoomY,o=this.containerHeight/a+hn(i[0])+i[1];return r?o:o*a},n.scrollCenter=function(r){r===void 0&&(r={}),this.resize();var i=this.zoomX,a=this.zoomY,o=-(this.containerWidth/i-this.viewportWidth)/2,s=-(this.containerHeight/a-this.viewportHeight)/2;return r.absolute&&(o*=i,s*=a),r.horizontal===!1&&(o=this.getScrollLeft()),r.vertical===!1&&(s=this.getScrollTop()),this.scrollTo(o,s,r)},n.setTo=function(r){var i=r.x,a=i===void 0?this.getScrollLeft():i,o=r.y,s=o===void 0?this.getScrollTop():o,l=r.zoom,c=l===void 0?[this.getZoomX(),this.getZoomY()]:l,u=r.duration,d=this,f=d.zoomX,h=d.zoomY,v=d.zoomRange,p=this,g=p.zoomOffsetX,m=g===void 0?Te.zoomOffsetX:g,x=p.zoomOffsetY,b=x===void 0?Te.zoomOffsetY:x;"zoomOffsetX"in r&&(m=r.zoomOffsetX),"zoomOffsetY"in r&&(b=r.zoomOffsetY);var C=Qt(c)?c:[c,c],E=C[0],S=C[1],D=this.zoomRangeX||v,M=this.zoomRangeY||v,w=en(E,D[0],D[1]),T=en(S,M[0],M[1]),k=It("".concat(m),this.viewportWidth)*(1/f-1/w),O=It("".concat(b),this.viewportHeight)*(1/h-1/T);this.scrollTo(a-k,s-O,{duration:u}),this.setZoom(c,{zoomOffsetX:m,zoomOffsetY:b,duration:u,zoomBase:"fixed"})},n.setBy=function(r){var i=r.x,a=i===void 0?0:i,o=r.y,s=o===void 0?0:o,l=r.zoom,c=l===void 0?[0,0]:l,u=Qt(c)?c:[c,c],d=u[0],f=u[1];this.setTo($e($e({},r),{x:this.getScrollLeft()+a,y:this.getScrollTop()+s,zoom:[this.zoomX+d,this.zoomY+f]}))},n.scrollBy=function(r,i,a){if(this._pauseScrollAnimation(),!a||!a.duration){var o=this.getScrollLeft(),s=this.getScrollTop();return a?.absolute&&(o*=this.zoomX,s*=this.zoomY),this._scrollTo(o+r,s+i,a)}else return this._startScrollAnimation([r,i],a),!0},n.scrollTo=function(r,i,a){if(this._pauseScrollAnimation(),!a||!a.duration)return this._scrollTo(r,i,a);var o=this.getScrollLeft(),s=this.getScrollTop();return a?.absolute&&(o*=this.zoomX,s*=this.zoomY),this.scrollBy(r-o,i-s,a)},n.zoomBy=function(r,i){this._pauseZoomAnimation();var a=Qt(r)?r:[r,r],o=a[0],s=a[1];!i||!i.duration?this._setZoom([this.zoomX+o,this.zoomY+s],i):this._startZoomAnimation([o,s],i)},n.setZoom=function(r,i){if(this._pauseZoomAnimation(),!i||!i.duration)this._setZoom(r,i);else{var a=Qt(r)?r:[r,r],o=a[0],s=a[1];this._startZoomAnimation([o-this.zoomX,s-this.zoomY],i)}},n.getViewportWidth=function(){return this.viewportWidth},n.getViewportHeight=function(){return this.viewportWidth},n.getViewportScrollWidth=function(){return this.viewportScrollWidth},n.getViewportScrollHeight=function(){return this.viewportScrollHeight},n.getContainerWidth=function(){return this.containerWidth},n.getContainerHeight=function(){return this.containerHeight},n.getZoom=function(){return(this.zoomX+this.zoomY)/2},n.getZoomX=function(){return this.zoomX},n.getZoomY=function(){return this.zoomY},n.getRangeX=function(r,i){return this._getRangeCoord("horizontal",r,i)},n.getRangeY=function(r,i){return this._getRangeCoord("vertical",r,i)},n.init=function(){var r=this,i,a=this._containerElement,o=this.options,s=Ce(a),l=Se(a),c=o.wrapperElement||a.querySelector(".".concat(mc)),u=o.scrollAreaElement||a.querySelector(".".concat(xc)),d=o.horizontalScrollElement||a.querySelector(".".concat(yc)),f=o.verticalScrollElement||a.querySelector(".".concat(bc));c||(c=s.createElement("div"),c.insertBefore(this._viewportElement,null),a.insertBefore(c,null)),this.wrapperElement=c,u||(u=s.createElement("div"),c.insertBefore(u,c.firstChild)),this.scrollAreaElement=u,En(a,Iv),En(c,mc),En(u,xc);var h=new Rc(a,"horizontal",d),v=new Rc(a,"vertical",f);this.horizontalScrollbar=h,this.verticalScrollbar=v,h.on("scroll",function(x){r.scrollBy(x.delta/r.zoomX,0)}),v.on("scroll",function(x){r.scrollBy(0,x.delta/r.zoomY)}),h.isAppend&&a.insertBefore(h.barElement,null),v.isAppend&&a.insertBefore(v.barElement,null),this.injectResult=Sc.inject(a,{nonce:this.options.cspNonce});var p=o.wheelContainer,g=null;if(p&&(ge(p)?g=s.querySelector(p):fn(p)?g=p:("value"in p||"current"in p)&&(g=p.current||p.value)),g||(g=a),this._wheelContainerElement=g,this.gesto=new aa(a,{container:Se(a),events:["touch","mouse"],preventWheelClick:(i=this.options.preventWheelClick)!==null&&i!==void 0?i:!0}).on("dragStart",function(x){var b=x.inputEvent,C=x.stop,E=x.datas;if(!r.useMouseDrag&&x.isMouseEvent){C();return}r._pauseScrollAnimation(),r.dragFlag=!1;var S=r.trigger("dragStart",x);if(S===!1){C();return}b.preventDefault(),E.startEvent=b}).on("drag",function(x){!r.options.usePinch||x.isPinch||r.useMouseDrag&&x.isMouseEvent?(r.trigger("drag",$e($e({},x),{inputEvent:x.inputEvent})),zv(x),r.scrollBy(-x.deltaX/r.zoomX,-x.deltaY/r.zoomY)):!r.dragFlag&&x.movement>o.pinchThreshold&&(r.dragFlag=!0,r.trigger("abortPinch",{inputEvent:x.datas.startEvent||x.inputEvent}))}).on("dragEnd",function(x){r.trigger("dragEnd",{isDrag:x.isDrag,isDouble:x.isDouble,inputEvent:x.inputEvent}),r._startScrollAnimationBySpeed(x.datas.speed)}).on("pinchStart",function(x){var b=x.inputEvent,C=x.datas,E=x.stop;b.preventDefault(),r._pauseScrollAnimation(),C.startZoom=[r.zoomX,r.zoomY];var S=r.trigger("pinchStart",{inputEvent:b});S===!1&&E(),r._setClientRect()}).on("pinch",function(x){var b=x.scale,C=r.options.pinchDirection;r._triggerPinch({rotation:x.rotation,distance:x.distance,scale:x.scale,inputEvent:x.inputEvent,isWheel:!1,zoom:x.datas.startZoom*b,zoomX:r.zoomX*(C==="vertical"?1:b),zoomY:r.zoomY*(C==="horizontal"?1:b),clientX:x.clientX,clientY:x.clientY,ratioX:0,ratioY:0})}).on("pinchEnd",function(){r._tempRect=null}),ee(c,"scroll",this._onScroll),o.useResizeObserver){var m=new l.ResizeObserver(function(){r.resize()});m.observe(this._viewportElement),m.observe(this._containerElement),this._onDestroys.push(function(){m.disconnect()})}else ee(l,"resize",this.resize),this._onDestroys.push(function(){qt(l,"resize",r.resize)});(o.useWheelPinch||o.useWheelScroll)&&ee(g,"wheel",this.onWheel,{passive:!1}),o.useGesture&&(ee(a,"gesturestart",this.onGestureStart,{passive:!1}),ee(a,"gesturechange",this.onGestureChange,{passive:!1})),this.resize()},n.render=function(){var r=this,i=r.offsetX,a=r.offsetY,o=r.zoomX,s=o===void 0?Te.zoomX:o,l=r.zoomY,c=l===void 0?Te.zoomY:l,u=r.translateZ,d=u===void 0?0:u,f=r.rangeX,h=r.rangeY,v=r.containerWidth,p=r.containerHeight,g=this.options.useTransform,m=g===void 0?Te.useTransform:g,x=-i*s,b=-a*c;this.scrollAreaElement.style.cssText="width:calc(100% + ".concat(this.getScrollAreaWidth(),"px);")+"height:calc(100% + ".concat(this.getScrollAreaHeight(),"px);");var C=this._viewportElement.style;m===!1?C.cssText+="position: relative; left: ".concat(x,"px; top: ").concat(b,"px; "):C.cssText+="transform-origin: 0 0;"+"transform:translate3d(".concat(x,"px, ").concat(b,"px, ").concat(d,"px) scale(").concat(s,", ").concat(c,");"),this.renderScroll()},n.renderScroll=function(){var r=this,i=r.zoomX,a=r.zoomY,o=r.containerWidth,s=r.containerHeight,l=this.horizontalScrollbar,c=this.verticalScrollbar;if(this.options.useBounceScrollBar){var u=this.getScrollLeft(!0)*i,d=this.getRangeX(!0),f=o+hn(d[0])+hn(d[1]),h=this.getScrollTop(!0)*a,v=this.getRangeY(!0),p=s+hn(v[0])+hn(v[1]);l.render(this.displayHorizontalScroll,u,o,f),c.render(this.displayVerticalScroll,h,s,p)}else{var g=this._getScrollRangeX(),m=this._getScrollRangeY(),u=this.getScrollLeft(),h=this.getScrollTop(),f=this.containerWidth+hn(g[0])+g[1],p=this.containerHeight+hn(m[0])+m[1];l.render(this.displayHorizontalScroll,u-g[0],o,f),c.render(this.displayVerticalScroll,h-m[0],s,p)}},n.move=function(r,i){var a=this.wrapperElement;a.scrollLeft=r,a.scrollTop=i},n.setDisplayVerticalScroll=function(r){this.options.displayVerticalScroll=r,this.renderScroll()},n.setDisplayHorizontalScroll=function(r){this.options.displayHorizontalScroll=r,this.renderScroll()},n._startZoomAnimation=function(r,i){var a=this;if(r){var o=i.duration,s=i.easing||Ec;kc(function(l){return a._setZoom([a.zoomX+r[0]*l,a.zoomY+r[1]*l],i)},function(l){a._zoomTimer=requestAnimationFrame(l)},{easing:s,duration:o})}},n._startScrollAnimation=function(r,i){var a=this;if(!(!r[0]&&!r[1])){var o=i.duration,s=i.easing||Ec;kc(function(l){return a._scrollBy(r[0]*l,r[1]*l,i)},function(l){a._scrollTimer=requestAnimationFrame(l)},{easing:s,duration:o})}},n._startScrollAnimationBySpeed=function(r){if(!(!r||!r[0]&&!r[1])){var i=-6e-4,a=Mc(r,i),o=Nv(r,i);return this._startScrollAnimation(o,{duration:a})}},n._pauseScrollAnimation=function(){cancelAnimationFrame(this._scrollTimer),this._scrollTimer=0},n._pauseZoomAnimation=function(){cancelAnimationFrame(this._zoomTimer),this._zoomTimer=0},n.getScrollAreaWidth=function(){var r=this.getRangeX(!0),i=r[0],a=r[1];return i||a?this.margin*2:0},n.getScrollAreaHeight=function(){var r=this.getRangeY(!0),i=r[0],a=r[1];return i||a?this.margin*2:0},n._triggerPinch=function(r){var i=r.clientX,a=r.clientY,o=r.zoomX,s=r.zoomY;this.useAutoZoom&&this._zoomByClient([o,s],i,a),this._tempRect||this._setClientRect();var l=this.zoomRange,c=this.zoomRangeX||l,u=this.zoomRangeY||l,d=this._tempRect,f=d.left,h=d.top,v=d.width,p=d.height,g=(i-f)/v*100,m=(a-h)/p*100;this.trigger("pinch",$e($e({},r),{zoom:en((o+s)/2,l[0],l[1]),zoomX:en(o,c[0],c[1]),zoomY:en(s,u[0],u[1]),ratioX:g,ratioY:m}))},n._setClientRect=function(){var r=this.getContainer().getBoundingClientRect();this._tempRect={left:r.left,top:r.top,width:r.width,height:r.height}},n._zoomByClient=function(r,i,a){this._tempRect||this._setClientRect();var o=this._tempRect,s=o.left,l=o.top,c=o.width,u=o.height,d=this.options,f=d.zoomOffsetX,h=d.zoomOffsetY;d.zoomOffsetX="".concat((i-s)/c*100,"%"),d.zoomOffsetY="".concat((a-l)/u*100,"%"),this._setZoom(r,{zoomBase:"screen"}),d.zoomOffsetX=f,d.zoomOffsetY=h},n._setZoom=function(r,i){i===void 0&&(i={});var a=i.zoomBase,o=this,s=o.containerWidth,l=o.containerHeight,c=o.zoomX,u=o.zoomY,d=o.zoomRange,f=this,h=f.zoomOffsetX,v=h===void 0?Te.zoomOffsetX:h,p=f.zoomOffsetY,g=p===void 0?Te.zoomOffsetY:p;"zoomOffsetX"in i&&(v=i.zoomOffsetX),"zoomOffsetY"in i&&(g=i.zoomOffsetY);var m=this.getScrollLeft(),x=this.getScrollTop(),b=Qt(r)?r:[r,r],C=b[0],E=b[1],S=this.zoomRangeX||d,D=this.zoomRangeY||d,M=en(C,S[0],S[1]),w=en(E,D[0],D[1]),T=this.options;T.zoomX=M,T.zoomY=w,T.zoom=(M+w)/2;var k=this.getScrollLeft(),O=this.getScrollTop(),A=0,_=0;a==="fixed"?(A=It("".concat(v),this.viewportWidth),_=It("".concat(g),this.viewportHeight)):a==="viewport"?(A=(-m+It("".concat(v),this.viewportWidth))*c,_=(-x+It("".concat(g),this.viewportHeight))*u):(A=It("".concat(v),s),_=It("".concat(g),l));var P=m+A/c,z=x+_/u,j=k+A/M,N=O+_/w;this._scrollBy(P-j,z-N,{zoom:!!(M-c||w-u)}),this.render()},n._scrollBy=function(r,i,a){var o=this.getScrollLeft(),s=this.getScrollTop();return a?.absolute&&(o*=this.zoomX,s*=this.zoomY),this._scrollTo(o+r,s+i,a)},n._scrollTo=function(r,i,a){var o=this,s=this,l=s.scrollLeft,c=s.scrollTop,u=a?.absolute;this._scrollToType("horizontal",r,u),this._scrollToType("vertical",i,u);var d=this.scrollLeft,f=this.scrollTop;this.render();var h=this.getScrollLeft(),v=this.getScrollTop();return this._emitScrollEvent(h,v,a?.zoom),Math.round(l)!==d||Math.round(c)!==f?(this.isLoop=!0,this.move(d,f),requestAnimationFrame(function(){if(o.isLoop){o.isLoop=!1;var p=o.wrapperElement,g=p.scrollLeft,m=p.scrollTop;o.scrollLeft=g,o.scrollTop=m,(d!==Math.round(g)||f!==Math.round(m))&&o._scrollTo(h,v)}}),!1):!0},n._scrollToType=function(r,i,a){var o=wc[r],s=this,l=s.margin,c=l===void 0?Te.margin:l,u=s.threshold,d=u===void 0?Te.threshold:u,f=this["scroll".concat(o.pos)],h=this["getRange".concat(o.coord)](!0,!0),v=h[0],p=h[1],g=Math.round(f),m=this["getScrollArea".concat(o.size)](),x=this["zoom".concat(o.coord)];a&&(i=i/x);var b=i*x;if(v===p)g=v,i=v/x;else if(b-d<=v){var C=Math.max(0,b-v);g=C,i=(v+C)/x}else if(b+d>=p){var E=Math.max(0,p-b);g=m-E,i=(p-E)/x}else g<d?g+=c:g>m-d&&(g-=c);g=Math.round(g),this["scroll".concat(o.pos)]=g,this["offset".concat(o.coord)]=i-g/x},n._getRangeCoord=function(r,i,a){var o=this,s=o.margin,l=s===void 0?Te.margin:s,c=o.threshold,u=wc[r],d=Tc(this["range".concat(u.coord)],Te["range".concat(u.coord)]),f=Tc(this["rangeOffset".concat(u.coord)],Te["rangeOffset".concat(u.coord)]),h=this["zoom".concat(u.coord)],v=Bv(this["getScroll".concat(u.pos)](),l,d,c,a);return i?[v[0]*h+f[0],this.options.useOverflowScroll?Math.max(this["viewport".concat(u.size)]*h-this["container".concat(u.size)],v[1]*h+f[1]):v[1]*h+f[1]]:[v[0]+f[0],v[1]+f[1]]},n._emitScrollEvent=function(r,i,a){var o=this._asLeft,s=this._asTop;!a&&o===r&&s===i||(this._asLeft=r,this._asTop=i,this.trigger("scroll",{scrollLeft:r,scrollTop:i,zoomX:this.zoomX,zoomY:this.zoomY}))},n._getScrollRangeX=function(){var r=this.getScrollLeft(),i=this.rangeX,a=i[0],o=i[1];this.useOverflowScroll&&isFinite(o)&&(o=Math.max(o,this.viewportWidth-this.containerWidth/this.zoomX));var s=Math.min(0,isFinite(a)?Math.min(a,r):r),l=Math.max(0,isFinite(o)?Math.max(o,r):r),c=this.viewportScrollWidth,u=Math.max(this.containerWidth/this.zoomX,c)-c,d=Math.min(0,u+s);return[d,l]},n._getScrollRangeY=function(){var r=this.getScrollTop(),i=this.rangeY,a=i[0],o=i[1];this.useOverflowScroll&&isFinite(o)&&(o=Math.max(o,this.viewportHeight-this.containerHeight/this.zoomY));var s=Math.min(0,isFinite(a)?Math.min(a,r):r),l=Math.max(0,isFinite(o)?Math.max(o,r):r),c=this.viewportScrollHeight,u=Math.max(this.containerHeight/this.zoomY,c)-c,d=Math.min(0,u+s);return[d,l]},e=Av([oa(Dc,function(r,i){var a={enumerable:!0,configurable:!0,get:function(){return this.options[i]}},o=na("set ".concat(i));r[o]?a.set=function(s){this[o](s)}:a.set=function(s){this.options[i]=s},Object.defineProperty(r,i,a)})],e),e}(er),Vv=function(t){Io(e,t);function e(){return t!==null&&t.apply(this,arguments)||this}return e}(jv);const Fv=Vv;var Gv=function(){function t(){this.keys=[],this.values=[]}var e=t.prototype;return e.get=function(n){return this.values[this.keys.indexOf(n)]},e.set=function(n,r){var i=this.keys,a=this.values,o=i.indexOf(n),s=o===-1?i.length:o;i[s]=n,a[s]=r},t}(),Wv=function(){function t(){this.object={}}var e=t.prototype;return e.get=function(n){return this.object[n]},e.set=function(n,r){this.object[n]=r},t}(),$v=typeof Map=="function",Hv=function(){function t(){}var e=t.prototype;return e.connect=function(n,r){this.prev=n,this.next=r,n&&(n.next=this),r&&(r.prev=this)},e.disconnect=function(){var n=this.prev,r=this.next;n&&(n.next=r),r&&(r.prev=n)},e.getIndex=function(){for(var n=this,r=-1;n;)n=n.prev,++r;return r},t}();function Yv(t,e){var n=[],r=[];return t.forEach(function(i){var a=i[0],o=i[1],s=new Hv;n[a]=s,r[o]=s}),n.forEach(function(i,a){i.connect(n[a-1])}),t.filter(function(i,a){return!e[a]}).map(function(i,a){var o=i[0],s=i[1];if(o===s)return[0,0];var l=n[o],c=r[s-1],u=l.getIndex();l.disconnect(),c?l.connect(c,c.next):l.connect(void 0,n[0]);var d=l.getIndex();return[u,d]})}var Kv=function(){function t(n,r,i,a,o,s,l,c){this.prevList=n,this.list=r,this.added=i,this.removed=a,this.changed=o,this.maintained=s,this.changedBeforeAdded=l,this.fixed=c}var e=t.prototype;return Object.defineProperty(e,"ordered",{get:function(){return this.cacheOrdered||this.caculateOrdered(),this.cacheOrdered},enumerable:!0,configurable:!0}),Object.defineProperty(e,"pureChanged",{get:function(){return this.cachePureChanged||this.caculateOrdered(),this.cachePureChanged},enumerable:!0,configurable:!0}),e.caculateOrdered=function(){var n=Yv(this.changedBeforeAdded,this.fixed),r=this.changed,i=[];this.cacheOrdered=n.filter(function(a,o){var s=a[0],l=a[1],c=r[o],u=c[0],d=c[1];if(s!==l)return i.push([u,d]),!0}),this.cachePureChanged=i},t}();function hi(t,e,n){var r=$v?Map:n?Wv:Gv,i=n||function(x){return x},a=[],o=[],s=[],l=t.map(i),c=e.map(i),u=new r,d=new r,f=[],h=[],v={},p=[],g=0,m=0;return l.forEach(function(x,b){u.set(x,b)}),c.forEach(function(x,b){d.set(x,b)}),l.forEach(function(x,b){var C=d.get(x);typeof C>"u"?(++m,o.push(b)):v[C]=m}),c.forEach(function(x,b){var C=u.get(x);typeof C>"u"?(a.push(b),++g):(s.push([C,b]),m=v[b]||0,f.push([C-m,b-g]),h.push(b===C),C!==b&&p.push([C,b]))}),o.reverse(),new Kv(t,e,a,o,p,s,f,h)}var Xv=function(){function t(n,r){n===void 0&&(n=[]),this.findKeyCallback=r,this.list=[].slice.call(n)}var e=t.prototype;return e.update=function(n){var r=[].slice.call(n),i=hi(this.list,r,this.findKeyCallback);return this.list=r,i},t}();const Uv=Xv;var Po=function(t,e){return Po=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(n,r){n.__proto__=r}||function(n,r){for(var i in r)Object.prototype.hasOwnProperty.call(r,i)&&(n[i]=r[i])},Po(t,e)};function vi(t,e){if(typeof e!="function"&&e!==null)throw new TypeError("Class extends value "+String(e)+" is not a constructor or null");Po(t,e);function n(){this.constructor=t}t.prototype=e===null?Object.create(e):(n.prototype=e.prototype,new n)}var He=function(){return He=Object.assign||function(e){for(var n,r=1,i=arguments.length;r<i;r++){n=arguments[r];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},He.apply(this,arguments)};function Ac(t,e){var n={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&e.indexOf(r)<0&&(n[r]=t[r]);if(t!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,r=Object.getOwnPropertySymbols(t);i<r.length;i++)e.indexOf(r[i])<0&&Object.prototype.propertyIsEnumerable.call(t,r[i])&&(n[r[i]]=t[r[i]]);return n}function zo(t,e,n){if(n||arguments.length===2)for(var r=0,i=e.length,a;r<i;r++)(a||!(r in e))&&(a||(a=Array.prototype.slice.call(e,0,r)),a[r]=e[r]);return t.concat(a||Array.prototype.slice.call(e))}function Oc(t){var e=0;return t.map(function(n){return n==null?"$compat".concat(++e):"".concat(n)})}function _c(t){var e=[];return t.forEach(function(n){e=e.concat(Qt(n)?_c(n):n)}),e}function No(t,e){if(!e)return t;for(var n in e)ta(t[n])&&(t[n]=e[n]);return t}function la(t,e){if(t===e)return!1;for(var n in t)if(!(n in e))return!0;for(var n in e)if(t[n]!==e[n])return!0;return!1}function Lc(t){var e=t.className,n=Ac(t,["className"]);return e!=null&&(n.class=e),delete n.style,delete n.children,n}function Ic(t){var e={},n={};for(var r in t)r.indexOf("on")===0?n[r]=t[r]:e[r]=t[r];return[e,n]}function ca(t){if(!t)return null;var e=t.b;return fn(e)?e:ca(t.c)}function Pc(t){var e=t.parentNode;e&&e.removeChild(t)}function zc(t){t.forEach(function(e){e()})}function Zv(){return this.constructor(this.props,this.context)}var Bo=0,ua=function(){function t(n,r,i,a,o,s,l){l===void 0&&(l={}),this.t=n,this.d=r,this.k=i,this.i=a,this.c=o,this.ref=s,this.ps=l,this.typ="prov",this._ps=[],this._cs={},this._hyd=null,this._sel=!1}var e=t.prototype;return e.s=function(){return!0},e.u=function(n,r,i,a,o){var s=this,l=s.d,c=rv(r).filter(function(v){return v.$_req}),u=_c(c.map(function(v){return v.$_subs})),d=ze(u,function(v){return v.d===l});if(s.b&&!ge(i)&&!o&&!s.s(i.props,a)&&!d){var f=u.reduce(function(v,p){var g=p.d;return v[0]?v[0].d===g&&v.push(p):g>l&&v.push(p),v},[]);return f.forEach(function(v){gi(v,v._ps,[v.o],n,r,!0)}),!1}s.o=i,s.ss(a);var h=s.ps;return ge(i)||(s.ps=i.props,s.ref=i.ref),fa(this),s.r(n,r,s.b?h:{},a),!0},e.md=function(){this.rr()},e.ss=function(){},e.ud=function(){this.rr()},e.rr=function(){var n=this,r=n.ref,i=n.fr;r&&r(i?i.current:n.b)},t}();function da(){return Object.__CROACT_CURRENT_INSTNACE__}function Nc(){return Bo}function Qv(t){Bo=t}function fa(t){return Object.__CROACT_CURRENT_INSTNACE__=t,Bo=0,t}var jo=function(){function t(n,r){n===void 0&&(n={}),this.props=n,this.context=r,this.state={},this.$_timer=0,this.$_state={},this.$_subs=[],this.$_cs={}}var e=t.prototype;return e.render=function(){return null},e.shouldComponentUpdate=function(n,r){return this.props!==n||this.state!==r},e.setState=function(n,r,i){var a=this;a.$_timer||(a.$_state={}),clearTimeout(a.$_timer),a.$_timer=0,a.$_state=He(He({},a.$_state),n),i?a.$_setState(r,i):a.$_timer=window.setTimeout(function(){a.$_timer=0,a.$_setState(r,i)})},e.forceUpdate=function(n){this.setState({},n,!0)},e.componentDidMount=function(){},e.componentDidUpdate=function(n,r){},e.componentWillUnmount=function(){},e.$_setState=function(n,r){var i=[],a=this.$_p,o=gi(a.c,[a],[a.o],i,a._cs,He(He({},this.state),this.$_state),r);o&&(n&&i.push(n),zc(i),fa(null))},t}(),Bc=function(t){vi(e,t);function e(){return t!==null&&t.apply(this,arguments)||this}var n=e.prototype;return n.shouldComponentUpdate=function(r,i){return la(this.props,r)||la(this.state,i)},e}(jo);function jc(t){var e=function(n){e.current=n};return e.current=t,e}function qv(t){return t._fr=!0,t}function Vc(t,e,n,r){var i,a;return!((i=t?.prototype)===null||i===void 0)&&i.render?a=new t(e,n):(a=new jo(e,n),a.constructor=t,t._fr?(r.fr=jc(),a.render=function(){return this.constructor(this.props,r.fr)}):a.render=Zv),a.$_p=r,a}var Jv=function(t){vi(e,t);function e(r,i,a,o,s,l,c){c===void 0&&(c={});var u=t.call(this,r,i,a,o,s,l,No(c,r.defaultProps))||this;return u.typ="comp",u._usefs=[],u._uefs=[],u._defs=[],u}var n=e.prototype;return n.s=function(r,i){var a=this.b;return a.shouldComponentUpdate(No(r,this.t.defaultProps),i||a.state)!==!1},n.r=function(r,i,a){var o,s,l=this,c=l.t;l.ps=No(l.ps,l.t.defaultProps);var u=l.ps,d=!l.b,f=c.contextType,h=l.b,v=f?.get(l);l._cs=i,d?(h=Vc(c,u,v,l),l.b=h):(h.props=u,h.context=v);var p=h.state;l._usefs=[],l._uefs=[];var g=h.render();((s=(o=g?.props)===null||o===void 0?void 0:o.children)===null||s===void 0?void 0:s.length)===0&&(g.props.children=l.ps.children);var m=He(He({},i),h.$_cs);gi(l,l._ps,g?[g]:[],r,m),d?l._uefs.push(function(){f?.register(l),h.componentDidMount()}):l._uefs.push(function(){h.componentDidUpdate(a,p)}),r.push(function(){l._usefs.forEach(function(x){x()}),d?l.md():l.ud(),l._defs=l._uefs.map(function(x){return x()})})},n.ss=function(r){var i=this.b;!i||!r||(i.state=r)},n.un=function(){var r,i=this;i._ps.forEach(function(o){o.un()});var a=i.t;(r=a.contextType)===null||r===void 0||r.unregister(i),clearTimeout(i.b.$_timer),i._defs.forEach(function(o){o&&o()}),i.b.componentWillUnmount()},e}(ua);function tp(t,e,n){var r=Vo(Lc(t),Lc(e)),i=r.added,a=r.removed,o=r.changed;for(var s in i)n.setAttribute(s,i[s]);for(var l in o)n.setAttribute(l,o[l][1]);for(var c in a)n.removeAttribute(c)}function ep(t,e,n){var r=Vo(t,e),i=r.added,a=r.removed;for(var o in a)n.e(o,!0);for(var s in i)n.e(s)}function Vo(t,e){var n=un(t),r=un(e),i=hi(n,r,function(l){return l}),a={},o={},s={};return i.added.forEach(function(l){var c=r[l];a[c]=e[c]}),i.removed.forEach(function(l){var c=n[l];o[c]=t[c]}),i.maintained.forEach(function(l){var c=l[0],u=n[c],d=[t[u],e[u]];t[u]!==e[u]&&(s[u]=d)}),{added:a,removed:o,changed:s}}function np(t,e,n){var r=n.style,i=Vo(t,e),a=i.added,o=i.removed,s=i.changed;for(var l in a){var c=ra(l,"-");r.setProperty(c,a[l])}for(var l in s){var u=ra(l,"-");r.setProperty(u,s[l][1])}for(var l in o){var d=ra(l,"-");r.removeProperty(d)}}function rp(t){return t.replace(/^on/g,"").toLowerCase()}var ip=function(t){vi(e,t);function e(){var r=t!==null&&t.apply(this,arguments)||this;return r.typ="elem",r._es={},r._svg=!1,r}var n=e.prototype;return n.e=function(r,i){var a=this,o=a._es,s=a.b,l=rp(r);i?(qt(s,l,o[r]),delete o[r]):(o[r]=function(c){var u,d;(d=(u=a.ps)[r])===null||d===void 0||d.call(u,c)},ee(s,l,o[r]))},n.s=function(r){return la(this.ps,r)},n.r=function(r,i,a){var o,s=this,l=!s.b,c=s.ps;if(l){var u=ca(s.c),d=!1;s._svg||s.t==="svg"?d=!0:d=u&&u.ownerSVGElement,s._svg=d;var f=(o=s._hyd)===null||o===void 0?void 0:o.splice(0,1)[0],h=s.t;if(f)s._hyd=[].slice.call(f.children||[]);else{var v=Ce(u);d?f=v.createElementNS("http://www.w3.org/2000/svg",h):f=v.createElement(h)}s.b=f}gi(s,s._ps,c.children,r,i);var p=s.b,g=Ic(a),m=g[0],x=g[1],b=Ic(c),C=b[0],E=b[1];return tp(m,C,p),ep(x,E,s),np(a.style||{},c.style||{},p),r.push(function(){l?s.md():s.ud()}),!0},n.un=function(){var r=this,i=r._es,a=r.b;for(var o in i)qt(a,o,i[o]);r._ps.forEach(function(s){s.un()}),r._es={},r._sel||Pc(a)},e}(ua);function pi(t){if(!t||fn(t))return t;var e=t.$_p._ps;return e.length?pi(e[0].b):null}function Fc(t){if(t){if(t.b&&fn(t.b))return t;var e=t._ps;return e.length?Fc(e[0]):null}}function Ye(t,e){for(var n=[],r=2;r<arguments.length;r++)n[r-2]=arguments[r];var i=e||{},a=i.key,o=i.ref,s=Ac(i,["key","ref"]);return{type:t,key:a,ref:o,props:He(He({},s),{children:Ql(n).filter(function(l){return l!=null&&l!==!1})})}}var Gc=function(t){vi(e,t);function e(r,i){i===void 0&&(i=0);var a=t.call(this,"container",i,"container",0,null)||this;return a.typ="container",a.b=r,a}var n=e.prototype;return n.r=function(){return!0},n.un=function(){},e}(ua),ap=function(t){vi(e,t);function e(){var r=t!==null&&t.apply(this,arguments)||this;return r.typ="text",r}var n=e.prototype;return n.r=function(r){var i,a=this,o=!a.b;if(o){var s=ca(a.c),l=(i=a._hyd)===null||i===void 0?void 0:i.splice(0,1)[0];a.b=l||Ce(s).createTextNode(a.t.replace("text_",""))}return r.push(function(){o?a.md():a.ud()}),!0},n.un=function(){Pc(this.b)},e}(ua);function op(t,e,n){var r=n.map(function(l){return ge(l)?null:l.key}),i=Oc(e.map(function(l){return l.k})),a=Oc(r),o=hi(i,a,function(l){return l});o.removed.forEach(function(l){e.splice(l,1)[0].un()}),o.ordered.forEach(function(l){var c=l[0],u=l[1],d=e.splice(c,1)[0];e.splice(u,0,d);var f=pi(d.b),h=pi(e[u+1]&&e[u+1].b);f&&f.parentNode.insertBefore(f,h)}),o.added.forEach(function(l){e.splice(l,0,Wc(n[l],r[l],l,t))});var s=o.maintained.filter(function(l){l[0];var c=l[1],u=n[c],d=e[c],f=ge(u)?"text_".concat(u):u.type;return f!==d.t?(d.un(),e.splice(c,1,Wc(u,r[c],c,t)),!0):(d.i=c,!1)});return zo(zo([],o.added,!0),s.map(function(l){l[0];var c=l[1];return c}),!0)}function sp(t,e){for(var n=t._ps,r=n.length,i=e.i+1;i<r;++i){var a=pi(n[i].b);if(a)return a}return null}function Wc(t,e,n,r){var i=r.d+1;if(ge(t)||kr(t))return new ap("text_".concat(t),i,e,n,r,null,{});var a=t.type,o=typeof a=="string"?ip:Jv;return new o(a,i,e,n,r,t.ref,t.props)}function gi(t,e,n,r,i,a,o){var s=op(t,e,n),l=t._hyd,c=e.filter(function(d,f){return d._hyd=l,d.u(r,i,n[f],a,o)});t.typ==="container"&&t._sel&&e.forEach(function(d){var f=Fc(d);f&&(f._sel=!0)}),t._hyd=null;var u=ca(t);return u&&s.reverse().forEach(function(d){var f=e[d],h=pi(f.b);if(h&&u!==h&&!h.parentNode){var v=sp(t,f);u.insertBefore(h,v)}}),c.length>0}function $c(t,e,n,r){n===void 0&&(n=e.__CROACT__),r===void 0&&(r={});var i=!!n;n||(n=new Gc(e));var a=[];return gi(n,n._ps,t?[t]:[],a,r,void 0,void 0),zc(a),fa(null),i||(e.__CROACT__=n),n}function Xy(t,e,n){var r=e.__CROACT__;t&&!r&&(e.innerHTML=""),$c(t,e,r),n&&n()}function Hc(t,e,n){return!n&&t&&(n=new Gc(e.parentElement),n._hyd=[e],n._sel=!0),$c(t,e,n),n}var lp=0;function Uy(t){var e="c".concat(++lp);function n(o){var s=this;if(!s.$_cs[e]){s.$_cs[e]=s;var l=[];s.shouldComponentUpdate=function(c){c.value!==s.props.value&&(s.$_req=!0)},s.render=function(){return s.props.children[0]},s.$_subs=l}return o.children[0]}function r(o,s){return o.children(s)}function i(o){return o._cs[e]}var a={$_id:e,$_dv:t,Consumer:r,Provider:n,get:function(o){var s,l;return(l=(s=i(o))===null||s===void 0?void 0:s.props.value)!==null&&l!==void 0?l:t},register:function(o){var s=i(o);s&&pushSet(s.$_subs,o)},unregister:function(o){var s=i(o);if(s){var l=s.$_subs,c=l.indexOf(o);c>-1&&l.splice(c,1)}}};return r.contextType=a,a}var cp=null;function Zy(t,e){return Ye(cp,{element:t,container:e})}function ha(t,e,n){if(t==null)return"";if(isString(t)||isNumber(t)||isFunction(t))return t;var r=t.type,i=t.props;if(isString(r)){var a={};getEntries(i).forEach(function(h){var v=h[0],p=h[1];if(v==="style")a[v]=getEntries(p).map(function(g){var m=g[0],x=g[1];return"".concat(decamelize(m),": ").concat(x,";")}).join("");else{if(v==="children")return;v.match(/^on[^a-z]/g)||(a[v]="".concat(p))}});var o=i.children.map(function(h){return ha(h,e)}).join("");if(n)return{tagName:r,props:a,children:o};var s=zo([r],getEntries(a).map(function(h){var v=h[0],p=h[1];return"".concat(v,'="').concat(p.replace(/"/g,'\\"'),'"')}),!0);return"<".concat(s.join(" "),">").concat(o,"</").concat(r,">")}else if(isFunction(r)){var l=r.contextType,c={b:null,_hs:[],_usefs:[],_uefs:[],_defs:[],_cs:e};fa(c);var u=l?.get(c),d=Vc(r,i,u,{}),f=He(He({},e),d.$_cs);return c.b=d,ha(d.render(),f,n)}return""}function Qy(t){return ha(t,{})}function qy(t){return ha(t,{},!0)}function Fo(t){var e=da(),n=e._hs||(e._hs=[]),r=Nc(),i=n[r];if(Qv(r+1),i){if(!la(i.deps,t.deps))return i.updated=!1,i;n[r]=t}else n.push(t);return t.value=t.func(),t.updated=!0,t}function up(t,e){var n=Fo({func:t,deps:e});return n.value}function dp(t){return up(function(){return jc(t)},[])}function Jy(t){var e=da(),n=t.$_id,r=e._cs,i;return n in r?(i=r[n],i.props.value):t.$_dv,Go(function(){return t.register(e),function(){t.unregister(e)}},[]),t.get(e)}function tb(t){var e=da(),n=Nc(),r=e.b;return Fo({func:function(){r.state[n]=isFunction(t)?t():t},deps:[]}),[r.state[n],function(i){var a;return r.setState((a={},a[n]=i,a))}]}function Go(t,e,n){var r=da(),i=Fo({func:function(){return t},deps:e}),a=n?r._usefs:r._uefs;i.updated?a.push(function(){return i.effect&&i.effect(),i.effect=t(),i.effect}):a.push(function(){return i.effect})}function fp(t,e,n){Go(function(){t?.(e())},n,!0)}var eb="simple-1.0.0";function hp(t,e,n,r,i,a){for(var o=0;o<i;++o){var s=n+o*i,l=r+o*i;t[s]+=t[l]*a,e[s]+=e[l]*a}}function vp(t,e,n,r,i){for(var a=0;a<i;++a){var o=n+a*i,s=r+a*i,l=t[o],c=e[o];t[o]=t[s],t[s]=l,e[o]=e[s],e[s]=c}}function pp(t,e,n,r,i){for(var a=0;a<r;++a){var o=n+a*r;t[o]/=i,e[o]/=i}}function Yc(t,e,n){n===void 0&&(n=Math.sqrt(t.length));for(var r=t.slice(),i=0;i<n;++i)r[i*n+e-1]=0,r[(e-1)*n+i]=0;return r[(e-1)*(n+1)]=1,r}function nn(t,e){e===void 0&&(e=Math.sqrt(t.length));for(var n=t.slice(),r=te(e),i=0;i<e;++i){var a=e*i+i;if(!St(n[a],oe)){for(var o=i+1;o<e;++o)if(n[e*i+o]){vp(n,r,i,o,e);break}}if(!St(n[a],oe))return[];pp(n,r,i,e,n[a]);for(var o=0;o<e;++o){var s=o,l=o+i*e,c=n[l];!St(c,oe)||i===o||hp(n,r,s,i,e,-c)}}return r}function gp(t,e){e===void 0&&(e=Math.sqrt(t.length));for(var n=[],r=0;r<e;++r)for(var i=0;i<e;++i)n[i*e+r]=t[e*r+i];return n}function Kc(t,e){e===void 0&&(e=Math.sqrt(t.length));for(var n=[],r=t[e*e-1],i=0;i<e-1;++i)n[i]=t[e*(e-1)+i]/r;return n[e-1]=0,n}function mp(t,e){for(var n=te(e),r=0;r<e-1;++r)n[e*(e-1)+r]=t[r]||0;return n}function rr(t,e){for(var n=t.slice(),r=t.length;r<e-1;++r)n[r]=0;return n[e-1]=1,n}function rn(t,e,n){if(e===void 0&&(e=Math.sqrt(t.length)),e===n)return t;for(var r=te(n),i=Math.min(e,n),a=0;a<i-1;++a){for(var o=0;o<i-1;++o)r[a*n+o]=t[a*e+o];r[(a+1)*n-1]=t[(a+1)*e-1],r[(n-1)*n+a]=t[(e-1)*e+a]}return r[n*n-1]=t[e*e-1],r}function va(t){for(var e=[],n=1;n<arguments.length;n++)e[n-1]=arguments[n];var r=te(t);return e.forEach(function(i){r=Zt(r,i,t)}),r}function Zt(t,e,n){n===void 0&&(n=Math.sqrt(t.length));var r=[],i=t.length/n,a=e.length/i;if(i){if(!a)return t}else return e;for(var o=0;o<n;++o)for(var s=0;s<a;++s){r[s*n+o]=0;for(var l=0;l<i;++l)r[s*n+o]+=t[l*n+o]*e[s*i+l]}return r}function jt(t,e){for(var n=Math.min(t.length,e.length),r=t.slice(),i=0;i<n;++i)r[i]=r[i]+e[i];return r}function ht(t,e){for(var n=Math.min(t.length,e.length),r=t.slice(),i=0;i<n;++i)r[i]=r[i]-e[i];return r}function xp(t,e){return e===void 0&&(e=t.length===6),e?[t[0],t[1],0,t[2],t[3],0,t[4],t[5],1]:t}function Xc(t,e){return e===void 0&&(e=t.length===9),e?[t[0],t[1],t[3],t[4],t[6],t[7]]:t}function Ee(t,e,n){n===void 0&&(n=e.length);var r=Zt(t,e,n),i=r[n-1];return r.map(function(a){return a/i})}function yp(t,e){return Zt(t,[1,0,0,0,0,Math.cos(e),Math.sin(e),0,0,-Math.sin(e),Math.cos(e),0,0,0,0,1],4)}function bp(t,e){return Zt(t,[Math.cos(e),0,-Math.sin(e),0,0,1,0,0,Math.sin(e),0,Math.cos(e),0,0,0,0,1],4)}function Cp(t,e){return Zt(t,xi(e,4))}function pa(t,e){var n=e[0],r=n===void 0?1:n,i=e[1],a=i===void 0?1:i,o=e[2],s=o===void 0?1:o;return Zt(t,[r,0,0,0,0,a,0,0,0,0,s,0,0,0,0,1],4)}function mi(t,e){return Ee(xi(e,3),rr(t,3))}function Wo(t,e){var n=e[0],r=n===void 0?0:n,i=e[1],a=i===void 0?0:i,o=e[2],s=o===void 0?0:o;return Zt(t,[1,0,0,0,0,1,0,0,0,0,1,0,r,a,s,1],4)}function $o(t,e){return Zt(t,e,4)}function xi(t,e){var n=Math.cos(t),r=Math.sin(t),i=te(e);return i[0]=n,i[1]=r,i[e]=-r,i[e+1]=n,i}function te(t){for(var e=t*t,n=[],r=0;r<e;++r)n[r]=r%(t+1)?0:1;return n}function Ho(t,e){for(var n=te(e),r=Math.min(t.length,e-1),i=0;i<r;++i)n[(e+1)*i]=t[i];return n}function ir(t,e){for(var n=te(e),r=Math.min(t.length,e-1),i=0;i<r;++i)n[e*(e-1)+i]=t[i];return n}function Yo(t,e,n,r,i,a,o,s){var l=t[0],c=t[1],u=e[0],d=e[1],f=n[0],h=n[1],v=r[0],p=r[1],g=i[0],m=i[1],x=a[0],b=a[1],C=o[0],E=o[1],S=s[0],D=s[1],M=[l,0,u,0,f,0,v,0,c,0,d,0,h,0,p,0,1,0,1,0,1,0,1,0,0,l,0,u,0,f,0,v,0,c,0,d,0,h,0,p,0,1,0,1,0,1,0,1,-g*l,-m*l,-x*u,-b*u,-C*f,-E*f,-S*v,-D*v,-g*c,-m*c,-x*d,-b*d,-C*h,-E*h,-S*p,-D*p],w=nn(M,8);if(!w.length)return[];var T=Zt(w,[g,m,x,b,C,E,S,D],8);return T[8]=1,rn(gp(T),3,4)}function nb(t){return[0,1].map(function(e){return average(t.map(function(n){return n[e]}))})}var yi=function(){return yi=Object.assign||function(e){for(var n,r=1,i=arguments.length;r<i;r++){n=arguments[r];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},yi.apply(this,arguments)};function Ko(){return[1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1]}function ar(t,e){return e===void 0&&(e=0),Rr(Ar(t,e))}function rb(t){return ar(getComputedStyle(t).transform)}function ga(t,e){var n=Ee(t,[e[0],e[1]||0,e[2]||0,1],4),r=n[3]||1;return[n[0]/r,n[1]/r,n[2]/r]}function Sp(t,e){e===void 0&&(e=document.body);for(var n=t,r=Ko();n;){var i=getComputedStyle(n).transform;if(r=$o(ar(i),r),n===e)break;n=n.parentElement}return r=nn(r,4),r[12]=0,r[13]=0,r[14]=0,r}function Rr(t){var e=Ko();return t.forEach(function(n){var r=n.matrixFunction,i=n.functionValue;r&&(e=r(e,i))}),e}function Ar(t,e){e===void 0&&(e=0);var n=Qt(t)?t:Nn(t);return n.map(function(r){var i=xo(r),a=i.prefix,o=i.value,s=null,l=a,c="";if(a==="translate"||a==="translateX"||a==="translate3d"){var u=Me(e)?yi(yi({},e),{"o%":e["%"]}):{"%":e,"o%":e},d=Bn(o).map(function(A,_){return _===0&&"x%"in u?u["%"]=e["x%"]:_===1&&"y%"in u?u["%"]=e["y%"]:u["%"]=e["o%"],It(A,u)}),f=d[0],h=d[1],v=h===void 0?0:h,p=d[2],g=p===void 0?0:p;s=Wo,c=[f,v,g]}else if(a==="translateY"){var m=Me(e)?yi({"%":e["y%"]},e):{"%":e},v=It(o,m);s=Wo,c=[0,v,0]}else if(a==="translateZ"){var g=parseFloat(o);s=Wo,c=[0,0,g]}else if(a==="scale"||a==="scale3d"){var x=Bn(o).map(function(A){return parseFloat(A)}),b=x[0],C=x[1],E=C===void 0?b:C,S=x[2],D=S===void 0?1:S;s=pa,c=[b,E,D]}else if(a==="scaleX"){var b=parseFloat(o);s=pa,c=[b,1,1]}else if(a==="scaleY"){var E=parseFloat(o);s=pa,c=[1,E,1]}else if(a==="scaleZ"){var D=parseFloat(o);s=pa,c=[1,1,D]}else if(a==="rotate"||a==="rotateZ"||a==="rotateX"||a==="rotateY"){var M=tr(o),w=M.unit,T=M.value,k=w==="rad"?T:T*Math.PI/180;a==="rotate"||a==="rotateZ"?(l="rotateZ",s=Cp):a==="rotateX"?s=yp:a==="rotateY"&&(s=bp),c=k}else if(a==="matrix3d")s=$o,c=Bn(o).map(function(A){return parseFloat(A)});else if(a==="matrix"){var O=Bn(o).map(function(A){return parseFloat(A)});s=$o,c=[O[0],O[1],0,0,O[2],O[3],0,0,0,0,1,0,O[4],O[5],0,1]}else l="";return{name:a,functionName:l,value:o,matrixFunction:s,functionValue:c}})}/*! ***************************************************************************** Copyright (c) Microsoft Corporation. All rights reserved. Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0 THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE, MERCHANTABLITY OR NON-INFRINGEMENT. See the Apache Version 2.0 License for specific language governing permissions and limitations under the License. ***************************************************************************** */var Xo=function(t,e){return Xo=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(n,r){n.__proto__=r}||function(n,r){for(var i in r)r.hasOwnProperty(i)&&(n[i]=r[i])},Xo(t,e)};function Ep(t,e){Xo(t,e);function n(){this.constructor=t}t.prototype=e===null?Object.create(e):(n.prototype=e.prototype,new n)}var Uc=typeof Map=="function"?void 0:function(){var t=0;return function(e){return e.__DIFF_KEY__||(e.__DIFF_KEY__=++t)}}(),wp=function(t){Ep(e,t);function e(n){return n===void 0&&(n=[]),t.call(this,n,Uc)||this}return e}(Uv);function Or(t,e){return hi(t,e,Uc)}const Zc=wp;/*! ***************************************************************************** Copyright (c) Microsoft Corporation. Permission to use, copy, modify, and/or distribute this software for any purpose with or without fee is hereby granted. THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE. ***************************************************************************** */var Uo=function(t,e){return Uo=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(n,r){n.__proto__=r}||function(n,r){for(var i in r)r.hasOwnProperty(i)&&(n[i]=r[i])},Uo(t,e)};function Dp(t,e){Uo(t,e);function n(){this.constructor=t}t.prototype=e===null?Object.create(e):(n.prototype=e.prototype,new n)}var _r=function(){return _r=Object.assign||function(e){for(var n,r=1,i=arguments.length;r<i;r++){n=arguments[r];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},_r.apply(this,arguments)};function Mp(t){var e=t.container;return e===document.body?[e.scrollLeft||document.documentElement.scrollLeft,e.scrollTop||document.documentElement.scrollTop]:[e.scrollLeft,e.scrollTop]}function Qc(t,e){return t.addEventListener("scroll",e),function(){t.removeEventListener("scroll",e)}}function ma(t){if(t){if(ge(t))return document.querySelector(t)}else return null;if(ea(t))return t();if(t instanceof Element)return t;if("current"in t)return t.current;if("value"in t)return t.value}var Tp=function(t){Dp(e,t);function e(){var r=t!==null&&t.apply(this,arguments)||this;return r._startRect=null,r._startPos=[],r._prevTime=0,r._timer=0,r._prevScrollPos=[0,0],r._isWait=!1,r._flag=!1,r._currentOptions=null,r._lock=!1,r._unregister=null,r._onScroll=function(){var i=r._currentOptions;r._lock||!i||r.emit("scrollDrag",{next:function(a){r.checkScroll({container:i.container,inputEvent:a})}})},r}var n=e.prototype;return n.dragStart=function(r,i){var a=ma(i.container);if(!a){this._flag=!1;return}var o=0,s=0,l=0,c=0;if(a===document.body)l=window.innerWidth,c=window.innerHeight;else{var u=a.getBoundingClientRect();o=u.top,s=u.left,l=u.width,c=u.height}this._flag=!0,this._startPos=[r.clientX,r.clientY],this._startRect={top:o,left:s,width:l,height:c},this._prevScrollPos=this._getScrollPosition([0,0],i),this._currentOptions=i,this._registerScrollEvent(i)},n.drag=function(r,i){if(clearTimeout(this._timer),!!this._flag){var a=r.clientX,o=r.clientY,s=i.threshold,l=s===void 0?0:s,c=this,u=c._startRect,d=c._startPos;this._currentOptions=i;var f=[0,0];return u.top>o-l?(d[1]>u.top||o<d[1])&&(f[1]=-1):u.top+u.height<o+l&&(d[1]<u.top+u.height||o>d[1])&&(f[1]=1),u.left>a-l?(d[0]>u.left||a<d[0])&&(f[0]=-1):u.left+u.width<a+l&&(d[0]<u.left+u.width||a>d[0])&&(f[0]=1),!f[0]&&!f[1]?!1:this._continueDrag(_r(_r({},i),{direction:f,inputEvent:r,isDrag:!0}))}},n.checkScroll=function(r){var i=this;if(this._isWait)return!1;var a=r.prevScrollPos,o=a===void 0?this._prevScrollPos:a,s=r.direction,l=r.throttleTime,c=l===void 0?0:l,u=r.inputEvent,d=r.isDrag,f=this._getScrollPosition(s||[0,0],r),h=f[0]-o[0],v=f[1]-o[1],p=s||[h?Math.abs(h)/h:0,v?Math.abs(v)/v:0];return this._prevScrollPos=f,this._lock=!1,!h&&!v?!1:(this.emit("move",{offsetX:p[0]?h:0,offsetY:p[1]?v:0,inputEvent:u}),c&&d&&(clearTimeout(this._timer),this._timer=window.setTimeout(function(){i._continueDrag(r)},c)),!0)},n.dragEnd=function(){this._flag=!1,this._lock=!1,clearTimeout(this._timer),this._unregisterScrollEvent()},n._getScrollPosition=function(r,i){var a=i.container,o=i.getScrollPosition,s=o===void 0?Mp:o;return s({container:ma(a),direction:r})},n._continueDrag=function(r){var i=this,a,o=r.container,s=r.direction,l=r.throttleTime,c=r.useScroll,u=r.isDrag,d=r.inputEvent;if(!(!this._flag||u&&this._isWait)){var f=ui(),h=Math.max(l+this._prevTime-f,0);if(h>0)return clearTimeout(this._timer),this._timer=window.setTimeout(function(){i._continueDrag(r)},h),!1;this._prevTime=f;var v=this._getScrollPosition(s,r);this._prevScrollPos=v,u&&(this._isWait=!0),c||(this._lock=!0);var p={container:ma(o),direction:s,inputEvent:d};return(a=r.requestScroll)===null||a===void 0||a.call(r,p),this.emit("scroll",p),this._isWait=!1,c||this.checkScroll(_r(_r({},r),{prevScrollPos:v,direction:s,inputEvent:d}))}},n._registerScrollEvent=function(r){this._unregisterScrollEvent();var i=r.checkScrollEvent;if(i){var a=i===!0?Qc:i,o=ma(r.container);i===!0&&(o===document.body||o===document.documentElement)?this._unregister=Qc(window,this._onScroll):this._unregister=a(o,this._onScroll)}},n._unregisterScrollEvent=function(){var r;(r=this._unregister)===null||r===void 0||r.call(this),this._unregister=null},e}(er);const qc=Tp;/*! ***************************************************************************** Copyright (c) Microsoft Corporation. Permission to use, copy, modify, and/or distribute this software for any purpose with or without fee is hereby granted. THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE. ***************************************************************************** */function or(){for(var t=0,e=0,n=arguments.length;e<n;e++)t+=arguments[e].length;for(var r=Array(t),i=0,e=0;e<n;e++)for(var a=arguments[e],o=0,s=a.length;o<s;o++,i++)r[i]=a[o];return r}function ke(t){return St(t,oe)}function kp(t,e){return t.every(function(n,r){return ke(n-e[r])===0})}function Rp(t,e){return!ke(t[0]-e[0])&&!ke(t[1]-e[1])}function Ap(t){return t.reduce(function(e,n){return e.push.apply(e,n),e},[])}function bi(t){return t.length<3?0:Math.abs(iv(t.map(function(e,n){var r=t[n+1]||t[0];return e[0]*r[1]-r[0]*e[1]})))/2}function Zo(t,e){var n=e.width,r=e.height,i=e.left,a=e.top,o=sr(t),s=o.minX,l=o.minY,c=o.maxX,u=o.maxY,d=n/(c-s),f=r/(u-l);return t.map(function(h){return[i+(h[0]-s)*d,a+(h[1]-l)*f]})}function sr(t){var e=t.map(function(r){return r[0]}),n=t.map(function(r){return r[1]});return{minX:Math.min.apply(Math,e),minY:Math.min.apply(Math,n),maxX:Math.max.apply(Math,e),maxY:Math.max.apply(Math,n)}}function xa(t,e,n){var r=t[0],i=t[1],a=sr(e),o=a.minX,s=a.maxX,l=[[o,i],[s,i]],c=lr(l[0],l[1]),u=qo(e),d=[];if(u.forEach(function(v){var p=lr(v[0],v[1]),g=v[0];if(kp(c,p))d.push({pos:t,line:v,type:"line"});else{var m=Qo(ya(c,p),[l,v]);m.forEach(function(x){v.some(function(b){return Rp(b,x)})?d.push({pos:x,line:v,type:"point"}):ke(g[1]-i)!==0&&d.push({pos:x,line:v,type:"intersection"})})}}),!n&&ze(d,function(v){return v[0]===r}))return!0;var f=0,h={};return d.forEach(function(v){var p=v.pos,g=v.type,m=v.line;if(!(p[0]>r))if(g==="intersection")++f;else{if(g==="line")return;if(g==="point"){var x=ze(m,function(E){return E[1]!==i}),b=h[p[0]],C=x[1]>i?1:-1;b?b!==C&&++f:h[p[0]]=C}}}),f%2===1}function Op(t,e){var n=t[0],r=t[1],i=t[2];return(n*e[0]+r*e[1]+i)/(n*n+r*r)}function lr(t,e){var n=t[0],r=t[1],i=e[0],a=e[1],o=i-n,s=a-r;Math.abs(o)<oe&&(o=0),Math.abs(s)<oe&&(s=0);var l=0,c=0,u=0;return o?s?(l=-s/o,c=1,u=-l*n-r):(c=1,u=-r):s&&(l=-1,u=n),[l,c,u]}function ya(t,e){var n=t[0],r=t[1],i=t[2],a=e[0],o=e[1],s=e[2],l=n===0&&a===0,c=r===0&&o===0,u=[];if(l&&c)return[];if(l){var d=-i/r,f=-s/o;return d!==f?[]:[[-1/0,d],[1/0,d]]}else if(c){var h=-i/n,v=-s/a;return h!==v?[]:[[h,-1/0],[h,1/0]]}else if(n===0){var p=-i/r,g=-(o*p+s)/a;u=[[g,p]]}else if(a===0){var p=-s/o,g=-(r*p+i)/n;u=[[g,p]]}else if(r===0){var g=-i/n,p=-(a*g+s)/o;u=[[g,p]]}else if(o===0){var g=-s/a,p=-(n*g+i)/r;u=[[g,p]]}else{var g=(r*s-o*i)/(o*n-r*a),p=-(n*g+i)/r;u=[[g,p]]}return u.map(function(m){return[m[0],m[1]]})}function ib(t,e,n){var r=ya(lr(t[0],t[1]),lr(e[0],e[1]));return n?Qo(r,[t,e]):r}function _p(t,e){var n=lr(e[0],e[1]);return ke(Op(n,t))===0}function Qo(t,e){var n=e.map(function(d){return[0,1].map(function(f){return[Math.min(d[0][f],d[1][f]),Math.max(d[0][f],d[1][f])]})}),r=[];if(t.length===2){var i=t[0],a=i[0],o=i[1];if(ke(a-t[1][0])){if(!ke(o-t[1][1])){var c=Math.max.apply(Math,n.map(function(d){return d[0][0]})),u=Math.min.apply(Math,n.map(function(d){return d[0][1]}));if(ke(c-u)>0)return[];r=[[c,o],[u,o]]}}else{var s=Math.max.apply(Math,n.map(function(d){return d[1][0]})),l=Math.min.apply(Math,n.map(function(d){return d[1][1]}));if(ke(s-l)>0)return[];r=[[a,s],[a,l]]}}return r.length||(r=t.filter(function(d){var f=d[0],h=d[1];return n.every(function(v){return 0<=ke(f-v[0][0])&&0<=ke(v[0][1]-f)&&0<=ke(h-v[1][0])&&0<=ke(v[1][1]-h)})})),r.map(function(d){return[ke(d[0]),ke(d[1])]})}function qo(t){return or(t.slice(1),[t[0]]).map(function(e,n){return[t[n],e]})}function Jo(t,e){var n=t.slice(),r=e.slice();Ul(n)===-1&&n.reverse(),Ul(r)===-1&&r.reverse();var i=qo(n),a=qo(r),o=i.map(function(u){return lr(u[0],u[1])}),s=a.map(function(u){return lr(u[0],u[1])}),l=[];o.forEach(function(u,d){var f=i[d],h=[];s.forEach(function(v,p){var g=ya(u,v),m=Qo(g,[f,a[p]]);h.push.apply(h,m.map(function(x){return{index1:d,index2:p,pos:x,type:"intersection"}}))}),h.sort(function(v,p){return dn(f[0],v.pos)-dn(f[0],p.pos)}),l.push.apply(l,h),xa(f[1],r)&&l.push({index1:d,index2:-1,pos:f[1],type:"inside"})}),a.forEach(function(u,d){if(xa(u[1],n)){var f=!1,h=Sn(l,function(v){var p=v.index2;return p===d?(f=!0,!1):!!f});h===-1&&(f=!1,h=Sn(l,function(v){var p=v.index1,g=v.index2;return p===-1&&g+1===d?(f=!0,!1):!!f})),h===-1?l.push({index1:-1,index2:d,pos:u[1],type:"inside"}):l.splice(h,0,{index1:-1,index2:d,pos:u[1],type:"inside"})}});var c={};return l.filter(function(u){var d=u.pos,f=d[0]+"x"+d[1];return c[f]?!1:(c[f]=!0,!0)})}function ts(t,e){var n=Jo(t,e);return n.map(function(r){var i=r.pos;return i})}function Lp(t){var e=t[0],n=e.index1,r=e.index2,i=t[1],a=i.index1,o=i.index2;return n!==-1&&(n===a||n+1===a)||r!==-1&&(r===o||r+1===o)}function Ip(t,e){var n=Jo(t,e),r=[],i;return Jo(t,e).forEach(function(a,o,s){o===0||!Lp([s[o-1],a])?(i=[a],r.push(i)):i.push(a)}),r.map(function(a){return a.map(function(o){var s=o.pos;return s})})}function ba(t,e,n,r){n===void 0&&(n=0),r===void 0&&(r=[]);for(var i=r.length===0,a=t.length,o=t[n]?n:0,s=or(t.slice(o),t.slice(0,o)),l=function(d){var f=s[d];if(find(e,function(m){return m[0]===f[0]&&m[1]===f[1]}))return"continue";if(r.some(function(m){return find(m,function(x){return x[0]===f[0]&&x[1]===f[1]})}))return i?"continue":"break";var h=void 0;i?(h=[],r.push(h)):h=r[r.length-1],h.push(f);var v=[f,t[n+1]||t[0]],p=e.filter(function(m){return _p(m,v)}).sort(function(m,x){return getDist(f,m)-getDist(f,x)})[0];if(p){var g=e.indexOf(p);if(ba(e,t,g,r),!i)return"break"}else return ba(s,e,d+1,r),"break"},c=0;c<a;++c){var u=l(c);if(u==="break")break}return r}function ab(t,e){return ba(t,or(e).reverse())}function ob(t,e){if(!e.length)return[or(t)];var n=Ip(t,e),r=[t];return n.forEach(function(i){var a=or(i).reverse();r=Ap(r.map(function(o){var s=ba(o,a),l=s[0];if(s.length===1&&a.every(function(f){return l.indexOf(f)===-1})){var c=l[l.length-1],u=or(a).sort(function(f,h){return getDist(c,f)-getDist(c,h)})[0],d=a.indexOf(u);l.push.apply(l,or(a.slice(d),a.slice(0,d),[a[d],c]))}return s}))}),r}function Pp(t,e){var n=ts(t,e);return bi(n)}var es=function(t,e){return es=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(n,r){n.__proto__=r}||function(n,r){for(var i in r)Object.prototype.hasOwnProperty.call(r,i)&&(n[i]=r[i])},es(t,e)};function zp(t,e){if(typeof e!="function"&&e!==null)throw new TypeError("Class extends value "+String(e)+" is not a constructor or null");es(t,e);function n(){this.constructor=t}t.prototype=e===null?Object.create(e):(n.prototype=e.prototype,new n)}var ns=function(){return ns=Object.assign||function(e){for(var n,r=1,i=arguments.length;r<i;r++){n=arguments[r];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},ns.apply(this,arguments)};function Np(t,e){var n={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&e.indexOf(r)<0&&(n[r]=t[r]);if(t!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,r=Object.getOwnPropertySymbols(t);i<r.length;i++)e.indexOf(r[i])<0&&Object.prototype.propertyIsEnumerable.call(t,r[i])&&(n[r[i]]=t[r[i]]);return n}var Bp=null;function sb(t,e){var n=cssStyled(e);return function(r){zp(i,r);function i(){var a=r!==null&&r.apply(this,arguments)||this;return a.injector=n,a.tag=t,a}return i}(Bp)}function Jc(t,e){var n=To(e),r=n.className;return qv(function(i,a){var o=i.className,s=o===void 0?"":o,l=i.cspNonce,c=Np(i,["className","cspNonce"]),u=dp();return fp(a,function(){return u.current},[]),Go(function(){var d=n.inject(u.current,{nonce:i.cspNonce});return function(){d.destroy()}},[]),Ye(t,ns({ref:u,"data-styled-id":r,className:"".concat(s," ").concat(r)},c))})}const lb=null;var rs=function(t,e){return rs=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(n,r){n.__proto__=r}||function(n,r){for(var i in r)Object.prototype.hasOwnProperty.call(r,i)&&(n[i]=r[i])},rs(t,e)};function Lr(t,e){if(typeof e!="function"&&e!==null)throw new TypeError("Class extends value "+String(e)+" is not a constructor or null");rs(t,e);function n(){this.constructor=t}t.prototype=e===null?Object.create(e):(n.prototype=e.prototype,new n)}var L=function(){return L=Object.assign||function(e){for(var n,r=1,i=arguments.length;r<i;r++){n=arguments[r];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},L.apply(this,arguments)};function jp(t,e){var n={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&e.indexOf(r)<0&&(n[r]=t[r]);if(t!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,r=Object.getOwnPropertySymbols(t);i<r.length;i++)e.indexOf(r[i])<0&&Object.prototype.propertyIsEnumerable.call(t,r[i])&&(n[r[i]]=t[r[i]]);return n}function Vp(t,e,n,r){var i=arguments.length,a=i<3?e:r===null?r=Object.getOwnPropertyDescriptor(e,n):r,o;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(t,e,n,r);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(a=(i<3?o(a):i>3?o(e,n,a):o(e,n))||a);return i>3&&a&&Object.defineProperty(e,n,a),a}function Fp(t){var e=typeof Symbol=="function"&&Symbol.iterator,n=e&&t[e],r=0;if(n)return n.call(t);if(t&&typeof t.length=="number")return{next:function(){return t&&r>=t.length&&(t=void 0),{value:t&&t[r++],done:!t}}};throw new TypeError(e?"Object is not iterable.":"Symbol.iterator is not defined.")}function I(t,e){var n=typeof Symbol=="function"&&t[Symbol.iterator];if(!n)return t;var r=n.call(t),i,a=[],o;try{for(;(e===void 0||e-- >0)&&!(i=r.next()).done;)a.push(i.value)}catch(s){o={error:s}}finally{try{i&&!i.done&&(n=r.return)&&n.call(r)}finally{if(o)throw o.error}}return a}function J(t,e,n){if(n||arguments.length===2)for(var r=0,i=e.length,a;r<i;r++)(a||!(r in e))&&(a||(a=Array.prototype.slice.call(e,0,r)),a[r]=e[r]);return t.concat(a||Array.prototype.slice.call(e))}function Ci(t,e){return L({events:[],props:[],name:t},e)}var Gp=["n","w","s","e"],is=["n","w","s","e","nw","ne","sw","se"];function Wp(t,e){return'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="'.concat(32*t,'px" height="').concat(32*t,'px" viewBox="0 0 32 32" ><path d="M 16,5 L 12,10 L 14.5,10 L 14.5,22 L 12,22 L 16,27 L 20,22 L 17.5,22 L 17.5,10 L 20, 10 L 16,5 Z" stroke-linejoin="round" stroke-width="1.2" fill="black" stroke="white" style="transform:rotate(').concat(e,'deg);transform-origin: 16px 16px"></path></svg>')}function $p(t){var e=Wp(1,t),n=Math.round(t/45)*45%180,r="ns-resize";return n===135?r="nwse-resize":n===45?r="nesw-resize":n===90&&(r="ew-resize"),"cursor:".concat(r,";cursor: url('").concat(e,"') 16 16, ").concat(r,";")}var Ir=pc(),tu=Ir.browser.webkit,eu=tu&&function(){var t=typeof window>"u"?{userAgent:""}:window.navigator,e=/applewebkit\/([^\s]+)/g.exec(t.userAgent.toLowerCase());return e?parseFloat(e[1])<605:!1}(),nu=Ir.browser.name,ru=parseInt(Ir.browser.version,10),Hp=nu==="chrome",Yp=Ir.browser.chromium,Kp=parseInt(Ir.browser.chromiumVersion,10)||0,Xp=Hp&&ru>=109||Yp&&Kp>=109,Up=nu==="firefox",Zp=parseInt(Ir.browser.webkitVersion,10)>=612||ru>=15,as="moveable-",Qp=is.map(function(t){var e="",n="",r="center",i="center",a="calc(var(--moveable-control-padding, 20) * -1px)";return t.indexOf("n")>-1&&(e="top: ".concat(a,";"),i="bottom"),t.indexOf("s")>-1&&(e="top: 0px;",i="top"),t.indexOf("w")>-1&&(n="left: ".concat(a,";"),r="right"),t.indexOf("e")>-1&&(n="left: 0px;",r="left"),'.around-control[data-direction*="'.concat(t,`"] { `).concat(n).concat(e,` transform-origin: `).concat(r," ").concat(i,`; }`)}).join(` `),qp=` { position: absolute; width: 1px; height: 1px; left: 0; top: 0; z-index: 3000; --moveable-color: #4af; --zoom: 1; --zoompx: 1px; --moveable-line-padding: 0; --moveable-control-padding: 0; will-change: transform; outline: 1px solid transparent; } .control-box { z-index: 0; } .line, .control { position: absolute; left: 0; top: 0; will-change: transform; } .control { width: 14px; height: 14px; border-radius: 50%; border: 2px solid #fff; box-sizing: border-box; background: #4af; background: var(--moveable-color); margin-top: -7px; margin-left: -7px; border: 2px solid #fff; z-index: 10; } .around-control { position: absolute; will-change: transform; width: calc(var(--moveable-control-padding, 20) * 1px); height: calc(var(--moveable-control-padding, 20) * 1px); left: calc(var(--moveable-control-padding, 20) * -0.5px); top: calc(var(--moveable-control-padding, 20) * -0.5px); box-sizing: border-box; background: transparent; z-index: 8; cursor: alias; transform-origin: center center; } `.concat(Qp,` .padding { position: absolute; top: 0px; left: 0px; width: 100px; height: 100px; transform-origin: 0 0; } .line { width: 1px; height: 1px; background: #4af; background: var(--moveable-color); transform-origin: 0px 50%; } .line.edge { z-index: 1; background: transparent; } .line.dashed { box-sizing: border-box; background: transparent; } .line.dashed.horizontal { border-top: 1px dashed #4af; border-top-color: #4af; border-top-color: var(--moveable-color); } .line.dashed.vertical { border-left: 1px dashed #4af; border-left-color: #4af; border-left-color: var(--moveable-color); } .line.vertical { transform: translateX(-50%); } .line.horizontal { transform: translateY(-50%); } .line.vertical.bold { width: 2px; } .line.horizontal.bold { height: 2px; } .control.origin { border-color: #f55; background: #fff; width: 12px; height: 12px; margin-top: -6px; margin-left: -6px; pointer-events: none; } `).concat([0,15,30,45,60,75,90,105,120,135,150,165].map(function(t){return` .direction[data-rotation="`.concat(t,'"], :global .view-control-rotation').concat(t,` { `).concat($p(t),` } `)}).join(` `),` .line.direction:before { content: ""; position: absolute; width: 100%; height: calc(var(--moveable-line-padding, 0) * 1px); bottom: 0; left: 0; } .group { z-index: -1; } .area { position: absolute; } .area-pieces { position: absolute; top: 0; left: 0; display: none; } .area.avoid, .area.pass { pointer-events: none; } .area.avoid+.area-pieces { display: block; } .area-piece { position: absolute; } `).concat(eu?`:global svg *:before { content:""; transform-origin: inherit; }`:"",` `),Jp=[[0,1,2],[1,0,3],[2,0,3],[3,1,2]],os=1e-4,Re=1e-7,Ca=1e-9,ss=Math.pow(10,10),iu=-ss,tg={n:[0,-1],e:[1,0],s:[0,1],w:[-1,0],nw:[-1,-1],ne:[1,-1],sw:[-1,1],se:[1,1]},ls={n:[0,1],e:[1,3],s:[3,2],w:[2,0],nw:[0],ne:[1],sw:[2],se:[3]},au={n:0,s:180,w:270,e:90,nw:315,ne:45,sw:225,se:135},ou=["isMoveableElement","updateRect","updateTarget","destroy","dragStart","isInside","hitTest","setState","getRect","request","isDragging","getManager","forceUpdate","waitToChangeTarget","updateSelectors","getTargets","stopDrag","getControlBoxElement","getMoveables","getDragElement"];function Si(t,e,n,r,i,a){var o,s;a===void 0&&(a="draggable");var l=(s=(o=e.gestos[a])===null||o===void 0?void 0:o.move(n,t.inputEvent))!==null&&s!==void 0?s:{},c=l.originalDatas||l.datas,u=c[a]||(c[a]={});return L(L({},i?fd(e,l):l),{isPinch:!!r,parentEvent:!0,datas:u,originalDatas:t.originalDatas})}var Pr=function(){function t(e){var n;e===void 0&&(e="draggable"),this.ableName=e,this.prevX=0,this.prevY=0,this.startX=0,this.startY=0,this.isDrag=!1,this.isFlag=!1,this.datas={draggable:{}},this.datas=(n={},n[e]={},n)}return t.prototype.dragStart=function(e,n){this.isDrag=!1,this.isFlag=!1;var r=n.originalDatas;return this.datas=r,r[this.ableName]||(r[this.ableName]={}),L(L({},this.move(e,n.inputEvent)),{type:"dragstart"})},t.prototype.drag=function(e,n){return this.move([e[0]-this.prevX,e[1]-this.prevY],n)},t.prototype.move=function(e,n){var r,i,a=!1;if(!this.isFlag)this.prevX=e[0],this.prevY=e[1],this.startX=e[0],this.startY=e[1],r=e[0],i=e[1],this.isFlag=!0;else{var o=this.isDrag;r=this.prevX+e[0],i=this.prevY+e[1],(e[0]||e[1])&&(this.isDrag=!0),!o&&this.isDrag&&(a=!0)}return this.prevX=r,this.prevY=i,{type:"drag",clientX:r,clientY:i,inputEvent:n,isFirstDrag:a,isDrag:this.isDrag,distX:r-this.startX,distY:i-this.startY,deltaX:e[0],deltaY:e[1],datas:this.datas[this.ableName],originalDatas:this.datas,parentEvent:!0,parentGesto:this}},t}();function zr(t,e,n,r){var i=t.length===16,a=i?4:3,o=fr(t,n,r,a),s=I(o,4),l=I(s[0],2),c=l[0],u=l[1],d=I(s[1],2),f=d[0],h=d[1],v=I(s[2],2),p=v[0],g=v[1],m=I(s[3],2),x=m[0],b=m[1],C=I(ie(t,e,a),2),E=C[0],S=C[1],D=Math.min(c,f,p,x),M=Math.min(u,h,g,b),w=Math.max(c,f,p,x),T=Math.max(u,h,g,b);c=c-D||0,f=f-D||0,p=p-D||0,x=x-D||0,u=u-M||0,h=h-M||0,g=g-M||0,b=b-M||0,E=E-D||0,S=S-M||0;var k=t[0],O=t[a+1],A=_e(k*O);return{left:D,top:M,right:w,bottom:T,origin:[E,S],pos1:[c,u],pos2:[f,h],pos3:[p,g],pos4:[x,b],direction:A}}function su(t,e){var n=e.clientX,r=e.clientY,i=e.datas,a=t.state,o=a.moveableClientRect,s=a.rootMatrix,l=a.is3d,c=a.pos1,u=o.left,d=o.top,f=l?4:3,h=I(ht($r(s,[n-u,r-d],f),c),2),v=h[0],p=h[1],g=I(vn({datas:i,distX:v,distY:p}),2),m=g[0],x=g[1];return[m,x]}function cr(t,e){var n=e.datas,r=t.state,i=r.allMatrix,a=r.beforeMatrix,o=r.is3d,s=r.left,l=r.top,c=r.origin,u=r.offsetMatrix,d=r.targetMatrix,f=r.transformOrigin,h=o?4:3;n.is3d=o,n.matrix=i,n.targetMatrix=d,n.beforeMatrix=a,n.offsetMatrix=u,n.transformOrigin=f,n.inverseMatrix=nn(i,h),n.inverseBeforeMatrix=nn(a,h),n.absoluteOrigin=rr(jt([s,l],c),h),n.startDragBeforeDist=Ee(n.inverseBeforeMatrix,n.absoluteOrigin,h),n.startDragDist=Ee(n.inverseMatrix,n.absoluteOrigin,h)}function eg(t){return zr(t.datas.beforeTransform,[50,50],100,100).direction}function Sa(t,e,n){var r=e.datas,i=e.originalDatas.beforeRenderable,a=r.transformIndex,o=i.nextTransforms,s=o.length,l=i.nextTransformAppendedIndexes,c=-1;a===-1?(n==="translate"?c=0:n==="rotate"&&(c=Sn(o,function(h){return h.match(/scale\(/g)})),c===-1&&(c=o.length),r.transformIndex=c):ze(l,function(h){return h.index===a&&h.functionName===n})?c=a:c=a+l.filter(function(h){return h.index<a}).length;var u=M0(o,t.state,c),d=u.targetFunction,f=n==="rotate"?"rotateZ":n;r.beforeFunctionTexts=u.beforeFunctionTexts,r.afterFunctionTexts=u.afterFunctionTexts,r.beforeTransform=u.beforeFunctionMatrix,r.beforeTransform2=u.beforeFunctionMatrix2,r.targetTansform=u.targetFunctionMatrix,r.afterTransform=u.afterFunctionMatrix,r.afterTransform2=u.afterFunctionMatrix2,r.targetAllTransform=u.allFunctionMatrix,d.functionName===f?(r.afterFunctionTexts.splice(0,1),r.isAppendTransform=!1):s>c&&(r.isAppendTransform=!0,i.nextTransformAppendedIndexes=J(J([],I(l),!1),[{functionName:n,index:c,isAppend:!0}],!1))}function Ea(t,e,n){return"".concat(t.beforeFunctionTexts.join(" ")," ").concat(t.isAppendTransform?n:e," ").concat(t.afterFunctionTexts.join(" "))}function ng(t){var e=t.datas,n=t.distX,r=t.distY,i=I(cu({datas:e,distX:n,distY:r}),2),a=i[0],o=i[1],s=lu(e,mp([a,o],4));return Ee(s,rr([0,0,0],4),4)}function lu(t,e,n){var r=t.beforeTransform,i=t.afterTransform,a=t.beforeTransform2,o=t.afterTransform2,s=t.targetAllTransform,l=n?Zt(s,e,4):Zt(e,s,4),c=Zt(nn(n?a:r,4),l,4),u=Zt(c,nn(n?o:i,4),4);return u}function cu(t){var e=t.datas,n=t.distX,r=t.distY,i=e.inverseBeforeMatrix,a=e.is3d,o=e.startDragBeforeDist,s=e.absoluteOrigin,l=a?4:3;return ht(Ee(i,jt(s,[n,r]),l),o)}function vn(t,e){var n=t.datas,r=t.distX,i=t.distY,a=n.inverseBeforeMatrix,o=n.inverseMatrix,s=n.is3d,l=n.startDragBeforeDist,c=n.startDragDist,u=n.absoluteOrigin,d=s?4:3;return ht(Ee(e?a:o,jt(u,[r,i]),d),e?l:c)}function rg(t,e){var n=t.datas,r=t.distX,i=t.distY,a=n.beforeMatrix,o=n.matrix,s=n.is3d,l=n.startDragBeforeDist,c=n.startDragDist,u=n.absoluteOrigin,d=s?4:3;return ht(Ee(e?a:o,jt(e?l:c,[r,i]),d),u)}function ig(t,e,n,r,i,a){return r===void 0&&(r=e),i===void 0&&(i=n),a===void 0&&(a=[0,0]),t?t.map(function(o,s){var l=tr(o),c=l.value,u=l.unit,d=s?i:r,f=s?n:e;if(o==="%"||isNaN(c)){var h=d?a[s]/d:0;return f*h}else if(u!=="%")return c;return f*c/100}):a}function uu(t){var e=[];return t[1]>=0&&(t[0]>=0&&e.push(3),t[0]<=0&&e.push(2)),t[1]<=0&&(t[0]>=0&&e.push(1),t[0]<=0&&e.push(0)),e}function ag(t,e){return uu(e).map(function(n){return t[n]})}function cs(t,e){var n=(e+1)/2;return[Ji(t[0][0],t[1][0],n,1-n),Ji(t[0][1],t[1][1],n,1-n)]}function fe(t,e){var n=cs([t[0],t[1]],e[0]),r=cs([t[2],t[3]],e[0]);return cs([n,r],e[1])}function og(t,e,n,r,i,a){var o=fr(e,n,r,i),s=fe(o,a),l=t[0]-s[0],c=t[1]-s[1];return[l,c]}function Ei(t,e,n,r){return Zt(t,Ti(e,r,n),r)}function sg(t,e,n,r){var i=t.transformOrigin,a=t.offsetMatrix,o=t.is3d,s=o?4:3,l;if(ge(n)){var c=e.beforeTransform,u=e.afterTransform;r?l=rn(ar(n),4,s):l=rn(Zt(Zt(c,ar([n]),4),u,4),4,s)}else l=n;return Ei(a,l,i,s)}function lg(t,e){var n=t.transformOrigin,r=t.offsetMatrix,i=t.is3d,a=t.targetMatrix,o=t.targetAllTransform,s=i?4:3;return Ei(r,Zt(o||a,Ho(e,s),s),n,s)}function wa(t,e){var n=Nr(e);return{setTransform:function(r,i){i===void 0&&(i=-1),n.startTransforms=Qt(r)?r:Nn(r),us(t,e,i)},setTransformIndex:function(r){us(t,e,r)}}}function Da(t,e,n){var r=Nr(e),i=r.startTransforms;us(t,e,Sn(i,function(a){return a.indexOf("".concat(n,"("))===0}))}function us(t,e,n){var r=Nr(e),i=e.datas;if(i.transformIndex=n,n!==-1){var a=r.startTransforms[n];if(a){var o=t.state,s=Ar([a],{"x%":function(l){return l/100*o.offsetWidth},"y%":function(l){return l/100*o.offsetHeight}});i.startValue=s[0].functionValue}}}function ds(t,e){var n=Nr(t);n.nextTransforms=Nn(e)}function Nr(t){return t.originalDatas.beforeRenderable}function Ma(t){var e=t.originalDatas.beforeRenderable;return e.nextTransforms}function Ta(t){return(Ma(t)||[]).join(" ")}function ka(t){return Nr(t).nextStyle}function du(t,e,n,r,i){ds(i,e);var a=Ae.drag(t,Si(i,t.state,n,r,!1)),o=a?a.transform:e;return L(L({transform:e,drag:a},Oe({transform:o},i)),{afterTransform:o})}function fs(t,e,n,r,i,a){var o=sg(t.state,i,e,a),s=dg(t,n,r,o);return s}function fu(t,e,n,r,i,a,o){var s=fs(t,e,n,i,a,o),l=t.state,c=l.left,u=l.top,d=t.props.groupable,f=d?c:0,h=d?u:0,v=ht(r,s);return ht(v,[f,h])}function cg(t,e,n,r,i,a,o){var s=fu(t,e,n,r,i,a,o);return s}function ug(t,e,n){return[e?-1+t[0]/(e/2):0,n?-1+t[1]/(n/2):0]}function dg(t,e,n,r){r===void 0&&(r=t.state.allMatrix);var i=t.state,a=i.width,o=i.height,s=i.is3d,l=s?4:3,c=[a/2*(1+e[0])+n[0],o/2*(1+e[1])+n[1]];return ie(r,c,l)}function fg(t,e,n){var r=n.fixedDirection,i=n.fixedPosition,a=n.fixedOffset;return fu(t,"rotate(".concat(e,"deg)"),r,i,a,n)}function hg(t,e,n,r,i,a){var o=t.props.groupable,s=t.state,l=s.transformOrigin,c=s.offsetMatrix,u=s.is3d,d=s.width,f=s.height,h=s.left,v=s.top,p=a.fixedDirection,g=a.nextTargetMatrix||s.targetMatrix,m=u?4:3,x=ig(i,e,n,d,f,l),b=o?h:0,C=o?v:0,E=Ei(c,g,x,m),S=og(r,E,e,n,m,p);return ht(S,[b,C])}function vg(t,e){return fe(Ue(t.state),e)}function pg(t,e){var n=t.targetGesto,r=t.controlGesto,i;return n?.isFlag()&&(i=n.getEventData()[e]),!i&&r?.isFlag()&&(i=r.getEventData()[e]),i||{}}function gg(t){if(t&&t.getRootNode){var e=t.getRootNode();if(e.nodeType===11)return e}}function mg(t){var e=t("scale"),n=t("rotate"),r=t("translate"),i=[];return r&&r!=="0px"&&r!=="none"&&i.push("translate(".concat(r.split(/\s+/).join(","),")")),n&&n!=="1"&&n!=="none"&&i.push("rotate(".concat(n,")")),e&&e!=="1"&&e!=="none"&&i.push("scale(".concat(e.split(/\s+/).join(","),")")),i}function hu(t,e,n){for(var r=t,i=[],a=Co(t)||jn(t),o=!n&&t===e||t===a,s=o,l=!1,c=3,u,d,f,h=!1,v=ki(e,e,!0).offsetParent,p=1;r&&!s;){s=o;var g=Ne(r),m=g("position"),x=Ju(r),b=m==="fixed",C=mg(g),E=xp(v0(x)),S=void 0,D=!1,M=!1,w=0,T=0,k=0,O=0,A={hasTransform:!1,fixedContainer:null};b&&(h=!0,A=y0(r),v=A.fixedContainer);var _=E.length;!l&&(_===16||C.length)&&(l=!0,c=4,Rs(i),f&&(f=rn(f,3,4))),l&&_===9&&(E=rn(E,3,4));var P=x0(r,t),z=P.tagName,j=P.hasOffset,N=P.isSVG,G=P.origin,$=P.targetOrigin,B=P.offset,q=I(B,2),Q=q[0],X=q[1];z==="svg"&&!r.ownerSVGElement&&f&&(i.push({type:"target",target:r,matrix:b0(r,c)}),i.push({type:"offset",target:r,matrix:te(c)}));var U=parseFloat(g("zoom"))||1;if(b)S=A.fixedContainer,D=!0;else{var Y=ki(r,e,!1,!0,g),et=Y.offsetZoom;if(S=Y.offsetParent,D=Y.isEnd,M=Y.isStatic,p*=et,(Y.isCustomElement||et!==1)&&M)Q-=S.offsetLeft,X-=S.offsetTop;else if(Up||Xp){var rt=Y.parentSlotElement;if(rt){for(var pt=S,ft=0,Z=0;pt&&gg(pt);)ft+=pt.offsetLeft,Z+=pt.offsetTop,pt=pt.offsetParent;Q-=ft,X-=Z}}}if(tu&&!Zp&&j&&!N&&M&&(m==="relative"||m==="static")&&(Q-=S.offsetLeft,X-=S.offsetTop,o=o||D),b)j&&A.hasTransform&&(k=S.clientLeft,O=S.clientTop);else if(j&&v!==S&&(w=S.clientLeft,T=S.clientTop),j&&S===a){var nt=td(r,!1);Q+=nt[0],X+=nt[1]}if(i.push({type:"target",target:r,matrix:Ti(E,c,G)}),C.length&&(i.push({type:"offset",target:r,matrix:te(c)}),i.push({type:"target",target:r,matrix:Ti(ar(C),c,G)})),j){var Rt=r===t,ct=Rt?0:r.scrollLeft,ut=Rt?0:r.scrollTop;i.push({type:"offset",target:r,matrix:ir([Q-ct+w-k,X-ut+T-O],c)})}else i.push({type:"offset",target:r,origin:G});if(U!==1&&i.push({type:"zoom",target:r,matrix:Ti(Ho([U,U],c),c,[0,0])}),f||(f=E),u||(u=G),d||(d=$),s||b)break;r=S,o=D,(!n||r===a)&&(s=o)}return f||(f=te(c)),u||(u=[0,0]),d||(d=[0,0]),{zoom:p,offsetContainer:v,matrixes:i,targetMatrix:f,transformOrigin:u,targetOrigin:d,is3d:l,hasFixed:h}}var ur=null,dr=null,Br=null;function jr(t){t?(window.Map&&(ur=new Map,dr=new Map),Br=[]):(ur=null,Br=null,dr=null)}function xg(t){var e=dr?.get(t);if(e)return e;var n=Ai(t,!0);return dr&&dr.set(t,n),n}function yg(t,e){if(Br){var n=ze(Br,function(i){return i[0][0]==t&&i[0][1]==e});if(n)return n[1]}var r=hu(t,e,!0);return Br&&Br.push([[t,e],r]),r}function Ne(t){var e=ur?.get(t);if(!e){var n=Se(t).getComputedStyle(t);if(!ur)return function(a){return n[a]};e={style:n,cached:{}},ur.set(t,e)}var r=e.cached,i=e.style;return function(a){return a in r||(r[a]=i[a]),r[a]}}function an(t,e,n){var r=n.originalDatas;r.groupable=r.groupable||{};var i=r.groupable;i.childDatas=i.childDatas||[];var a=i.childDatas;return t.moveables.map(function(o,s){return a[s]=a[s]||{},a[s][e]=a[s][e]||{},L(L({},n),{isRequestChild:!0,datas:a[s][e],originalDatas:a[s]})})}function hs(t,e,n,r,i,a,o){var s=!!n.match(/Start$/g),l=!!n.match(/End$/g),c=i.isPinch,u=i.datas,d=an(t,e.name,i),f=t.moveables,h=[],v=d.map(function(p,g){var m=f[g],x=m.state,b=x.gestos,C=p;if(s)C=new Pr(o).dragStart(r,p),h.push(C);else{if(b[o]||(b[o]=u.childGestos[g]),!b[o])return;C=Si(p,x,r,c,a,o),h.push(C)}var E=e[n](m,L(L({},C),{parentFlag:!0}));return l&&(b[o]=null),E});return s&&(u.childGestos=f.map(function(p){return p.state.gestos[o]})),{eventParams:v,childEvents:h}}function Dn(t,e,n,r,i,a){i===void 0&&(i=function(u,d){return d});var o=!!n.match(/End$/g),s=an(t,e.name,r),l=t.moveables,c=s.map(function(u,d){var f=l[d],h=u;h=i(f,u);var v=e[n](f,L(L({},h),{parentFlag:!0}));return v&&a&&a(f,u,v,d),o&&(f.state.gestos={}),v});return c}function Ra(t,e,n,r){var i=n.fixedDirection,a=n.fixedPosition,o=r.datas.startPositions||Ue(e.state),s=fe(o,i),l=I(Ee(xi(-t.rotation/180*Math.PI,3),[s[0]-a[0],s[1]-a[1],1],3),2),c=l[0],u=l[1];return r.datas.originalX=c,r.datas.originalY=u,r}function vu(t,e,n,r){var i=t.getState(),a=i.renderPoses,o=i.rotation,s=i.direction,l=hr(t.props,e).zoom,c=Mi(o/Math.PI*180),u={},d=t.renderState;d.renderDirectionMap||(d.renderDirectionMap={});var f=d.renderDirectionMap;n.forEach(function(v){var p=v.dir;u[p]=!0});var h=_e(s);return n.map(function(v){var p=v.data,g=v.classNames,m=v.dir,x=ls[m];if(!x||!u[m])return null;f[m]=!0;var b=(St(c,15)+h*au[m]+720)%180,C={};return un(p).forEach(function(E){C["data-".concat(E)]=p[E]}),r.createElement("div",L({className:dt.apply(void 0,J(["control","direction",m,e],I(g),!1)),"data-rotation":b,"data-direction":m},C,{key:"direction-".concat(m),style:ja.apply(void 0,J([o,l],I(x.map(function(E){return a[E]})),!1))}))})}function pu(t,e,n,r){var i=hr(t.props,n),a=i.renderDirections,o=a===void 0?e:a,s=i.displayAroundControls;if(!o)return[];var l=o===!0?is:o;return J(J([],I(s?yu(t,r,n,l):[]),!1),I(vu(t,n,l.map(function(c){return{data:{},classNames:[],dir:c}}),r)),!1)}function wi(t,e,n,r,i,a){for(var o=[],s=6;s<arguments.length;s++)o[s-6]=arguments[s];var l=se(n,r),c=e?St(l/Math.PI*180,15)%180:-1;return t.createElement("div",{key:"line-".concat(a),className:dt.apply(void 0,J(["line","direction",e?"edge":"",e],I(o),!1)),"data-rotation":c,"data-line-key":a,"data-direction":e,style:Ri(n,r,i,l)})}function gu(t,e,n,r,i){var a=n===!0?Gp:n;return a.map(function(o,s){var l=I(ls[o],2),c=l[0],u=l[1];if(u!=null)return wi(t,o,r[c],r[u],i,"".concat(e,"Edge").concat(s),e)}).filter(Boolean)}function mu(t){return function(e,n){var r=hr(e.props,t).edge;return r&&(r===!0||r.length)?J(J([],I(gu(n,t,r,e.getState().renderPoses,e.props.zoom)),!1),I(bg(e,t,n)),!1):xu(e,t,n)}}function xu(t,e,n){return pu(t,is,e,n)}function bg(t,e,n){return pu(t,["nw","ne","sw","se"],e,n)}function yu(t,e,n,r){var i=t.renderState;i.renderDirectionMap||(i.renderDirectionMap={});var a=t.getState(),o=a.renderPoses,s=a.rotation,l=a.direction,c=i.renderDirectionMap,u=t.props.zoom,d=_e(l),f=s/Math.PI*180;return(r||un(c)).map(function(h){var v=ls[h];if(!v)return null;var p=(St(f,15)+d*au[h]+720)%180,g=["around-control"];return n&&g.push("direction",n),e.createElement("div",{className:dt.apply(void 0,J([],I(g),!1)),"data-rotation":p,"data-direction":h,key:"direction-around-".concat(h),style:ja.apply(void 0,J([s,u],I(v.map(function(m){return o[m]})),!1))})})}function vs(t,e,n){var r=t||{},i=r.position,a=i===void 0?"client":i,o=r.left,s=o===void 0?-1/0:o,l=r.top,c=l===void 0?-1/0:l,u=r.right,d=u===void 0?1/0:u,f=r.bottom,h=f===void 0?1/0:f,v={position:a,left:s,top:c,right:d,bottom:h};return{vertical:bu(v,e,!0),horizontal:bu(v,n,!1)}}function Aa(t,e){var n=t.state,r=n.containerClientRect,i=r.clientHeight,a=r.clientWidth,o=r.clientLeft,s=r.clientTop,l=n.snapOffset,c=l.left,u=l.top,d=l.right,f=l.bottom,h=e||t.props.bounds||{},v=h.position||"client",p=v==="css",g=h.left,m=g===void 0?-1/0:g,x=h.top,b=x===void 0?-1/0:x,C=h.right,E=C===void 0?p?-1/0:1/0:C,S=h.bottom,D=S===void 0?p?-1/0:1/0:S;return p&&(E=a+d-c-E,D=i+f-u-D),{left:m+c-o,right:E+c-o,top:b+u-s,bottom:D+u-s}}function Cg(t,e,n){var r=Aa(t),i=r.left,a=r.top,o=r.right,s=r.bottom,l=I(n,2),c=l[0],u=l[1],d=I(ht(n,e),2),f=d[0],h=d[1];K(f)<Re&&(f=0),K(h)<Re&&(h=0);var v=h>0,p=f>0,g={isBound:!1,offset:0,pos:0},m={isBound:!1,offset:0,pos:0};if(f===0&&h===0)return{vertical:g,horizontal:m};if(f===0)v?s<u&&(m.pos=s,m.offset=u-s):a>u&&(m.pos=a,m.offset=u-a);else if(h===0)p?o<c&&(g.pos=o,g.offset=c-o):i>c&&(g.pos=i,g.offset=c-i);else{var x=h/f,b=n[1]-x*c,C=0,E=0,S=!1;p&&o<=c?(C=x*o+b,E=o,S=!0):!p&&c<=i&&(C=x*i+b,E=i,S=!0),S&&(C<a||C>s)&&(S=!1),S||(v&&s<=u?(C=s,E=(C-b)/x,S=!0):!v&&u<=a&&(C=a,E=(C-b)/x,S=!0)),S&&(g.isBound=!0,g.pos=E,g.offset=c-E,m.isBound=!0,m.pos=C,m.offset=u-C)}return{vertical:g,horizontal:m}}function bu(t,e,n){var r=t[n?"left":"top"],i=t[n?"right":"bottom"],a=Math.min.apply(Math,J([],I(e),!1)),o=Math.max.apply(Math,J([],I(e),!1)),s=[];return r+1>a&&s.push({direction:"start",isBound:!0,offset:a-r,pos:r}),i-1<o&&s.push({direction:"end",isBound:!0,offset:o-i,pos:i}),s.length||s.push({isBound:!1,offset:0,pos:0}),s.sort(function(l,c){return K(c.offset)-K(l.offset)})}function Cu(t,e,n){var r=n?t.map(function(i){return mi(i,n)}):t;return r.some(function(i){return i[0]<e.left&&K(i[0]-e.left)>.1||i[0]>e.right&&K(i[0]-e.right)>.1||i[1]<e.top&&K(i[1]-e.top)>.1||i[1]>e.bottom&&K(i[1]-e.bottom)>.1})}function Sg(t,e,n){var r=Xe(t),i=Math.sqrt(r*r-e*e)||0;return[i,-i].sort(function(a,o){return K(a-t[n?0:1])-K(o-t[n?0:1])}).map(function(a){return se([0,0],n?[a,e]:[e,a])})}function Eg(t,e,n,r,i){if(!t.props.bounds)return[];var a=i*Math.PI/180,o=Aa(t),s=o.left,l=o.top,c=o.right,u=o.bottom,d=s-r[0],f=c-r[0],h=l-r[1],v=u-r[1],p={left:d,top:h,right:f,bottom:v};if(!Cu(n,p,0))return[];var g=[];return[[d,0],[f,0],[h,1],[v,1]].forEach(function(m){var x=I(m,2),b=x[0],C=x[1];n.forEach(function(E){var S=se([0,0],E);g.push.apply(g,J([],I(Sg(E,b,C).map(function(D){return a+D-S}).filter(function(D){return!Cu(e,p,D)}).map(function(D){return St(D*180/Math.PI,Re)})),!1))})}),g}var wg=["left","right","center"],Dg=["top","bottom","middle"],Su={left:"start",right:"end",center:"center",top:"start",bottom:"end",middle:"center"},Vn={start:"left",end:"right",center:"center"},Fn={start:"top",end:"bottom",center:"middle"};function Vr(){return{left:!1,top:!1,right:!1,bottom:!1}}function Fr(t,e){var n=t.props,r=n.snappable,i=n.bounds,a=n.innerBounds,o=n.verticalGuidelines,s=n.horizontalGuidelines,l=n.snapGridWidth,c=n.snapGridHeight,u=t.state,d=u.guidelines,f=u.enableSnap;return!r||!f||e&&r!==!0&&r.indexOf(e)<0?!1:!!(l||c||i||a||d&&d.length||o&&o.length||s&&s.length)}function ps(t){return t===!1?{}:t===!0||!t?{left:!0,right:!0,top:!0,bottom:!0}:t}function Mg(t,e){var n=ps(t),r={};for(var i in n)i in e&&n[i]&&(r[i]=e[i]);return r}function gs(t,e){var n=Mg(t,e),r=Dg.filter(function(a){return a in n}),i=wg.filter(function(a){return a in n});return{horizontalNames:r,verticalNames:i,horizontal:r.map(function(a){return n[a]}),vertical:i.map(function(a){return n[a]})}}function Tg(t,e,n){var r=ie(t,[e.clientLeft,e.clientTop],n);return[e.left+r[0],e.top+r[1]]}function kg(t){var e=I(t,2),n=e[0],r=e[1],i=r[0]-n[0],a=r[1]-n[1];Math.abs(i)<oe&&(i=0),Math.abs(a)<oe&&(a=0);var o=0,s=0,l=0;return i?a?(o=-a/i,s=1,l=o*n[0]-n[1]):(s=1,l=-n[1]):(o=-1,l=n[0]),[o,s,l].map(function(c){return St(c,oe)})}var Eu="snapRotationThreshold",wu="snapRotationDegrees",Du="snapHorizontalThreshold",Mu="snapVerticalThreshold";function Oa(t,e,n,r,i,a,o){var s;r===void 0&&(r=[]),i===void 0&&(i=[]);var l=t.props,c=((s=t.state.snapThresholdInfo)===null||s===void 0?void 0:s.multiples)||[1,1],u=cd(o,l[Du],5),d=cd(a,l[Mu],5);return Tu(t.state.guidelines,e,n,r,i,u,d,c)}function Tu(t,e,n,r,i,a,o,s){return{vertical:Ru(t,"vertical",e,o*s[0],r),horizontal:Ru(t,"horizontal",n,a*s[1],i)}}function Rg(t,e,n){var r=I(n,2),i=r[0],a=r[1],o=I(e,2),s=o[0],l=o[1],c=I(ht(n,e),2),u=c[0],d=c[1],f=d>0,h=u>0;u=Wa(u),d=Wa(d);var v={isSnap:!1,offset:0,pos:0},p={isSnap:!1,offset:0,pos:0};if(u===0&&d===0)return{vertical:v,horizontal:p};var g=Oa(t,u?[i]:[],d?[a]:[],[],[],void 0,void 0),m=g.vertical,x=g.horizontal;m.posInfos.filter(function(z){var j=z.pos;return h?j>=s:j<=s}),x.posInfos.filter(function(z){var j=z.pos;return f?j>=l:j<=l}),m.isSnap=m.posInfos.length>0,x.isSnap=x.posInfos.length>0;var b=ms(m),C=b.isSnap,E=b.guideline,S=ms(x),D=S.isSnap,M=S.guideline,w=D?M.pos[1]:0,T=C?E.pos[0]:0;if(u===0)D&&(p.isSnap=!0,p.pos=M.pos[1],p.offset=a-p.pos);else if(d===0)C&&(v.isSnap=!0,v.pos=T,v.offset=i-T);else{var k=d/u,O=n[1]-k*i,A=0,_=0,P=!1;C?(_=T,A=k*_+O,P=!0):D&&(A=w,_=(A-O)/k,P=!0),P&&(v.isSnap=!0,v.pos=_,v.offset=i-_,p.isSnap=!0,p.pos=A,p.offset=a-A)}return{vertical:v,horizontal:p}}function Gn(t){var e="";return t===-1||t==="top"||t==="left"?e="start":t===0||t==="center"||t==="middle"?e="center":(t===1||t==="right"||t==="bottom")&&(e="end"),e}function ku(t,e,n,r){var i=gs(t.props.snapDirections,e),a=Oa(t,i.vertical,i.horizontal,i.verticalNames.map(function(l){return Gn(l)}),i.horizontalNames.map(function(l){return Gn(l)}),n,r),o=Gn(i.horizontalNames[a.horizontal.index]),s=Gn(i.verticalNames[a.vertical.index]);return{vertical:L(L({},a.vertical),{direction:s}),horizontal:L(L({},a.horizontal),{direction:o})}}function ms(t){var e=t.isSnap;if(!e)return{isSnap:!1,offset:0,dist:-1,pos:0,guideline:null};var n=t.posInfos[0],r=n.guidelineInfos[0],i=r.offset,a=r.dist,o=r.guideline;return{isSnap:e,offset:i,dist:a,pos:n.pos,guideline:o}}function Ru(t,e,n,r,i){var a,o;if(i===void 0&&(i=[]),!t||!t.length)return{isSnap:!1,index:-1,direction:"",posInfos:[]};var s=e==="vertical",l=s?0:1,c=n.map(function(d,f){var h=i[f]||"",v=t.map(function(p){var g=p.pos,m=d-g[l];return{offset:m,dist:K(m),guideline:p,direction:h}}).filter(function(p){var g=p.guideline,m=p.dist,x=g.type;return!(x!==e||m>r)}).sort(function(p,g){return p.dist-g.dist});return{pos:d,index:f,guidelineInfos:v,direction:h}}).filter(function(d){return d.guidelineInfos.length>0}).sort(function(d,f){return d.guidelineInfos[0].dist-f.guidelineInfos[0].dist}),u=c.length>0;return{isSnap:u,index:u?c[0].index:-1,direction:(o=(a=c[0])===null||a===void 0?void 0:a.direction)!==null&&o!==void 0?o:"",posInfos:c}}function Ag(t,e,n,r,i){var a=[];n[0]&&n[1]?a=[n,[-n[0],n[1]],[n[0],-n[1]]]:!n[0]&&!n[1]?[[-1,-1],[1,-1],[1,1],[-1,1]].forEach(function(f,h,v){var p=v[h+1]||v[0];a.push(f),a.push([(f[0]+p[0])/2,(f[1]+p[1])/2])}):t.props.keepRatio?a.push([-1,-1],[-1,1],[1,-1],[1,1],n):(a.push.apply(a,J([],I(ag([[-1,-1],[1,-1],[-1,-1],[1,1]],n)),!1)),a.length>1&&a.push([(a[0][0]+a[1][0])/2,(a[0][1]+a[1][1])/2]));var o=a.map(function(f){return fe(e,f)}),s=o.map(function(f){return f[0]}),l=o.map(function(f){return f[1]}),c=Oa(t,s,l,a.map(function(f){return Gn(f[0])}),a.map(function(f){return Gn(f[1])}),r,i),u=Gn(a.map(function(f){return f[0]})[c.vertical.index]),d=Gn(a.map(function(f){return f[1]})[c.horizontal.index]);return{vertical:L(L({},c.vertical),{direction:u}),horizontal:L(L({},c.horizontal),{direction:d})}}function Au(t,e){var n=K(t.offset),r=K(e.offset);return t.isBound&&e.isBound?r-n:t.isBound?-1:e.isBound?1:t.isSnap&&e.isSnap?r-n:t.isSnap?-1:e.isSnap||n<Re?1:r<Re?-1:n-r}function _a(t,e){return t.slice().sort(function(n,r){var i=n.sign[e],a=r.sign[e],o=n.offset[e],s=r.offset[e];if(i){if(!a)return-1}else return 1;return Au({isBound:n.isBound,isSnap:n.isSnap,offset:o},{isBound:r.isBound,isSnap:r.isSnap,offset:s})})[0]}function Og(t,e,n){var r=[];if(n)K(e[0])!==1||K(e[1])!==1?r.push([e,[-1,-1]],[e,[-1,1]],[e,[1,-1]],[e,[1,1]]):r.push([e,[t[0],-t[1]]],[e,[-t[0],t[1]]]),r.push([e,t]);else if(t[0]&&t[1]||!t[0]&&!t[1]){var i=t[0]?t:[1,1];[1,-1].forEach(function(o){[1,-1].forEach(function(s){var l=[o*i[0],s*i[1]];e[0]===l[0]&&e[1]===l[1]||r.push([e,l])})})}else if(t[0]){var a=K(e[0])===1?[1]:[1,-1];a.forEach(function(o){r.push([[e[0],-1],[o*t[0],-1]],[[e[0],0],[o*t[0],0]],[[e[0],1],[o*t[0],1]])})}else if(t[1]){var a=K(e[1])===1?[1]:[1,-1];a.forEach(function(s){r.push([[-1,e[1]],[-1,s*t[1]]],[[0,e[1]],[0,s*t[1]]],[[1,e[1]],[1,s*t[1]]])})}return r}function Ou(t,e){var n=bo([e[0][0],e[1][0]]),r=bo([e[0][1],e[1][1]]);return{vertical:n<=t[0],horizontal:r<=t[1]}}function xs(t,e){var n=I(e,2),r=n[0],i=n[1],a=i[0]-r[0],o=i[1]-r[1];K(a)<Re&&(a=0),K(o)<Re&&(o=0);var s,l;if(!a)s=r[0],l=t[0];else if(!o)s=r[1],l=t[1];else{var c=o/a;s=c*(t[0]-r[0])+r[1],l=t[1]}return s-l}function _u(t,e,n,r){return r===void 0&&(r=Re),t.every(function(i){var a=xs(i,e),o=a<=0;return o===n||K(a)<=r})}function Lu(t,e,n,r,i){return i===void 0&&(i=0),r&&e-i<=t||!r&&t<=n+i?{isBound:!0,offset:r?e-t:n-t}:{isBound:!1,offset:0}}function _g(t,e){var n=e.line,r=e.centerSign,i=e.verticalSign,a=e.horizontalSign,o=e.lineConstants,s=t.props.innerBounds;if(!s)return{isAllBound:!1,isBound:!1,isVerticalBound:!1,isHorizontalBound:!1,offset:[0,0]};var l=s.left,c=s.top,u=s.width,d=s.height,f=[[l,c],[l,c+d]],h=[[l,c],[l+u,c]],v=[[l+u,c],[l+u,c+d]],p=[[l,c+d],[l+u,c+d]];if(_u([[l,c],[l+u,c],[l,c+d],[l+u,c+d]],n,r))return{isAllBound:!1,isBound:!1,isVerticalBound:!1,isHorizontalBound:!1,offset:[0,0]};var g=Wn(n,o,h,i),m=Wn(n,o,p,i),x=Wn(n,o,f,a),b=Wn(n,o,v,a),C=g.isBound&&m.isBound,E=g.isBound||m.isBound,S=x.isBound&&b.isBound,D=x.isBound||b.isBound,M=Wr(g.offset,m.offset),w=Wr(x.offset,b.offset),T=[0,0],k=!1,O=!1;return K(w)<K(M)?(T=[M,0],k=E,O=C):(T=[0,w],k=D,O=S),{isAllBound:O,isVerticalBound:E,isHorizontalBound:D,isBound:k,offset:T}}function Wn(t,e,n,r,i,a){var o=I(e,2),s=o[0],l=o[1],c=t[0],u=n[0],d=n[1],f=Wa(d[1]-u[1]),h=Wa(d[0]-u[0]),v=l,p=s,g=-s/l;if(h){if(!f){if(a&&!v)return{isBound:!1,offset:0};if(p){var C=(u[1]-c[1])/g+c[0];return Lu(C,u[0],d[0],r,i)}else{var x=u[1]-c[1],b=K(x)<=(i||0);return{isBound:b,offset:b?x:0}}}}else{if(a&&!p)return{isBound:!1,offset:0};if(v){var m=g*(u[0]-c[0])+c[1];return Lu(m,u[1],d[1],r,i)}else{var x=u[0]-c[0],b=K(x)<=(i||0);return{isBound:b,offset:b?x:0}}}return{isBound:!1,offset:0}}function Iu(t,e,n){return e.map(function(r){var i=_g(t,r),a=i.isBound,o=i.offset,s=i.isVerticalBound,l=i.isHorizontalBound,c=r.multiple,u=vn({datas:n,distX:o[0],distY:o[1]}).map(function(d,f){return d*(c[f]?2/c[f]:0)});return{sign:c,isBound:a,isVerticalBound:s,isHorizontalBound:l,isSnap:!1,offset:u}})}function Lg(t,e,n){var r,i=ys(t,e,[0,0],!1).map(function(f){return L(L({},f),{multiple:f.multiple.map(function(h){return K(h)*2})})}),a=Iu(t,i,n),o=_a(a,0),s=_a(a,1),l=0,c=0,u=o.isVerticalBound||s.isVerticalBound,d=o.isHorizontalBound||s.isHorizontalBound;return(u||d)&&(r=I(rg({datas:n,distX:-o.offset[0],distY:-s.offset[1]}),2),l=r[0],c=r[1]),{vertical:{isBound:u,offset:l},horizontal:{isBound:d,offset:c}}}function Ig(t,e){var n=[],r=t[0],i=t[1];return r&&i?n.push([[0,i*2],t,[-r,i]],[[r*2,0],t,[r,-i]]):r?(n.push([[r*2,0],[r,1],[r,-1]]),e&&n.push([[0,-1],[r,-1],[-r,-1]],[[0,1],[r,1],[-r,1]])):i?(n.push([[0,i*2],[1,i],[-1,i]]),e&&n.push([[-1,0],[-1,i],[-1,-i]],[[1,0],[1,i],[1,-i]])):n.push([[-1,0],[-1,-1],[-1,1]],[[1,0],[1,-1],[1,1]],[[0,-1],[-1,-1],[1,-1]],[[0,1],[-1,1],[1,1]]),n}function ys(t,e,n,r){var i=t.state,a=i.allMatrix,o=i.is3d,s=fr(a,100,100,o?4:3),l=fe(s,[0,0]);return Ig(n,r).map(function(c){var u=I(c,3),d=u[0],f=u[1],h=u[2],v=[fe(s,f),fe(s,h)],p=kg(v),g=Ou(l,v),m=g.vertical,x=g.horizontal,b=xs(l,v)<=0;return{multiple:d,centerSign:b,verticalSign:m,horizontalSign:x,lineConstants:p,line:[fe(e,f),fe(e,h)]}})}function Pu(t,e,n,r){var i=r?t.map(function(a){return mi(a,r)}):t;return[[i[0],i[1]],[i[1],i[3]],[i[3],i[2]],[i[2],i[0]]].some(function(a){var o=xs(n,a)<=0;return!_u(e,a,o)})}function Pg(t){var e=I(t,2),n=e[0],r=e[1],i=r[0]-n[0],a=r[1]-n[1];if(!i)return K(n[0]);if(!a)return K(n[1]);var o=a/i;return K((-o*n[0]+n[1])/Math.sqrt(Math.pow(o,2)+1))}function zg(t){var e=I(t,2),n=e[0],r=e[1],i=r[0]-n[0],a=r[1]-n[1];if(!i)return[n[0],0];if(!a)return[0,n[1]];var o=a/i,s=-o*n[0]+n[1];return[-s/(o+1/o),s/(o*o+1)]}function Ng(t,e,n,r,i){var a=t.props.innerBounds,o=i*Math.PI/180;if(!a)return[];var s=a.left,l=a.top,c=a.width,u=a.height,d=s-r[0],f=s+c-r[0],h=l-r[1],v=l+u-r[1],p=[[d,h],[f,h],[d,v],[f,v]],g=fe(n,[0,0]);if(!Pu(n,p,g,0))return[];var m=[],x=p.map(function(b){return[Xe(b),se([0,0],b)]});return[[n[0],n[1]],[n[1],n[3]],[n[3],n[2]],[n[2],n[0]]].forEach(function(b){var C=se([0,0],zg(b)),E=Pg(b);m.push.apply(m,J([],I(x.filter(function(S){var D=I(S,1),M=D[0];return M&&E<=M}).map(function(S){var D=I(S,2),M=D[0],w=D[1],T=Math.acos(M?E/M:0),k=w+T,O=w-T;return[o+k-C,o+O-C]}).reduce(function(S,D){return S.push.apply(S,J([],I(D),!1)),S},[]).filter(function(S){return!Pu(e,p,g,S)}).map(function(S){return St(S*180/Math.PI,Re)})),!1))}),m}function Bg(t){var e=t.props.innerBounds,n=Vr();if(!e)return{boundMap:n,vertical:[],horizontal:[]};var r=t.getRect(),i=r.pos1,a=r.pos2,o=r.pos3,s=r.pos4,l=[i,a,o,s],c=fe(l,[0,0]),u=e.left,d=e.top,f=e.width,h=e.height,v=[[u,d],[u,d+h]],p=[[u,d],[u+f,d]],g=[[u+f,d],[u+f,d+h]],m=[[u,d+h],[u+f,d+h]],x=ys(t,l,[0,0],!1),b=[],C=[];return x.forEach(function(E){var S=E.line,D=E.lineConstants,M=Ou(c,S),w=M.horizontal,T=M.vertical,k=Wn(S,D,p,T,1,!0),O=Wn(S,D,m,T,1,!0),A=Wn(S,D,v,w,1,!0),_=Wn(S,D,g,w,1,!0);k.isBound&&!n.top&&(b.push(d),n.top=!0),O.isBound&&!n.bottom&&(b.push(d+h),n.bottom=!0),A.isBound&&!n.left&&(C.push(u),n.left=!0),_.isBound&&!n.right&&(C.push(u+f),n.right=!0)}),{boundMap:n,horizontal:b,vertical:C}}function jg(t,e,n,r){var i=e[0]-t[0],a=e[1]-t[1];if(K(i)<oe&&(i=0),K(a)<oe&&(a=0),!i)return r?[0,0]:[0,n];if(!a)return r?[n,0]:[0,0];var o=a/i,s=t[1]-o*t[0];if(r){var l=o*(e[0]+n)+s;return[n,l-e[1]]}else{var c=(e[1]+n-s)/o;return[c-e[0],n]}}function bs(t,e,n,r,i){var a=jg(t,e,n,r);if(!a)return{isOutside:!1,offset:[0,0]};var o=dn(t,e),s=dn(a,t),l=dn(a,e),c=s>o||l>o,u=I(vn({datas:i,distX:a[0],distY:a[1]}),2),d=u[0],f=u[1];return{offset:[d,f],isOutside:c}}function La(t,e){return t.isBound?t.offset:e.isSnap?ms(e).offset:0}function Vg(t,e,n,r,i){var a=I(e,2),o=a[0],s=a[1],l=I(n,2),c=l[0],u=l[1],d=I(r,2),f=d[0],h=d[1],v=I(i,2),p=v[0],g=v[1],m=-p,x=-g;if(t&&o&&s){m=0,x=0;var b=[];if(c&&u?b.push([0,g],[p,0]):c?b.push([p,0]):u?b.push([0,g]):f&&h?b.push([0,g],[p,0]):f?b.push([p,0]):h&&b.push([0,g]),b.length){b.sort(function(D,M){return Xe(ht([o,s],D))-Xe(ht([o,s],M))});var C=b[0];if(C[0]&&K(o)>oe)m=-C[0],x=s*K(o+m)/K(o)-s;else if(C[1]&&K(s)>oe){var E=s;x=-C[1],m=o*K(s+x)/K(E)-o}if(t&&u&&c)if(K(m)>oe&&K(m)<K(p)){var S=K(p)/K(m);m*=S,x*=S}else if(K(x)>oe&&K(x)<K(g)){var S=K(g)/K(x);m*=S,x*=S}else m=Wr(-p,m),x=Wr(-g,x)}}else m=o||c?-p:0,x=s||u?-g:0;return[m,x]}function Fg(t,e,n,r,i,a){if(!Fr(t,"draggable"))return[{isSnap:!1,isBound:!1,offset:0},{isSnap:!1,isBound:!1,offset:0}];var o=_s(a.absolutePoses,[e,n]),s=Ke(o),l=s.left,c=s.right,u=s.top,d=s.bottom,f={horizontal:o.map(function(_){return _[1]}),vertical:o.map(function(_){return _[0]})},h=ps(t.props.snapDirections),v=gs(h,{left:l,right:c,top:u,bottom:d,center:(l+c)/2,middle:(u+d)/2}),p=Ia(t,i,v,f),g=p.vertical,m=p.horizontal,x=Lg(t,o,a),b=x.vertical,C=x.horizontal,E=g.isSnap,S=m.isSnap,D=g.isBound||b.isBound,M=m.isBound||C.isBound,w=Wr(g.offset,b.offset),T=Wr(m.offset,C.offset),k=I(Vg(r,[e,n],[D,M],[E,S],[w,T]),2),O=k[0],A=k[1];return[{isBound:D,isSnap:E,offset:O},{isBound:M,isSnap:S,offset:A}]}function Ia(t,e,n,r){r===void 0&&(r=n);var i=vs(Aa(t),r.vertical,r.horizontal),a=i.horizontal,o=i.vertical,s=e?{horizontal:{isSnap:!1,index:-1},vertical:{isSnap:!1,index:-1}}:Oa(t,n.vertical,n.horizontal,void 0,void 0,void 0,void 0),l=s.horizontal,c=s.vertical,u=La(a[0],l),d=La(o[0],c),f=K(u),h=K(d);return{horizontal:{isBound:a[0].isBound,isSnap:l.isSnap,snapIndex:l.index,offset:u,dist:f,bounds:a,snap:l},vertical:{isBound:o[0].isBound,isSnap:c.isSnap,snapIndex:c.index,offset:d,dist:h,bounds:o,snap:c}}}function zu(t,e,n,r,i,a,o){o===void 0&&(o=[1,1]);var s=vs(e,n,r),l=s.horizontal,c=s.vertical,u=Tu(t,n,r,[],[],i,a,o),d=u.horizontal,f=u.vertical,h=La(l[0],d),v=La(c[0],f),p=K(h),g=K(v);return{horizontal:{isBound:l[0].isBound,isSnap:d.isSnap,snapIndex:d.index,offset:h,dist:p,bounds:l,snap:d},vertical:{isBound:c[0].isBound,isSnap:f.isSnap,snapIndex:f.index,offset:v,dist:g,bounds:c,snap:f}}}function Gg(t,e,n,r){var i=se(t,e)/Math.PI*180,a=n.vertical,o=a.isBound,s=a.isSnap,l=a.dist,c=n.horizontal,u=c.isBound,d=c.isSnap,f=c.dist,h=i%180,v=h<3||h>177,p=h>87&&h<93;return f<l&&(o||s&&!p&&(!r||!v))?"vertical":u||d&&!v&&(!r||!p)?"horizontal":""}function Wg(t,e,n,r,i,a){return n.map(function(o){var s=I(o,2),l=s[0],c=s[1],u=fe(e,l),d=fe(e,c),f=r?$g(t,u,d,i):Ia(t,i,{vertical:[d[0]],horizontal:[d[1]]}),h=f.horizontal,v=h.offset,p=h.isBound,g=h.isSnap,m=f.vertical,x=m.offset,b=m.isBound,C=m.isSnap,E=ht(c,l);if(!x&&!v)return{isBound:b||p,isSnap:C||g,sign:E,offset:[0,0]};var S=Gg(u,d,f,r);if(!S)return{sign:E,isBound:!1,isSnap:!1,offset:[0,0]};var D=S==="vertical",M=[0,0];return!r&&K(c[0])===1&&K(c[1])===1&&l[0]!==c[0]&&l[1]!==c[1]?M=vn({datas:a,distX:-x,distY:-v}):M=bs(u,d,-(D?x:v),D,a).offset,M=M.map(function(w,T){return w*(E[T]?2/E[T]:0)}),{sign:E,isBound:D?b:p,isSnap:D?C:g,offset:M}})}function Nu(t,e){return t.isBound?t.offset:e.isSnap?e.offset:0}function $g(t,e,n,r){var i=Cg(t,e,n),a=i.horizontal,o=i.vertical,s=r?{horizontal:{isSnap:!1},vertical:{isSnap:!1}}:Rg(t,e,n),l=s.horizontal,c=s.vertical,u=Nu(a,l),d=Nu(o,c),f=K(u),h=K(d);return{horizontal:{isBound:a.isBound,isSnap:l.isSnap,offset:u,dist:f},vertical:{isBound:o.isBound,isSnap:c.isSnap,offset:d,dist:h}}}function Hg(t,e,n,r,i){var a=[-n[0],-n[1]],o=t.state,s=o.width,l=o.height,c=t.props.bounds,u=1/0,d=1/0;if(c){var f=[[n[0],-n[1]],[-n[0],n[1]]],h=c.left,v=h===void 0?-1/0:h,p=c.top,g=p===void 0?-1/0:p,m=c.right,x=m===void 0?1/0:m,b=c.bottom,C=b===void 0?1/0:b;f.forEach(function(E){var S=E[0]!==a[0],D=E[1]!==a[1],M=fe(e,E),w=se(r,M)*360/Math.PI;if(D){var T=M.slice();(K(w-360)<2||K(w-180)<2)&&(T[1]=r[1]);var k=bs(r,T,(r[1]<M[1]?C:g)-M[1],!1,i),O=I(k.offset,2),A=O[1],_=k.isOutside;isNaN(A)||(d=l+(_?1:-1)*K(A))}if(S){var T=M.slice();(K(w-90)<2||K(w-270)<2)&&(T[0]=r[0]);var P=bs(r,T,(r[0]<M[0]?x:v)-M[0],!0,i),z=I(P.offset,1),j=z[0],N=P.isOutside;isNaN(j)||(u=s+(N?1:-1)*K(j))}})}return{maxWidth:u,maxHeight:d}}var Ae={name:"draggable",props:["draggable","throttleDrag","throttleDragRotate","hideThrottleDragRotateLine","startDragRotate","edgeDraggable"],events:["dragStart","drag","dragEnd","dragGroupStart","dragGroup","dragGroupEnd"],requestStyle:function(){return["left","top","right","bottom"]},requestChildStyle:function(){return["left","top","right","bottom"]},render:function(t,e){var n=t.props,r=n.hideThrottleDragRotateLine,i=n.throttleDragRotate,a=n.zoom,o=t.getState(),s=o.dragInfo,l=o.beforeOrigin;if(r||!i||!s)return[];var c=s.dist;if(!c[0]&&!c[1])return[];var u=Xe(c),d=se(c,[0,0]);return[e.createElement("div",{className:dt("line","horizontal","dragline","dashed"),key:"dragRotateGuideline",style:{width:"".concat(u,"px"),transform:"translate(".concat(l[0],"px, ").concat(l[1],"px) rotate(").concat(d,"rad) scaleY(").concat(a,")")}})]},dragStart:function(t,e){var n=e.datas,r=e.parentEvent,i=e.parentGesto,a=t.state,o=a.gestos,s=a.style;if(o.draggable)return!1;o.draggable=i||t.targetGesto,n.datas={},n.left=parseFloat(s.left||"")||0,n.top=parseFloat(s.top||"")||0,n.bottom=parseFloat(s.bottom||"")||0,n.right=parseFloat(s.right||"")||0,n.startValue=[0,0],cr(t,e),Da(t,e,"translate"),u0(t,n),n.prevDist=[0,0],n.prevBeforeDist=[0,0],n.isDrag=!1,n.deltaOffset=[0,0];var l=kt(t,e,L({set:function(u){n.startValue=u}},wa(t,e))),c=r||it(t,"onDragStart",l);return c!==!1?(n.isDrag=!0,t.state.dragInfo={startRect:t.getRect(),dist:[0,0]}):(o.draggable=null,n.isPinch=!1),n.isDrag?l:!1},drag:function(t,e){if(e){Sa(t,e,"translate");var n=e.datas,r=e.parentEvent,i=e.parentFlag,a=e.isPinch,o=e.deltaOffset,s=e.useSnap,l=e.isRequest,c=e.isGroup,u=e.parentThrottleDrag,d=e.distX,f=e.distY,h=n.isDrag,v=n.prevDist,p=n.prevBeforeDist,g=n.startValue;if(h){o&&(d+=o[0],f+=o[1]);var m=t.props,x=m.parentMoveable,b=c?0:m.throttleDrag||u||0,C=r?0:m.throttleDragRotate||0,E=0,S=!1,D=!1,M=!1,w=!1;if(!r&&C>0&&(d||f)){var T=m.startDragRotate||0,k=St(T+se([0,0],[d,f])*180/Math.PI,C)-T,O=f*Math.abs(Math.cos((k-90)/180*Math.PI)),A=d*Math.abs(Math.cos(k/180*Math.PI)),_=Xe([A,O]);E=k*Math.PI/180,d=_*Math.cos(E),f=_*Math.sin(E)}if(!a&&!r&&!i){var P=I(Fg(t,d,f,C,!s&&l||o,n),2),z=P[0],j=P[1];S=z.isSnap,D=z.isBound,M=j.isSnap,w=j.isBound;var N=z.offset,G=j.offset;d+=N,f+=G}var $=jt(cu({datas:n,distX:d,distY:f}),g),B=jt(ng({datas:n,distX:d,distY:f}),g);Zl(B,Re),Zl($,Re),C||(!S&&!D&&(B[0]=St(B[0],b),$[0]=St($[0],b)),!M&&!w&&(B[1]=St(B[1],b),$[1]=St($[1],b)));var q=ht($,g),Q=ht(B,g),X=ht(Q,v),U=ht(q,p);n.prevDist=Q,n.prevBeforeDist=q,n.passDelta=X,n.passDist=Q;var Y=n.left+q[0],et=n.top+q[1],rt=n.right-q[0],pt=n.bottom-q[1],ft=Ea(n,"translate(".concat(B[0],"px, ").concat(B[1],"px)"),"translate(".concat(Q[0],"px, ").concat(Q[1],"px)"));if(ds(e,ft),t.state.dragInfo.dist=r?[0,0]:Q,!(!r&&!x&&X.every(function(ut){return!ut})&&U.some(function(ut){return!ut}))){var Z=t.state,nt=Z.width,Rt=Z.height,ct=kt(t,e,L({transform:ft,dist:Q,delta:X,translate:B,beforeDist:q,beforeDelta:U,beforeTranslate:$,left:Y,top:et,right:rt,bottom:pt,width:nt,height:Rt,isPinch:a},Oe({transform:ft},e)));return!r&&it(t,"onDrag",ct),ct}}}},dragAfter:function(t,e){var n=e.datas,r=n.deltaOffset;return r[0]||r[1]?(n.deltaOffset=[0,0],this.drag(t,L(L({},e),{deltaOffset:r}))):!1},dragEnd:function(t,e){var n=e.parentEvent,r=e.datas;if(t.state.dragInfo=null,!!r.isDrag){r.isDrag=!1;var i=Ge(t,e,{});return!n&&it(t,"onDragEnd",i),i}},dragGroupStart:function(t,e){var n,r,i=e.datas,a=e.clientX,o=e.clientY,s=this.dragStart(t,e);if(!s)return!1;var l=hs(t,this,"dragStart",[a||0,o||0],e,!1,"draggable"),c=l.childEvents,u=l.eventParams,d=L(L({},s),{targets:t.props.targets,events:u}),f=it(t,"onDragGroupStart",d);i.isDrag=f!==!1;var h=(r=(n=c[0])===null||n===void 0?void 0:n.datas.startValue)!==null&&r!==void 0?r:[0,0];return i.throttleOffset=[h[0]%1,h[1]%1],i.isDrag?s:!1},dragGroup:function(t,e){var n=e.datas;if(n.isDrag){var r=this.drag(t,L(L({},e),{parentThrottleDrag:t.props.throttleDrag})),i=e.datas.passDelta,a=hs(t,this,"drag",i,e,!1,"draggable").eventParams;if(r){var o=L({targets:t.props.targets,events:a},r);return it(t,"onDragGroup",o),o}}},dragGroupEnd:function(t,e){var n=e.isDrag,r=e.datas;if(r.isDrag){this.dragEnd(t,e);var i=hs(t,this,"dragEnd",[0,0],e,!1,"draggable").eventParams;return it(t,"onDragGroupEnd",Ge(t,e,{targets:t.props.targets,events:i})),n}},request:function(t){var e={},n=t.getRect(),r=0,i=0,a=!1;return{isControl:!1,requestStart:function(o){return a=o.useSnap,{datas:e,useSnap:a}},request:function(o){return"x"in o?r=o.x-n.left:"deltaX"in o&&(r+=o.deltaX),"y"in o?i=o.y-n.top:"deltaY"in o&&(i+=o.deltaY),{datas:e,distX:r,distY:i,useSnap:a}},requestEnd:function(){return{datas:e,isDrag:!0,useSnap:a}}}},unset:function(t){t.state.gestos.draggable=null,t.state.dragInfo=null}};function Bu(t,e){var n=fe(t,e),r=[0,0];return{fixedPosition:n,fixedDirection:e,fixedOffset:r}}function Yg(t,e){var n=t.allMatrix,r=t.is3d,i=t.width,a=t.height,o=r?4:3,s=[i/2*(1+e[0]),a/2*(1+e[1])],l=ie(n,s,o),c=[0,0];return{fixedPosition:l,fixedDirection:e,fixedOffset:c}}function ju(t,e){var n=t.allMatrix,r=t.is3d,i=t.width,a=t.height,o=r?4:3,s=ug(e,i,a),l=ie(n,e,o),c=[i?0:e[0],a?0:e[1]];return{fixedPosition:l,fixedDirection:s,fixedOffset:c}}var Vu=Ns("resizable"),Cs={name:"resizable",ableGroup:"size",canPinch:!0,props:["resizable","throttleResize","renderDirections","displayAroundControls","keepRatio","resizeFormat","keepRatioFinally","edge","checkResizableError"],events:["resizeStart","beforeResize","resize","resizeEnd","resizeGroupStart","beforeResizeGroup","resizeGroup","resizeGroupEnd"],render:mu("resizable"),dragControlCondition:Vu,viewClassName:zs("resizable"),dragControlStart:function(t,e){var n,r=e.inputEvent,i=e.isPinch,a=e.isGroup,o=e.parentDirection,s=e.parentGesto,l=e.datas,c=e.parentFixedDirection,u=e.parentEvent,d=od(o,i,r,l),f=t.state,h=f.target,v=f.width,p=f.height,g=f.gestos;if(!d||!h||g.resizable)return!1;g.resizable=s||t.controlGesto,!i&&cr(t,e),l.datas={},l.direction=d,l.startOffsetWidth=v,l.startOffsetHeight=p,l.prevWidth=0,l.prevHeight=0,l.minSize=[0,0],l.startWidth=f.inlineCSSWidth||f.cssWidth,l.startHeight=f.inlineCSSHeight||f.cssHeight,l.maxSize=[1/0,1/0],a||(l.minSize=[f.minOffsetWidth,f.minOffsetHeight],l.maxSize=[f.maxOffsetWidth,f.maxOffsetHeight]);var m=t.props.transformOrigin||"% %";l.transformOrigin=m&&ge(m)?m.split(" "):m,l.startOffsetMatrix=f.offsetMatrix,l.startTransformOrigin=f.transformOrigin,l.isWidth=(n=e?.parentIsWidth)!==null&&n!==void 0?n:!d[0]&&!d[1]||d[0]||!d[1];function x(w){l.ratio=w&&isFinite(w)?w:0}l.startPositions=Ue(t.state);function b(w){var T=Bu(l.startPositions,w);l.fixedDirection=T.fixedDirection,l.fixedPosition=T.fixedPosition,l.fixedOffset=T.fixedOffset}function C(w){var T=ju(t.state,w);l.fixedDirection=T.fixedDirection,l.fixedPosition=T.fixedPosition,l.fixedOffset=T.fixedOffset}function E(w){l.minSize=[It("".concat(w[0]),0)||0,It("".concat(w[1]),0)||0]}function S(w){var T=[w[0]||1/0,w[1]||1/0];(!kr(T[0])||isFinite(T[0]))&&(T[0]=It("".concat(T[0]),0)||1/0),(!kr(T[1])||isFinite(T[1]))&&(T[1]=It("".concat(T[1]),0)||1/0),l.maxSize=T}x(v/p),b(c||[-d[0],-d[1]]),l.setFixedDirection=b,l.setFixedPosition=C,l.setMin=E,l.setMax=S;var D=kt(t,e,{direction:d,startRatio:l.ratio,set:function(w){var T=I(w,2),k=T[0],O=T[1];l.startWidth=k,l.startHeight=O},setMin:E,setMax:S,setRatio:x,setFixedDirection:b,setFixedPosition:C,setOrigin:function(w){l.transformOrigin=w},dragStart:Ae.dragStart(t,new Pr().dragStart([0,0],e))}),M=u||it(t,"onResizeStart",D);return l.startFixedDirection=l.fixedDirection,l.startFixedPosition=l.fixedPosition,M!==!1&&(l.isResize=!0,t.state.snapRenderInfo={request:e.isRequest,direction:d}),l.isResize?D:!1},dragControl:function(t,e){var n,r=e.datas,i=e.parentFlag,a=e.isPinch,o=e.parentKeepRatio,s=e.dragClient,l=e.parentDist,c=e.useSnap,u=e.isRequest,d=e.isGroup,f=e.parentEvent,h=e.resolveMatrix,v=r.isResize,p=r.transformOrigin,g=r.startWidth,m=r.startHeight,x=r.prevWidth,b=r.prevHeight,C=r.minSize,E=r.maxSize,S=r.ratio,D=r.startOffsetWidth,M=r.startOffsetHeight,w=r.isWidth;if(!v)return;if(h){var T=t.state.is3d,k=r.startOffsetMatrix,O=r.startTransformOrigin,A=T?4:3,_=ar(Ma(e)),P=Math.sqrt(_.length);A!==P&&(_=rn(_,P,A));var z=Ei(k,_,O,A),j=fr(z,D,M,A);r.startPositions=j,r.nextTargetMatrix=_,r.nextAllMatrix=z}var N=hr(t.props,"resizable"),G=N.resizeFormat,$=N.throttleResize,B=$===void 0?i?0:1:$,q=N.parentMoveable,Q=N.keepRatioFinally,X=r.direction,U=X,Y=0,et=0;!X[0]&&!X[1]&&(U=[1,1]);var rt=S&&(o??N.keepRatio)||!1;function pt(){var bt=r.fixedDirection,vt=pd(U,rt,r,e);Y=vt.distWidth,et=vt.distHeight;var Tt=U[0]-bt[0]||rt?Math.max(D+Y,Re):D,Ot=U[1]-bt[1]||rt?Math.max(M+et,Re):M;return rt&&D&&M&&(w?Ot=Tt/S:Tt=Ot*S),[Tt,Ot]}var ft=I(pt(),2),Z=ft[0],nt=ft[1];f||(r.setFixedDirection(r.fixedDirection),it(t,"onBeforeResize",kt(t,e,{startFixedDirection:r.startFixedDirection,startFixedPosition:r.startFixedPosition,setFixedDirection:function(bt){var vt;return r.setFixedDirection(bt),vt=I(pt(),2),Z=vt[0],nt=vt[1],[Z,nt]},setFixedPosition:function(bt){var vt;return r.setFixedPosition(bt),vt=I(pt(),2),Z=vt[0],nt=vt[1],[Z,nt]},boundingWidth:Z,boundingHeight:nt,setSize:function(bt){var vt;vt=I(bt,2),Z=vt[0],nt=vt[1]}},!0)));var Rt=s;s||(!i&&a?Rt=vg(t,[0,0]):Rt=r.fixedPosition);var ct=[0,0];a||(ct=l0(t,Z,nt,X,Rt,!c&&u,r)),l&&(!l[0]&&(ct[0]=0),!l[1]&&(ct[1]=0));function ut(){var bt;G&&(bt=I(G([Z,nt]),2),Z=bt[0],nt=bt[1]),Z=St(Z,B),nt=St(nt,B)}if(rt){U[0]&&U[1]&&ct[0]&&ct[1]&&(K(ct[0])>K(ct[1])?ct[1]=0:ct[0]=0);var mt=!ct[0]&&!ct[1];mt&&ut(),U[0]&&!U[1]||ct[0]&&!ct[1]||mt&&w?(Z+=ct[0],nt=Z/S):(!U[0]&&U[1]||!ct[0]&&ct[1]||mt&&!w)&&(nt+=ct[1],Z=nt*S)}else Z+=ct[0],nt+=ct[1],Z=Math.max(0,Z),nt=Math.max(0,nt);n=I(yo([Z,nt],C,E,rt?S:!1),2),Z=n[0],nt=n[1],ut(),rt&&(d||Q)&&(w?nt=Z/S:Z=nt*S),Y=Z-D,et=nt-M;var At=[Y-x,et-b];r.prevWidth=Y,r.prevHeight=et;var Mt=hg(t,Z,nt,Rt,p,r);if(!(!q&&At.every(function(bt){return!bt})&&Mt.every(function(bt){return!bt}))){var gt=Ae.drag(t,Si(e,t.state,Mt,!!a,!1,"draggable")),yt=gt.transform,Ht=g+Y,zt=m+et,st=kt(t,e,L({width:Ht,height:zt,offsetWidth:Math.round(Z),offsetHeight:Math.round(nt),startRatio:S,boundingWidth:Z,boundingHeight:nt,direction:X,dist:[Y,et],delta:At,isPinch:!!a,drag:gt},ld({style:{width:"".concat(Ht,"px"),height:"".concat(zt,"px")},transform:yt},gt,e)));return!f&&it(t,"onResize",st),st}},dragControlAfter:function(t,e){var n=e.datas,r=n.isResize,i=n.startOffsetWidth,a=n.startOffsetHeight,o=n.prevWidth,s=n.prevHeight;if(!(!r||t.props.checkResizableError===!1)){var l=t.state,c=l.width,u=l.height,d=c-(i+o),f=u-(a+s),h=K(d)>3,v=K(f)>3;if(h&&(n.startWidth+=d,n.startOffsetWidth+=d,n.prevWidth+=d),v&&(n.startHeight+=f,n.startOffsetHeight+=f,n.prevHeight+=f),h||v)return this.dragControl(t,e)}},dragControlEnd:function(t,e){var n=e.datas,r=e.parentEvent;if(n.isResize){n.isResize=!1;var i=Ge(t,e,{});return!r&&it(t,"onResizeEnd",i),i}},dragGroupControlCondition:Vu,dragGroupControlStart:function(t,e){var n=e.datas,r=this.dragControlStart(t,L(L({},e),{isGroup:!0}));if(!r)return!1;var i=an(t,"resizable",e),a=n.startOffsetWidth,o=n.startOffsetHeight;function s(){var h=n.minSize;i.forEach(function(v){var p=v.datas,g=p.minSize,m=p.startOffsetWidth,x=p.startOffsetHeight,b=a*(m?g[0]/m:0),C=o*(x?g[1]/x:0);h[0]=Math.max(h[0],b),h[1]=Math.max(h[1],C)})}function l(){var h=n.maxSize;i.forEach(function(v){var p=v.datas,g=p.maxSize,m=p.startOffsetWidth,x=p.startOffsetHeight,b=a*(m?g[0]/m:0),C=o*(x?g[1]/x:0);h[0]=Math.min(h[0],b),h[1]=Math.min(h[1],C)})}var c=Dn(t,this,"dragControlStart",e,function(h,v){return Ra(t,h,n,v)});s(),l();var u=function(h){r.setFixedDirection(h),c.forEach(function(v,p){v.setFixedDirection(h),Ra(t,v.moveable,n,i[p])})};n.setFixedDirection=u;var d=L(L({},r),{targets:t.props.targets,events:c.map(function(h){return L(L({},h),{setMin:function(v){h.setMin(v),s()},setMax:function(v){h.setMax(v),l()}})}),setFixedDirection:u,setMin:function(h){r.setMin(h),s()},setMax:function(h){r.setMax(h),l()}}),f=it(t,"onResizeGroupStart",d);return n.isResize=f!==!1,n.isResize?r:!1},dragGroupControl:function(t,e){var n=e.datas;if(n.isResize){var r=hr(t.props,"resizable");Fa(t,"onBeforeResize",function(h){it(t,"onBeforeResizeGroup",kt(t,e,L(L({},h),{targets:r.targets}),!0))});var i=this.dragControl(t,L(L({},e),{isGroup:!0}));if(i){var a=i.boundingWidth,o=i.boundingHeight,s=i.dist,l=r.keepRatio,c=[a/(a-s[0]),o/(o-s[1])],u=n.fixedPosition,d=Dn(t,this,"dragControl",e,function(h,v){var p=I(Ee(xi(t.rotation/180*Math.PI,3),[v.datas.originalX*c[0],v.datas.originalY*c[1],1],3),2),g=p[0],m=p[1];return L(L({},v),{parentDist:null,parentScale:c,dragClient:jt(u,[g,m]),parentKeepRatio:l})}),f=L({targets:r.targets,events:d},i);return it(t,"onResizeGroup",f),f}}},dragGroupControlEnd:function(t,e){var n=e.isDrag,r=e.datas;if(r.isResize){this.dragControlEnd(t,e);var i=Dn(t,this,"dragControlEnd",e),a=Ge(t,e,{targets:t.props.targets,events:i});return it(t,"onResizeGroupEnd",a),n}},request:function(t){var e={},n=0,r=0,i=!1,a=t.getRect();return{isControl:!0,requestStart:function(o){var s;return i=o.useSnap,{datas:e,parentDirection:o.direction||[1,1],parentIsWidth:(s=o?.horizontal)!==null&&s!==void 0?s:!0,useSnap:i}},request:function(o){return"offsetWidth"in o?n=o.offsetWidth-a.offsetWidth:"deltaWidth"in o&&(n+=o.deltaWidth),"offsetHeight"in o?r=o.offsetHeight-a.offsetHeight:"deltaHeight"in o&&(r+=o.deltaHeight),{datas:e,parentDist:[n,r],parentKeepRatio:o.keepRatio,useSnap:i}},requestEnd:function(){return{datas:e,isDrag:!0,useSnap:i}}}},unset:function(t){t.state.gestos.resizable=null}};function Ss(t,e,n,r,i){var a=t.props.groupable,o=t.state,s=o.is3d?4:3,l=e.origin,c=ie(t.state.rootMatrix,ht([l[0],l[1]],a?[0,0]:[o.left,o.top]),s),u=jt([i.left,i.top],c);e.startAbsoluteOrigin=u,e.prevDeg=se(u,[n,r])/Math.PI*180,e.defaultDeg=e.prevDeg,e.prevSnapDeg=0,e.loop=0,e.startDist=dn(u,[n,r])}function Pa(t,e,n){var r=n.defaultDeg,i=n.prevDeg,a=i%360,o=Math.floor(i/360);a<0&&(a+=360),a>t&&a>270&&t<90?++o:a<t&&a<90&&t>270&&--o;var s=e*(o*360+t-r);return n.prevDeg=r+s,s}function Es(t,e,n,r){return Pa(se(r.startAbsoluteOrigin,[t,e])/Math.PI*180,n,r)}function ws(t,e,n,r,i,a){var o=t.props.throttleRotate,s=o===void 0?0:o,l=n.prevSnapDeg,c=0,u=!1;if(a){var d=s0(t,e,r,i+r);u=d.isSnap,c=i+d.dist}u||(c=St(i+r,s));var f=c-i;return n.prevSnapDeg=f,[f-l,f,c]}function Fu(t,e,n){var r=I(e,4),i=r[0],a=r[1],o=r[2],s=r[3];if(t==="none")return[];if(Qt(t))return t.map(function(g){return Fu(g,[i,a,o,s],n)[0]});var l=I((t||"top").split("-"),2),c=l[0],u=l[1],d=[i,a];c==="left"?d=[o,i]:c==="right"?d=[a,s]:c==="bottom"&&(d=[s,o]);var f=[(d[0][0]+d[1][0])/2,(d[0][1]+d[1][1])/2],h=id(d,n);if(u){var v=u==="top"||u==="left",p=c==="bottom"||c==="left";f=d[v&&!p||!v&&p?0:1]}return[[f,h]]}function Ds(t,e){if(e.isRequest)return e.requestAble==="rotatable";var n=e.inputEvent.target;if(le(n,dt("rotation-control"))||t.props.rotateAroundControls&&le(n,dt("around-control"))||le(n,dt("control"))&&le(n,dt("rotatable")))return!0;var r=t.props.rotationTarget;return r?Bs(r,!0).some(function(i){return i?n===i||n.contains(i):!1}):!1}var Kg=`.rotation { position: absolute; height: 40px; width: 1px; transform-origin: 50% 100%; height: calc(40px * var(--zoom)); top: auto; left: 0; bottom: 100%; will-change: transform; } .rotation .rotation-line { display: block; width: 100%; height: 100%; transform-origin: 50% 50%; } .rotation .rotation-control { border-color: #4af; border-color: var(--moveable-color); background:#fff; cursor: alias; } :global .view-rotation-dragging, .rotatable.direction.control { cursor: alias; } .rotatable.direction.control.move { cursor: move; } `,Xg={name:"rotatable",canPinch:!0,props:["rotatable","rotationPosition","throttleRotate","renderDirections","rotationTarget","rotateAroundControls","edge","resolveAblesWithRotatable","displayAroundControls"],events:["rotateStart","beforeRotate","rotate","rotateEnd","rotateGroupStart","beforeRotateGroup","rotateGroup","rotateGroupEnd"],css:[Kg],viewClassName:function(t){return t.isDragging("rotatable")?dt("view-rotation-dragging"):""},render:function(t,e){var n=hr(t.props,"rotatable"),r=n.rotatable,i=n.rotationPosition,a=n.zoom,o=n.renderDirections,s=n.rotateAroundControls,l=n.resolveAblesWithRotatable,c=t.getState(),u=c.renderPoses,d=c.direction;if(!r)return null;var f=Fu(i,u,d),h=[];if(f.forEach(function(m,x){var b=I(m,2),C=b[0],E=b[1];h.push(e.createElement("div",{key:"rotation".concat(x),className:dt("rotation"),style:{transform:"translate(-50%) translate(".concat(C[0],"px, ").concat(C[1],"px) rotate(").concat(E,"rad)")}},e.createElement("div",{className:dt("line rotation-line"),style:{transform:"scaleX(".concat(a,")")}}),e.createElement("div",{className:dt("control rotation-control"),style:{transform:"translate(0.5px) scale(".concat(a,")")}})))}),o){var v=un(l||{}),p={};v.forEach(function(m){l[m].forEach(function(x){p[x]=m})});var g=[];Qt(o)&&(g=o.map(function(m){var x=p[m];return{data:x?{resolve:x}:{},classNames:x?["move"]:[],dir:m}})),h.push.apply(h,J([],I(vu(t,"rotatable",g,e)),!1))}return s&&h.push.apply(h,J([],I(yu(t,e)),!1)),h},dragControlCondition:Ds,dragControlStart:function(t,e){var n,r,i=e.datas,a=e.clientX,o=e.clientY,s=e.parentRotate,l=e.parentFlag,c=e.isPinch,u=e.isRequest,d=t.state,f=d.target,h=d.left,v=d.top,p=d.direction,g=d.beforeDirection,m=d.targetTransform,x=d.moveableClientRect,b=d.offsetMatrix,C=d.targetMatrix,E=d.allMatrix,S=d.width,D=d.height;if(!u&&!f)return!1;var M=t.getRect();i.rect=M,i.transform=m,i.left=h,i.top=v;var w=function(U){var Y=ju(t.state,U);i.fixedDirection=Y.fixedDirection,i.fixedOffset=Y.fixedOffset,i.fixedPosition=Y.fixedPosition,B&&B.setFixedPosition(U)},T=function(U){var Y=Yg(t.state,U);i.fixedDirection=Y.fixedDirection,i.fixedOffset=Y.fixedOffset,i.fixedPosition=Y.fixedPosition,B&&B.setFixedDirection(U)},k=a,O=o;if(u||c||l){var A=s||0;i.beforeInfo={origin:M.beforeOrigin,prevDeg:A,defaultDeg:A,prevSnapDeg:0,startDist:0},i.afterInfo=L(L({},i.beforeInfo),{origin:M.origin}),i.absoluteInfo=L(L({},i.beforeInfo),{origin:M.origin,startValue:A})}else{var _=(r=e.inputEvent)===null||r===void 0?void 0:r.target;if(_){var P=_.getAttribute("data-direction")||"",z=tg[P];if(z){i.isControl=!0,i.isAroundControl=le(_,dt("around-control")),i.controlDirection=z;var j=_.getAttribute("data-resolve");j&&(i.resolveAble=j);var N=E0(d.rootMatrix,d.renderPoses,x);n=I(fe(N,z),2),k=n[0],O=n[1]}}i.beforeInfo={origin:M.beforeOrigin},i.afterInfo={origin:M.origin},i.absoluteInfo={origin:M.origin,startValue:M.rotation};var G=w;w=function(U){var Y=d.is3d?4:3,et=I(jt(Kc(C,Y),U),2),rt=et[0],pt=et[1],ft=Ee(b,rr([rt,pt],Y)),Z=Ee(E,rr([U[0],U[1]],Y));G(U);var nt=d.posDelta;i.beforeInfo.origin=ht(ft,nt),i.afterInfo.origin=ht(Z,nt),i.absoluteInfo.origin=ht(Z,nt),Ss(t,i.beforeInfo,k,O,x),Ss(t,i.afterInfo,k,O,x),Ss(t,i.absoluteInfo,k,O,x)},T=function(U){var Y=fe([[0,0],[S,0],[0,D],[S,D]],U);w(Y)}}i.startClientX=k,i.startClientY=O,i.direction=p,i.beforeDirection=g,i.startValue=0,i.datas={},Da(t,e,"rotate");var $=!1,B=!1;if(i.isControl&&i.resolveAble){var q=i.resolveAble;q==="resizable"&&(B=Cs.dragControlStart(t,L(L({},new Pr("resizable").dragStart([0,0],e)),{parentPosition:i.controlPosition,parentFixedPosition:i.fixedPosition})))}B||($=Ae.dragStart(t,new Pr().dragStart([0,0],e))),w(w0(t));var Q=kt(t,e,L(L({set:function(U){i.startValue=U*Math.PI/180},setFixedDirection:T,setFixedPosition:w},wa(t,e)),{dragStart:$,resizeStart:B})),X=it(t,"onRotateStart",Q);return i.isRotate=X!==!1,d.snapRenderInfo={request:e.isRequest},i.isRotate?Q:!1},dragControl:function(t,e){var n,r,i,a=e.datas,o=e.clientDistX,s=e.clientDistY,l=e.parentRotate,c=e.parentFlag,u=e.isPinch,d=e.groupDelta,f=e.resolveMatrix,h=a.beforeDirection,v=a.beforeInfo,p=a.afterInfo,g=a.absoluteInfo,m=a.isRotate,x=a.startValue,b=a.rect,C=a.startClientX,E=a.startClientY;if(m){Sa(t,e,"rotate");var S=eg(e),D=h*S,M=t.props.parentMoveable,w=0,T,k,O=0,A,_,P=0,z,j,N=180/Math.PI*x,G=g.startValue,$=!1,B=C+o,q=E+s;if(!c&&"parentDist"in e){var Q=e.parentDist;T=Q,A=Q,z=Q}else u||c?(T=Pa(l,h,v),A=Pa(l,D,p),z=Pa(l,D,g)):(T=Es(B,q,h,v),A=Es(B,q,D,p),z=Es(B,q,D,g),$=!0);if(k=N+T,_=N+A,j=G+z,it(t,"onBeforeRotate",kt(t,e,{beforeRotation:k,rotation:_,absoluteRotation:j,setRotation:function(Rt){A=Rt-N,T=A,z=A}},!0)),n=I(ws(t,b,v,T,N,$),3),w=n[0],T=n[1],k=n[2],r=I(ws(t,b,p,A,N,$),3),O=r[0],A=r[1],_=r[2],i=I(ws(t,b,g,z,G,$),3),P=i[0],z=i[1],j=i[2],!(!P&&!O&&!w&&!M&&!f)){var X=Ea(a,"rotate(".concat(_,"deg)"),"rotate(".concat(A,"deg)"));f&&(a.fixedPosition=fs(t,a.targetAllTransform,a.fixedDirection,a.fixedOffset,a));var U=fg(t,A,a),Y=ht(jt(d||[0,0],U),a.prevInverseDist||[0,0]);a.prevInverseDist=U,a.requestValue=null;var et=du(t,X,Y,u,e),rt=et,pt=dn([B,q],g.startAbsoluteOrigin)-g.startDist,ft=void 0;if(a.resolveAble==="resizable"){var Z=Cs.dragControl(t,L(L({},Si(e,t.state,[e.deltaX,e.deltaY],!!u,!1,"resizable")),{resolveMatrix:!0,parentDistance:pt}));Z&&(ft=Z,rt=ld(rt,Z,e))}var nt=kt(t,e,L(L({delta:O,dist:A,rotate:_,rotation:_,beforeDist:T,beforeDelta:w,beforeRotate:k,beforeRotation:k,absoluteDist:z,absoluteDelta:P,absoluteRotate:j,absoluteRotation:j,isPinch:!!u,resize:ft},et),rt));return it(t,"onRotate",nt),nt}}},dragControlEnd:function(t,e){var n=e.datas;if(n.isRotate){n.isRotate=!1;var r=Ge(t,e,{});return it(t,"onRotateEnd",r),r}},dragGroupControlCondition:Ds,dragGroupControlStart:function(t,e){var n=e.datas,r=t.state,i=r.left,a=r.top,o=r.beforeOrigin,s=this.dragControlStart(t,e);if(!s)return!1;s.set(n.beforeDirection*t.rotation);var l=Dn(t,this,"dragControlStart",e,function(d,f){var h=d.state,v=h.left,p=h.top,g=h.beforeOrigin,m=jt(ht([v,p],[i,a]),ht(g,o));return f.datas.startGroupClient=m,f.datas.groupClient=m,L(L({},f),{parentRotate:0})}),c=L(L({},s),{targets:t.props.targets,events:l}),u=it(t,"onRotateGroupStart",c);return n.isRotate=u!==!1,n.isRotate?s:!1},dragGroupControl:function(t,e){var n=e.datas;if(n.isRotate){Fa(t,"onBeforeRotate",function(c){it(t,"onBeforeRotateGroup",kt(t,e,L(L({},c),{targets:t.props.targets}),!0))});var r=this.dragControl(t,e);if(r){var i=n.beforeDirection,a=r.beforeDist,o=a/180*Math.PI,s=Dn(t,this,"dragControl",e,function(c,u){var d=u.datas.startGroupClient,f=I(u.datas.groupClient,2),h=f[0],v=f[1],p=I(mi(d,o*i),2),g=p[0],m=p[1],x=[g-h,m-v];return u.datas.groupClient=[g,m],L(L({},u),{parentRotate:a,groupDelta:x})});t.rotation=i*r.beforeRotation;var l=L({targets:t.props.targets,events:s,set:function(c){t.rotation=c},setGroupRotation:function(c){t.rotation=c}},r);return it(t,"onRotateGroup",l),l}}},dragGroupControlEnd:function(t,e){var n=e.isDrag,r=e.datas;if(r.isRotate){this.dragControlEnd(t,e);var i=Dn(t,this,"dragControlEnd",e),a=Ge(t,e,{targets:t.props.targets,events:i});return it(t,"onRotateGroupEnd",a),n}},request:function(t){var e={},n=0,r=t.getRotation();return{isControl:!0,requestStart:function(){return{datas:e}},request:function(i){return"deltaRotate"in i?n+=i.deltaRotate:"rotate"in i&&(n=i.rotate-r),{datas:e,parentDist:n}},requestEnd:function(){return{datas:e,isDrag:!0}}}}};function Ug(t,e){var n,r=t.direction,i=t.classNames,a=t.size,o=t.pos,s=t.zoom,l=t.key,c=r==="horizontal",u=c?"Y":"X";return e.createElement("div",{key:l,className:i.join(" "),style:(n={},n[c?"width":"height"]="".concat(a),n.transform="translate(".concat(o[0],", ").concat(o[1],") translate").concat(u,"(-50%) scale").concat(u,"(").concat(s,")"),n)})}function Ms(t,e){return Ug(L(L({},t),{classNames:J([dt("line","guideline",t.direction)],I(t.classNames),!1).filter(function(n){return n}),size:t.size||"".concat(t.sizeValue,"px"),pos:t.pos||t.posValue.map(function(n){return"".concat(St(n,.1),"px")})}),e)}function Gu(t,e,n,r,i,a,o,s){var l=t.props.zoom;return n.map(function(c,u){var d=c.type,f=c.pos,h=[0,0];return h[o]=r,h[o?0:1]=-i+f,Ms({key:"".concat(e,"TargetGuideline").concat(u),classNames:[dt("target","bold",d)],posValue:h,sizeValue:a,zoom:l,direction:e},s)})}function Wu(t,e,n,r,i,a){var o=t.props,s=o.zoom,l=o.isDisplayInnerSnapDigit,c=e==="horizontal"?Vn:Fn,u=i[c.start],d=i[c.end];return n.filter(function(f){var h=f.hide,v=f.elementRect;if(h)return!1;if(l&&v){var p=v.rect;if(p[c.start]<=u&&d<=p[c.end])return!1}return!0}).map(function(f,h){var v=f.pos,p=f.size,g=f.element,m=f.className,x=[-r[0]+v[0],-r[1]+v[1]];return Ms({key:"".concat(e,"-default-guideline-").concat(h),classNames:g?[dt("bold"),m]:[dt("normal"),m],direction:e,posValue:x,sizeValue:p,zoom:s},a)})}function Di(t,e,n,r,i,a,o,s){var l,c=t.props,u=c.snapDigit,d=u===void 0?0:u,f=c.isDisplaySnapDigit,h=f===void 0?!0:f,v=c.snapDistFormat,p=v===void 0?function(E,S){return E}:v,g=c.zoom,m=e==="horizontal"?"X":"Y",x=e==="vertical"?"height":"width",b=Math.abs(i),C=h?parseFloat(b.toFixed(d)):0;return s.createElement("div",{key:"".concat(e,"-").concat(n,"-guideline-").concat(r),className:dt("guideline-group",e),style:(l={left:"".concat(a[0],"px"),top:"".concat(a[1],"px")},l[x]="".concat(b,"px"),l)},Ms({direction:e,classNames:[dt(n),o],size:"100%",posValue:[0,0],sizeValue:b,zoom:g},s),s.createElement("div",{className:dt("size-value","gap"),style:{transform:"translate".concat(m,"(-50%) scale(").concat(g,")")}},C>0?p(C,e):""))}function Zg(t,e,n,r){var i=t==="vertical"?0:1,a=t==="vertical"?1:0,o=i?Vn:Fn,s=n[o.start],l=n[o.end];return ud(e,function(c){return c.pos[i]}).map(function(c){var u=[],d=[],f=[];return c.forEach(function(h){var v,p,g=h.element,m=h.elementRect.rect;if(m[o.end]<s)u.push(h);else if(l<m[o.start])d.push(h);else if(m[o.start]<=s&&l<=m[o.end]&&r){var x=h.pos,b={element:g,rect:L(L({},m),(v={},v[o.end]=m[o.start],v))},C={element:g,rect:L(L({},m),(p={},p[o.start]=m[o.end],p))},E=[0,0],S=[0,0];E[i]=x[i],E[a]=x[a],S[i]=x[i],S[a]=x[a]+h.size,u.push({type:t,pos:E,size:0,elementRect:b,direction:"",elementDirection:"end"}),d.push({type:t,pos:S,size:0,elementRect:C,direction:"",elementDirection:"start"})}}),u.sort(function(h,v){return v.pos[a]-h.pos[a]}),d.sort(function(h,v){return h.pos[a]-v.pos[a]}),{total:c,start:u,end:d,inner:f}})}function Qg(t,e,n,r,i){var a=t.props.isDisplayInnerSnapDigit,o=[];return["vertical","horizontal"].forEach(function(s){var l=e.filter(function(g){return g.type===s}),c=s==="vertical"?1:0,u=c?0:1,d=Zg(s,l,r,a),f=c?Fn:Vn,h=c?Vn:Fn,v=r[f.start],p=r[f.end];d.forEach(function(g){var m=g.total,x=g.start,b=g.end,C=g.inner,E=n[u]+m[0].pos[u]-r[h.start],S=r;x.forEach(function(D){var M=D.elementRect.rect,w=S[f.start]-M[f.end];if(w>0){var T=[0,0];T[c]=n[c]+S[f.start]-v-w,T[u]=E,o.push(Di(t,s,"dashed",o.length,w,T,D.className,i))}S=M}),S=r,b.forEach(function(D){var M=D.elementRect.rect,w=M[f.start]-S[f.end];if(w>0){var T=[0,0];T[c]=n[c]+S[f.end]-v,T[u]=E,o.push(Di(t,s,"dashed",o.length,w,T,D.className,i))}S=M}),C.forEach(function(D){var M=D.elementRect.rect,w=v-M[f.start],T=M[f.end]-p,k=[0,0],O=[0,0];k[c]=n[c]-w,k[u]=E,O[c]=n[c]+p-v,O[u]=E,o.push(Di(t,s,"dashed",o.length,w,k,D.className,i)),o.push(Di(t,s,"dashed",o.length,T,O,D.className,i))})})}),o}function qg(t,e,n,r,i){var a=[];return["horizontal","vertical"].forEach(function(o){var s=e.filter(function(g){return g.type===o}).slice(0,1),l=o==="vertical"?0:1,c=l?0:1,u=l?Fn:Vn,d=l?Vn:Fn,f=r[u.start],h=r[u.end],v=r[d.start],p=r[d.end];s.forEach(function(g){var m=g.gap,x=g.gapRects,b=Math.max.apply(Math,J([v],I(x.map(function(S){var D=S.rect;return D[d.start]})),!1)),C=Math.min.apply(Math,J([p],I(x.map(function(S){var D=S.rect;return D[d.end]})),!1)),E=(b+C)/2;b===C||E===(v+p)/2||x.forEach(function(S){var D=S.rect,M=S.className,w=[n[0],n[1]];if(D[u.end]<f)w[l]+=D[u.end]-f;else if(h<D[u.start])w[l]+=D[u.start]-f-m;else return;w[c]+=E-v,a.push(Di(t,l?"vertical":"horizontal","gap",a.length,m,w,M,i))})})}),a}function Ts(t){var e,n,r=t.state,i=r.containerClientRect,a=r.hasFixed,o=i.overflow,s=i.scrollHeight,l=i.scrollWidth,c=i.clientHeight,u=i.clientWidth,d=i.clientLeft,f=i.clientTop,h=t.props,v=h.snapGap,p=v===void 0?!0:v,g=h.verticalGuidelines,m=h.horizontalGuidelines,x=h.snapThreshold,b=x===void 0?5:x,C=h.maxSnapElementGuidelineDistance,E=C===void 0?1/0:C,S=h.isDisplayGridGuidelines,D=Ke(Ue(t.state)),M=D.top,w=D.left,T=D.bottom,k=D.right,O={top:M,left:w,bottom:T,right:k,center:(w+k)/2,middle:(M+T)/2},A=n0(t),_=J([],I(A),!1),P=((n=(e=r.snapThresholdInfo)===null||e===void 0?void 0:e.multiples)!==null&&n!==void 0?n:[1,1]).map(function(G){return G*b});p&&_.push.apply(_,J([],I(Jg(t,O,P)),!1));var z=L({},r.snapOffset||{left:0,top:0,bottom:0,right:0});if(_.push.apply(_,J([],I(e0(t,o?l:u,o?s:c,d,f,z,S)),!1)),a){var j=i.left,N=i.top;z.left+=j,z.top+=N,z.right+=j,z.bottom+=N}return _.push.apply(_,J([],I(Yu(m||!1,g||!1,o?l:u,o?s:c,d,f,z)),!1)),_=_.filter(function(G){var $=G.element,B=G.elementRect,q=G.type;if(!$||!B)return!0;var Q=B.rect;return $u(O,Q,q,E)}),_}function Jg(t,e,n){var r=t.props,i=r.maxSnapElementGuidelineDistance,a=i===void 0?1/0:i,o=r.maxSnapElementGapDistance,s=o===void 0?1/0:o,l=t.state.elementRects,c=[];return[["vertical",Vn,Fn],["horizontal",Fn,Vn]].forEach(function(u){var d=I(u,3),f=d[0],h=d[1],v=d[2],p=e[h.start],g=e[h.end],m=e[h.center],x=e[v.start],b=e[v.end],C={left:n[0],top:n[1]};function E(M){var w=M.rect,T=C[h.start];return w[h.end]<p+T?p-w[h.end]:g-T<w[h.start]?w[h.start]-g:-1}var S=l.filter(function(M){var w=M.rect;return w[v.start]>b||w[v.end]<x?!1:E(M)>0}).sort(function(M,w){return E(M)-E(w)}),D=[];S.forEach(function(M){S.forEach(function(w){if(M!==w){var T=M.rect,k=w.rect,O=T[v.start],A=T[v.end],_=k[v.start],P=k[v.end];O>P||_>A||D.push([M,w])}})}),D.forEach(function(M){var w=I(M,2),T=w[0],k=w[1],O=T.rect,A=k.rect,_=O[h.start],P=O[h.end],z=A[h.start],j=A[h.end],N=C[h.start],G=0,$=0,B=!1,q=!1,Q=!1;if(P<=p&&g<=z){if(q=!0,G=(z-P-(g-p))/2,$=P+G+(g-p)/2,K($-m)>N)return}else if(P<z&&j<p+N){if(B=!0,G=z-P,$=j+G,K($-p)>N)return}else if(P<z&&g-N<_){if(Q=!0,G=z-P,$=_-G,K($-g)>N)return}else return;G&&$u(e,A,f,a)&&(G>s||c.push({type:f,pos:f==="vertical"?[$,0]:[0,$],element:k.element,size:0,className:k.className,isStart:B,isCenter:q,isEnd:Q,gap:G,hide:!0,gapRects:[T,k],direction:"",elementDirection:""}))})}),c}function t0(t,e,n,r){var i,a,o=t.props,s=t.state,l=o.snapGridAll,c=o.snapGridWidth,u=c===void 0?0:c,d=o.snapGridHeight,f=d===void 0?0:d,h=s.snapRenderInfo,v=h&&(((i=h.direction)===null||i===void 0?void 0:i[0])||((a=h.direction)===null||a===void 0?void 0:a[1])),p=t.moveables;if(l&&p&&v&&(u||f)){if(s.snapThresholdInfo)return;s.snapThresholdInfo={multiples:[1,1],offset:[0,0]};var g=t.getRect(),m=g.children,x=h.direction;if(m){var b=x.map(function(E,S){var D=S===0?{snapSize:u,posName:"left",sizeName:"width",clientOffset:r.left-e}:{snapSize:f,posName:"top",sizeName:"height",clientOffset:r.top-n},M=D.snapSize,w=D.posName,T=D.sizeName,k=D.clientOffset;if(!M)return{dir:E,multiple:1,snapSize:M,snapOffset:0};var O=g[T],A=g[w],_=Ql(m.map(function(B){return[B[w]-A,B[T],O-B[T]-B[w]+A]})).filter(function(B){return B}).sort(function(B,q){return B-q}),P=_[0],z=_.map(function(B){return St(B/P,.1)*M}),j=1,N=St(O/P,.1);for(j=1;j<=10&&!z.every(function(B){return B*j%1===0});++j);var G=(-E+1)/2,$=Ji(A-k,A-k+O,G,1-G);return{multiple:N*j,dir:E,snapSize:M,snapOffset:Math.round($/M)}}),C=b.map(function(E){return E.multiple||1});s.snapThresholdInfo.multiples=C,s.snapThresholdInfo.offset=b.map(function(E){return E.snapOffset}),b.forEach(function(E,S){E.snapSize})}}else s.snapThresholdInfo=null}function e0(t,e,n,r,i,a,o){r===void 0&&(r=0),i===void 0&&(i=0);var s=t.props,l=t.state,c=s.snapGridWidth,u=c===void 0?0:c,d=s.snapGridHeight,f=d===void 0?0:d,h=[],v=a.left,p=a.top,g=[0,0];t0(t,r,i,a);var m=l.snapThresholdInfo,x=u,b=f;if(m&&(u*=m.multiples[0]||1,f*=m.multiples[1]||1,g=m.offset),f){for(var C=function(S){h.push({type:"horizontal",pos:[v,St(g[1]*b+S-i+p,.1)],className:dt("grid-guideline"),size:e,hide:!o,direction:"",grid:!0})},E=0;E<=n*2;E+=f)C(E);for(var E=-f;E>=-n;E-=f)C(E)}if(u){for(var C=function(D){h.push({type:"vertical",pos:[St(g[0]*x+D-r+v,.1),p],className:dt("grid-guideline"),size:n,hide:!o,direction:"",grid:!0})},E=0;E<=e*2;E+=u)C(E);for(var E=-u;E>=-e;E-=u)C(E)}return h}function $u(t,e,n,r){return n==="horizontal"?K(t.right-e.left)<=r||K(t.left-e.right)<=r||t.left<=e.right&&e.left<=t.right:n==="vertical"?K(t.bottom-e.top)<=r||K(t.top-e.bottom)<=r||t.top<=e.bottom&&e.top<=t.bottom:!0}function n0(t){var e=t.state,n=t.props.elementGuidelines,r=n===void 0?[]:n;if(!r.length)return e.elementRects=[],[];var i=(e.elementRects||[]).filter(function(f){return!f.refresh}),a=r.map(function(f){return Me(f)&&"element"in f?L(L({},f),{element:pn(f.element,!0)}):{element:pn(f,!0)}}).filter(function(f){return f.element}),o=Or(i.map(function(f){return f.element}),a.map(function(f){return f.element})),s=o.maintained,l=o.added,c=[];s.forEach(function(f){var h=I(f,2),v=h[0],p=h[1];c[p]=i[v]}),r0(t,l.map(function(f){return a[f]})).map(function(f,h){c[l[h]]=f}),e.elementRects=c;var u=ps(t.props.elementSnapDirections),d=[];return c.forEach(function(f){var h=f.element,v=f.top,p=v===void 0?u.top:v,g=f.left,m=g===void 0?u.left:g,x=f.right,b=x===void 0?u.right:x,C=f.bottom,E=C===void 0?u.bottom:C,S=f.center,D=S===void 0?u.center:S,M=f.middle,w=M===void 0?u.middle:M,T=f.className,k=f.rect,O=gs({top:p,right:b,left:m,bottom:E,center:D,middle:w},k),A=O.horizontal,_=O.vertical,P=O.horizontalNames,z=O.verticalNames,j=k.top,N=k.left,G=k.right-N,$=k.bottom-j,B=[G,$];_.forEach(function(q,Q){d.push({type:"vertical",element:h,pos:[St(q,.1),j],size:$,sizes:B,className:T,elementRect:f,elementDirection:Su[z[Q]]||z[Q],direction:""})}),A.forEach(function(q,Q){d.push({type:"horizontal",element:h,pos:[N,St(q,.1)],size:G,sizes:B,className:T,elementRect:f,elementDirection:Su[P[Q]]||P[Q],direction:""})})}),d}function Hu(t,e){return t?t.map(function(n){var r=Me(n)?n:{pos:n},i=r.pos;return kr(i)?r:L(L({},r),{pos:It(i,e)})}):[]}function Yu(t,e,n,r,i,a,o){i===void 0&&(i=0),a===void 0&&(a=0),o===void 0&&(o={left:0,top:0,right:0,bottom:0});var s=[],l=o.left,c=o.top,u=o.bottom,d=o.right,f=n+d-l,h=r+u-c;return Hu(t,h).forEach(function(v){s.push({type:"horizontal",pos:[l,St(v.pos-a+c,.1)],size:f,className:v.className,direction:""})}),Hu(e,f).forEach(function(v){s.push({type:"vertical",pos:[St(v.pos-i+l,.1),c],size:h,className:v.className,direction:""})}),s}function r0(t,e){if(!e.length)return[];var n=t.props.groupable,r=t.state,i=r.containerClientRect,a=r.rootMatrix,o=r.is3d,s=r.offsetDelta,l=o?4:3,c=I(Tg(a,i,l),2),u=c[0],d=c[1],f=n?0:s[0],h=n?0:s[1];return e.map(function(v){var p=v.element.getBoundingClientRect(),g=p.left-u-f,m=p.top-d-h,x=m+p.height,b=g+p.width,C=I($r(a,[g,m],l),2),E=C[0],S=C[1],D=I($r(a,[b,x],l),2),M=D[0],w=D[1];return L(L({},v),{rect:{left:E,right:M,top:S,bottom:w,center:(E+M)/2,middle:(S+w)/2}})})}function za(t){var e=t.state,n=e.container,r=t.props.snapContainer||n;if(e.snapContainer===r&&e.guidelines&&e.guidelines.length)return!1;var i=e.containerClientRect,a={left:0,top:0,bottom:0,right:0};if(n!==r){var o=pn(r,!0);if(o){var s=Ai(o),l=hd(e,[s.left-i.left,s.top-i.top]),c=hd(e,[s.right-i.right,s.bottom-i.bottom]);a.left=St(l[0],1e-5),a.top=St(l[1],1e-5),a.right=St(c[0],1e-5),a.bottom=St(c[1],1e-5)}}return e.snapContainer=r,e.snapOffset=a,e.guidelines=Ts(t),e.enableSnap=!0,!0}function Ku(t,e,n,r,i,a){var o=fr(t,e,n,a?4:3),s=fe(o,r);return _s(o,ht(i,s))}function Xu(t){return t?t/K(t):0}function i0(t,e,n,r,i,a){var o=a.fixedDirection,s=Og(n,o,r),l=ys(t,e,n,r),c=J(J([],I(Wg(t,e,s,r,i,a)),!1),I(Iu(t,l,a)),!1),u=_a(c,0),d=_a(c,1);return{width:{isBound:u.isBound,offset:u.offset[0]},height:{isBound:d.isBound,offset:d.offset[1]}}}function a0(t,e,n,r,i,a,o,s,l){var c=fe(e,o),u=Ia(t,s,{vertical:[c[0]],horizontal:[c[1]]}),d=u.horizontal.offset,f=u.vertical.offset;if(St(f,os)||St(d,os)){var h=I(vn({datas:l,distX:-f,distY:-d}),2),v=h[0],p=h[1],g=Math.min(i||1/0,n+o[0]*v),m=Math.min(a||1/0,r+o[1]*p);return[g-n,m-r]}return[0,0]}function Uu(t,e,n,r,i,a,o,s){for(var l=Ue(t.state),c=t.props.keepRatio,u=0,d=0,f=0;f<2;++f){var h=e(u,d),v=i0(t,h,i,c,o,s),p=v.width,g=v.height,m=p.isBound,x=g.isBound,b=p.offset,C=g.offset;if(f===1&&(m||(b=0),x||(C=0)),f===0&&o&&!m&&!x)return[0,0];if(c){var E=K(b)*(n?1/n:1),S=K(C)*(r?1/r:1),D=m&&x?E<S:x||!m&&E<S;D?b=n*C/r:C=r*b/n}u+=b,d+=C}if(!c&&i[0]&&i[1]){var M=Hg(t,l,i,a,s),w=M.maxWidth,T=M.maxHeight,k=I(a0(t,e(u,d).map(function(_){return _.map(function(P){return St(P,os)})}),n+u,r+d,w,T,i,o,s),2),b=k[0],C=k[1];u+=b,d+=C}return[u,d]}function Mi(t){return t<0&&(t=t%360+360),t%=360,t}function o0(t,e){e=Mi(e);var n=Math.floor(t/360),r=n*360+360-e,i=n*360+e;return K(t-r)<K(t-i)?r:i}function ks(t,e){t=Mi(t),e=Mi(e);var n=Mi(t-e);return Math.min(n,360-n)}function s0(t,e,n,r){var i,a=t.props,o=(i=a[Eu])!==null&&i!==void 0?i:5,s=a[wu];if(Fr(t,"rotatable")){var l=e.pos1,c=e.pos2,u=e.pos3,d=e.pos4,f=e.origin,h=n*Math.PI/180,v=[l,c,u,d].map(function(C){return ht(C,f)}),p=v.map(function(C){return mi(C,h)}),g=J(J([],I(Eg(t,v,p,f,n)),!1),I(Ng(t,v,p,f,n)),!1);g.sort(function(C,E){return K(C-n)-K(E-n)});var m=g.length>0;if(m)return{isSnap:m,dist:m?g[0]:n}}if(s?.length&&o){var x=s.slice().sort(function(C,E){return ks(C,r)-ks(E,r)}),b=x[0];if(ks(b,r)<=o)return{isSnap:!0,dist:n+o0(r,b)-r}}return{isSnap:!1,dist:n}}function l0(t,e,n,r,i,a,o){if(!Fr(t,"resizable"))return[0,0];var s=o.fixedDirection,l=o.nextAllMatrix,c=t.state,u=c.allMatrix,d=c.is3d;return Uu(t,function(f,h){return Ku(l||u,e+f,n+h,s,i,d)},e,n,r,i,a,o)}function c0(t,e,n,r,i){if(!Fr(t,"scalable"))return[0,0];var a=i.startOffsetWidth,o=i.startOffsetHeight,s=i.fixedPosition,l=i.fixedDirection,c=i.is3d,u=Uu(t,function(d,f){return Ku(lg(i,jt(e,[d/a,f/o])),a,o,l,s,c)},a,o,n,s,r,i);return[u[0]/a,u[1]/o]}function u0(t,e){e.absolutePoses=Ue(t.state)}function Zu(t){var e=[];return t.forEach(function(n){n.guidelineInfos.forEach(function(r){var i=r.guideline;ze(e,function(a){return a.guideline===i})||(i.direction="",e.push({guideline:i,posInfo:n}))})}),e.map(function(n){var r=n.guideline,i=n.posInfo;return L(L({},r),{direction:i.direction})})}function Qu(t,e,n,r,i,a){var o=vs(Aa(t,a),e,n),s=o.vertical,l=o.horizontal,c=Vr();s.forEach(function(v){v.isBound&&(v.direction==="start"&&(c.left=!0),v.direction==="end"&&(c.right=!0),r.push({type:"bounds",pos:v.pos}))}),l.forEach(function(v){v.isBound&&(v.direction==="start"&&(c.top=!0),v.direction==="end"&&(c.bottom=!0),i.push({type:"bounds",pos:v.pos}))});var u=Bg(t),d=u.boundMap,f=u.vertical,h=u.horizontal;return f.forEach(function(v){Sn(r,function(p){var g=p.type,m=p.pos;return g==="bounds"&&m===v})>=0||r.push({type:"bounds",pos:v})}),h.forEach(function(v){Sn(i,function(p){var g=p.type,m=p.pos;return g==="bounds"&&m===v})>=0||i.push({type:"bounds",pos:v})}),{boundMap:c,innerBoundMap:d}}var d0=Ns("",["resizable","scalable"]),f0={name:"snappable",dragRelation:"strong",props:["snappable","snapContainer","snapDirections","elementSnapDirections","snapGap","snapGridWidth","snapGridHeight","isDisplaySnapDigit","isDisplayInnerSnapDigit","isDisplayGridGuidelines","snapDigit","snapThreshold","snapRenderThreshold","snapGridAll",Eu,wu,Du,Mu,"horizontalGuidelines","verticalGuidelines","elementGuidelines","bounds","innerBounds","snapDistFormat","maxSnapElementGuidelineDistance","maxSnapElementGapDistance"],events:["snap","bound"],css:[`:host { --bounds-color: #d66; } .guideline { pointer-events: none; z-index: 2; } .guideline.bounds { background: #d66; background: var(--bounds-color); } .guideline-group { position: absolute; top: 0; left: 0; } .guideline-group .size-value { position: absolute; color: #f55; font-size: 12px; font-size: calc(12px * var(--zoom)); font-weight: bold; } .guideline-group.horizontal .size-value { transform-origin: 50% 100%; transform: translateX(-50%); left: 50%; bottom: 5px; bottom: calc(2px + 3px * var(--zoom)); } .guideline-group.vertical .size-value { transform-origin: 0% 50%; top: 50%; transform: translateY(-50%); left: 5px; left: calc(2px + 3px * var(--zoom)); } .guideline.gap { background: #f55; } .size-value.gap { color: #f55; } `],render:function(t,e){var n=t.state,r=n.top,i=n.left,a=n.pos1,o=n.pos2,s=n.pos3,l=n.pos4,c=n.snapRenderInfo,u=t.props.snapRenderThreshold,d=u===void 0?1:u;if(!c||!c.render||!Fr(t,""))return Hr(t,"boundMap",Vr(),function(X){return JSON.stringify(X)}),Hr(t,"innerBoundMap",Vr(),function(X){return JSON.stringify(X)}),[];n.guidelines=Ts(t);var f=Math.min(a[0],o[0],s[0],l[0]),h=Math.min(a[1],o[1],s[1],l[1]),v=c.externalPoses||[],p=Ue(t.state),g=[],m=[],x=[],b=[],C=[],E=Ke(p),S=E.width,D=E.height,M=E.top,w=E.left,T=E.bottom,k=E.right,O={left:w,right:k,top:M,bottom:T,center:(w+k)/2,middle:(M+T)/2},A=v.length>0,_=A?Ke(v):{};if(!c.request){if(c.direction&&C.push(Ag(t,p,c.direction,d,d)),c.snap){var P=Ke(p);c.center&&(P.middle=(P.top+P.bottom)/2,P.center=(P.left+P.right)/2),C.push(ku(t,P,d,d))}A&&(c.center&&(_.middle=(_.top+_.bottom)/2,_.center=(_.left+_.right)/2),C.push(ku(t,_,d,d))),C.forEach(function(X){var U=X.vertical.posInfos,Y=X.horizontal.posInfos;g.push.apply(g,J([],I(U.filter(function(et){var rt=et.guidelineInfos;return rt.some(function(pt){var ft=pt.guideline;return!ft.hide})}).map(function(et){return{type:"snap",pos:et.pos}})),!1)),m.push.apply(m,J([],I(Y.filter(function(et){var rt=et.guidelineInfos;return rt.some(function(pt){var ft=pt.guideline;return!ft.hide})}).map(function(et){return{type:"snap",pos:et.pos}})),!1)),x.push.apply(x,J([],I(Zu(U)),!1)),b.push.apply(b,J([],I(Zu(Y)),!1))})}var z=Qu(t,[w,k],[M,T],g,m),j=z.boundMap,N=z.innerBoundMap;A&&Qu(t,[_.left,_.right],[_.top,_.bottom],g,m,c.externalBounds);var G=J(J([],I(x),!1),I(b),!1),$=G.filter(function(X){return X.element&&!X.gapRects}),B=G.filter(function(X){return X.gapRects}).sort(function(X,U){return X.gap-U.gap});it(t,"onSnap",{guidelines:G.filter(function(X){var U=X.element;return!U}),elements:$,gaps:B},!0);var q=Hr(t,"boundMap",j,function(X){return JSON.stringify(X)},Vr()),Q=Hr(t,"innerBoundMap",N,function(X){return JSON.stringify(X)},Vr());return(j===q||N===Q)&&it(t,"onBound",{bounds:j,innerBounds:N},!0),J(J(J(J(J(J([],I(Qg(t,$,[f,h],O,e)),!1),I(qg(t,B,[f,h],O,e)),!1),I(Wu(t,"horizontal",b,[i,r],O,e)),!1),I(Wu(t,"vertical",x,[i,r],O,e)),!1),I(Gu(t,"horizontal",m,f,r,S,0,e)),!1),I(Gu(t,"vertical",g,h,i,D,1,e)),!1)},dragStart:function(t,e){t.state.snapRenderInfo={request:e.isRequest,snap:!0,center:!0},za(t)},drag:function(t){var e=t.state;za(t)||(e.guidelines=Ts(t)),e.snapRenderInfo&&(e.snapRenderInfo.render=!0)},pinchStart:function(t){this.unset(t)},dragEnd:function(t){this.unset(t)},dragControlCondition:function(t,e){if(d0(t,e)||Ds(t,e))return!0;if(!e.isRequest&&e.inputEvent)return le(e.inputEvent.target,dt("snap-control"))},dragControlStart:function(t){t.state.snapRenderInfo=null,za(t)},dragControl:function(t){this.drag(t)},dragControlEnd:function(t){this.unset(t)},dragGroupStart:function(t,e){this.dragStart(t,e)},dragGroup:function(t){this.drag(t)},dragGroupEnd:function(t){this.unset(t)},dragGroupControlStart:function(t){t.state.snapRenderInfo=null,za(t)},dragGroupControl:function(t){this.drag(t)},dragGroupControlEnd:function(t){this.unset(t)},unset:function(t){var e=t.state;e.enableSnap=!1,e.guidelines=[],e.snapRenderInfo=null,e.elementRects=[]}};function h0(t,e){return[t[0]*e[0],t[1]*e[1]]}function dt(){for(var t=[],e=0;e<arguments.length;e++)t[e]=arguments[e];return xv.apply(void 0,J([as],I(t),!1))}function qu(t){t()}function v0(t){return!t||t==="none"?[1,0,0,1,0,0]:Me(t)?t:ar(t)}function Ti(t,e,n){return va(e,ir(n,e),t,ir(n.map(function(r){return-r}),e))}function p0(t,e,n){if(e==="%"){var r=As(t.ownerSVGElement);return r[n?"width":"height"]/100}return 1}function g0(t){var e=m0(Is(t,":before"));return e.map(function(n,r){var i=tr(n),a=i.value,o=i.unit;return a*p0(t,o,r===0)})}function Na(t){return t?t.split(" "):["0","0"]}function m0(t){return Na(t.transformOrigin)}function Ju(t){var e=Ne(t),n=e("transform");if(n&&n!=="none")return n;if("transform"in t){var r=t.transform,i=r.baseVal;if(!i)return"";var a=i.length;if(!a)return"";for(var o=[],s=function(c){var u=i[c].matrix;o.push("matrix(".concat(["a","b","c","d","e","f"].map(function(d){return u[d]}).join(", "),")"))},l=0;l<a;++l)s(l);return o.join(" ")}return""}function ki(t,e,n,r,i){var a,o,s=Co(t)||jn(t),l=!1,c,u;if(!t||n)c=t;else{var d=(a=t?.assignedSlot)===null||a===void 0?void 0:a.parentElement,f=t.parentElement;d?(l=!0,u=f,c=d):c=f}for(var h=!1,v=t===e||c===e,p="relative",g=1,m=parseFloat(i?.("zoom"))||1,x=i?.("position");c&&c!==s;){e===c&&(v=!0);var b=Ne(c),C=c.tagName.toLowerCase(),E=Ju(c),S=b("willChange"),D=parseFloat(b("zoom"))||1;if(p=b("position"),r&&D!==1){g=D;break}if(!n&&r&&m!==1&&x&&x!=="absolute"||C==="svg"||C==="foreignobject"||p!=="static"||E&&E!=="none"||S==="transform")break;var M=(o=t?.assignedSlot)===null||o===void 0?void 0:o.parentNode,w=c.parentNode;M&&(l=!0,u=w);var T=w;if(T&&T.nodeType===11){c=T.host,h=!0,p=Ne(c)("position");break}c=T,p="relative"}return{offsetZoom:g,hasSlot:l,parentSlotElement:u,isCustomElement:h,isStatic:p==="static",isEnd:v||!c||c===s,offsetParent:c||s}}function x0(t,e){var n,r=t.tagName.toLowerCase(),i=t.offsetLeft,a=t.offsetTop,o=Ne(t),s=ta(i),l=!s,c,u;return!l&&(r!=="svg"||t.ownerSVGElement)?(c=eu?g0(t):Na(o("transformOrigin")).map(function(d){return parseFloat(d)}),u=c.slice(),l=!0,r==="svg"?(i=0,a=0):(n=I(C0(t,c,t===e&&e.tagName.toLowerCase()==="g"),4),i=n[0],a=n[1],c[0]=n[2],c[1]=n[3])):(c=Na(o("transformOrigin")).map(function(d){return parseFloat(d)}),u=c.slice()),{tagName:r,isSVG:s,hasOffset:l,offset:[i||0,a||0],origin:c,targetOrigin:u}}function td(t,e){var n=Ne(t),r=Ne(jn(t)),i=r("position");if(!e&&(!i||i==="static"))return[0,0];var a=parseInt(r("marginLeft"),10),o=parseInt(r("marginTop"),10);return n("position")==="absolute"&&((n("top")!=="auto"||n("bottom")!=="auto")&&(o=0),(n("left")!=="auto"||n("right")!=="auto")&&(a=0)),[a,o]}function Rs(t){t.forEach(function(e){var n=e.matrix;n&&(e.matrix=rn(n,3,4))})}function y0(t){for(var e=t.parentElement,n=!1,r=jn(t);e;){var i=Is(e).transform;if(i&&i!=="none"){n=!0;break}if(e===r)break;e=e.parentElement}return{fixedContainer:e||r,hasTransform:n}}function Ba(t,e){return e===void 0&&(e=t.length>9),"".concat(e?"matrix3d":"matrix","(").concat(Xc(t,!e).join(","),")")}function As(t){var e=t.clientWidth,n=t.clientHeight;if(!t)return{x:0,y:0,width:0,height:0,clientWidth:e,clientHeight:n};var r=t.viewBox,i=r&&r.baseVal||{x:0,y:0,width:0,height:0};return{x:i.x,y:i.y,width:i.width||e,height:i.height||n,clientWidth:e,clientHeight:n}}function b0(t,e){var n,r=As(t),i=r.width,a=r.height,o=r.clientWidth,s=r.clientHeight,l=o/i,c=s/a,u=t.preserveAspectRatio.baseVal,d=u.align,f=u.meetOrSlice,h=[0,0],v=[l,c],p=[0,0];if(d!==1){var g=(d-2)%3,m=Math.floor((d-2)/3);h[0]=i*g/2,h[1]=a*m/2;var x=f===2?Math.max(c,l):Math.min(l,c);v[0]=x,v[1]=x,p[0]=(o-i)/2*g,p[1]=(s-a)/2*m}var b=Ho(v,e);return n=I(p,2),b[e*(e-1)]=n[0],b[e*(e-1)+1]=n[1],Ti(b,e,h)}function C0(t,e,n){var r=t.tagName.toLowerCase();if(!t.getBBox||!n&&r==="g")return[0,0,0,0];var i=Ne(t),a=i("transform-box")==="fill-box",o=t.getBBox(),s=As(t.ownerSVGElement),l=o.x,c=o.y;r==="foreignobject"&&!l&&!c&&(l=parseFloat(t.getAttribute("x"))||0,c=parseFloat(t.getAttribute("y"))||0);var u=l-s.x,d=c-s.y,f=a?e[0]:e[0]-u,h=a?e[1]:e[1]-d;return[u,d,f,h]}function ie(t,e,n){return Ee(t,rr(e,n),n)}function fr(t,e,n,r){return[[0,0],[e,0],[0,n],[e,n]].map(function(i){return ie(t,i,r)})}function Ke(t){var e=t.map(function(c){return c[0]}),n=t.map(function(c){return c[1]}),r=Math.min.apply(Math,J([],I(e),!1)),i=Math.min.apply(Math,J([],I(n),!1)),a=Math.max.apply(Math,J([],I(e),!1)),o=Math.max.apply(Math,J([],I(n),!1)),s=a-r,l=o-i;return{left:r,top:i,right:a,bottom:o,width:s,height:l}}function ed(t,e,n,r){var i=fr(t,e,n,r);return Ke(i)}function S0(t,e,n,r,i){var a,o=t.target,s=t.origin,l=e.matrix,c=rd(o),u=c.offsetWidth,d=c.offsetHeight,f=n.getBoundingClientRect(),h=[0,0];n===jn(n)&&(h=td(o,!0));for(var v=o.getBoundingClientRect(),p=v.left-f.left+n.scrollLeft-(n.clientLeft||0)+h[0],g=v.top-f.top+n.scrollTop-(n.clientTop||0)+h[1],m=v.width,x=v.height,b=va(r,i,l),C=ed(b,u,d,r),E=C.left,S=C.top,D=C.width,M=C.height,w=ie(b,s,r),T=ht(w,[E,S]),k=[p+T[0]*m/D,g+T[1]*x/M],O=[0,0],A=0;++A<10;){var _=nn(i,r);a=I(ht(ie(_,k,r),ie(_,w,r)),2),O[0]=a[0],O[1]=a[1];var P=va(r,i,ir(O,r),l),z=ed(P,u,d,r),j=z.left,N=z.top,G=j-p,$=N-g;if(K(G)<2&&K($)<2)break;k[0]-=G,k[1]-=$}return O.map(function(B){return Math.round(B)})}function E0(t,e,n){var r=t.length===16,i=r?4:3,a=e.map(function(l){return ie(t,l,i)}),o=n.left,s=n.top;return a.map(function(l){return[l[0]+o,l[1]+s]})}function Xe(t){return Math.sqrt(t[0]*t[0]+t[1]*t[1])}function nd(t,e){return Xe([e[0]-t[0],e[1]-t[1]])}function Ri(t,e,n,r){n===void 0&&(n=1),r===void 0&&(r=se(t,e));var i=nd(t,e);return{transform:"translateY(-50%) translate(".concat(t[0],"px, ").concat(t[1],"px) rotate(").concat(r,"rad) scaleY(").concat(n,")"),width:"".concat(i,"px")}}function ja(t,e){for(var n=[],r=2;r<arguments.length;r++)n[r-2]=arguments[r];var i=n.length,a=n.reduce(function(s,l){return s+l[0]},0)/i,o=n.reduce(function(s,l){return s+l[1]},0)/i;return{transform:"translateZ(0px) translate(".concat(a,"px, ").concat(o,"px) rotate(").concat(t,"rad) scale(").concat(e,")")}}function hr(t,e){var n=t[e];return Me(n)?L(L({},t),n):t}function rd(t){var e=t&&!ta(t.offsetWidth),n=0,r=0,i=0,a=0,o=0,s=0,l=0,c=0,u=0,d=0,f=0,h=0,v=1/0,p=1/0,g=1/0,m=1/0,x=0,b=0,C=!1;if(t)if(!e&&t.ownerSVGElement){var E=t.getBBox();C=!0,n=E.width,r=E.height,o=n,s=r,l=n,c=r,i=n,a=r}else{var S=Ne(t),D=t.style,M=S("boxSizing")==="border-box",w=parseFloat(S("borderLeftWidth"))||0,T=parseFloat(S("borderRightWidth"))||0,k=parseFloat(S("borderTopWidth"))||0,O=parseFloat(S("borderBottomWidth"))||0,A=parseFloat(S("paddingLeft"))||0,_=parseFloat(S("paddingRight"))||0,P=parseFloat(S("paddingTop"))||0,z=parseFloat(S("paddingBottom"))||0,j=A+_,N=P+z,G=w+T,$=k+O,B=j+G,q=N+$,Q=S("position"),X=0,U=0;if("clientLeft"in t){var Y=null;if(Q==="absolute"){var et=ki(t,jn(t));Y=et.offsetParent}else Y=t.parentElement;if(Y){var rt=Ne(Y);X=parseFloat(rt("width")),U=parseFloat(rt("height"))}}u=Math.max(j,It(S("minWidth"),X)||0),d=Math.max(N,It(S("minHeight"),U)||0),v=It(S("maxWidth"),X),p=It(S("maxHeight"),U),isNaN(v)&&(v=1/0),isNaN(p)&&(p=1/0),x=It(D.width,0)||0,b=It(D.height,0)||0,o=parseFloat(S("width"))||0,s=parseFloat(S("height"))||0,l=K(o-x)<1?en(u,x||o,v):o,c=K(s-b)<1?en(d,b||s,p):s,n=l,r=c,i=l,a=c,M?(g=v,m=p,f=u,h=d,l=n-B,c=r-q):(g=v+B,m=p+q,f=u+B,h=d+q,n=l+B,r=c+q),i=l+j,a=c+N}return{svg:C,offsetWidth:n,offsetHeight:r,clientWidth:i,clientHeight:a,contentWidth:l,contentHeight:c,inlineCSSWidth:x,inlineCSSHeight:b,cssWidth:o,cssHeight:s,minWidth:u,minHeight:d,maxWidth:v,maxHeight:p,minOffsetWidth:f,minOffsetHeight:h,maxOffsetWidth:g,maxOffsetHeight:m}}function id(t,e){return se(e>0?t[0]:t[1],e>0?t[1]:t[0])}function Va(){return{left:0,top:0,width:0,height:0,right:0,bottom:0,clientLeft:0,clientTop:0,clientWidth:0,clientHeight:0,scrollWidth:0,scrollHeight:0}}function ad(t,e){var n=t===jn(t)||t===Co(t),r={clientLeft:t.clientLeft,clientTop:t.clientTop,clientWidth:t.clientWidth,clientHeight:t.clientHeight,scrollWidth:t.scrollWidth,scrollHeight:t.scrollHeight,overflow:!1};return n&&(r.clientHeight=Math.max(e.height,r.clientHeight),r.scrollHeight=Math.max(e.height,r.scrollHeight)),r.overflow=Ne(t)("overflow")!=="visible",L(L({},e),r)}function Os(t,e,n,r){var i=t.left,a=t.right,o=t.top,s=t.bottom,l=e.top,c=e.left,u={left:c+i,top:l+o,right:c+a,bottom:l+s,width:a-i,height:s-o};return n&&r?ad(n,u):u}function Ai(t,e){var n=0,r=0,i=0,a=0;if(t){var o=t.getBoundingClientRect();n=o.left,r=o.top,i=o.width,a=o.height}var s={left:n,top:r,width:i,height:a,right:n+i,bottom:r+a};return t&&e?ad(t,s):s}function w0(t){var e=t.props,n=e.groupable,r=e.svgOrigin,i=t.getState(),a=i.offsetWidth,o=i.offsetHeight,s=i.svg,l=i.transformOrigin;return!n&&s&&r?Vs(r,a,o):l}function od(t,e,n,r){var i;if(t)i=t;else if(e)i=[0,0];else{var a=n.target;i=sd(a,r)}return i}function sd(t,e){if(t){var n=t.getAttribute("data-rotation")||"",r=t.getAttribute("data-direction");if(e.deg=n,!!r){var i=[0,0];return r.indexOf("w")>-1&&(i[0]=-1),r.indexOf("e")>-1&&(i[0]=1),r.indexOf("n")>-1&&(i[1]=-1),r.indexOf("s")>-1&&(i[1]=1),i}}}function _s(t,e){return[jt(e,t[0]),jt(e,t[1]),jt(e,t[2]),jt(e,t[3])]}function Ue(t){var e=t.left,n=t.top,r=t.pos1,i=t.pos2,a=t.pos3,o=t.pos4;return _s([r,i,a,o],[e,n])}function Ls(t,e){t[e?"controlAbles":"targetAbles"].forEach(function(n){n.unset&&n.unset(t)})}function Gr(t,e){var n=e?"controlGesto":"targetGesto",r=t[n];r?.isIdle()===!1&&Ls(t,e),r?.unset(),t[n]=null}function Oe(t,e){if(e){var n=Nr(e);n.nextStyle=L(L({},n.nextStyle),t)}return{style:t,cssText:un(t).map(function(r){return"".concat(ra(r,"-"),": ").concat(t[r],";")}).join("")}}function ld(t,e,n){var r=e.afterTransform||e.transform;return L(L({},Oe(L(L(L({},t.style),e.style),{transform:r}),n)),{afterTransform:r,transform:t.transform})}function kt(t,e,n,r){var i=e.datas;i.datas||(i.datas={});var a=L(L({},n),{target:t.state.target,clientX:e.clientX,clientY:e.clientY,inputEvent:e.inputEvent,currentTarget:t,moveable:t,datas:i.datas,isRequest:e.isRequest,isRequestChild:e.isRequestChild,isFirstDrag:!!e.isFirstDrag,isTrusted:e.isTrusted!==!1,stopAble:function(){i.isEventStart=!1},stopDrag:function(){var o;(o=e.stop)===null||o===void 0||o.call(e)}});return i.isStartEvent?r||(i.lastEvent=a):i.isStartEvent=!0,a}function Ge(t,e,n){var r=e.datas,i="isDrag"in n?n.isDrag:e.isDrag;return r.datas||(r.datas={}),L(L({isDrag:i},n),{moveable:t,target:t.state.target,clientX:e.clientX,clientY:e.clientY,inputEvent:e.inputEvent,currentTarget:t,lastEvent:r.lastEvent,isDouble:e.isDouble,datas:r.datas,isFirstDrag:!!e.isFirstDrag})}function Fa(t,e,n){t._emitter.on(e,n)}function it(t,e,n,r,i){return t.triggerEvent(e,n,r,i)}function Is(t,e){return Se(t).getComputedStyle(t,e)}function Ga(t,e,n){var r={},i={};return t.filter(function(a){var o=a.name;if(r[o]||!e.some(function(s){return a[s]}))return!1;if(!n&&a.ableGroup){if(i[a.ableGroup])return!1;i[a.ableGroup]=!0}return r[o]=!0,!0})}function Ps(t,e){return t===e||t==null&&e==null}function cd(){for(var t=[],e=0;e<arguments.length;e++)t[e]=arguments[e];for(var n=t.length-1,r=0;r<n;++r){var i=t[r];if(!ta(i))return i}return t[n]}function ud(t,e){var n=[],r=[];return t.forEach(function(i,a){var o=e(i,a,t),s=r.indexOf(o),l=n[s]||[];s===-1&&(r.push(o),n.push(l)),l.push(i)}),n}function D0(t,e){var n=[],r={};return t.forEach(function(i,a){var o=e(i,a,t),s=r[o];s||(s=[],r[o]=s,n.push(s)),s.push(i)}),n}function dd(t){return t.reduce(function(e,n){return e.concat(n)},[])}function Wr(){for(var t=[],e=0;e<arguments.length;e++)t[e]=arguments[e];return t.sort(function(n,r){return K(r)-K(n)}),t[0]}function $r(t,e,n){return Ee(nn(t,n),rr(e,n),n)}function fd(t,e){var n,r=t.is3d,i=t.rootMatrix,a=r?4:3;return n=I($r(i,[e.distX,e.distY],a),2),e.distX=n[0],e.distY=n[1],e}function Ze(t,e,n,r){if(!n[0]&&!n[1])return e;var i=ie(t,[Xu(n[0]||1),0],r),a=ie(t,[0,Xu(n[1]||1)],r),o=ie(t,[n[0]/Xe(i),n[1]/Xe(a)],r);return jt(e,o)}function on(t,e,n){return n?"".concat(t/e*100,"%"):"".concat(t,"px")}function Wa(t){return K(t)<=Re?0:t}function zs(t){return function(e){if(!e.isDragging(t))return"";var n=pg(e,t),r=n.deg;return r?dt("view-control-rotation".concat(r)):""}}function Ns(t,e){return e===void 0&&(e=[t]),function(n,r){if(r.isRequest)return e.some(function(a){return r.requestAble===a})?r.parentDirection:!1;var i=r.inputEvent.target;return le(i,dt("direction"))&&(!t||le(i,dt(t)))}}function M0(t,e,n){var r,i=Ar(t,{"x%":function(E){return E/100*e.offsetWidth},"y%":function(E){return E/100*e.offsetHeight}}),a=t.slice(0,n<0?void 0:n),o=t.slice(0,n<0?void 0:n+1),s=t[n]||"",l=n<0?[]:t.slice(n),c=n<0?[]:t.slice(n+1),u=i.slice(0,n<0?void 0:n),d=i.slice(0,n<0?void 0:n+1),f=(r=i[n])!==null&&r!==void 0?r:Ar([""])[0],h=n<0?[]:i.slice(n),v=n<0?[]:i.slice(n+1),p=f?[f]:[],g=Rr(u),m=Rr(d),x=Rr(h),b=Rr(v),C=Zt(g,x,4);return{transforms:t,beforeFunctionMatrix:g,beforeFunctionMatrix2:m,targetFunctionMatrix:Rr(p),afterFunctionMatrix:x,afterFunctionMatrix2:b,allFunctionMatrix:C,beforeFunctions:u,beforeFunctions2:d,targetFunction:p[0],afterFunctions:h,afterFunctions2:v,beforeFunctionTexts:a,beforeFunctionTexts2:o,targetFunctionText:s,afterFunctionTexts:l,afterFunctionTexts2:c}}function T0(t){return!t||!Me(t)||fn(t)?!1:Qt(t)||"length"in t}function pn(t,e){return t?fn(t)?t:ge(t)?e?document.querySelector(t):t:ea(t)?t():ec(t)?t:"current"in t?t.current:t:null}function Bs(t,e){if(!t)return[];var n=T0(t)?[].slice.call(t):[t];return n.reduce(function(r,i){return ge(i)&&e?J(J([],I(r),!1),I([].slice.call(document.querySelectorAll(i))),!1):(Qt(i)?r.push(Bs(i,e)):r.push(pn(i,e)),r)},[])}function k0(t,e,n){var r=se(t,e)/Math.PI*180;return r=n>=0?r:180-r,r=r>=0?r:360+r,r}function hd(t,e){var n=t.rootMatrix,r=t.is3d,i=r?4:3,a=nn(n,i);return r||(a=rn(a,3,4)),a[12]=0,a[13]=0,a[14]=0,ga(a,e)}function vd(t,e,n,r,i){var a=I(t,2),o=a[0],s=a[1],l=0,c=0;if(i&&o&&s){var u=se([0,0],e),d=se([0,0],r),f=Xe(e),h=Math.cos(u-d)*f;if(!r[0])c=h,l=c*n;else if(!r[1])l=h,c=l/n;else{var v=r[0]*o,p=r[1]*s,g=Math.atan2(v+e[0],p+e[1]),m=Math.atan2(v,p);g<0&&(g+=Math.PI*2),m<0&&(m+=Math.PI*2);var x=0;K(g-m)<Math.PI/2||K(g-m)>Math.PI/2*3||(m+=Math.PI),x=g-m,x>Math.PI*2?x-=Math.PI*2:x>Math.PI?x=2*Math.PI-x:x<-Math.PI&&(x=-2*Math.PI-x);var b=Xe([v+e[0],p+e[1]])*Math.cos(x);l=b*Math.sin(m)-v,c=b*Math.cos(m)-p,r[0]<0&&(l*=-1),r[1]<0&&(c*=-1)}}else l=r[0]*e[0],c=r[1]*e[1];return[l,c]}function pd(t,e,n,r){var i,a=n.ratio,o=n.startOffsetWidth,s=n.startOffsetHeight,l=0,c=0,u=r.distX,d=r.distY,f=r.pinchScale,h=r.parentDistance,v=r.parentDist,p=r.parentScale,g=n.fixedDirection,m=[0,1].map(function(D){return K(t[D]-g[D])}),x=[0,1].map(function(D){var M=m[D];return M!==0&&(M=2/M),M});if(v)l=v[0],c=v[1],e&&(l?c||(c=l/a):l=c*a);else if(kr(f))l=(f-1)*o,c=(f-1)*s;else if(p)l=(p[0]-1)*o,c=(p[1]-1)*s;else if(h){var b=o*m[0],C=s*m[1],E=Xe([b,C]);l=h/E*b*x[0],c=h/E*C*x[1]}else{var S=vn({datas:n,distX:u,distY:d});S=x.map(function(D,M){return S[M]*D}),i=I(vd([o,s],S,a,t,e),2),l=i[0],c=i[1]}return{distWidth:l,distHeight:c}}function js(t,e){if(e){if(t==="left")return{x:"0%",y:"50%"};if(t==="top")return{x:"50%",y:"50%"};if(t==="center")return{x:"50%",y:"50%"};if(t==="right")return{x:"100%",y:"50%"};if(t==="bottom")return{x:"50%",y:"100%"};var n=I(t.split(" "),2),r=n[0],i=n[1],a=js(r||""),o=js(i||""),s=L(L({},a),o),l={x:"50%",y:"50%"};return s.x&&(l.x=s.x),s.y&&(l.y=s.y),s.value&&(s.x&&!s.y&&(l.y=s.value),!s.x&&s.y&&(l.x=s.value)),l}return t==="left"?{x:"0%"}:t==="right"?{x:"100%"}:t==="top"?{y:"0%"}:t==="bottom"?{y:"100%"}:t?t==="center"?{value:"50%"}:{value:t}:{}}function Vs(t,e,n){var r=js(t,!0),i=r.x,a=r.y;return[It(i,e)||0,It(a,n)||0]}function R0(t,e,n){var r=t.map(function(a){return ht(a,e)}),i=r.map(function(a){return mi(a,n)});return{prev:r,next:i,result:i.map(function(a){return jt(a,e)})}}function gd(t,e){return t.length===e.length&&t.every(function(n,r){var i=e[r],a=Qt(n),o=Qt(i);return a&&o?gd(n,i):!a&&!o?n===i:!1})}function Hr(t,e,n,r,i){var a=t._store,o=a[e];if(!(e in a))if(i!=null)a[e]=i,o=i;else return a[e]=n,n;return o===n||r(o)===r(n)?o:(a[e]=n,n)}function _e(t){return t>=0?1:-1}function K(t){return Math.abs(t)}function Fs(t,e){return ov(t).map(function(n){return e(n)})}function md(t){return kr(t)?{top:t,left:t,right:t,bottom:t}:{left:t.left||0,top:t.top||0,right:t.right||0,bottom:t.bottom||0}}var A0=Ci("pinchable",{props:["pinchable"],events:["pinchStart","pinch","pinchEnd","pinchGroupStart","pinchGroup","pinchGroupEnd"],dragStart:function(){return!0},pinchStart:function(t,e){var n=e.datas,r=e.targets,i=e.angle,a=e.originalDatas,o=t.props,s=o.pinchable,l=o.ables;if(!s)return!1;var c="onPinch".concat(r?"Group":"","Start"),u="drag".concat(r?"Group":"","ControlStart"),d=(s===!0?t.controlAbles:l.filter(function(p){return s.indexOf(p.name)>-1})).filter(function(p){return p.canPinch&&p[u]}),f=kt(t,e,{});r&&(f.targets=r);var h=it(t,c,f);n.isPinch=h!==!1,n.ables=d;var v=n.isPinch;return v?(d.forEach(function(p){if(a[p.name]=a[p.name]||{},!!p[u]){var g=L(L({},e),{datas:a[p.name],parentRotate:i,isPinch:!0});p[u](t,g)}}),t.state.snapRenderInfo={request:e.isRequest,direction:[0,0]},v):!1},pinch:function(t,e){var n=e.datas,r=e.scale,i=e.distance,a=e.originalDatas,o=e.inputEvent,s=e.targets,l=e.angle;if(n.isPinch){var c=i*(1-1/r),u=kt(t,e,{});s&&(u.targets=s);var d="onPinch".concat(s?"Group":"");it(t,d,u);var f=n.ables,h="drag".concat(s?"Group":"","Control");return f.forEach(function(v){v[h]&&v[h](t,L(L({},e),{datas:a[v.name],inputEvent:o,resolveMatrix:!0,pinchScale:r,parentDistance:c,parentRotate:l,isPinch:!0}))}),u}},pinchEnd:function(t,e){var n=e.datas,r=e.isPinch,i=e.inputEvent,a=e.targets,o=e.originalDatas;if(n.isPinch){var s="onPinch".concat(a?"Group":"","End"),l=Ge(t,e,{isDrag:r});a&&(l.targets=a),it(t,s,l);var c=n.ables,u="drag".concat(a?"Group":"","ControlEnd");return c.forEach(function(d){d[u]&&d[u](t,L(L({},e),{isDrag:r,datas:o[d.name],inputEvent:i,isPinch:!0}))}),r}},pinchGroupStart:function(t,e){return this.pinchStart(t,L(L({},e),{targets:t.props.targets}))},pinchGroup:function(t,e){return this.pinch(t,L(L({},e),{targets:t.props.targets}))},pinchGroupEnd:function(t,e){return this.pinchEnd(t,L(L({},e),{targets:t.props.targets}))}}),xd=Ns("scalable"),O0={name:"scalable",ableGroup:"size",canPinch:!0,props:["scalable","throttleScale","renderDirections","keepRatio","edge","displayAroundControls"],events:["scaleStart","beforeScale","scale","scaleEnd","scaleGroupStart","beforeScaleGroup","scaleGroup","scaleGroupEnd"],render:mu("scalable"),dragControlCondition:xd,viewClassName:zs("scalable"),dragControlStart:function(t,e){var n=e.datas,r=e.isPinch,i=e.inputEvent,a=e.parentDirection,o=od(a,r,i,n),s=t.state,l=s.width,c=s.height,u=s.targetTransform,d=s.target,f=s.pos1,h=s.pos2,v=s.pos4;if(!o||!d)return!1;r||cr(t,e),n.datas={},n.transform=u,n.prevDist=[1,1],n.direction=o,n.startOffsetWidth=l,n.startOffsetHeight=c,n.startValue=[1,1];var p=!o[0]&&!o[1]||o[0]||!o[1];Da(t,e,"scale"),n.isWidth=p;function g(S){n.ratio=S&&isFinite(S)?S:0}n.startPositions=Ue(t.state);function m(S){var D=Bu(n.startPositions,S);n.fixedDirection=D.fixedDirection,n.fixedPosition=D.fixedPosition,n.fixedOffset=D.fixedOffset}n.setFixedDirection=m,g(dn(f,h)/dn(h,v)),m([-o[0],-o[1]]);var x=function(S){n.minScaleSize=S},b=function(S){n.maxScaleSize=S};x([-1/0,-1/0]),b([1/0,1/0]);var C=kt(t,e,L(L({direction:o,set:function(S){n.startValue=S},setRatio:g,setFixedDirection:m,setMinScaleSize:x,setMaxScaleSize:b},wa(t,e)),{dragStart:Ae.dragStart(t,new Pr().dragStart([0,0],e))})),E=it(t,"onScaleStart",C);return n.startFixedDirection=n.fixedDirection,E!==!1&&(n.isScale=!0,t.state.snapRenderInfo={request:e.isRequest,direction:o}),n.isScale?C:!1},dragControl:function(t,e){Sa(t,e,"scale");var n=e.datas,r=e.parentKeepRatio,i=e.parentFlag,a=e.isPinch,o=e.dragClient,s=e.isRequest,l=e.useSnap,c=e.resolveMatrix,u=n.prevDist,d=n.direction,f=n.startOffsetWidth,h=n.startOffsetHeight,v=n.isScale,p=n.startValue,g=n.isWidth,m=n.ratio;if(!v)return!1;var x=t.props,b=x.throttleScale,C=x.parentMoveable,E=d;!d[0]&&!d[1]&&(E=[1,1]);var S=m&&(r??x.keepRatio)||!1,D=t.state,M=[p[0],p[1]];function w(){var Z=pd(E,S,n,e),nt=Z.distWidth,Rt=Z.distHeight,ct=f?(f+nt)/f:1,ut=h?(h+Rt)/h:1;p[0]||(M[0]=nt/f),p[1]||(M[1]=Rt/h);var mt=(E[0]||S?ct:1)*M[0],At=(E[1]||S?ut:1)*M[1];return mt===0&&(mt=_e(u[0])*Ca),At===0&&(At=_e(u[1])*Ca),[mt,At]}var T=w();if(!a&&t.props.groupable){var k=D.snapRenderInfo||{},O=k.direction;Qt(O)&&(O[0]||O[1])&&(D.snapRenderInfo={direction:d,request:e.isRequest})}it(t,"onBeforeScale",kt(t,e,{scale:T,setFixedDirection:function(Z){return n.setFixedDirection(Z),T=w(),T},startFixedDirection:n.startFixedDirection,setScale:function(Z){T=Z}},!0));var A=[T[0]/M[0],T[1]/M[1]],_=o,P=[0,0],z=_e(A[0]*A[1]),j=!o&&!i&&a;if(j||c?_=fs(t,n.targetAllTransform,[0,0],[0,0],n):o||(_=n.fixedPosition),a||(P=c0(t,A,d,!l&&s,n)),S){E[0]&&E[1]&&P[0]&&P[1]&&(Math.abs(P[0]*f)>Math.abs(P[1]*h)?P[1]=0:P[0]=0);var N=!P[0]&&!P[1];if(N&&(g?A[0]=St(A[0]*M[0],b)/M[0]:A[1]=St(A[1]*M[1],b)/M[1]),E[0]&&!E[1]||P[0]&&!P[1]||N&&g){A[0]+=P[0];var G=f*A[0]*M[0]/m;A[1]=_e(z*A[0])*K(G/h/M[1])}else if(!E[0]&&E[1]||!P[0]&&P[1]||N&&!g){A[1]+=P[1];var $=h*A[1]*M[1]*m;A[0]=_e(z*A[1])*K($/f/M[0])}}else A[0]+=P[0],A[1]+=P[1],P[0]||(A[0]=St(A[0]*M[0],b)/M[0]),P[1]||(A[1]=St(A[1]*M[1],b)/M[1]);A[0]===0&&(A[0]=_e(u[0])*Ca),A[1]===0&&(A[1]=_e(u[1])*Ca),T=h0(A,[M[0],M[1]]);var B=[f,h],q=[f*T[0],h*T[1]];q=yo(q,n.minScaleSize,n.maxScaleSize,S?m:!1),T=Fs(2,function(Z){return B[Z]?q[Z]/B[Z]:q[Z]}),A=Fs(2,function(Z){return T[Z]/M[Z]});var Q=Fs(2,function(Z){return u[Z]?A[Z]/u[Z]:A[Z]}),X="scale(".concat(A.join(", "),")"),U="scale(".concat(T.join(", "),")"),Y=Ea(n,U,X),et=!p[0]||!p[1],rt=cg(t,et?U:X,n.fixedDirection,_,n.fixedOffset,n,et),pt=j?rt:ht(rt,n.prevInverseDist||[0,0]);if(n.prevDist=A,n.prevInverseDist=rt,T[0]===u[0]&&T[1]===u[1]&&pt.every(function(Z){return!Z})&&!C&&!j)return!1;var ft=kt(t,e,L({offsetWidth:f,offsetHeight:h,direction:d,scale:T,dist:A,delta:Q,isPinch:!!a},du(t,Y,pt,a,e)));return it(t,"onScale",ft),ft},dragControlEnd:function(t,e){var n=e.datas;if(!n.isScale)return!1;n.isScale=!1;var r=Ge(t,e,{});return it(t,"onScaleEnd",r),r},dragGroupControlCondition:xd,dragGroupControlStart:function(t,e){var n=e.datas,r=this.dragControlStart(t,e);if(!r)return!1;var i=an(t,"resizable",e);n.moveableScale=t.scale;var a=Dn(t,this,"dragControlStart",e,function(c,u){return Ra(t,c,n,u)}),o=function(c){r.setFixedDirection(c),a.forEach(function(u,d){u.setFixedDirection(c),Ra(t,u.moveable,n,i[d])})};n.setFixedDirection=o;var s=L(L({},r),{targets:t.props.targets,events:a,setFixedDirection:o}),l=it(t,"onScaleGroupStart",s);return n.isScale=l!==!1,n.isScale?s:!1},dragGroupControl:function(t,e){var n=e.datas;if(n.isScale){Fa(t,"onBeforeScale",function(u){it(t,"onBeforeScaleGroup",kt(t,e,L(L({},u),{targets:t.props.targets}),!0))});var r=this.dragControl(t,e);if(r){var i=r.dist,a=n.moveableScale;t.scale=[i[0]*a[0],i[1]*a[1]];var o=t.props.keepRatio,s=n.fixedPosition,l=Dn(t,this,"dragControl",e,function(u,d){var f=I(Ee(xi(t.rotation/180*Math.PI,3),[d.datas.originalX*i[0],d.datas.originalY*i[1],1],3),2),h=f[0],v=f[1];return L(L({},d),{parentDist:null,parentScale:i,parentKeepRatio:o,dragClient:jt(s,[h,v])})}),c=L({targets:t.props.targets,events:l},r);return it(t,"onScaleGroup",c),c}}},dragGroupControlEnd:function(t,e){var n=e.isDrag,r=e.datas;if(r.isScale){this.dragControlEnd(t,e);var i=Dn(t,this,"dragControlEnd",e),a=Ge(t,e,{targets:t.props.targets,events:i});return it(t,"onScaleGroupEnd",a),n}},request:function(){var t={},e=0,n=0,r=!1;return{isControl:!0,requestStart:function(i){return r=i.useSnap,{datas:t,parentDirection:i.direction||[1,1],useSnap:r}},request:function(i){return e+=i.deltaWidth,n+=i.deltaHeight,{datas:t,parentDist:[e,n],parentKeepRatio:i.keepRatio,useSnap:r}},requestEnd:function(){return{datas:t,isDrag:!0,useSnap:r}}}}};function $n(t,e){return t.map(function(n,r){return Ji(n,e[r],1,2)})}function yd(t,e,n){var r=se(t,e),i=se(t,n),a=i-r;return a>=0?a:a+2*Math.PI}function _0(t,e){var n=yd(t[0],t[1],t[2]),r=yd(e[0],e[1],e[2]),i=Math.PI;return!(n>=i&&r<=i||n<=i&&r>=i)}var L0={name:"warpable",ableGroup:"size",props:["warpable","renderDirections","edge","displayAroundControls"],events:["warpStart","warp","warpEnd"],viewClassName:zs("warpable"),render:function(t,e){var n=t.props,r=n.resizable,i=n.scalable,a=n.warpable,o=n.zoom;if(r||i||!a)return[];var s=t.state,l=s.pos1,c=s.pos2,u=s.pos3,d=s.pos4,f=$n(l,c),h=$n(c,l),v=$n(l,u),p=$n(u,l),g=$n(u,d),m=$n(d,u),x=$n(c,d),b=$n(d,c);return J([e.createElement("div",{className:dt("line"),key:"middeLine1",style:Ri(f,g,o)}),e.createElement("div",{className:dt("line"),key:"middeLine2",style:Ri(h,m,o)}),e.createElement("div",{className:dt("line"),key:"middeLine3",style:Ri(v,x,o)}),e.createElement("div",{className:dt("line"),key:"middeLine4",style:Ri(p,b,o)})],I(xu(t,"warpable",e)),!1)},dragControlCondition:function(t,e){if(e.isRequest)return!1;var n=e.inputEvent.target;return le(n,dt("direction"))&&le(n,dt("warpable"))},dragControlStart:function(t,e){var n=e.datas,r=e.inputEvent,i=t.props.target,a=r.target,o=sd(a,n);if(!o||!i)return!1;var s=t.state,l=s.transformOrigin,c=s.is3d,u=s.targetTransform,d=s.targetMatrix,f=s.width,h=s.height,v=s.left,p=s.top;n.datas={},n.targetTransform=u,n.warpTargetMatrix=c?d:rn(d,3,4),n.targetInverseMatrix=Yc(nn(n.warpTargetMatrix,4),3,4),n.direction=o,n.left=v,n.top=p,n.poses=[[0,0],[f,0],[0,h],[f,h]].map(function(x){return ht(x,l)}),n.nextPoses=n.poses.map(function(x){var b=I(x,2),C=b[0],E=b[1];return Ee(n.warpTargetMatrix,[C,E,0,1],4)}),n.startValue=te(4),n.prevMatrix=te(4),n.absolutePoses=Ue(s),n.posIndexes=uu(o),cr(t,e),Da(t,e,"matrix3d"),s.snapRenderInfo={request:e.isRequest,direction:o};var g=kt(t,e,L({set:function(x){n.startValue=x}},wa(t,e))),m=it(t,"onWarpStart",g);return m!==!1&&(n.isWarp=!0),n.isWarp},dragControl:function(t,e){var n=e.datas,r=e.isRequest,i=e.distX,a=e.distY,o=n.targetInverseMatrix,s=n.prevMatrix,l=n.isWarp,c=n.startValue,u=n.poses,d=n.posIndexes,f=n.absolutePoses;if(!l)return!1;if(Sa(t,e,"matrix3d"),Fr(t,"warpable")){var h=d.map(function(w){return f[w]});h.length>1&&h.push([(h[0][0]+h[1][0])/2,(h[0][1]+h[1][1])/2]);var v=Ia(t,r,{horizontal:h.map(function(w){return w[1]+a}),vertical:h.map(function(w){return w[0]+i})}),p=v.horizontal,g=v.vertical;a-=p.offset,i-=g.offset}var m=vn({datas:n,distX:i,distY:a},!0),x=n.nextPoses.slice();if(d.forEach(function(w){x[w]=jt(x[w],m)}),!Jp.every(function(w){return _0(w.map(function(T){return u[T]}),w.map(function(T){return x[T]}))}))return!1;var b=Yo(u[0],u[2],u[1],u[3],x[0],x[2],x[1],x[3]);if(!b.length)return!1;var C=Zt(o,b,4),E=lu(n,C,!0),S=Zt(nn(s,4),E,4);n.prevMatrix=E;var D=Zt(c,E,4),M=Ea(n,"matrix3d(".concat(D.join(", "),")"),"matrix3d(".concat(E.join(", "),")"));return ds(e,M),it(t,"onWarp",kt(t,e,L({delta:S,matrix:D,dist:E,multiply:Zt,transform:M},Oe({transform:M},e)))),!0},dragControlEnd:function(t,e){var n=e.datas,r=e.isDrag;return n.isWarp?(n.isWarp=!1,it(t,"onWarpEnd",Ge(t,e,{})),r):!1}},I0=dt("area-pieces"),$a=dt("area-piece"),bd=dt("avoid"),P0=dt("view-dragging");function Gs(t){var e=t.areaElement;if(e){var n=t.state,r=n.width,i=n.height;tc(e,bd),e.style.cssText+="left: 0px; top: 0px; width: ".concat(r,"px; height: ").concat(i,"px")}}function Cd(t){return t.createElement("div",{key:"area_pieces",className:I0},t.createElement("div",{className:$a}),t.createElement("div",{className:$a}),t.createElement("div",{className:$a}),t.createElement("div",{className:$a}))}var Sd={name:"dragArea",props:["dragArea","passDragArea"],events:["click","clickGroup"],render:function(t,e){var n=t.props,r=n.target,i=n.dragArea,a=n.groupable,o=n.passDragArea,s=t.getState(),l=s.width,c=s.height,u=s.renderPoses,d=o?dt("area","pass"):dt("area");if(a)return[e.createElement("div",{key:"area",ref:wn(t,"areaElement"),className:d}),Cd(e)];if(!r||!i)return[];var f=Yo([0,0],[l,0],[0,c],[l,c],u[0],u[1],u[2],u[3]),h=f.length?Ba(f,!0):"none";return[e.createElement("div",{key:"area",ref:wn(t,"areaElement"),className:d,style:{top:"0px",left:"0px",width:"".concat(l,"px"),height:"".concat(c,"px"),transformOrigin:"0 0",transform:h}}),Cd(e)]},dragStart:function(t,e){var n=e.datas,r=e.clientX,i=e.clientY,a=e.inputEvent;if(!a)return!1;n.isDragArea=!1;var o=t.areaElement,s=t.state,l=s.moveableClientRect,c=s.renderPoses,u=s.rootMatrix,d=s.is3d,f=l.left,h=l.top,v=Ke(c),p=v.left,g=v.top,m=v.width,x=v.height,b=d?4:3,C=I($r(u,[r-f,i-h],b),2),E=C[0],S=C[1];E-=p,S-=g;var D=[{left:p,top:g,width:m,height:S-10},{left:p,top:g,width:E-10,height:x},{left:p,top:g+S+10,width:m,height:x-S-10},{left:p+E+10,top:g,width:m-E-10,height:x}],M=[].slice.call(o.nextElementSibling.children);D.forEach(function(w,T){M[T].style.cssText="left: ".concat(w.left,"px;top: ").concat(w.top,"px; width: ").concat(w.width,"px; height: ").concat(w.height,"px;")}),En(o,bd),s.disableNativeEvent=!0},drag:function(t,e){var n=e.datas,r=e.inputEvent;if(this.enableNativeEvent(t),!r)return!1;n.isDragArea||(n.isDragArea=!0,Gs(t))},dragEnd:function(t,e){this.enableNativeEvent(t);var n=e.inputEvent,r=e.datas;if(!n)return!1;r.isDragArea||Gs(t)},dragGroupStart:function(t,e){return this.dragStart(t,e)},dragGroup:function(t,e){return this.drag(t,e)},dragGroupEnd:function(t,e){return this.dragEnd(t,e)},unset:function(t){Gs(t),t.state.disableNativeEvent=!1},enableNativeEvent:function(t){var e=t.state;e.disableNativeEvent&&Kl(function(){e.disableNativeEvent=!1})}},z0=Ci("origin",{props:["origin","svgOrigin"],render:function(t,e){var n=t.props,r=n.zoom,i=n.svgOrigin,a=n.groupable,o=t.getState(),s=o.beforeOrigin,l=o.rotation,c=o.svg,u=o.allMatrix,d=o.is3d,f=o.left,h=o.top,v=o.offsetWidth,p=o.offsetHeight,g;if(!a&&c&&i){var m=I(Vs(i,v,p),2),x=m[0],b=m[1],C=d?4:3,E=ie(u,[x,b],C);g=ja(l,r,ht(E,[f,h]))}else g=ja(l,r,s);return[e.createElement("div",{className:dt("control","origin"),style:g,key:"beforeOrigin"})]}});function N0(t){var e=t.scrollContainer;return[e.scrollLeft,e.scrollTop]}var B0={name:"scrollable",canPinch:!0,props:["scrollable","scrollContainer","scrollThreshold","scrollThrottleTime","getScrollPosition","scrollOptions"],events:["scroll","scrollGroup"],dragRelation:"strong",dragStart:function(t,e){var n=t.props,r=n.scrollContainer,i=r===void 0?t.getContainer():r,a=n.scrollOptions,o=new qc,s=pn(i,!0);e.datas.dragScroll=o,t.state.dragScroll=o;var l=e.isControl?"controlGesto":"targetGesto",c=e.targets;o.on("scroll",function(u){var d=u.container,f=u.direction,h=kt(t,e,{scrollContainer:d,direction:f}),v=c?"onScrollGroup":"onScroll";c&&(h.targets=c),it(t,v,h)}).on("move",function(u){var d=u.offsetX,f=u.offsetY,h=u.inputEvent;t[l].scrollBy(d,f,h.inputEvent,!1)}).on("scrollDrag",function(u){var d=u.next;d(t[l].getCurrentEvent())}),o.dragStart(e,L({container:s},a))},checkScroll:function(t,e){var n=e.datas.dragScroll;if(n){var r=t.props,i=r.scrollContainer,a=i===void 0?t.getContainer():i,o=r.scrollThreshold,s=o===void 0?0:o,l=r.scrollThrottleTime,c=l===void 0?0:l,u=r.getScrollPosition,d=u===void 0?N0:u,f=r.scrollOptions;return n.drag(e,L({container:a,threshold:s,throttleTime:c,getScrollPosition:function(h){return d({scrollContainer:h.container,direction:h.direction})}},f)),!0}},drag:function(t,e){return this.checkScroll(t,e)},dragEnd:function(t,e){e.datas.dragScroll.dragEnd(),e.datas.dragScroll=null},dragControlStart:function(t,e){return this.dragStart(t,L(L({},e),{isControl:!0}))},dragControl:function(t,e){return this.drag(t,e)},dragControlEnd:function(t,e){return this.dragEnd(t,e)},dragGroupStart:function(t,e){return this.dragStart(t,L(L({},e),{targets:t.props.targets}))},dragGroup:function(t,e){return this.drag(t,L(L({},e),{targets:t.props.targets}))},dragGroupEnd:function(t,e){return this.dragEnd(t,L(L({},e),{targets:t.props.targets}))},dragGroupControlStart:function(t,e){return this.dragStart(t,L(L({},e),{targets:t.props.targets,isControl:!0}))},dragGroupControl:function(t,e){return this.drag(t,L(L({},e),{targets:t.props.targets}))},dragGroupControEnd:function(t,e){return this.dragEnd(t,L(L({},e),{targets:t.props.targets}))},unset:function(t){var e,n=t.state;(e=n.dragScroll)===null||e===void 0||e.dragEnd(),n.dragScroll=null}},Ed={name:"",props:["target","dragTargetSelf","dragTarget","dragContainer","container","warpSelf","rootContainer","useResizeObserver","useMutationObserver","zoom","dragFocusedInput","transformOrigin","ables","className","pinchThreshold","pinchOutside","triggerAblesSimultaneously","checkInput","cspNonce","translateZ","hideDefaultLines","props","flushSync","stopPropagation","preventClickEventOnDrag","preventClickDefault","viewContainer","persistData","useAccuratePosition","firstRenderState","linePadding","controlPadding","preventDefault","preventRightClick","preventWheelClick","requestStyles"],events:["changeTargets"]},j0=Ci("padding",{props:["padding"],render:function(t,e){var n=t.props;if(n.dragArea)return[];var r=md(n.padding||{}),i=r.left,a=r.top,o=r.right,s=r.bottom,l=t.getState(),c=l.renderPoses,u=l.pos1,d=l.pos2,f=l.pos3,h=l.pos4,v=[u,d,f,h],p=[];return i>0&&p.push([0,2]),a>0&&p.push([0,1]),o>0&&p.push([1,3]),s>0&&p.push([2,3]),p.map(function(g,m){var x=I(g,2),b=x[0],C=x[1],E=v[b],S=v[C],D=c[b],M=c[C],w=Yo([0,0],[100,0],[0,100],[100,100],E,S,D,M);if(w.length)return e.createElement("div",{key:"padding".concat(m),className:dt("padding"),style:{transform:Ba(w,!0)}})})}}),wd=["nw","ne","se","sw"];function Ha(t,e){var n=t[0]+t[1],r=n>e?e/n:1;return t[0]*=r,t[1]=e-t[1]*r,t}var V0=[1,2,5,6],F0=[0,3,4,7],vr=[1,-1,-1,1],pr=[1,1,-1,-1];function Ws(t,e,n,r,i,a,o,s){i===void 0&&(i=0),a===void 0&&(a=0),o===void 0&&(o=n),s===void 0&&(s=r);var l=[],c=!1,u=t.filter(function(f){return!f.virtual}),d=u.map(function(f){var h=f.horizontal,v=f.vertical,p=f.pos;if(v&&!c&&(c=!0,l.push("/")),c){var g=Math.max(0,v===1?p[1]-a:s-p[1]);return l.push(on(g,r,e)),g}else{var g=Math.max(0,h===1?p[0]-i:o-p[0]);return l.push(on(g,n,e)),g}});return{radiusPoses:u,styles:l,raws:d}}function Dd(t){for(var e=[0,0],n=[0,0],r=t.length,i=0;i<r;++i){var a=t[i];a.sub&&(a.horizontal&&(e[1]===0&&(e[0]=i),e[1]=i-e[0]+1,n[0]=i+1),a.vertical&&(n[1]===0&&(n[0]=i),n[1]=i-n[0]+1))}return{horizontalRange:e,verticalRange:n}}function Md(t,e,n,r,i,a,o){var s,l,c,u;a===void 0&&(a=[0,0]),o===void 0&&(o=!1);var d=t.indexOf("/"),f=(d>-1?t.slice(0,d):t).length,h=t.slice(0,f),v=t.slice(f+1),p=h.length,g=v.length,m=g>0,x=I(h,4),b=x[0],C=b===void 0?"0px":b,E=x[1],S=E===void 0?C:E,D=x[2],M=D===void 0?C:D,w=x[3],T=w===void 0?S:w,k=I(v,4),O=k[0],A=O===void 0?C:O,_=k[1],P=_===void 0?m?A:S:_,z=k[2],j=z===void 0?m?A:M:z,N=k[3],G=N===void 0?m?P:T:N,$=[C,S,M,T].map(function(Y){return It(Y,e)}),B=[A,P,j,G].map(function(Y){return It(Y,n)}),q=$.slice(),Q=B.slice();s=I(Ha([q[0],q[1]],e),2),q[0]=s[0],q[1]=s[1],l=I(Ha([q[3],q[2]],e),2),q[3]=l[0],q[2]=l[1],c=I(Ha([Q[0],Q[3]],n),2),Q[0]=c[0],Q[3]=c[1],u=I(Ha([Q[1],Q[2]],n),2),Q[1]=u[0],Q[2]=u[1];var X=o?q:q.slice(0,Math.max(a[0],p)),U=o?Q:Q.slice(0,Math.max(a[1],g));return J(J([],I(X.map(function(Y,et){var rt=wd[et];return{virtual:et>=p,horizontal:vr[et],vertical:0,pos:[r+Y,i+(pr[et]===-1?n:0)],sub:!0,raw:$[et],direction:rt}})),!1),I(U.map(function(Y,et){var rt=wd[et];return{virtual:et>=g,horizontal:0,vertical:pr[et],pos:[r+(vr[et]===-1?e:0),i+Y],sub:!0,raw:B[et],direction:rt}})),!1)}function G0(t,e,n,r,i){i===void 0&&(i=e.length);var a=Dd(t.slice(r)),o=a.horizontalRange,s=a.verticalRange,l=n-r,c=0;if(l===0)c=i;else if(l>0&&l<o[1])c=o[1]-l;else if(l>=s[0])c=s[0]+s[1]-l;else return;t.splice(n,c),e.splice(n,c)}function W0(t,e,n,r,i,a,o,s,l,c,u){c===void 0&&(c=0),u===void 0&&(u=0);var d=Dd(t.slice(n)),f=d.horizontalRange,h=d.verticalRange;if(r>-1)for(var v=vr[r]===1?a-c:s-a,p=f[1];p<=r;++p){var g=pr[p]===1?u:l,m=0;if(r===p?m=a:p===0?m=c+v:vr[p]===-1&&(m=s-(e[n][0]-c)),t.splice(n+p,0,{horizontal:vr[p],vertical:0,pos:[m,g]}),e.splice(n+p,0,[m,g]),p===0)break}else if(i>-1){var x=pr[i]===1?o-u:l-o;if(f[1]===0&&h[1]===0){var b=[c+x,u];t.push({horizontal:vr[0],vertical:0,pos:b}),e.push(b)}for(var C=h[0],p=h[1];p<=i;++p){var m=vr[p]===1?c:s,g=0;if(i===p?g=o:p===0?g=u+x:pr[p]===1?g=e[n+C][1]:pr[p]===-1&&(g=l-(e[n+C][1]-u)),t.push({horizontal:0,vertical:pr[p],pos:[m,g]}),e.push([m,g]),p===0)break}}}function $0(t,e){e===void 0&&(e=t.map(function(i){return i.raw}));var n=t.map(function(i,a){return i.horizontal?e[a]:null}).filter(function(i){return i!=null}),r=t.map(function(i,a){return i.vertical?e[a]:null}).filter(function(i){return i!=null});return{horizontals:n,verticals:r}}var H0=[[0,-1,"n"],[1,0,"e"]],Y0=[[-1,-1,"nw"],[0,-1,"n"],[1,-1,"ne"],[1,0,"e"],[1,1,"se"],[0,1,"s"],[-1,1,"sw"],[-1,0,"w"]];function $s(t,e,n){var r=t.props.clipRelative,i=t.state,a=i.width,o=i.height,s=e,l=s.type,c=s.poses,u=l==="rect",d=l==="circle";if(l==="polygon")return n.map(function(S){return"".concat(on(S[0],a,r)," ").concat(on(S[1],o,r))});if(u||l==="inset"){var f=n[1][1],h=n[3][0],v=n[7][0],p=n[5][1];if(u)return[f,h,p,v].map(function(S){return"".concat(S,"px")});var g=[f,a-h,o-p,v].map(function(S,D){return on(S,D%2?a:o,r)});if(n.length>8){var m=I(ht(n[4],n[0]),2),x=m[0],b=m[1];g.push.apply(g,J(["round"],I(Ws(c.slice(8).map(function(S,D){return L(L({},S),{pos:n[D]})}),r,x,b,v,f,h,p).styles),!1))}return g}else if(d||l==="ellipse"){var C=n[0],E=on(K(n[1][1]-C[1]),d?Math.sqrt((a*a+o*o)/2):o,r),g=d?[E]:[on(K(n[2][0]-C[0]),a,r),E];return g.push("at",on(C[0],a,r),on(C[1],o,r)),g}}function Ya(t,e,n,r){var i=[r,(r+e)/2,e],a=[t,(t+n)/2,n];return Y0.map(function(o){var s=I(o,3),l=s[0],c=s[1],u=s[2],d=i[l+1],f=a[c+1];return{vertical:K(c),horizontal:K(l),direction:u,pos:[d,f]}})}function Td(t){var e=[1/0,-1/0],n=[1/0,-1/0];return t.forEach(function(r){var i=r.pos;e[0]=Math.min(e[0],i[0]),e[1]=Math.max(e[1],i[0]),n[0]=Math.min(n[0],i[1]),n[1]=Math.max(n[1],i[1])}),[K(e[1]-e[0]),K(n[1]-n[0])]}function kd(t,e,n,r,i){var a,o,s,l,c,u,d,f,h;if(t){var v=i;if(!v){var p=Ne(t),g=p("clipPath");v=g!=="none"?g:p("clip")}if(!((!v||v==="none"||v==="auto")&&(v=r,!v))){var m=xo(v),x=m.prefix,b=x===void 0?v:x,C=m.value,E=C===void 0?"":C,S=b==="circle",D=" ";if(b==="polygon"){var M=Bn(E||"0% 0%, 100% 0%, 100% 100%, 0% 100%");D=",";var w=M.map(function(Ht){var zt=I(Ht.split(" "),2),st=zt[0],bt=zt[1];return{vertical:1,horizontal:1,pos:[It(st,e),It(bt,n)]}}),T=sr(w.map(function(Ht){return Ht.pos}));return{type:b,clipText:v,poses:w,splitter:D,left:T.minX,right:T.maxX,top:T.minY,bottom:T.maxY}}else if(S||b==="ellipse"){var k="",O="",A=0,_=0,M=Nn(E);if(S){var P="";a=I(M,4),o=a[0],P=o===void 0?"50%":o,s=a[2],k=s===void 0?"50%":s,l=a[3],O=l===void 0?"50%":l,A=It(P,Math.sqrt((e*e+n*n)/2)),_=A}else{var z="",j="";c=I(M,5),u=c[0],z=u===void 0?"50%":u,d=c[1],j=d===void 0?"50%":d,f=c[3],k=f===void 0?"50%":f,h=c[4],O=h===void 0?"50%":h,A=It(z,e),_=It(j,n)}var N=[It(k,e),It(O,n)],w=J([{vertical:1,horizontal:1,pos:N,direction:"nesw"}],I(H0.slice(0,S?1:2).map(function(st){return{vertical:K(st[1]),horizontal:st[0],direction:st[2],sub:!0,pos:[N[0]+st[0]*A,N[1]+st[1]*_]}})),!1);return{type:b,clipText:v,radiusX:A,radiusY:_,left:N[0]-A,top:N[1]-_,right:N[0]+A,bottom:N[1]+_,poses:w,splitter:D}}else if(b==="inset"){var M=Nn(E||"0 0 0 0"),G=M.indexOf("round"),$=(G>-1?M.slice(0,G):M).length,B=M.slice($+1),q=I(M.slice(0,$),4),Q=q[0],X=q[1],U=X===void 0?Q:X,Y=q[2],et=Y===void 0?Q:Y,rt=q[3],pt=rt===void 0?U:rt,ft=I([Q,et].map(function(st){return It(st,n)}),2),Z=ft[0],nt=ft[1],Rt=I([pt,U].map(function(st){return It(st,e)}),2),ct=Rt[0],ut=Rt[1],mt=e-ut,At=n-nt,Mt=Md(B,mt-ct,At-Z,ct,Z),w=J(J([],I(Ya(Z,mt,At,ct)),!1),I(Mt),!1);return{type:"inset",clipText:v,poses:w,top:Z,left:ct,right:mt,bottom:At,radius:B,splitter:D}}else if(b==="rect"){var M=Bn(E||"0px, ".concat(e,"px, ").concat(n,"px, 0px"));D=",";var gt=I(M.map(function(Tt){var Ot=tr(Tt).value;return Ot}),4),yt=gt[0],ut=gt[1],nt=gt[2],ct=gt[3],w=Ya(yt,ut,nt,ct);return{type:"rect",clipText:v,poses:w,top:yt,right:ut,bottom:nt,left:ct,values:M,splitter:D}}}}}function K0(t,e,n,r,i){var a=t[e],o=a.direction,s=a.sub,l=t.map(function(){return[0,0]}),c=o?o.split(""):[];if(r&&e<8){var u=c.filter(function(A){return A==="w"||A==="e"}),d=c.filter(function(A){return A==="n"||A==="s"}),f=u[0],h=d[0];l[e]=n;var v=I(Td(t),2),p=v[0],g=v[1],m=p&&g?p/g:0;if(m&&i){var x=(e+4)%8,b=t[x].pos,C=[0,0];o.indexOf("w")>-1?C[0]=-1:o.indexOf("e")>-1&&(C[0]=1),o.indexOf("n")>-1?C[1]=-1:o.indexOf("s")>-1&&(C[1]=1);var E=vd([p,g],n,m,C,!0),S=p+E[0],D=g+E[1],M=b[1],w=b[1],T=b[0],k=b[0];C[0]===-1?T=k-S:C[0]===1?k=T+S:(T=T-S/2,k=k+S/2),C[1]===-1?M=w-D:(C[1]===1||(M=w-D/2),w=M+D);var O=Ya(M,k,w,T);t.forEach(function(A,_){l[_][0]=O[_].pos[0]-A.pos[0],l[_][1]=O[_].pos[1]-A.pos[1]})}else t.forEach(function(A,_){var P=A.direction;P&&(P.indexOf(f)>-1&&(l[_][0]=n[0]),P.indexOf(h)>-1&&(l[_][1]=n[1]))}),f&&(l[1][0]=n[0]/2,l[5][0]=n[0]/2),h&&(l[3][1]=n[1]/2,l[7][1]=n[1]/2)}else o&&!s?c.forEach(function(A){var _=A==="n"||A==="s";t.forEach(function(P,z){var j=P.direction,N=P.horizontal,G=P.vertical;!j||j.indexOf(A)===-1||(l[z]=[_||!N?0:n[0],!_||!G?0:n[1]])})}):l[e]=n;return l}function X0(t,e){var n=I(su(t,e),2),r=n[0],i=n[1],a=e.datas,o=a.clipPath,s=a.clipIndex,l=o,c=l.type,u=l.poses,d=l.splitter,f=u.map(function(x){return x.pos});if(c==="polygon")f.splice(s,0,[r,i]);else if(c==="inset"){var h=V0.indexOf(s),v=F0.indexOf(s),p=u.length;if(W0(u,f,8,h,v,r,i,f[4][0],f[4][1],f[0][0],f[0][1]),p===u.length)return}else return;var g=$s(t,o,f),m="".concat(c,"(").concat(g.join(d),")");it(t,"onClip",kt(t,e,L({clipEventType:"added",clipType:c,poses:f,clipStyles:g,clipStyle:m,distX:0,distY:0},Oe({clipPath:m},e))))}function U0(t,e){var n=e.datas,r=n.clipPath,i=n.clipIndex,a=r,o=a.type,s=a.poses,l=a.splitter,c=s.map(function(h){return h.pos}),u=c.length;if(o==="polygon")s.splice(i,1),c.splice(i,1);else if(o==="inset"){if(i<8||(G0(s,c,i,8,u),u===s.length))return}else return;var d=$s(t,r,c),f="".concat(o,"(").concat(d.join(l),")");it(t,"onClip",kt(t,e,L({clipEventType:"removed",clipType:o,poses:c,clipStyles:d,clipStyle:f,distX:0,distY:0},Oe({clipPath:f},e))))}var Z0={name:"clippable",props:["clippable","defaultClipPath","customClipPath","keepRatio","clipRelative","clipArea","dragWithClip","clipTargetBounds","clipVerticalGuidelines","clipHorizontalGuidelines","clipSnapThreshold"],events:["clipStart","clip","clipEnd"],css:[`.control.clip-control { background: #6d6; cursor: pointer; } .control.clip-control.clip-radius { background: #d66; } .line.clip-line { background: #6e6; cursor: move; z-index: 1; } .clip-area { position: absolute; top: 0; left: 0; } .clip-ellipse { position: absolute; cursor: move; border: 1px solid #6d6; border: var(--zoompx) solid #6d6; border-radius: 50%; transform-origin: 0px 0px; }`,`:host { --bounds-color: #d66; }`,`.guideline { pointer-events: none; z-index: 2; }`,`.line.guideline.bounds { background: #d66; background: var(--bounds-color); }`],render:function(t,e){var n=t.props,r=n.customClipPath,i=n.defaultClipPath,a=n.clipArea,o=n.zoom,s=n.groupable,l=t.getState(),c=l.target,u=l.width,d=l.height,f=l.allMatrix,h=l.is3d,v=l.left,p=l.top,g=l.pos1,m=l.pos2,x=l.pos3,b=l.pos4,C=l.clipPathState,E=l.snapBoundInfos,S=l.rotation;if(!c||s)return[];var D=kd(c,u,d,i||"inset",C||r);if(!D)return[];var M=h?4:3,w=D.type,T=D.poses,k=T.map(function(ut){var mt=ie(f,ut.pos,M);return[mt[0]-v,mt[1]-p]}),O=[],A=[],_=w==="rect",P=w==="inset",z=w==="polygon";if(_||P||z){var j=P?k.slice(0,8):k;A=j.map(function(ut,mt){var At=mt===0?j[j.length-1]:j[mt-1],Mt=se(At,ut),gt=nd(At,ut);return e.createElement("div",{key:"clipLine".concat(mt),className:dt("line","clip-line","snap-control"),"data-clip-index":mt,style:{width:"".concat(gt,"px"),transform:"translate(".concat(At[0],"px, ").concat(At[1],"px) rotate(").concat(Mt,"rad) scaleY(").concat(o,")")}})})}if(O=k.map(function(ut,mt){return e.createElement("div",{key:"clipControl".concat(mt),className:dt("control","clip-control","snap-control"),"data-clip-index":mt,style:{transform:"translate(".concat(ut[0],"px, ").concat(ut[1],"px) rotate(").concat(S,"rad) scale(").concat(o,")")}})}),P&&O.push.apply(O,J([],I(k.slice(8).map(function(ut,mt){return e.createElement("div",{key:"clipRadiusControl".concat(mt),className:dt("control","clip-control","clip-radius","snap-control"),"data-clip-index":8+mt,style:{transform:"translate(".concat(ut[0],"px, ").concat(ut[1],"px) rotate(").concat(S,"rad) scale(").concat(o,")")}})})),!1)),w==="circle"||w==="ellipse"){var N=D.left,G=D.top,$=D.radiusX,B=D.radiusY,q=I(ht(ie(f,[N,G],M),ie(f,[0,0],M)),2),Q=q[0],X=q[1],U="none";if(!a){for(var Y=Math.max(10,$/5,B/5),et=[],rt=0;rt<=Y;++rt){var pt=Math.PI*2/Y*rt;et.push([$+($-o)*Math.cos(pt),B+(B-o)*Math.sin(pt)])}et.push([$,-2]),et.push([-2,-2]),et.push([-2,B*2+2]),et.push([$*2+2,B*2+2]),et.push([$*2+2,-2]),et.push([$,-2]),U="polygon(".concat(et.map(function(ut){return"".concat(ut[0],"px ").concat(ut[1],"px")}).join(", "),")")}O.push(e.createElement("div",{key:"clipEllipse",className:dt("clip-ellipse","snap-control"),style:{width:"".concat($*2,"px"),height:"".concat(B*2,"px"),clipPath:U,transform:"translate(".concat(-v+Q,"px, ").concat(-p+X,"px) ").concat(Ba(f))}}))}if(a){var ft=Ke(J([g,m,x,b],I(k),!1)),Z=ft.width,nt=ft.height,Rt=ft.left,ct=ft.top;if(z||_||P){var et=P?k.slice(0,8):k;O.push(e.createElement("div",{key:"clipArea",className:dt("clip-area","snap-control"),style:{width:"".concat(Z,"px"),height:"".concat(nt,"px"),transform:"translate(".concat(Rt,"px, ").concat(ct,"px)"),clipPath:"polygon(".concat(et.map(function(mt){return"".concat(mt[0]-Rt,"px ").concat(mt[1]-ct,"px")}).join(", "),")")}}))}}return E&&["vertical","horizontal"].forEach(function(ut){var mt=E[ut],At=ut==="horizontal";mt.isSnap&&A.push.apply(A,J([],I(mt.snap.posInfos.map(function(Mt,gt){var yt=Mt.pos,Ht=ht(ie(f,At?[0,yt]:[yt,0],M),[v,p]),zt=ht(ie(f,At?[u,yt]:[yt,d],M),[v,p]);return wi(e,"",Ht,zt,o,"clip".concat(ut,"snap").concat(gt),"guideline")})),!1)),mt.isBound&&A.push.apply(A,J([],I(mt.bounds.map(function(Mt,gt){var yt=Mt.pos,Ht=ht(ie(f,At?[0,yt]:[yt,0],M),[v,p]),zt=ht(ie(f,At?[u,yt]:[yt,d],M),[v,p]);return wi(e,"",Ht,zt,o,"clip".concat(ut,"bounds").concat(gt),"guideline","bounds","bold")})),!1))}),J(J([],I(O),!1),I(A),!1)},dragControlCondition:function(t,e){return e.inputEvent&&(e.inputEvent.target.getAttribute("class")||"").indexOf("clip")>-1},dragStart:function(t,e){var n=t.props,r=n.dragWithClip,i=r===void 0?!0:r;return i?!1:this.dragControlStart(t,e)},drag:function(t,e){return this.dragControl(t,L(L({},e),{isDragTarget:!0}))},dragEnd:function(t,e){return this.dragControlEnd(t,e)},dragControlStart:function(t,e){var n=t.state,r=t.props,i=r.defaultClipPath,a=r.customClipPath,o=n.target,s=n.width,l=n.height,c=e.inputEvent?e.inputEvent.target:null,u=c&&c.getAttribute("class")||"",d=e.datas,f=kd(o,s,l,i||"inset",a);if(!f)return!1;var h=f.clipText,v=f.type,p=f.poses,g=it(t,"onClipStart",kt(t,e,{clipType:v,clipStyle:h,poses:p.map(function(m){return m.pos})}));return g===!1?(d.isClipStart=!1,!1):(d.isControl=u&&u.indexOf("clip-control")>-1,d.isLine=u.indexOf("clip-line")>-1,d.isArea=u.indexOf("clip-area")>-1||u.indexOf("clip-ellipse")>-1,d.clipIndex=c?parseInt(c.getAttribute("data-clip-index"),10):-1,d.clipPath=f,d.isClipStart=!0,n.clipPathState=h,cr(t,e),!0)},dragControl:function(t,e){var n,r,i,a=e.datas,o=e.originalDatas,s=e.isDragTarget;if(!a.isClipStart)return!1;var l=a,c=l.isControl,u=l.isLine,d=l.isArea,f=l.clipIndex,h=l.clipPath;if(!h)return!1;var v=hr(t.props,"clippable"),p=v.keepRatio,g=0,m=0,x=o.draggable,b=vn(e);s&&x?(n=I(x.prevBeforeDist,2),g=n[0],m=n[1]):(r=I(b,2),g=r[0],m=r[1]);var C=[g,m],E=t.state,S=E.width,D=E.height,M=!d&&!c&&!u,w=h.type,T=h.poses,k=h.splitter,O=T.map(function(wt){return wt.pos});M&&(g=-g,m=-m);var A=!c||T[f].direction==="nesw",_=w==="inset"||w==="rect",P=T.map(function(){return[0,0]});if(c&&!A){var z=T[f],j=z.horizontal,N=z.vertical,G=[g*K(j),m*K(N)];P=K0(T,f,G,_,p)}else A&&(P=O.map(function(){return[g,m]}));var $=O.map(function(wt,Vt){return jt(wt,P[Vt])}),B=J([],I($),!1);E.snapBoundInfos=null;var q=h.type==="circle",Q=h.type==="ellipse";if(q||Q){var X=Ke($),U=K(X.bottom-X.top),Y=K(Q?X.right-X.left:U),et=$[0][1]+U,rt=$[0][0]-Y,pt=$[0][0]+Y;q&&(B.push([pt,X.bottom]),P.push([1,0])),B.push([X.left,et]),P.push([0,1]),B.push([rt,X.bottom]),P.push([1,0])}var ft=Yu((v.clipHorizontalGuidelines||[]).map(function(wt){return It("".concat(wt),D)}),(v.clipVerticalGuidelines||[]).map(function(wt){return It("".concat(wt),S)}),S,D),Z=[],nt=[];if(q||Q)Z=[B[4][0],B[2][0]],nt=[B[1][1],B[3][1]];else if(_){var Rt=[B[0],B[2],B[4],B[6]],ct=[P[0],P[2],P[4],P[6]];Z=Rt.filter(function(wt,Vt){return ct[Vt][0]}).map(function(wt){return wt[0]}),nt=Rt.filter(function(wt,Vt){return ct[Vt][1]}).map(function(wt){return wt[1]})}else Z=B.filter(function(wt,Vt){return P[Vt][0]}).map(function(wt){return wt[0]}),nt=B.filter(function(wt,Vt){return P[Vt][1]}).map(function(wt){return wt[1]});var ut=[0,0],mt=zu(ft,v.clipTargetBounds&&{left:0,top:0,right:S,bottom:D},Z,nt,5,5),At=mt.horizontal,Mt=mt.vertical,gt=At.offset,yt=Mt.offset;if(At.isBound&&(ut[1]+=gt),Mt.isBound&&(ut[0]+=yt),(Q||q)&&P[0][0]===0&&P[0][1]===0){var X=Ke($),Ht=X.bottom-X.top,zt=Q?X.right-X.left:Ht,st=Mt.isBound?K(yt):Mt.snapIndex===0?-yt:yt,bt=At.isBound?K(gt):At.snapIndex===0?-gt:gt;zt-=st,Ht-=bt,q&&(Ht=Au(Mt,At)>0?Ht:zt,zt=Ht);var vt=B[0];B[1][1]=vt[1]-Ht,B[2][0]=vt[0]+zt,B[3][1]=vt[1]+Ht,B[4][0]=vt[0]-zt}else if(_&&p&&c){var Tt=I(Td(T),2),Ot=Tt[0],Et=Tt[1],Nt=Ot&&Et?Ot/Et:0,Kt=T[f],xt=Kt.direction||"",tt=B[1][1],et=B[5][1],rt=B[7][0],pt=B[3][0];K(gt)<=K(yt)?gt=_e(gt)*K(yt)/Nt:yt=_e(yt)*K(gt)*Nt,xt.indexOf("w")>-1?rt-=yt:xt.indexOf("e")>-1?pt-=yt:(rt+=yt/2,pt-=yt/2),xt.indexOf("n")>-1?tt-=gt:xt.indexOf("s")>-1?et-=gt:(tt+=gt/2,et-=gt/2);var Gt=Ya(tt,pt,et,rt);B.forEach(function(xn,Jr){var ti;ti=I(Gt[Jr].pos,2),xn[0]=ti[0],xn[1]=ti[1]})}else B.forEach(function(wt,Vt){var Le=P[Vt];Le[0]&&(wt[0]-=yt),Le[1]&&(wt[1]-=gt)});var Dt=$s(t,h,$),Bt="".concat(w,"(").concat(Dt.join(k),")");if(E.clipPathState=Bt,q||Q)Z=[B[4][0],B[2][0]],nt=[B[1][1],B[3][1]];else if(_){var Rt=[B[0],B[2],B[4],B[6]];Z=Rt.map(function(Vt){return Vt[0]}),nt=Rt.map(function(Vt){return Vt[1]})}else Z=B.map(function(wt){return wt[0]}),nt=B.map(function(wt){return wt[1]});if(E.snapBoundInfos=zu(ft,v.clipTargetBounds&&{left:0,top:0,right:S,bottom:D},Z,nt,1,1),x){var Yt=E.is3d,Jt=E.allMatrix,ne=Yt?4:3,Xt=ut;s&&(Xt=[C[0]+ut[0]-b[0],C[1]+ut[1]-b[1]]),x.deltaOffset=Zt(Jt,[Xt[0],Xt[1],0,0],ne)}return it(t,"onClip",kt(t,e,L({clipEventType:"changed",clipType:w,poses:$,clipStyle:Bt,clipStyles:Dt,distX:g,distY:m},Oe((i={},i[w==="rect"?"clip":"clipPath"]=Bt,i),e)))),!0},dragControlEnd:function(t,e){this.unset(t);var n=e.isDrag,r=e.datas,i=e.isDouble,a=r.isLine,o=r.isClipStart,s=r.isControl;return o?(it(t,"onClipEnd",Ge(t,e,{})),i&&(s?U0(t,e):a&&X0(t,e)),i||n):!1},unset:function(t){t.state.clipPathState="",t.state.snapBoundInfos=null}},Q0={name:"originDraggable",props:["originDraggable","originRelative"],events:["dragOriginStart","dragOrigin","dragOriginEnd"],css:[`:host[data-able-origindraggable] .control.origin { pointer-events: auto; }`],dragControlCondition:function(t,e){return e.isRequest?e.requestAble==="originDraggable":le(e.inputEvent.target,dt("origin"))},dragControlStart:function(t,e){var n=e.datas;cr(t,e);var r=kt(t,e,{dragStart:Ae.dragStart(t,new Pr().dragStart([0,0],e))}),i=it(t,"onDragOriginStart",r);return n.startOrigin=t.state.transformOrigin,n.startTargetOrigin=t.state.targetOrigin,n.prevOrigin=[0,0],n.isDragOrigin=!0,i===!1?(n.isDragOrigin=!1,!1):r},dragControl:function(t,e){var n=e.datas,r=e.isPinch,i=e.isRequest;if(!n.isDragOrigin)return!1;var a=I(vn(e),2),o=a[0],s=a[1],l=t.state,c=l.width,u=l.height,d=l.offsetMatrix,f=l.targetMatrix,h=l.is3d,v=t.props.originRelative,p=v===void 0?!0:v,g=h?4:3,m=[o,s];if(i){var x=e.distOrigin;(x[0]||x[1])&&(m=x)}var b=jt(n.startOrigin,m),C=jt(n.startTargetOrigin,m),E=ht(m,n.prevOrigin),S=Ei(d,f,b,g),D=t.getRect(),M=Ke(fr(S,c,u,g)),w=[D.left-M.left,D.top-M.top];n.prevOrigin=m;var T=[on(C[0],c,p),on(C[1],u,p)].join(" "),k=Ae.drag(t,Si(e,t.state,w,!!r,!1)),O=kt(t,e,L(L({width:c,height:u,origin:b,dist:m,delta:E,transformOrigin:T,drag:k},Oe({transformOrigin:T,transform:k.transform},e)),{afterTransform:k.transform}));return it(t,"onDragOrigin",O),O},dragControlEnd:function(t,e){var n=e.datas;return n.isDragOrigin?(it(t,"onDragOriginEnd",Ge(t,e,{})),!0):!1},dragGroupControlCondition:function(t,e){return this.dragControlCondition(t,e)},dragGroupControlStart:function(t,e){var n=this.dragControlStart(t,e);return!!n},dragGroupControl:function(t,e){var n=this.dragControl(t,e);return n?(t.transformOrigin=n.transformOrigin,!0):!1},request:function(t){var e={},n=t.getRect(),r=0,i=0,a=n.transformOrigin,o=[0,0];return{isControl:!0,requestStart:function(){return{datas:e}},request:function(s){return"deltaOrigin"in s?(o[0]+=s.deltaOrigin[0],o[1]+=s.deltaOrigin[1]):"origin"in s?(o[0]=s.origin[0]-a[0],o[1]=s.origin[1]-a[1]):("x"in s?r=s.x-n.left:"deltaX"in s&&(r+=s.deltaX),"y"in s?i=s.y-n.top:"deltaY"in s&&(i+=s.deltaY)),{datas:e,distX:r,distY:i,distOrigin:o}},requestEnd:function(){return{datas:e,isDrag:!0}}}}};function q0(t,e,n,r){var i=t.filter(function(l){var c=l.virtual,u=l.horizontal;return u&&!c}).length,a=t.filter(function(l){var c=l.virtual,u=l.vertical;return u&&!c}).length,o=-1;if(e===0&&(i===0?o=0:i===1&&(o=1)),e===2&&(i<=2?o=2:i<=3&&(o=3)),e===3&&(a===0?o=4:a<4&&(o=7)),e===1&&(a<=1?o=5:a<=2&&(o=6)),!(o===-1||!t[o].virtual)){var s=t[o];J0(t,o),o<4?s.pos[0]=n:s.pos[1]=r}}function J0(t,e){e<4?t.slice(0,e+1).forEach(function(n){n.virtual=!1}):(t[0].virtual&&(t[0].virtual=!1),t.slice(4,e+1).forEach(function(n){n.virtual=!1}))}function tm(t,e){e<4?t.slice(e,4).forEach(function(n){n.virtual=!0}):t.slice(e).forEach(function(n){n.virtual=!0})}function Rd(t,e,n,r,i){r===void 0&&(r=[0,0]);var a=[];return!t||t==="0px"?a=[]:a=Nn(t),Md(a,e,n,0,0,r,i)}function Ad(t,e,n,r,i){var a=t.state,o=a.width,s=a.height,l=Ws(i,t.props.roundRelative,o,s),c=l.raws,u=l.styles,d=l.radiusPoses,f=$0(d,c),h=f.horizontals,v=f.verticals,p=u.join(" ");a.borderRadiusState=p;var g=kt(t,e,L({horizontals:h,verticals:v,borderRadius:p,width:o,height:s,delta:r,dist:n},Oe({borderRadius:p},e)));return it(t,"onRound",g),g}function Od(t){var e,n,r=t.getState().style,i=r.borderRadius||"";if(!i&&t.props.groupable){var a=t.moveables[0],o=t.getTargets()[0];o&&(a?.props.target===o?(i=(n=(e=t.moveables[0])===null||e===void 0?void 0:e.state.style.borderRadius)!==null&&n!==void 0?n:"",r.borderRadius=i):(i=Is(o).borderRadius,r.borderRadius=i))}return i}var em={name:"roundable",props:["roundable","roundRelative","minRoundControls","maxRoundControls","roundClickable","roundPadding","isDisplayShadowRoundControls"],events:["roundStart","round","roundEnd","roundGroupStart","roundGroup","roundGroupEnd"],css:[`.control.border-radius { background: #d66; cursor: pointer; z-index: 3; }`,`.control.border-radius.vertical { background: #d6d; z-index: 2; }`,`.control.border-radius.virtual { opacity: 0.5; z-index: 1; }`,`:host.round-line-clickable .line.direction { cursor: pointer; }`],className:function(t){var e=t.props.roundClickable;return e===!0||e==="line"?dt("round-line-clickable"):""},requestStyle:function(){return["borderRadius"]},requestChildStyle:function(){return["borderRadius"]},render:function(t,e){var n=t.getState(),r=n.target,i=n.width,a=n.height,o=n.allMatrix,s=n.is3d,l=n.left,c=n.top,u=n.borderRadiusState,d=t.props,f=d.minRoundControls,h=f===void 0?[0,0]:f,v=d.maxRoundControls,p=v===void 0?[4,4]:v,g=d.zoom,m=d.roundPadding,x=m===void 0?0:m,b=d.isDisplayShadowRoundControls,C=d.groupable;if(!r)return null;var E=u||Od(t),S=s?4:3,D=Rd(E,i,a,h,!0);if(!D)return null;var M=0,w=0,T=C?[0,0]:[l,c];return D.map(function(k,O){var A=k.horizontal,_=k.vertical,P=k.direction||"",z=J([],I(k.pos),!1);w+=Math.abs(A),M+=Math.abs(_),A&&P.indexOf("n")>-1&&(z[1]-=x),_&&P.indexOf("w")>-1&&(z[0]-=x),A&&P.indexOf("s")>-1&&(z[1]+=x),_&&P.indexOf("e")>-1&&(z[0]+=x);var j=ht(ie(o,z,S),T),N=b&&b!=="horizontal",G=k.vertical?M<=p[1]&&(N||!k.virtual):w<=p[0]&&(b||!k.virtual);return e.createElement("div",{key:"borderRadiusControl".concat(O),className:dt("control","border-radius",k.vertical?"vertical":"",k.virtual?"virtual":""),"data-radius-index":O,style:{display:G?"block":"none",transform:"translate(".concat(j[0],"px, ").concat(j[1],"px) scale(").concat(g,")")}})})},dragControlCondition:function(t,e){if(!e.inputEvent||e.isRequest)return!1;var n=e.inputEvent.target.getAttribute("class")||"";return n.indexOf("border-radius")>-1||n.indexOf("moveable-line")>-1&&n.indexOf("moveable-direction")>-1},dragGroupControlCondition:function(t,e){return this.dragControlCondition(t,e)},dragControlStart:function(t,e){var n=e.inputEvent,r=e.datas,i=n.target,a=i.getAttribute("class")||"",o=a.indexOf("border-radius")>-1,s=a.indexOf("moveable-line")>-1&&a.indexOf("moveable-direction")>-1,l=o?parseInt(i.getAttribute("data-radius-index"),10):-1,c=-1;if(s){var u=i.getAttribute("data-line-key")||"";u&&(c=parseInt(u.replace(/render-line-/g,""),10),isNaN(c)&&(c=-1))}if(!o&&!s)return!1;var d=kt(t,e,{}),f=it(t,"onRoundStart",d);if(f===!1)return!1;r.lineIndex=c,r.controlIndex=l,r.isControl=o,r.isLine=s,cr(t,e);var h=t.props,v=h.roundRelative,p=h.minRoundControls,g=p===void 0?[0,0]:p,m=t.state,x=m.width,b=m.height;r.isRound=!0,r.prevDist=[0,0];var C=Od(t),E=Rd(C||"",x,b,g,!0)||[];return r.controlPoses=E,m.borderRadiusState=Ws(E,v,x,b).styles.join(" "),d},dragControl:function(t,e){var n=e.datas,r=n.controlPoses;if(!n.isRound||!n.isControl||!r.length)return!1;var i=n.controlIndex,a=I(vn(e),2),o=a[0],s=a[1],l=[o,s],c=ht(l,n.prevDist),u=t.props.maxRoundControls,d=u===void 0?[4,4]:u,f=t.state,h=f.width,v=f.height,p=r[i],g=p.vertical,m=p.horizontal,x=r.map(function(C){var E=C.horizontal,S=C.vertical,D=[E*m*l[0],S*g*l[1]];if(E){if(d[0]===1)return D;if(d[0]<4&&E!==m)return D}else{if(d[1]===0)return D[1]=S*m*l[0]/h*v,D;if(g){if(d[1]===1)return D;if(d[1]<4&&S!==g)return D}}return[0,0]});x[i]=l;var b=r.map(function(C,E){return L(L({},C),{pos:jt(C.pos,x[E])})});return i<4?b.slice(0,i+1).forEach(function(C){C.virtual=!1}):b.slice(4,i+1).forEach(function(C){C.virtual=!1}),n.prevDist=[o,s],Ad(t,e,l,c,b)},dragControlEnd:function(t,e){var n=t.state;n.borderRadiusState="";var r=e.datas,i=e.isDouble;if(!r.isRound)return!1;var a=r.isControl,o=r.controlIndex,s=r.isLine,l=r.lineIndex,c=r.controlPoses,u=c.filter(function(m){var x=m.virtual;return x}).length,d=t.props.roundClickable,f=d===void 0?!0:d;if(i&&f){if(a&&(f===!0||f==="control"))tm(c,o);else if(s&&(f===!0||f==="line")){var h=I(su(t,e),2),v=h[0],p=h[1];q0(c,l,v,p)}u!==c.filter(function(m){var x=m.virtual;return x}).length&&Ad(t,e,[0,0],[0,0],c)}var g=Ge(t,e,{});return it(t,"onRoundEnd",g),n.borderRadiusState="",g},dragGroupControlStart:function(t,e){var n=this.dragControlStart(t,e);if(!n)return!1;var r=t.moveables,i=t.props.targets,a=an(t,"roundable",e),o=L({targets:t.props.targets,events:a.map(function(s,l){return L(L({},s),{target:i[l],moveable:r[l],currentTarget:r[l]})})},n);return it(t,"onRoundGroupStart",o),n},dragGroupControl:function(t,e){var n=this.dragControl(t,e);if(!n)return!1;var r=t.moveables,i=t.props.targets,a=an(t,"roundable",e),o=L({targets:t.props.targets,events:a.map(function(s,l){return L(L(L({},s),{target:i[l],moveable:r[l],currentTarget:r[l]}),Oe({borderRadius:n.borderRadius},s))})},n);return it(t,"onRoundGroup",o),o},dragGroupControlEnd:function(t,e){var n=t.moveables,r=t.props.targets,i=an(t,"roundable",e);Fa(t,"onRound",function(s){var l=L({targets:t.props.targets,events:i.map(function(c,u){return L(L(L({},c),{target:r[u],moveable:n[u],currentTarget:n[u]}),Oe({borderRadius:s.borderRadius},c))})},s);it(t,"onRoundGroup",l)});var a=this.dragControlEnd(t,e);if(!a)return!1;var o=L({targets:t.props.targets,events:i.map(function(s,l){var c;return L(L({},s),{target:r[l],moveable:n[l],currentTarget:n[l],lastEvent:(c=s.datas)===null||c===void 0?void 0:c.lastEvent})})},a);return it(t,"onRoundGroupEnd",o),o},unset:function(t){t.state.borderRadiusState=""}};function nm(t,e){var n=e?4:3,r=te(n),i="matrix".concat(e?"3d":"","(").concat(r.join(","),")");return t===i||t==="matrix(1,0,0,1,0,0)"}var _d={isPinch:!0,name:"beforeRenderable",props:[],events:["beforeRenderStart","beforeRender","beforeRenderEnd","beforeRenderGroupStart","beforeRenderGroup","beforeRenderGroupEnd"],dragRelation:"weak",setTransform:function(t,e){var n=t.state,r=n.is3d,i=n.targetMatrix,a=n.inlineTransform,o=r?"matrix3d(".concat(i.join(","),")"):"matrix(".concat(Xc(i,!0),")"),s=!a||a==="none"?o:a;e.datas.startTransforms=nm(s,r)?[]:Nn(s)},resetStyle:function(t){var e=t.datas;e.nextStyle={},e.nextTransforms=t.datas.startTransforms,e.nextTransformAppendedIndexes=[]},fillDragStartParams:function(t,e){return kt(t,e,{setTransform:function(n){e.datas.startTransforms=Qt(n)?n:Nn(n)},isPinch:!!e.isPinch})},fillDragParams:function(t,e){return kt(t,e,{isPinch:!!e.isPinch})},dragStart:function(t,e){this.setTransform(t,e),this.resetStyle(e),it(t,"onBeforeRenderStart",this.fillDragStartParams(t,e))},drag:function(t,e){e.datas.startTransforms||this.setTransform(t,e),this.resetStyle(e),it(t,"onBeforeRender",kt(t,e,{isPinch:!!e.isPinch}))},dragEnd:function(t,e){e.datas.startTransforms||(this.setTransform(t,e),this.resetStyle(e)),it(t,"onBeforeRenderEnd",kt(t,e,{isPinch:!!e.isPinch,isDrag:e.isDrag}))},dragGroupStart:function(t,e){var n=this;this.dragStart(t,e);var r=an(t,"beforeRenderable",e),i=t.moveables,a=r.map(function(o,s){var l=i[s];return n.setTransform(l,o),n.resetStyle(o),n.fillDragStartParams(l,o)});it(t,"onBeforeRenderGroupStart",kt(t,e,{isPinch:!!e.isPinch,targets:t.props.targets,setTransform:function(){},events:a}))},dragGroup:function(t,e){var n=this;this.drag(t,e);var r=an(t,"beforeRenderable",e),i=t.moveables,a=r.map(function(o,s){var l=i[s];return n.resetStyle(o),n.fillDragParams(l,o)});it(t,"onBeforeRenderGroup",kt(t,e,{isPinch:!!e.isPinch,targets:t.props.targets,events:a}))},dragGroupEnd:function(t,e){this.dragEnd(t,e),it(t,"onBeforeRenderGroupEnd",kt(t,e,{isPinch:!!e.isPinch,isDrag:e.isDrag,targets:t.props.targets}))},dragControlStart:function(t,e){return this.dragStart(t,e)},dragControl:function(t,e){return this.drag(t,e)},dragControlEnd:function(t,e){return this.dragEnd(t,e)},dragGroupControlStart:function(t,e){return this.dragGroupStart(t,e)},dragGroupControl:function(t,e){return this.dragGroup(t,e)},dragGroupControlEnd:function(t,e){return this.dragGroupEnd(t,e)}},Ld={name:"renderable",props:[],events:["renderStart","render","renderEnd","renderGroupStart","renderGroup","renderGroupEnd"],dragRelation:"weak",dragStart:function(t,e){it(t,"onRenderStart",kt(t,e,{isPinch:!!e.isPinch}))},drag:function(t,e){it(t,"onRender",this.fillDragParams(t,e))},dragAfter:function(t,e){return this.drag(t,e)},dragEnd:function(t,e){it(t,"onRenderEnd",this.fillDragEndParams(t,e))},dragGroupStart:function(t,e){it(t,"onRenderGroupStart",kt(t,e,{isPinch:!!e.isPinch,targets:t.props.targets}))},dragGroup:function(t,e){var n=this,r=an(t,"beforeRenderable",e),i=t.moveables,a=r.map(function(o,s){var l=i[s];return n.fillDragParams(l,o)});it(t,"onRenderGroup",kt(t,e,L(L({isPinch:!!e.isPinch,targets:t.props.targets,transform:Ta(e),transformObject:{}},Oe(ka(e))),{events:a})))},dragGroupEnd:function(t,e){var n=this,r=an(t,"beforeRenderable",e),i=t.moveables,a=r.map(function(o,s){var l=i[s];return n.fillDragEndParams(l,o)});it(t,"onRenderGroupEnd",kt(t,e,L({isPinch:!!e.isPinch,isDrag:e.isDrag,targets:t.props.targets,events:a,transformObject:{},transform:Ta(e)},Oe(ka(e)))))},dragControlStart:function(t,e){return this.dragStart(t,e)},dragControl:function(t,e){return this.drag(t,e)},dragControlAfter:function(t,e){return this.dragAfter(t,e)},dragControlEnd:function(t,e){return this.dragEnd(t,e)},dragGroupControlStart:function(t,e){return this.dragGroupStart(t,e)},dragGroupControl:function(t,e){return this.dragGroup(t,e)},dragGroupControlEnd:function(t,e){return this.dragGroupEnd(t,e)},fillDragParams:function(t,e){var n={};return Ar(Ma(e)||[]).forEach(function(r){n[r.name]=r.functionValue}),kt(t,e,L({isPinch:!!e.isPinch,transformObject:n,transform:Ta(e)},Oe(ka(e))))},fillDragEndParams:function(t,e){var n={};return Ar(Ma(e)||[]).forEach(function(r){n[r.name]=r.functionValue}),kt(t,e,L({isPinch:!!e.isPinch,isDrag:e.isDrag,transformObject:n,transform:Ta(e)},Oe(ka(e))))}};function Oi(t,e,n,r,i,a,o){a.clientDistX=a.distX,a.clientDistY=a.distY;var s=i==="Start",l=i==="End",c=i==="After",u=t.state.target,d=a.isRequest,f=r.indexOf("Control")>-1;if(!u||s&&f&&!d&&t.areaElement===a.inputEvent.target)return!1;var h=J([],I(e),!1);if(d){var v=a.requestAble;h.some(function(O){return O.name===v})||h.push.apply(h,J([],I(t.props.ables.filter(function(O){return O.name===v})),!1))}if(!h.length||h.every(function(O){return O.dragRelation}))return!1;var p=a.inputEvent,g;l&&p&&(g=document.elementFromPoint(a.clientX,a.clientY)||p.target);var m=!1,x=function(){var O;m=!0,(O=a.stop)===null||O===void 0||O.call(a)},b=s&&(!t.targetGesto||!t.controlGesto||!t.targetGesto.isFlag()||!t.controlGesto.isFlag());b&&t.updateRect(i,!0,!1);var C=a.datas,E=f?"controlGesto":"targetGesto",S=t[E],D=function(O,A,_){if(!(A in O)||S!==t[E])return!1;var P=O.name,z=C[P]||(C[P]={});if(s&&(z.isEventStart=!_||!O[_]||O[_](t,a)),!z.isEventStart)return!1;var j=O[A](t,L(L({},a),{stop:x,datas:z,originalDatas:C,inputTarget:g}));return t._emitter.off(),s&&j===!1&&(z.isEventStart=!1),j};b&&h.forEach(function(O){O.unset&&O.unset(t)}),D(_d,"drag".concat(r).concat(i));var M=0,w=0;n.forEach(function(O){if(m)return!1;var A="".concat(O).concat(r).concat(i),_="".concat(O).concat(r,"Condition");i===""&&!d&&fd(t.state,a);var P=h.filter(function(N){return N[A]});P=P.filter(function(N,G){return N.name&&P.indexOf(N)===G});var z=P.filter(function(N){return D(N,A,_)}),j=z.length;m&&++M,j&&++w,!m&&s&&P.length&&!j&&(M+=P.filter(function(N){var G=N.name,$=C[G];return $.isEventStart?N.dragRelation!=="strong":!1}).length?1:0)}),(!c||w)&&D(Ld,"drag".concat(r).concat(i));var T=S!==t[E]||M===n.length;if((l||m||T)&&(t.state.gestos={},t.moveables&&t.moveables.forEach(function(O){O.state.gestos={}}),h.forEach(function(O){O.unset&&O.unset(t)})),s&&!T&&!d&&w&&t.props.preventDefault&&a?.preventDefault(),t.isUnmounted||T)return!1;if(!s&&w&&!o||l){var k=t.props.flushSync||qu;k(function(){t.updateRect(l?i:"",!0,!1),t.forceUpdate()})}return!s&&!l&&!c&&w&&!o&&Oi(t,e,n,r,i+"After",a),!0}function Hs(t,e){return function(n,r){var i;r===void 0&&(r=n.inputEvent.target);var a=r,o=t.areaElement,s=t._dragTarget;return!s||!e&&(!((i=t.controlGesto)===null||i===void 0)&&i.isFlag())?!1:a===s||s.contains(a)||a===o||!t.isMoveableElement(a)&&!t.controlBox.contains(a)||le(a,"moveable-area")||le(a,"moveable-padding")||le(a,"moveable-edgeDraggable")}}function Id(t,e,n){var r=t.controlBox,i=[],a=t.props,o=a.dragArea,s=t.state.target,l=a.dragTarget;i.push(r),(!o||l)&&i.push(e),!o&&l&&s&&e!==s&&a.dragTargetSelf&&i.push(s);var c=Hs(t);return zd(t,i,"targetAbles",n,{dragStart:c,pinchStart:c})}function Pd(t,e){var n=t.controlBox,r=[];r.push(n);var i=Hs(t,!0),a=function(o,s){if(s===void 0&&(s=o.inputEvent.target),s===n)return!0;var l=i(o,s);return!l};return zd(t,r,"controlAbles",e,{dragStart:a,pinchStart:a})}function zd(t,e,n,r,i){i===void 0&&(i={});var a=n==="targetAbles",o=t.props,s=o.pinchOutside,l=o.pinchThreshold,c=o.preventClickEventOnDrag,u=o.preventClickDefault,d=o.checkInput,f=o.dragFocusedInput,h=o.preventDefault,v=h===void 0?!0:h,p=o.preventRightClick,g=p===void 0?!0:p,m=o.preventWheelClick,x=m===void 0?!0:m,b=o.dragContainer,C=pn(b,!0),E={preventDefault:v,preventRightClick:g,preventWheelClick:x,container:C||Se(t.getControlBoxElement()),pinchThreshold:l,pinchOutside:s,preventClickEventOnDrag:a?c:!1,preventClickEventOnDragStart:a?u:!1,preventClickEventByCondition:a?null:function(M){return t.controlBox.contains(M.target)},checkInput:a?d:!1,dragFocusedInput:f},S=new aa(e,E),D=r==="Control";return["drag","pinch"].forEach(function(M){["Start","","End"].forEach(function(w){S.on("".concat(M).concat(w),function(T){var k,O=T.eventType,A=M==="drag"&&T.isPinch;if(i[O]&&!i[O](T)){T.stop();return}if(!A){var _=M==="drag"?[M]:["drag",M],P=J([],I(t[n]),!1),z=Oi(t,P,_,r,w,T);z?(t.props.stopPropagation||w==="Start"&&D)&&((k=T?.inputEvent)===null||k===void 0||k.stopPropagation()):T.stop()}})})}),S}var rm=function(){function t(e,n,r){var i=this;this.target=e,this.moveable=n,this.eventName=r,this.ables=[],this._onEvent=function(a){var o=i.eventName,s=i.moveable;s.state.disableNativeEvent||i.ables.forEach(function(l){l[o](s,{inputEvent:a})})},e.addEventListener(r.toLowerCase(),this._onEvent)}return t.prototype.setAbles=function(e){this.ables=e},t.prototype.destroy=function(){this.target.removeEventListener(this.eventName.toLowerCase(),this._onEvent),this.target=null,this.moveable=null},t}();function im(t,e,n,r){var i;n===void 0&&(n=e);var a=hu(t,e),o=a.matrixes,s=a.is3d,l=a.targetMatrix,c=a.transformOrigin,u=a.targetOrigin,d=a.offsetContainer,f=a.hasFixed,h=a.zoom,v=yg(d,n),p=v.matrixes,g=v.is3d,m=v.offsetContainer,x=v.zoom,b=r||g||s,C=b?4:3,E=t.tagName.toLowerCase()!=="svg"&&"ownerSVGElement"in t,S=l,D=te(C),M=te(C),w=te(C),T=te(C),k=o.length,O=p.map(function(G){return L(L({},G),{matrix:G.matrix?J([],I(G.matrix),!1):void 0})}).reverse();o.reverse(),!s&&b&&(S=rn(S,3,4),Rs(o)),!g&&b&&Rs(O),O.forEach(function(G){M=Zt(M,G.matrix,C)});var A=n||jn(t),_=((i=O[0])===null||i===void 0?void 0:i.target)||ki(A,A,!0).offsetParent,P=O.slice(1).reduce(function(G,$){return Zt(G,$.matrix,C)},te(C));o.forEach(function(G,$){if(k-2===$&&(w=D.slice()),k-1===$&&(T=D.slice()),!G.matrix){var B=o[$+1],q=S0(G,B,_,C,Zt(P,D,C));G.matrix=ir(q,C)}D=Zt(D,G.matrix,C)});var z=!E&&s;S||(S=te(z?4:3));var j=Ba(E&&S.length===16?rn(S,4,3):S,z),N=M;return M=Yc(M,C,C),{hasZoom:h!==1||x!==1,hasFixed:f,matrixes:o,rootMatrix:M,originalRootMatrix:N,beforeMatrix:w,offsetMatrix:T,allMatrix:D,targetMatrix:S,targetTransform:j,inlineTransform:t.style.transform,transformOrigin:c,targetOrigin:u,is3d:b,offsetContainer:d,offsetRootContainer:m}}function Nd(t,e,n,r){n===void 0&&(n=e);var i=0,a=0,o=0,s={},l=rd(t);if(t&&(i=l.offsetWidth,a=l.offsetHeight),t){var c=im(t,e,n,r),u=zr(c.allMatrix,c.transformOrigin,i,a);s=L(L({},c),u);var d=zr(c.allMatrix,[50,50],100,100);o=id([d.pos1,d.pos2],d.direction)}var f=r?4:3;return L(L(L({hasZoom:!1,width:i,height:a,rotation:o},l),{originalRootMatrix:te(f),rootMatrix:te(f),beforeMatrix:te(f),offsetMatrix:te(f),allMatrix:te(f),targetMatrix:te(f),targetTransform:"",inlineTransform:"",transformOrigin:[0,0],targetOrigin:[0,0],is3d:!!r,left:0,top:0,right:0,bottom:0,origin:[0,0],pos1:[0,0],pos2:[0,0],pos3:[0,0],pos4:[0,0],direction:1,hasFixed:!1,offsetContainer:null,offsetRootContainer:null,matrixes:[]}),s)}function cb(t,e,n){return n===void 0&&(n=e),Nd(t,e,n,!0)}function Ys(t,e,n,r,i,a){a===void 0&&(a=[]);var o=1,s=[0,0],l=Va(),c=Va(),u=Va(),d=Va(),f=[0,0],h={},v=Nd(e,n,i,!0);if(e){var p=Ne(e);a.forEach(function(O){h[O]=p(O)});var g=v.is3d?4:3,m=zr(v.offsetMatrix,jt(v.transformOrigin,Kc(v.targetMatrix,g)),v.width,v.height);o=m.direction,s=jt(m.origin,[m.left-v.left,m.top-v.top]),d=Ai(v.offsetRootContainer);var x=ki(r,r,!0).offsetParent||v.offsetRootContainer;if(v.hasZoom){var b=zr(Zt(v.originalRootMatrix,v.allMatrix),v.transformOrigin,v.width,v.height),C=zr(v.originalRootMatrix,Na(Ne(x)("transformOrigin")).map(function(O){return parseFloat(O)}),x.offsetWidth,x.offsetHeight);if(l=Os(b,d),u=Os(C,d,x,!0),t){var E=b.left,S=b.top;c=Os({left:E,top:S,bottom:S,right:S},d)}}else{l=Ai(e),u=xg(x),t&&(c=Ai(t));var D=u.left,M=u.top,w=u.clientLeft,T=u.clientTop,k=[l.left-D,l.top-M];f=ht($r(v.rootMatrix,k,4),[w+v.left,T+v.top])}}return L({targetClientRect:l,containerClientRect:u,moveableClientRect:c,rootContainerClientRect:d,beforeDirection:o,beforeOrigin:s,originalBeforeOrigin:s,target:e,style:h,offsetDelta:f},v)}function Bd(t){var e=t.pos1,n=t.pos2,r=t.pos3,i=t.pos4;if(!e||!n||!r||!i)return null;var a=sr([e,n,r,i]),o=[a.minX,a.minY],s=ht(t.origin,o);return e=ht(e,o),n=ht(n,o),r=ht(r,o),i=ht(i,o),L(L({},t),{left:t.left,top:t.top,posDelta:o,pos1:e,pos2:n,pos3:r,pos4:i,origin:s,beforeOrigin:s,isPersisted:!0})}var Yr=function(t){Lr(e,t);function e(){var n=t!==null&&t.apply(this,arguments)||this;return n.state=L({container:null,gestos:{},renderLines:[[[0,0],[0,0]],[[0,0],[0,0]],[[0,0],[0,0]],[[0,0],[0,0]]],renderPoses:[[0,0],[0,0],[0,0],[0,0]],disableNativeEvent:!1,posDelta:[0,0]},Ys(null)),n.renderState={},n.enabledAbles=[],n.targetAbles=[],n.controlAbles=[],n.rotation=0,n.scale=[1,1],n.isMoveableMounted=!1,n.isUnmounted=!1,n.events={mouseEnter:null,mouseLeave:null},n._emitter=new er,n._prevOriginalDragTarget=null,n._originalDragTarget=null,n._prevDragTarget=null,n._dragTarget=null,n._prevPropTarget=null,n._propTarget=null,n._prevDragArea=!1,n._isPropTargetChanged=!1,n._hasFirstTarget=!1,n._reiszeObserver=null,n._observerId=0,n._mutationObserver=null,n._rootContainer=null,n._viewContainer=null,n._viewClassNames=[],n._store={},n.checkUpdateRect=function(){if(!n.isDragging()){var r=n.props.parentMoveable;if(r){r.checkUpdateRect();return}nv(n._observerId),n._observerId=Kl(function(){n.isDragging()||n.updateRect()})}},n._onPreventClick=function(r){r.stopPropagation(),r.preventDefault()},n}return e.prototype.render=function(){var n=this.props,r=this.getState(),i=n.parentPosition,a=n.className,o=n.target,s=n.zoom,l=n.cspNonce,c=n.translateZ,u=n.cssStyled,d=n.groupable,f=n.linePadding,h=n.controlPadding;this._checkUpdateRootContainer(),this.checkUpdate(),this.updateRenderPoses();var v=I(i||[0,0],2),p=v[0],g=v[1],m=r.left,x=r.top,b=r.target,C=r.direction,E=r.hasFixed,S=r.offsetDelta,D=n.targets,M=this.isDragging(),w={};this.getEnabledAbles().forEach(function(P){w["data-able-".concat(P.name.toLowerCase())]=!0});var T=this._getAbleClassName(),k=D&&D.length&&(b||d)||o||!this._hasFirstTarget&&this.state.isPersisted,O=this.controlBox||this.props.firstRenderState||this.props.persistData,A=[m-p,x-g];!d&&n.useAccuratePosition&&(A[0]+=S[0],A[1]+=S[1]);var _={position:E?"fixed":"absolute",display:k?"block":"none",visibility:O?"visible":"hidden",transform:"translate3d(".concat(A[0],"px, ").concat(A[1],"px, ").concat(c,")"),"--zoom":s,"--zoompx":"".concat(s,"px")};return f&&(_["--moveable-line-padding"]=f),h&&(_["--moveable-control-padding"]=h),Ye(u,L({cspNonce:l,ref:wn(this,"controlBox"),className:"".concat(dt("control-box",C===-1?"reverse":"",M?"dragging":"")," ").concat(T," ").concat(a)},w,{onClick:this._onPreventClick,style:_}),this.renderAbles(),this._renderLines())},e.prototype.componentDidMount=function(){this.isMoveableMounted=!0,this.isUnmounted=!1;var n=this.props,r=n.parentMoveable,i=n.container;this._checkUpdateRootContainer(),this._checkUpdateViewContainer(),this._updateTargets(),this._updateNativeEvents(),this._updateEvents(),this.updateCheckInput(),this._updateObserver(this.props),!i&&!r&&!this.state.isPersisted&&(this.updateRect("",!1,!1),this.forceUpdate())},e.prototype.componentDidUpdate=function(n){this._checkUpdateRootContainer(),this._checkUpdateViewContainer(),this._updateNativeEvents(),this._updateTargets(),this._updateEvents(),this.updateCheckInput(),this._updateObserver(n)},e.prototype.componentWillUnmount=function(){var n,r;this.isMoveableMounted=!1,this.isUnmounted=!0,this._emitter.off(),(n=this._reiszeObserver)===null||n===void 0||n.disconnect(),(r=this._mutationObserver)===null||r===void 0||r.disconnect();var i=this._viewContainer;i&&this._changeAbleViewClassNames([]),Gr(this,!1),Gr(this,!0);var a=this.events;for(var o in a){var s=a[o];s&&s.destroy()}},e.prototype.getTargets=function(){var n=this.props.target;return n?[n]:[]},e.prototype.getAble=function(n){var r=this.props.ables||[];return ze(r,function(i){return i.name===n})},e.prototype.getContainer=function(){var n=this.props,r=n.parentMoveable,i=n.wrapperMoveable,a=n.container;return a||i&&i.getContainer()||r&&r.getContainer()||this.controlBox.parentElement},e.prototype.getControlBoxElement=function(){return this.controlBox},e.prototype.getDragElement=function(){return this._dragTarget},e.prototype.isMoveableElement=function(n){var r;return n&&(((r=n.getAttribute)===null||r===void 0?void 0:r.call(n,"class"))||"").indexOf(as)>-1},e.prototype.dragStart=function(n,r){r===void 0&&(r=n.target);var i=this.targetGesto,a=this.controlGesto;return i&&Hs(this)({inputEvent:n},r)?i.isFlag()||i.triggerDragStart(n):a&&this.isMoveableElement(r)&&(a.isFlag()||a.triggerDragStart(n)),this},e.prototype.hitTest=function(n){var r=this.state,i=r.target,a=r.pos1,o=r.pos2,s=r.pos3,l=r.pos4,c=r.targetClientRect;if(!i)return 0;var u;if(fn(n)){var d=n.getBoundingClientRect();u={left:d.left,top:d.top,width:d.width,height:d.height}}else u=L({width:0,height:0},n);var f=u.left,h=u.top,v=u.width,p=u.height,g=Zo([a,o,l,s],c),m=Pp(g,[[f,h],[f+v,h],[f+v,h+p],[f,h+p]]),x=bi(g);return!m||!x?0:Math.min(100,m/x*100)},e.prototype.isInside=function(n,r){var i=this.state,a=i.target,o=i.pos1,s=i.pos2,l=i.pos3,c=i.pos4,u=i.targetClientRect;return a?xa([n,r],Zo([o,s,c,l],u)):!1},e.prototype.updateRect=function(n,r,i){i===void 0&&(i=!0);var a=this.props,o=!a.parentPosition&&!a.wrapperMoveable;o&&jr(!0);var s=a.parentMoveable,l=this.state,c=l.target||a.target,u=this.getContainer(),d=s?s._rootContainer:this._rootContainer,f=Ys(this.controlBox,c,u,u,d||u,this._getRequestStyles());if(!c&&this._hasFirstTarget&&a.persistData){var h=Bd(a.persistData);for(var v in h)f[v]=h[v]}o&&jr(),this.updateState(f,s?!1:i)},e.prototype.isDragging=function(n){var r,i,a=this.targetGesto,o=this.controlGesto;if(a?.isFlag()){if(!n)return!0;var s=a.getEventData();return!!(!((r=s[n])===null||r===void 0)&&r.isEventStart)}if(o?.isFlag()){if(!n)return!0;var s=o.getEventData();return!!(!((i=s[n])===null||i===void 0)&&i.isEventStart)}return!1},e.prototype.updateTarget=function(n){this.updateRect(n,!0)},e.prototype.getRect=function(){var n=this.state,r=Ue(this.state),i=I(r,4),a=i[0],o=i[1],s=i[2],l=i[3],c=Ke(r),u=n.width,d=n.height,f=c.width,h=c.height,v=c.left,p=c.top,g=[n.left,n.top],m=jt(g,n.origin),x=jt(g,n.beforeOrigin),b=n.transformOrigin;return{width:f,height:h,left:v,top:p,pos1:a,pos2:o,pos3:s,pos4:l,offsetWidth:u,offsetHeight:d,beforeOrigin:x,origin:m,transformOrigin:b,rotation:this.getRotation()}},e.prototype.getManager=function(){return this},e.prototype.stopDrag=function(n){if(!n||n==="target"){var r=this.targetGesto;r?.isIdle()===!1&&Ls(this,!1),r?.stop()}if(!n||n==="control"){var r=this.controlGesto;r?.isIdle()===!1&&Ls(this,!0),r?.stop()}},e.prototype.getRotation=function(){var n=this.state,r=n.pos1,i=n.pos2,a=n.direction;return k0(r,i,a)},e.prototype.request=function(n,r,i){r===void 0&&(r={});var a=this,o=a.props,s=o.parentMoveable||o.wrapperMoveable||a,l=s.props.ables,c=o.groupable,u=ze(l,function(m){return m.name===n});if(this.isDragging()||!u||!u.request)return{request:function(){return this},requestEnd:function(){return this}};var d=u.request(a),f=i||r.isInstant,h=d.isControl?"controlAbles":"targetAbles",v="".concat(c?"Group":"").concat(d.isControl?"Control":""),p=J([],I(s[h]),!1),g={request:function(m){return Oi(a,p,["drag"],v,"",L(L({},d.request(m)),{requestAble:n,isRequest:!0}),f),g},requestEnd:function(){return Oi(a,p,["drag"],v,"End",L(L({},d.requestEnd()),{requestAble:n,isRequest:!0}),f),g}};return Oi(a,p,["drag"],v,"Start",L(L({},d.requestStart(r)),{requestAble:n,isRequest:!0}),f),f?g.request(r).requestEnd():g},e.prototype.getMoveables=function(){return[this]},e.prototype.destroy=function(){this.componentWillUnmount()},e.prototype.updateRenderPoses=function(){var n=this.getState(),r=this.props,i=r.padding,a=n.originalBeforeOrigin,o=n.transformOrigin,s=n.allMatrix,l=n.is3d,c=n.pos1,u=n.pos2,d=n.pos3,f=n.pos4,h=n.left,v=n.top,p=n.isPersisted,g=r.zoom||1;if(!i&&g<=1){n.renderPoses=[c,u,d,f],n.renderLines=[[c,u],[u,f],[f,d],[d,c]];return}var m=md(i||{}),x=m.left,b=m.top,C=m.bottom,E=m.right,S=l?4:3,D=[];p?D=o:this.controlBox&&r.groupable?D=a:D=jt(a,[h,v]);var M=va(S,ir(D.map(function(_){return-_}),S),s,ir(o,S)),w=Ze(M,c,[-x,-b],S),T=Ze(M,u,[E,-b],S),k=Ze(M,d,[-x,C],S),O=Ze(M,f,[E,C],S);if(n.renderPoses=[w,T,k,O],n.renderLines=[[w,T],[T,O],[O,k],[k,w]],g){var A=g/2;n.renderLines=[[Ze(M,c,[-x-A,-b],S),Ze(M,u,[E+A,-b],S)],[Ze(M,u,[E,-b-A],S),Ze(M,f,[E,C+A],S)],[Ze(M,f,[E+A,C],S),Ze(M,d,[-x-A,C],S)],[Ze(M,d,[-x,C+A],S),Ze(M,c,[-x,-b-A],S)]]}},e.prototype.checkUpdate=function(){this._isPropTargetChanged=!1;var n=this.props,r=n.target,i=n.container,a=n.parentMoveable,o=this.state,s=o.target,l=o.container;if(!(!s&&!r)){this.updateAbles();var c=!Ps(s,r),u=c||!Ps(l,i);if(u){var d=i||this.controlBox;d&&this.unsetAbles(),this.updateState({target:r,container:i}),!a&&d&&this.updateRect("End",!1,!1),this._isPropTargetChanged=c}}},e.prototype.waitToChangeTarget=function(){return new Promise(function(){})},e.prototype.triggerEvent=function(n,r){var i=this.props;if(this._emitter.trigger(n,r),i.parentMoveable&&r.isRequest&&!r.isRequestChild)return i.parentMoveable.triggerEvent(n,r,!0);var a=i[n];return a&&a(r)},e.prototype.useCSS=function(n,r){var i=this.props.customStyledMap,a=n+r;return i[a]||(i[a]=Jc(n,r)),i[a]},e.prototype.getState=function(){var n,r=this.props;(r.target||!((n=r.targets)===null||n===void 0)&&n.length)&&(this._hasFirstTarget=!0);var i=this.controlBox,a=r.persistData,o=r.firstRenderState;if(o&&!i)return o;if(!this._hasFirstTarget&&a){var s=Bd(a);if(s)return this.updateState(s,!1),this.state}return this.state.isPersisted=!1,this.state},e.prototype.updateSelectors=function(){},e.prototype.unsetAbles=function(){var n=this;this.targetAbles.forEach(function(r){r.unset&&r.unset(n)})},e.prototype.updateAbles=function(n,r){n===void 0&&(n=this.props.ables),r===void 0&&(r="");var i=this.props,a=i.triggerAblesSimultaneously,o=this.getEnabledAbles(n),s="drag".concat(r,"Start"),l="pinch".concat(r,"Start"),c="drag".concat(r,"ControlStart"),u=Ga(o,[s,l],a),d=Ga(o,[c],a);this.enabledAbles=o,this.targetAbles=u,this.controlAbles=d},e.prototype.updateState=function(n,r){if(r){if(this.isUnmounted)return;this.setState(n)}else{var i=this.state;for(var a in n)i[a]=n[a]}},e.prototype.getEnabledAbles=function(n){n===void 0&&(n=this.props.ables);var r=this.props;return n.filter(function(i){return i&&(i.always&&r[i.name]!==!1||r[i.name])})},e.prototype.renderAbles=function(){var n=this,r=this.props,i=r.triggerAblesSimultaneously,a={createElement:Ye};return this.renderState={},D0(dd(Ga(this.getEnabledAbles(),["render"],i).map(function(o){var s=o.render;return s(n,a)||[]})).filter(function(o){return o}),function(o){var s=o.key;return s}).map(function(o){return o[0]})},e.prototype.updateCheckInput=function(){this.targetGesto&&(this.targetGesto.options.checkInput=this.props.checkInput)},e.prototype._getRequestStyles=function(){var n=this.getEnabledAbles().reduce(function(r,i){var a,o,s=(o=(a=i.requestStyle)===null||a===void 0?void 0:a.call(i))!==null&&o!==void 0?o:[];return J(J([],I(r),!1),I(s),!1)},J([],I(this.props.requestStyles||[]),!1));return n},e.prototype._updateObserver=function(n){this._updateResizeObserver(n),this._updateMutationObserver(n)},e.prototype._updateEvents=function(){var n=this.targetAbles.length,r=this.controlAbles.length,i=this._dragTarget,a=!n&&this.targetGesto||this._isTargetChanged(!0);a&&(Gr(this,!1),this.updateState({gestos:{}})),r||Gr(this,!0),i&&n&&!this.targetGesto&&(this.targetGesto=Id(this,i,"")),!this.controlGesto&&r&&(this.controlGesto=Pd(this,"Control"))},e.prototype._updateTargets=function(){var n=this.props;this._prevPropTarget=this._propTarget,this._prevDragTarget=this._dragTarget,this._prevOriginalDragTarget=this._originalDragTarget,this._prevDragArea=n.dragArea,this._propTarget=n.target,this._originalDragTarget=n.dragTarget||n.target,this._dragTarget=pn(this._originalDragTarget,!0)},e.prototype._renderLines=function(){var n=this.props,r=n,i=r.zoom,a=r.hideDefaultLines,o=r.hideChildMoveableDefaultLines,s=r.parentMoveable;if(a||s&&o)return[];var l=this.getState(),c={createElement:Ye};return l.renderLines.map(function(u,d){return wi(c,"",u[0],u[1],i,"render-line-".concat(d))})},e.prototype._isTargetChanged=function(n){var r=this.props,i=r.dragTarget||r.target,a=this._prevOriginalDragTarget,o=this._prevDragArea,s=r.dragArea,l=!s&&a!==i,c=(n||s)&&o!==s;return l||c||this._prevPropTarget!=this._propTarget},e.prototype._updateNativeEvents=function(){var n=this,r=this.props,i=r.dragArea?this.areaElement:this.state.target,a=this.events,o=un(a);if(this._isTargetChanged())for(var s in a){var l=a[s];l&&l.destroy(),a[s]=null}if(i){var c=this.enabledAbles;o.forEach(function(u){var d=Ga(c,[u]),f=d.length>0,h=a[u];if(!f){h&&(h.destroy(),a[u]=null);return}h||(h=new rm(i,n,u),a[u]=h),h.setAbles(d)})}},e.prototype._checkUpdateRootContainer=function(){var n=this.props.rootContainer;!this._rootContainer&&n&&(this._rootContainer=pn(n,!0))},e.prototype._checkUpdateViewContainer=function(){var n=this.props.viewContainer;!this._viewContainer&&n&&(this._viewContainer=pn(n,!0));var r=this._viewContainer;r&&this._changeAbleViewClassNames(J(J([],I(this._getAbleViewClassNames()),!1),[this.isDragging()?P0:""],!1))},e.prototype._changeAbleViewClassNames=function(n){var r=this._viewContainer,i=ud(n.filter(Boolean),function(c){return c}).map(function(c){var u=I(c,1),d=u[0];return d}),a=this._viewClassNames,o=hi(a,i),s=o.removed,l=o.added;s.forEach(function(c){tc(r,a[c])}),l.forEach(function(c){En(r,i[c])}),this._viewClassNames=i},e.prototype._getAbleViewClassNames=function(){var n=this;return(this.getEnabledAbles().map(function(r){var i;return((i=r.viewClassName)===null||i===void 0?void 0:i.call(r,n))||""}).join(" ")+" ".concat(this._getAbleClassName("-view"))).split(/\s+/g)},e.prototype._getAbleClassName=function(n){var r=this;n===void 0&&(n="");var i=this.getEnabledAbles(),a=this.targetGesto,o=this.controlGesto,s=a?.isFlag()?a.getEventData():{},l=o?.isFlag()?o.getEventData():{};return i.map(function(c){var u,d,f,h=c.name,v=((u=c.className)===null||u===void 0?void 0:u.call(c,r))||"";return(!((d=s[h])===null||d===void 0)&&d.isEventStart||!((f=l[h])===null||f===void 0)&&f.isEventStart)&&(v+=" ".concat(dt("".concat(h).concat(n,"-dragging")))),v.trim()}).filter(Boolean).join(" ")},e.prototype._updateResizeObserver=function(n){var r,i=this.props,a=i.target,o=Se(this.getControlBoxElement());if(!o.ResizeObserver||!a||!i.useResizeObserver){(r=this._reiszeObserver)===null||r===void 0||r.disconnect();return}if(!(n.target===a&&this._reiszeObserver)){var s=new o.ResizeObserver(this.checkUpdateRect);s.observe(a,{box:"border-box"}),this._reiszeObserver=s}},e.prototype._updateMutationObserver=function(n){var r=this,i,a=this.props,o=a.target,s=Se(this.getControlBoxElement());if(!s.MutationObserver||!o||!a.useMutationObserver){(i=this._mutationObserver)===null||i===void 0||i.disconnect();return}if(!(n.target===o&&this._mutationObserver)){var l=new s.MutationObserver(function(c){var u,d;try{for(var f=Fp(c),h=f.next();!h.done;h=f.next()){var v=h.value;v.type==="attributes"&&v.attributeName==="style"&&r.checkUpdateRect()}}catch(p){u={error:p}}finally{try{h&&!h.done&&(d=f.return)&&d.call(f)}finally{if(u)throw u.error}}});l.observe(o,{attributes:!0}),this._mutationObserver=l}},e.defaultProps={dragTargetSelf:!1,target:null,dragTarget:null,container:null,rootContainer:null,origin:!0,parentMoveable:null,wrapperMoveable:null,isWrapperMounted:!1,parentPosition:null,warpSelf:!1,svgOrigin:"",dragContainer:null,useResizeObserver:!1,useMutationObserver:!1,preventDefault:!0,preventRightClick:!0,preventWheelClick:!0,linePadding:0,controlPadding:0,ables:[],pinchThreshold:20,dragArea:!1,passDragArea:!1,transformOrigin:"",className:"",zoom:1,triggerAblesSimultaneously:!1,padding:{},pinchOutside:!0,checkInput:!1,dragFocusedInput:!1,groupable:!1,hideDefaultLines:!1,cspNonce:"",translateZ:0,cssStyled:null,customStyledMap:{},props:{},stopPropagation:!1,preventClickDefault:!1,preventClickEventOnDrag:!0,flushSync:qu,firstRenderState:null,persistData:null,viewContainer:null,requestStyles:[],useAccuratePosition:!1},e}(Bc),Ks={name:"groupable",props:["defaultGroupRotate","useDefaultGroupRotate","defaultGroupOrigin","groupable","groupableProps","targetGroups","hideChildMoveableDefaultLines"],events:[],render:function(t,e){var n,r=t.props,i=r.targets||[],a=t.getState(),o=a.left,s=a.top,l=a.isPersisted,c=r.zoom||1,u=t.renderGroupRects,d=((n=r.persistData)===null||n===void 0?void 0:n.children)||[];l?i=d.map(function(){return null}):d=[];var f=Hr(t,"parentPosition",[o,s],function(v){return v.join(",")}),h=Hr(t,"requestStyles",t.getRequestChildStyles(),function(v){return v.join(",")});return t.moveables=t.moveables.slice(0,i.length),J(J([],I(i.map(function(v,p){return e.createElement(Yr,{key:"moveable"+p,ref:oc(t,"moveables",p),target:v,origin:!1,requestStyles:h,cssStyled:r.cssStyled,customStyledMap:r.customStyledMap,useResizeObserver:r.useResizeObserver,useMutationObserver:r.useMutationObserver,hideChildMoveableDefaultLines:r.hideChildMoveableDefaultLines,parentMoveable:t,parentPosition:[o,s],persistData:d[p],zoom:c})})),!1),I(dd(u.map(function(v,p){var g=v.pos1,m=v.pos2,x=v.pos3,b=v.pos4,C=[g,m,x,b];return[[0,1],[1,3],[3,2],[2,0]].map(function(E,S){var D=I(E,2),M=D[0],w=D[1];return wi(e,"",ht(C[M],f),ht(C[w],f),c,"group-rect-".concat(p,"-").concat(S))})}))),!1)}},am=Ci("clickable",{props:["clickable"],events:["click","clickGroup"],always:!0,dragRelation:"weak",dragStart:function(){},dragControlStart:function(){},dragGroupStart:function(t,e){e.datas.inputTarget=e.inputEvent&&e.inputEvent.target},dragEnd:function(t,e){var n=t.props.target,r=e.inputEvent,i=e.inputTarget,a=t.isMoveableElement(i),o=!a&&t.controlBox.contains(i);if(!(!r||!i||e.isDrag||t.isMoveableElement(i)||o)){var s=n.contains(i);it(t,"onClick",kt(t,e,{isDouble:e.isDouble,inputTarget:i,isTarget:n===i,moveableTarget:t.props.target,containsTarget:s}))}},dragGroupEnd:function(t,e){var n=e.inputEvent,r=e.inputTarget;if(!(!n||!r||e.isDrag||t.isMoveableElement(r)||e.datas.inputTarget===r)){var i=t.props.targets,a=i.indexOf(r),o=a>-1,s=!1;a===-1&&(a=Sn(i,function(l){return l.contains(r)}),s=a>-1),it(t,"onClickGroup",kt(t,e,{isDouble:e.isDouble,targets:i,inputTarget:r,targetIndex:a,isTarget:o,containsTarget:s,moveableTarget:i[a]}))}},dragControlEnd:function(t,e){this.dragEnd(t,e)},dragGroupControlEnd:function(t,e){this.dragEnd(t,e)}});function Kr(t){var e=t.originalDatas.draggable;return e||(t.originalDatas.draggable={},e=t.originalDatas.draggable),L(L({},t),{datas:e})}var om=Ci("edgeDraggable",{css:[`.edge.edgeDraggable.line { cursor: move; }`],render:function(t,e){var n=t.props,r=n.edgeDraggable;return r?gu(e,"edgeDraggable",r,t.getState().renderPoses,n.zoom):[]},dragCondition:function(t,e){var n,r=t.props,i=(n=e.inputEvent)===null||n===void 0?void 0:n.target;return!r.edgeDraggable||!i?!1:!r.draggable&&le(i,dt("direction"))&&le(i,dt("edge"))&&le(i,dt("edgeDraggable"))},dragStart:function(t,e){return Ae.dragStart(t,Kr(e))},drag:function(t,e){return Ae.drag(t,Kr(e))},dragEnd:function(t,e){return Ae.dragEnd(t,Kr(e))},dragGroupCondition:function(t,e){var n,r=t.props,i=(n=e.inputEvent)===null||n===void 0?void 0:n.target;return!r.edgeDraggable||!i?!1:!r.draggable&&le(i,dt("direction"))&&le(i,dt("line"))},dragGroupStart:function(t,e){return Ae.dragGroupStart(t,Kr(e))},dragGroup:function(t,e){return Ae.dragGroup(t,Kr(e))},dragGroupEnd:function(t,e){return Ae.dragGroupEnd(t,Kr(e))},unset:function(t){return Ae.unset(t)}}),jd={name:"individualGroupable",props:["individualGroupable","individualGroupableProps"],events:[]},Xs=[_d,Ed,f0,A0,Ae,om,Cs,O0,L0,Xg,B0,j0,z0,Q0,Z0,em,Ks,jd,am,Sd,Ld],sm=Xs.reduce(function(t,e){return(e.events||[]).forEach(function(n){ql(t,n)}),t},[]),lm=Xs.reduce(function(t,e){return(e.props||[]).forEach(function(n){ql(t,n)}),t},[]);function Vd(t,e){var n=I(t,3),r=n[0],i=n[1],a=n[2];return(r*e[0]+i*e[1]+a)/Math.sqrt(r*r+i*i)}function Ka(t,e){var n=I(t,2),r=n[0],i=n[1];return-r*e[0]-i*e[1]}function Fd(t,e){return Math.max.apply(Math,J([],I(t.map(function(n){var r=I(n,4),i=r[0],a=r[1],o=r[2],s=r[3];return Math.max(i[e],a[e],o[e],s[e])})),!1))}function Gd(t,e){return Math.min.apply(Math,J([],I(t.map(function(n){var r=I(n,4),i=r[0],a=r[1],o=r[2],s=r[3];return Math.min(i[e],a[e],o[e],s[e])})),!1))}function cm(t,e){var n,r,i,a=[0,0],o=[0,0],s=[0,0],l=[0,0],c=0,u=0;if(!t.length)return{pos1:a,pos2:o,pos3:s,pos4:l,minX:0,minY:0,maxX:0,maxY:0,width:c,height:u,rotation:e};var d=St(e,Re);if(d%90){var f=d/180*Math.PI,h=Math.tan(f),v=-1/h,p=[ss,iu],g=[[0,0],[0,0]],m=[ss,iu],x=[[0,0],[0,0]];t.forEach(function(Q){Q.forEach(function(X){var U=Vd([-h,1,0],X),Y=Vd([-v,1,0],X);p[0]>U&&(g[0]=X,p[0]=U),p[1]<U&&(g[1]=X,p[1]=U),m[0]>Y&&(x[0]=X,m[0]=Y),m[1]<Y&&(x[1]=X,m[1]=Y)})});var b=I(g,2),C=b[0],E=b[1],S=I(x,2),D=S[0],M=S[1],w=[-h,1,Ka([-h,1],C)],T=[-h,1,Ka([-h,1],E)],k=[-v,1,Ka([-v,1],D)],O=[-v,1,Ka([-v,1],M)];n=I([[w,k],[w,O],[T,k],[T,O]].map(function(Q){var X=I(Q,2),U=X[0],Y=X[1];return ya(U,Y)[0]}),4),a=n[0],o=n[1],s=n[2],l=n[3],c=m[1]-m[0],u=p[1]-p[0]}else{var A=Gd(t,0),_=Gd(t,1),P=Fd(t,0),z=Fd(t,1);if(a=[A,_],o=[P,_],s=[A,z],l=[P,z],c=P-A,u=z-_,d%180){var j=[s,a,l,o];r=I(j,4),a=r[0],o=r[1],s=r[2],l=r[3],c=z-_,u=P-A}}if(d%360>180){var j=[l,s,o,a];i=I(j,4),a=i[0],o=i[1],s=i[2],l=i[3]}var N=sr([a,o,s,l]),G=N.minX,$=N.minY,B=N.maxX,q=N.maxY;return{pos1:a,pos2:o,pos3:s,pos4:l,width:c,height:u,minX:G,minY:$,maxX:B,maxY:q,rotation:e}}function Wd(t,e){var n=e.map(function(r){if(Qt(r)){var i=Wd(t,r),a=i.length;return a>1?i:a===1?i[0]:null}else{var o=ze(t,function(s){var l=s.manager;return l.props.target===r});return o?(o.finded=!0,o.manager):null}}).filter(Boolean);return n.length===1&&Qt(n[0])?n[0]:n}var um=function(t){Lr(e,t);function e(){var n=t!==null&&t.apply(this,arguments)||this;return n.differ=new Zc,n.moveables=[],n.transformOrigin="50% 50%",n.renderGroupRects=[],n._targetGroups=[],n._hasFirstTargets=!1,n}return e.prototype.componentDidMount=function(){t.prototype.componentDidMount.call(this)},e.prototype.checkUpdate=function(){this._isPropTargetChanged=!1,this.updateAbles()},e.prototype.getTargets=function(){return this.props.targets},e.prototype.updateRect=function(n,r,i){var a;i===void 0&&(i=!0);var o=this.state;if(!this.controlBox||o.isPersisted)return;jr(!0),this.moveables.forEach(function(rt){rt.updateRect(n,!1,!1)});var s=this.props,l=this.moveables,c=o.target||s.target,u=l.map(function(rt){return{finded:!1,manager:rt}}),d=this.props.targetGroups||[],f=Wd(u,d),h=s.useDefaultGroupRotate;f.push.apply(f,J([],I(u.filter(function(rt){var pt=rt.finded;return!pt}).map(function(rt){var pt=rt.manager;return pt})),!1));var v=[],p=!r||n!==""&&s.updateGroup,g=s.defaultGroupRotate||0;if(!this._hasFirstTargets){var m=(a=s.persistData)===null||a===void 0?void 0:a.rotation;m!=null&&(g=m)}function x(rt,pt,ft){var Z=rt.map(function(Mt){if(Qt(Mt)){var gt=x(Mt,pt),yt=[gt.pos1,gt.pos2,gt.pos3,gt.pos4];return v.push(gt),{poses:yt,rotation:gt.rotation}}else return{poses:Ue(Mt.state),rotation:Mt.getRotation()}}),nt=Z.map(function(Mt){var gt=Mt.rotation;return gt}),Rt=0,ct=nt[0],ut=nt.every(function(Mt){return Math.abs(ct-Mt)<.1});p?Rt=!h&&ut?ct:g:Rt=!h&&!ft&&ut?ct:pt;var mt=Z.map(function(Mt){var gt=Mt.poses;return gt}),At=cm(mt,Rt);return At}var b=x(f,this.rotation,!0);p&&(this.rotation=b.rotation,this.transformOrigin=s.defaultGroupOrigin||"50% 50%",this.scale=[1,1]),this._targetGroups=d,this.renderGroupRects=v;var C=this.transformOrigin,E=this.rotation,S=this.scale,D=b.width,M=b.height,w=b.minX,T=b.minY,k=R0([[0,0],[D,0],[0,M],[D,M]],Vs(C,D,M),this.rotation/180*Math.PI),O=sr(k.result),A=O.minX,_=O.minY,P=" rotate(".concat(E,"deg)")+" scale(".concat(_e(S[0]),", ").concat(_e(S[1]),")"),z="translate(".concat(-A,"px, ").concat(-_,"px)").concat(P);this.controlBox.style.transform="translate3d(".concat(w,"px, ").concat(T,"px, ").concat(this.props.translateZ||0,")"),c.style.cssText+="left:0px;top:0px;"+"transform-origin:".concat(C,";")+"width:".concat(D,"px;height:").concat(M,"px;")+"transform: ".concat(z),o.width=D,o.height=M;var j=this.getContainer(),N=Ys(this.controlBox,c,this.controlBox,this.getContainer(),this._rootContainer||j,[]),G=[N.left,N.top],$=I(Ue(N),4),B=$[0],q=$[1],Q=$[2],X=$[3],U=sr([B,q,Q,X]),Y=[U.minX,U.minY],et=_e(S[0]*S[1]);N.pos1=ht(B,Y),N.pos2=ht(q,Y),N.pos3=ht(Q,Y),N.pos4=ht(X,Y),N.left=w-N.left+Y[0],N.top=T-N.top+Y[1],N.origin=ht(jt(G,N.origin),Y),N.beforeOrigin=ht(jt(G,N.beforeOrigin),Y),N.originalBeforeOrigin=jt(G,N.originalBeforeOrigin),N.transformOrigin=ht(jt(G,N.transformOrigin),Y),c.style.transform="translate(".concat(-A-Y[0],"px, ").concat(-_-Y[1],"px)")+P,jr(),this.updateState(L(L({},N),{posDelta:Y,direction:et,beforeDirection:et}),i)},e.prototype.getRect=function(){return L(L({},t.prototype.getRect.call(this)),{children:this.moveables.map(function(n){return n.getRect()})})},e.prototype.triggerEvent=function(n,r,i){if(i||n.indexOf("Group")>-1)return t.prototype.triggerEvent.call(this,n,r);this._emitter.trigger(n,r)},e.prototype.getRequestChildStyles=function(){var n=this.getEnabledAbles().reduce(function(r,i){var a,o,s=(o=(a=i.requestChildStyle)===null||a===void 0?void 0:a.call(i))!==null&&o!==void 0?o:[];return J(J([],I(r),!1),I(s),!1)},[]);return n},e.prototype.getMoveables=function(){return J([],I(this.moveables),!1)},e.prototype.updateAbles=function(){t.prototype.updateAbles.call(this,J(J([],I(this.props.ables),!1),[Ks],!1),"Group")},e.prototype._updateTargets=function(){t.prototype._updateTargets.call(this),this._originalDragTarget=this.props.dragTarget||this.areaElement,this._dragTarget=pn(this._originalDragTarget,!0)},e.prototype._updateEvents=function(){var n=this.state,r=this.props,i=this._prevDragTarget,a=r.dragTarget||this.areaElement,o=r.targets,s=this.differ.update(o),l=s.added,c=s.changed,u=s.removed,d=l.length||u.length;(d||this._prevOriginalDragTarget!==this._originalDragTarget)&&(Gr(this,!1),Gr(this,!0),this.updateState({gestos:{}})),i!==a&&(n.target=null),n.target||(n.target=this.areaElement,this.controlBox.style.display="block"),n.target&&(this.targetGesto||(this.targetGesto=Id(this,this._dragTarget,"Group")),this.controlGesto||(this.controlGesto=Pd(this,"GroupControl")));var f=!Ps(n.container,r.container);f&&(n.container=r.container),(f||d||this.transformOrigin!==(r.defaultGroupOrigin||"50% 50%")||c.length||o.length&&!gd(this._targetGroups,r.targetGroups||[]))&&(this.updateRect(),this._hasFirstTargets=!0),this._isPropTargetChanged=!!d},e.prototype._updateObserver=function(){},e.defaultProps=L(L({},Yr.defaultProps),{transformOrigin:["50%","50%"],groupable:!0,dragArea:!0,keepRatio:!0,targets:[],defaultGroupRotate:0,defaultGroupOrigin:"50% 50%"}),e}(Yr),dm=function(t){Lr(e,t);function e(){var n=t!==null&&t.apply(this,arguments)||this;return n.moveables=[],n}return e.prototype.render=function(){var n=this,r,i=this.props,a=i.cspNonce,o=i.cssStyled,s=i.persistData,l=i.targets||[],c=l.length,u=this.isUnmounted||!c,d=(r=s?.children)!==null&&r!==void 0?r:[];return u&&!c&&d.length?l=d.map(function(){return null}):u||(d=[]),Ye(o,{cspNonce:a,ref:wn(this,"controlBox"),className:dt("control-box")},l.map(function(f,h){var v,p,g=(p=(v=i.individualGroupableProps)===null||v===void 0?void 0:v.call(i,f,h))!==null&&p!==void 0?p:{};return Ye(Yr,L({key:"moveable"+h,ref:oc(n,"moveables",h)},i,g,{target:f,wrapperMoveable:n,isWrapperMounted:n.isMoveableMounted,persistData:d[h]}))}))},e.prototype.componentDidMount=function(){},e.prototype.componentDidUpdate=function(){},e.prototype.getTargets=function(){return this.props.targets},e.prototype.updateRect=function(n,r,i){i===void 0&&(i=!0),jr(!0),this.moveables.forEach(function(a){a.updateRect(n,r,i)}),jr()},e.prototype.getRect=function(){return L(L({},t.prototype.getRect.call(this)),{children:this.moveables.map(function(n){return n.getRect()})})},e.prototype.request=function(n,r,i){r===void 0&&(r={});var a=this.moveables.map(function(l){return l.request(n,L(L({},r),{isInstant:!1}),!1)}),o=i||r.isInstant,s={request:function(l){return a.forEach(function(c){return c.request(l)}),this},requestEnd:function(){return a.forEach(function(l){return l.requestEnd()}),this}};return o?s.request(r).requestEnd():s},e.prototype.dragStart=function(n,r){r===void 0&&(r=n.target);var i=r,a=ze(this.moveables,function(o){var s=o.getTargets()[0],l=o.getControlBoxElement(),c=o.getDragElement();return!s||!c?!1:c===i||c.contains(i)||c!==s&&s===i||s.contains(i)||l===i||l.contains(i)});return a&&a.dragStart(n,r),this},e.prototype.hitTest=function(){return 0},e.prototype.isInside=function(){return!1},e.prototype.isDragging=function(){return!1},e.prototype.getDragElement=function(){return null},e.prototype.getMoveables=function(){return J([],I(this.moveables),!1)},e.prototype.updateRenderPoses=function(){},e.prototype.checkUpdate=function(){},e.prototype.triggerEvent=function(){},e.prototype.updateAbles=function(){},e.prototype._updateEvents=function(){},e.prototype._updateObserver=function(){},e}(Yr);function $d(t,e){var n=[];return t.forEach(function(r){if(r){if(ge(r)){e[r]&&n.push.apply(n,J([],I(e[r]),!1));return}Qt(r)?n.push.apply(n,J([],I($d(r,e)),!1)):n.push(r)}}),n}function Hd(t,e){var n=[];return t.forEach(function(r){if(r){if(ge(r)){e[r]&&n.push.apply(n,J([],I(e[r]),!1));return}Qt(r)?n.push(Hd(r,e)):n.push(r)}}),n}function Yd(t,e){return t.length!==e.length||t.some(function(n,r){var i=e[r];return!n&&!i?!1:n!=i?Qt(n)&&Qt(i)?Yd(n,i):!0:!1})}var Kd=function(t){Lr(e,t);function e(){var n=t!==null&&t.apply(this,arguments)||this;return n.refTargets=[],n.selectorMap={},n._differ=new Zc,n._elementTargets=[],n._tmpRefTargets=[],n._tmpSelectorMap={},n._onChangeTargets=null,n}return e.makeStyled=function(){var n={},r=this.getTotalAbles();r.forEach(function(a){var o=a.css;o&&o.forEach(function(s){n[s]=!0})});var i=un(n).join(` `);this.defaultStyled=Jc("div",ac(as,qp+i))},e.getTotalAbles=function(){return J([Ed,Ks,jd,Sd],I(this.defaultAbles),!1)},e.prototype.render=function(){var n,r=this.constructor;r.defaultStyled||r.makeStyled();var i=this.props,a=i.ables,o=i.props,s=jp(i,["ables","props"]),l=I(this._updateRefs(!0),2),c=l[0],u=l[1],d=$d(c,u),f=d.length>1,h=r.getTotalAbles(),v=J(J([],I(h),!1),I(a||[]),!1),p=L(L(L({},s),o||{}),{ables:v,cssStyled:r.defaultStyled,customStyledMap:r.customStyledMap});this._elementTargets=d;var g=null,m=this.moveable,x=s.persistData;if(x?.children&&(f=!0),s.individualGroupable)return Ye(dm,L({key:"individual-group",ref:wn(this,"moveable")},p,{target:null,targets:d}));if(f){var b=Hd(c,u);if(m&&!m.props.groupable&&!m.props.individualGroupable){var C=m.props.target;C&&d.indexOf(C)>-1&&(g=L({},m.state))}return Ye(um,L({key:"group",ref:wn(this,"moveable")},p,(n=s.groupableProps)!==null&&n!==void 0?n:{},{target:null,targets:d,targetGroups:b,firstRenderState:g}))}else{var E=d[0];if(m&&(m.props.groupable||m.props.individualGroupable)){var S=m.moveables||[],D=ze(S,function(M){return M.props.target===E});D&&(g=L({},D.state))}return Ye(Yr,L({key:"single",ref:wn(this,"moveable")},p,{target:E,firstRenderState:g}))}},e.prototype.componentDidMount=function(){this._checkChangeTargets()},e.prototype.componentDidUpdate=function(){this._checkChangeTargets()},e.prototype.componentWillUnmount=function(){this.selectorMap={},this.refTargets=[]},e.prototype.getTargets=function(){var n,r;return(r=(n=this.moveable)===null||n===void 0?void 0:n.getTargets())!==null&&r!==void 0?r:[]},e.prototype.updateSelectors=function(){this.selectorMap={},this._updateRefs(),this.forceUpdate()},e.prototype.waitToChangeTarget=function(){var n=this,r;return this._onChangeTargets=function(){n._onChangeTargets=null,r()},new Promise(function(i){r=i})},e.prototype.waitToChangeTargets=function(){return this.waitToChangeTarget()},e.prototype.getManager=function(){return this.moveable},e.prototype.getMoveables=function(){return this.moveable.getMoveables()},e.prototype.getDragElement=function(){return this.moveable.getDragElement()},e.prototype._updateRefs=function(n){var r=this.refTargets,i=Bs(this.props.target||this.props.targets),a=typeof document<"u",o=Yd(r,i),s=this.selectorMap,l={};return this.refTargets.forEach(function c(u){if(ge(u)){var d=s[u];d?l[u]=s[u]:a&&(o=!0,l[u]=[].slice.call(document.querySelectorAll(u)))}else Qt(u)&&u.forEach(c)}),this._tmpRefTargets=i,this._tmpSelectorMap=l,[i,l,!n&&o]},e.prototype._checkChangeTargets=function(){var n,r,i;this.refTargets=this._tmpRefTargets,this.selectorMap=this._tmpSelectorMap;var a=this._differ.update(this._elementTargets),o=a.added,s=a.removed,l=o.length||s.length;l&&((r=(n=this.props).onChangeTargets)===null||r===void 0||r.call(n,{moveable:this.moveable,targets:this._elementTargets}),(i=this._onChangeTargets)===null||i===void 0||i.call(this));var c=I(this._updateRefs(),3),u=c[0],d=c[1],f=c[2];this.refTargets=u,this.selectorMap=d,f&&this.forceUpdate()},e.defaultAbles=[],e.customStyledMap={},e.defaultStyled=null,Vp([yv(ou)],e.prototype,"moveable",void 0),e}(Bc),fm=function(t){Lr(e,t);function e(){return t!==null&&t.apply(this,arguments)||this}return e.defaultAbles=Xs,e}(Kd);function ub(t){var e;return e=function(n){Lr(r,n);function r(){return n!==null&&n.apply(this,arguments)||this}return r}(Kd),e.defaultAbles=t,e}var Us=function(t,e){return Us=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(n,r){n.__proto__=r}||function(n,r){for(var i in r)Object.prototype.hasOwnProperty.call(r,i)&&(n[i]=r[i])},Us(t,e)};function Zs(t,e){if(typeof e!="function"&&e!==null)throw new TypeError("Class extends value "+String(e)+" is not a constructor or null");Us(t,e);function n(){this.constructor=t}t.prototype=e===null?Object.create(e):(n.prototype=e.prototype,new n)}var _i=function(){return _i=Object.assign||function(e){for(var n,r=1,i=arguments.length;r<i;r++){n=arguments[r];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},_i.apply(this,arguments)};function hm(t,e,n,r){var i=arguments.length,a=i<3?e:r===null?r=Object.getOwnPropertyDescriptor(e,n):r,o;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(t,e,n,r);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(a=(i<3?o(a):i>3?o(e,n,a):o(e,n))||a);return i>3&&a&&Object.defineProperty(e,n,a),a}var vm=function(t){Zs(e,t);function e(r){var i=t.call(this,r)||this;return i.state={},i.state=i.props,i}var n=e.prototype;return n.render=function(){return Ye(fm,_i({ref:wn(this,"moveable")},this.state))},e}(jo),pm=lm,gm=ou,mm=sm,xm=function(t){Zs(e,t);function e(r,i){i===void 0&&(i={});var a=t.call(this)||this;a.containerProvider=null,a.selfElement=null,a._warp=!1;var o=_i({},i),s={};mm.forEach(function(u){s[na("on ".concat(u))]=function(d){return a.trigger(u,d)}});var l;i.warpSelf?(delete i.warpSelf,a._warp=!0,l=r):(l=Ce(r).createElement("div"),r.appendChild(l)),a.containerProvider=Hc(Ye(vm,_i({ref:wn(a,"innerMoveable")},o,s)),l),a.selfElement=l;var c=o.target;return Qt(c)&&c.length>1&&a.updateRect(),a}var n=e.prototype;return n.setState=function(r,i){this.innerMoveable.setState(r,i)},n.forceUpdate=function(r){this.innerMoveable.forceUpdate(r)},n.dragStart=function(r,i){i===void 0&&(i=r.target);var a=this.innerMoveable;a.$_timer&&this.forceUpdate(),this.getMoveable().dragStart(r,i)},n.destroy=function(){var r,i=this.selfElement;Hc(null,i,this.containerProvider),this._warp||(r=i?.parentElement)===null||r===void 0||r.removeChild(i),this.containerProvider=null,this.off(),this.selfElement=null,this.innerMoveable=null},n.getMoveable=function(){return this.innerMoveable.moveable},e=hm([oa(gm,function(r,i){r[i]||(r[i]=function(){for(var a=[],o=0;o<arguments.length;o++)a[o]=arguments[o];var s=this.getMoveable();if(!(!s||!s[i]))return s[i].apply(s,a)})}),oa(pm,function(r,i){Object.defineProperty(r,i,{get:function(){return this.getMoveable().props[i]},set:function(a){var o;this.setState((o={},o[i]=a,o))},enumerable:!0,configurable:!0})})],e),e}(er),ym=function(t){Zs(e,t);function e(){return t!==null&&t.apply(this,arguments)||this}return e}(xm);function db(t,e,n){return getElementInfo$1(t,e,n)}function fb(t,e){return makeAble$1(t,e)}var Qs=function(t,e){return Qs=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(n,r){n.__proto__=r}||function(n,r){for(var i in r)Object.prototype.hasOwnProperty.call(r,i)&&(n[i]=r[i])},Qs(t,e)};function bm(t,e){if(typeof e!="function"&&e!==null)throw new TypeError("Class extends value "+String(e)+" is not a constructor or null");Qs(t,e);function n(){this.constructor=t}t.prototype=e===null?Object.create(e):(n.prototype=e.prototype,new n)}var Cm="object",Sm="string";function Xd(t){return t&&typeof t===Cm}function Ud(t){return Array.isArray(t)}function Zd(t){return typeof t===Sm}function Em(t,e,n){n===void 0&&(n=-1);for(var r=t.length,i=0;i<r;++i)if(e(t[i],i,t))return i;return n}function qs(t,e,n,r){t.addEventListener(e,n,r)}function Js(t,e,n,r){t.removeEventListener(e,n,r)}/*! ***************************************************************************** Copyright (c) Microsoft Corporation. Permission to use, copy, modify, and/or distribute this software for any purpose with or without fee is hereby granted. THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE. ***************************************************************************** */var tl=function(){return tl=Object.assign||function(e){for(var n,r=1,i=arguments.length;r<i;r++){n=arguments[r];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},tl.apply(this,arguments)};function wm(){for(var t=0,e=0,n=arguments.length;e<n;e++)t+=arguments[e].length;for(var r=Array(t),i=0,e=0;e<n;e++)for(var a=arguments[e],o=0,s=a.length;o<s;o++,i++)r[i]=a[o];return r}var Dm=function(){function t(){this._events={}}var e=t.prototype;return e.on=function(n,r){if(Xd(n))for(var i in n)this.on(i,n[i]);else this._addEvent(n,r,{});return this},e.off=function(n,r){if(!n)this._events={};else if(Xd(n))for(var i in n)this.off(i);else if(!r)this._events[n]=[];else{var a=this._events[n];if(a){var o=Em(a,function(s){return s.listener===r});o>-1&&a.splice(o,1)}}return this},e.once=function(n,r){var i=this;return r&&this._addEvent(n,r,{once:!0}),new Promise(function(a){i._addEvent(n,a,{once:!0})})},e.emit=function(n,r){var i=this;r===void 0&&(r={});var a=this._events[n];if(!n||!a)return!0;var o=!1;return r.eventType=n,r.stop=function(){o=!0},r.currentTarget=this,wm(a).forEach(function(s){s.listener(r),s.once&&i.off(n,s.listener)}),!o},e.trigger=function(n,r){return r===void 0&&(r={}),this.emit(n,r)},e._addEvent=function(n,r,i){var a=this._events;a[n]=a[n]||[];var o=a[n];o.push(tl({listener:r},i))},t}();function Mm(t,e){return e={exports:{}},t(e,e.exports),e.exports}var Li=Mm(function(t,e){function n(l){if(l&&typeof l=="object"){var c=l.which||l.keyCode||l.charCode;c&&(l=c)}if(typeof l=="number")return o[l];var u=String(l),d=r[u.toLowerCase()];if(d)return d;var d=i[u.toLowerCase()];if(d)return d;if(u.length===1)return u.charCodeAt(0)}n.isEventKey=function(c,u){if(c&&typeof c=="object"){var d=c.which||c.keyCode||c.charCode;if(d==null)return!1;if(typeof u=="string"){var f=r[u.toLowerCase()];if(f)return f===d;var f=i[u.toLowerCase()];if(f)return f===d}else if(typeof u=="number")return u===d;return!1}},e=t.exports=n;var r=e.code=e.codes={backspace:8,tab:9,enter:13,shift:16,ctrl:17,alt:18,"pause/break":19,"caps lock":20,esc:27,space:32,"page up":33,"page down":34,end:35,home:36,left:37,up:38,right:39,down:40,insert:45,delete:46,command:91,"left command":91,"right command":93,"numpad *":106,"numpad +":107,"numpad -":109,"numpad .":110,"numpad /":111,"num lock":144,"scroll lock":145,"my computer":182,"my calculator":183,";":186,"=":187,",":188,"-":189,".":190,"/":191,"`":192,"[":219,"\\":220,"]":221,"'":222},i=e.aliases={windows:91,"\u21E7":16,"\u2325":18,"\u2303":17,"\u2318":91,ctl:17,control:17,option:18,pause:19,break:19,caps:20,return:13,escape:27,spc:32,spacebar:32,pgup:33,pgdn:34,ins:45,del:46,cmd:91};/*! * Programatically add the following */for(a=97;a<123;a++)r[String.fromCharCode(a)]=a-32;for(var a=48;a<58;a++)r[a-48]=a;for(a=1;a<13;a++)r["f"+a]=a+111;for(a=0;a<10;a++)r["numpad "+a]=a+96;var o=e.names=e.title={};for(a in r)o[r[a]]=a;for(var s in i)r[s]=i[s]}),hb=Li.code,vb=Li.codes,pb=Li.aliases,Tm=Li.names,gb=Li.title,Qd={"+":"plus","left command":"meta","right command":"meta"},qd={shift:1,ctrl:2,alt:3,meta:4};function Jd(t,e){var n=(Tm[t]||e||"").toLowerCase();for(var r in Qd)n=n.replace(r,Qd[r]);return n.replace(/\s/g,"")}function tf(t,e){e===void 0&&(e=Jd(t.keyCode,t.key));var n=km(t);return n.indexOf(e)===-1&&n.push(e),n.filter(Boolean)}function km(t){var e=[t.shiftKey&&"shift",t.ctrlKey&&"ctrl",t.altKey&&"alt",t.metaKey&&"meta"];return e.filter(Boolean)}function ef(t){var e=t.slice();return e.sort(function(n,r){var i=qd[n]||5,a=qd[r]||5;return i-a}),e}var nf,Rm=function(t){bm(e,t);function e(r){r===void 0&&(r=window);var i=t.call(this)||this;return i.container=r,i.ctrlKey=!1,i.altKey=!1,i.shiftKey=!1,i.metaKey=!1,i.clear=function(){return i.ctrlKey=!1,i.altKey=!1,i.shiftKey=!1,i.metaKey=!1,i},i.keydownEvent=function(a){i.triggerEvent("keydown",a)},i.keyupEvent=function(a){i.triggerEvent("keyup",a)},i.blur=function(){i.clear(),i.trigger("blur")},qs(r,"blur",i.blur),qs(r,"keydown",i.keydownEvent),qs(r,"keyup",i.keyupEvent),i}var n=e.prototype;return Object.defineProperty(e,"global",{get:function(){return nf||(nf=new e)},enumerable:!1,configurable:!0}),e.setGlobal=function(){return this.global},n.destroy=function(){var r=this.container;this.clear(),this.off(),Js(r,"blur",this.blur),Js(r,"keydown",this.keydownEvent),Js(r,"keyup",this.keyupEvent)},n.keydown=function(r,i){return this.addEvent("keydown",r,i)},n.offKeydown=function(r,i){return this.removeEvent("keydown",r,i)},n.offKeyup=function(r,i){return this.removeEvent("keyup",r,i)},n.keyup=function(r,i){return this.addEvent("keyup",r,i)},n.addEvent=function(r,i,a){return Ud(i)?this.on(r+"."+ef(i).join("."),a):Zd(i)?this.on(r+"."+i,a):this.on(r,i),this},n.removeEvent=function(r,i,a){return Ud(i)?this.off(r+"."+ef(i).join("."),a):Zd(i)?this.off(r+"."+i,a):this.off(r,i),this},n.triggerEvent=function(r,i){this.ctrlKey=i.ctrlKey,this.shiftKey=i.shiftKey,this.altKey=i.altKey,this.metaKey=i.metaKey;var a=Jd(i.keyCode,i.key),o=a==="ctrl"||a==="shift"||a==="meta"||a==="alt",s={key:a,isToggle:o,inputEvent:i,keyCode:i.keyCode,ctrlKey:i.ctrlKey,altKey:i.altKey,shiftKey:i.shiftKey,metaKey:i.metaKey};this.trigger(r,s),this.trigger(r+"."+a,s);var l=tf(i,a);l.length>1&&this.trigger(r+"."+l.join("."),s)},e}(Dm);const Am=Rm;var el=function(t,e){return el=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(n,r){n.__proto__=r}||function(n,r){for(var i in r)Object.prototype.hasOwnProperty.call(r,i)&&(n[i]=r[i])},el(t,e)};function rf(t,e){if(typeof e!="function"&&e!==null)throw new TypeError("Class extends value "+String(e)+" is not a constructor or null");el(t,e);function n(){this.constructor=t}t.prototype=e===null?Object.create(e):(n.prototype=e.prototype,new n)}var ue=function(){return ue=Object.assign||function(e){for(var n,r=1,i=arguments.length;r<i;r++){n=arguments[r];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},ue.apply(this,arguments)};function Om(t,e){var n={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&e.indexOf(r)<0&&(n[r]=t[r]);if(t!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,r=Object.getOwnPropertySymbols(t);i<r.length;i++)e.indexOf(r[i])<0&&Object.prototype.propertyIsEnumerable.call(t,r[i])&&(n[r[i]]=t[r[i]]);return n}function _m(t,e,n,r){var i=arguments.length,a=i<3?e:r===null?r=Object.getOwnPropertyDescriptor(e,n):r,o;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(t,e,n,r);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(a=(i<3?o(a):i>3?o(e,n,a):o(e,n))||a);return i>3&&a&&Object.defineProperty(e,n,a),a}function Ii(t,e,n){if(n||arguments.length===2)for(var r=0,i=e.length,a;r<i;r++)(a||!(r in e))&&(a||(a=Array.prototype.slice.call(e,0,r)),a[r]=e[r]);return t.concat(a||Array.prototype.slice.call(e))}function Lm(t){if("touches"in t){var e=t.touches[0]||t.changedTouches[0];return{clientX:e.clientX,clientY:e.clientY}}else return{clientX:t.clientX,clientY:t.clientY}}function Im(t){if(typeof Map>"u")return t.filter(function(n,r){return t.indexOf(n)===r});var e=new Map;return t.filter(function(n){return e.has(n)?!1:(e.set(n,!0),!0)})}function Pm(t,e,n){var r=Ce(t);return r.elementFromPoint&&r.elementFromPoint(e,n)||null}function af(t,e,n){var r=t.tag,i=t.children,a=t.attributes,o=t.className,s=t.style,l=e||Ce(n).createElement(r);for(var c in a)l.setAttribute(c,a[c]);var u=l.children;if(i.forEach(function(f,h){af(f,u[h],l)}),o&&o.split(/\s+/g).forEach(function(f){f&&!le(l,f)&&En(l,f)}),s){var d=l.style;for(var c in s)d[c]=s[c]}return!e&&n&&n.appendChild(l),l}function zm(t,e){for(var n=[],r=2;r<arguments.length;r++)n[r-2]=arguments[r];var i=e||{},a=i.className,o=a===void 0?"":a,s=i.style,l=s===void 0?{}:s,c=Om(i,["className","style"]);return{tag:t,className:o,style:l,attributes:c,children:n}}function nl(t,e,n){t!==e&&n(t,e)}function of(t,e,n){var r;n===void 0&&(n=t.data.boundArea);var i=t.distX,a=i===void 0?0:i,o=t.distY,s=o===void 0?0:o,l=t.data,c=l.startX,u=l.startY;if(e>0){var d=Math.sqrt((a*a+s*s)/(1+e*e)),f=e*d;a=(a>=0?1:-1)*f,s=(s>=0?1:-1)*d}var h=Math.abs(a),v=Math.abs(s),p=a<0?c-n.left:n.right-c,g=s<0?u-n.top:n.bottom-u;r=yo([h,v],[0,0],[p,g],!!e),h=r[0],v=r[1],a=(a>=0?1:-1)*h,s=(s>=0?1:-1)*v;var m=Math.min(0,a),x=Math.min(0,s),b=c+m,C=u+x;return{left:b,top:C,right:b+h,bottom:C+v,width:h,height:v}}function Xa(t){var e=t.getBoundingClientRect(),n=e.left,r=e.top,i=e.width,a=e.height;return{pos1:[n,r],pos2:[n+i,r],pos3:[n,r+a],pos4:[n+i,r+a]}}function sf(t,e,n){var r=Or(t,e),i=r.list,a=r.prevList,o=r.added,s=r.removed,l=r.maintained;return Ii(Ii(Ii([],o.map(function(c){return i[c]}),!0),s.map(function(c){return a[c]}),!0),n?l.map(function(c){var u=c[1];return i[u]}):[],!0)}function lf(t){for(var e=0,n=t.length,r=1;r<n;++r)e=Math.max(dn(t[r],t[r-1]),e);return e}var cf=To(` :host { position: fixed; display: none; border: 1px solid #4af; background: rgba(68, 170, 255, 0.5); pointer-events: none; will-change: transform; z-index: 100; } `),uf="selecto-selection ".concat(cf.className),df=["className","boundContainer","selectableTargets","selectByClick","selectFromInside","continueSelect","continueSelectWithoutDeselect","toggleContinueSelect","toggleContinueSelectWithoutDeselect","keyContainer","hitRate","scrollOptions","checkInput","preventDefault","ratio","getElementRect","preventDragFromInside","rootContainer","dragCondition","clickBySelectEnd","checkOverflow","innerScrollOptions"],mb=Ii(["dragContainer","cspNonce","preventClickEventOnDrag","preventClickEventOnDragStart","preventRightClick"],df,!0),xb={className:String,boundContainer:null,portalContainer:null,container:null,dragContainer:null,selectableTargets:Array,selectByClick:Boolean,selectFromInside:Boolean,continueSelect:Boolean,toggleContinueSelect:Array,toggleContinueSelectWithoutDeselect:Array,keyContainer:null,hitRate:Number,scrollOptions:Object,checkInput:Boolean,preventDefault:Boolean,cspNonce:String,ratio:Number,getElementRect:Function,preventDragFromInside:Boolean,rootContainer:Object,dragCondition:Function,clickBySelectEnd:Boolean,continueSelectWithoutDeselect:Boolean,preventClickEventOnDragStart:Boolean,preventClickEventOnDrag:Boolean,checkOverflow:Boolean,innerScrollOptions:Object},yb=null,bb=null,Nm=function(t){rf(e,t);function e(r){r===void 0&&(r={});var i=t.call(this)||this;i.selectedTargets=[],i.dragScroll=new qc,i._onDragStart=function(s,l){var c=s.data,u=s.clientX,d=s.clientY,f=s.inputEvent,h=i.options,v=h.selectFromInside,p=h.selectByClick,g=h.rootContainer,m=h.boundContainer,x=h.preventDragFromInside,b=x===void 0?!0:x,C=h.clickBySelectEnd,E=h.dragCondition;if(E&&!E(s)){s.stop();return}c.data={};var S=Se(i.container);c.innerWidth=S.innerWidth,c.innerHeight=S.innerHeight,i.findSelectableTargets(c),c.startSelectedTargets=i.selectedTargets,c.scaleMatrix=Ko(),c.containerX=0,c.containerY=0;var D=i.container,M={left:-1/0,top:-1/0,right:1/0,bottom:1/0};if(g){var w=i.container.getBoundingClientRect();c.containerX=w.left,c.containerY=w.top,c.scaleMatrix=Sp(i.container,g)}if(m){var T=Me(m)&&"element"in m?ue({left:!0,top:!0,bottom:!0,right:!0},m):{element:m,left:!0,top:!0,bottom:!0,right:!0},k=T.element,O=void 0;if(k){ge(k)?O=Ce(D).querySelector(k):k===!0?O=i.container:O=k;var A=O.getBoundingClientRect();T.left&&(M.left=A.left),T.top&&(M.top=A.top),T.right&&(M.right=A.right),T.bottom&&(M.bottom=A.bottom)}}c.boundArea=M;var _={left:u,top:d,right:u,bottom:d,width:0,height:0},P=[],z=p&&!C,j=!1;if(!v||z){var N=i._findElement(l||f.target,c.selectableTargets);j=!!N,z&&(P=N?[N]:[])}var G=!v&&j;if(G&&!p)return s.stop(),!1;var $=f.type,B=$==="mousedown"||$==="touchstart",q=!s.isClick&&B?i.emit("dragStart",ue(ue({},s),{data:c.data})):!0;if(!q)return s.stop(),!1;if(i.continueSelect?(P=sf(i.selectedTargets,P,i.continueSelectWithoutDeselect),c.startPassedTargets=i.selectedTargets):c.startPassedTargets=[],i._select(P,_,s,!0,G&&p&&!C&&b),c.startX=u,c.startY=d,c.selectFlag=!1,c.preventDragFromInside=!1,f.target){var Q=ga(c.scaleMatrix,[u-c.containerX,d-c.containerY]);i.target.style.cssText+="position: ".concat(g?"absolute":"fixed",";")+"left:0px;top:0px;"+"transform: translate(".concat(Q[0],"px, ").concat(Q[1],"px)")}if(G&&p&&!C)f.preventDefault(),b&&(i._selectEnd(c.startSelectedTargets,c.startPassedTargets,_,s,!0),c.preventDragFromInside=!0);else{c.selectFlag=!0;var X=i.options,U=X.scrollOptions,Y=X.innerScrollOptions,et=!1;if(Y){for(var rt=s.inputEvent,pt=rt.target,ft=null,Z=pt;Z&&Z!==Ce(D).body;){var nt=getComputedStyle(Z).overflow!=="visible";if(nt){ft=Z;break}Z=Z.parentElement}ft&&(c.innerScrollOptions=ue({container:ft,checkScrollEvent:!0},Y===!0?{}:Y),i.dragScroll.dragStart(s,c.innerScrollOptions),et=!0)}!et&&U&&U.container&&i.dragScroll.dragStart(s,U),G&&p&&C&&(c.selectFlag=!1,s.preventDrag())}return!0},i._onDrag=function(s){if(s.data.selectFlag){var l=i.scrollOptions,c=s.data.innerScrollOptions,u=c||l?.container;if(u&&!s.isScroll&&i.dragScroll.drag(s,c||l))return}i._checkSelected(s)},i._onDragEnd=function(s){var l=s.data,c=s.inputEvent,u=of(s,i.options.ratio),d=l.selectFlag,f=i.container;if(c&&i.emit("dragEnd",ue(ue({isDouble:!!s.isDouble,isClick:!!s.isClick,isDrag:!1,isSelect:d},s),{data:l.data,rect:u})),i.target.style.cssText+="display: none;",d)l.selectFlag=!1,i.dragScroll.dragEnd();else if(i.selectByClick&&i.clickBySelectEnd){var h=i._findElement(c?.target||Pm(f,s.clientX,s.clientY),l.selectableTargets);i._select(h?[h]:[],u,s)}l.preventDragFromInside||i._selectEnd(l.startSelectedTargets,l.startPassedTargets,u,s)},i._onKeyDown=function(s){var l=i.options,c=!1;if(!i._keydownContinueSelect){var u=i._sameCombiKey(s,l.toggleContinueSelect);i._keydownContinueSelect=u,c||(c=u)}if(!i._keydownContinueSelectWithoutDeselection){var u=i._sameCombiKey(s,l.toggleContinueSelectWithoutDeselect);i._keydownContinueSelectWithoutDeselection=u,c||(c=u)}c&&i.emit("keydown",{keydownContinueSelect:i._keydownContinueSelect,keydownContinueSelectWithoutDeselection:i._keydownContinueSelectWithoutDeselection})},i._onKeyUp=function(s){var l=i.options,c=!1;if(i._keydownContinueSelect){var u=i._sameCombiKey(s,l.toggleContinueSelect,!0);i._keydownContinueSelect=!u,c||(c=u)}if(i._keydownContinueSelectWithoutDeselection){var u=i._sameCombiKey(s,l.toggleContinueSelectWithoutDeselect,!0);i._keydownContinueSelectWithoutDeselection=!u,c||(c=u)}c&&i.emit("keyup",{keydownContinueSelect:i._keydownContinueSelect,keydownContinueSelectWithoutDeselection:i._keydownContinueSelectWithoutDeselection})},i._onBlur=function(){(i._keydownContinueSelect||i._keydownContinueSelectWithoutDeselection)&&(i._keydownContinueSelect=!1,i._keydownContinueSelectWithoutDeselection=!1,i.emit("keyup",{keydownContinueSelect:i._keydownContinueSelect,keydownContinueSelectWithoutDeselection:i._keydownContinueSelectWithoutDeselection}))},i._onDocumentSelectStart=function(s){var l=Ce(i.container);if(i.gesto.isFlag()){var c=i.dragContainer;c===Se(i.container)&&(c=l.documentElement);var u=fn(c)?[c]:[].slice.call(c),d=s.target;u.some(function(f){if(f===d||f.contains(d))return s.preventDefault(),!0})}},i.target=r.portalContainer;var a=r.container;i.options=ue({className:"",portalContainer:null,container:null,dragContainer:null,selectableTargets:[],selectByClick:!0,selectFromInside:!0,clickBySelectEnd:!1,hitRate:100,continueSelect:!1,continueSelectWithoutDeselect:!1,toggleContinueSelect:null,toggleContinueSelectWithoutDeselect:null,keyContainer:null,scrollOptions:null,checkInput:!1,preventDefault:!1,boundContainer:!1,preventDragFromInside:!0,dragCondition:null,rootContainer:null,checkOverflow:!1,innerScrollOptions:!1,getElementRect:Xa,cspNonce:"",ratio:0},r);var o=i.options.portalContainer;return o&&(a=o.parentElement),i.container=a||document.body,i.initElement(),i.initDragScroll(),i.setKeyController(),i}var n=e.prototype;return n.setSelectedTargets=function(r){var i=this.selectedTargets,a=Or(i,r),o=a.added,s=a.removed,l=a.prevList,c=a.list;return this.selectedTargets=r,{added:o.map(function(u){return c[u]}),removed:s.map(function(u){return l[u]}),beforeSelected:i,selected:r}},n.setSelectedTargetsByPoints=function(r,i){var a=Math.min(r[0],i[0]),o=Math.min(r[1],i[1]),s=Math.max(r[0],i[0]),l=Math.max(r[1],i[1]),c={left:a,top:o,right:s,bottom:l,width:s-a,height:l-o},u={ignoreClick:!0};this.findSelectableTargets(u);var d=this.hitTest(c,u,!0,null),f=this.setSelectedTargets(d);return ue(ue({},f),{rect:c})},n.selectTargetsByPoints=function(r,i){var a=new MouseEvent("mousedown",{clientX:r[0],clientY:r[1],cancelable:!0,bubbles:!0}),o=new MouseEvent("mousemove",{clientX:i[0],clientY:i[1],cancelable:!0,bubbles:!0}),s=new MouseEvent("mousemove",{clientX:i[0],clientY:i[1],cancelable:!0,bubbles:!0}),l=this.gesto,c=l.onDragStart(a);c!==!1&&(l.onDrag(o),l.onDragEnd(s))},n.getSelectedTargets=function(){return this.selectedTargets},n.triggerDragStart=function(r){return this.gesto.triggerDragStart(r),this},n.destroy=function(){var r;this.off(),this.keycon&&this.keycon.destroy(),this.gesto.unset(),this.injectResult.destroy(),this.dragScroll.dragEnd(),qt(document,"selectstart",this._onDocumentSelectStart),this.options.portalContainer||(r=this.target.parentElement)===null||r===void 0||r.removeChild(this.target),this.keycon=null,this.gesto=null,this.injectResult=null,this.target=null,this.container=null,this.options=null},n.getElementPoints=function(r){var i=this.getElementRect||Xa,a=i(r),o=[a.pos1,a.pos2,a.pos4,a.pos3];if(i!==Xa){var s=r.getBoundingClientRect();return Zo(o,s)}return o},n.getSelectableElements=function(){var r=this.container,i=[];return this.options.selectableTargets.forEach(function(a){if(ea(a)){var o=a();o&&i.push.apply(i,[].slice.call(o))}else if(fn(a))i.push(a);else if(Me(a))i.push(a.value||a.current);else{var s=[].slice.call(Ce(r).querySelectorAll(a));i.push.apply(i,s)}}),i},n.checkScroll=function(){if(this.gesto.isFlag()){var r=this.scrollOptions,i=this.gesto.getEventData().innerScrollOptions,a=i||r?.container;a&&this.dragScroll.checkScroll(ue({inputEvent:this.gesto.getCurrentEvent()},i||r))}},n.findSelectableTargets=function(r){var i=this;r===void 0&&(r=this.gesto.getEventData());var a=this.getSelectableElements(),o=a.map(function(d){return i.getElementPoints(d)});r.selectableTargets=a,r.selectablePoints=o,r.selectableParentMap=null;var s=this.options,l=s.checkOverflow||s.innerScrollOptions,c=Ce(this.container);if(l){var u=new Map;r.selectableInnerScrollParentMap=u,r.selectableInnerScrollPathsList=a.map(function(d,f){for(var h=d.parentElement,v=[],p=[],g=function(){var m=u.get(h);if(!m){var x=getComputedStyle(h).overflow!=="visible";if(x){var b=Xa(h);m={parentElement:h,indexes:[],points:[b.pos1,b.pos2,b.pos4,b.pos3],paths:Ii([],p,!0)},v.push(h),v.forEach(function(C){u.set(C,m)}),v=[]}}m?(h=m.parentElement,u.get(h).indexes.push(f),p.push(h)):v.push(h),h=h.parentElement};h&&h!==c.body;)g();return p})}return s.checkOverflow||(r.selectableInners=a.map(function(){return!0})),this._refreshGroups(r),a},n.clickTarget=function(r,i){var a=Lm(r),o=a.clientX,s=a.clientY,l={data:{selectFlag:!1},clientX:o,clientY:s,inputEvent:r,isClick:!0,isTrusted:!1,stop:function(){return!1}};return this._onDragStart(l,i)&&this._onDragEnd(l),this},n.setKeyController=function(){var r=this.options,i=r.keyContainer,a=r.toggleContinueSelect,o=r.toggleContinueSelectWithoutDeselect;this.keycon&&(this.keycon.destroy(),this.keycon=null),(a||o)&&(this.keycon=new Am(i||Se(this.container)),this.keycon.keydown(this._onKeyDown).keyup(this._onKeyUp).on("blur",this._onBlur))},n.setClassName=function(r){this.options.className=r,this.target.setAttribute("class","".concat(uf," ").concat(r||""))},n.setKeyEvent=function(){var r=this.options,i=r.toggleContinueSelect,a=r.toggleContinueSelectWithoutDeselect;!i&&!a||this.keycon||this.setKeyController()},n.setKeyContainer=function(r){var i=this,a=this.options;nl(a.keyContainer,r,function(){a.keyContainer=r,i.setKeyController()})},n.getContinueSelect=function(){var r=this.options,i=r.continueSelect,a=r.toggleContinueSelect;return!a||!this._keydownContinueSelect?i:!i},n.getContinueSelectWithoutDeselect=function(){var r=this.options,i=r.continueSelectWithoutDeselect,a=r.toggleContinueSelectWithoutDeselect;return!a||!this._keydownContinueSelectWithoutDeselection?i:!i},n.setToggleContinueSelect=function(r){var i=this,a=this.options;nl(a.toggleContinueSelect,r,function(){a.toggleContinueSelect=r,i.setKeyEvent()})},n.setToggleContinueSelectWithoutDeselect=function(r){var i=this,a=this.options;nl(a.toggleContinueSelectWithoutDeselect,r,function(){a.toggleContinueSelectWithoutDeselect=r,i.setKeyEvent()})},n.setPreventDefault=function(r){this.gesto.options.preventDefault=r},n.setCheckInput=function(r){this.gesto.options.checkInput=r},n.initElement=function(){var r=this.options,i=r.dragContainer,a=r.checkInput,o=r.preventDefault,s=r.preventClickEventOnDragStart,l=r.preventClickEventOnDrag,c=r.preventClickEventByCondition,u=r.preventRightClick,d=u===void 0?!0:u,f=r.className,h=this.container;this.target=af(zm("div",{className:"".concat(uf," ").concat(f||"")}),this.target,h);var v=this.target;this.dragContainer=typeof i=="string"?[].slice.call(Ce(h).querySelectorAll(i)):i||this.target.parentNode,this.gesto=new aa(this.dragContainer,{checkWindowBlur:!0,container:Se(h),checkInput:a,preventDefault:o,preventClickEventOnDragStart:s,preventClickEventOnDrag:l,preventClickEventByCondition:c,preventRightClick:d}).on({dragStart:this._onDragStart,drag:this._onDrag,dragEnd:this._onDragEnd}),ee(document,"selectstart",this._onDocumentSelectStart),this.injectResult=cf.inject(v,{nonce:this.options.cspNonce})},n.hitTest=function(r,i,a,o){var s=this.options,l=s.hitRate,c=s.selectByClick,u=r.left,d=r.top,f=r.right,h=r.bottom,v=i.innerGroups,p=i.innerWidth,g=i.innerHeight,m=o?.clientX,x=o?.clientY,b=i.ignoreClick,C=[[u,d],[f,d],[f,h],[u,h]],E=function(N,G){var $=tr(typeof l=="function"?"".concat(l(G)):"".concat(l)),B=b?!1:xa([m,x],N);if(!a&&c&&B)return!0;var q=ts(C,N);if(!q.length)return!1;var Q=bi(q),X=0;if(Q===0&&bi(N)===0?(X=lf(N),Q=lf(q)):X=bi(N),$.unit==="px")return Q>=$.value;var U=en(Math.round(Q/X*100),0,100);return U>=Math.min(100,$.value)},S=i.selectableTargets,D=i.selectablePoints,M=i.selectableInners;if(!v)return S.filter(function(N,G){return M[G]?E(D[G],S[G]):!1});for(var w=[],T=Math.floor(u/p),k=Math.floor(f/p),O=Math.floor(d/g),A=Math.floor(h/g),_=T;_<=k;++_){var P=v[_];if(P)for(var z=O;z<=A;++z){var j=P[z];j&&j.forEach(function(N){var G=D[N],$=M[N],B=S[N];$&&E(G,B)&&w.push(B)})}}return Im(w)},n.initDragScroll=function(){var r=this;this.dragScroll.on("scrollDrag",function(i){var a=i.next;a(r.gesto.getCurrentEvent())}).on("scroll",function(i){var a=i.container,o=i.direction,s=r.gesto.getEventData().innerScrollOptions;s?r.emit("innerScroll",{container:a,direction:o}):r.emit("scroll",{container:a,direction:o})}).on("move",function(i){var a=i.offsetX,o=i.offsetY,s=i.inputEvent,l=r.gesto;if(!(!l||!l.isFlag())){var c=r.gesto.getEventData(),u=c.boundArea;c.startX-=a,c.startY-=o;var d=r.gesto.getEventData().innerScrollOptions,f=d?.container,h=!1;if(f){var v=c.selectableInnerScrollParentMap,p=v.get(f);p&&(p.paths.forEach(function(g){var m=v.get(g);m.points.forEach(function(x){x[0]-=a,x[1]-=o})}),p.indexes.forEach(function(g){c.selectablePoints[g].forEach(function(m){m[0]-=a,m[1]-=o})}),h=!0)}h||c.selectablePoints.forEach(function(g){g.forEach(function(m){m[0]-=a,m[1]-=o})}),r._refreshGroups(c),u.left-=a,u.right-=a,u.top-=o,u.bottom-=o,r.gesto.scrollBy(a,o,s.inputEvent),r._checkSelected(r.gesto.getCurrentEvent())}})},n._select=function(r,i,a,o,s){s===void 0&&(s=!1);var l=a.inputEvent,c=a.data,u=this.setSelectedTargets(r),d=Or(c.startSelectedTargets,r),f=d.added,h=d.removed,v=d.prevList,p=d.list,g={startSelected:v,startAdded:f.map(function(m){return p[m]}),startRemoved:h.map(function(m){return v[m]})};o&&this.emit("selectStart",ue(ue(ue({},u),g),{rect:i,inputEvent:l,data:c.data,isTrusted:a.isTrusted,isDragStartEnd:s})),(u.added.length||u.removed.length)&&this.emit("select",ue(ue(ue({},u),g),{rect:i,inputEvent:l,data:c.data,isTrusted:a.isTrusted,isDragStartEnd:s}))},n._selectEnd=function(r,i,a,o,s){s===void 0&&(s=!1);var l=o.inputEvent,c=o.isDouble,u=o.data,d=l&&l.type,f=d==="mousedown"||d==="touchstart",h=Or(r,this.selectedTargets),v=h.added,p=h.removed,g=h.prevList,m=h.list,x=Or(i,this.selectedTargets),b=x.added,C=x.removed,E=x.prevList,S=x.list;this.emit("selectEnd",{startSelected:r,beforeSelected:i,selected:this.selectedTargets,added:v.map(function(D){return m[D]}),removed:p.map(function(D){return g[D]}),afterAdded:b.map(function(D){return S[D]}),afterRemoved:C.map(function(D){return E[D]}),isDragStart:f&&s,isDragStartEnd:f&&s,isClick:!!o.isClick,isDouble:!!c,rect:a,inputEvent:l,data:u.data,isTrusted:o.isTrusted})},n._checkSelected=function(r,i){i===void 0&&(i=of(r,this.options.ratio));var a=r.data,o=i.top,s=i.left,l=i.width,c=i.height,u=a.selectFlag,d=a.containerX,f=a.containerY,h=a.scaleMatrix,v=ga(h,[s-d,o-f]),p=ga(h,[l,c]),g=[];if(u){this.target.style.cssText+="display: block;left:0px;top:0px;"+"transform: translate(".concat(v[0],"px, ").concat(v[1],"px);")+"width:".concat(p[0],"px;height:").concat(p[1],"px;");var m=this.hitTest(i,a,!0,r);g=sf(a.startPassedTargets,m,this.continueSelect&&this.continueSelectWithoutDeselect)}var x=this.emit("drag",ue(ue({},r),{data:a.data,isSelect:u,rect:i}));if(x===!1){this.target.style.cssText+="display: none;",r.stop();return}u&&this._select(g,i,r)},n._sameCombiKey=function(r,i,a){if(!i)return!1;var o=tf(r.inputEvent,r.key),s=[].concat(i),l=Qt(s[0])?s:[s];if(a){var c=r.key;return l.some(function(u){return u.some(function(d){return d===c})})}return l.some(function(u){return u.every(function(d){return o.indexOf(d)>-1})})},n._findElement=function(r,i){for(var a=r;a&&!(i.indexOf(a)>-1);)a=a.parentElement;return a},n._refreshGroups=function(r){var i,a=r.innerWidth,o=r.innerHeight,s=r.selectablePoints;if(this.options.checkOverflow){var l=(i=this.gesto.getEventData().innerScrollOptions)===null||i===void 0?void 0:i.container,c=r.selectableInnerScrollParentMap,u=r.selectableInnerScrollPathsList;r.selectableInners=u.map(function(h,v){var p=!1;return h.every(function(g){if(p)return!0;if(g===l)return p=!0,!0;var m=c.get(g);if(m){var x=s[v],b=m.points,C=ts(x,b);if(!C.length)return!1}return!0})})}if(!a||!o)r.innerGroups=null;else{var d=r.selectablePoints,f={};d.forEach(function(h,v){var p=1/0,g=-1/0,m=1/0,x=-1/0;h.forEach(function(E){var S=Math.floor(E[0]/a),D=Math.floor(E[1]/o);p=Math.min(S,p),g=Math.max(S,g),m=Math.min(D,m),x=Math.max(D,x)});for(var b=p;b<=g;++b)for(var C=m;C<=x;++C)f[b]=f[b]||{},f[b][C]=f[b][C]||[],f[b][C].push(v)}),r.innerGroups=f}},e=_m([oa(df,function(r,i){var a={enumerable:!0,configurable:!0,get:function(){return this.options[i]}},o=na("get ".concat(i));r[o]?a.get=function(){return this[o]()}:a.get=function(){return this.options[i]};var s=na("set ".concat(i));r[s]?a.set=function(l){this[s](l)}:a.set=function(l){this.options[i]=l},Object.defineProperty(r,i,a)})],e),e}(er),Bm=function(t){rf(e,t);function e(){return t!==null&&t.apply(this,arguments)||this}return e}(Nm);const jm=Bm,ff="connectionControl",rl="connection anchor",Xr=8,il=[{x:-1,y:1},{x:-.5,y:1},{x:0,y:1},{x:.5,y:1},{x:1,y:1},{x:1,y:.5},{x:1,y:0},{x:1,y:-.5},{x:1,y:-1},{x:.5,y:-1},{x:0,y:-1},{x:-.5,y:-1},{x:-1,y:-1},{x:-1,y:-.5},{x:-1,y:0},{x:-1,y:.5}],sn=3,Ur=2.5,Vm=({setRef:t,setAnchorsRef:e,handleMouseLeave:n})=>{const r=(0,F.useRef)(null),i=(0,_t.of)(Fm),a=5.5,o="data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI1cHgiIGhlaWdodD0iNXB4IiB2ZXJzaW9uPSIxLjEiPjxwYXRoIGQ9Im0gMCAwIEwgNSA1IE0gMCA1IEwgNSAwIiBzdHJva2Utd2lkdGg9IjIiIHN0eWxlPSJzdHJva2Utb3BhY2l0eTowLjQiIHN0cm9rZT0iI2ZmZmZmZiIvPjxwYXRoIGQ9Im0gMCAwIEwgNSA1IE0gMCA1IEwgNSAwIiBzdHJva2U9IiMyOWI2ZjIiLz48L3N2Zz4=",s=d=>{d.target instanceof HTMLImageElement&&r.current&&d.target.style&&(r.current.style.display="block",r.current.style.top=`calc(${d.target.style.top} - ${a}px + ${sn}px)`,r.current.style.left=`calc(${d.target.style.left} - ${a}px + ${sn}px)`)},l=()=>{r.current&&(r.current.style.display="none")},c=d=>{n(d)&&l()},u=(d=il)=>d.map(f=>{const h=`${f.x},${f.y}`,v={top:`calc(${-f.y*50+50}% - ${Ur}px - ${sn}px)`,left:`calc(${f.x*50+50}% - ${Ur}px - ${sn}px)`};return(0,y.jsx)("img",{id:h,ref:p=>{p&&p.style.setProperty("pointer-events","auto","important")},alt:rl,className:i.anchor,style:v,src:o,onMouseEnter:s},h)});return(0,y.jsxs)("div",{className:i.root,ref:t,children:[(0,y.jsx)("div",{className:i.mouseoutDiv,onMouseOut:c,onBlur:c}),(0,y.jsx)("div",{id:ff,ref:r,className:i.highlightElement,onMouseLeave:l}),(0,y.jsx)("div",{ref:e,children:u()})]})},Fm=t=>({root:(0,H.css)({position:"absolute",display:"none"}),mouseoutDiv:(0,H.css)({position:"absolute",margin:"-30px",width:"calc(100% + 60px)",height:"calc(100% + 60px)"}),anchor:(0,H.css)({padding:`${sn}px`,position:"absolute",cursor:"cursor",width:`calc(5px + 2 * ${sn}px)`,height:`calc(5px + 2 * ${sn}px)`,zIndex:100}),highlightElement:(0,H.css)({backgroundColor:"#00ff00",opacity:.3,position:"absolute",cursor:"cursor",pointerEvents:"auto",width:"16px",height:"16px",borderRadius:t.shape.radius.circle,display:"none",zIndex:110})});var al=V(49426),hf=V(57532);const Gm=(t,e,n,r)=>{switch(n){case!0:switch(r){case-1:t.parent instanceof Be?e.parent&&(Ua(t,e.parent,e.parent.elements.length),t.updateData(e.parent.scene.context)):e.parent?.reorderTree(t,e,!0);break;default:e.parent&&(Ua(t,e.parent,e.parent.elements.indexOf(e)),t.updateData(e.parent.scene.context));break}break;case!1:e instanceof Be?t.parent===e?t.parent?.reorderTree(t,e,!0):(Ua(t,e),t.updateData(e.scene.context)):t.parent===e.parent?t.parent?.reorderTree(t,e):e.parent&&(Ua(t,e.parent),t.updateData(e.parent.scene.context));break}},Ua=(t,e,n=null)=>{t.parent?.doAction(re.Delete,t),t.parent=e;const r=t.div?.getBoundingClientRect();t.setPlacementFromConstraint(r,e.div?.getBoundingClientRect());const i=n??e.elements.length-1;e.elements.splice(i,0,t),e.scene.save(),e.reinitializeMoveable()},me=(t,e)=>{const n=[...e];for(;n.length>0;){const r=n.shift();if(r&&r.div&&r.div===t)return r;const i=r instanceof Be?r.elements:[];for(const a of i)n.unshift(a)}},Wm=t=>{t.selection.pipe((0,hf.$)()).subscribe(e=>{const n=e[0].parent,r=new Be({type:"frame",name:t.getNextElementName(!0),elements:[]},t,e[0].parent),i=$m(e);r.options.placement=i,e.forEach(a=>{const o=a.div?.getBoundingClientRect();a.setPlacementFromConstraint(o,i),n.doAction(re.Delete,a),r.doAction(re.Duplicate,a,!1,!1)}),r.setPlacementFromConstraint(i,n.div?.getBoundingClientRect()),n.elements.push(r),t.byName.set(r.getName(),r),t.save()})},$m=t=>{let e=1/0,n=1/0,r=0,i=0;return t.forEach(a=>{const o=a.div?.getBoundingClientRect();o&&(e>o.top&&(e=o.top),n>o.left&&(n=o.left),r<o.right&&(r=o.right),i<o.bottom&&(i=o.bottom))}),{top:e,left:n,width:r-n,height:i-e}};let Hm=0;const Ym=["input","textarea"],Km=({setSVGRef:t,setLineRef:e,setSVGVertexRef:n,setVertexPathRef:r,setVertexRef:i,scene:a})=>{const o=(0,_t.of)(Xm),s=Date.now()+"_"+Hm++,l=(0,F.useMemo)(()=>`connectionLineId-${s}`,[s]),c=(0,F.useMemo)(()=>`editorHead-${s}`,[s]),u=Ft.$W.theme2.colors.text.primary,d=2,f={mode:Ct.TL.Fixed,fixed:Ct.ok.Forward},h=10,[v,p]=(0,F.useState)(void 0),g=(0,F.useRef)(v);(0,F.useEffect)(()=>{g.current=v}),(0,F.useEffect)(()=>{a.panel.context.instanceState?.selectedConnection&&p(a.panel.context.instanceState?.selectedConnection)},[a.panel.context.instanceState?.selectedConnection]);const m=E=>{const S=E.target;if(S instanceof HTMLElement&&!(Ym.indexOf(S.nodeName.toLowerCase())>-1)){if(E.keyCode===8||E.keyCode===46)g.current&&g.current.source&&(g.current.source.options.connections=g.current.source.options.connections?.filter(D=>D!==g.current?.info),g.current.source.onChange(g.current.source.options),p(void 0),a.connections.select(void 0),a.connections.updateState(),a.save());else return;document.removeEventListener("keyup",m),a.selecto.rootContainer.removeEventListener("click",x)}},x=E=>{const S=E.target;!(S instanceof SVGLineElement&&S.id===l)&&(p(void 0),a.connections.select(void 0))},b=E=>{a.isEditingEnabled&&(p(E),a.connections.select(E),document.addEventListener("keyup",m),a.selecto.rootContainer.addEventListener("click",x))},C=()=>a.connections.state.sort((E,S)=>v===S&&a.panel.context.instanceState.selectedConnection?-1:0).map((E,S)=>{const{source:D,target:M,info:w,vertices:T,index:k}=E,O=D.div?.getBoundingClientRect(),A=D.div?.parentElement,_=a.scale,P=tn(a);if(!O||!A||!P)return;const{x1:z,y1:j,x2:N,y2:G}=ho(O,P,w,M,_);let{xStart:$,yStart:B,xEnd:q,yEnd:Q}={xStart:z,yStart:j,xEnd:N,yEnd:G};E.sourceOriginal&&E.targetOriginal?($=E.sourceOriginal.x,B=E.sourceOriginal.y,q=E.targetOriginal.x,Q=E.targetOriginal.y):D.options.connections&&(!D.options.connections[k].sourceOriginal||!D.options.connections[k].targetOriginal)&&(D.options.connections[k].sourceOriginal={x:z,y:j},D.options.connections[k].targetOriginal={x:N,y:G});const X=Pn(z,j,N,G),U=q-$,Y=Q-B,{strokeColor:et,strokeWidth:rt,strokeRadius:pt,arrowDirection:ft,lineStyle:Z,shouldAnimate:nt}=Bl(w,a,d,f.fixed??Ct.ok.Forward),Rt=v===E&&a.panel.context.instanceState.selectedConnection,ct=a.isEditingEnabled?"grab":"",ut={stroke:"#44aaff",strokeOpacity:.6,strokeWidth:rt+5},mt=`connectionHeadStart-${s+Math.random()}`,At=`connectionHeadEnd-${s+Math.random()}`,Mt=pt,gt=[];let yt=`M${z} ${j} `;T?.length&&(T.map((bt,vt)=>{const Tt=bt.x,Ot=bt.y,Et=Tt*U+$,Nt=Ot*Y+B;let Kt=Et,xt=Nt,tt=Et,Gt=Nt,Dt=0,Bt=0,Yt=0;if(Mt){if(vt<T.length-1){const Xt=T[vt+1].x*U+$,wt=T[vt+1].y*Y+B;if(vt===0)Bt=he(z,j,Et,Nt),Yt=he(Et,Nt,Xt,wt);else{const Vt=T[vt-1],Le=Vt.x*U+$,xn=Vt.y*Y+B;Bt=he(Le,xn,Et,Nt),Yt=he(Et,Nt,Xt,wt)}}else{if(vt>0){const Xt=T[vt-1],wt=Xt.x*U+$,Vt=Xt.y*Y+B;Bt=he(wt,Vt,Et,Nt)}else Bt=he(z,j,Et,Nt);Yt=he(Et,Nt,N,G)}const Jt=Yt-Bt,ne=Jt<0;Dt=Mt*Math.tan(Jt/2),ne&&(Dt*=-1)}if(vt===0){if(gt.push(Pn((z-$)/(q-$),(j-B)/(Q-B),Tt,Ot)),Mt){const Jt=zn(Et,Nt,z,j);Math.abs(Dt)>.5*Math.abs(Jt)&&(Dt=.5*Jt);let ne=N,Xt=G;if(vt<T.length-1){const Le=T[vt+1];ne=Le.x*U+$,Xt=Le.y*Y+B}const wt=zn(Et,Nt,ne,Xt);Math.abs(Dt)>.5*Math.abs(wt)&&(Dt=.5*wt);const Vt=Jt-Dt;Kt=Math.round(Vt*Math.cos(Bt)+z),xt=Math.round(Vt*Math.sin(Bt)+j),tt=Math.round(Dt*Math.cos(Yt)+Et),Gt=Math.round(Dt*Math.sin(Yt)+Nt),(Kt>Et&&Kt>z||Kt<Et&&Kt<z)&&(Kt=(Vt+2*Dt)*Math.cos(Bt)+z,xt=(Vt+2*Dt)*Math.sin(Bt)+j,tt=-Dt*Math.cos(Yt)+Et,Gt=-Dt*Math.sin(Yt)+Nt)}}else{const Jt=T[vt-1];if(gt.push(Pn(Jt.x,Jt.y,Tt,Ot)),Mt){const ne=Jt.x*U+$,Xt=Jt.y*Y+B,wt=zn(Et,Nt,ne,Xt);Math.abs(Dt)>.5*Math.abs(wt)&&(Dt=.5*wt);let Vt=N,Le=G;if(vt<T.length-1){const ti=T[vt+1];Vt=ti.x*U+$,Le=ti.y*Y+B}const xn=zn(Et,Nt,Vt,Le);Math.abs(Dt)>.5*Math.abs(xn)&&(Dt=.5*xn);const Jr=wt-Dt;Kt=Math.round(Jr*Math.cos(Bt)+ne),xt=Math.round(Jr*Math.sin(Bt)+Xt),tt=Math.round(Dt*Math.cos(Yt)+Et),Gt=Math.round(Dt*Math.sin(Yt)+Nt),(Kt>Et&&Kt>ne||Kt<Et&&Kt<ne)&&(Kt=(Jr+2*Dt)*Math.cos(Bt)+ne,xt=(Jr+2*Dt)*Math.sin(Bt)+Xt,tt=-Dt*Math.cos(Yt)+Et,Gt=-Dt*Math.sin(Yt)+Nt)}}vt===T.length-1&&gt.push(Pn((N-$)/(q-$),(G-B)/(Q-B),Tt,Ot)),yt+=`L${Kt} ${xt} `,Dt!==0&&(yt+=`Q ${Et} ${Nt} ${tt} ${Gt} `)}),yt+=`L${N} ${G}`);const Ht=ft===Ct.ok.Reverse||ft===Ct.ok.Both?`url(#${mt})`:void 0,zt=ft===Ct.ok.Forward||ft===Ct.ok.Both?`url(#${At})`:void 0,st=()=>{let bt="100;0";return ft===Ct.ok.Reverse&&(bt="0;100"),bt};return(0,y.jsx)("svg",{className:o.connection,children:(0,y.jsxs)("g",{onClick:()=>b(E),children:[(0,y.jsxs)("defs",{children:[(0,y.jsx)("marker",{id:mt,markerWidth:"10",markerHeight:"7",refX:"0",refY:"3.5",orient:"auto",stroke:et,children:(0,y.jsx)("polygon",{points:"10 0, 0 3.5, 10 7",fill:et})}),(0,y.jsx)("marker",{id:At,markerWidth:"10",markerHeight:"7",refX:"10",refY:"3.5",orient:"auto",stroke:et,children:(0,y.jsx)("polygon",{points:"0 0, 10 3.5, 0 7",fill:et})})]}),T?.length?(0,y.jsxs)("g",{children:[(0,y.jsx)("path",{id:`${l}_transparent`,d:yt,cursor:ct,pointerEvents:"auto",stroke:"transparent",strokeWidth:15,fill:"none",style:Rt?ut:{}}),(0,y.jsx)("path",{d:yt,stroke:et,strokeWidth:rt,strokeDasharray:Z,strokeDashoffset:1,fill:"none",markerEnd:zt,markerStart:Ht,children:nt&&(0,y.jsx)("animate",{attributeName:"stroke-dashoffset",values:st(),dur:"5s",calcMode:"linear",repeatCount:"indefinite",fill:"freeze"})}),Rt&&(0,y.jsxs)("g",{children:[T.map((bt,vt)=>(0,y.jsx)("circle",{id:Pi,"data-index":vt,cx:bt.x*U+$,cy:bt.y*Y+B,r:5,stroke:et,className:o.vertex,cursor:"crosshair",pointerEvents:"auto"},`${Pi}${vt}_${S}`)),T.length<h&&gt.map((bt,vt)=>(0,y.jsx)("circle",{id:gr,"data-index":vt,cx:bt.x*U+$,cy:bt.y*Y+B,r:4,stroke:et,className:o.addVertex,cursor:"crosshair",pointerEvents:"auto"},`${gr}${vt}_${S}`))]})]}):(0,y.jsxs)("g",{children:[(0,y.jsx)("line",{id:`${l}_transparent`,cursor:ct,pointerEvents:"auto",stroke:"transparent",strokeWidth:15,style:Rt?ut:{},x1:z,y1:j,x2:N,y2:G}),(0,y.jsx)("line",{id:l,stroke:et,pointerEvents:"auto",strokeWidth:rt,markerEnd:zt,markerStart:Ht,strokeDasharray:Z,strokeDashoffset:1,x1:z,y1:j,x2:N,y2:G,cursor:ct,children:nt&&(0,y.jsx)("animate",{attributeName:"stroke-dashoffset",values:st(),dur:"5s",calcMode:"linear",repeatCount:"indefinite",fill:"freeze"})}),Rt&&(0,y.jsx)("circle",{id:gr,"data-index":0,cx:X.x,cy:X.y,r:4,stroke:et,className:o.addVertex,cursor:"crosshair",pointerEvents:"auto"})]})]})},S)});return(0,y.jsxs)(y.Fragment,{children:[(0,y.jsxs)("svg",{ref:t,className:o.editorSVG,children:[(0,y.jsx)("defs",{children:(0,y.jsx)("marker",{id:c,markerWidth:"10",markerHeight:"7",refX:"10",refY:"3.5",orient:"auto",stroke:u,children:(0,y.jsx)("polygon",{points:"0 0, 10 3.5, 0 7",fill:u})})}),(0,y.jsx)("line",{ref:e,stroke:u,strokeWidth:2,markerEnd:`url(#${c})`})]}),(0,y.jsxs)("svg",{ref:n,className:o.editorSVG,children:[(0,y.jsx)("path",{ref:r,stroke:u,strokeWidth:2,strokeDasharray:"5, 5",fill:"none"}),(0,y.jsx)("circle",{ref:i,stroke:u,r:4,className:o.vertex})]}),C()]})},Xm=t=>({editorSVG:(0,H.css)({position:"absolute",pointerEvents:"none",width:"100%",height:"100%",zIndex:1e3,display:"none"}),connection:(0,H.css)({position:"absolute",width:"100%",height:"100%",zIndex:1e3,pointerEvents:"none"}),vertex:(0,H.css)({fill:"#44aaff",strokeWidth:2}),addVertex:(0,H.css)({fill:"#44aaff",opacity:.5,strokeWidth:1})}),Pi="vertex",gr="vertexAdd",Hn=.05,Um=5/180*Math.PI;class Zm{constructor(e){this.state=[],this.selection=new al.t(void 0),this.select=n=>{n!==this.selection.value&&this.selection.next(n)},this.updateState=()=>{const n=this.selection.value;if(this.state=fo(this.scene.byName),n){for(let r of this.state)if(r.source===n.source&&r.index===n.index){this.selection.next(r);break}}},this.setConnectionAnchorRef=n=>{this.connectionAnchorDiv=n},this.setAnchorsRef=n=>{this.anchorsDiv=n},this.setConnectionSVGRef=n=>{this.connectionSVG=n},this.setConnectionLineRef=n=>{this.connectionLine=n},this.setConnectionSVGVertexRef=n=>{this.connectionSVGVertex=n},this.setConnectionVertexRef=n=>{this.connectionVertex=n},this.setConnectionVertexPathRef=n=>{this.connectionVertexPath=n},this.findElementTarget=n=>{let r;if(n!==this.scene.div)return r=me(n,this.scene.root.elements),!r&&n.parentElement&&(r=this.findElementTarget(n.parentElement)),r},this.handleMouseEnter=n=>{if(!(n.target instanceof Element)||!this.scene.isEditingEnabled)return;let r=this.findElementTarget(n.target);if(!r){console.log("no element");return}if(this.isDrawingConnection)this.connectionTarget=r;else if(this.connectionSource=r,!this.connectionSource){console.log("no connection source");return}const i=r?.item.customConnectionAnchors||il,a=Array.from(this.anchorsDiv?.children),o=i.length;a.forEach((f,h)=>{if(h>=o)f.style.display="none";else{const{x:v,y:p}=i[h];f.style.top=`calc(${-p*50+50}% - ${Ur}px - ${sn}px)`,f.style.left=`calc(${v*50+50}% - ${Ur}px - ${sn}px)`,f.style.display="block"}});const s=r.div.getBoundingClientRect(),l=this.scene.scale,c=tn(this.scene),u=s.top-(c?.top??0),d=s.left-(c?.left??0);this.connectionAnchorDiv&&(this.connectionAnchorDiv.style.display="none",this.connectionAnchorDiv.style.display="block",this.connectionAnchorDiv.style.top=`${u/l}px`,this.connectionAnchorDiv.style.left=`${d/l}px`,this.connectionAnchorDiv.style.height=`${s.height/l}px`,this.connectionAnchorDiv.style.width=`${s.width/l}px`)},this.handleMouseLeave=n=>n.relatedTarget instanceof HTMLImageElement&&n.relatedTarget.getAttribute("alt")===rl?!1:(this.connectionTarget=void 0,this.connectionAnchorDiv.style.display="none",!0),this.connectionListener=n=>{if(n.preventDefault(),!(this.connectionLine&&this.scene.div&&this.scene.div.parentElement))return;const r=this.scene.scale,i=tn(this.scene);if(!i)return;const a=n.pageX-(i.x??0),o=n.pageY-(i.y??0);this.connectionLine.setAttribute("x2",`${a/r}`),this.connectionLine.setAttribute("y2",`${o/r}`);const s=this.connectionLine.x1.baseVal.value,l=this.connectionLine.y1.baseVal.value;if(this.didConnectionLeaveHighlight||Math.hypot(a-s,o-l)>Xr&&this.connectionSVG&&(this.didConnectionLeaveHighlight=!0,this.connectionSVG.style.display="block",this.isDrawingConnection=!0),!n.buttons){if(this.connectionSource&&this.connectionSource.div&&this.connectionSource.div.parentElement){const c=this.connectionSource.div.getBoundingClientRect(),u=this.scene.scale,d=tn(this.scene);if(!d)return;const f=(c.top-d.top+c.height/2)/u,h=(c.left-d.left+c.width/2)/u,v=(s-h)/(c.width/2/u),p=(f-l)/(c.height/2/u);let g,m,x;if(this.connectionTarget&&this.connectionTarget.div){const E=this.connectionTarget.div.getBoundingClientRect(),S=E.top-d.top+E.height/2,D=E.left-d.left+E.width/2;g=(a-D)/(E.width/2),m=(S-o)/(E.height/2),x=this.connectionTarget.options.name}else{const E=d.height/2,S=d.width/2;g=(a-S)/(d.width/2),m=(E-o)/(d.height/2)}const b={source:{x:v,y:p},target:{x:g,y:m},targetName:x,color:{fixed:ve.$.theme2.colors.text.primary},size:{fixed:2,min:1,max:10},path:ao.Straight},{options:C}=this.connectionSource;C.connections||(C.connections=[]),this.didConnectionLeaveHighlight&&(this.connectionSource.options.connections=[...C.connections,b],this.connectionSource.onChange(this.connectionSource.options))}this.connectionSVG&&(this.connectionSVG.style.display="none"),this.scene.selecto&&this.scene.selecto.rootContainer&&(this.scene.selecto.rootContainer.style.cursor="default",this.scene.selecto.rootContainer.removeEventListener("mousemove",this.connectionListener)),this.isDrawingConnection=!1,this.updateState(),this.scene.save()}},this.vertexListener=n=>{if(this.scene.selecto.rootContainer.style.cursor="crosshair",n.preventDefault(),!(this.connectionVertex&&this.scene.div&&this.scene.div.parentElement))return;const r=this.scene.scale,i=tn(this.scene);if(!i)return;const a=(n.pageX-i.x)/r,o=(n.pageY-i.y)/r;this.connectionVertex?.setAttribute("cx",`${a}`),this.connectionVertex?.setAttribute("cy",`${o}`);const s=this.selection.value,l=s.source.div.getBoundingClientRect(),{x1:c,y1:u,x2:d,y2:f}=ho(l,i,s?.info,s.target,r);let{xStart:h,yStart:v,xEnd:p,yEnd:g}={xStart:c,yStart:u,xEnd:d,yEnd:f};s?.sourceOriginal&&s.targetOriginal&&(h=s.sourceOriginal.x,v=s.sourceOriginal.y,p=s.targetOriginal.x,g=s.targetOriginal.y);const m=p-h,x=g-v;let b=c,C=u,E=d,S=f;s&&s.vertices&&(this.selectedVertexIndex!==void 0&&this.selectedVertexIndex>0&&(b=s.vertices[this.selectedVertexIndex-1].x*m+h,C=s.vertices[this.selectedVertexIndex-1].y*x+v),this.selectedVertexIndex!==void 0&&this.selectedVertexIndex<s.vertices.length-1&&(E=s.vertices[this.selectedVertexIndex+1].x*m+h,S=s.vertices[this.selectedVertexIndex+1].y*x+v));let D=a,M=o,w=!1;if(!n.ctrlKey){const T=Math.abs((a-b)/(o-C))<Hn,k=Math.abs((a-E)/(o-S))<Hn,O=Math.abs((o-C)/(a-b))<Hn,A=Math.abs((o-S)/(a-E))<Hn;T?D=b:k&&(D=E),O?M=C:A&&(M=S),(T||k)&&(O||A)?this.scene.selecto.rootContainer.style.cursor="move":T||k?this.scene.selecto.rootContainer.style.cursor="col-resize":(O||A)&&(this.scene.selecto.rootContainer.style.cursor="row-resize");const _=he(b,C,E,S),P=he(b,C,a,o);w=Math.abs(P-_)<Um}if(w?(this.connectionVertexPath?.setAttribute("d",`M${b} ${C} L${E} ${S}`),this.connectionSVGVertex.style.display="block",this.connectionVertex.style.display="none"):(this.connectionVertexPath?.setAttribute("d",`M${b} ${C} L${D} ${M} L${E} ${S}`),this.connectionSVGVertex.style.display="block",this.connectionVertex.style.display="block"),!n.buttons){this.scene.selecto?.rootContainer?.removeEventListener("mousemove",this.vertexListener),this.scene.selecto?.rootContainer?.removeEventListener("mouseup",this.vertexListener),this.scene.selecto.rootContainer.style.cursor="auto",this.connectionSVGVertex.style.display="none";const T=s?.index,k=this.selectedVertexIndex;if(T!==void 0&&k!==void 0){const O=s.source;if(O.options.connections){const A=[...O.options.connections];if(A[T].vertices){const _=[...A[T].vertices];if(w)_.splice(k,1);else{const P={..._[k]};P.x=(D-h)/m,P.y=(M-v)/x,_[k]=P}A[T]={...A[T],vertices:_},O.onChange({...O.options,connections:A}),this.updateState(),this.scene.save()}}}}},this.vertexAddListener=n=>{if(this.scene.selecto.rootContainer.style.cursor="crosshair",n.preventDefault(),!(this.connectionVertex&&this.scene.div&&this.scene.div.parentElement))return;const r=this.scene.scale,i=tn(this.scene);if(!i)return;const a=(n.pageX-i.x)/r,o=(n.pageY-i.y)/r;this.connectionVertex?.setAttribute("cx",`${a}`),this.connectionVertex?.setAttribute("cy",`${o}`);const s=this.selection.value,l=s.source.div.getBoundingClientRect(),{x1:c,y1:u,x2:d,y2:f}=ho(l,i,s?.info,s.target,r);let{xStart:h,yStart:v,xEnd:p,yEnd:g}={xStart:c,yStart:u,xEnd:d,yEnd:f};s?.sourceOriginal&&s.targetOriginal&&(h=s.sourceOriginal.x,v=s.sourceOriginal.y,p=s.targetOriginal.x,g=s.targetOriginal.y);const m=p-h,x=g-v;let b=c,C=u,E=d,S=f;s&&s.vertices&&(this.selectedVertexIndex!==void 0&&this.selectedVertexIndex>0&&(b=s.vertices[this.selectedVertexIndex-1].x*m+h,C=s.vertices[this.selectedVertexIndex-1].y*x+v),this.selectedVertexIndex!==void 0&&this.selectedVertexIndex<s.vertices.length&&(E=s.vertices[this.selectedVertexIndex].x*m+h,S=s.vertices[this.selectedVertexIndex].y*x+v));let D=a,M=o;if(!n.ctrlKey){const w=Math.abs((a-b)/(o-C))<Hn,T=Math.abs((a-E)/(o-S))<Hn,k=Math.abs((o-C)/(a-b))<Hn,O=Math.abs((o-S)/(a-E))<Hn;w?D=b:T&&(D=E),k?M=C:O&&(M=S),(w||T)&&(k||O)?this.scene.selecto.rootContainer.style.cursor="move":w||T?this.scene.selecto.rootContainer.style.cursor="col-resize":(k||O)&&(this.scene.selecto.rootContainer.style.cursor="row-resize")}if(this.connectionVertexPath?.setAttribute("d",`M${b} ${C} L${D} ${M} L${E} ${S}`),this.connectionSVGVertex.style.display="block",this.connectionVertex.style.display="block",!n.buttons){this.scene.selecto?.rootContainer?.removeEventListener("mousemove",this.vertexAddListener),this.scene.selecto?.rootContainer?.removeEventListener("mouseup",this.vertexAddListener),this.scene.selecto.rootContainer.style.cursor="auto",this.connectionSVGVertex.style.display="none";const w=s?.index,T=this.selectedVertexIndex;if(w!==void 0&&T!==void 0){const k=s.source;if(k.options.connections){const O=[...k.options.connections],A={x:(a-h)/m,y:(o-v)/x};if(O[w].vertices){const _=[...O[w].vertices];_.splice(T,0,A),O[w]={...O[w],vertices:_}}else{const _=[A];O[w]={...O[w],vertices:_}}(!O[w].sourceOriginal||!O[w].targetOriginal)&&(O[w]={...O[w],sourceOriginal:{x:c,y:u},targetOriginal:{x:d,y:f}}),k.onChange({...k.options,connections:O}),this.updateState(),this.scene.save()}}}},this.handleConnectionDragStart=(n,r,i)=>{if(this.scene.selecto.rootContainer.style.cursor="crosshair",this.connectionSVG&&this.connectionLine&&this.scene.div&&this.scene.div.parentElement){const a=n.getBoundingClientRect(),o=this.scene.scale,s=tn(this.scene);if(!s)return;const l=Xr*o,c=Xr*o,u=(a.x-s.x+l)/o,d=(a.y-s.y+c)/o,f=r-s.x,h=i-s.y;this.connectionLine.setAttribute("x1",`${u}`),this.connectionLine.setAttribute("y1",`${d}`),this.connectionLine.setAttribute("x2",`${f}`),this.connectionLine.setAttribute("y2",`${h}`),this.didConnectionLeaveHighlight=!1}this.scene.selecto?.rootContainer?.addEventListener("mousemove",this.connectionListener)},this.handleVertexDragStart=n=>{this.selectedVertexIndex=Number(n.getAttribute("data-index")),this.scene.selecto?.rootContainer?.addEventListener("mousemove",this.vertexListener),this.scene.selecto?.rootContainer?.addEventListener("mouseup",this.vertexListener)},this.handleVertexAddDragStart=n=>{this.selectedVertexIndex=Number(n.getAttribute("data-index")),this.scene.selecto?.rootContainer?.addEventListener("mousemove",this.vertexAddListener),this.scene.selecto?.rootContainer?.addEventListener("mouseup",this.vertexAddListener)},this.onChange=(n,r)=>{const i=n.source.options.connections?.splice(0)??[];i[n.index]=r,n.source.onChange({...n.source.options,connections:i}),this.updateState()},this.connectionsNeedUpdate=n=>Il(n)||uo(n,this.scene.byName),this.scene=e,this.updateState()}render(){return(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(Vm,{setRef:this.setConnectionAnchorRef,setAnchorsRef:this.setAnchorsRef,handleMouseLeave:this.handleMouseLeave}),(0,y.jsx)(Km,{setSVGRef:this.setConnectionSVGRef,setLineRef:this.setConnectionLineRef,setSVGVertexRef:this.setConnectionSVGVertexRef,setVertexPathRef:this.setConnectionVertexPathRef,setVertexRef:this.setConnectionVertexRef,scene:this.scene})]})}}const Qm=t=>({name:"settingsViewable",props:[],events:[],render(e,n){if(t.selecto?.getSelectedTargets()&&t.selecto?.getSelectedTargets().length>1)return;const r=(s,l)=>{const c=e.getContainer(),u=new PointerEvent("contextmenu",{clientX:s,clientY:l});c.dispatchEvent(u)},i=s=>{r(s.clientX,s.clientY)},a=s=>{if(s.key==="Enter"){const l=s.currentTarget.getBoundingClientRect();r(l.x,l.y)}},o=e.getRect();return(0,y.jsxs)("div",{className:"moveable-settings",style:{position:"absolute",left:`${o.width+18}px`,top:"0px",color:"white",fontSize:"18px",cursor:"pointer",userSelect:"none",willChange:"transform",transform:"translate(-50%, 0px)",zIndex:100},onClick:i,onKeyDown:a,role:"button",tabIndex:0,children:["","\u2699\uFE0F",""]},"settings-viewable")}}),qm={name:"dimensionViewable",props:[],events:[],render(t,e){const n=t.getRect();return(0,y.jsxs)("div",{className:"moveable-dimension",style:{position:"absolute",left:`${n.width/2}px`,top:`${n.height+20}px`,background:"#4af",borderRadius:"2px",padding:"2px 4px",color:"white",fontSize:"13px",whiteSpace:"nowrap",fontWeight:"bold",willChange:"transform",transform:"translate(-50%, 0px)",zIndex:100},children:[Math.round(n.offsetWidth)," x ",Math.round(n.offsetHeight)]},"dimension-viewable")}},Jm=t=>({name:"constraintViewable",props:[],events:[],render(e,n){const r=e.getRect(),i=me(e.state.target,t.root.elements);if(t.selecto?.getSelectedTargets()&&t.selecto?.getSelectedTargets().length>1)return;let a=null,o=null;const s=i?.tempConstraint??i?.options.constraint??{},l="1px dashed #4af",c=n.createElement("div",{style:{position:"absolute",left:`${r.width/2}px`,top:`${r.height/2-r.height/16}px`,borderLeft:l,height:`${r.height/8}px`,transform:"rotate(45deg)"}}),u=n.createElement("div",{style:{position:"absolute",left:`${r.width/2}px`,top:`${r.height/2-r.height/16}px`,borderLeft:l,height:`${r.height/8}px`,transform:"rotate(-45deg)"}}),d=n.createElement("div",{},[c,u]),f=n.createElement("div",{style:{position:"absolute",left:`${r.width/2}px`,bottom:"0px",borderLeft:l,height:"100vh"}}),h=n.createElement("div",{style:{position:"absolute",left:`${r.width/2}px`,top:`${r.height}px`,borderLeft:l,height:"100vh"}}),v=n.createElement("div",{},[f,h]),p=n.createElement("div",{style:{position:"absolute",left:`${r.width/2}px`,top:`${r.height/4}px`,borderLeft:l,height:`${r.height/2}px`}}),g=n.createElement("div",{},[p,d]);switch(s.vertical){case W.gR.Top:a=f;break;case W.gR.Bottom:a=h;break;case W.gR.TopBottom:a=v;break;case W.gR.Center:a=g;break}const m=n.createElement("div",{style:{position:"absolute",right:"0px",top:`${r.height/2}px`,borderTop:l,width:"100vw"}}),x=n.createElement("div",{style:{position:"absolute",left:`${r.width}px`,top:`${r.height/2}px`,borderTop:l,width:"100vw"}}),b=n.createElement("div",{},[m,x]),C=n.createElement("div",{style:{position:"absolute",left:`${r.width/4}px`,top:`${r.height/2}px`,borderTop:l,width:`${r.width/2}px`}}),E=n.createElement("div",{},[C,d]);switch(s.horizontal){case W.en.Left:o=m;break;case W.en.Right:o=x;break;case W.en.LeftRight:o=b;break;case W.en.Center:o=E;break}return n.createElement("div",{},[a,o])}}),t1=[.1,4],e1=t=>{t.props={dimensionViewable:!1,constraintViewable:!1,settingsViewable:!1}},n1=t=>{t.props={dimensionViewable:!0,constraintViewable:!0,settingsViewable:!0}},r1=(t,e)=>{let n=t.parentElement,r=!1;for(;n&&!(n===e.root.div||(r=e.selecto?.getSelectedTargets().includes(n)??!1,r));)n=n.parentElement;return r},i1=t=>{let e=[];const n=[...t];for(;n.length>0;){const r=n.shift();r&&r.div&&e.push(r.div);const i=r instanceof Be?r.elements:[];for(const a of i)n.unshift(a)}return e},zi=(t=!1,e=!0,n)=>{const r=i1(n.root.elements);t&&n.selecto&&n.selecto.destroy(),n.selecto=new jm({rootContainer:Ft.$W.featureToggles.canvasPanelPanZoom?n.viewerDiv:n.div,dragContainer:Ft.$W.featureToggles.canvasPanelPanZoom?n.viewerDiv:n.div,selectableTargets:r,toggleContinueSelect:"shift",selectFromInside:!1,hitRate:0});const i={top:!0,left:!0,bottom:!0,right:!0,center:!0,middle:!0},a={top:!0,left:!0,bottom:!0,right:!0,center:!0,middle:!0};n.moveable=new ym(Ft.$W.featureToggles.canvasPanelPanZoom?n.viewerDiv:n.div,{draggable:e&&!n.editModeEnabled.getValue(),resizable:e,rotatable:e,throttleRotate:5,rotationPosition:["top","right"],snappable:e,snapDirections:i,elementSnapDirections:a,elementGuidelines:r,ables:[qm,Jm(n),Qm(n)],props:{dimensionViewable:e,constraintViewable:e,settingsViewable:e},origin:!1}).on("rotateStart",()=>{e1(n.moveable)}).on("rotate",l=>{const c=me(l.target,n.root.elements);c&&(c.applyRotate(l),Ft.$W.featureToggles.canvasPanelPanZoom&&n.connections.connectionsNeedUpdate(c)&&n.moveableActionCallback&&n.moveableActionCallback(!0))}).on("rotateGroup",l=>{for(let c of l.events){const u=me(c.target,n.root.elements);u&&u.applyRotate(c)}}).on("rotateEnd",()=>{n1(n.moveable),n.moved.next(Date.now())}).on("click",l=>{const c=me(l.target,n.root.elements);let u=!1;c&&(u=c.item.hasEditMode??!1),l.isDouble&&e&&!n.editModeEnabled.getValue()&&u&&n.editModeEnabled.next(!0)}).on("clickGroup",l=>{n.selecto.clickTarget(l.inputEvent,l.inputTarget)}).on("dragStart",l=>{if(n.ignoreDataUpdate=!0,n.setNonTargetPointerEvents(l.target,!0),n.moveable&&n.moveable.elementGuidelines){const c=n.moveable.elementGuidelines.indexOf(l.target);c>-1&&n.moveable.elementGuidelines.splice(c,1)}}).on("dragGroupStart",l=>{if(n.ignoreDataUpdate=!0,n.moveable&&n.moveable.elementGuidelines)for(let c of l.events){const u=n.moveable.elementGuidelines.indexOf(c.target);u>-1&&n.moveable.elementGuidelines.splice(u,1)}}).on("drag",l=>{const c=me(l.target,n.root.elements);c&&(c.applyDrag(l),n.connections.connectionsNeedUpdate(c)&&n.moveableActionCallback&&n.moveableActionCallback(!0))}).on("dragGroup",l=>{let c=!1;for(let u of l.events){const d=me(u.target,n.root.elements);d&&(d.applyDrag(u),c||(c=n.connections.connectionsNeedUpdate(d)))}c&&n.moveableActionCallback&&n.moveableActionCallback(!0)}).on("dragGroupEnd",l=>{l.events.forEach(c=>{const u=me(c.target,n.root.elements);u&&(u.setPlacementFromConstraint(void 0,void 0,n.scale),n.moveable&&n.moveable.elementGuidelines&&n.moveable.elementGuidelines.push(c.target))}),n.moved.next(Date.now()),n.ignoreDataUpdate=!1}).on("dragEnd",l=>{const c=me(l.target,n.root.elements);c&&c.setPlacementFromConstraint(void 0,void 0,n.scale),n.moved.next(Date.now()),n.ignoreDataUpdate=!1,n.setNonTargetPointerEvents(l.target,!1),n.moveable&&n.moveable.elementGuidelines&&n.moveable.elementGuidelines.push(l.target)}).on("resizeStart",l=>{const c=me(l.target,n.root.elements);if(c){if(n.moveable&&n.moveable.elementGuidelines){const u=n.moveable.elementGuidelines.indexOf(l.target);u>-1&&n.moveable.elementGuidelines.splice(u,1)}c.tempConstraint={...c.options.constraint},c.options.constraint={vertical:W.gR.Top,horizontal:W.en.Left},c.setPlacementFromConstraint(void 0,void 0,n.scale)}}).on("resizeGroupStart",l=>{if(n.moveable&&n.moveable.elementGuidelines)for(let c of l.events){const u=n.moveable.elementGuidelines.indexOf(c.target);u>-1&&n.moveable.elementGuidelines.splice(u,1)}for(let c of l.events){const u=me(c.target,n.root.elements);u&&(u.tempConstraint={...u.options.constraint},u.options.constraint={vertical:W.gR.Top,horizontal:W.en.Left},u.setPlacementFromConstraint(void 0,void 0,n.scale))}}).on("resize",l=>{const c=me(l.target,n.root.elements);c&&(c.applyResize(l),n.connections.connectionsNeedUpdate(c)&&n.moveableActionCallback&&n.moveableActionCallback(!0)),n.moved.next(Date.now())}).on("resizeGroup",l=>{let c=!1;for(let u of l.events){const d=me(u.target,n.root.elements);d&&(d.applyResize(u),c||(c=n.connections.connectionsNeedUpdate(d)))}c&&n.moveableActionCallback&&n.moveableActionCallback(!0),n.moved.next(Date.now())}).on("resizeEnd",l=>{const c=me(l.target,n.root.elements);c&&(c.tempConstraint&&(c.options.constraint=c.tempConstraint,c.tempConstraint=void 0),c.setPlacementFromConstraint(void 0,void 0,n.scale),n.moveable&&n.moveable.elementGuidelines&&n.moveable.elementGuidelines.push(l.target))}).on("resizeGroupEnd",l=>{if(n.moveable&&n.moveable.elementGuidelines)for(let c of l.events)n.moveable.elementGuidelines.push(c.target)});let o=[];if(n.selecto.on("dragStart",l=>{const c=l.inputEvent.target;if(c.id===ff){n.connections.handleConnectionDragStart(c,l.inputEvent.clientX,l.inputEvent.clientY),l.stop();return}if(c.id===Pi){n.connections.handleVertexDragStart(c),l.stop();return}if(c.id===gr){n.connections.handleVertexAddDragStart(c),l.stop();return}const u=n.moveable.isMoveableElement(c)||o.some(f=>f===c||f.contains(c)),d=r1(c,n);n.isEditingEnabled&&!n.editModeEnabled.getValue()&&u&&n.selecto?.getSelectedTargets().length&&(n.selecto.getSelectedTargets()[0].style.cursor="grabbing"),(u||d||!n.isEditingEnabled)&&l.stop()}).on("select",()=>{n.editModeEnabled.next(!1),n.connections.connectionAnchorDiv&&(n.connections.connectionAnchorDiv.style.display="none")}).on("selectEnd",l=>{o=l.selected,n.updateSelection({targets:o}),l.isDragStart&&(n.isEditingEnabled&&!n.editModeEnabled.getValue()&&n.selecto?.getSelectedTargets().length&&(n.selecto.getSelectedTargets()[0].style.cursor="grabbing"),l.inputEvent.preventDefault(),l.data.timer=setTimeout(()=>{n.moveable.dragStart(l.inputEvent)}))}).on("dragEnd",l=>{clearTimeout(l.data.timer)}),Ft.$W.featureToggles.canvasPanelPanZoom){let l=function(u){u.preventDefault();const d=u.clientX,f=u.clientY,h=n.infiniteViewer.getScrollLeft(),v=n.infiniteViewer.getScrollTop(),p=m=>{const x=d-m.clientX,b=f-m.clientY,C=x/n.scale,E=b/n.scale;n.infiniteViewer.scrollTo(h+C,v+E),m.preventDefault()},g=()=>{document.removeEventListener("mousemove",p),document.removeEventListener("mouseup",g)};document.addEventListener("mousemove",p),document.addEventListener("mouseup",g)};var s=l;n.infiniteViewer=new Fv(n.viewerDiv,n.viewportDiv,{preventWheelClick:!1,useAutoZoom:!0,useMouseDrag:!1,useWheelScroll:n.shouldPanZoom,displayHorizontalScroll:!1,displayVerticalScroll:!1,zoomRange:t1}),n.infiniteViewer.setZoom(n.scale),n.infiniteViewer.scrollTo(n.scrollLeft,n.scrollTop);const c=(u,d)=>{n.openContextMenu?n.openContextMenu({x:u,y:d}):n.contextMenuOnVisibilityChange(!0)};n.viewerDiv.addEventListener("contextmenu",u=>{u.ctrlKey&&u.button===2&&n.shouldPanZoom?l(u):(u.preventDefault(),c(u.pageX,u.pageY))}),n.viewerDiv.addEventListener("mousedown",u=>{u.button===1&&n.shouldPanZoom&&l(u)}),n.viewportDiv.addEventListener("wheel",u=>{n.shouldPanZoom||(u.stopImmediatePropagation(),u.preventDefault())},{passive:!1}),n.viewerDiv.addEventListener("dblclick",u=>{!n.editModeEnabled.getValue()&&n.shouldPanZoom&&n.infiniteViewer&&(n.infiniteViewer.setZoom(1),n.infiniteViewer.scrollTo(0,0))}),n.infiniteViewer.on("dragStart",u=>{u.inputEvent.button!==1&&(u.preventDefault(),u.preventDrag())}),n.infiniteViewer.on("scroll",()=>{n.clearCurrentSelection(!0),n.updateConnectionsSize(),n.scale=n.infiniteViewer.getZoom(),n.scrollLeft=n.infiniteViewer.getScrollLeft(),n.scrollTop=n.infiniteViewer.getScrollTop()})}};function a1(t,e,n=.05){const r=s1(t),i=e.getBoundingClientRect(),a=i.width,o=i.height,s=a*(1-2*n),l=o*(1-2*n),c=s/r.width,u=l/r.height,d=Math.min(c,u),f=(r.centerX*d-a/2)/d,h=(r.centerY*d-o/2)/d;return{scale:d,centerX:f,centerY:h}}function o1(t){const e=new DOMMatrix(t);return{x:e.m41,y:e.m42}}function s1(t){let e=1/0,n=1/0,r=-1/0,i=-1/0;for(const a of t){const o=window.getComputedStyle(a),{x:s,y:l}=o1(o.transform||""),c=parseFloat(o.width),u=parseFloat(o.height),d=s,f=l,h=s+c,v=l+u;e=Math.min(e,d),n=Math.min(n,f),r=Math.max(r,h),i=Math.max(i,v)}return{left:e,top:n,right:r,bottom:i,width:r-e,height:i-n,centerX:(e+r)/2,centerY:(n+i)/2}}const gn=10,Za=50,l1={id:"frame",name:"Frame",description:"Frame",getNewOptions:()=>({config:{}}),display:()=>(0,y.jsx)("div",{children:"FRAME!"})};class Be extends Ui{constructor(e,n,r){super(l1,e,r),this.options=e,this.parent=r,this.elements=[],this.doAction=(a,o,s=!0,l=!0)=>{switch(a){case re.Delete:this.elements=this.elements.filter(d=>d!==o),$h(o,this.scene),this.scene.byName.delete(o.options.name),this.scene.save(),this.reinitializeMoveable();break;case re.Duplicate:if(o.item.id==="frame"){console.log("Can not duplicate frames (yet)",a,o);return}const c=(0,de.cloneDeep)(o.options);if(l){const{constraint:d,placement:f}=o.options,{vertical:h,horizontal:v}=d??{},p={...f};switch(h){case W.gR.Top:p.top==null?p.top=25:p.top+=gn;break;case W.gR.Bottom:p.bottom==null?p.bottom=100:p.bottom-=gn;break;case W.gR.TopBottom:p.top==null?p.top=25:p.top+=gn,p.bottom==null?p.bottom=100:p.bottom-=gn;break;case W.gR.Center:p.top!=null&&(p.top-=gn);break}switch(v){case W.en.Left:p.left==null?p.left=Za:p.left+=gn;break;case W.en.Right:p.right==null?p.right=Za:p.right-=gn;break;case W.en.LeftRight:p.left==null?p.left=Za:p.left+=gn,p.right==null?p.right=Za:p.right-=gn;break;case W.en.Center:p.left!=null&&(p.left-=gn);break}c.placement=p}c.connections=void 0;const u=new Ui(o.item,c,this);u.updateData(this.scene.context),s&&(u.options.name=this.scene.getNextElementName()),this.elements.push(u),this.scene.byName.set(u.options.name,u),this.scene.byName.set(o.options.name,o),this.scene.save(),this.reinitializeMoveable(),setTimeout(()=>{this.scene.targetsToSelect.add(u.div)});break;case re.MoveTop:case re.MoveBottom:o.parent?.doMove(o,a);break;default:console.log("DO action",a,o);return}},this.scene=n;let{elements:i}=this.options;i||(this.options.elements=i=[]);for(const a of i)if(a.type==="frame")this.elements.push(new Be(a,n,this));else{const o=li.getIfExists(a.type)??we;this.elements.push(new Ui(o,a,this))}}isRoot(){return!1}updateData(e){super.updateData(e);for(const n of this.elements)n.updateData(e)}reorder(e,n){const r=Array.from(this.elements),[i]=r.splice(e,1);r.splice(n,0,i),this.elements=r,this.reinitializeMoveable()}reorderTree(e,n,r=!1){const i=Array.from(this.elements),a=this.elements.indexOf(e),o=r?this.elements.length-1:this.elements.indexOf(n),[s]=i.splice(a,1);i.splice(o,0,s),this.elements=i,this.reinitializeMoveable()}doMove(e,n){const r=this.elements.filter(i=>i!==e);n===re.MoveBottom?r.unshift(e):r.push(e),this.elements=r,this.scene.save(),this.reinitializeMoveable()}reinitializeMoveable(){this.scene.clearCurrentSelection(),setTimeout(()=>zi(!0,this.scene.isEditingEnabled,this.scene))}render(){return(0,y.jsx)("div",{ref:this.initElement,children:this.elements.map(e=>e.render())},this.UID)}visit(e){super.visit(e);for(const n of this.elements)e(n)}getSaveModel(){return{...this.options,elements:this.elements.map(e=>e.getSaveModel())}}}var vf=V(39741),c1=V(64423),pf=V(36490),gf=V(13752),Ni=V(15245),Zr=V(59427),Mn=V(94535),u1=V(97375);const d1=({scene:t,panel:e,onVisibilityChange:n})=>{const r=e.state.openInlineEdit,[i,a]=(0,F.useState)(!1),[o,s]=(0,F.useState)({x:0,y:0}),l=f1(),c=t.selecto?.getSelectedTargets(),u=e.context?.instanceState?.layer;(0,F.useEffect)(()=>{if(Ft.$W.featureToggles.canvasPanelPanZoom)return t.openContextMenu=p=>{s(p),a(!0),n(!0)},()=>t.openContextMenu=void 0},[t,n]);const d=(0,F.useCallback)(p=>{if(!(p instanceof MouseEvent)||p.ctrlKey)return;p.preventDefault(),e.setActivePanel(),(Ft.$W.featureToggles.canvasPanelPanZoom?p.currentTarget!==t.viewportDiv:p.currentTarget!==t.div)&&(p.currentTarget instanceof HTMLElement||p.currentTarget instanceof SVGElement)&&t.select({targets:[p.currentTarget]}),s({x:p.pageX,y:p.pageY}),a(!0),n(!0)},[t,e,n]);(0,F.useEffect)(()=>{t.selecto&&t.selecto.getSelectableElements().forEach(p=>{p.addEventListener("contextmenu",d)})},[d,t.selecto]),(0,F.useEffect)(()=>{t.div&&t.div.addEventListener("contextmenu",d)},[d,t.div]);const f=()=>{a(!1),n(!1)},h=()=>{const p=!t.isPanelEditing&&(0,y.jsx)(Mn.D,{label:r?(0,R.t)("canvas.canvas-context-menu.close-editor","Close Editor"):(0,R.t)("canvas.canvas-context-menu.open-editor","Open Editor"),onClick:()=>{t.inlineEditingCallback&&(r?e.closeInlineEdit():t.inlineEditingCallback()),f()},className:l.menuItem}),g=()=>{if(c?.length===1){const E=()=>{t.editModeEnabled.next(!0),f()},S=me(c[0],t.root.elements);return S&&S.item.hasEditMode&&(0,y.jsx)(Mn.D,{label:(0,R.t)("canvas.canvas-context-menu.render-menu-items.edit-element-menu-item.label-edit","Edit"),onClick:E,className:l.menuItem})}return null},m=Zi(t.shouldShowAdvancedTypes).options,x=()=>{const E=[],S=D=>{let M=o.y,w=o.x;if(t.div){const T=t.scale,k=t.div.getBoundingClientRect();M=(M-k.top)/T,w=(w-k.left)/T}else if(t.viewportDiv){const T=t.viewportDiv.getBoundingClientRect();M-=T.top,w-=T.left}co(D,u,{...o,y:M,x:w})};return m.map(D=>{E.push((0,y.jsx)(Mn.D,{label:D.label??"Canvas item",onClick:()=>S(D)},D.value))}),E},b=(0,y.jsx)(Mn.D,{label:(0,R.t)("canvas.canvas-context-menu.render-menu-items.add-item-menu-item.label-add-item","Add item"),className:l.menuItem,childItems:x(),customSubMenuContainerStyles:{maxHeight:"150px",overflowY:"auto"}}),C=(0,y.jsx)(Mn.D,{label:(0,R.t)("canvas.canvas-context-menu.render-menu-items.set-background-menu-item.label-set-background","Set background"),onClick:()=>{t.setBackgroundCallback&&t.setBackgroundCallback(o),f()},className:l.menuItem});return c&&c.length>=1?(0,y.jsxs)(y.Fragment,{children:[g(),(0,y.jsx)(Mn.D,{label:(0,R.t)("canvas.canvas-context-menu.render-menu-items.label-delete","Delete"),onClick:()=>{v(re.Delete),f()},className:l.menuItem}),(0,y.jsx)(Mn.D,{label:(0,R.t)("canvas.canvas-context-menu.render-menu-items.label-duplicate","Duplicate"),onClick:()=>{v(re.Duplicate),f()},className:l.menuItem}),(0,y.jsx)(Mn.D,{label:(0,R.t)("canvas.canvas-context-menu.render-menu-items.label-bring-to-front","Bring to front"),onClick:()=>{v(re.MoveTop),f()},className:l.menuItem}),(0,y.jsx)(Mn.D,{label:(0,R.t)("canvas.canvas-context-menu.render-menu-items.label-send-to-back","Send to back"),onClick:()=>{v(re.MoveBottom),f()},className:l.menuItem}),p]}):(0,y.jsxs)(y.Fragment,{children:[p,C,b]})},v=p=>{t.selection.pipe((0,hf.$)()).subscribe(g=>{const m=g[0].parent;g.forEach(x=>{m.doAction(p,x)})}),setTimeout(()=>{t.addToSelection(),t.targetsToSelect.clear()})};return i?(0,y.jsx)("div",{onContextMenu:p=>{p.preventDefault(),f()},children:(0,y.jsx)(u1.t,{x:o.x,y:o.y,onClose:f,renderMenuItems:h,focusOnOpen:!1})}):(0,y.jsx)(y.Fragment,{})},f1=()=>({menuItem:(0,H.css)({maxWidth:"200px"})});var h1=V(18828),v1=V(93225),p1=V(55386),g1=V(71076),m1=V(84522),x1=V(41530),y1=V(47466),b1=V(39064),C1=V(16913);const S1=({scene:t})=>{const e=(0,_t.$j)(),n=(0,_t.of)(E1),{canExecuteActions:r}=(0,Dr.d2)(),i=(0,F.useMemo)(()=>r?.()??!1,[r]),a=()=>{t?.tooltipCallback&&t.tooltipPayload&&t.tooltipCallback(void 0)},o=(0,F.createRef)(),{overlayProps:s}=(0,v1.e)({onClose:a,isDismissable:!0},o),{dialogProps:l}=(0,h1.s)({},o),c=t.tooltipPayload?.element;if(!c)return(0,y.jsx)(y.Fragment,{});const u=t.data?.series[0]?.fields?.find(C=>C.type===so.PU.time),d=u?.values[u.values.length-1],f=u&&d&&c.data.field&&(0,Cr.Ct)(u)!==c.data.field,h={label:c.getName(),value:""},v=[{label:c.data.field??"Fixed",value:c.data.text},...f?[{label:"Time",value:(0,p1.cN)(u?.display(d))}]:[]],p=[];if((c.options.links?.length??0)>0&&c.getLinks){const C=new Set;c.getLinks({valueRowIndex:Tr(c.data.field,t)}).forEach(E=>{const S=`${E.title}/${E.href}`;C.has(S)||(p.push(E),C.add(S))})}t.data?.series&&Yh(t.data?.series,c.options).forEach(C=>{p.push(...(0,C1.u)(C,Tr(c.data.field,t)))});const g=[],m=new Set,x=(c.options.actions?.length??0)>0,b=t.data?.series;if(x&&b&&i){const C=(0,Mr.Xx)(c.options.links??[],c.options.actions??[]),E={__dataContext:{value:{data:b,field:C,frame:b[0],frameIndex:0}}},S={valueRowIndex:Tr(c.data.field,t)};(0,Mr.ko)(b[0],C,E,t.panel.props.replaceVariables,c.options.actions??[],S,"canvas").forEach(M=>{const w=`${M.title}/${Math.random()}`;m.has(w)||(g.push(M),m.add(w))})}return(0,y.jsx)(y.Fragment,{children:t.tooltipPayload?.element&&t.tooltipPayload.anchorPoint&&(0,y.jsx)(Ni.ZL,{zIndex:e.zIndex.tooltip,children:(0,y.jsx)(g1.o,{className:(0,H.cx)(n.tooltipWrapper,t.tooltipPayload.isOpen&&n.pinned),position:{x:t.tooltipPayload.anchorPoint.x,y:t.tooltipPayload.anchorPoint.y},offset:{x:5,y:0},allowPointerEvents:t.tooltipPayload.isOpen,children:(0,y.jsxs)("section",{ref:o,...s,...l,children:[t.tooltipPayload.isOpen&&(0,y.jsx)(m1.J,{style:{zIndex:1},onClick:a}),(0,y.jsx)(x1.A,{item:h,isPinned:t.tooltipPayload.isOpen}),c.data.text&&(0,y.jsx)(y1.o,{items:v,isPinned:t.tooltipPayload.isOpen}),(p.length>0||g.length>0)&&(0,y.jsx)(b1.S,{dataLinks:p,actions:g})]})})})})},E1=t=>({wrapper:(0,H.css)({marginTop:"20px",background:t.colors.background.primary}),tooltipWrapper:(0,H.css)({top:0,left:0,whiteSpace:"pre",borderRadius:t.shape.radius.default,position:"fixed",background:t.colors.background.primary,border:`1px solid ${t.colors.border.weak}`,boxShadow:t.shadows.z2,userSelect:"text",padding:0,fontSize:t.typography.bodySmall.fontSize}),pinned:(0,H.css)({boxShadow:t.shadows.z3})}),w1="connectionControl",D1="connection anchor",Cb=8,M1=[{x:-1,y:1},{x:-.5,y:1},{x:0,y:1},{x:.5,y:1},{x:1,y:1},{x:1,y:.5},{x:1,y:0},{x:1,y:-.5},{x:1,y:-1},{x:.5,y:-1},{x:0,y:-1},{x:-.5,y:-1},{x:-1,y:-1},{x:-1,y:-.5},{x:-1,y:0},{x:-1,y:.5}],mr=3,mf=2.5,ol={ROOT:1e3,ANCHOR:1001,HIGHLIGHT:1002};var T1=(t=>(t.ROOT="none",t.MOUSEOUT_DIV="none",t.ANCHOR="auto",t.HIGHLIGHT="auto",t))(T1||{});const k1=({setRef:t,setAnchorsRef:e,handleMouseLeave:n})=>{const r=(0,F.useRef)(null),i=(0,_t.of)(R1),a=5.5,o="data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI1cHgiIGhlaWdodD0iNXB4IiB2ZXJzaW9uPSIxLjEiPjxwYXRoIGQ9Im0gMCAwIEwgNSA1IE0gMCA1IEwgNSAwIiBzdHJva2Utd2lkdGg9IjIiIHN0eWxlPSJzdHJva2Utb3BhY2l0eTowLjQiIHN0cm9rZT0iI2ZmZmZmZiIvPjxwYXRoIGQ9Im0gMCAwIEwgNSA1IE0gMCA1IEwgNSAwIiBzdHJva2U9IiMyOWI2ZjIiLz48L3N2Zz4=",s=d=>{d.target instanceof HTMLImageElement&&r.current&&d.target.style&&(r.current.style.display="block",r.current.style.top=`calc(${d.target.style.top} - ${a}px + ${mr}px)`,r.current.style.left=`calc(${d.target.style.left} - ${a}px + ${mr}px)`)},l=()=>{r.current&&(r.current.style.display="none")},c=d=>{n(d)&&l()},u=(d=M1)=>d.map(f=>{const h=`${f.x},${f.y}`,v={top:`calc(${-f.y*50+50}% - ${mf}px - ${mr}px)`,left:`calc(${f.x*50+50}% - ${mf}px - ${mr}px)`};return(0,y.jsx)("img",{id:h,ref:p=>{p&&p.style.setProperty("pointer-events","auto","important")},alt:D1,className:i.anchor,style:v,src:o,onMouseEnter:s},h)});return(0,y.jsxs)("div",{className:i.root,ref:t,children:[(0,y.jsx)("div",{className:i.mouseoutDiv,onMouseOut:c,onBlur:c}),(0,y.jsx)("div",{id:w1,ref:r,className:i.highlightElement,onMouseLeave:l}),(0,y.jsx)("div",{ref:e,children:u()})]})},R1=t=>({root:(0,H.css)({position:"absolute",display:"none",zIndex:`${ol.ROOT} !important`,pointerEvents:"none"}),mouseoutDiv:(0,H.css)({position:"absolute",margin:"-30px",width:"calc(100% + 60px)",height:"calc(100% + 60px)",pointerEvents:"none"}),anchor:(0,H.css)({padding:`${mr}px`,position:"absolute",cursor:"cursor",width:`calc(5px + 2 * ${mr}px)`,height:`calc(5px + 2 * ${mr}px)`,zIndex:`${ol.ANCHOR} !important`,pointerEvents:"auto",userSelect:"none"}),highlightElement:(0,H.css)({backgroundColor:"#00ff00",opacity:.3,position:"absolute",cursor:"cursor",pointerEvents:"auto",width:"16px",height:"16px",borderRadius:t.shape.radius.circle,display:"none",zIndex:`${ol.HIGHLIGHT} !important`})});let A1=0;const O1=["input","textarea"],_1=({setLineRef:t,setVertexPathRef:e,setVertexRef:n,setConnectionsSVGRef:r,scene:i})=>{const a=(0,_t.of)(L1),o=Date.now()+"_"+A1++,s=(0,F.useMemo)(()=>`connectionLineId-${o}`,[o]),l=(0,F.useMemo)(()=>`editorHead-${o}`,[o]),c=Ft.$W.theme2.colors.text.primary,u=2,d={mode:Ct.TL.Fixed,fixed:Ct.ok.Forward},f=10,[h,v]=(0,F.useState)(void 0),p=(0,F.useRef)(h);(0,F.useEffect)(()=>{p.current=h}),(0,F.useEffect)(()=>{i.panel.context.instanceState?.selectedConnection&&v(i.panel.context.instanceState?.selectedConnection)},[i.panel.context.instanceState?.selectedConnection]);const g=C=>{const E=C.target;if(E instanceof HTMLElement&&!(O1.indexOf(E.nodeName.toLowerCase())>-1)){if(C.keyCode===8||C.keyCode===46)p.current&&p.current.source&&(p.current.source.options.connections=p.current.source.options.connections?.filter(S=>S!==p.current?.info),p.current.source.onChange(p.current.source.options),v(void 0),i.connections.select(void 0),i.connections.updateState(),i.save());else return;document.removeEventListener("keyup",g),i.selecto.rootContainer.removeEventListener("click",m)}},m=C=>{const E=C.target;!(E instanceof SVGLineElement&&E.id===s)&&(v(void 0),i.connections.select(void 0))},x=C=>{i.isEditingEnabled&&(v(C),i.connections.select(C),document.addEventListener("keyup",g),i.selecto.rootContainer.addEventListener("click",m))},b=()=>i.connections.state.sort((C,E)=>h===E&&i.panel.context.instanceState.selectedConnection?-1:0).map((C,E)=>{const{source:S,target:D,info:M,vertices:w,index:T}=C,k=S.div,O=S.div?.parentElement,A=i.viewportDiv;if(!k||!O||!A)return;let{x1:_,y1:P,x2:z,y2:j}=vo(S,D,M),{xStart:N,yStart:G,xEnd:$,yEnd:B}={xStart:_,yStart:P,xEnd:z,yEnd:j};C.sourceOriginal&&C.targetOriginal?(N=C.sourceOriginal.x,G=C.sourceOriginal.y,$=C.targetOriginal.x,B=C.targetOriginal.y):S.options.connections&&(!S.options.connections[T].sourceOriginal||!S.options.connections[T].targetOriginal)&&(S.options.connections[T].sourceOriginal={x:_,y:P},S.options.connections[T].targetOriginal={x:z,y:j});const q=Pn(_,P,z,j),Q=$-N,X=B-G,{strokeColor:U,strokeWidth:Y,strokeRadius:et,arrowDirection:rt,lineStyle:pt,shouldAnimate:ft}=Bl(M,i,u,d.fixed??Ct.ok.Forward),Z=h===C&&i.panel.context.instanceState.selectedConnection,nt=i.isEditingEnabled?"grab":"",Rt={stroke:"#44aaff",strokeOpacity:.6,strokeWidth:Y+5},ct=`connectionHeadStart-${o+Math.random()}`,ut=`connectionHeadEnd-${o+Math.random()}`,mt=et,At=[];let Mt=`M${_} ${P} `;w?.length&&(w.map((zt,st)=>{const{x:bt,y:vt}=zt,Tt=bt*Q+N,Ot=vt*X+G;let Et=Tt,Nt=Ot,Kt=Tt,xt=Ot,tt=0,Gt=0,Dt=0;if(mt){if(st<w.length-1){const Jt=w[st+1].x*Q+N,ne=w[st+1].y*X+G;if(st===0)Gt=he(_,P,Tt,Ot),Dt=he(Tt,Ot,Jt,ne);else{const Xt=w[st-1],wt=Xt.x*Q+N,Vt=Xt.y*X+G;Gt=he(wt,Vt,Tt,Ot),Dt=he(Tt,Ot,Jt,ne)}}else{if(st>0){const Jt=w[st-1],ne=Jt.x*Q+N,Xt=Jt.y*X+G;Gt=he(ne,Xt,Tt,Ot)}else Gt=he(_,P,Tt,Ot);Dt=he(Tt,Ot,z,j)}const Bt=Dt-Gt,Yt=Bt<0;tt=mt*Math.tan(Bt/2),Yt&&(tt*=-1)}if(st===0){if(At.push(Pn((_-N)/($-N),(P-G)/(B-G),bt,vt)),mt){const Bt=zn(Tt,Ot,_,P);Math.abs(tt)>.5*Math.abs(Bt)&&(tt=.5*Bt);let Yt=z,Jt=j;if(st<w.length-1){const wt=w[st+1];Yt=wt.x*Q+N,Jt=wt.y*X+G}const ne=zn(Tt,Ot,Yt,Jt);Math.abs(tt)>.5*Math.abs(ne)&&(tt=.5*ne);const Xt=Bt-tt;Et=Math.round(Xt*Math.cos(Gt)+_),Nt=Math.round(Xt*Math.sin(Gt)+P),Kt=Math.round(tt*Math.cos(Dt)+Tt),xt=Math.round(tt*Math.sin(Dt)+Ot),(Et>Tt&&Et>_||Et<Tt&&Et<_)&&(Et=(Xt+2*tt)*Math.cos(Gt)+_,Nt=(Xt+2*tt)*Math.sin(Gt)+P,Kt=-tt*Math.cos(Dt)+Tt,xt=-tt*Math.sin(Dt)+Ot)}}else{const Bt=w[st-1];if(At.push(Pn(Bt.x,Bt.y,bt,vt)),mt){const Yt=Bt.x*Q+N,Jt=Bt.y*X+G,ne=zn(Tt,Ot,Yt,Jt);Math.abs(tt)>.5*Math.abs(ne)&&(tt=.5*ne);let Xt=z,wt=j;if(st<w.length-1){const xn=w[st+1];Xt=xn.x*Q+N,wt=xn.y*X+G}const Vt=zn(Tt,Ot,Xt,wt);Math.abs(tt)>.5*Math.abs(Vt)&&(tt=.5*Vt);const Le=ne-tt;Et=Math.round(Le*Math.cos(Gt)+Yt),Nt=Math.round(Le*Math.sin(Gt)+Jt),Kt=Math.round(tt*Math.cos(Dt)+Tt),xt=Math.round(tt*Math.sin(Dt)+Ot),(Et>Tt&&Et>Yt||Et<Tt&&Et<Yt)&&(Et=(Le+2*tt)*Math.cos(Gt)+Yt,Nt=(Le+2*tt)*Math.sin(Gt)+Jt,Kt=-tt*Math.cos(Dt)+Tt,xt=-tt*Math.sin(Dt)+Ot)}}st===w.length-1&&At.push(Pn((z-N)/($-N),(j-G)/(B-G),bt,vt)),Mt+=`L${Et} ${Nt} `,tt!==0&&(Mt+=`Q ${Tt} ${Ot} ${Kt} ${xt} `)}),Mt+=`L${z} ${j}`);const gt=rt===Ct.ok.Reverse||rt===Ct.ok.Both?`url(#${ct})`:void 0,yt=rt===Ct.ok.Forward||rt===Ct.ok.Both?`url(#${ut})`:void 0,Ht=()=>{let zt="100;0";return rt===Ct.ok.Reverse&&(zt="0;100"),zt};return(0,y.jsxs)("g",{onClick:()=>x(C),children:[(0,y.jsxs)("defs",{children:[(0,y.jsx)("marker",{id:ct,markerWidth:"10",markerHeight:"7",refX:"0",refY:"3.5",orient:"auto",stroke:U,children:(0,y.jsx)("polygon",{points:"10 0, 0 3.5, 10 7",fill:U})}),(0,y.jsx)("marker",{id:ut,markerWidth:"10",markerHeight:"7",refX:"10",refY:"3.5",orient:"auto",stroke:U,children:(0,y.jsx)("polygon",{points:"0 0, 10 3.5, 0 7",fill:U})})]}),w?.length?(0,y.jsxs)("g",{children:[(0,y.jsx)("path",{id:`${s}_transparent`,d:Mt,cursor:nt,pointerEvents:"auto",stroke:"transparent",strokeWidth:15,fill:"none",style:Z?Rt:{}}),(0,y.jsx)("path",{d:Mt,stroke:U,strokeWidth:Y,strokeDasharray:pt,strokeDashoffset:1,fill:"none",markerEnd:yt,markerStart:gt,children:ft&&(0,y.jsx)("animate",{attributeName:"stroke-dashoffset",values:Ht(),dur:"5s",calcMode:"linear",repeatCount:"indefinite",fill:"freeze"})}),Z&&(0,y.jsxs)("g",{children:[w.map((zt,st)=>(0,y.jsx)("circle",{id:Pi,"data-index":st,cx:zt.x*Q+N,cy:zt.y*X+G,r:5,stroke:U,className:a.vertex,cursor:"crosshair",pointerEvents:"auto"},`${Pi}${st}_${E}`)),w.length<f&&At.map((zt,st)=>(0,y.jsx)("circle",{id:gr,"data-index":st,cx:zt.x*Q+N,cy:zt.y*X+G,r:4,stroke:U,className:a.addVertex,cursor:"crosshair",pointerEvents:"auto"},`${gr}${st}_${E}`))]})]}):(0,y.jsxs)("g",{children:[(0,y.jsx)("line",{id:`${s}_transparent`,cursor:nt,pointerEvents:"auto",stroke:"transparent",strokeWidth:15,style:Z?Rt:{},x1:_,y1:P,x2:z,y2:j}),(0,y.jsx)("line",{id:s,stroke:U,pointerEvents:"auto",strokeWidth:Y,markerEnd:yt,markerStart:gt,strokeDasharray:pt,strokeDashoffset:1,x1:_,y1:P,x2:z,y2:j,cursor:nt,children:ft&&(0,y.jsx)("animate",{attributeName:"stroke-dashoffset",values:Ht(),dur:"5s",calcMode:"linear",repeatCount:"indefinite",fill:"freeze"})}),Z&&(0,y.jsx)("circle",{id:gr,"data-index":0,cx:q.x,cy:q.y,r:4,stroke:U,className:a.addVertex,cursor:"crosshair",pointerEvents:"auto"})]})]},E)});return(0,y.jsx)(y.Fragment,{children:(0,y.jsxs)("svg",{ref:r,className:a.connection,children:[(0,y.jsx)("defs",{children:(0,y.jsx)("marker",{id:l,markerWidth:"10",markerHeight:"7",refX:"10",refY:"3.5",orient:"auto",stroke:c,children:(0,y.jsx)("polygon",{points:"0 0, 10 3.5, 0 7",fill:c})})}),(0,y.jsx)("line",{ref:t,stroke:c,strokeWidth:2,markerEnd:`url(#${l})`,style:{display:"none"}}),(0,y.jsx)("path",{ref:e,stroke:c,strokeWidth:2,strokeDasharray:"5, 5",fill:"none",style:{display:"none"}}),(0,y.jsx)("circle",{ref:n,stroke:c,r:4,className:a.vertex,style:{display:"none"}}),b()]})})},L1=t=>({connection:(0,H.css)({position:"absolute",zIndex:1e3,pointerEvents:"none"}),vertex:(0,H.css)({fill:"#44aaff",strokeWidth:2}),addVertex:(0,H.css)({fill:"#44aaff",opacity:.5,strokeWidth:1})}),Sb="vertex",Eb="vertexAdd",Yn=.05,I1=5/180*Math.PI;class P1{constructor(e){this.state=[],this.selection=new al.t(void 0),this.select=n=>{n!==this.selection.value&&this.selection.next(n)},this.updateState=()=>{this.state=fo(this.scene.byName);const n=this.selection.value;if(n){for(let r of this.state)if(r.source===n.source&&r.index===n.index){this.selection.next(r);break}}},this.setConnectionAnchorRef=n=>{this.connectionAnchorDiv=n},this.setAnchorsRef=n=>{this.anchorsDiv=n},this.setConnectionsSVGRef=n=>{this.connectionsSVG=n},this.setConnectionLineRef=n=>{this.connectionLine=n},this.setConnectionVertexRef=n=>{this.connectionVertex=n},this.setConnectionVertexPathRef=n=>{this.connectionVertexPath=n},this.findElementTarget=n=>{let r;if(n!==this.scene.viewportDiv)return r=me(n,this.scene.root.elements),!r&&n.parentElement&&(r=this.findElementTarget(n.parentElement)),r},this.handleMouseEnter=n=>{if(!(n.target instanceof Element)||!this.scene.isEditingEnabled)return;let r=this.findElementTarget(n.target);if(!r){console.log("no element");return}if(this.isDrawingConnection)this.connectionTarget=r;else if(this.connectionSource=r,!this.connectionSource){console.log("no connection source");return}const i=r?.item.customConnectionAnchors||il,a=Array.from(this.anchorsDiv?.children),o=i.length;a.forEach((f,h)=>{if(h>=o)f.style.display="none";else{const{x:v,y:p}=i[h];f.style.top=`calc(${-p*50+50}% - ${Ur}px - ${sn}px)`,f.style.left=`calc(${v*50+50}% - ${Ur}px - ${sn}px)`,f.style.display="block"}});const{top:s,left:l,width:c,height:u,rotation:d}=po(r.div);this.connectionAnchorDiv&&(this.connectionAnchorDiv.style.display="none",this.connectionAnchorDiv.style.display="block",this.connectionAnchorDiv.style.transform=`translate(${l}px, ${s}px) rotate(${d}deg)`,this.connectionAnchorDiv.style.height=`${u}px`,this.connectionAnchorDiv.style.width=`${c}px`)},this.handleMouseLeave=n=>n.relatedTarget instanceof HTMLImageElement&&n.relatedTarget.getAttribute("alt")===rl?!1:(this.connectionTarget=void 0,this.connectionAnchorDiv.style.display="none",!0),this.connectionListener=n=>{if(n.preventDefault(),!(this.connectionLine&&this.scene.viewportDiv&&this.scene.viewportDiv.parentElement))return;const{scale:r}=this.scene,i=tn(this.scene);if(!i)return;const a=(n.pageX-i.x)/r,o=(n.pageY-i.y)/r;this.connectionLine.setAttribute("x2",`${a}`),this.connectionLine.setAttribute("y2",`${o}`);const s=this.connectionLine.x1.baseVal.value,l=this.connectionLine.y1.baseVal.value;if(this.didConnectionLeaveHighlight||Math.hypot(a-s,o-l)>Xr&&(this.didConnectionLeaveHighlight=!0,this.connectionLine.style.display="block",this.isDrawingConnection=!0),!n.buttons){if(this.connectionSource&&this.connectionSource.div&&this.connectionSource.div.parentElement){const{x:c,y:u}=zl(this.connectionSource.div,s,l);let d,f,h;this.connectionTarget&&this.connectionTarget.div?({x:d,y:f}=zl(this.connectionTarget.div,a,o),h=this.connectionTarget.options.name):(d=a,f=o);const v={source:{x:c,y:u},target:{x:d,y:f},targetName:h,color:{fixed:ve.$.theme2.colors.text.primary},size:{fixed:2,min:1,max:10},path:ao.Straight},{options:p}=this.connectionSource;p.connections||(p.connections=[]),this.didConnectionLeaveHighlight&&(this.connectionSource.options.connections=[...p.connections,v],this.connectionSource.onChange(this.connectionSource.options))}this.connectionLine&&(this.connectionLine.style.display="none"),this.scene.selecto&&this.scene.selecto.rootContainer&&(this.scene.selecto.rootContainer.style.cursor="default",this.scene.selecto.rootContainer.removeEventListener("mousemove",this.connectionListener)),this.isDrawingConnection=!1,this.updateState(),this.scene.save()}},this.vertexListener=n=>{if(this.scene.selecto.rootContainer.style.cursor="crosshair",n.preventDefault(),!(this.connectionVertex&&this.scene.viewportDiv&&this.scene.viewportDiv.parentElement))return;const r=tn(this.scene);if(!r)return;const{scale:i}=this.scene,a=(n.pageX-r.x)/i,o=(n.pageY-r.y)/i;this.connectionVertex?.setAttribute("cx",`${a}`),this.connectionVertex?.setAttribute("cy",`${o}`);const s=this.selection.value,{x1:l,y1:c,x2:u,y2:d}=vo(s.source,s.target,s?.info);let{xStart:f,yStart:h,xEnd:v,yEnd:p}={xStart:l,yStart:c,xEnd:u,yEnd:d};s?.sourceOriginal&&s.targetOriginal&&(f=s.sourceOriginal.x,h=s.sourceOriginal.y,v=s.targetOriginal.x,p=s.targetOriginal.y);const g=v-f,m=p-h;let x=l,b=c,C=u,E=d;s&&s.vertices&&(this.selectedVertexIndex!==void 0&&this.selectedVertexIndex>0&&(x=s.vertices[this.selectedVertexIndex-1].x*g+f,b=s.vertices[this.selectedVertexIndex-1].y*m+h),this.selectedVertexIndex!==void 0&&this.selectedVertexIndex<s.vertices.length-1&&(C=s.vertices[this.selectedVertexIndex+1].x*g+f,E=s.vertices[this.selectedVertexIndex+1].y*m+h));let S=a,D=o,M=!1;if(!n.ctrlKey){const w=Math.abs((S-x)/(D-b))<Yn,T=Math.abs((S-C)/(D-E))<Yn,k=Math.abs((D-b)/(S-x))<Yn,O=Math.abs((D-E)/(S-C))<Yn;w?S=x:T&&(S=C),k?D=b:O&&(D=E),(w||T)&&(k||O)?this.scene.selecto.rootContainer.style.cursor="move":w||T?this.scene.selecto.rootContainer.style.cursor="col-resize":(k||O)&&(this.scene.selecto.rootContainer.style.cursor="row-resize");const A=he(x,b,C,E),_=he(x,b,a,o);M=Math.abs(_-A)<I1}if(M?(this.connectionVertexPath?.setAttribute("d",`M${x} ${b} L${C} ${E}`),this.connectionVertexPath.style.display="block",this.connectionVertex.style.display="none"):(this.connectionVertexPath?.setAttribute("d",`M${x} ${b} L${S} ${D} L${C} ${E}`),this.connectionVertexPath.style.display="block",this.connectionVertex.style.display="block"),!n.buttons){this.scene.selecto?.rootContainer?.removeEventListener("mousemove",this.vertexListener),this.scene.selecto?.rootContainer?.removeEventListener("mouseup",this.vertexListener),this.scene.selecto.rootContainer.style.cursor="auto",this.connectionVertexPath.style.display="none",this.connectionVertex.style.display="none";const w=s?.index,T=this.selectedVertexIndex;if(w!==void 0&&T!==void 0){const k=s.source;if(k.options.connections){const O=[...k.options.connections];if(O[w].vertices){const A=[...O[w].vertices];if(M)A.splice(T,1);else{const _={...A[T]};_.x=(S-f)/g,_.y=(D-h)/m,A[T]=_}O[w]={...O[w],vertices:A},k.onChange({...k.options,connections:O}),this.updateState(),this.scene.save()}}}}},this.vertexAddListener=n=>{if(this.scene.selecto.rootContainer.style.cursor="crosshair",n.preventDefault(),!(this.connectionVertex&&this.scene.viewportDiv&&this.scene.viewportDiv.parentElement))return;const r=tn(this.scene);if(!r)return;const{scale:i}=this.scene,a=(n.pageX-r.x)/i,o=(n.pageY-r.y)/i;this.connectionVertex?.setAttribute("cx",`${a}`),this.connectionVertex?.setAttribute("cy",`${o}`);const s=this.selection.value,{x1:l,y1:c,x2:u,y2:d}=vo(s.source,s.target,s?.info);let{xStart:f,yStart:h,xEnd:v,yEnd:p}={xStart:l,yStart:c,xEnd:u,yEnd:d};s?.sourceOriginal&&s.targetOriginal&&(f=s.sourceOriginal.x,h=s.sourceOriginal.y,v=s.targetOriginal.x,p=s.targetOriginal.y);const g=v-f,m=p-h;let x=l,b=c,C=u,E=d;s&&s.vertices&&(this.selectedVertexIndex!==void 0&&this.selectedVertexIndex>0&&(x=s.vertices[this.selectedVertexIndex-1].x*g+f,b=s.vertices[this.selectedVertexIndex-1].y*m+h),this.selectedVertexIndex!==void 0&&this.selectedVertexIndex<s.vertices.length&&(C=s.vertices[this.selectedVertexIndex].x*g+f,E=s.vertices[this.selectedVertexIndex].y*m+h));let S=a,D=o;if(!n.ctrlKey){const M=Math.abs((S-x)/(D-b))<Yn,w=Math.abs((S-C)/(D-E))<Yn,T=Math.abs((D-b)/(S-x))<Yn,k=Math.abs((D-E)/(S-C))<Yn;M?S=x:w&&(S=C),T?D=b:k&&(D=E),(M||w)&&(T||k)?this.scene.selecto.rootContainer.style.cursor="move":M||w?this.scene.selecto.rootContainer.style.cursor="col-resize":(T||k)&&(this.scene.selecto.rootContainer.style.cursor="row-resize")}if(this.connectionVertexPath?.setAttribute("d",`M${x} ${b} L${S} ${D} L${C} ${E}`),this.connectionVertexPath.style.display="block",this.connectionVertex.style.display="block",!n.buttons){this.scene.selecto?.rootContainer?.removeEventListener("mousemove",this.vertexAddListener),this.scene.selecto?.rootContainer?.removeEventListener("mouseup",this.vertexAddListener),this.scene.selecto.rootContainer.style.cursor="auto",this.connectionVertexPath.style.display="none",this.connectionVertex.style.display="none";const M=s?.index,w=this.selectedVertexIndex;if(M!==void 0&&w!==void 0){const T=s.source;if(T.options.connections){const k=[...T.options.connections],O={x:(S-f)/g,y:(D-h)/m};if(k[M].vertices){const A=[...k[M].vertices];A.splice(w,0,O),k[M]={...k[M],vertices:A}}else{const A=[O];k[M]={...k[M],vertices:A}}(!k[M].sourceOriginal||!k[M].targetOriginal)&&(k[M]={...k[M],sourceOriginal:{x:l,y:c},targetOriginal:{x:u,y:d}}),T.onChange({...T.options,connections:k}),this.updateState(),this.scene.save()}}}},this.handleConnectionDragStart=(n,r,i)=>{if(this.scene.selecto.rootContainer.style.cursor="crosshair",this.connectionLine&&this.scene.viewportDiv&&this.scene.viewportDiv.parentElement){const a=n.getBoundingClientRect(),{scale:o}=this.scene,s=tn(this.scene);if(!s)return;const l=Xr*o,c=Xr*o,u=(a.x-s.x+l)/o,d=(a.y-s.y+c)/o,f=r-s.x,h=i-s.y;this.connectionLine.setAttribute("x1",`${u}`),this.connectionLine.setAttribute("y1",`${d}`),this.connectionLine.setAttribute("x2",`${f}`),this.connectionLine.setAttribute("y2",`${h}`),this.didConnectionLeaveHighlight=!1}this.scene.selecto?.rootContainer?.addEventListener("mousemove",this.connectionListener)},this.handleVertexDragStart=n=>{this.selectedVertexIndex=Number(n.getAttribute("data-index")),this.scene.selecto?.rootContainer?.addEventListener("mousemove",this.vertexListener),this.scene.selecto?.rootContainer?.addEventListener("mouseup",this.vertexListener)},this.handleVertexAddDragStart=n=>{this.selectedVertexIndex=Number(n.getAttribute("data-index")),this.scene.selecto?.rootContainer?.addEventListener("mousemove",this.vertexAddListener),this.scene.selecto?.rootContainer?.addEventListener("mouseup",this.vertexAddListener)},this.onChange=(n,r)=>{const i=n.source.options.connections?.splice(0)??[];i[n.index]=r,n.source.onChange({...n.source.options,connections:i}),this.updateState()},this.connectionsNeedUpdate=n=>Il(n)||uo(n,this.scene.byName),this.scene=e,this.updateState()}render(){return(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(k1,{setRef:this.setConnectionAnchorRef,setAnchorsRef:this.setAnchorsRef,handleMouseLeave:this.handleMouseLeave}),(0,y.jsx)(_1,{setLineRef:this.setConnectionLineRef,setVertexPathRef:this.setConnectionVertexPathRef,setVertexRef:this.setConnectionVertexRef,setConnectionsSVGRef:this.setConnectionsSVGRef,scene:this.scene})]})}}class z1 extends Be{constructor(e,n,r){super(e,n),this.options=e,this.scene=n,this.changeCallback=r,this.setRootRef=i=>{this.div=i},this.sizeStyle={height:"100%",width:"100%"}}isRoot(){return!0}onChange(e){this.revId++,this.options={...e},this.changeCallback()}getSaveModel(){const{placement:e,constraint:n,...r}=this.options;return{...r,elements:this.elements.map(i=>i.getSaveModel())}}render(){return(0,y.jsx)("div",{onContextMenu:e=>e.preventDefault(),ref:this.setRootRef,style:{...this.sizeStyle,...this.dataStyle},children:this.elements.map(e=>(0,y.jsx)(F.Fragment,{children:e.render()},e.UID))},this.UID)}}class N1{constructor(e,n,r){this.onSave=n,this.styles=B1(),this.selection=new vf.m(1),this.moved=new gf.B,this.byName=new Map,this.revId=0,this.width=0,this.height=0,this.scale=1,this.scrollLeft=0,this.scrollTop=0,this.style={},this.skipNextSelectionBroadcast=!1,this.ignoreDataUpdate=!1,this.contextMenuOnVisibilityChange=o=>{this.contextMenuVisible=o},this.isPanelEditing=pf.Ny.getSearchObject().editPanel!==void 0,this.editModeEnabled=new al.t(!1),this.targetsToSelect=new Set,this.getNextElementName=(o=!1)=>{const s=o?"Frame":"Element";let l=this.byName.size+1;const c=l+100;for(;l<c;){const u=`${s} ${l++}`;if(!this.byName.has(u))return u}return`${s} ${Date.now()}`},this.canRename=o=>!this.byName.has(o),this.context={getColor:o=>(0,Zr.Wb)(this.data,o),getScale:o=>(0,Zr.XV)(this.data,o),getScalar:o=>(0,Zr.b5)(this.data,o),getText:o=>(0,Zr.wv)(this.data,o),getResource:o=>(0,Zr.B_)(this.data,o),getDirection:o=>(0,Zr.eO)(this.data,o),getPanelData:()=>this.data},this.save=(o=!1)=>{this.onSave(this.root.getSaveModel()),o&&setTimeout(()=>{Ft.$W.featureToggles.canvasPanelPanZoom?this.viewportDiv&&this.viewerDiv&&(zi(!0,this.isEditingEnabled,this),this.updateConnectionsSize()):this.div&&zi(!0,this.isEditingEnabled,this)})},this.setNonTargetPointerEvents=(o,s)=>{const l=[...this.root.elements];for(;l.length>0;){const c=l.shift();c&&c.div&&c.div!==o&&c.applyLayoutStylesToDiv(s);const u=c instanceof Be?c.elements:[];for(const d of u)l.unshift(d)}},this.setRef=o=>{this.div=o},this.setViewerRef=o=>{this.viewerDiv=o},this.setViewportRef=o=>{this.viewportDiv=o},this.select=o=>{this.selecto&&(this.selecto.setSelectedTargets(o.targets),this.updateSelection(o),this.editModeEnabled.next(!1),this.connections.connectionAnchorDiv&&(this.connections.connectionAnchorDiv.style.display="none"))},this.updateSelection=o=>{if(this.moveable.target=o.targets,this.skipNextSelectionBroadcast){this.skipNextSelectionBroadcast=!1;return}if(o.frame)this.selection.next([o.frame]);else{const s=o.targets.map(l=>me(l,this.root.elements));this.selection.next(s)}},this.addToSelection=()=>{try{let o={targets:[]};o.targets=[...this.targetsToSelect],this.select(o)}catch{_n.A.emit(cn.r1.alertError,["Unable to add to selection"])}},this.fitContent=(o,s)=>{const{root:l,viewerDiv:c,infiniteViewer:u}=o;if(s&&l.div&&u&&c){const d=a1(Array.from(l.div.children),c),{scale:f,centerX:h,centerY:v}=d;u.setZoom(f),u.scrollTo(h,v)}};const i=(0,ai.UA)().getCurrent(),a=e.inlineEditing&&i?.editable;this.root=this.load(e,a),this.subscription=this.editModeEnabled.subscribe(o=>{!this.moveable||!this.isEditingEnabled||(this.moveable.draggable=!o)}),this.panel=r,this.connections=Ft.$W.featureToggles.canvasPanelPanZoom?new P1(this):new Zm(this)}load(e,n){const{root:r,showAdvancedTypes:i,panZoom:a,zoomToContent:o,tooltip:s}=e,l=s?.mode??Ct.$N.Single,c=s?.disableForOneClick??!1;return this.root=new z1(r??{type:"frame",elements:[oo]},this,this.save),this.isEditingEnabled=n,this.shouldShowAdvancedTypes=i,this.shouldPanZoom=a,this.zoomToContent=o,this.tooltipMode=l,this.tooltipDisableForOneClick=c,setTimeout(()=>{Ft.$W.featureToggles.canvasPanelPanZoom?this.viewportDiv&&this.viewerDiv&&(this.shouldPanZoom||(this.scale=1,this.scrollLeft=0,this.scrollTop=0),zi(n,n,this),this.currentLayer=this.root,this.selection.next([]),this.connections.select(void 0),this.connections.updateState(),this.updateConnectionsSize(),this.fitContent(this,o)):this.div&&(zi(n,n,this),this.currentLayer=this.root,this.selection.next([]),this.connections.select(void 0),this.connections.updateState())}),this.root}updateData(e){this.data=e,this.root.updateData(this.context)}updateSize(e,n){this.width=e,this.height=n,this.style={width:e,height:n},Ft.$W.featureToggles.canvasPanelPanZoom&&(this.updateConnectionsSize(),this.fitContent(this,this.zoomToContent),this.root.elements.forEach(r=>{r.applyLayoutStylesToDiv(!1)}),this.connections.connectionAnchorDiv&&(this.connections.connectionAnchorDiv.style.display="none"))}updateConnectionsSize(){const e=this.connections.connectionsSVG;if(e){const n=this.infiniteViewer.getZoom(),r=this.infiniteViewer.getScrollLeft()||0,i=this.infiniteViewer.getScrollTop()||0,a=this.width,o=this.height;e.style.left=`${r}px`,e.style.top=`${i}px`,e.style.width=`${a/n}px`,e.style.height=`${o/n}px`,e.setAttribute("viewBox",`${r} ${i} ${a/n} ${o/n}`)}}clearCurrentSelection(e=!1){this.skipNextSelectionBroadcast=e;let n=new MouseEvent("click");Ft.$W.featureToggles.canvasPanelPanZoom?this.selecto?.clickTarget(n,this.viewportDiv):this.selecto?.clickTarget(n,this.div)}render(){const e=this.tooltipPayload?.element?.getLinks&&this.tooltipPayload.element.getLinks({}).length>0,n=this.tooltipPayload?.element?.options.actions&&this.tooltipPayload.element.options.actions.filter(l=>l.type===Ol.X2.Fetch||(0,Mr.Bs)(l)).length>0,r=e||n||this.tooltipPayload?.element?.data?.field,i=this.tooltipMode!==Ct.$N.None,a=this.tooltipDisableForOneClick&&this.tooltipPayload?.element?.oneClickMode!==be.yd.Off,o=!this.isEditingEnabled&&r&&i&&!a,s=(0,y.jsxs)(y.Fragment,{children:[this.connections.render(),this.root.render(),this.isEditingEnabled&&(0,y.jsx)(Ni.ZL,{children:(0,y.jsx)(d1,{scene:this,panel:this.panel,onVisibilityChange:this.contextMenuOnVisibilityChange})}),o&&(0,y.jsx)(Ni.ZL,{children:(0,y.jsx)(S1,{scene:this})})]});return Ft.$W.featureToggles.canvasPanelPanZoom?(0,y.jsx)("div",{className:this.styles.viewer,ref:this.setViewerRef,"data-testid":"canvas-scene-wrapper",children:(0,y.jsx)("div",{className:this.styles.viewport,ref:this.setViewportRef,"data-testid":"canvas-scene-pan-zoom",children:s},this.revId)},this.revId):(0,y.jsx)("div",{className:this.styles.wrap,style:this.style,ref:this.setRef,"data-testid":"canvas-scene",children:s},this.revId)}}const B1=()=>({wrap:(0,H.css)({overflow:"hidden",position:"relative"}),selected:(0,H.css)({zIndex:"999 !important"}),viewer:(0,H.css)({overflow:"hidden",width:"100%",height:"100%"}),viewport:(0,H.css)({width:"100%",height:"100%"})});var xf=V(87745),j1=V(73304),yf=V(4896);function V1({onClose:t,scene:e,anchorPoint:n}){const r=e.root.options.background?.image?.fixed??"",[i,a]=(0,F.useState)(r),o=(0,_t.$j)(),s=F1(o,n),l=c=>{c&&(a(c),e.root&&(e.root.options.background={...e.root.options.background,image:{mode:Ct.q_.Fixed,fixed:c}},e.revId++,e.save(),e.root.reinitializeMoveable()),e&&e.updateData(e.data)),t()};return(0,y.jsx)(Ni.ZL,{className:s.portalWrapper,children:(0,y.jsx)(j1.i,{onChange:l,value:i,mediaType:yf.zu.Image,folderName:yf.Iu.IOT})})}const F1=(t,e)=>({portalWrapper:(0,H.css)({width:"315px",height:"445px",transform:`translate(${e.x}px, ${e.y-200}px)`})});var G1=V(55794),W1=V.n(G1),$1=V(66036),bf=V(29043),Cf=V(86956),H1=V(74098),sl=V(25797),Y1=V(56424),Qa=V(61215);const K1=({value:t,onChange:e})=>{const n=[{value:W.xp.Original,label:(0,R.t)("dimensions.background-size-editor.options.label-original","Original")},{value:W.xp.Contain,label:(0,R.t)("dimensions.background-size-editor.options.label-contain","Contain")},{value:W.xp.Cover,label:(0,R.t)("dimensions.background-size-editor.options.label-cover","Cover")},{value:W.xp.Fill,label:(0,R.t)("dimensions.background-size-editor.options.label-fill","Fill")},{value:W.xp.Tile,label:(0,R.t)("dimensions.background-size-editor.options.label-tile","Tile")}],r=t??W.xp.Cover,i=(0,F.useCallback)(a=>{e(a)},[e]);return(0,y.jsx)(Je.C,{children:(0,y.jsx)(We.I,{grow:!0,children:(0,y.jsx)(Ln.z,{value:r,options:n,onChange:i,fullWidth:!0})})})},X1={settings:{}},U1=({value:t,context:e,onChange:n})=>{const r=[{label:(0,R.t)("dimensions.direction-dimension-editor.label-fixed","Fixed"),value:Ct.TL.Fixed,description:(0,R.t)("dimensions.direction-dimension-editor.description-fixed","Fixed direction value")},{label:(0,R.t)("dimensions.direction-dimension-editor.label-field","Field"),value:Ct.TL.Field,description:(0,R.t)("dimensions.direction-dimension-editor.description-field","Direction based on field value")}],i=[{value:Ct.ok.Forward,label:(0,R.t)("canvas.connection.direction-options.label-forward","Forward")},{value:Ct.ok.Reverse,label:(0,R.t)("canvas.connection.direction-options.label-reverse","Reverse")},{value:Ct.ok.Both,label:(0,R.t)("canvas.connection.direction-options.label-both","Both")},{value:Ct.ok.None,label:(0,R.t)("canvas.connection.direction-options.label-none","None")}],a=9,o=(0,F.useCallback)(d=>{n({...t,mode:d})},[n,t]),s=(0,F.useCallback)(d=>{n({...t,field:d})},[n,t]),l=(0,F.useCallback)(d=>{n({...t,field:void 0,fixed:d.value??Ct.ok.Forward})},[n,t]),c=t?.mode??Ct.TL.Fixed,u=i.find(d=>d.value===t?.fixed)||i[0];return(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(Je.C,{children:(0,y.jsx)(We.I,{label:(0,R.t)("dimensions.direction-dimension-editor.label-source","Source"),labelWidth:a,grow:!0,children:(0,y.jsx)(Ln.z,{value:c,options:r,onChange:o,fullWidth:!0})})}),c===Ct.TL.Field&&(0,y.jsx)(Je.C,{children:(0,y.jsx)(We.I,{label:(0,R.t)("dimensions.direction-dimension-editor.label-field","Field"),labelWidth:a,grow:!0,children:(0,y.jsx)(Dl.O,{context:e,value:t?.field??"",onChange:s,item:X1})})}),c===Ct.TL.Fixed&&(0,y.jsx)(Je.C,{children:(0,y.jsx)(We.I,{label:(0,R.t)("dimensions.direction-dimension-editor.label-direction","Direction"),labelWidth:a,grow:!0,children:(0,y.jsx)(Zn.l6,{value:u,options:i,onChange:l})})})]})};var Sf=V(71820),Z1=V(21285);const Q1=[{value:je.Solid,label:"Solid"},{value:je.Dashed,label:"Dashed"},{value:je.Dotted,label:"Dotted"}],q1={style:je.Solid,animate:!1},J1=({value:t,onChange:e})=>{t?typeof t!="object"&&(t={style:t,animate:!1}):t=q1;const n=(0,F.useCallback)(i=>{e({...t,style:i})},[e,t]),r=(0,F.useCallback)(i=>{e({...t,animate:i})},[e,t]);return(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(Ln.z,{value:t.style,options:Q1,onChange:n,fullWidth:!0}),t.style!==je.Solid&&(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)("br",{}),(0,y.jsx)(In.D,{label:(0,R.t)("canvas.line-style-editor.label-animate","Animate"),children:(0,y.jsx)(Z1.d,{value:t.animate,onChange:i=>r(i.currentTarget.checked)})})]})]})};var tx=V(23207);function ex({value:t,onChange:e,item:n,context:r}){const i=n.settings?.links||[];return(0,y.jsx)(tx.G,{actions:t,onChange:a=>{a.some(({oneClick:o})=>o===!0)&&i.forEach(o=>{o.oneClick=!1}),e(a)},getSuggestions:()=>r.getSuggestions?r.getSuggestions(be.uP.Values):[],data:[],showOneClick:!0})}var nx=V(96822);function rx({value:t,onChange:e,item:n,context:r}){const i=n.settings?.actions||[];return(0,y.jsx)(nx.e,{links:t,onChange:a=>{a.some(({oneClick:o})=>o===!0)&&i.forEach(o=>{o.oneClick=!1}),e(a)},getSuggestions:()=>r.getSuggestions?r.getSuggestions(be.uP.Values):[],data:[],showOneClick:!0})}const Ef=(t,e)=>e!=="frame"&&e!==void 0?[t+` (${e})`]:[t],ln={addBackground:(t,e)=>{const n=Ef((0,R.t)("canvas.category-background","Background"),e.options?.type);t.addCustomEditor({category:n,id:"background.color",path:"background.color",name:(0,R.t)("canvas.label-color","Color"),editor:ae.N,settings:{},defaultValue:{fixed:""}}).addCustomEditor({category:n,id:"background.image",path:"background.image",name:(0,R.t)("canvas.label-image","Image"),editor:Sl.m,settings:{resourceType:"image"}}).addCustomEditor({category:n,id:"background.size",path:"background.size",name:(0,R.t)("canvas.label-image-size","Image size"),editor:K1,settings:{resourceType:"image"},showIf:()=>e.options?.type?!lo.has(e.options.type):!0})},addBorder:(t,e)=>{const n=Ef((0,R.t)("canvas.category-border","Border"),e.options?.type);t.addSliderInput({category:n,path:"border.width",name:(0,R.t)("canvas.label-width","Width"),defaultValue:2,settings:{min:0,max:20}}),e.options?.border?.width&&t.addCustomEditor({category:n,id:"border.color",path:"border.color",name:(0,R.t)("canvas.label-color","Color"),editor:ae.N,settings:{},defaultValue:{fixed:""}}),t.addSliderInput({category:n,path:"border.radius",name:(0,R.t)("canvas.label-radius","Radius"),defaultValue:0,settings:{min:0,max:60}})},addColor:(t,e)=>{const n=[(0,R.t)("canvas.category-color","Color")];t.addCustomEditor({category:n,id:"color",path:"color",name:(0,R.t)("canvas.label-color","Color"),editor:ae.N,settings:{},defaultValue:{fixed:""}})},addSize:(t,e)=>{const n=[(0,R.t)("canvas.category-size","Size")];t.addCustomEditor({category:n,id:"size",path:"size",name:(0,R.t)("canvas.label-size","Size"),editor:Sf.g,settings:{min:1,max:10},defaultValue:{fixed:2,min:1,max:10}})},addRadius:(t,e)=>{const n=[(0,R.t)("canvas.category-radius","Radius")];t.addCustomEditor({category:n,id:"radius",path:"radius",name:(0,R.t)("canvas.label-radius","Radius"),editor:Sf.g,settings:{min:0,max:200,filteredFieldType:so.PU.number},defaultValue:{fixed:0,min:0,max:100}})},addDirection:(t,e)=>{const n=[(0,R.t)("canvas.category-arrow-direction","Direction")];t.addCustomEditor({category:n,id:"direction",path:"direction",name:(0,R.t)("canvas.label-direction","Direction"),editor:U1,settings:{},defaultValue:{mode:Ct.TL.Fixed,fixed:Ct.ok.Forward}})},addLineStyle:(t,e)=>{const n=[(0,R.t)("canvas.category-line-style","Line style")];t.addCustomEditor({category:n,id:"lineStyle",path:"lineStyle",name:(0,R.t)("canvas.label-line-style","Line style"),editor:J1,settings:{},defaultValue:{value:je.Solid,label:(0,R.t)("canvas.line-style-options.label-solid","Solid")}})},addDataLinks:(t,e)=>{t.addCustomEditor({category:[(0,R.t)("canvas.category-data-links","Data links and actions")],id:"dataLinks",path:"links",name:(0,R.t)("canvas.label-links","Links"),editor:rx,settings:e.options})},addActions:(t,e)=>{t.addCustomEditor({category:[(0,R.t)("canvas.category-data-links","Data links and actions")],id:"actions",path:"actions",name:(0,R.t)("canvas.label-actions","Actions"),editor:ex,settings:e.options})}};function wf(t){return{category:t.category,path:"--",values:e=>({getValue:n=>(0,de.get)(t.connection.info,n),onChange:(n,r)=>{let i=t.connection.info;i=(0,Qa.Sf)(i,n,r),t.scene.connections.onChange(t.connection,i)}}),build:(e,n)=>{const r={...n,options:t.connection.info};ln.addColor(e,r),ln.addSize(e,r),ln.addRadius(e,r),ln.addDirection(e,r),ln.addLineStyle(e,r)}}}var qa=V(30703),ix=V(19753);const ax=({onVerticalConstraintChange:t,onHorizontalConstraintChange:e,currentConstraints:n})=>{const r=(0,_t.of)(ox(n)),i=()=>{t(W.gR.Top)},a=()=>{t(W.gR.Bottom)},o=()=>{t(W.gR.Center)},s=()=>{e(W.en.Left)},l=()=>{e(W.en.Right)},c=()=>{e(W.en.Center)};return(0,y.jsx)("svg",{version:"1.0",xmlns:"http://www.w3.org/2000/svg",width:"75.000000pt",height:"75.000000pt",viewBox:"0 0 228.000000 228.000000",preserveAspectRatio:"xMidYMid meet",style:{marginBottom:"4.8px"},children:(0,y.jsxs)("g",{transform:"translate(0.000000,228.000000) scale(0.100000,-0.100000)",fill:"#000000",stroke:"none",children:[(0,y.jsx)("path",{fill:"#e5e5e5",d:`M198 2028 l-28 -32 0 -912 0 -912 31 -31 31 -31 915 0 915 0 29 29 29 29 0 917 0 917 -27 29 -28 29 -920 0 -920 0 -27 -32z m1876 -17 c15 -16 16 -98 16 -927 0 -860 -1 -909 -18 -926 -17 -17 -66 -18 -927 -18 -862 0 -910 1 -927 18 -17 17 -18 65 -18 926 0 832 1 911 16 927 16 18 45 19 468 21 248 2 659 2 912 0 431 -2 462 -4 478 -21z`}),(0,y.jsx)("rect",{className:r.topConstraint,height:"228",width:"46",y:"1735",x:"1123"}),(0,y.jsx)("rect",{className:r.constraintHover,onClick:i,height:"350",width:"300",y:"1680",x:"995",fill:"transparent"}),(0,y.jsx)("rect",{className:r.bottomConstraint,height:"228",width:"46",y:"210",x:"1123"}),(0,y.jsx)("rect",{className:r.constraintHover,onClick:a,height:"350",width:"300",y:"135",x:"995",fill:"transparent"}),(0,y.jsx)("rect",{className:r.leftConstraint,height:"46",width:"228",y:"1060",x:"265"}),(0,y.jsx)("rect",{className:r.constraintHover,onClick:s,height:"300",width:"350",y:"925",x:"200",fill:"transparent"}),(0,y.jsx)("rect",{className:r.rightConstraint,height:"46",width:"228",y:"1060",x:"1795"}),(0,y.jsx)("rect",{className:r.constraintHover,onClick:l,height:"300",width:"350",y:"925",x:"1730",fill:"transparent"}),(0,y.jsx)("path",{className:r.box,d:`M568 1669 c-17 -9 -18 -48 -18 -584 0 -558 1 -575 19 -585 27 -14 1125 -14 1152 0 18 10 19 27 19 580 0 504 -2 570 -16 584 -14 14 -80 16 -577 16 -363 -1 -568 -4 -579 -11z m1119 -42 c4 -5 4 -1079 0 -1084 -5 -4 -1079 -4 -1084 0 -5 6 -4 1077 1 1085 4 7 1076 6 1083 -1z`}),(0,y.jsx)("rect",{className:r.verticalCenterConstraint,height:"456",width:"46",y:"855",x:"1123"}),(0,y.jsx)("rect",{className:r.constraintHover,onClick:o,height:"660",width:"300",y:"750",x:"995",fill:"transparent"}),(0,y.jsx)("rect",{className:r.horizontalCenterConstraint,height:"46",width:"456",y:"1060",x:"918"}),(0,y.jsx)("rect",{className:r.constraintHover,onClick:c,height:"300",width:"660",y:"925",x:"815",fill:"transparent"})]})})},ox=t=>e=>{const n="#daebf7",i="#0d99ff",a=e.isDark?"#ffffff":"#000000";return{constraintHover:(0,H.css)({"&:hover":{fill:n,fillOpacity:"0.6"}}),topConstraint:(0,H.css)({...t.vertical===W.gR.Top||t.vertical===W.gR.TopBottom?{width:"92pt",x:"1085",fill:i}:{fill:a}}),bottomConstraint:(0,H.css)({...t.vertical===W.gR.Bottom||t.vertical===W.gR.TopBottom?{width:"92pt",x:"1085",fill:i}:{fill:a}}),leftConstraint:(0,H.css)({...t.horizontal===W.en.Left||t.horizontal===W.en.LeftRight?{height:"92pt",y:"1014",fill:i}:{fill:a}}),rightConstraint:(0,H.css)({...t.horizontal===W.en.Right||t.horizontal===W.en.LeftRight?{height:"92pt",y:"1014",fill:i}:{fill:a}}),horizontalCenterConstraint:(0,H.css)({...t.horizontal===W.en.Center?{height:"92pt",y:"1014",fill:i}:{fill:a}}),verticalCenterConstraint:(0,H.css)({...t.vertical===W.gR.Center?{width:"92pt",x:"1085",fill:i}:{fill:a}}),box:(0,H.css)({fill:a})}},sx=({onPositionChange:t,element:e,settings:n})=>{const r=(0,_t.of)(lx),i=s=>{const l={vertical:W.gR.Top,horizontal:W.en.Left},c={...e.options.constraint};switch(e.options.constraint=l,e.setPlacementFromConstraint(),s){case Fe.Top:t(0,"top");break;case Fe.Bottom:t(o(e.options.placement?.height??0,"bottom"),"top");break;case Fe.VerticalCenter:t(a(e.options.placement?.height??0,"v"),"top");break;case Fe.Left:t(0,"left");break;case Fe.Right:t(o(e.options.placement?.width??0,"right"),"left");break;case Fe.HorizontalCenter:t(a(e.options.placement?.width??0,"h"),"left");break}e.options.constraint=c,e.setPlacementFromConstraint()},a=(s,l)=>((l==="h"?n.scene.width:n.scene.height)-s)/2,o=(s,l)=>(l==="right"?n.scene.width:n.scene.height)-s;return(0,y.jsxs)("div",{className:r.buttonGroup,children:[(0,y.jsx)(Ie.K,{name:"horizontal-align-left",onClick:()=>i(Fe.Left),className:r.button,size:"lg",tooltip:(0,R.t)("canvas.quick-positioning.tooltip-align-left","Align left")}),(0,y.jsx)(Ie.K,{name:"horizontal-align-center",onClick:()=>i(Fe.HorizontalCenter),className:r.button,size:"lg",tooltip:(0,R.t)("canvas.quick-positioning.tooltip-align-horizontal-centers","Align horizontal centers")}),(0,y.jsx)(Ie.K,{name:"horizontal-align-right",onClick:()=>i(Fe.Right),className:r.button,size:"lg",tooltip:(0,R.t)("canvas.quick-positioning.tooltip-align-right","Align right")}),(0,y.jsx)(Ie.K,{name:"vertical-align-top",onClick:()=>i(Fe.Top),size:"lg",tooltip:(0,R.t)("canvas.quick-positioning.tooltip-align-top","Align top")}),(0,y.jsx)(Ie.K,{name:"vertical-align-center",onClick:()=>i(Fe.VerticalCenter),className:r.button,size:"lg",tooltip:(0,R.t)("canvas.quick-positioning.tooltip-align-vertical-centers","Align vertical centers")}),(0,y.jsx)(Ie.K,{name:"vertical-align-bottom",onClick:()=>i(Fe.Bottom),className:r.button,size:"lg",tooltip:(0,R.t)("canvas.quick-positioning.tooltip-align-bottom","Align bottom")})]})},lx=t=>({buttonGroup:(0,H.css)({display:"flex",flexWrap:"wrap",padding:"12px 0 12px 0"}),button:(0,H.css)({marginLeft:"5px",marginRight:"5px"})}),cx=["top","left","bottom","right","width","height","rotation"];function Df({item:t}){const e=t.settings,n=[{label:(0,R.t)("canvas.placement-editor.horizontal-options.label-left","Left"),value:W.en.Left},{label:(0,R.t)("canvas.placement-editor.horizontal-options.label-right","Right"),value:W.en.Right},{label:(0,R.t)("canvas.placement-editor.horizontal-options.label-left-and-right","Left & right"),value:W.en.LeftRight},{label:(0,R.t)("canvas.placement-editor.horizontal-options.label-center","Center"),value:W.en.Center},{label:(0,R.t)("canvas.placement-editor.horizontal-options.label-scale","Scale"),value:W.en.Scale}],r=[{label:(0,R.t)("canvas.placement-editor.vertical-options.label-top","Top"),value:W.gR.Top},{label:(0,R.t)("canvas.placement-editor.vertical-options.label-bottom","Bottom"),value:W.gR.Bottom},{label:(0,R.t)("canvas.placement-editor.vertical-options.label-top-and-bottom","Top & bottom"),value:W.gR.TopBottom},{label:(0,R.t)("canvas.placement-editor.vertical-options.label-center","Center"),value:W.gR.Center},{label:(0,R.t)("canvas.placement-editor.vertical-options.label-scale","Scale"),value:W.gR.Scale}];if((0,Yi.A)(e?.scene?e.scene.moved:new gf.B),!e)return(0,y.jsx)("div",{children:(0,y.jsx)(R.x6,{i18nKey:"canvas.placement-editor.loading",children:"Loading..."})});const i=e.element;if(!i)return(0,y.jsx)("div",{children:"???"});const{options:a}=i,{placement:o,constraint:s}=a;o&&(o.rotation=o?.rotation??0);const l=()=>{setTimeout(()=>{e.scene.select({targets:[i.div]})})},c=p=>{u(p.value)},u=p=>{i.options.constraint.horizontal=p,i.setPlacementFromConstraint(void 0,void 0,e.scene.scale),e.scene.revId++,e.scene.save(!0),l()},d=p=>{f(p.value)},f=p=>{i.options.constraint.vertical=p,i.setPlacementFromConstraint(void 0,void 0,e.scene.scale),e.scene.revId++,e.scene.save(!0),l()},h=(p,g)=>{i.options.placement[g]=p??i.options.placement[g],i.applyLayoutStylesToDiv(),e.scene.clearCurrentSelection(!0),l()},v=i.tempConstraint??s??{};return(0,y.jsxs)("div",{children:[(0,y.jsx)(sx,{onPositionChange:h,settings:e,element:i}),(0,y.jsx)("br",{}),(0,y.jsx)(In.D,{label:(0,R.t)("canvas.placement-editor.label-constraints","Constraints"),children:(0,y.jsxs)(Ve.B,{direction:"row",children:[(0,y.jsx)(ax,{onVerticalConstraintChange:f,onHorizontalConstraintChange:u,currentConstraints:v}),(0,y.jsxs)(Ve.B,{direction:"column",children:[(0,y.jsxs)(Ve.B,{direction:"row",children:[(0,y.jsx)(qa.I,{name:"arrows-h"}),(0,y.jsx)(Zn.l6,{options:n,onChange:c,value:v.horizontal})]}),(0,y.jsxs)(Ve.B,{direction:"row",children:[(0,y.jsx)(qa.I,{name:"arrows-v"}),(0,y.jsx)(Zn.l6,{options:r,onChange:d,value:v.vertical})]})]})]})}),(0,y.jsx)("br",{}),(0,y.jsx)(In.D,{label:(0,R.t)("canvas.placement-editor.label-position","Position"),children:(0,y.jsx)(y.Fragment,{children:cx.map(p=>{const g=o[p];if(g==null)return null;const m=p==="rotation"?0:void 0,x=p==="rotation"?360:void 0;return(0,y.jsx)(Je.C,{children:(0,y.jsx)(We.I,{label:p,labelWidth:8,grow:!0,children:(0,y.jsx)(ix.Q,{min:m,max:x,value:g,onChange:b=>h(b,p)})})},p)})})})]})}function Mf(t){return{category:t.category,path:"--",values:e=>({getValue:n=>(0,de.get)(t.element.options,n),onChange:(n,r)=>{let i=t.element.options;if(n==="type"&&r){const a=li.getIfExists(r);if(!a){console.warn("layer does not exist",r);return}i={...i,...a.getNewOptions(i),type:a.id}}else i=(0,Qa.Sf)(i,n,r);t.element.onChange(i),t.element.updateData(t.scene.context)}}),build:(e,n)=>{const{options:r}=t.element,i=r?.type?r.type:oo.type,a=Zi(t.scene.shouldShowAdvancedTypes,i).options,o=!t.scene.shouldShowAdvancedTypes&&!Xi.filter(h=>h.id===r?.type).length;e.addSelect({path:"type",name:void 0,settings:{options:a},description:o?(0,R.t)("canvas.element-editor.description-unsupported","Selected element type is not supported by current settings. Please enable advanced element types."):""});const s=li.getIfExists(r?.type??oo.type);let l=r;l||(l={...s.getNewOptions(r),type:s.id,name:`Element ${Date.now()}.${Math.floor(Math.random()*100)}`});const c={...n,options:l};s?.registerOptionsUI&&s.registerOptionsUI(e,c),(t.element.item.standardEditorConfig?.layout??!0)&&e.addCustomEditor({category:[(0,R.t)("canvas.element-editor.category-layout","Layout")],id:"content",path:"__",name:(0,R.t)("canvas.element-editor.name-quick-placement","Quick placement"),editor:Df,settings:t}),(t.element.item.standardEditorConfig?.background??!0)&&ln.addBackground(e,c),(t.element.item.standardEditorConfig?.border??!0)&&ln.addBorder(e,c),ln.addDataLinks(e,c),ln.addActions(e,c)}}}var Tf=V(17437);function Tn(){return Tn=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var r in n)({}).hasOwnProperty.call(n,r)&&(t[r]=n[r])}return t},Tn.apply(null,arguments)}var ll=V(97813),Qe=V(30313),cl=V(78448);function ux(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}var dx=V(88702);function kf(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,(0,dx.A)(r.key),r)}}function fx(t,e,n){return e&&kf(t.prototype,e),n&&kf(t,n),Object.defineProperty(t,"prototype",{writable:!1}),t}function Lt(t){if(t===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function ul(t,e){return ul=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(n,r){return n.__proto__=r,n},ul(t,e)}function hx(t,e){if(typeof e!="function"&&e!==null)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&ul(t,e)}function Ja(t){return Ja=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},Ja(t)}function Rf(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch{}return(Rf=function(){return!!t})()}function vx(t,e){if(e&&((0,ll.A)(e)=="object"||typeof e=="function"))return e;if(e!==void 0)throw new TypeError("Derived constructors may only return object or undefined");return Lt(t)}function px(t){var e=Rf();return function(){var n,r=Ja(t);if(e){var i=Ja(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return vx(this,n)}}var at=V(68037),gx=V(46942),mn=V.n(gx),Qr=V(16928),Af=V(72065),Bi=V(68210),dl=F.createContext(null),mx=F.createContext({}),xx=function(e){var n=e.dropPosition,r=e.dropLevelOffset,i=e.indent,a={pointerEvents:"none",position:"absolute",right:0,backgroundColor:"red",height:2};switch(n){case-1:a.top=0,a.left=-r*i;break;case 1:a.bottom=0,a.left=-r*i;break;case 0:a.bottom=0,a.left=i;break}return F.createElement("div",{style:a})};const yx=xx;function Of(t){if(t==null)throw new TypeError("Cannot destructure "+t)}function bx(t){if(Array.isArray(t))return t}function Cx(t,e){var n=t==null?null:typeof Symbol<"u"&&t[Symbol.iterator]||t["@@iterator"];if(n!=null){var r,i,a,o,s=[],l=!0,c=!1;try{if(a=(n=n.call(t)).next,e===0){if(Object(n)!==n)return;l=!1}else for(;!(l=(r=a.call(n)).done)&&(s.push(r.value),s.length!==e);l=!0);}catch(u){c=!0,i=u}finally{try{if(!l&&n.return!=null&&(o=n.return(),Object(o)!==o))return}finally{if(c)throw i}}return s}}var Sx=V(86906);function Ex(){throw new TypeError(`Invalid attempt to destructure non-iterable instance. In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function Kn(t,e){return bx(t)||Cx(t,e)||(0,Sx.A)(t,e)||Ex()}var fl=V(78080),to=V(30981),wx=V(48301),Dx=V(1052),Mx=function(e){for(var n=e.prefixCls,r=e.level,i=e.isStart,a=e.isEnd,o="".concat(n,"-indent-unit"),s=[],l=0;l<r;l+=1)s.push(F.createElement("span",{key:l,className:mn()(o,(0,at.A)((0,at.A)({},"".concat(o,"-start"),i[l]),"".concat(o,"-end"),a[l]))}));return F.createElement("span",{"aria-hidden":"true",className:"".concat(n,"-indent")},s)};const Tx=F.memo(Mx);var qe=V(84963),Pt=V(7974),kx=["eventKey","className","style","dragOver","dragOverGapTop","dragOverGapBottom","isLeaf","isStart","isEnd","expanded","selected","checked","halfChecked","loading","domRef","active","data","onMouseMove","selectable"],_f="open",Lf="close",Rx="---",If=function(e){var n,r,i,a=e.eventKey,o=e.className,s=e.style,l=e.dragOver,c=e.dragOverGapTop,u=e.dragOverGapBottom,d=e.isLeaf,f=e.isStart,h=e.isEnd,v=e.expanded,p=e.selected,g=e.checked,m=e.halfChecked,x=e.loading,b=e.domRef,C=e.active,E=e.data,S=e.onMouseMove,D=e.selectable,M=(0,fl.A)(e,kx),w=F.useContext(dl),T=F.useContext(mx),k=F.useRef(null),O=F.useState(!1),A=Kn(O,2),_=A[0],P=A[1],z=!!(w.disabled||e.disabled||(n=T.nodeDisabled)!==null&&n!==void 0&&n.call(T,E)),j=F.useMemo(function(){return!w.checkable||e.checkable===!1?!1:w.checkable},[w.checkable,e.checkable]),N=function(tt){z||w.onNodeSelect(tt,(0,Pt.Hj)(e))},G=function(tt){z||!j||e.disableCheckbox||w.onNodeCheck(tt,(0,Pt.Hj)(e),!g)},$=F.useMemo(function(){return typeof D=="boolean"?D:w.selectable},[D,w.selectable]),B=function(tt){w.onNodeClick(tt,(0,Pt.Hj)(e)),$?N(tt):G(tt)},q=function(tt){w.onNodeDoubleClick(tt,(0,Pt.Hj)(e))},Q=function(tt){w.onNodeMouseEnter(tt,(0,Pt.Hj)(e))},X=function(tt){w.onNodeMouseLeave(tt,(0,Pt.Hj)(e))},U=function(tt){w.onNodeContextMenu(tt,(0,Pt.Hj)(e))},Y=F.useMemo(function(){return!!(w.draggable&&(!w.draggable.nodeDraggable||w.draggable.nodeDraggable(E)))},[w.draggable,E]),et=function(tt){tt.stopPropagation(),P(!0),w.onNodeDragStart(tt,e);try{tt.dataTransfer.setData("text/plain","")}catch{}},rt=function(tt){tt.preventDefault(),tt.stopPropagation(),w.onNodeDragEnter(tt,e)},pt=function(tt){tt.preventDefault(),tt.stopPropagation(),w.onNodeDragOver(tt,e)},ft=function(tt){tt.stopPropagation(),w.onNodeDragLeave(tt,e)},Z=function(tt){tt.stopPropagation(),P(!1),w.onNodeDragEnd(tt,e)},nt=function(tt){tt.preventDefault(),tt.stopPropagation(),P(!1),w.onNodeDrop(tt,e)},Rt=function(tt){x||w.onNodeExpand(tt,(0,Pt.Hj)(e))},ct=F.useMemo(function(){var xt=(0,qe.A)(w.keyEntities,a)||{},tt=xt.children;return!!(tt||[]).length},[w.keyEntities,a]),ut=F.useMemo(function(){return d===!1?!1:d||!w.loadData&&!ct||w.loadData&&e.loaded&&!ct},[d,w.loadData,ct,e.loaded]);F.useEffect(function(){x||typeof w.loadData=="function"&&v&&!ut&&!e.loaded&&w.onNodeLoad((0,Pt.Hj)(e))},[x,w.loadData,w.onNodeLoad,v,ut,e]);var mt=F.useMemo(function(){var xt;return(xt=w.draggable)!==null&&xt!==void 0&&xt.icon?F.createElement("span",{className:"".concat(w.prefixCls,"-draggable-icon")},w.draggable.icon):null},[w.draggable]),At=function(tt){var Gt=e.switcherIcon||w.switcherIcon;return typeof Gt=="function"?Gt((0,Qe.A)((0,Qe.A)({},e),{},{isLeaf:tt})):Gt},Mt=function(){if(ut){var tt=At(!0);return tt!==!1?F.createElement("span",{className:mn()("".concat(w.prefixCls,"-switcher"),"".concat(w.prefixCls,"-switcher-noop"))},tt):null}var Gt=At(!1);return Gt!==!1?F.createElement("span",{onClick:Rt,className:mn()("".concat(w.prefixCls,"-switcher"),"".concat(w.prefixCls,"-switcher_").concat(v?_f:Lf))},Gt):null},gt=F.useMemo(function(){if(!j)return null;var xt=typeof j!="boolean"?j:null;return F.createElement("span",{className:mn()("".concat(w.prefixCls,"-checkbox"),(0,at.A)((0,at.A)((0,at.A)({},"".concat(w.prefixCls,"-checkbox-checked"),g),"".concat(w.prefixCls,"-checkbox-indeterminate"),!g&&m),"".concat(w.prefixCls,"-checkbox-disabled"),z||e.disableCheckbox)),onClick:G,role:"checkbox","aria-checked":m?"mixed":g,"aria-disabled":z||e.disableCheckbox,"aria-label":"Select ".concat(typeof e.title=="string"?e.title:"tree node")},xt)},[j,g,m,z,e.disableCheckbox,e.title]),yt=F.useMemo(function(){return ut?null:v?_f:Lf},[ut,v]),Ht=F.useMemo(function(){return F.createElement("span",{className:mn()("".concat(w.prefixCls,"-iconEle"),"".concat(w.prefixCls,"-icon__").concat(yt||"docu"),(0,at.A)({},"".concat(w.prefixCls,"-icon_loading"),x))})},[w.prefixCls,yt,x]),zt=F.useMemo(function(){var xt=!!w.draggable,tt=!e.disabled&&xt&&w.dragOverNodeKey===a;return tt?w.dropIndicatorRender({dropPosition:w.dropPosition,dropLevelOffset:w.dropLevelOffset,indent:w.indent,prefixCls:w.prefixCls,direction:w.direction}):null},[w.dropPosition,w.dropLevelOffset,w.indent,w.prefixCls,w.direction,w.draggable,w.dragOverNodeKey,w.dropIndicatorRender]),st=F.useMemo(function(){var xt=e.title,tt=xt===void 0?Rx:xt,Gt="".concat(w.prefixCls,"-node-content-wrapper"),Dt;if(w.showIcon){var Bt=e.icon||w.icon;Dt=Bt?F.createElement("span",{className:mn()("".concat(w.prefixCls,"-iconEle"),"".concat(w.prefixCls,"-icon__customize"))},typeof Bt=="function"?Bt(e):Bt):Ht}else w.loadData&&x&&(Dt=Ht);var Yt;return typeof tt=="function"?Yt=tt(E):w.titleRender?Yt=w.titleRender(E):Yt=tt,F.createElement("span",{ref:k,title:typeof tt=="string"?tt:"",className:mn()(Gt,"".concat(Gt,"-").concat(yt||"normal"),(0,at.A)({},"".concat(w.prefixCls,"-node-selected"),!z&&(p||_))),onMouseEnter:Q,onMouseLeave:X,onContextMenu:U,onClick:B,onDoubleClick:q},Dt,F.createElement("span",{className:"".concat(w.prefixCls,"-title")},Yt),zt)},[w.prefixCls,w.showIcon,e,w.icon,Ht,w.titleRender,E,yt,Q,X,U,B,q]),bt=(0,Af.A)(M,{aria:!0,data:!0}),vt=(0,qe.A)(w.keyEntities,a)||{},Tt=vt.level,Ot=h[h.length-1],Et=!z&&Y,Nt=w.draggingNodeKey===a,Kt=D!==void 0?{"aria-selected":!!D}:void 0;return F.createElement("div",Tn({ref:b,role:"treeitem","aria-expanded":d?void 0:v,className:mn()(o,"".concat(w.prefixCls,"-treenode"),(i={},(0,at.A)((0,at.A)((0,at.A)((0,at.A)((0,at.A)((0,at.A)((0,at.A)((0,at.A)((0,at.A)((0,at.A)(i,"".concat(w.prefixCls,"-treenode-disabled"),z),"".concat(w.prefixCls,"-treenode-switcher-").concat(v?"open":"close"),!d),"".concat(w.prefixCls,"-treenode-checkbox-checked"),g),"".concat(w.prefixCls,"-treenode-checkbox-indeterminate"),m),"".concat(w.prefixCls,"-treenode-selected"),p),"".concat(w.prefixCls,"-treenode-loading"),x),"".concat(w.prefixCls,"-treenode-active"),C),"".concat(w.prefixCls,"-treenode-leaf-last"),Ot),"".concat(w.prefixCls,"-treenode-draggable"),Y),"dragging",Nt),(0,at.A)((0,at.A)((0,at.A)((0,at.A)((0,at.A)((0,at.A)((0,at.A)(i,"drop-target",w.dropTargetKey===a),"drop-container",w.dropContainerKey===a),"drag-over",!z&&l),"drag-over-gap-top",!z&&c),"drag-over-gap-bottom",!z&&u),"filter-node",(r=w.filterTreeNode)===null||r===void 0?void 0:r.call(w,(0,Pt.Hj)(e))),"".concat(w.prefixCls,"-treenode-leaf"),ut))),style:s,draggable:Et,onDragStart:Et?et:void 0,onDragEnter:Y?rt:void 0,onDragOver:Y?pt:void 0,onDragLeave:Y?ft:void 0,onDrop:Y?nt:void 0,onDragEnd:Y?Z:void 0,onMouseMove:S},Kt,bt),F.createElement(Tx,{prefixCls:w.prefixCls,level:Tt,isStart:f,isEnd:h}),mt,Mt(),gt,st)};If.isTreeNode=1;const hl=If;function Ax(t,e){var n=F.useState(!1),r=Kn(n,2),i=r[0],a=r[1];(0,to.A)(function(){if(i)return t(),function(){e()}},[i]),(0,to.A)(function(){return a(!0),function(){a(!1)}},[])}const Ox=Ax;var _x=["className","style","motion","motionNodes","motionType","onMotionStart","onMotionEnd","active","treeNodeRequiredProps"],Lx=F.forwardRef(function(t,e){var n=t.className,r=t.style,i=t.motion,a=t.motionNodes,o=t.motionType,s=t.onMotionStart,l=t.onMotionEnd,c=t.active,u=t.treeNodeRequiredProps,d=(0,fl.A)(t,_x),f=F.useState(!0),h=Kn(f,2),v=h[0],p=h[1],g=F.useContext(dl),m=g.prefixCls,x=a&&o!=="hide";(0,to.A)(function(){a&&x!==v&&p(x)},[a]);var b=function(){a&&s()},C=F.useRef(!1),E=function(){a&&!C.current&&(C.current=!0,l())};Ox(b,E);var S=function(M){x===M&&E()};return a?F.createElement(Dx.A,Tn({ref:e,visible:v},i,{motionAppear:o==="show",onVisibleChanged:S}),function(D,M){var w=D.className,T=D.style;return F.createElement("div",{ref:M,className:mn()("".concat(m,"-treenode-motion"),w),style:T},a.map(function(k){var O=Object.assign({},(Of(k.data),k.data)),A=k.title,_=k.key,P=k.isStart,z=k.isEnd;delete O.children;var j=(0,Pt.N5)(_,u);return F.createElement(hl,Tn({},O,j,{title:A,active:c,data:k.data,key:_,isStart:P,isEnd:z}))}))}):F.createElement(hl,Tn({domRef:e,className:n,style:r},d,{active:c}))});const Ix=Lx;function Px(){var t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:[],e=arguments.length>1&&arguments[1]!==void 0?arguments[1]:[],n=t.length,r=e.length;if(Math.abs(n-r)!==1)return{add:!1,key:null};function i(a,o){var s=new Map;a.forEach(function(c){s.set(c,!0)});var l=o.filter(function(c){return!s.has(c)});return l.length===1?l[0]:null}return n<r?{add:!0,key:i(t,e)}:{add:!1,key:i(e,t)}}function Pf(t,e,n){var r=t.findIndex(function(s){return s.key===n}),i=t[r+1],a=e.findIndex(function(s){return s.key===n});if(i){var o=e.findIndex(function(s){return s.key===i.key});return e.slice(a+1,o)}return e.slice(a+1)}var zx=["prefixCls","data","selectable","checkable","expandedKeys","selectedKeys","checkedKeys","loadedKeys","loadingKeys","halfCheckedKeys","keyEntities","disabled","dragging","dragOverNodeKey","dropPosition","motion","height","itemHeight","virtual","scrollWidth","focusable","activeItem","focused","tabIndex","onKeyDown","onFocus","onBlur","onActiveChange","onListChangeStart","onListChangeEnd"],zf={width:0,height:0,display:"flex",overflow:"hidden",opacity:0,border:0,padding:0,margin:0},Nx=function(){},xr="RC_TREE_MOTION_".concat(Math.random()),vl={key:xr},Nf={key:xr,level:0,index:0,pos:"0",node:vl,nodes:[vl]},Bf={parent:null,children:[],pos:Nf.pos,data:vl,title:null,key:xr,isStart:[],isEnd:[]};function jf(t,e,n,r){return e===!1||!n?t:t.slice(0,Math.ceil(n/r)+1)}function Vf(t){var e=t.key,n=t.pos;return(0,Pt.i7)(e,n)}function Bx(t){for(var e=String(t.data.key),n=t;n.parent;)n=n.parent,e="".concat(n.data.key," > ").concat(e);return e}var jx=F.forwardRef(function(t,e){var n=t.prefixCls,r=t.data,i=t.selectable,a=t.checkable,o=t.expandedKeys,s=t.selectedKeys,l=t.checkedKeys,c=t.loadedKeys,u=t.loadingKeys,d=t.halfCheckedKeys,f=t.keyEntities,h=t.disabled,v=t.dragging,p=t.dragOverNodeKey,g=t.dropPosition,m=t.motion,x=t.height,b=t.itemHeight,C=t.virtual,E=t.scrollWidth,S=t.focusable,D=t.activeItem,M=t.focused,w=t.tabIndex,T=t.onKeyDown,k=t.onFocus,O=t.onBlur,A=t.onActiveChange,_=t.onListChangeStart,P=t.onListChangeEnd,z=(0,fl.A)(t,zx),j=F.useRef(null),N=F.useRef(null);F.useImperativeHandle(e,function(){return{scrollTo:function(bt){j.current.scrollTo(bt)},getIndentWidth:function(){return N.current.offsetWidth}}});var G=F.useState(o),$=Kn(G,2),B=$[0],q=$[1],Q=F.useState(r),X=Kn(Q,2),U=X[0],Y=X[1],et=F.useState(r),rt=Kn(et,2),pt=rt[0],ft=rt[1],Z=F.useState([]),nt=Kn(Z,2),Rt=nt[0],ct=nt[1],ut=F.useState(null),mt=Kn(ut,2),At=mt[0],Mt=mt[1],gt=F.useRef(r);gt.current=r;function yt(){var st=gt.current;Y(st),ft(st),ct([]),Mt(null),P()}(0,to.A)(function(){q(o);var st=Px(B,o);if(st.key!==null)if(st.add){var bt=U.findIndex(function(Kt){var xt=Kt.key;return xt===st.key}),vt=jf(Pf(U,r,st.key),C,x,b),Tt=U.slice();Tt.splice(bt+1,0,Bf),ft(Tt),ct(vt),Mt("show")}else{var Ot=r.findIndex(function(Kt){var xt=Kt.key;return xt===st.key}),Et=jf(Pf(r,U,st.key),C,x,b),Nt=r.slice();Nt.splice(Ot+1,0,Bf),ft(Nt),ct(Et),Mt("hide")}else U!==r&&(Y(r),ft(r))},[o,r]),F.useEffect(function(){v||yt()},[v]);var Ht=m?pt:r,zt={expandedKeys:o,selectedKeys:s,loadedKeys:c,loadingKeys:u,checkedKeys:l,halfCheckedKeys:d,dragOverNodeKey:p,dropPosition:g,keyEntities:f};return F.createElement(F.Fragment,null,M&&D&&F.createElement("span",{style:zf,"aria-live":"assertive"},Bx(D)),F.createElement("div",null,F.createElement("input",{style:zf,disabled:S===!1||h,tabIndex:S!==!1?w:null,onKeyDown:T,onFocus:k,onBlur:O,value:"",onChange:Nx,"aria-label":"for screen reader"})),F.createElement("div",{className:"".concat(n,"-treenode"),"aria-hidden":!0,style:{position:"absolute",pointerEvents:"none",visibility:"hidden",height:0,overflow:"hidden",border:0,padding:0}},F.createElement("div",{className:"".concat(n,"-indent")},F.createElement("div",{ref:N,className:"".concat(n,"-indent-unit")}))),F.createElement(wx.A,Tn({},z,{data:Ht,itemKey:Vf,height:x,fullHeight:!1,virtual:C,itemHeight:b,scrollWidth:E,prefixCls:"".concat(n,"-list"),ref:j,role:"tree",onVisibleChange:function(bt){bt.every(function(vt){return Vf(vt)!==xr})&&yt()}}),function(st){var bt=st.pos,vt=Object.assign({},(Of(st.data),st.data)),Tt=st.title,Ot=st.key,Et=st.isStart,Nt=st.isEnd,Kt=(0,Pt.i7)(Ot,bt);delete vt.key,delete vt.children;var xt=(0,Pt.N5)(Kt,zt);return F.createElement(Ix,Tn({},vt,xt,{title:Tt,active:!!D&&Ot===D.key,pos:bt,data:st.data,isStart:Et,isEnd:Nt,motion:m,motionNodes:Ot===xr?Rt:null,motionType:At,onMotionStart:_,onMotionEnd:yt,treeNodeRequiredProps:zt,onMouseMove:function(){A(null)}}))}))});const Vx=jx;var Fx=null;function kn(t,e){if(!t)return[];var n=t.slice(),r=n.indexOf(e);return r>=0&&n.splice(r,1),n}function Xn(t,e){var n=(t||[]).slice();return n.indexOf(e)===-1&&n.push(e),n}function pl(t){return t.split("-")}function Gx(t,e){var n=[],r=(0,qe.A)(e,t);function i(){var a=arguments.length>0&&arguments[0]!==void 0?arguments[0]:[];a.forEach(function(o){var s=o.key,l=o.children;n.push(s),i(l)})}return i(r.children),n}function Wx(t){if(t.parent){var e=pl(t.pos);return Number(e[e.length-1])===t.parent.children.length-1}return!1}function $x(t){var e=pl(t.pos);return Number(e[e.length-1])===0}function Ff(t,e,n,r,i,a,o,s,l,c){var u,d=t.clientX,f=t.clientY,h=t.target.getBoundingClientRect(),v=h.top,p=h.height,g=(c==="rtl"?-1:1)*((i?.x||0)-d),m=(g-12)/r,x=l.filter(function(z){var j;return(j=s[z])===null||j===void 0||(j=j.children)===null||j===void 0?void 0:j.length}),b=(0,qe.A)(s,n.eventKey);if(f<v+p/2){var C=o.findIndex(function(z){return z.key===b.key}),E=C<=0?0:C-1,S=o[E].key;b=(0,qe.A)(s,S)}var D=b.key,M=b,w=b.key,T=0,k=0;if(!x.includes(D))for(var O=0;O<m&&Wx(b);O+=1)b=b.parent,k+=1;var A=e.data,_=b.node,P=!0;return $x(b)&&b.level===0&&f<v+p/2&&a({dragNode:A,dropNode:_,dropPosition:-1})&&b.key===n.eventKey?T=-1:(M.children||[]).length&&x.includes(w)?a({dragNode:A,dropNode:_,dropPosition:0})?T=0:P=!1:k===0?m>-1.5?a({dragNode:A,dropNode:_,dropPosition:1})?T=1:P=!1:a({dragNode:A,dropNode:_,dropPosition:0})?T=0:a({dragNode:A,dropNode:_,dropPosition:1})?T=1:P=!1:a({dragNode:A,dropNode:_,dropPosition:1})?T=1:P=!1,{dropPosition:T,dropLevelOffset:k,dropTargetKey:b.key,dropTargetPos:b.pos,dragOverNodeKey:w,dropContainerKey:T===0?null:((u=b.parent)===null||u===void 0?void 0:u.key)||null,dropAllowed:P}}function Gf(t,e){if(t){var n=e.multiple;return n?t.slice():t.length?[t[0]]:t}}var Hx=function(e){return e};function Yx(t,e){if(!t)return[];var n=e||{},r=n.processProps,i=r===void 0?Hx:r,a=Array.isArray(t)?t:[t];return a.map(function(o){var s=o.children,l=_objectWithoutProperties(o,Fx),c=Yx(s,e);return React.createElement(TreeNode,_extends({key:l.key},i(l)),c)})}function gl(t){if(!t)return null;var e;if(Array.isArray(t))e={checkedKeys:t,halfCheckedKeys:void 0};else if((0,ll.A)(t)==="object")e={checkedKeys:t.checked||void 0,halfCheckedKeys:t.halfChecked||void 0};else return(0,Bi.Ay)(!1,"`checkedKeys` is not an array or an object"),null;return e}function Wf(t,e){var n=new Set;function r(i){if(!n.has(i)){var a=(0,qe.A)(e,i);if(a){n.add(i);var o=a.parent,s=a.node;s.disabled||o&&r(o.key)}}}return(t||[]).forEach(function(i){r(i)}),(0,cl.A)(n)}var ml=V(38820),Kx=10,xl=function(t){hx(n,t);var e=px(n);function n(){var r;ux(this,n);for(var i=arguments.length,a=new Array(i),o=0;o<i;o++)a[o]=arguments[o];return r=e.call.apply(e,[this].concat(a)),(0,at.A)(Lt(r),"destroyed",!1),(0,at.A)(Lt(r),"delayedDragEnterLogic",void 0),(0,at.A)(Lt(r),"loadingRetryTimes",{}),(0,at.A)(Lt(r),"state",{keyEntities:{},indent:null,selectedKeys:[],checkedKeys:[],halfCheckedKeys:[],loadedKeys:[],loadingKeys:[],expandedKeys:[],draggingNodeKey:null,dragChildrenKeys:[],dropTargetKey:null,dropPosition:null,dropContainerKey:null,dropLevelOffset:null,dropTargetPos:null,dropAllowed:!0,dragOverNodeKey:null,treeData:[],flattenNodes:[],focused:!1,activeKey:null,listChanging:!1,prevProps:null,fieldNames:(0,Pt.AZ)()}),(0,at.A)(Lt(r),"dragStartMousePosition",null),(0,at.A)(Lt(r),"dragNodeProps",null),(0,at.A)(Lt(r),"currentMouseOverDroppableNodeKey",null),(0,at.A)(Lt(r),"listRef",F.createRef()),(0,at.A)(Lt(r),"onNodeDragStart",function(s,l){var c=r.state,u=c.expandedKeys,d=c.keyEntities,f=r.props.onDragStart,h=l.eventKey;r.dragNodeProps=l,r.dragStartMousePosition={x:s.clientX,y:s.clientY};var v=kn(u,h);r.setState({draggingNodeKey:h,dragChildrenKeys:Gx(h,d),indent:r.listRef.current.getIndentWidth()}),r.setExpandedKeys(v),window.addEventListener("dragend",r.onWindowDragEnd),f?.({event:s,node:(0,Pt.Hj)(l)})}),(0,at.A)(Lt(r),"onNodeDragEnter",function(s,l){var c=r.state,u=c.expandedKeys,d=c.keyEntities,f=c.dragChildrenKeys,h=c.flattenNodes,v=c.indent,p=r.props,g=p.onDragEnter,m=p.onExpand,x=p.allowDrop,b=p.direction,C=l.pos,E=l.eventKey;if(r.currentMouseOverDroppableNodeKey!==E&&(r.currentMouseOverDroppableNodeKey=E),!r.dragNodeProps){r.resetDragState();return}var S=Ff(s,r.dragNodeProps,l,v,r.dragStartMousePosition,x,h,d,u,b),D=S.dropPosition,M=S.dropLevelOffset,w=S.dropTargetKey,T=S.dropContainerKey,k=S.dropTargetPos,O=S.dropAllowed,A=S.dragOverNodeKey;if(f.includes(w)||!O){r.resetDragState();return}if(r.delayedDragEnterLogic||(r.delayedDragEnterLogic={}),Object.keys(r.delayedDragEnterLogic).forEach(function(_){clearTimeout(r.delayedDragEnterLogic[_])}),r.dragNodeProps.eventKey!==l.eventKey&&(s.persist(),r.delayedDragEnterLogic[C]=window.setTimeout(function(){if(r.state.draggingNodeKey!==null){var _=(0,cl.A)(u),P=(0,qe.A)(d,l.eventKey);P&&(P.children||[]).length&&(_=Xn(u,l.eventKey)),r.props.hasOwnProperty("expandedKeys")||r.setExpandedKeys(_),m?.(_,{node:(0,Pt.Hj)(l),expanded:!0,nativeEvent:s.nativeEvent})}},800)),r.dragNodeProps.eventKey===w&&M===0){r.resetDragState();return}r.setState({dragOverNodeKey:A,dropPosition:D,dropLevelOffset:M,dropTargetKey:w,dropContainerKey:T,dropTargetPos:k,dropAllowed:O}),g?.({event:s,node:(0,Pt.Hj)(l),expandedKeys:u})}),(0,at.A)(Lt(r),"onNodeDragOver",function(s,l){var c=r.state,u=c.dragChildrenKeys,d=c.flattenNodes,f=c.keyEntities,h=c.expandedKeys,v=c.indent,p=r.props,g=p.onDragOver,m=p.allowDrop,x=p.direction;if(r.dragNodeProps){var b=Ff(s,r.dragNodeProps,l,v,r.dragStartMousePosition,m,d,f,h,x),C=b.dropPosition,E=b.dropLevelOffset,S=b.dropTargetKey,D=b.dropContainerKey,M=b.dropTargetPos,w=b.dropAllowed,T=b.dragOverNodeKey;u.includes(S)||!w||(r.dragNodeProps.eventKey===S&&E===0?r.state.dropPosition===null&&r.state.dropLevelOffset===null&&r.state.dropTargetKey===null&&r.state.dropContainerKey===null&&r.state.dropTargetPos===null&&r.state.dropAllowed===!1&&r.state.dragOverNodeKey===null||r.resetDragState():C===r.state.dropPosition&&E===r.state.dropLevelOffset&&S===r.state.dropTargetKey&&D===r.state.dropContainerKey&&M===r.state.dropTargetPos&&w===r.state.dropAllowed&&T===r.state.dragOverNodeKey||r.setState({dropPosition:C,dropLevelOffset:E,dropTargetKey:S,dropContainerKey:D,dropTargetPos:M,dropAllowed:w,dragOverNodeKey:T}),g?.({event:s,node:(0,Pt.Hj)(l)}))}}),(0,at.A)(Lt(r),"onNodeDragLeave",function(s,l){r.currentMouseOverDroppableNodeKey===l.eventKey&&!s.currentTarget.contains(s.relatedTarget)&&(r.resetDragState(),r.currentMouseOverDroppableNodeKey=null);var c=r.props.onDragLeave;c?.({event:s,node:(0,Pt.Hj)(l)})}),(0,at.A)(Lt(r),"onWindowDragEnd",function(s){r.onNodeDragEnd(s,null,!0),window.removeEventListener("dragend",r.onWindowDragEnd)}),(0,at.A)(Lt(r),"onNodeDragEnd",function(s,l){var c=r.props.onDragEnd;r.setState({dragOverNodeKey:null}),r.cleanDragState(),c?.({event:s,node:(0,Pt.Hj)(l)}),r.dragNodeProps=null,window.removeEventListener("dragend",r.onWindowDragEnd)}),(0,at.A)(Lt(r),"onNodeDrop",function(s,l){var c,u=arguments.length>2&&arguments[2]!==void 0?arguments[2]:!1,d=r.state,f=d.dragChildrenKeys,h=d.dropPosition,v=d.dropTargetKey,p=d.dropTargetPos,g=d.dropAllowed;if(g){var m=r.props.onDrop;if(r.setState({dragOverNodeKey:null}),r.cleanDragState(),v!==null){var x=(0,Qe.A)((0,Qe.A)({},(0,Pt.N5)(v,r.getTreeNodeRequiredProps())),{},{active:((c=r.getActiveItem())===null||c===void 0?void 0:c.key)===v,data:(0,qe.A)(r.state.keyEntities,v).node}),b=f.includes(v);(0,Bi.Ay)(!b,"Can not drop to dragNode's children node. This is a bug of rc-tree. Please report an issue.");var C=pl(p),E={event:s,node:(0,Pt.Hj)(x),dragNode:r.dragNodeProps?(0,Pt.Hj)(r.dragNodeProps):null,dragNodesKeys:[r.dragNodeProps.eventKey].concat(f),dropToGap:h!==0,dropPosition:h+Number(C[C.length-1])};u||m?.(E),r.dragNodeProps=null}}}),(0,at.A)(Lt(r),"cleanDragState",function(){var s=r.state.draggingNodeKey;s!==null&&r.setState({draggingNodeKey:null,dropPosition:null,dropContainerKey:null,dropTargetKey:null,dropLevelOffset:null,dropAllowed:!0,dragOverNodeKey:null}),r.dragStartMousePosition=null,r.currentMouseOverDroppableNodeKey=null}),(0,at.A)(Lt(r),"triggerExpandActionExpand",function(s,l){var c=r.state,u=c.expandedKeys,d=c.flattenNodes,f=l.expanded,h=l.key,v=l.isLeaf;if(!(v||s.shiftKey||s.metaKey||s.ctrlKey)){var p=d.filter(function(m){return m.key===h})[0],g=(0,Pt.Hj)((0,Qe.A)((0,Qe.A)({},(0,Pt.N5)(h,r.getTreeNodeRequiredProps())),{},{data:p.data}));r.setExpandedKeys(f?kn(u,h):Xn(u,h)),r.onNodeExpand(s,g)}}),(0,at.A)(Lt(r),"onNodeClick",function(s,l){var c=r.props,u=c.onClick,d=c.expandAction;d==="click"&&r.triggerExpandActionExpand(s,l),u?.(s,l)}),(0,at.A)(Lt(r),"onNodeDoubleClick",function(s,l){var c=r.props,u=c.onDoubleClick,d=c.expandAction;d==="doubleClick"&&r.triggerExpandActionExpand(s,l),u?.(s,l)}),(0,at.A)(Lt(r),"onNodeSelect",function(s,l){var c=r.state.selectedKeys,u=r.state,d=u.keyEntities,f=u.fieldNames,h=r.props,v=h.onSelect,p=h.multiple,g=l.selected,m=l[f.key],x=!g;x?p?c=Xn(c,m):c=[m]:c=kn(c,m);var b=c.map(function(C){var E=(0,qe.A)(d,C);return E?E.node:null}).filter(Boolean);r.setUncontrolledState({selectedKeys:c}),v?.(c,{event:"select",selected:x,node:l,selectedNodes:b,nativeEvent:s.nativeEvent})}),(0,at.A)(Lt(r),"onNodeCheck",function(s,l,c){var u=r.state,d=u.keyEntities,f=u.checkedKeys,h=u.halfCheckedKeys,v=r.props,p=v.checkStrictly,g=v.onCheck,m=l.key,x,b={event:"check",node:l,checked:c,nativeEvent:s.nativeEvent};if(p){var C=c?Xn(f,m):kn(f,m),E=kn(h,m);x={checked:C,halfChecked:E},b.checkedNodes=C.map(function(k){return(0,qe.A)(d,k)}).filter(Boolean).map(function(k){return k.node}),r.setUncontrolledState({checkedKeys:C})}else{var S=(0,ml.p)([].concat((0,cl.A)(f),[m]),!0,d),D=S.checkedKeys,M=S.halfCheckedKeys;if(!c){var w=new Set(D);w.delete(m);var T=(0,ml.p)(Array.from(w),{checked:!1,halfCheckedKeys:M},d);D=T.checkedKeys,M=T.halfCheckedKeys}x=D,b.checkedNodes=[],b.checkedNodesPositions=[],b.halfCheckedKeys=M,D.forEach(function(k){var O=(0,qe.A)(d,k);if(O){var A=O.node,_=O.pos;b.checkedNodes.push(A),b.checkedNodesPositions.push({node:A,pos:_})}}),r.setUncontrolledState({checkedKeys:D},!1,{halfCheckedKeys:M})}g?.(x,b)}),(0,at.A)(Lt(r),"onNodeLoad",function(s){var l,c=s.key,u=r.state.keyEntities,d=(0,qe.A)(u,c);if(!(d!=null&&(l=d.children)!==null&&l!==void 0&&l.length)){var f=new Promise(function(h,v){r.setState(function(p){var g=p.loadedKeys,m=g===void 0?[]:g,x=p.loadingKeys,b=x===void 0?[]:x,C=r.props,E=C.loadData,S=C.onLoad;if(!E||m.includes(c)||b.includes(c))return null;var D=E(s);return D.then(function(){var M=r.state.loadedKeys,w=Xn(M,c);S?.(w,{event:"load",node:s}),r.setUncontrolledState({loadedKeys:w}),r.setState(function(T){return{loadingKeys:kn(T.loadingKeys,c)}}),h()}).catch(function(M){if(r.setState(function(T){return{loadingKeys:kn(T.loadingKeys,c)}}),r.loadingRetryTimes[c]=(r.loadingRetryTimes[c]||0)+1,r.loadingRetryTimes[c]>=Kx){var w=r.state.loadedKeys;(0,Bi.Ay)(!1,"Retry for `loadData` many times but still failed. No more retry."),r.setUncontrolledState({loadedKeys:Xn(w,c)}),h()}v(M)}),{loadingKeys:Xn(b,c)}})});return f.catch(function(){}),f}}),(0,at.A)(Lt(r),"onNodeMouseEnter",function(s,l){var c=r.props.onMouseEnter;c?.({event:s,node:l})}),(0,at.A)(Lt(r),"onNodeMouseLeave",function(s,l){var c=r.props.onMouseLeave;c?.({event:s,node:l})}),(0,at.A)(Lt(r),"onNodeContextMenu",function(s,l){var c=r.props.onRightClick;c&&(s.preventDefault(),c({event:s,node:l}))}),(0,at.A)(Lt(r),"onFocus",function(){var s=r.props.onFocus;r.setState({focused:!0});for(var l=arguments.length,c=new Array(l),u=0;u<l;u++)c[u]=arguments[u];s?.apply(void 0,c)}),(0,at.A)(Lt(r),"onBlur",function(){var s=r.props.onBlur;r.setState({focused:!1}),r.onActiveChange(null);for(var l=arguments.length,c=new Array(l),u=0;u<l;u++)c[u]=arguments[u];s?.apply(void 0,c)}),(0,at.A)(Lt(r),"getTreeNodeRequiredProps",function(){var s=r.state,l=s.expandedKeys,c=s.selectedKeys,u=s.loadedKeys,d=s.loadingKeys,f=s.checkedKeys,h=s.halfCheckedKeys,v=s.dragOverNodeKey,p=s.dropPosition,g=s.keyEntities;return{expandedKeys:l||[],selectedKeys:c||[],loadedKeys:u||[],loadingKeys:d||[],checkedKeys:f||[],halfCheckedKeys:h||[],dragOverNodeKey:v,dropPosition:p,keyEntities:g}}),(0,at.A)(Lt(r),"setExpandedKeys",function(s){var l=r.state,c=l.treeData,u=l.fieldNames,d=(0,Pt.$9)(c,s,u);r.setUncontrolledState({expandedKeys:s,flattenNodes:d},!0)}),(0,at.A)(Lt(r),"onNodeExpand",function(s,l){var c=r.state.expandedKeys,u=r.state,d=u.listChanging,f=u.fieldNames,h=r.props,v=h.onExpand,p=h.loadData,g=l.expanded,m=l[f.key];if(!d){var x=c.includes(m),b=!g;if((0,Bi.Ay)(g&&x||!g&&!x,"Expand state not sync with index check"),c=b?Xn(c,m):kn(c,m),r.setExpandedKeys(c),v?.(c,{node:l,expanded:b,nativeEvent:s.nativeEvent}),b&&p){var C=r.onNodeLoad(l);C&&C.then(function(){var E=(0,Pt.$9)(r.state.treeData,c,f);r.setUncontrolledState({flattenNodes:E})}).catch(function(){var E=r.state.expandedKeys,S=kn(E,m);r.setExpandedKeys(S)})}}}),(0,at.A)(Lt(r),"onListChangeStart",function(){r.setUncontrolledState({listChanging:!0})}),(0,at.A)(Lt(r),"onListChangeEnd",function(){setTimeout(function(){r.setUncontrolledState({listChanging:!1})})}),(0,at.A)(Lt(r),"onActiveChange",function(s){var l=r.state.activeKey,c=r.props,u=c.onActiveChange,d=c.itemScrollOffset,f=d===void 0?0:d;l!==s&&(r.setState({activeKey:s}),s!==null&&r.scrollTo({key:s,offset:f}),u?.(s))}),(0,at.A)(Lt(r),"getActiveItem",function(){var s=r.state,l=s.activeKey,c=s.flattenNodes;return l===null?null:c.find(function(u){var d=u.key;return d===l})||null}),(0,at.A)(Lt(r),"offsetActiveKey",function(s){var l=r.state,c=l.flattenNodes,u=l.activeKey,d=c.findIndex(function(v){var p=v.key;return p===u});d===-1&&s<0&&(d=c.length),d=(d+s+c.length)%c.length;var f=c[d];if(f){var h=f.key;r.onActiveChange(h)}else r.onActiveChange(null)}),(0,at.A)(Lt(r),"onKeyDown",function(s){var l=r.state,c=l.activeKey,u=l.expandedKeys,d=l.checkedKeys,f=l.fieldNames,h=r.props,v=h.onKeyDown,p=h.checkable,g=h.selectable;switch(s.which){case Qr.A.UP:{r.offsetActiveKey(-1),s.preventDefault();break}case Qr.A.DOWN:{r.offsetActiveKey(1),s.preventDefault();break}}var m=r.getActiveItem();if(m&&m.data){var x=r.getTreeNodeRequiredProps(),b=m.data.isLeaf===!1||!!(m.data[f.children]||[]).length,C=(0,Pt.Hj)((0,Qe.A)((0,Qe.A)({},(0,Pt.N5)(c,x)),{},{data:m.data,active:!0}));switch(s.which){case Qr.A.LEFT:{b&&u.includes(c)?r.onNodeExpand({},C):m.parent&&r.onActiveChange(m.parent.key),s.preventDefault();break}case Qr.A.RIGHT:{b&&!u.includes(c)?r.onNodeExpand({},C):m.children&&m.children.length&&r.onActiveChange(m.children[0].key),s.preventDefault();break}case Qr.A.ENTER:case Qr.A.SPACE:{p&&!C.disabled&&C.checkable!==!1&&!C.disableCheckbox?r.onNodeCheck({},C,!d.includes(c)):!p&&g&&!C.disabled&&C.selectable!==!1&&r.onNodeSelect({},C);break}}}v?.(s)}),(0,at.A)(Lt(r),"setUncontrolledState",function(s){var l=arguments.length>1&&arguments[1]!==void 0?arguments[1]:!1,c=arguments.length>2&&arguments[2]!==void 0?arguments[2]:null;if(!r.destroyed){var u=!1,d=!0,f={};Object.keys(s).forEach(function(h){if(r.props.hasOwnProperty(h)){d=!1;return}u=!0,f[h]=s[h]}),u&&(!l||d)&&r.setState((0,Qe.A)((0,Qe.A)({},f),c))}}),(0,at.A)(Lt(r),"scrollTo",function(s){r.listRef.current.scrollTo(s)}),r}return fx(n,[{key:"componentDidMount",value:function(){this.destroyed=!1,this.onUpdated()}},{key:"componentDidUpdate",value:function(){this.onUpdated()}},{key:"onUpdated",value:function(){var i=this.props,a=i.activeKey,o=i.itemScrollOffset,s=o===void 0?0:o;a!==void 0&&a!==this.state.activeKey&&(this.setState({activeKey:a}),a!==null&&this.scrollTo({key:a,offset:s}))}},{key:"componentWillUnmount",value:function(){window.removeEventListener("dragend",this.onWindowDragEnd),this.destroyed=!0}},{key:"resetDragState",value:function(){this.setState({dragOverNodeKey:null,dropPosition:null,dropLevelOffset:null,dropTargetKey:null,dropContainerKey:null,dropTargetPos:null,dropAllowed:!1})}},{key:"render",value:function(){var i=this.state,a=i.focused,o=i.flattenNodes,s=i.keyEntities,l=i.draggingNodeKey,c=i.activeKey,u=i.dropLevelOffset,d=i.dropContainerKey,f=i.dropTargetKey,h=i.dropPosition,v=i.dragOverNodeKey,p=i.indent,g=this.props,m=g.prefixCls,x=g.className,b=g.style,C=g.showLine,E=g.focusable,S=g.tabIndex,D=S===void 0?0:S,M=g.selectable,w=g.showIcon,T=g.icon,k=g.switcherIcon,O=g.draggable,A=g.checkable,_=g.checkStrictly,P=g.disabled,z=g.motion,j=g.loadData,N=g.filterTreeNode,G=g.height,$=g.itemHeight,B=g.scrollWidth,q=g.virtual,Q=g.titleRender,X=g.dropIndicatorRender,U=g.onContextMenu,Y=g.onScroll,et=g.direction,rt=g.rootClassName,pt=g.rootStyle,ft=(0,Af.A)(this.props,{aria:!0,data:!0}),Z;O&&((0,ll.A)(O)==="object"?Z=O:typeof O=="function"?Z={nodeDraggable:O}:Z={});var nt={prefixCls:m,selectable:M,showIcon:w,icon:T,switcherIcon:k,draggable:Z,draggingNodeKey:l,checkable:A,checkStrictly:_,disabled:P,keyEntities:s,dropLevelOffset:u,dropContainerKey:d,dropTargetKey:f,dropPosition:h,dragOverNodeKey:v,indent:p,direction:et,dropIndicatorRender:X,loadData:j,filterTreeNode:N,titleRender:Q,onNodeClick:this.onNodeClick,onNodeDoubleClick:this.onNodeDoubleClick,onNodeExpand:this.onNodeExpand,onNodeSelect:this.onNodeSelect,onNodeCheck:this.onNodeCheck,onNodeLoad:this.onNodeLoad,onNodeMouseEnter:this.onNodeMouseEnter,onNodeMouseLeave:this.onNodeMouseLeave,onNodeContextMenu:this.onNodeContextMenu,onNodeDragStart:this.onNodeDragStart,onNodeDragEnter:this.onNodeDragEnter,onNodeDragOver:this.onNodeDragOver,onNodeDragLeave:this.onNodeDragLeave,onNodeDragEnd:this.onNodeDragEnd,onNodeDrop:this.onNodeDrop};return F.createElement(dl.Provider,{value:nt},F.createElement("div",{className:mn()(m,x,rt,(0,at.A)((0,at.A)((0,at.A)({},"".concat(m,"-show-line"),C),"".concat(m,"-focused"),a),"".concat(m,"-active-focused"),c!==null)),style:pt},F.createElement(Vx,Tn({ref:this.listRef,prefixCls:m,style:b,data:o,disabled:P,selectable:M,checkable:!!A,motion:z,dragging:l!==null,height:G,itemHeight:$,virtual:q,focusable:E,focused:a,tabIndex:D,activeItem:this.getActiveItem(),onFocus:this.onFocus,onBlur:this.onBlur,onKeyDown:this.onKeyDown,onActiveChange:this.onActiveChange,onListChangeStart:this.onListChangeStart,onListChangeEnd:this.onListChangeEnd,onContextMenu:U,onScroll:Y,scrollWidth:B},this.getTreeNodeRequiredProps(),ft))))}}],[{key:"getDerivedStateFromProps",value:function(i,a){var o=a.prevProps,s={prevProps:i};function l(D){return!o&&i.hasOwnProperty(D)||o&&o[D]!==i[D]}var c,u=a.fieldNames;if(l("fieldNames")&&(u=(0,Pt.AZ)(i.fieldNames),s.fieldNames=u),l("treeData")?c=i.treeData:l("children")&&((0,Bi.Ay)(!1,"`children` of Tree is deprecated. Please use `treeData` instead."),c=(0,Pt.vH)(i.children)),c){s.treeData=c;var d=(0,Pt.cG)(c,{fieldNames:u});s.keyEntities=(0,Qe.A)((0,at.A)({},xr,Nf),d.keyEntities)}var f=s.keyEntities||a.keyEntities;if(l("expandedKeys")||o&&l("autoExpandParent"))s.expandedKeys=i.autoExpandParent||!o&&i.defaultExpandParent?Wf(i.expandedKeys,f):i.expandedKeys;else if(!o&&i.defaultExpandAll){var h=(0,Qe.A)({},f);delete h[xr];var v=[];Object.keys(h).forEach(function(D){var M=h[D];M.children&&M.children.length&&v.push(M.key)}),s.expandedKeys=v}else!o&&i.defaultExpandedKeys&&(s.expandedKeys=i.autoExpandParent||i.defaultExpandParent?Wf(i.defaultExpandedKeys,f):i.defaultExpandedKeys);if(s.expandedKeys||delete s.expandedKeys,c||s.expandedKeys){var p=(0,Pt.$9)(c||a.treeData,s.expandedKeys||a.expandedKeys,u);s.flattenNodes=p}if(i.selectable&&(l("selectedKeys")?s.selectedKeys=Gf(i.selectedKeys,i):!o&&i.defaultSelectedKeys&&(s.selectedKeys=Gf(i.defaultSelectedKeys,i))),i.checkable){var g;if(l("checkedKeys")?g=gl(i.checkedKeys)||{}:!o&&i.defaultCheckedKeys?g=gl(i.defaultCheckedKeys)||{}:c&&(g=gl(i.checkedKeys)||{checkedKeys:a.checkedKeys,halfCheckedKeys:a.halfCheckedKeys}),g){var m=g,x=m.checkedKeys,b=x===void 0?[]:x,C=m.halfCheckedKeys,E=C===void 0?[]:C;if(!i.checkStrictly){var S=(0,ml.p)(b,!0,f);b=S.checkedKeys,E=S.halfCheckedKeys}s.checkedKeys=b,s.halfCheckedKeys=E}}return l("loadedKeys")&&(s.loadedKeys=i.loadedKeys),s}}]),n}(F.Component);(0,at.A)(xl,"defaultProps",{prefixCls:"rc-tree",showLine:!1,showIcon:!0,selectable:!0,multiple:!1,checkable:!1,disabled:!1,checkStrictly:!1,draggable:!1,defaultExpandParent:!0,autoExpandParent:!1,defaultExpandAll:!1,defaultExpandedKeys:[],defaultCheckedKeys:[],defaultSelectedKeys:[],dropIndicatorRender:yx,allowDrop:function(){return!0},expandAction:!1}),(0,at.A)(xl,"TreeNode",hl);const Xx=xl;function Ux(t){return(0,Tf.css)({".moveable-control-box":{zIndex:999},".rc-tree":{margin:0,marginBottom:"15px",border:"1px solid transparent","&-focused:not(&-active-focused)":{borderColor:"cyan"},".rc-tree-title":{display:"flex",alignItems:"center",justifyContent:"space-between",width:"100%"},".rc-tree-treenode":{margin:0,padding:"1px",lineHeight:"24px",whiteSpace:"nowrap",listStyle:"none",outline:0,display:"flex",marginBottom:"3px",cursor:"pointer",".draggable":{color:"#333",MozUserSelect:"none",KhtmlUserSelect:"none",WebkitUserSelect:"none",userSelect:"none"},"&.drop-container":{"> .draggable::after":{position:"absolute",top:0,right:0,bottom:0,left:0,boxShadow:"inset 0 0 0 2px blue",content:'""'},"& ~ .rc-tree-treenode":{borderLeft:`2px solid ${t.components.input.borderColor}`}},"&.drop-target":{"& ~ .rc-tree-treenode":{borderLeft:"none"}},"&.filter-node":{"> .rc-tree-node-content-wrapper":{color:"#a60000 !important",fontWeight:"bold !important"}},ul:{margin:0,padding:"0 0 0 18px"},".rc-tree-node-content-wrapper":{position:"relative",display:"inline-block",height:"24px",margin:0,padding:0,textDecoration:"none",verticalAlign:"top",cursor:"grab",flexGrow:1,border:`1px solid ${t.components.input.borderColor}`,borderRadius:`${t.shape.radius.default}`,background:`${t.colors.background.secondary}`,minHeight:`${t.spacing.gridSize*4}px`,"&:hover":{border:`1px solid ${t.components.input.borderHover}`},"&.rc-tree-node-selected":{border:`1px solid ${t.colors.primary.border}`,opacity:1}},span:{height:"100%","&.rc-tree-checkbox, &.rc-tree-iconEle":{display:"inline-block",width:"16px",height:"16px",marginRight:"2px",lineHeight:"16px",verticalAlign:"-0.125em",backgroundColor:"transparent",backgroundRepeat:"no-repeat",backgroundAttachment:"scroll",border:"0 none",outline:"none",cursor:"pointer","&.rc-tree-icon__customize":{backgroundImage:"none"}},"&.rc-tree-switcher":{display:"flex",alignItems:"center",width:"16px",height:"auto",backgroundColor:"transparent",backgroundRepeat:"no-repeat",backgroundAttachment:"scroll",border:"0 none",outline:"none",cursor:"pointer","&.rc-tree-icon__customize":{backgroundImage:"none"},"&.rc-tree-switcher-noop":{cursor:"auto"},"&.rc-tree-switcher_open":{backgroundPosition:"-93px -56px"},"&.rc-tree-switcher_close":{backgroundPosition:"-75px -56px"}},"&.rc-tree-icon_loading":{marginRight:"2px",verticalAlign:"top",background:"url('data:image/gif;base64,R0lGODlhEAAQAKIGAMLY8YSx5HOm4Mjc88/g9Ofw+v///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFCgAGACwAAAAAEAAQAAADMGi6RbUwGjKIXCAA016PgRBElAVlG/RdLOO0X9nK61W39qvqiwz5Ls/rRqrggsdkAgAh+QQFCgAGACwCAAAABwAFAAADD2hqELAmiFBIYY4MAutdCQAh+QQFCgAGACwGAAAABwAFAAADD1hU1kaDOKMYCGAGEeYFCQAh+QQFCgAGACwKAAIABQAHAAADEFhUZjSkKdZqBQG0IELDQAIAIfkEBQoABgAsCgAGAAUABwAAAxBoVlRKgyjmlAIBqCDCzUoCACH5BAUKAAYALAYACgAHAAUAAAMPaGpFtYYMAgJgLogA610JACH5BAUKAAYALAIACgAHAAUAAAMPCAHWFiI4o1ghZZJB5i0JACH5BAUKAAYALAAABgAFAAcAAAMQCAFmIaEp1motpDQySMNFAgA7') no-repeat scroll 0 0 transparent"},"&.rc-tree-checkbox":{width:"13px",height:"13px",margin:"0 3px",backgroundPosition:"0 0","&-checked":{backgroundPosition:"-14px 0"},"&-indeterminate":{backgroundPosition:"-14px -28px"},"&-disabled":{backgroundPosition:"0 -56px"},"&.rc-tree-checkbox-checked.rc-tree-checkbox-disabled":{backgroundPosition:"-14px -56px"},"&.rc-tree-checkbox-indeterminate.rc-tree-checkbox-disabled":{position:"relative",background:"#ccc",borderRadius:t.shape.radius.default,"&::after":{position:"absolute",top:"5px",left:"3px",width:"5px",height:0,border:"2px solid #fff",borderTop:0,borderLeft:0,WebkitTransform:"scale(1)",transform:"scale(1)",content:'" "'}}}}},"&:not(.rc-tree-show-line)":{".rc-tree-treenode":{".rc-tree-switcher-noop":{background:"none"}}},"&.rc-tree-show-line":{".rc-tree-treenode:not(:last-child)":{"> ul":{background:"url('data:image/gif;base64,R0lGODlhCQACAIAAAMzMzP///yH5BAEAAAEALAAAAAAJAAIAAAIEjI9pUAA7') 0 0 repeat-y"},"> .rc-tree-switcher-noop":{backgroundPosition:"-56px -18px"}},".rc-tree-treenode:last-child":{"> .rc-tree-switcher-noop":{backgroundPosition:"-56px -36px"}}},"&-child-tree":{display:"none","&-open":{display:"block"}},"&-treenode-disabled":{"> span:not(.rc-tree-switcher), > a, > a span":{color:"#767676",cursor:"not-allowed"}},"&-treenode-active":{background:"rgba(0, 0, 0, 0.1)"},"&-node-selected":{opacity:.8},"&-icon__open":{marginRight:"2px",verticalAlign:"top",backgroundPosition:"-110px -16px"},"&-icon__close":{marginRight:"2px",verticalAlign:"top",backgroundPosition:"-110px 0"},"&-icon__docu":{marginRight:"2px",verticalAlign:"top",backgroundPosition:"-110px -32px"},"&-icon__customize":{marginRight:"2px",verticalAlign:"top"},"&-title":{display:"inline-block"},"&-indent":{display:"inline-block",height:0,verticalAlign:"bottom"},"&-indent-unit":{display:"inline-block",width:"16px"},"&-draggable-icon":{display:"inline-flex",justifyContent:"center",width:"16px"}}})}var Zx=V(34316);const Qx=({settings:t,nodeData:e,setAllowSelection:n})=>{const r=e.dataRef,i=e.dataRef.getName(),a=(0,_t.of)(qx),o=t.layer,s=()=>{if(t?.layer)return t.layer.scene},l=h=>{(h.parent??o).doAction(re.Delete,h),n(!1)},c=h=>{(h.parent??o).doAction(re.Duplicate,h),n(!1)},u=(h,v)=>{h.onChange({...h.options,name:v})},d=h=>!!s()?.canRename(h),f=h=>h.options.type;return(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(Zx.R,{name:i,onChange:h=>u(r,h),verifyLayerNameUniqueness:d??void 0}),(0,y.jsxs)("div",{className:a.textWrapper,children:["\xA0 ",f(r)]}),!e.children&&(0,y.jsxs)("div",{className:a.actionButtonsWrapper,children:[(0,y.jsx)(Ie.K,{name:"copy",title:(0,R.t)("canvas.tree-node-title.title-duplicate","Duplicate"),className:a.actionIcon,onClick:()=>c(r),tooltip:(0,R.t)("canvas.tree-node-title.tooltip-duplicate","Duplicate")}),(0,y.jsx)(Ie.K,{name:"trash-alt",title:(0,R.t)("canvas.tree-node-title.title-remove","Remove"),className:a.actionIcon,onClick:()=>l(r),tooltip:(0,R.t)("canvas.tree-node-title.tooltip-remove","Remove")})]})]})},qx=t=>({actionButtonsWrapper:(0,H.css)({display:"flex",alignItems:"flex-end"}),actionIcon:(0,H.css)({color:t.colors.text.secondary,cursor:"pointer","&:hover":{color:t.colors.text.primary}}),textWrapper:(0,H.css)({display:"flex",alignItems:"center",flexGrow:1,overflow:"hidden",marginRight:t.spacing(1)}),layerName:(0,H.css)({fontWeight:t.typography.fontWeightMedium,color:t.colors.primary.text,cursor:"pointer",overflow:"hidden",marginLeft:t.spacing(.5)})});function yl(t,e,n){let r=[];if(t)for(let i=t.elements.length;i--;i>=0){const a=t.elements[i],o={key:a.UID,title:a.getName(),selectable:!0,dataRef:a};a instanceof Be&&(o.children=yl(a,e,n)),r.push(o)}return r}function Jx(t,e){const n=t.node.key,r=t.dragNode.key,i=t.node.pos.split("-"),a=t.dropPosition-Number(i[i.length-1]),o=(c,u,d)=>{c.forEach((f,h,v)=>{if(f.key===u){d(f,h,v);return}f.children&&o(f.children,u,d)})},s=[...e];let l;if(o(s,r,(c,u,d)=>{d.splice(u,1),l=c}),a===0)o(s,n,c=>{c.children=c.children||[],c.children.unshift(l)});else{let c=[],u=0;o(s,n,(d,f,h)=>{c=h,u=f}),a===-1?c.splice(u,0,l):c.splice(u+1,0,l)}return s}let $f=!0;const ty=({item:t})=>{const[e,n]=(0,F.useState)(yl(t?.settings?.scene.root)),[r,i]=(0,F.useState)(!0),[a,o]=(0,F.useState)([]),[s,l]=(0,F.useState)([]),c=(0,_t.$j)(),u=Ux(c),d=(0,_t.of)(ey),f=c.colors.primary.border,{settings:h}=t,v=(0,F.useMemo)(()=>h?.selected?h.selected.map(k=>k?.getName()):[],[h?.selected]),p=(0,F.useMemo)(()=>h?.selected?h.selected.map(k=>k?.UID):[],[h?.selected]);if((0,F.useEffect)(()=>{n(yl(t?.settings?.scene.root,v,f)),l(p),S()},[t?.settings?.scene.root,f,v,p]),!h)return(0,y.jsx)("div",{children:(0,y.jsx)(R.x6,{i18nKey:"canvas.tree-navigation-editor.no-settings",children:"No settings"})});const g=h.layer;if(!g)return(0,y.jsx)("div",{children:(0,y.jsx)(R.x6,{i18nKey:"canvas.tree-navigation-editor.missing-layer",children:"Missing layer?"})});const m=(k,O)=>{$f&&t.settings?.scene&&_l(t.settings.scene,O.node.dataRef)},x=()=>!0,b=k=>{const O=k.node.pos.split("-"),A=k.dropPosition-Number(O[O.length-1]),_=k.dragNode.dataRef,P=k.node.dataRef,z=Jx(k,e);n(z),Gm(_,P,k.dropToGap,A)},C=k=>{o(k),i(!1)},E=k=>k.isLeaf?(0,y.jsx)(y.Fragment,{}):(0,y.jsx)(qa.I,{name:"angle-right",title:(0,R.t)("canvas.tree-navigation-editor.switcher-icon.title-node-icon","Node Icon"),style:{transform:`rotate(${k.expanded?90:0}deg)`,fill:c.colors.text.primary}}),S=(k=!0)=>{$f=k},D=()=>{g.scene.clearCurrentSelection()},M=k=>(0,y.jsx)(Qx,{nodeData:k,setAllowSelection:S,settings:h}),w=()=>{g.scene?Wm(g.scene):console.warn("no scene!")},T=Zi(h.scene.shouldShowAdvancedTypes).options;return(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(Tf.Global,{styles:u}),(0,y.jsx)(Xx,{selectable:!0,onSelect:m,draggable:!0,defaultExpandAll:!0,autoExpandParent:r,showIcon:!1,allowDrop:x,onDrop:b,expandedKeys:a,onExpand:C,treeData:e,titleRender:M,switcherIcon:E,selectedKeys:s,multiple:!0}),(0,y.jsxs)(Ve.B,{justifyContent:"space-between",direction:"row",children:[(0,y.jsx)("div",{className:d.addLayerButton,children:(0,y.jsx)(Cf.r,{onChange:k=>co(k,g),options:T,label:(0,R.t)("canvas.tree-navigation-editor.label-add-item","Add item")})}),v.length>0&&(0,y.jsx)(xe.$n,{size:"sm",variant:"secondary",onClick:D,children:(0,y.jsx)(R.x6,{i18nKey:"canvas.tree-navigation-editor.clear-selection",children:"Clear selection"})}),v.length>1&&ve.$.featureToggles.canvasPanelNesting&&(0,y.jsx)(xe.$n,{size:"sm",variant:"secondary",onClick:w,children:(0,y.jsx)(R.x6,{i18nKey:"canvas.tree-navigation-editor.frame-selection",children:"Frame selection"})})]})]})},ey=t=>({addLayerButton:(0,H.css)({marginLeft:"18px",minWidth:"150px"})});function Hf(t){const{selected:e,scene:n}=t;if(n.currentLayer||(n.currentLayer=n.root),e)for(const i of e){if(i instanceof Be){n.currentLayer=i;break}if(i&&i.parent){n.currentLayer=i.parent;break}}const r=n.currentLayer.options||{elements:[]};return{category:[(0,R.t)("canvas.layer-editor.category-layer","Layer")],path:"--",values:i=>({getValue:a=>(0,de.get)(r,a),onChange:(a,o)=>{if(a==="type"&&o){console.warn("unable to change layer type");return}const s=(0,Qa.Sf)(r,a,o);n.currentLayer?.onChange(s),n.currentLayer?.updateData(n.context)}}),build:(i,a)=>{const o=n.currentLayer;o&&o.isRoot(),i.addCustomEditor({id:"content",path:"root",name:(0,R.t)("canvas.layer-editor.name-elements","Elements"),editor:ty,settings:{scene:n,layer:n.currentLayer,selected:e}});const s={...a,options:r};ln.addBackground(i,s),ln.addBorder(i,s),o&&!o.isRoot()&&i.addCustomEditor({category:[(0,R.t)("canvas.layer-editor.category-layout","Layout")],id:"content",path:"__",name:(0,R.t)("canvas.layer-editor.name-constraints","Constraints"),editor:Df,settings:{scene:t.scene,element:o}})}}}var ny=V(54314),ry=V(60208);const iy=({onTabChange:t})=>{const[e,n]=(0,F.useState)(De.SelectedElement),r=[{label:"Selected Element",value:De.SelectedElement},{label:"Element Management",value:De.ElementManagement}],i=a=>{t(a),n(a)};return(0,y.jsx)(y.Fragment,{children:(0,y.jsx)(ny.U,{children:r.map((a,o)=>(0,y.jsx)(ry.o,{label:a.label,active:a.value===e,onChangeTab:()=>i(a.value)},`${a.value}-${o}`))})})};function ay(){const t=(0,Yi.A)(qr),e=t?.panel.context?.instanceState,n=(0,_t.of)(sy),[r,i]=(0,F.useState)(De.SelectedElement),a=(0,F.useMemo)(()=>{const d=t?.panel,f=e;if(!(f&&f.scene)||!d)return new sl.C({id:"root",title:"root"});const h=v=>{r===De.ElementManagement&&v.addNestedOptions(Hf(e));const p=f.selectedConnection;p&&r===De.SelectedElement&&v.addNestedOptions(wf({category:["Selected connection"],connection:p,scene:f.scene}));const g=f.selected;if(g?.length===1&&r===De.SelectedElement){const m=g[0];m&&!(m instanceof Be)&&v.addNestedOptions(Mf({category:[(0,R.t)("canvas.inline-edit-body.category-selected-element","Selected element ({{element}})",{element:m.options.name})],element:m,scene:f.scene}))}Cl(v)};return oy({options:d.props.options,onChange:d.props.onOptionsChange,data:d.props.data?.series},h)},[e,t,r]),o={marginLeft:15,marginTop:10},s=d=>{i(d)},l=Zi(e?.scene.shouldShowAdvancedTypes).options,c=e?.layer,u=e&&r===De.SelectedElement&&e.selected.length===0&&e.selectedConnection===void 0;return(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)("div",{style:o,children:a.items.map(d=>d.render())}),(0,y.jsx)("div",{style:o,children:(0,y.jsx)(Cf.r,{onChange:d=>co(d,c),options:l,label:(0,R.t)("canvas.inline-edit-body.label-add-item","Add item")})}),(0,y.jsxs)("div",{style:o,children:[(0,y.jsx)(iy,{onTabChange:s}),a.categories.map(d=>Yf(d)),u&&(0,y.jsx)("div",{className:n.selectElement,children:(0,y.jsx)(R.x6,{i18nKey:"canvas.inline-edit-body.please-select-an-element",children:"Please select an element"})})]})]})}function Yf(t){return(0,F.createElement)(H1.D,{...t.props,key:t.props.id},(0,y.jsx)("div",{children:t.items.map(e=>e.render())}),t.categories.map(e=>Yf(e)))}function oy(t,e){const n={data:t.data??[],options:t.options},r=new sl.C({id:"root",title:"root"}),i=o=>{if(o?.length){const s=o[0];let l=r.categories.find(c=>c.props.id===s);return l||(l=new sl.C({id:s,title:s}),r.categories.push(l)),l}return r},a={getValue:o=>(0,de.get)(t.options,o),onChange:(o,s)=>{t.onChange((0,Qa.Sf)(t.options,o,s))}};return(0,Y1.g5)("canvas-inline",e,a,i,n),r}const sy=t=>({selectElement:(0,H.css)({color:t.colors.text.secondary,padding:t.spacing(2)})}),bl=10,Kf=32;function ly({onClose:t,id:e,scene:n}){const r=n.root.div?.getBoundingClientRect(),i=window.innerHeight,a=window.innerWidth,o=(0,F.useRef)(null),s=(0,_t.of)(cy),l="inlineEditPanel"+e.toString(),c={width:400,height:400},u=r?.width??c.width+bl*2,d=r?.x??0+u-c.width-bl,f=r?.y??0+Kf,h=bf.A.getObject(l,{x:d,y:f,w:c.width,h:c.height}),[v,p]=(0,F.useState)({width:h.w,height:h.h}),[g,m]=(0,F.useState)({x:h.x,y:h.y});(0,F.useEffect)(()=>{const E=a-v.width-bl,S=i-v.height-Kf;E<g.x&&E>0&&m({...g,x:E}),S<g.y&&S>0&&m({...g,y:S})},[i,a,g,v]);const x=(E,S)=>{let D=S.x<0?0:S.x,M=S.y<0?0:S.y;m({x:D,y:M}),C(D,M,v.width,v.height)},b=(E,S)=>{const{size:D}=S;p({width:D.width,height:D.height}),C(g.x,g.y,D.width,D.height)},C=(E,S,D,M)=>{bf.A.setObject(l,{x:E,y:S,w:D,h:M})};return(0,y.jsx)(Ni.ZL,{children:(0,y.jsx)("div",{className:s.draggableWrapper,children:(0,y.jsx)(W1(),{handle:"strong",onStop:x,position:{x:g.x,y:g.y},children:(0,y.jsx)($1.Resizable,{height:v.height,width:v.width,onResize:b,children:(0,y.jsxs)("div",{className:s.inlineEditorContainer,style:{height:`${v.height}px`,width:`${v.width}px`},ref:o,children:[(0,y.jsxs)("strong",{className:s.inlineEditorHeader,children:[(0,y.jsx)("div",{className:s.placeholder}),(0,y.jsx)("div",{children:(0,y.jsx)(R.x6,{i18nKey:"canvas.inline-edit.canvas-inline-editor",children:"Canvas Inline Editor"})}),(0,y.jsx)(Ie.K,{name:"times",size:"xl",className:s.inlineEditorClose,onClick:t,tooltip:(0,R.t)("canvas.inline-edit.tooltip-close-inline-editor","Close inline editor")})]}),(0,y.jsx)("div",{className:s.inlineEditorContentWrapper,children:(0,y.jsx)("div",{className:s.inlineEditorContent,children:(0,y.jsx)(ay,{})})})]})})})})})}const cy=t=>({inlineEditorContainer:(0,H.css)({display:"flex",flexDirection:"column",background:t.components.panel.background,border:`1px solid ${t.colors.border.weak}`,boxShadow:t.shadows.z3,zIndex:1e3,opacity:1,minWidth:"400px"}),draggableWrapper:(0,H.css)({width:0,height:0}),inlineEditorHeader:(0,H.css)({display:"flex",alignItems:"center",justifyContent:"center",background:t.colors.background.canvas,borderBottom:`1px solid ${t.colors.border.weak}`,height:"40px",cursor:"move"}),inlineEditorContent:(0,H.css)({whiteSpace:"pre-wrap",padding:"10px"}),inlineEditorClose:(0,H.css)({marginLeft:"auto"}),placeholder:(0,H.css)({width:"24px",height:"24px",visibility:"hidden",marginRight:"auto"}),inlineEditorContentWrapper:(0,H.css)({overflow:"scroll"})});let ji=[],yr,eo=!1,no=!1;const qr=new vf.m(1);class uy extends F.Component{constructor(e){super(e),this.subs=new c1.yU,this.queryEditorLoaded=!1,this.needsReload=!1,this.isEditing=pf.Ny.getSearchObject().editPanel!==void 0,this.onUpdateScene=n=>{const{onOptionsChange:r,options:i}=this.props;r({...i,root:n}),this.setState({refresh:this.state.refresh+1}),qr.next({panel:this})},this.openInlineEdit=()=>{if(eo){this.forceUpdate(),this.setActivePanel();return}this.setActivePanel(),this.setState({openInlineEdit:!0}),eo=!0},this.openSetBackground=n=>{if(no){this.forceUpdate(),this.setActivePanel();return}this.setActivePanel(),this.setState({openSetBackground:!0}),this.setState({contextMenuAnchorPoint:n}),no=!0},this.tooltipCallback=n=>{this.scene.tooltipPayload=n,this.forceUpdate()},this.moveableActionCallback=n=>{this.setState({moveableAction:n}),this.forceUpdate()},this.actionConfirmationCallback=()=>{this.forceUpdate()},this.closeInlineEdit=()=>{this.setState({openInlineEdit:!1}),eo=!1},this.closeSetBackground=()=>{this.setState({openSetBackground:!1}),no=!1},this.setActivePanel=()=>{yr=this,qr.next({panel:this})},this.renderInlineEdit=()=>(0,y.jsx)(ly,{onClose:()=>this.closeInlineEdit(),id:this.props.id,scene:this.scene}),this.renderSetBackground=()=>(0,y.jsx)(V1,{onClose:()=>this.closeSetBackground(),scene:this.scene,anchorPoint:this.state.contextMenuAnchorPoint}),this.state={refresh:0,openInlineEdit:!1,openSetBackground:!1,contextMenuAnchorPoint:{x:0,y:0},moveableAction:!1},this.scene=new N1(this.props.options,this.onUpdateScene,this),this.scene.updateSize(e.width,e.height),this.scene.updateData(e.data),this.scene.inlineEditingCallback=this.openInlineEdit,this.scene.setBackgroundCallback=this.openSetBackground,this.scene.tooltipCallback=this.tooltipCallback,this.scene.moveableActionCallback=this.moveableActionCallback,this.scene.actionConfirmationCallback=this.actionConfirmationCallback,this.subs.add(this.props.eventBus.subscribe(xf.sL,n=>{this.scene.clearCurrentSelection(),this.closeInlineEdit()})),this.subs.add(this.props.eventBus.subscribe(xf.i0,n=>{this.props.id===n.payload&&(this.needsReload=!0,this.scene.clearCurrentSelection())}))}static{this.contextType=Dr.e4}componentDidMount(){yr=this,qr.next({panel:this}),this.panelContext=this.context,this.scene.data&&this.scene.updateData(this.scene.data),this.panelContext.onInstanceStateChange&&(this.panelContext.onInstanceStateChange({scene:this.scene,layer:this.scene.root}),this.subs.add(this.scene.selection.subscribe({next:e=>{e.length&&(yr=this,qr.next({panel:this})),ji.forEach(n=>{n!==yr&&(n.scene.clearCurrentSelection(!0),n.scene.connections.select(void 0))}),this.panelContext?.onInstanceStateChange({scene:this.scene,selected:e,layer:this.scene.root})}})),this.subs.add(this.scene.connections.selection.subscribe({next:e=>{this.context.instanceState&&(this.panelContext?.onInstanceStateChange({scene:this.scene,selected:this.context.instanceState.selected,selectedConnection:e,layer:this.scene.root}),e&&(yr=this,qr.next({panel:this})),ji.forEach(n=>{n!==yr&&(n.scene.clearCurrentSelection(!0),n.scene.connections.select(void 0))}),setTimeout(()=>{this.forceUpdate()}))}}))),this.isEditing&&(this.queryEditorLoaded=!1),ji.push(this)}componentDidUpdate(e){this.isEditing&&!this.queryEditorLoaded&&(e.width!==this.props.width||e.height!==this.props.height)&&(this.queryEditorLoaded=!0,requestAnimationFrame(()=>{this.scene.updateSize(this.props.width,this.props.height)}))}componentWillUnmount(){this.scene.subscription.unsubscribe(),this.subs.unsubscribe(),eo=!1,no=!1,ji=ji.filter(e=>e.props.id!==yr?.props.id)}shouldComponentUpdate(e,n){const{width:r,height:i,data:a,options:o}=this.props;let s=!1;(r!==e.width||i!==e.height)&&(this.scene.updateSize(e.width,e.height),s=!0),a!==e.data&&!this.scene.ignoreDataUpdate&&(this.scene.updateData(e.data),s=!0),o!==e.options&&!this.scene.ignoreDataUpdate&&(this.scene.updateData(e.data),s=!0),this.state.refresh!==n.refresh&&(s=!0),this.state.openInlineEdit!==n.openInlineEdit&&(s=!0),this.state.openSetBackground!==n.openSetBackground&&(s=!0),this.state.moveableAction!==n.moveableAction&&(s=!0);const l=this.props.options.inlineEditing!==e.options.inlineEditing,c=this.props.options.showAdvancedTypes!==e.options.showAdvancedTypes,u=this.props.options.panZoom!==e.options.panZoom,d=this.props.options.zoomToContent!==e.options.zoomToContent,f=this.props.options.tooltip?.mode!==e.options.tooltip?.mode,h=this.props.options.tooltip?.disableForOneClick!==e.options.tooltip?.disableForOneClick;return(this.needsReload||l||c||u||d||f||h)&&(l&&this.scene.revId++,this.needsReload=!1,this.scene.load(e.options,e.options.inlineEditing),this.scene.updateSize(e.width,e.height),this.scene.updateData(e.data),s=!0),s}render(){return(0,y.jsxs)(y.Fragment,{children:[this.scene.render(),this.state.openInlineEdit&&this.renderInlineEdit(),this.state.openSetBackground&&this.renderSetBackground()]})}}var dy=V(34999);const fy="https://grafana.com/docs/grafana/latest/panels-visualizations/visualizations/canvas/",hy=({})=>{const t=(0,_t.of)(vy);return(0,y.jsx)(y.Fragment,{children:(0,y.jsx)(Ve.B,{direction:"row",children:(0,y.jsx)(dy.F,{title:(0,R.t)("canvas.pan-zoom-help.title-pan-and-zoom-controls","Pan and zoom controls"),severity:"info",buttonContent:(0,y.jsx)(qa.I,{name:"question-circle",size:"xl"}),className:t.alert,onRemove:()=>{const e=window.open(fy,"_blank","noopener,noreferrer");e&&(e.opener=null)},children:(0,y.jsx)(Ve.B,{direction:"column",children:(0,y.jsxs)("ul",{children:[(0,y.jsxs)("li",{children:[(0,y.jsx)(R.x6,{i18nKey:"canvas.pan-zoom-help.pan-title",children:"Pan:"}),(0,y.jsxs)("ul",{children:[(0,y.jsx)("li",{children:(0,y.jsx)(R.x6,{i18nKey:"canvas.pan-zoom-help.middle-mouse",children:"Middle mouse"})}),(0,y.jsx)("li",{children:(0,y.jsx)(R.x6,{i18nKey:"canvas.pan-zoom-help.ctrl-right-mouse",children:"CTRL + right mouse"})})]})]}),(0,y.jsx)("li",{children:(0,y.jsx)(R.x6,{i18nKey:"canvas.pan-zoom-help.zoom-scroll-wheel",children:"Zoom: Scroll wheel"})}),(0,y.jsx)("li",{children:(0,y.jsx)(R.x6,{i18nKey:"canvas.pan-zoom-help.reset-double-click",children:"Reset: Double click"})})]})})})})})},vy=t=>({alert:(0,H.css)({"& div":{padding:"4px",alignItems:"start"},marginBottom:"0px",marginTop:"5px",padding:"2px","ul > li":{marginLeft:"10px"}})}),py=t=>{const e=t?.pluginVersion??"";if(e===""){const n=t.options?.root;if(n?.elements)for(const r of n.elements)r.type==="text-box"&&(r.type="rectangle")}if(e.startsWith("11.0")){const n=t.options?.root;if(n?.elements)for(const r of n.elements)r.type==="ellipse"&&(r.config.backgroundColor&&(r.background=r.config.backgroundColor,delete r.config.backgroundColor),r.config.borderColor&&(r.border.color=r.config.borderColor,delete r.config.borderColor),r.config.width&&(r.border.width=r.config.width,delete r.config.width))}if(parseFloat(e)<=11.3){const n=t.options?.root;if(n?.elements){for(const r of n.elements)if(r.actions)for(const i of r.actions)i.options&&(i.fetch={...i.options},delete i.options)}}if(parseFloat(e)<=11.6){const n=t.options?.root;if(n?.elements)for(const r of n.elements)(r.oneClickMode===be.yd.Link||r.oneClickLinks)&&r.links?.length?r.links[0].oneClick=!0:r.oneClickMode===be.yd.Action&&r.actions?.length&&(r.actions[0].oneClick=!0),delete r.oneClickMode,delete r.oneClickLinks}if(parseFloat(e)<=12.2){const n=t.options?.root;if(n?.elements)for(const r of n.elements)for(const i of r.connections||[])i.direction&&typeof i.direction=="string"?i.direction={mode:"fixed",fixed:i.direction}:i.direction||(i.direction={mode:"fixed",fixed:"forward"})}return t.options},Cl=t=>{let e=[(0,R.t)("canvas.category-canvas","Canvas")];t.addBooleanSwitch({path:"inlineEditing",name:(0,R.t)("canvas.name-inline-editing","Inline editing"),category:e,description:(0,R.t)("canvas.description-inline-editing","Enable editing the panel directly"),defaultValue:!0}),t.addBooleanSwitch({path:"showAdvancedTypes",name:(0,R.t)("canvas.name-experimental-types","Experimental element types"),category:e,description:(0,R.t)("canvas.description-experimental-types","Enable selection of experimental element types"),defaultValue:!0}),t.addBooleanSwitch({path:"panZoom",name:(0,R.t)("canvas.name-pan-zoom","Pan and zoom"),category:e,description:(0,R.t)("canvas.description-pan-zoom","Enable pan and zoom"),defaultValue:!1,showIf:()=>ve.$.featureToggles.canvasPanelPanZoom}),t.addCustomEditor({id:"panZoomHelp",path:"panZoomHelp",name:"",category:e,editor:hy,showIf:n=>ve.$.featureToggles.canvasPanelPanZoom&&n.panZoom}),t.addBooleanSwitch({path:"zoomToContent",name:"Zoom to content",description:"Automatically zoom to fit content",defaultValue:!1,showIf:()=>ve.$.featureToggles.canvasPanelPanZoom}),e=[(0,R.t)("canvas.category-tooltip","Tooltip")],t.addRadio({path:"tooltip.mode",name:(0,R.t)("canvas.tooltip-options.name-tooltip-mode","Tooltip mode"),category:e,defaultValue:Ct.$N.Single,settings:{options:[{value:Ct.$N.Single,label:(0,R.t)("canvas.tooltip-options.tooltip-mode-options.label-enabled","Enabled")},{value:Ct.$N.None,label:(0,R.t)("canvas.tooltip-options.tooltip-mode-options.label-disabled","Disabled")}]}}),t.addBooleanSwitch({path:"tooltip.disableForOneClick",name:(0,R.t)("canvas.tooltip-options.label-disable-one-click","Disable for one-click elements"),category:e,defaultValue:!1,showIf:n=>n.tooltip?.mode!==Ct.$N.None})},gy=new Wt.m(uy).setNoPadding().useFieldConfig({standardOptions:{[$t.uo.Mappings]:{settings:{icon:!0}},[$t.uo.Links]:{settings:{showOneClick:!1}},[$t.uo.Actions]:{settings:{showOneClick:!1}}}}).setMigrationHandler(py,t=>{const e=t?.pluginVersion??"";return parseFloat(e)<=12.2}).setPanelOptions((t,e)=>{const n=e.instanceState;if(Cl(t),n&&n.scene){t.addNestedOptions(Hf(n));const r=n.selected,i=n.selectedConnection;if(r?.length===1){const a=r[0];a instanceof Be||t.addNestedOptions(Mf({category:[(0,R.t)("canvas.category-selected-element","Selected element ({{element}})",{element:a.options.name})],element:a,scene:n.scene}))}i&&t.addNestedOptions(wf({category:[(0,R.t)("canvas.category-selected-connection","Selected connection")],connection:i,scene:n.scene}))}})},41530:(ro,Rn,V)=>{V.d(Rn,{A:()=>Ct});var Wt=V(74848),$t=V(22803),R=V(63142),ve=V(77239);const Ct=({item:{label:de,value:F,color:An,colorIndicator:we},isPinned:W})=>{const re=(0,R.of)(y);return(0,Wt.jsx)("div",{className:re,children:(0,Wt.jsx)(ve.B,{label:de,value:F,color:An,colorIndicator:we,marginRight:"22px",isPinned:W})})},y=de=>(0,$t.css)({display:"flex",flexDirection:"column",flex:1,padding:de.spacing(1),lineHeight:1})},47466:(ro,Rn,V)=>{V.d(Rn,{o:()=>Ct});var Wt=V(74848),$t=V(22803),R=V(63142),ve=V(77239);const Ct=({items:de,children:F,isPinned:An,scrollable:we=!1,maxHeight:W})=>{const re=(0,R.of)(y),De=we?{maxHeight:W,overflowY:"auto"}:{};return(0,Wt.jsxs)("div",{className:re.wrapper,style:De,children:[de.map(({label:je,value:On,color:cn,colorIndicator:br,colorPlacement:Cr,isActive:_n,lineStyle:Ft,isHiddenFromViz:ei},H)=>(0,Wt.jsx)(ve.B,{label:je,value:On,color:cn,colorIndicator:br,colorPlacement:Cr,isActive:_n,isPinned:An,lineStyle:Ft,showValueScroll:!we,isHiddenFromViz:ei},H)),F]})},y=de=>({wrapper:(0,$t.css)({display:"flex",flexDirection:"column",flex:1,gap:2,borderTop:`1px solid ${de.colors.border.weak}`,padding:de.spacing(1)})})},77239:(ro,Rn,V)=>{V.d(Rn,{B:()=>Ft});var Wt=V(74848),$t=V(22803),R=V(34164),ve=V(96540),Ct=V(63142),y=V(53371),de=V(45967),F=V(64394),An=V(71479),we=V(55978),W=V(55302),re=(H=>(H[H.Leading=0]="Leading",H[H.Trailing=1]="Trailing",H))(re||{});const De=({color:H=F.F,colorIndicator:_t=we.Ev,position:xe=0,lineStyle:Un,isHollow:ae})=>{const pe=(0,Ct.of)(je);return _t===we.fX.series&&!ae?(0,Wt.jsx)(An.p,{color:H,lineStyle:Un,noMargin:!0,className:(0,$t.cx)(xe===0?pe.leading:pe.trailing,pe.seriesIndicator)}):(0,Wt.jsx)("div",{style:ae?{border:`1px solid ${H}`}:{backgroundColor:H},className:(0,$t.cx)(xe===0?pe.leading:pe.trailing,(0,W.L$)(_t,pe))})},je=H=>({leading:(0,$t.css)({marginRight:H.spacing(.5)}),trailing:(0,$t.css)({marginLeft:H.spacing(.5)}),seriesIndicator:(0,$t.css)({position:"relative",top:-2}),series:(0,$t.css)({width:"14px",height:"4px",borderRadius:H.shape.radius.pill,minWidth:"14px"}),value:(0,$t.css)({width:"12px",height:"12px",borderRadius:H.shape.radius.default,fontWeight:500,minWidth:"12px"}),hexagon:(0,$t.css)({}),pie_1_4:(0,$t.css)({}),pie_2_4:(0,$t.css)({}),pie_3_4:(0,$t.css)({}),marker_sm:(0,$t.css)({width:"4px",height:"4px",borderRadius:H.shape.radius.circle,minWidth:"4px"}),marker_md:(0,$t.css)({width:"8px",height:"8px",borderRadius:H.shape.radius.circle,minWidth:"8px"}),marker_lg:(0,$t.css)({width:"12px",height:"12px",borderRadius:H.shape.radius.circle,minWidth:"12px"})});var On=(H=>(H.label="label",H.value="value",H))(On||{});const cn="Copied to clipboard",br=2*1e3,Cr=7,_n=!!(navigator.clipboard&&window.isSecureContext),Ft=({label:H,value:_t,color:xe,colorIndicator:Un,colorPlacement:ae=we.lJ.first,justify:pe,isActive:Vi=!1,marginRight:Je,isPinned:We,lineStyle:Ln,showValueScroll:Zn,isHiddenFromViz:In})=>{const ye=(0,Ct.of)(ei,pe,Je),Ve=Zn?{maxHeight:55,whiteSpace:"wrap",wordBreak:"break-word",overflowY:"auto"}:{whiteSpace:"pre-line",wordBreak:"break-word",lineHeight:1.2},[Qn,Ie]=(0,ve.useState)(!1),[ni,ri]=(0,ve.useState)(null),[Sr,ii]=(0,ve.useState)(!1),qn=(0,ve.useRef)(null),Fi=(0,ve.useRef)(null);(0,ve.useEffect)(()=>{let Pe;return Sr&&(Pe=setTimeout(()=>{ii(!1)},br)),()=>{window.clearTimeout(Pe)}},[Sr]);const ai=async(Pe,Er)=>{if(!_n){Gi(Pe,Er);return}try{await navigator.clipboard.writeText(Pe),ri({[`${Er}`]:Pe}),ii(!0)}catch{ri(null)}},Gi=(Pe,Er)=>{const bn=document.createElement("textarea");qn.current?.appendChild(bn),bn.value=Pe,bn.focus(),bn.select();try{document.execCommand("copy")&&(ri({[`${Er}`]:Pe}),ii(!0))}catch(Wi){console.error("Unable to copy to clipboard",Wi)}bn.remove()},yn=Pe=>{Pe.currentTarget.offsetWidth<Pe.currentTarget.scrollWidth&&Ie(!0)},io=()=>Ie(!1);return H.length*Cr>window.innerWidth/2&&(H=H.replaceAll("{",`{ `).replaceAll("}",` }`).replaceAll(", ",`, `)),(0,Wt.jsxs)("div",{className:ye.contentWrapper,children:[xe&&ae===we.lJ.first&&(0,Wt.jsx)("div",{className:ye.colorWrapper,children:(0,Wt.jsx)(De,{color:xe,colorIndicator:Un,lineStyle:Ln,isHollow:In})}),H&&(0,Wt.jsx)("div",{className:ye.labelWrapper,children:We?(0,Wt.jsx)(Wt.Fragment,{children:(0,Wt.jsx)(de.m,{content:H,interactive:!1,show:Qn,children:(0,Wt.jsxs)(Wt.Fragment,{children:[Sr&&ni?.label&&(0,Wt.jsx)(y.r,{placement:"top",referenceElement:qn.current,children:cn}),(0,Wt.jsx)("div",{className:(0,R.A)(ye.label,Vi?ye.activeSeries:"",_n?ye.copy:""),onMouseEnter:yn,onMouseLeave:io,onClick:()=>ai(H,"label"),ref:qn,children:H})]})})}):(0,Wt.jsx)("div",{className:(0,R.A)(ye.label,Vi?ye.activeSeries:""),children:H})}),(0,Wt.jsxs)("div",{className:ye.valueWrapper,children:[xe&&ae===we.lJ.leading&&(0,Wt.jsx)(De,{color:xe,colorIndicator:Un,position:re.Leading,lineStyle:Ln}),We?(0,Wt.jsxs)(Wt.Fragment,{children:[Sr&&ni?.value&&(0,Wt.jsx)(y.r,{placement:"top",referenceElement:Fi.current,children:cn}),(0,Wt.jsx)("div",{className:(0,R.A)(ye.value,_n?ye.copy:""),style:Ve,onClick:()=>ai(_t?_t.toString():"","value"),ref:Fi,children:_t})]}):(0,Wt.jsx)("div",{className:ye.value,style:Ve,children:_t}),xe&&ae===we.lJ.trailing&&(0,Wt.jsx)(De,{color:xe,colorIndicator:Un,position:re.Trailing,lineStyle:Ln})]})]})},ei=(H,_t="start",xe)=>({contentWrapper:(0,$t.css)({display:"flex",maxWidth:"100%",alignItems:"start",justifyContent:_t,columnGap:H.spacing(.75)}),label:(0,$t.css)({display:"inline"}),value:(0,$t.css)({fontWeight:500,textOverflow:"ellipsis",overflow:"hidden"}),colorWrapper:(0,$t.css)({alignSelf:"center",flexShrink:0}),labelWrapper:(0,$t.css)({flexGrow:1,overflow:"hidden",textOverflow:"ellipsis",color:H.colors.text.secondary,fontWeight:400}),valueWrapper:(0,$t.css)({display:"flex",alignItems:"center",flexShrink:0,alignSelf:"center",marginRight:xe}),activeSeries:(0,$t.css)({fontWeight:H.typography.fontWeightBold,color:H.colors.text.maxContrast}),copy:(0,$t.css)({cursor:"pointer"})})}}]); //# sourceMappingURL=canvasPanel.ddab72fab6e58c3419b2.js.map