const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/sortable.esm-BPE8GawO.js","assets/chunk-DECur_0Z.js","assets/editor.main-DHaWHgrC.js","assets/preload-helper-5Cxe8s3J.js","assets/editor.api2-EoZ0GWBN.js","assets/defineProperty-D6CiH3uZ.js","assets/editor-HqbfMp65.css","assets/workers-BuBRv91D.js","assets/monaco.contribution-rMb477qV.js","assets/style-B396_y2E.css","assets/es-B4sT7Kdm.js","assets/throttle-BTdJsWpk.js","assets/_baseUniq-Dlsn9Nyp.js","assets/omit-C7zgcSet.js","assets/es-BCf4pubx.css","assets/dist-BXrpjBeE.css","assets/es-BOudOGQf.js","assets/dist-CjE_ZLLY.js"])))=>i.map(i=>d[i]); import'data:text/javascript,if(!import.meta.resolve)throw Error("import.meta.resolve not supported")';export function __vite_legacy_guard(){import.meta.url,import(`_`).catch(()=>1),(async function*(){})().next()}import{r as __toESM,t as __commonJSMin}from"./chunk-DECur_0Z.js";import{At as h,Ct as createSlots,Dt as defineComponent,E as get,Et as createVNode,Fn as normalizeProps,Ft as mergeProps,Gt as openBlock,Ht as onMounted,In as normalizeStyle,It as nextTick,Jt as renderSlot,Kt as provide,Ln as toDisplayString,Nt as mergeDefaults,Ot as getCurrentInstance$1,Pn as normalizeClass,Pt as mergeModels,Qt as toHandlers,Rt as onBeforeMount,St as createElementBlock,Tt as createTextVNode,Ut as onUnmounted,X as isObject$4,Xt as resolveDirective,Yt as resolveComponent,Zt as resolveDynamicComponent,_ as cloneDeep,_n as toRaw,a as merge$1,an as watchEffect,at as createApp,bt as createBlock,c as baseMerge,en as useModel,fn as reactive$1,ft as withModifiers,gn as shallowRef,hn as shallowReactive,ht as Teleport,in as watch,j as keys$1,jt as inject,kt as guardReactiveProps,ln as isRef,lt as vModelText,m as hasPath,mn as ref$1,mt as Fragment,n as set,nn as useTemplateRef,o as isEqual,on as withCtx,pn as readonly,qt as renderList,r as pick,rt as Transition,sn as withDirectives,t as baseUniq,u as debounce,un as markRaw,ut as vShow,vt as computed$1,wt as createStaticVNode,xn as unref,xt as createCommentVNode,yt as createBaseVNode,z as createAssigner,zt as onBeforeUnmount}from"./_baseUniq-Dlsn9Nyp.js";import{n as isEmpty$1,r as createPopper,t as throttle$1}from"./throttle-BTdJsWpk.js";import{$ as ticket_default,A as files_default,D as document_default,E as document_copy_default,F as hide_default,H as picture_filled_default,J as search_default,K as right_default,L as list_default,M as full_screen_default,N as goods_default,O as edit_default,P as grid_default,Q as switch_button_default,S as copy_document_default,T as delete_default,U as plus_default,W as position_default,Y as sort_default,Z as sugar_default,a as arrow_right_default,at as zoom_out_default,b as coin_default,c as bottom_default,ct as map,d as caret_right_default,et as tickets_default,f as caret_top_default,i as arrow_right_bold_default,it as zoom_in_default,j as folder_opened_default,k as edit_pen_default,n as arrow_left_bold_default,nt as view_default,o as arrow_up_default,ot as require_dayjs_min,q as scale_to_original_default,rt as warning_filled_default,s as back_default,st as union,t as arrow_down_default,tt as top_default,u as caret_bottom_default,v as close_bold_default,x as connection_default,y as close_default,z as memo_default}from"./dist-CjE_ZLLY.js";import{t as _defineProperty}from"./defineProperty-D6CiH3uZ.js";import{t as __vitePreload}from"./preload-helper-5Cxe8s3J.js";import{t as Sortable}from"./sortable.esm-BPE8GawO.js";(function(){let e=document.createElement(`link`).relList;if(e&&e.supports&&e.supports(`modulepreload`))return;for(let e of document.querySelectorAll(`link[rel="modulepreload"]`))n(e);new MutationObserver(e=>{for(let t of e)if(t.type===`childList`)for(let e of t.addedNodes)e.tagName===`LINK`&&e.rel===`modulepreload`&&n(e)}).observe(document,{childList:!0,subtree:!0});function t(e){let t={};return e.integrity&&(t.integrity=e.integrity),e.referrerPolicy&&(t.referrerPolicy=e.referrerPolicy),e.crossOrigin===`use-credentials`?t.credentials=`include`:e.crossOrigin===`anonymous`?t.credentials=`omit`:t.credentials=`same-origin`,t}function n(e){if(e.ep)return;e.ep=!0;let n=t(e);fetch(e.href,n)}})();function WorkerWrapper$5(e){return new Worker(`/tmagic-editor/playground/assets/editor.worker-Dpt_xPrs.js`,{name:e?.name})}function WorkerWrapper$4(e){return new Worker(`/tmagic-editor/playground/assets/css.worker-DyDu5ynT.js`,{name:e?.name})}function WorkerWrapper$3(e){return new Worker(`/tmagic-editor/playground/assets/html.worker-IWNXhnIC.js`,{name:e?.name})}function WorkerWrapper$2(e){return new Worker(`/tmagic-editor/playground/assets/json.worker-c4h5s80L.js`,{name:e?.name})}function WorkerWrapper$1(e){return new Worker(`/tmagic-editor/playground/assets/ts.worker-BwM5Ha3L.js`,{name:e?.name})}var ColumnLayout=function(e){return e.LEFT=`left`,e.CENTER=`center`,e.RIGHT=`right`,e}({}),SideItemKey=function(e){return e.COMPONENT_LIST=`component-list`,e.LAYER=`layer`,e.CODE_BLOCK=`code-block`,e.DATA_SOURCE=`data-source`,e}({}),LayerOffset=function(e){return e.TOP=`top`,e.BOTTOM=`bottom`,e}({}),Layout=function(e){return e.FLEX=`flex`,e.FIXED=`fixed`,e.RELATIVE=`relative`,e.ABSOLUTE=`absolute`,e}({}),CodeDeleteErrorType=function(e){return e.UNDELETEABLE=`undeleteable`,e.BIND=`bind`,e}({}),CODE_DRAFT_STORAGE_KEY=`magicCodeDraft`,KeyBindingCommand=function(e){return e.COPY_NODE=`tmagic-system-copy-node`,e.PASTE_NODE=`tmagic-system-paste-node`,e.DELETE_NODE=`tmagic-system-delete-node`,e.CUT_NODE=`tmagic-system-cut-node`,e.UNDO=`tmagic-system-undo`,e.REDO=`tmagic-system-redo`,e.ZOOM_IN=`tmagic-system-zoom-in`,e.ZOOM_OUT=`tmagic-system-zoom-out`,e.ZOOM_RESET=`tmagic-system-zoom-reset`,e.ZOOM_FIT=`tmagic-system-zoom-fit`,e.MOVE_UP_1=`tmagic-system-move-up-1`,e.MOVE_DOWN_1=`tmagic-system-move-down-1`,e.MOVE_LEFT_1=`tmagic-system-move-left-1`,e.MOVE_RIGHT_1=`tmagic-system-move-right-1`,e.MOVE_UP_10=`tmagic-system-move-up-10`,e.MOVE_DOWN_10=`tmagic-system-move-down-10`,e.MOVE_LEFT_10=`tmagic-system-move-left-10`,e.MOVE_RIGHT_10=`tmagic-system-move-right-10`,e.SWITCH_NODE=`tmagic-system-switch-node`,e}({}),DragType=function(e){return e.COMPONENT_LIST=`component-list`,e.LAYER_TREE=`layer-tree`,e}({}),canUsePluginMethods$7={async:[`getLayout`,`highlight`,`select`,`multiSelect`,`doAdd`,`add`,`doRemove`,`remove`,`doUpdate`,`update`,`sort`,`copy`,`paste`,`doPaste`,`doAlignCenter`,`alignCenter`,`moveLayer`,`moveToContainer`,`dragTo`,`undo`,`redo`,`move`],sync:[]},$MAGIC_DESIGN={},setDesignConfig=e=>{$MAGIC_DESIGN=e},getDesignConfig=e=>$MAGIC_DESIGN[e],Badge_vue_vue_type_script_setup_true_lang_default=defineComponent({name:`TMBadge`,__name:`Badge`,props:{value:{},type:{},max:{},isDot:{type:Boolean},hidden:{type:Boolean}},setup(e){let t=e,n=getDesignConfig(`components`)?.badge,r=n?.component||`el-badge`,i=computed$1(()=>n?.props(t)||t);return(e,t)=>(openBlock(),createBlock(resolveDynamicComponent(unref(r)),mergeProps({class:`tmagic-design-badge`},i.value),{default:withCtx(()=>[renderSlot(e.$slots,`default`)]),_:3},16))}}),Badge_default=Badge_vue_vue_type_script_setup_true_lang_default,Button_vue_vue_type_script_setup_true_lang_default=defineComponent({name:`TMButton`,__name:`Button`,props:{type:{},size:{},link:{type:Boolean},text:{type:Boolean},circle:{type:Boolean},icon:{},variant:{}},emits:[`click`],setup(e,{emit:t}){let n=e,r=getDesignConfig(`components`)?.button,i=r?.component||`el-button`,a=computed$1(()=>r?.props(n)||n),o=t,s=(...e)=>{o(`click`,...e)};return(e,t)=>(openBlock(),createBlock(resolveDynamicComponent(unref(i)),mergeProps({class:`tmagic-design-button`},a.value,{onClick:s}),createSlots({_:2},[e.$slots.icon?{name:`icon`,fn:withCtx(()=>[renderSlot(e.$slots,`icon`)]),key:`0`}:void 0,e.$slots.default?{name:`default`,fn:withCtx(()=>[renderSlot(e.$slots,`default`)]),key:`1`}:void 0]),1040))}}),Button_default=Button_vue_vue_type_script_setup_true_lang_default,Card_vue_vue_type_script_setup_true_lang_default=defineComponent({name:`TMCard`,__name:`Card`,props:{bodyStyle:{},shadow:{},header:{}},setup(e){let t=e,n=getDesignConfig(`components`)?.card,r=n?.component||`el-card`,i=computed$1(()=>n?.props(t)||t);return(e,t)=>(openBlock(),createBlock(resolveDynamicComponent(unref(r)),mergeProps({class:`tmagic-design-card`},i.value),createSlots({_:2},[e.$slots.header?{name:`header`,fn:withCtx(()=>[renderSlot(e.$slots,`header`,{class:`header`})]),key:`0`}:void 0,e.$slots.default?{name:`default`,fn:withCtx(()=>[renderSlot(e.$slots,`default`)]),key:`1`}:void 0]),1040))}}),Card_default=Card_vue_vue_type_script_setup_true_lang_default,Cascader_vue_vue_type_script_setup_true_lang_default$1=defineComponent({name:`TMCascader`,__name:`Cascader`,props:{modelValue:{},placeholder:{},disabled:{type:Boolean},clearable:{type:Boolean},filterable:{type:Boolean},options:{},size:{},popperClass:{},props:{}},emits:[`change`,`update:modelValue`],setup(e,{expose:t,emit:n}){let r=e,i=getDesignConfig(`components`)?.cascader,a=i?.component||`el-cascader`,o=computed$1(()=>i?.props(r)||r),s=ref$1(),c=n,l=e=>{c(`change`,e)},u=e=>{c(`update:modelValue`,e)};return t({setQuery(e){s.value&&(s.value.query=e)},setPreviousQuery(e){s.value&&(s.value.previousQuery=e)}}),(e,t)=>(openBlock(),createBlock(resolveDynamicComponent(unref(a)),mergeProps({ref_key:`cascader`,ref:s,class:`tmagic-design-cascader`},o.value,{"onUpdate:modelValue":u,onChange:l}),null,16))}}),Cascader_default$1=Cascader_vue_vue_type_script_setup_true_lang_default$1,Checkbox_vue_vue_type_script_setup_true_lang_default$1=defineComponent({name:`TMCheckbox`,__name:`Checkbox`,props:{modelValue:{type:[String,Number,Boolean]},value:{type:[String,Number,Boolean]},label:{},trueValue:{default:void 0},falseValue:{default:void 0},disabled:{type:Boolean},size:{}},emits:[`change`,`update:modelValue`],setup(e,{emit:t}){let n=e,r=getDesignConfig(`components`)?.checkbox,i=r?.component||`el-checkbox`,a=computed$1(()=>r?.props(n)||n),o=t,s=e=>{o(`change`,e)},c=e=>{o(`update:modelValue`,e)};return(e,t)=>(openBlock(),createBlock(resolveDynamicComponent(unref(i)),mergeProps({class:`tmagic-design-checkbox`},a.value,{"onUpdate:modelValue":c,onChange:s}),createSlots({_:2},[e.$slots.default?{name:`default`,fn:withCtx(()=>[renderSlot(e.$slots,`default`)]),key:`0`}:void 0]),1040))}}),Checkbox_default$1=Checkbox_vue_vue_type_script_setup_true_lang_default$1,CheckboxGroup_vue_vue_type_script_setup_true_lang_default$1=defineComponent({name:`TMCheckboxGroup`,__name:`CheckboxGroup`,props:{modelValue:{},label:{},disabled:{type:Boolean},size:{}},emits:[`change`,`update:modelValue`],setup(e,{emit:t}){let n=e,r=getDesignConfig(`components`)?.checkboxGroup,i=r?.component||`el-checkbox-group`,a=computed$1(()=>r?.props(n)||n),o=t,s=e=>{o(`change`,e)},c=e=>{o(`update:modelValue`,e)};return(e,t)=>(openBlock(),createBlock(resolveDynamicComponent(unref(i)),mergeProps({class:`tmagic-design-checkbox-group`},a.value,{onChange:s,"onUpdate:modelValue":c}),{default:withCtx(()=>[renderSlot(e.$slots,`default`)]),_:3},16))}}),CheckboxGroup_default$1=CheckboxGroup_vue_vue_type_script_setup_true_lang_default$1,Col_vue_vue_type_script_setup_true_lang_default$1=defineComponent({name:`TMCol`,__name:`Col`,props:{span:{}},setup(e){let t=e,n=getDesignConfig(`components`)?.col,r=n?.component||`el-col`,i=computed$1(()=>n?.props(t)||t);return(e,t)=>(openBlock(),createBlock(resolveDynamicComponent(unref(r)),mergeProps({class:`tmagic-design-col`},i.value),{default:withCtx(()=>[renderSlot(e.$slots,`default`)]),_:3},16))}}),Col_default$1=Col_vue_vue_type_script_setup_true_lang_default$1,Collapse_vue_vue_type_script_setup_true_lang_default=defineComponent({name:`TMCollapse`,__name:`Collapse`,props:{modelValue:{},accordion:{type:Boolean}},emits:[`change`,`update:modelValue`],setup(e,{emit:t}){let n=e,r=getDesignConfig(`components`)?.collapse,i=r?.component||`el-collapse`,a=computed$1(()=>r?.props(n)||n),o=t,s=e=>{o(`change`,e)},c=e=>{o(`update:modelValue`,e)};return(e,t)=>(openBlock(),createBlock(resolveDynamicComponent(unref(i)),mergeProps({class:`tmagic-design-collapse`},a.value,{"onUpdate:modelValue":c,onChange:s}),{default:withCtx(()=>[renderSlot(e.$slots,`default`)]),_:3},16))}}),Collapse_default=Collapse_vue_vue_type_script_setup_true_lang_default,CollapseItem_vue_vue_type_script_setup_true_lang_default=defineComponent({name:`TMCollapseItem`,__name:`CollapseItem`,props:{name:{},title:{},disabled:{type:Boolean}},emits:[`change`,`update:modelValue`],setup(e,{emit:t}){let n=e,r=getDesignConfig(`components`)?.collapseItem,i=r?.component||`el-collapse-item`,a=computed$1(()=>r?.props(n)||n),o=t,s=e=>{o(`change`,e)},c=e=>{o(`update:modelValue`,e)};return(e,t)=>(openBlock(),createBlock(resolveDynamicComponent(unref(i)),mergeProps({class:`tmagic-design-collapse-item`},a.value,{"onUpdate:modelValue":c,onChange:s}),{title:withCtx(()=>[renderSlot(e.$slots,`title`)]),header:withCtx(()=>[renderSlot(e.$slots,`title`)]),default:withCtx(()=>[renderSlot(e.$slots,`default`)]),_:3},16))}}),CollapseItem_default=CollapseItem_vue_vue_type_script_setup_true_lang_default,ColorPicker_vue_vue_type_script_setup_true_lang_default$1=defineComponent({name:`TMColorPicker`,__name:`ColorPicker`,props:{modelValue:{},disabled:{type:Boolean,default:!1},showAlpha:{type:Boolean,default:!1},size:{}},emits:[`change`,`update:modelValue`],setup(e,{emit:t}){let n=e,r=getDesignConfig(`components`)?.colorPicker,i=r?.component||`el-color-picker`,a=computed$1(()=>r?.props(n)||n),o=t,s=e=>{o(`change`,e)},c=e=>{o(`update:modelValue`,e)};return(e,t)=>(openBlock(),createBlock(resolveDynamicComponent(unref(i)),mergeProps({class:`tmagic-design-color-picker`},a.value,{onChange:s,"onUpdate:modelValue":c}),null,16))}}),ColorPicker_default$1=ColorPicker_vue_vue_type_script_setup_true_lang_default$1,DatePicker_vue_vue_type_script_setup_true_lang_default=defineComponent({name:`TMDatePicker`,__name:`DatePicker`,props:{type:{default:`date`},modelValue:{},disabled:{type:Boolean},placeholder:{},rangeSeparator:{},startPlaceholder:{},endPlaceholder:{},format:{},dateFormat:{},timeFormat:{},valueFormat:{},unlinkPanels:{type:Boolean},defaultTime:{},size:{}},emits:[`change`,`update:modelValue`],setup(e,{emit:t}){let n=e,r=getDesignConfig(`components`)?.datePicker,i=r?.component||`el-date-picker`,a=computed$1(()=>r?.props(n)||n),o=t,s=e=>{o(`change`,e)},c=e=>{o(`update:modelValue`,e)};return(e,t)=>(openBlock(),createBlock(resolveDynamicComponent(unref(i)),mergeProps({class:`tmagic-design-date-picker`},a.value,{onChange:s,"onUpdate:modelValue":c}),null,16))}}),DatePicker_default=DatePicker_vue_vue_type_script_setup_true_lang_default,Dialog_vue_vue_type_script_setup_true_lang_default=defineComponent({name:`TMDialog`,__name:`Dialog`,props:{modelValue:{type:Boolean},appendToBody:{type:Boolean},beforeClose:{},title:{},width:{},fullscreen:{type:Boolean},closeOnClickModal:{type:Boolean,default:!0},closeOnPressEscape:{type:Boolean,default:!0},destroyOnClose:{type:Boolean},showClose:{type:Boolean,default:!0}},emits:[`close`,`update:modelValue`],setup(e,{emit:t}){let n=e,r=t,i=getDesignConfig(`components`)?.dialog,a=i?.component||`el-dialog`,o=computed$1(()=>i?.props(n)||n),s=(...e)=>{r(`close`,...e)},c=e=>{r(`update:modelValue`,e)};return(e,t)=>(openBlock(),createBlock(resolveDynamicComponent(unref(a)),mergeProps({class:`tmagic-design-dialog`},o.value,{onClose:s,"onUpdate:modelValue":c}),{footer:withCtx(()=>[renderSlot(e.$slots,`footer`)]),default:withCtx(()=>[renderSlot(e.$slots,`default`)]),_:3},16))}}),Dialog_default=Dialog_vue_vue_type_script_setup_true_lang_default,Divider_vue_vue_type_script_setup_true_lang_default=defineComponent({name:`TMDivider`,__name:`Divider`,props:{direction:{},borderStyle:{},contentPosition:{}},setup(e){let t=e,n=getDesignConfig(`components`)?.divider,r=n?.component||`el-divider`,i=computed$1(()=>n?.props(t)||t);return(e,t)=>(openBlock(),createBlock(resolveDynamicComponent(unref(r)),mergeProps({class:`tmagic-design-divider`},i.value),{default:withCtx(()=>[renderSlot(e.$slots,`default`)]),_:3},16))}}),Divider_default=Divider_vue_vue_type_script_setup_true_lang_default,Dropdown_vue_vue_type_script_setup_true_lang_default=defineComponent({name:`TMDropdown`,__name:`Dropdown`,props:{type:{},size:{},maxHeight:{},splitButton:{type:Boolean},disable:{type:Boolean},placement:{},trigger:{},hideOnClick:{type:Boolean},showTimeout:{},role:{},tabindex:{},popperClass:{},popperOptions:{}},emits:[`command`],setup(e,{emit:t}){let n=e,r=getDesignConfig(`components`)?.dropdown,i=r?.component||`el-dropdown`,a=computed$1(()=>r?.props(n)||n),o=t,s=(...e)=>{o(`command`,...e)};return(e,t)=>(openBlock(),createBlock(resolveDynamicComponent(unref(i)),mergeProps({class:`tmagic-design-dropdown`},a.value,{onCommand:s}),{dropdown:withCtx(()=>[renderSlot(e.$slots,`dropdown`)]),default:withCtx(()=>[renderSlot(e.$slots,`default`)]),_:3},16))}}),Dropdown_default=Dropdown_vue_vue_type_script_setup_true_lang_default,DropdownItem_vue_vue_type_script_setup_true_lang_default=defineComponent({name:`TMDropdownItem`,__name:`DropdownItem`,props:{command:{},disabled:{type:Boolean},divided:{type:Boolean},icon:{}},setup(e){let t=e,n=getDesignConfig(`components`)?.dropdownItem,r=n?.component||`el-dropdown-item`,i=computed$1(()=>n?.props(t)||t);return(e,t)=>(openBlock(),createBlock(resolveDynamicComponent(unref(r)),mergeProps({class:`tmagic-design-dropdown-item`},i.value),{default:withCtx(()=>[renderSlot(e.$slots,`default`)]),_:3},16))}}),DropdownItem_default=DropdownItem_vue_vue_type_script_setup_true_lang_default,DropdownMenu_vue_vue_type_script_setup_true_lang_default=defineComponent({name:`TMDropdownMenu`,__name:`DropdownMenu`,setup(e){let t=getDesignConfig(`components`)?.dropdownMenu?.component||`el-dropdown-menu`;return(e,n)=>(openBlock(),createBlock(resolveDynamicComponent(unref(t)),{class:`tmagic-design-dropdown-menu`},{default:withCtx(()=>[renderSlot(e.$slots,`default`)]),_:3}))}}),DropdownMenu_default=DropdownMenu_vue_vue_type_script_setup_true_lang_default,Form_vue_vue_type_script_setup_true_lang_default$2=defineComponent({name:`TMForm`,__name:`Form`,props:{model:{},labelWidth:{},disabled:{type:Boolean},inline:{type:Boolean},labelPosition:{}},setup(e,{expose:t}){let n=e,r=getDesignConfig(`components`)?.form,i=r?.component||`el-form`,a=computed$1(()=>r?.props(n)||n),o=ref$1();return t({validate(){return o.value?.validate()},resetFields(){if(typeof o.value?.resetFields==`function`)return o.value?.resetFields();if(typeof o.value?.reset==`function`)return o.value?.reset()}}),(t,n)=>(openBlock(),createBlock(resolveDynamicComponent(unref(i)),mergeProps({class:[`tmagic-design-form`,{"tmagic-design-form-inline":e.inline}],ref_key:`form`,ref:o},a.value),{default:withCtx(()=>[renderSlot(t.$slots,`default`)]),_:3},16,[`class`]))}}),Form_default$2=Form_vue_vue_type_script_setup_true_lang_default$2,_hoisted_1$87=[`innerHTML`],FormItem_vue_vue_type_script_setup_true_lang_default=defineComponent({name:`TMFormItem`,__name:`FormItem`,props:{prop:{},labelWidth:{},rules:{},extra:{},labelPosition:{}},setup(e){let t=e,n=getDesignConfig(`components`)?.formItem,r=n?.component||`el-form-item`,i=getDesignConfig(`adapterType`),a=computed$1(()=>{let{extra:e,...r}=n?.props(t)||t;return r});return(t,n)=>(openBlock(),createBlock(resolveDynamicComponent(unref(r)),mergeProps({class:`tmagic-design-form-item`},a.value),{label:withCtx(()=>[renderSlot(t.$slots,`label`)]),default:withCtx(()=>[renderSlot(t.$slots,`default`),unref(i)===`element-plus`&&e.extra?(openBlock(),createElementBlock(`div`,{key:0,innerHTML:e.extra,class:`m-form-tip`},null,8,_hoisted_1$87)):createCommentVNode(`v-if`,!0)]),_:3},16))}}),FormItem_default=FormItem_vue_vue_type_script_setup_true_lang_default,Icon_vue_vue_type_script_setup_true_lang_default$1=defineComponent({name:`TMIcon`,__name:`Icon`,props:{size:{}},setup(e){let t=getDesignConfig(`components`)?.icon,n=t?.component||`el-icon`,r=e,i=computed$1(()=>t?.props(r)||r);return(e,t)=>(openBlock(),createBlock(resolveDynamicComponent(unref(n)),mergeProps({class:`tmagic-design-icon`},i.value),{default:withCtx(()=>[renderSlot(e.$slots,`default`)]),_:3},16))}}),Icon_default$1=Icon_vue_vue_type_script_setup_true_lang_default$1,Input_vue_vue_type_script_setup_true_lang_default=defineComponent({name:`TMInput`,__name:`Input`,props:{modelValue:{},clearable:{type:Boolean},disabled:{type:Boolean},placeholder:{},rows:{},type:{},size:{},autosize:{type:[Boolean,Object]}},emits:[`change`,`input`,`blur`,`focus`,`click`,`update:modelValue`],setup(e,{expose:t,emit:n}){let r=e,i=getDesignConfig(`components`)?.input,a=i?.component||`el-input`,o=computed$1(()=>i?.props(r)||r),s=n,c=ref$1(),l=(...e)=>{s(`change`,...e)},u=(...e)=>{s(`input`,...e)},d=(...e)=>{s(`update:modelValue`,...e)},f=(...e)=>{s(`blur`,...e)},p=(...e)=>{s(`focus`,...e)},m=(...e)=>{s(`click`,...e)};return t({instance:c,getInput(){return c.value.input?c.value.input:c.value?.$el?.querySelector(`input`)},getTextarea(){return c.value.textarea?c.value.textarea:c.value?.$el?.querySelector(`textarea`)}}),(e,t)=>(openBlock(),createBlock(resolveDynamicComponent(unref(a)),mergeProps({ref_key:`instance`,ref:c,class:`tmagic-design-input`},o.value,{onChange:l,onInput:u,"onUpdate:modelValue":d,onBlur:f,onFocus:p,onClick:m}),createSlots({_:2},[e.$slots.prepend?{name:`prepend`,fn:withCtx(()=>[renderSlot(e.$slots,`prepend`)]),key:`0`}:void 0,e.$slots.append?{name:`append`,fn:withCtx(()=>[renderSlot(e.$slots,`append`)]),key:`1`}:void 0,e.$slots.prefix?{name:`prefix`,fn:withCtx(()=>[renderSlot(e.$slots,`prefix`)]),key:`2`}:void 0,e.$slots.suffix?{name:`suffix`,fn:withCtx(()=>[renderSlot(e.$slots,`suffix`)]),key:`3`}:void 0]),1040))}}),Input_default=Input_vue_vue_type_script_setup_true_lang_default,InputNumber_vue_vue_type_script_setup_true_lang_default=defineComponent({name:`TMInputNumber`,__name:`InputNumber`,props:{modelValue:{type:[String,Number,Boolean]},clearable:{type:Boolean},controlsPosition:{},disabled:{type:Boolean},placeholder:{},step:{},min:{},max:{},size:{}},emits:[`change`,`input`,`update:modelValue`],setup(e,{emit:t}){let n=e,r=getDesignConfig(`components`)?.inputNumber,i=r?.component||`el-input-number`,a=computed$1(()=>r?.props(n)||n),o=t,s=(...e)=>{o(`change`,...e)},c=(...e)=>{o(`input`,...e)},l=(...e)=>{o(`update:modelValue`,...e)};return(e,t)=>(openBlock(),createBlock(resolveDynamicComponent(unref(i)),mergeProps({class:`tmagic-design-input-number`},a.value,{onChange:s,onInput:c,"onUpdate:modelValue":l}),null,16))}}),InputNumber_default=InputNumber_vue_vue_type_script_setup_true_lang_default,Option_vue_vue_type_script_setup_true_lang_default=defineComponent({name:`TMOption`,__name:`Option`,props:{value:{},label:{},disabled:{type:Boolean}},setup(e){let t=e,n=getDesignConfig(`components`)?.option,r=n?.component||`el-option`,i=computed$1(()=>n?.props(t)||t);return(e,t)=>(openBlock(),createBlock(resolveDynamicComponent(unref(r)),mergeProps({class:`tmagic-design-option`},i.value),{default:withCtx(()=>[renderSlot(e.$slots,`default`)]),_:3},16))}}),Option_default=Option_vue_vue_type_script_setup_true_lang_default,Pagination_vue_vue_type_script_setup_true_lang_default=defineComponent({name:`TMPagination`,__name:`Pagination`,props:{layout:{},hideOnSinglePage:{type:Boolean},curPage:{},pageSizes:{},pageSize:{},total:{},size:{}},emits:[`size-change`,`current-change`,`update:current-page`,`update:page-size`],setup(e,{emit:t}){let n=e,r=t,i=getDesignConfig(`components`)?.pagination,a=i?.component||`el-pagination`,o=computed$1(()=>i?.props(n)||n),s=(...e)=>{r(`size-change`,...e)},c=(...e)=>{r(`current-change`,...e)},l=(...e)=>{r(`update:current-page`,...e)},u=(...e)=>{r(`update:page-size`,...e)};return(e,t)=>(openBlock(),createBlock(resolveDynamicComponent(unref(a)),mergeProps({class:`tmagic-design-pagination`},o.value,{onSizeChange:s,onCurrentChange:c,"onUpdate:currentPage":l,"onUpdate:pageSize":u}),null,16))}}),Pagination_default=Pagination_vue_vue_type_script_setup_true_lang_default,_hoisted_1$86=[`tabindex`],Popover_vue_vue_type_script_setup_true_lang_default=defineComponent({name:`TMPopper`,inheritAttrs:!1,__name:`Popover`,props:{placement:{},width:{},trigger:{default:`hover`},disabled:{type:Boolean,default:!1},visible:{type:Boolean,default:void 0},popperClass:{},tabindex:{default:0},destroyOnClose:{type:Boolean,default:!1}},setup(e){let t=e,n=ref$1(!1),r=watch(()=>t.visible,e=>{if(e===void 0){nextTick(()=>{r()});return}n.value=e},{immediate:!0}),i=computed$1(()=>{if(!t.width)return{};let{width:e}=t;return typeof e==`number`&&(e=`${e}px`),{width:e}}),a=ref$1(),o=ref$1(),s=shallowRef();onMounted(()=>{a.value=getCurrentInstance$1()?.proxy?.$el.nextElementSibling});let c=useZIndex();watch([a,o,n],([e,n,r])=>{m(),!(!e||!n||!r)&&(n.style.zIndex=`${c.nextZIndex()}`,s.value=createPopper(e,n,{placement:t.placement||`bottom`,strategy:`absolute`,modifiers:[{name:`offset`,options:{offset:[0,10]}}]}))});let l=()=>{o.value?.focus()},u=()=>{t.disabled||(n.value=!n.value)},d=()=>{t.disabled||(f&&clearTimeout(f),n.value=!0)},f=null,p=()=>{t.disabled||(f&&clearTimeout(f),f=globalThis.setTimeout(()=>{n.value=!1,f=null},350))};t.trigger===`click`&&t.visible===void 0&&watch(a,(e,t)=>{e?.addEventListener(`click`,u),t?.removeEventListener(`click`,u)},{immediate:!0}),t.trigger===`hover`&&t.visible===void 0&&(watch(a,(e,t)=>{e?.addEventListener(`mouseenter`,d),t?.removeEventListener(`mouseenter`,d),e?.addEventListener(`mouseleave`,p),t?.removeEventListener(`mouseleave`,p)},{immediate:!0}),watch(o,(e,t)=>{e?.addEventListener(`mouseenter`,d),t?.removeEventListener(`mouseenter`,d),e?.addEventListener(`mouseleave`,p),t?.removeEventListener(`mouseleave`,p)}));let m=()=>{s.value&&(s.value.destroy(),s.value=void 0)};return onBeforeUnmount(()=>{m()}),(t,r)=>(openBlock(),createElementBlock(Fragment,null,[renderSlot(t.$slots,`reference`),(openBlock(),createBlock(Teleport,{to:`body`},[n.value||!e.destroyOnClose?withDirectives((openBlock(),createElementBlock(`div`,{key:0,class:normalizeClass([`tmagic-design-popper`,e.popperClass]),ref_key:`popperElementRef`,ref:o,tabindex:e.tabindex,style:normalizeStyle(i.value),onMouseenterOnce:l},[renderSlot(t.$slots,`default`),r[0]||(r[0]=createBaseVNode(`span`,{class:`tmagic-design-popper-arrow`,"data-popper-arrow":``},null,-1))],46,_hoisted_1$86)),[[vShow,n.value]]):createCommentVNode(`v-if`,!0)]))],64))}}),Popover_default=Popover_vue_vue_type_script_setup_true_lang_default,Radio_vue_vue_type_script_setup_true_lang_default=defineComponent({name:`TMRadio`,__name:`Radio`,props:{modelValue:{type:[String,Number,Boolean]},value:{type:[String,Number,Boolean]},label:{type:[String,Number,Boolean]}},setup(e){let t=e,n=getDesignConfig(`components`)?.radio,r=n?.component||`el-radio`,i=computed$1(()=>n?.props(t)||t);return(e,t)=>(openBlock(),createBlock(resolveDynamicComponent(unref(r)),mergeProps({class:`tmagic-design-radio`},i.value),{default:withCtx(()=>[renderSlot(e.$slots,`default`)]),_:3},16))}}),Radio_default=Radio_vue_vue_type_script_setup_true_lang_default,RadioButton_vue_vue_type_script_setup_true_lang_default=defineComponent({name:`TMRadioButton`,__name:`RadioButton`,props:{value:{type:[String,Number,Boolean]},label:{type:[String,Number,Boolean]},disabled:{type:Boolean},name:{}},setup(e){let t=e,n=getDesignConfig(`components`)?.radioButton,r=n?.component||`el-radio-button`,i=computed$1(()=>n?.props(t)||t);return(e,t)=>(openBlock(),createBlock(resolveDynamicComponent(unref(r)),mergeProps({class:`tmagic-design-radio-button`},i.value),{default:withCtx(()=>[renderSlot(e.$slots,`default`)]),_:3},16))}}),RadioButton_default=RadioButton_vue_vue_type_script_setup_true_lang_default,RadioGroup_vue_vue_type_script_setup_true_lang_default$1=defineComponent({name:`TMRadioGroup`,__name:`RadioGroup`,props:{modelValue:{type:[String,Number,Boolean]},disabled:{type:Boolean},size:{}},emits:[`change`,`update:modelValue`],setup(e,{emit:t}){let n=e,r=getDesignConfig(`components`)?.radioGroup,i=r?.component||`el-radio-group`,a=computed$1(()=>r?.props(n)||n),o=t,s=e=>{o(`change`,e)},c=e=>{o(`update:modelValue`,e)};return(e,t)=>(openBlock(),createBlock(resolveDynamicComponent(unref(i)),mergeProps({class:`tmagic-design-radio-group`},a.value,{onChange:s,"onUpdate:modelValue":c}),{default:withCtx(()=>[renderSlot(e.$slots,`default`)]),_:3},16))}}),RadioGroup_default$1=RadioGroup_vue_vue_type_script_setup_true_lang_default$1,Row_vue_vue_type_script_setup_true_lang_default$1=defineComponent({name:`TMRow`,__name:`Row`,setup(e){let t=getDesignConfig(`components`)?.row.component||`el-row`;return(e,n)=>(openBlock(),createBlock(resolveDynamicComponent(unref(t)),{class:`tmagic-design-row`},{default:withCtx(()=>[renderSlot(e.$slots,`default`)]),_:3}))}}),Row_default$2=Row_vue_vue_type_script_setup_true_lang_default$1,Scrollbar_vue_vue_type_script_setup_true_lang_default=defineComponent({name:`TMScrollbar`,__name:`Scrollbar`,setup(e){let t=getDesignConfig(`components`)?.scrollbar?.component||`el-scrollbar`;return(e,n)=>(openBlock(),createBlock(resolveDynamicComponent(unref(t)),{class:`tmagic-design-scrollbar`},{default:withCtx(()=>[renderSlot(e.$slots,`default`)]),_:3}))}}),Scrollbar_default=Scrollbar_vue_vue_type_script_setup_true_lang_default,Select_vue_vue_type_script_setup_true_lang_default$1=defineComponent({name:`TMSelect`,__name:`Select`,props:{modelValue:{},clearable:{type:Boolean},filterable:{type:Boolean},popperClass:{},disabled:{type:Boolean},placeholder:{},remote:{type:Boolean},multiple:{type:Boolean},allowCreate:{type:Boolean},valueKey:{},remoteMethod:{},loading:{type:Boolean},size:{},onSearch:{}},emits:[`change`,`update:modelValue`,`visible-change`],setup(e,{expose:t,emit:n}){let r=e,i=n,a=getDesignConfig(`components`)?.select,o=a?.component||`el-select`,s=computed$1(()=>a?.props(r)||r),c=ref$1(),l=(...e)=>{i(`change`,...e)},u=(...e)=>{i(`update:modelValue`,...e)},d=(...e)=>{i(`visible-change`,...e)},f=ref$1(),p=watch(()=>c.value?.scrollbar?.wrap$||c.value?.scrollbar?.wrapRef||c.value?.scrollbarRef?.wrapRef,e=>{e&&(nextTick(()=>p()),f.value=e)},{immediate:!0});return t({scrollbarWrap:f,setQuery(e){c.value&&(c.value.query=e)},setPreviousQuery(e){c.value&&(c.value.previousQuery=e)},setSelectedLabel(e){c.value&&(c.value.selectedLabel=e)},setSelected(){if(c.value)return c.value.setSelected()}}),(e,t)=>(openBlock(),createBlock(resolveDynamicComponent(unref(o)),mergeProps({class:`tmagic-design-select`,ref_key:`select`,ref:c},s.value,{onChange:l,onVisibleChange:d,onPopupVisibleChange:d,"onUpdate:modelValue":u}),{default:withCtx(()=>[renderSlot(e.$slots,`default`)]),_:3},16))}}),Select_default$1=Select_vue_vue_type_script_setup_true_lang_default$1,Step_vue_vue_type_script_setup_true_lang_default$1=defineComponent({name:`TMStep`,__name:`Step`,props:{title:{},active:{},props:{},status:{}},emits:[`click`],setup(e,{emit:t}){let n=e,r=t,i=(...e)=>{r(`click`,...e)},a=getDesignConfig(`components`)?.step,o=a?.component||`el-step`,s=computed$1(()=>a?.props(n)||n);return(e,t)=>(openBlock(),createBlock(resolveDynamicComponent(unref(o)),mergeProps({class:`tmagic-design-step`},s.value,{onClick:i}),{default:withCtx(()=>[renderSlot(e.$slots,`default`)]),_:3},16))}}),Step_default$1=Step_vue_vue_type_script_setup_true_lang_default$1,Steps_vue_vue_type_script_setup_true_lang_default=defineComponent({name:`TMSteps`,__name:`Steps`,props:{active:{},space:{}},setup(e){let t=e,n=getDesignConfig(`components`)?.steps,r=n?.component||`el-steps`,i=computed$1(()=>n?.props(t)||t);return(e,t)=>(openBlock(),createBlock(resolveDynamicComponent(unref(r)),mergeProps({class:`tmagic-design-steps`},i.value),{default:withCtx(()=>[renderSlot(e.$slots,`default`)]),_:3},16))}}),Steps_default=Steps_vue_vue_type_script_setup_true_lang_default,Switch_vue_vue_type_script_setup_true_lang_default$1=defineComponent({name:`TMSwitch`,__name:`Switch`,props:{modelValue:{type:[String,Number,Boolean]},label:{},activeValue:{type:[String,Number,Boolean]},inactiveValue:{type:[String,Number,Boolean]},disabled:{type:Boolean},size:{}},emits:[`change`,`update:modelValue`],setup(e,{emit:t}){let n=e,r=getDesignConfig(`components`)?.switch,i=r?.component||`el-switch`,a=computed$1(()=>r?.props(n)||n),o=t,s=e=>{o(`change`,e)},c=e=>{o(`update:modelValue`,e)};return(e,t)=>(openBlock(),createBlock(resolveDynamicComponent(unref(i)),mergeProps({class:`tmagic-design-switch`},a.value,{"onUpdate:modelValue":c,onChange:s}),{default:withCtx(()=>[renderSlot(e.$slots,`default`)]),_:3},16))}}),Switch_default$1=Switch_vue_vue_type_script_setup_true_lang_default$1,Table_vue_vue_type_script_setup_true_lang_default$3=defineComponent({name:`TMTable`,__name:`Table`,props:{columns:{},data:{default:()=>[]},border:{type:Boolean},maxHeight:{},defaultExpandAll:{type:Boolean},showHeader:{type:Boolean},rowKey:{},treeProps:{},emptyText:{},tooltipEffect:{},tooltipOptions:{},showOverflowTooltip:{type:Boolean},spanMethod:{}},emits:[`select`,`sort-change`,`expand-change`,`cell-click`],setup(e,{expose:t,emit:n}){let r=e,i=getDesignConfig(`components`)?.table,a=i?.component||`el-table`,o=computed$1(()=>i?.props(r)||r),s=n,c=useTemplateRef(`table`),l=(...e)=>{s(`select`,...e)},u=(...e)=>{s(`sort-change`,...e)},d=(...e)=>{s(`expand-change`,...e)},f=(...e)=>{s(`cell-click`,...e)};return t({getEl:()=>c.value?.getTableRef().$el,getTableRef:()=>c.value.getTableRef(),clearSelection(...e){return c.value?.clearSelection(...e)},toggleRowSelection(...e){return c.value?.toggleRowSelection(...e)},toggleRowExpansion(...e){return c.value?.toggleRowExpansion(...e)}}),(e,t)=>(openBlock(),createBlock(resolveDynamicComponent(unref(a)),mergeProps({class:`tmagic-design-table`,ref:`table`},o.value,{"row-class-name":`tmagic-design-table-row`,"cell-class-name":`tmagic-design-table-cell`,onSelect:l,onSortChange:u,onExpandChange:d,onCellClick:f}),{default:withCtx(()=>[renderSlot(e.$slots,`default`)]),_:3},16))}}),Table_default$3=Table_vue_vue_type_script_setup_true_lang_default$3,TabPane_vue_vue_type_script_setup_true_lang_default=defineComponent({name:`TMTabPane`,__name:`TabPane`,props:{name:{},label:{},lazy:{type:Boolean}},setup(e){let t=e,n=getDesignConfig(`components`)?.tabPane,r=n?.component||`el-tab-pane`,i=computed$1(()=>n?.props(t)||t);return(e,t)=>(openBlock(),createBlock(resolveDynamicComponent(unref(r)),mergeProps({class:`tmagic-design-tab-pane`},i.value),createSlots({default:withCtx(()=>[renderSlot(e.$slots,`default`)]),_:2},[e.$slots.label?{name:`label`,fn:withCtx(()=>[renderSlot(e.$slots,`label`)]),key:`0`}:void 0]),1040))}}),TabPane_default=TabPane_vue_vue_type_script_setup_true_lang_default,Tabs_vue_vue_type_script_setup_true_lang_default$1=defineComponent({name:`TMTabs`,__name:`Tabs`,props:{type:{},editable:{type:Boolean},tabPosition:{},modelValue:{}},emits:[`tab-click`,`tab-add`,`tab-remove`,`update:model-value`],setup(e,{emit:t}){let n=e,r=getDesignConfig(`components`)?.tabs,i=r?.component||`el-tabs`,a=computed$1(()=>r?.props(n)||n),o=t,s=(...e)=>{o(`tab-click`,...e)},c=(...e)=>{o(`tab-add`,...e)},l=(...e)=>{o(`tab-remove`,...e)},u=(...e)=>{o(`update:model-value`,...e)};return(e,t)=>(openBlock(),createBlock(resolveDynamicComponent(unref(i)),mergeProps({class:`tmagic-design-tabs`},a.value,{onTabClick:s,onTabAdd:c,onTabRemove:l,"onUpdate:modelValue":u}),createSlots({default:withCtx(()=>[renderSlot(e.$slots,`default`)]),_:2},[e.$slots[`add-icon`]?{name:`add-icon`,fn:withCtx(()=>[renderSlot(e.$slots,`add-icon`)]),key:`0`}:void 0]),1040))}}),Tabs_default$1=Tabs_vue_vue_type_script_setup_true_lang_default$1,Tag_vue_vue_type_script_setup_true_lang_default=defineComponent({name:`TMTag`,__name:`Tag`,props:{type:{},disableTransition:{type:Boolean}},setup(e){let t=e,n=getDesignConfig(`components`)?.tag,r=n?.component||`el-tag`,i=computed$1(()=>n?.props(t)||t);return(e,t)=>(openBlock(),createBlock(resolveDynamicComponent(unref(r)),mergeProps({class:`tmagic-design-tag`},i.value),{default:withCtx(()=>[renderSlot(e.$slots,`default`)]),_:3},16))}}),Tag_default=Tag_vue_vue_type_script_setup_true_lang_default,TimePicker_vue_vue_type_script_setup_true_lang_default=defineComponent({name:`TMTimePicker`,__name:`TimePicker`,props:{modelValue:{},disabled:{type:Boolean},placeholder:{},size:{}},emits:[`change`,`update:modelValue`],setup(e,{emit:t}){let n=e,r=getDesignConfig(`components`)?.timePicker,i=r?.component||`el-time-picker`,a=computed$1(()=>r?.props(n)||n),o=t,s=e=>{o(`change`,e)},c=e=>{o(`update:modelValue`,e)};return(e,t)=>(openBlock(),createBlock(resolveDynamicComponent(unref(i)),mergeProps({class:`tmagic-design-time-picker`},a.value,{onChange:s,"onUpdate:modelValue":c}),null,16))}}),TimePicker_default=TimePicker_vue_vue_type_script_setup_true_lang_default,Tooltip_vue_vue_type_script_setup_true_lang_default=defineComponent({name:`TMTooltip`,__name:`Tooltip`,props:{placement:{},disabled:{type:Boolean},content:{},effect:{},transition:{},offset:{}},setup(e){let t=e,n=getDesignConfig(`components`)?.tooltip,r=n?.component||`el-tooltip`,i=computed$1(()=>n?.props(t)||t);return(e,t)=>(openBlock(),createBlock(resolveDynamicComponent(unref(r)),mergeProps({class:`tmagic-design-tooltip`},i.value),{content:withCtx(()=>[renderSlot(e.$slots,`content`)]),default:withCtx(()=>[renderSlot(e.$slots,`default`)]),_:3},16))}}),Tooltip_default=Tooltip_vue_vue_type_script_setup_true_lang_default,Upload_vue_vue_type_script_setup_true_lang_default=defineComponent({name:`TMUpload`,__name:`Upload`,props:{action:{},autoUpload:{type:Boolean},disabled:{type:Boolean}},emits:[`change`],setup(e,{expose:t,emit:n}){let r=e,i=n,a=(...e)=>{i(`change`,...e)},o=getDesignConfig(`components`)?.upload,s=o?.component||`el-upload`,c=computed$1(()=>o?.props(r)||r),l=ref$1();return t({clearFiles(...e){return l.value?.clearFiles(...e)}}),(e,t)=>(openBlock(),createBlock(resolveDynamicComponent(unref(s)),mergeProps({class:`tmagic-design-upload`,ref_key:`upload`,ref:l},c.value,{onChange:a}),null,16))}}),Upload_default=Upload_vue_vue_type_script_setup_true_lang_default,tMagicMessage,tMagicMessageBox={alert:e=>{console.log(e)},confirm:e=>{console.log(e)},close:e=>{console.log(e)}},zIndex=ref$1(0),useZIndex=e=>{let t=e,n=computed$1(()=>unref(t)??2e3),r=computed$1(()=>n.value+zIndex.value);return{initialZIndex:n,currentZIndex:r,nextZIndex:()=>(zIndex.value+=1,r.value)}},src_default$3={install(e,t){tMagicMessage=t.message||{error:e=>{console.error(e)},success:e=>{console.log(e)},warning:e=>{console.warn(e)},info:e=>{console.info(e)},closeAll:e=>{}},t.messageBox&&(tMagicMessageBox.alert=t.messageBox?.alert,tMagicMessageBox.confirm=t.messageBox?.confirm,tMagicMessageBox.prompt=t.messageBox?.prompt,tMagicMessageBox.close=t.messageBox?.close),t.loading&&!e.directive(`loading`)&&e.directive(`loading`,t.loading),t.useZIndex&&(useZIndex=t.useZIndex),t.adapterType&&globalThis.document?.documentElement&&globalThis.document.documentElement.classList.add(`tmagic-adapter-${t.adapterType}`),e.config.globalProperties.$MAGIC_DESIGN=t,setDesignConfig(t)}},mergeWith=createAssigner(function(e,t,n,r){baseMerge(e,t,n,r)}),hasOwnProperty$1=Object.prototype.hasOwnProperty;function baseHas(e,t){return e!=null&&hasOwnProperty$1.call(e,t)}function has(e,t){return e!=null&&hasPath(e,t,baseHas)}function uniq(e){return e&&e.length?baseUniq(e):[]}var useCodeBlockEdit=e=>{let t=ref$1(),n=ref$1(),r=useTemplateRef(`codeBlockEditor`);return{codeId:n,codeConfig:t,codeBlockEditor:r,createCodeBlock:async()=>{t.value={name:``,content:`({app, params, flowState}) => { // place your code here }`,params:[]},n.value=await e.getUniqueId(),await nextTick(),r.value?.show()},editCode:async i=>{let a=await e.getCodeContentById(i);if(!a){tMagicMessage.error(`获取代码块内容失败`);return}let o=``;a.content&&(o=typeof a.content==`string`?a.content:a.content.toString()),t.value={...cloneDeep(a),content:o},n.value=i,await nextTick(),r.value?.show()},deleteCode:async t=>{e.deleteCodeDslByIds([t])},submitCodeBlockHandler:async t=>{n.value&&(await e.setCodeDslById(n.value,t),r.value?.hide())}}},Env=class{constructor(e=globalThis.navigator?.userAgent??``,t={}){_defineProperty(this,`isIos`,!1),_defineProperty(this,`isIphone`,!1),_defineProperty(this,`isIpad`,!1),_defineProperty(this,`isAndroid`,!1),_defineProperty(this,`isAndroidPad`,!1),_defineProperty(this,`isMac`,!1),_defineProperty(this,`isWin`,!1),_defineProperty(this,`isMqq`,!1),_defineProperty(this,`isWechat`,!1),_defineProperty(this,`isWeb`,!1),_defineProperty(this,`isOpenHarmony`,!1),e&&(this.isIphone=e.indexOf(`iPhone`)>=0,this.isIpad=/(iPad).*OS\s([\d_]+)/.test(e),this.isIos=this.isIphone||this.isIpad,this.isAndroid=e.indexOf(`Android`)>=0,this.isAndroidPad=this.isAndroid&&e.indexOf(`Mobile`)<0,this.isMac=e.indexOf(`Macintosh`)>=0,this.isWin=e.indexOf(`Windows`)>=0,this.isMqq=/QQ\/([\d.]+)/.test(e),this.isWechat=e.indexOf(`MicroMessenger`)>=0&&e.indexOf(`wxwork`)<0,this.isOpenHarmony=e.includes(`OpenHarmony`),this.isWeb=!this.isIos&&!this.isAndroid&&!this.isOpenHarmony&&!/(WebOS|BlackBerry)/.test(e),Object.entries(t).forEach(([e,t])=>{this[e]=t}))}},FlowState=class{constructor(){_defineProperty(this,`isAbort`,void 0),this.isAbort=!1}abort(){this.isAbort=!0}reset(){this.isAbort=!1}},require_events=__commonJSMin(((e,t)=>{var n=typeof Reflect==`object`?Reflect:null,r=n&&typeof n.apply==`function`?n.apply:function(e,t,n){return Function.prototype.apply.call(e,t,n)},i=n&&typeof n.ownKeys==`function`?n.ownKeys:Object.getOwnPropertySymbols?function(e){return Object.getOwnPropertyNames(e).concat(Object.getOwnPropertySymbols(e))}:function(e){return Object.getOwnPropertyNames(e)};function a(e){console&&console.warn&&console.warn(e)}var o=Number.isNaN||function(e){return e!==e};function s(){s.init.call(this)}t.exports=s,t.exports.once=b,s.EventEmitter=s,s.prototype._events=void 0,s.prototype._eventsCount=0,s.prototype._maxListeners=void 0;var c=10;function l(e){if(typeof e!=`function`)throw TypeError(`The "listener" argument must be of type Function. Received type `+typeof e)}Object.defineProperty(s,`defaultMaxListeners`,{enumerable:!0,get:function(){return c},set:function(e){if(typeof e!=`number`||e<0||o(e))throw RangeError(`The value of "defaultMaxListeners" is out of range. It must be a non-negative number. Received `+e+`.`);c=e}}),s.init=function(){(this._events===void 0||this._events===Object.getPrototypeOf(this)._events)&&(this._events=Object.create(null),this._eventsCount=0),this._maxListeners=this._maxListeners||void 0},s.prototype.setMaxListeners=function(e){if(typeof e!=`number`||e<0||o(e))throw RangeError(`The value of "n" is out of range. It must be a non-negative number. Received `+e+`.`);return this._maxListeners=e,this};function u(e){return e._maxListeners===void 0?s.defaultMaxListeners:e._maxListeners}s.prototype.getMaxListeners=function(){return u(this)},s.prototype.emit=function(e){for(var t=[],n=1;n0&&(o=t[0]),o instanceof Error)throw o;var s=Error(`Unhandled error.`+(o?` (`+o.message+`)`:``));throw s.context=o,s}var c=a[e];if(c===void 0)return!1;if(typeof c==`function`)r(c,this,t);else for(var l=c.length,u=_(c,l),n=0;n0&&s.length>i&&!s.warned){s.warned=!0;var c=Error(`Possible EventEmitter memory leak detected. `+s.length+` `+String(t)+` listeners added. Use emitter.setMaxListeners() to increase limit`);c.name=`MaxListenersExceededWarning`,c.emitter=e,c.type=t,c.count=s.length,a(c)}return e}s.prototype.addListener=function(e,t){return d(this,e,t,!1)},s.prototype.on=s.prototype.addListener,s.prototype.prependListener=function(e,t){return d(this,e,t,!0)};function f(){if(!this.fired)return this.target.removeListener(this.type,this.wrapFn),this.fired=!0,arguments.length===0?this.listener.call(this.target):this.listener.apply(this.target,arguments)}function p(e,t,n){var r={fired:!1,wrapFn:void 0,target:e,type:t,listener:n},i=f.bind(r);return i.listener=n,r.wrapFn=i,i}s.prototype.once=function(e,t){return l(t),this.on(e,p(this,e,t)),this},s.prototype.prependOnceListener=function(e,t){return l(t),this.prependListener(e,p(this,e,t)),this},s.prototype.removeListener=function(e,t){var n,r,i,a,o;if(l(t),r=this._events,r===void 0||(n=r[e],n===void 0))return this;if(n===t||n.listener===t)--this._eventsCount===0?this._events=Object.create(null):(delete r[e],r.removeListener&&this.emit(`removeListener`,e,n.listener||t));else if(typeof n!=`function`){for(i=-1,a=n.length-1;a>=0;a--)if(n[a]===t||n[a].listener===t){o=n[a].listener,i=a;break}if(i<0)return this;i===0?n.shift():v(n,i),n.length===1&&(r[e]=n[0]),r.removeListener!==void 0&&this.emit(`removeListener`,e,o||t)}return this},s.prototype.off=s.prototype.removeListener,s.prototype.removeAllListeners=function(e){var t,n=this._events,r;if(n===void 0)return this;if(n.removeListener===void 0)return arguments.length===0?(this._events=Object.create(null),this._eventsCount=0):n[e]!==void 0&&(--this._eventsCount===0?this._events=Object.create(null):delete n[e]),this;if(arguments.length===0){var i=Object.keys(n),a;for(r=0;r=0;r--)this.removeListener(e,t[r]);return this};function m(e,t,n){var r=e._events;if(r===void 0)return[];var i=r[t];return i===void 0?[]:typeof i==`function`?n?[i.listener||i]:[i]:n?y(i):_(i,i.length)}s.prototype.listeners=function(e){return m(this,e,!0)},s.prototype.rawListeners=function(e){return m(this,e,!1)},s.listenerCount=function(e,t){return typeof e.listenerCount==`function`?e.listenerCount(t):g.call(e,t)},s.prototype.listenerCount=g;function g(e){var t=this._events;if(t!==void 0){var n=t[e];if(typeof n==`function`)return 1;if(n!==void 0)return n.length}return 0}s.prototype.eventNames=function(){return this._eventsCount>0?i(this._events):[]};function _(e,t){for(var n=Array(t),r=0;r{let e=new Map;return(t,n,r=globalThis.document)=>{let i=e.get(r);if(i||(i=new Map,e.set(r,i)),i.get(t))return i.get(t);let a=new Promise((e,i)=>{let a=r.createElement(`script`);a.type=`text/javascript`,n&&(a.crossOrigin=n),a.src=t,r.body.appendChild(a),a.onload=()=>{e()},a.onerror=()=>{i(Error(`加载失败`))},setTimeout(()=>{i(Error(`timeout`))},60*1e3)}).catch(e=>{throw i.delete(t),e});return i.set(t,a),i.get(t)}})(),asyncLoadCss=(()=>{let e=new Map;return(t,n=globalThis.document)=>{let r=e.get(n);if(r||(r=new Map,e.set(n,r)),r.get(t))return r.get(t);let i=new Promise((e,r)=>{let i=n.createElement(`link`);i.rel=`stylesheet`,i.href=t,n.head.appendChild(i),i.onload=()=>{e()},i.onerror=()=>{r(Error(`加载失败`))},setTimeout(()=>{r(Error(`timeout`))},60*1e3)}).catch(e=>{throw r.delete(t),e});return r.set(t,i),r.get(t)}})(),addClassName=(e,t,n)=>{let r=t.querySelector(`.${n}`);r&&r!==e&&removeClassName(r,n),e.classList.contains(n)||e.classList.add(n)},removeClassName=(e,...t)=>{e.classList.remove(...t)},removeClassNameByClassName=(e,t)=>{let n=e.querySelector(`.${t}`);return n?.classList.remove(t),n},injectStyle$1=(e,t)=>{let n=e.createElement(`style`);return n.innerHTML=t,e.head.appendChild(n),n},createDiv=({className:e,cssText:t})=>{let n=globalThis.document.createElement(`div`);return n.className=e,n.style.cssText=t,n},getDocument$1=()=>globalThis.document,calcValueByFontsize=(e,t)=>{if(!e)return t;let{fontSize:n}=e.documentElement.style;if(n){let e=globalThis.parseFloat(n)/100;return Number((t/e).toFixed(2))}return t},dslDomRelateConfig={getIdFromEl:e=>e?.dataset?.tmagicId,getElById:(e,t)=>e?.querySelector(`[data-tmagic-id="${t}"]`),setIdToEl:(e,t)=>{e.dataset.tmagicId=`${t}`}},getIdFromEl=()=>dslDomRelateConfig.getIdFromEl,getElById=()=>dslDomRelateConfig.getElById,setIdToEl=()=>dslDomRelateConfig.setIdToEl,toLine=(e=``)=>e.replace(/\B([A-Z])/g,`-$1`).toLowerCase(),getNodePath=(e,t=[])=>{let n=[],r=function(e,t){if(!Array.isArray(t))return null;for(let i=0,a=t.length;i{let n={node:null,parent:null,page:null};if(!t)return n;if(e===t.id)return n.node=t,n;let r=getNodePath(e,t.items);return r.length?(r.unshift(t),n.node=r[r.length-1],n.parent=r[r.length-2],r.forEach(e=>{if(isPage(e)||isPageFragment(e)){n.page=e;return}}),n):n},isObject$3=e=>Object.prototype.toString.call(e)===`[object Object]`,isPop=e=>!!e?.type?.toLowerCase().endsWith(`pop`),isPage=e=>e?e.type?.toLowerCase()===NodeType.PAGE:!1,isPageFragment=e=>e?e.type?.toLowerCase()===NodeType.PAGE_FRAGMENT:!1,isNumber$1=e=>typeof e==`number`&&!isNaN(e)||/^(-?\d+)(\.\d+)?$/.test(`${e}`),getHost=e=>e.match(/\/\/([^/]+)/)?.[1],isSameDomain=(e=``,t=globalThis.location.host)=>/^(http[s]?:)?\/\//.test(e)?getHost(e)===t:!0,guid=(e=8)=>`x`.repeat(e).replace(/[xy]/g,e=>{let t=Math.random()*16|0;return(e===`x`?t:t&3|8).toString(16)}),getKeysArray=e=>`${e}`.replace(/\[(\d+)\]/g,`.$1`).split(`.`),getValueByKeyPath=(e=``,t={})=>(Array.isArray(e)?e:getKeysArray(e)).reduce((n,r)=>{if(isObject$3(n)||Array.isArray(n)&&/^\d*$/.test(`${r}`))return n[r];throw Error(`${t}中不存在${e}`)},t),setValueByKeyPath=(e,t,n={})=>set(n,e,t),getNodes=(e,t=[])=>{let n=[],r=function(e,t){if(Array.isArray(t))for(let i of t){let t=e.findIndex(e=>`${e}`==`${i.id}`);t>-1&&(e.splice(t,1),n.push(i)),i.items&&r(e,i.items)}};return r(e,t),n},getDepKeys=(e={},t)=>Array.from(Object.values(e).reduce((e,n)=>((n[t]?.keys||[]).forEach(t=>e.add(t)),e),new Set)),getDepNodeIds=(e={})=>Array.from(Object.values(e).reduce((e,t)=>(Object.keys(t).forEach(t=>{e.add(t)}),e),new Set)),replaceChildNode=(e,t,n)=>{let r=getNodePath(e.id,t),i=r.pop(),a=r.pop();if(n&&(a=getNodePath(n,t).pop()),!i){console.warn(`未找到目标节点(${e.id})`);return}if(!a){console.warn(`未找到父节点(${e.id})`);return}let o=a.items?.findIndex(e=>e.id===i.id);a.items.splice(o,1,e)},DSL_NODE_KEY_COPY_PREFIX=`__tmagic__`,compiledNode=(e,t,n={},r)=>{let i=[];return i=r?n[r]?.[t.id].keys||[]:getDepKeys(n,t.id),i.forEach(n=>{let r=getKeysArray(n),i=r.map((e,t)=>t{switch(typeof t==`string`&&n===void 0&&(n=``),e){case`is`:return t===n;case`not`:return t!==n;case`=`:return t===n;case`!=`:return t!==n;case`>`:return t>n;case`>=`:return t>=n;case`<`:return t1&&t>=r[0]&&t<=r[1];case`not_between`:return r.length<2||tr[1];case`include`:return t?.includes?.(n);case`not_include`:return t===void 0||!t.includes?.(n);default:break}return!1},getDefaultValueFromFields=e=>{let t={},n={string:void 0,object:{},array:[],boolean:void 0,number:void 0,null:null,any:void 0};return e.forEach(e=>{if(e.defaultValue!==void 0){if(e.type===`array`&&!Array.isArray(e.defaultValue)){t[e.name]=n.array;return}if(e.type===`object`&&!isObject$3(e.defaultValue)){if(typeof e.defaultValue==`string`){try{t[e.name]=JSON.parse(e.defaultValue)}catch(r){t[e.name]=n.object,console.warn(`defaultValue 解析失败`,e.defaultValue,r)}return}t[e.name]=n.object;return}t[e.name]=cloneDeep(e.defaultValue);return}if(e.type===`object`){t[e.name]=e.fields?getDefaultValueFromFields(e.fields):n.object;return}if(e.type){t[e.name]=n[e.type];return}t[e.name]=void 0}),t},getKeys$1=Object.keys,calculatePercentage=(e,t)=>e*(globalThis.parseFloat(t)/100),isPercentage=e=>/^(\d+)(\.\d+)?%$/.test(`${e}`),convertToNumber=(e,t=0)=>typeof e==`number`?e:typeof e==`string`&&isPercentage(e)?calculatePercentage(t,e):parseFloat(e),dataSourceTemplateRegExp=/\$\{([\s\S]+?)\}/g,traverseNode=(e,t,n=[],r=!1)=>{r||t(e,n),Array.isArray(e.items)&&e.items.length&&(n.push(e),e.items.forEach(e=>{traverseNode(e,t,[...n],r)})),r&&t(e,n)},isValueIncludeDataSource=e=>!!(typeof e==`string`&&/\$\{([\s\S]+?)\}/.test(e)||Array.isArray(e)&&`${e[0]}`.startsWith(`ds-field::`)||e?.isBindDataSource&&e.dataSourceId||e?.isBindDataSourceField&&e.dataSourceId),removeDataSourceFieldPrefix=e=>e?.replace(`ds-field::`,``)||``,EventHelper=class extends import_events.EventEmitter{constructor({app:e,beforeEventHandler:t,afterEventHandler:n}){super(),_defineProperty(this,`app`,void 0),_defineProperty(this,`eventQueue`,[]),_defineProperty(this,`nodeEventList`,new Map),_defineProperty(this,`dataSourceEventList`,new Map),_defineProperty(this,`beforeEventHandler`,void 0),_defineProperty(this,`afterEventHandler`,void 0),this.beforeEventHandler=t,this.afterEventHandler=n,this.app=e}destroy(){this.removeNodeEvents(),this.removeAllListeners(),this.nodeEventList.clear(),this.dataSourceEventList.clear()}initEvents(){if(this.removeNodeEvents(),this.app.page)for(let[,e]of this.app.page.nodes)this.bindNodeEvents(e);for(let[,e]of this.app.pageFragments)for(let[,t]of e.nodes)this.bindNodeEvents(t)}bindNodeEvents(e){e.events?.forEach((t,n)=>{if(!t.name)return;let r=`${t.name}_${e.data.id}`,i=t.name.split(`.`);i.length>1&&(r=`${i[1]}_${i[0]}`);let a=Symbol(r);e.eventKeys.has(r)?a=e.eventKeys.get(r):e.eventKeys.set(r,a);let o=(t,...r)=>{this.eventHandler(n,e,r)};this.nodeEventList.set(o,a),this.on(a,o)})}removeNodeEvents(){for(let e of Array.from(this.nodeEventList.keys())){let t=this.nodeEventList.get(e);t&&this.off(t,e)}this.nodeEventList.clear()}bindDataSourceEvents(){let e=Array.from(this.app.dataSourceManager?.dataSourceMap.values()||[]);this.removeDataSourceEvents(e);for(let t of e){let e=this.dataSourceEventList.get(t.id)??new Map;for(let n of t.schema.events||[]){let[r,...i]=n.name?.split(`.`)||[];if(!r)return;let a=(...e)=>{this.eventHandler(n,t,e)};e.set(n.name,a),r===`ds-field-changed`?t?.onDataChange(i.join(`.`),a):t.on(r,a)}this.dataSourceEventList.set(t.id,e)}}removeDataSourceEvents(e){if(this.dataSourceEventList.size){for(let t of e){let e=this.dataSourceEventList.get(t.id);if(!e)return;for(let n of Array.from(e.keys())){let[r,...i]=n.split(`.`);r===`ds-field-changed`?t.offDataChange(i.join(`.`),e.get(n)):t.off(r,e.get(n))}}this.dataSourceEventList.clear()}}getEventQueue(){return this.eventQueue}addEventToQueue(e){this.eventQueue.push(e)}async eventHandler(e,t,n){let r=typeof e==`number`?t.events[e]:e;if(typeof this.beforeEventHandler==`function`&&this.beforeEventHandler({eventConfig:r,source:t,args:n}),has(r,`actions`)){let i=new FlowState,{actions:a}=r;for(let r=0;r1&&await this.app.runDataSourceMethod(r[0],r[1],t||i,[],void 0,this)}}destroy(){this.eventQueue.length=0,this.instance=null,this.events=[],this.style={},this.removeAllListeners()}listenLifeSafe(){this.once(`created`,e=>{this.once(`destroy`,()=>{this.instance=null,this.data._tmagic_node_disabled_code_block!==!0&&this.runHookCode(`destroy`),this.listenLifeSafe()}),e&&this.setInstance(e),this.data._tmagic_node_disabled_code_block!==!0&&this.runHookCode(`created`)}),this.once(`mounted`,e=>{(async()=>{e&&this.setInstance(e);for(let t=this.eventQueue.shift();t;t=this.eventQueue.shift())typeof e[t.method]==`function`&&await e[t.method](t.fromCpt,...t.args);if(this.app.eventHelper){for(let t of this.app.eventHelper.getEventQueue())for(let[,n]of this.app.pageFragments){let r=n.getNode(t.toId,{strict:!0});r&&r===this&&(typeof e[t.method]==`function`&&await e[t.method](t.fromCpt,...t.args),t.handled=!0)}this.app.eventHelper.eventQueue=this.app.eventHelper.getEventQueue().filter(e=>!e.handled)}this.data._tmagic_node_disabled_code_block!==!0&&this.runHookCode(`mounted`)})()})}},IteratorContainer=class e extends Node$1{constructor(...e){super(...e),_defineProperty(this,`nodes`,[])}setData(e){this.resetNodes(),super.setData(e)}resetNodes(){this.nodes?.forEach(e=>{e.forEach(e=>{e.destroy()})}),this.nodes=[]}initNode(t,n,r){if(r.has(t.id)&&r.get(t.id)?.destroy(),t.type&&this.app.iteratorContainerType.has(t.type)){let i=new e({config:t,parent:n,page:this.page,app:this.app});r.set(t.id,i),this.app.eventHelper?.bindNodeEvents(i);return}let i=new Node$1({config:t,parent:n,page:this.page,app:this.app});if(this.app.eventHelper?.bindNodeEvents(i),r.set(t.id,i),t.type&&this.app.pageFragmentContainerType.has(t.type)&&t.pageFragmentId){let e=this.app.dsl?.items?.find(e=>e.id===t.pageFragmentId);e&&(t.items=[e])}t.items?.forEach(e=>{this.initNode(e,i,r)})}setNodes(e,t){let n=this.nodes[t]||new Map;e.forEach(e=>{this.initNode(e,this,n)}),this.nodes[t]=n}getNode(e,t){return this.nodes[t]?.get(e)}destroy(){super.destroy(),this.resetNodes()}},Flexible=class{constructor(e){_defineProperty(this,`designWidth`,375),_defineProperty(this,`tid`,void 0),_defineProperty(this,`resizeHandler`,()=>{clearTimeout(this.tid),this.tid=setTimeout(()=>{this.refreshRem(),this.tid=void 0},300)}),_defineProperty(this,`pageshowHandler`,e=>{e.persisted&&this.resizeHandler()}),globalThis.document.readyState===`complete`?this.setBodyFontSize():globalThis.document.addEventListener(`DOMContentLoaded`,this.setBodyFontSize,!1),globalThis.addEventListener(`resize`,this.resizeHandler,!1),globalThis.addEventListener(`pageshow`,this.pageshowHandler,!1),e?.designWidth!==void 0&&this.setDesignWidth(e.designWidth)}destroy(){globalThis.document.removeEventListener(`DOMContentLoaded`,this.setBodyFontSize,!1),globalThis.removeEventListener(`resize`,this.resizeHandler,!1),globalThis.removeEventListener(`pageshow`,this.pageshowHandler,!1)}setDesignWidth(e){this.designWidth=e,this.refreshRem()}setBodyFontSize(){globalThis.document.body.style.fontSize=`.12rem`}refreshRem(){let{width:e}=document.documentElement.getBoundingClientRect(),t=e/(this.designWidth/100);globalThis.document.documentElement.style.fontSize=`${t}px`,globalThis.document.documentElement.style.fontSize=`${this.correctRem(t)}px`}correctRem(e){let{document:t}=globalThis,n=t.createElement(`div`);n.style.cssText=`width:1rem;height:0;overflow:hidden;position:absolute;z-index:-1;visibility:hidden;`,t.documentElement.appendChild(n);let r=n.offsetWidth;return t.documentElement.removeChild(n),Math.abs(r-e)>1?e**2/r:e}},style2Obj=e=>{if(typeof e!=`string`)return e;let t={};return e.split(`;`).forEach(e=>{if(!e)return;let n=e.split(`:`),r=n.shift(),i=n.join(`:`);r&&(r=r.replace(/^\s*/,``).replace(/\s*$/,``),i=i.replace(/^\s*/,``).replace(/\s*$/,``),r=r.split(`-`).map((e,t)=>t>0?`${e[0].toUpperCase()}${e.substr(1)}`:e).join(``),t[r]=i)}),t},fillBackgroundImage=e=>e&&!/^url/.test(e)&&!/^linear-gradient/.test(e)?`url(${e})`:e,getTransform=(e,t)=>{if(!e)return[];let n=Object.entries(e).map(([e,n])=>n.trim()?(e===`rotate`&&isNumber$1(n)&&(n=`${n}deg`),t===`hippy`?{[e]:n}:`${e}(${n})`):``);if(t===`hippy`)return n;let r=n.join(` `);return r.trim()?r:`none`},transformStyle=(e,t)=>{if(!e)return{};let n={},r={};n=typeof e==`string`?style2Obj(e):{...e};let i=t===`hippy`,a=[`zIndex`,`opacity`,`fontWeight`];return Object.entries(n).forEach(([e,n])=>{e===`scale`&&!r.transform&&i?r.transform=[{scale:n}]:e===`backgroundImage`&&!i?n&&(r[e]=fillBackgroundImage(n)):e===`transform`&&typeof n!=`string`?r[e]=getTransform(n,t):!a.includes(e)&&n&&/^[-]?[0-9]*[.]?[0-9]*$/.test(n)?r[e]=i?n:`${n/100}rem`:r[e]=n}),r},ObservedData=class{},SimpleObservedData=class extends ObservedData{constructor(e){super(),_defineProperty(this,`data`,{}),_defineProperty(this,`event`,new import_events.EventEmitter),this.data=e}update(e,t){t?setValueByKeyPath(t,e,this.data):this.data=e;let n={updateData:e,path:t??``};t&&this.event.emit(t,n),this.event.emit(``,n)}on(e,t,n){n?.immediate&&t(this.getData(e)),this.event.on(e,t)}off(e,t){this.event.off(e,t)}getData(e){return e?getValueByKeyPath(e,this.data):this.data}destroy(){}};function _checkPrivateRedeclaration(e,t){if(t.has(e))throw TypeError(`Cannot initialize the same private elements twice on an object`)}function _classPrivateFieldInitSpec(e,t,n){_checkPrivateRedeclaration(e,t),t.set(e,n)}function _assertClassBrand(e,t,n){if(typeof e==`function`?e===t:e.has(t))return arguments.length<3?t:n;throw TypeError(`Private element is not present on this object`)}function _classPrivateFieldSet2(e,t,n){return e.set(_assertClassBrand(e,t),n),n}function _classPrivateFieldGet2(e,t){return e.get(_assertClassBrand(e,t))}var _type$1,_id,_schema,_observedData,_fields,_methods,DataSource$1=(_type$1=new WeakMap,_id=new WeakMap,_schema=new WeakMap,_observedData=new WeakMap,_fields=new WeakMap,_methods=new WeakMap,class extends import_events.default{constructor(e){super(),_defineProperty(this,`isInit`,!1),_defineProperty(this,`app`,void 0),_defineProperty(this,`mockData`,void 0),_classPrivateFieldInitSpec(this,_type$1,`base`),_classPrivateFieldInitSpec(this,_id,void 0),_classPrivateFieldInitSpec(this,_schema,void 0),_classPrivateFieldInitSpec(this,_observedData,void 0),_classPrivateFieldInitSpec(this,_fields,[]),_classPrivateFieldInitSpec(this,_methods,[]),_classPrivateFieldSet2(_id,this,e.schema.id),_classPrivateFieldSet2(_type$1,this,e.schema.type),_classPrivateFieldSet2(_schema,this,e.schema),this.app=e.app,this.setFields(e.schema.fields),this.setMethods(e.schema.methods||[]),this[DATA_SOURCE_SET_DATA_METHOD_NAME]=({params:e})=>{this.setData(e.data,e.field?.join(`.`))};let t=e.initialData,n=e.ObservedDataClass||SimpleObservedData;if(this.app.platform===`editor`)this.mockData=cloneDeep(e.schema.mocks||[]).find(e=>e.useInEditor)?.data||this.getDefaultData(),t=cloneDeep(this.mockData);else if(typeof e.useMock==`boolean`&&e.useMock)this.mockData=cloneDeep(e.schema.mocks||[]).find(e=>e.enable)?.data,t=cloneDeep(this.mockData)||this.getDefaultData();else if(!e.initialData)t=this.getDefaultData();else{_classPrivateFieldSet2(_observedData,this,new n(e.initialData??{})),this.isInit=!0;return}_classPrivateFieldSet2(_observedData,this,new n(t??{}))}get id(){return _classPrivateFieldGet2(_id,this)}get type(){return _classPrivateFieldGet2(_type$1,this)}get schema(){return _classPrivateFieldGet2(_schema,this)}get fields(){return _classPrivateFieldGet2(_fields,this)}get methods(){return _classPrivateFieldGet2(_methods,this)}setFields(e){_classPrivateFieldSet2(_fields,this,e)}setMethods(e){_classPrivateFieldSet2(_methods,this,e)}get data(){return _classPrivateFieldGet2(_observedData,this).getData(``)}setData(e,t){_classPrivateFieldGet2(_observedData,this).update(e,t);let n={updateData:e,path:t};this.emit(`change`,n)}setValue(e,t){return this.setData(t,e)}onDataChange(e,t,n){_classPrivateFieldGet2(_observedData,this).on(e,t,n)}offDataChange(e,t){_classPrivateFieldGet2(_observedData,this).off(e,t)}getDefaultData(){return getDefaultValueFromFields(_classPrivateFieldGet2(_fields,this))}async init(){this.isInit=!0}destroy(){_classPrivateFieldSet2(_fields,this,[]),this.removeAllListeners(),_classPrivateFieldGet2(_observedData,this).destroy()}}),_fetch,_beforeRequest,_afterRequest,_type,urlencoded=e=>Object.entries(e).reduce((e,[t,n])=>{let r=n;return typeof n==`object`&&(r=JSON.stringify(n)),n===void 0?e:`${e}${e?`&`:``}${globalThis.encodeURIComponent(t)}=${globalThis.encodeURIComponent(`${r}`)}`},``),webRequest=async e=>{let{url:t,method:n=`GET`,headers:r={},params:i={},data:a={},...o}=e,s=urlencoded(i),c=JSON.stringify(a);return r[`Content-Type`]?.includes(`application/x-www-form-urlencoded`)&&(c=urlencoded(a)),(await globalThis.fetch(s?`${t}?${s}`:t,{method:n,headers:r,body:n===`GET`?void 0:c,...o})).json()},HttpDataSource=(_fetch=new WeakMap,_beforeRequest=new WeakMap,_afterRequest=new WeakMap,_type=new WeakMap,class extends DataSource$1{constructor(e){let{options:t}=e.schema;super(e),_defineProperty(this,`isLoading`,!1),_defineProperty(this,`error`,void 0),_defineProperty(this,`httpOptions`,void 0),_classPrivateFieldInitSpec(this,_fetch,void 0),_classPrivateFieldInitSpec(this,_beforeRequest,[]),_classPrivateFieldInitSpec(this,_afterRequest,[]),_classPrivateFieldInitSpec(this,_type,`http`),this.httpOptions=t,typeof e.request==`function`?_classPrivateFieldSet2(_fetch,this,e.request):typeof globalThis.fetch==`function`&&_classPrivateFieldSet2(_fetch,this,webRequest),this.methods.forEach(e=>{typeof e.content==`function`&&(e.timing===`beforeRequest`&&_classPrivateFieldGet2(_beforeRequest,this).push(e.content),e.timing===`afterRequest`&&_classPrivateFieldGet2(_afterRequest,this).push(e.content))})}get type(){return _classPrivateFieldGet2(_type,this)}async init(){this.schema.autoFetch&&await this.request(),super.init()}async request(e={}){this.isLoading=!0;let{url:t,params:n,data:r,headers:i,...a}=this.httpOptions,o={url:typeof t==`function`?t({app:this.app,dataSource:this}):t,params:typeof n==`function`?n({app:this.app,dataSource:this}):n,data:typeof r==`function`?r({app:this.app,dataSource:this}):r,headers:typeof i==`function`?i({app:this.app,dataSource:this}):i,...a,...e};try{for(let e of _classPrivateFieldGet2(_beforeRequest,this))await e({options:o,params:{},dataSource:this,app:this.app});if(typeof this.schema.beforeRequest==`function`&&(o=await this.schema.beforeRequest(o,{app:this.app,dataSource:this})),this.mockData)this.setData(this.mockData);else{let e=await _classPrivateFieldGet2(_fetch,this)?.call(this,o);for(let t of _classPrivateFieldGet2(_afterRequest,this))await t({res:e,options:o,params:{},dataSource:this,app:this.app});if(typeof this.schema.afterResponse==`function`&&(e=await this.schema.afterResponse(e,{app:this.app,dataSource:this,options:o})),this.schema.responseOptions?.dataPath){let t=getValueByKeyPath(this.schema.responseOptions.dataPath,e);this.setData(t)}else this.setData(e)}this.error=void 0}catch(e){this.error={msg:e.message},this.emit(`error`,e)}this.isLoading=!1}get(e){return this.request({...e,method:`GET`})}post(e){return this.request({...e,method:`POST`})}}),compiledCondition=(e,t)=>{let n=!0;for(let{op:r,value:i,range:a,field:o}of e){let[e,...s]=o,c=t[e];if(!c||!s.length)break;try{if(!compiledCond(r,getValueByKeyPath(s.join(`.`),c),i,a)){n=!1;break}}catch(e){console.warn(e)}}return n},compliedConditions=(e,t)=>{if(!e.displayConds||!Array.isArray(e.displayConds)||!e.displayConds.length)return!0;for(let{cond:n}of e[NODE_CONDS_KEY])if(n&&compiledCondition(n,t))return!0;return!1},updateNode=(e,t)=>{if(isPage(e)||isPageFragment(e)){let n=t.items?.findIndex(t=>t.id===e.id);t.items.splice(n,1,e)}else replaceChildNode(e,t.items)},createIteratorContentData=(e,t,n=[],r={})=>{let i={...r,[t]:{}},a=cloneDeep(r[t]),o=i[t];return n.forEach((t,r)=>{if(Object.assign(o,a),r===n.length-1){o[t]=e;return}Array.isArray(a[t])&&(a[t]={},o[t]={}),a=a[t],o=o[t]}),i},compliedDataSourceField=(e,t)=>{let[n,...r]=e,i=n.indexOf(DATA_SOURCE_FIELDS_SELECT_VALUE_PREFIX);if(i>-1){let a=t[n.substring(i+DATA_SOURCE_FIELDS_SELECT_VALUE_PREFIX.length)];if(!a)return e;try{return getValueByKeyPath(r.join(`.`),a)}catch{return e}}return e},template=(e,t)=>e.replace(dataSourceTemplateRegExp,(e,n)=>{try{return getValueByKeyPath(n,t)}catch{return e}}),compiledNodeField=(e,t)=>typeof e==`string`?template(e,t):e?.isBindDataSource&&e.dataSourceId?t[e.dataSourceId]:e?.isBindDataSourceField&&e.dataSourceId&&typeof e.template==`string`?template(e.template,t[e.dataSourceId]):Array.isArray(e)&&typeof e[0]==`string`?compliedDataSourceField(e,t):e,compliedIteratorItem=({compile:e,dsId:t,item:n,deps:r,condDeps:i,inEditor:a,ctxData:o})=>{let{items:s,...c}=n,l=cloneDeep(c);return i[c.id]?.keys.length&&!a&&(l.condResult=compliedConditions(c,o)),Array.isArray(s)&&s.length?l.items=s.map(n=>compliedIteratorItem({compile:e,dsId:t,item:n,deps:r,condDeps:i,inEditor:a,ctxData:o})):s&&(l.items=s),r[l.id]?.keys.length?compiledNode(e,l,{[t]:r},t):l},cache=new Map,getDeps=(e,t,n)=>{let r;if(n){let n=[];t.forEach(e=>{traverseNode(e,e=>{n.push(e.id)})}),r=`${e.id}:${n.join(`:`)}`}else r=`${e.id}:${t.map(e=>e.id).join(`:`)}`;if(cache.has(r))return cache.get(r);let i=new Watcher;i.addTarget(new Target({id:e.id,type:`data-source`,isTarget:(t,n)=>`${t}`.includes(`__tmagic__`)?!1:isDataSourceTarget(e,t,n,!0)})),i.addTarget(new Target({id:e.id,type:`cond`,isTarget:(t,n)=>isDataSourceCondTarget(e,t,n,!0)})),i.collect(t,{},!0);let{deps:a}=i.getTarget(e.id,`data-source`),{deps:o}=i.getTarget(e.id,`cond`),s={deps:a,condDeps:o};return cache.set(r,s),s},_DataSourceManager,DataSourceManager=(_DataSourceManager=class e extends import_events.default{static register(t,n){e.dataSourceClassMap.set(t,n),e.waitInitSchemaList?.forEach((e,n)=>{let r=e[t]||[];for(let e=r.shift();e;e=r.shift()){let t=n.addDataSource(e);t&&n.init(t)}})}static getDataSourceClass(t){return e.dataSourceClassMap.get(t)}static clearDataSourceClass(){e.dataSourceClassMap.clear(),e.dataSourceClassMap.set(`base`,DataSource$1),e.dataSourceClassMap.set(`http`,HttpDataSource)}static registerObservedData(t){e.ObservedDataClass=t}constructor({app:t,useMock:n,initialData:r}){super(),_defineProperty(this,`app`,void 0),_defineProperty(this,`dataSourceMap`,new Map),_defineProperty(this,`data`,{}),_defineProperty(this,`initialData`,{}),_defineProperty(this,`useMock`,!1),e.waitInitSchemaList.set(this,{}),this.app=t,this.useMock=n,r&&(this.initialData=r,this.data={...r}),t.dsl?.dataSources?.forEach(e=>{this.addDataSource(e)}),this.isAllDataSourceRegistered()?this.callDsInit():this.on(`registered-all`,()=>{this.callDsInit()})}async init(e){if(!e.isInit&&!(this.app.jsEngine&&e.schema.disabledInitInJsEngine?.includes(this.app.jsEngine))){for(let t of e.methods){if(typeof t.content!=`function`)return;t.timing===`beforeInit`&&await t.content({params:{},dataSource:e,app:this.app})}await e.init();for(let t of e.methods){if(typeof t.content!=`function`)return;t.timing===`afterInit`&&await t.content({params:{},dataSource:e,app:this.app})}}}get(e){return this.dataSourceMap.get(e)}addDataSource(t){if(!t)return;let n=e.dataSourceClassMap.get(t.type);if(!n){let n=e.waitInitSchemaList.get(this);n||(n={},e.waitInitSchemaList.set(this,n)),n[t.type]?n[t.type].push(t):n[t.type]=[t],this.data[t.id]=this.initialData[t.id]??getDefaultValueFromFields(t.fields);return}let r=new n({app:this.app,schema:t,request:this.app.request,useMock:this.useMock,initialData:this.initialData[t.id],ObservedDataClass:e.ObservedDataClass});return this.dataSourceMap.set(t.id,r),this.data[r.id]=r.data,r.on(`change`,e=>{this.setData(r,e)}),this.isAllDataSourceRegistered()&&this.emit(`registered-all`),r}setData(e,t){this.data[e.id]=e.data,this.emit(`change`,e.id,t)}removeDataSource(e){this.get(e)?.destroy(),delete this.data[e],this.dataSourceMap.delete(e)}updateSchema(e){for(let t of e){if(!this.get(t.id))return;this.removeDataSource(t.id)}for(let t of e){this.addDataSource(cloneDeep(t));let e=this.get(t.id);e&&this.init(e)}}compiledNode(e,t,n=!1){if(e._tmagic_node_disabled_data_source)return e;let{items:r,...i}=e,a=cloneDeep(i);return r&&(a.items=Array.isArray(r)&&n?r.map(e=>this.compiledNode(e,t,n)):r),i.condResult===!1||i.condResult===void 0&&i.displayCondsResultReverse?a:compiledNode(e=>compiledNodeField(e,this.data),a,this.app.dsl?.dataSourceDeps||{},t)}compliedConds(e,t=this.data){if(e._tmagic_node_disabled_data_source)return!0;let n=compliedConditions(e,t);return e.displayCondsResultReverse?!n:n}compliedIteratorItemConds(e,t,n=[]){let[r,...i]=n,a=this.get(r);if(!a)return!0;let o=createIteratorContentData(e,a.id,i,this.data);return this.compliedConds(t,o)}compliedIteratorItems(e,t,n=[]){let[r,...i]=n,a=this.get(r);if(!a)return t;let o=this.app.platform===`editor`,s=createIteratorContentData(e,a.id,i,this.data),{deps:c={},condDeps:l={}}=getDeps(a.schema,t,o);return!Object.keys(c).length&&!Object.keys(l).length?t:t.map(e=>compliedIteratorItem({compile:e=>compiledNodeField(e,s),dsId:a.id,item:e,deps:c,condDeps:l,inEditor:o,ctxData:s}))}isAllDataSourceRegistered(){return!this.app.dsl?.dataSources?.length||this.dataSourceMap.size===this.app.dsl.dataSources.length}destroy(){this.removeAllListeners(),this.data={},this.initialData={},this.dataSourceMap.forEach(e=>{e.destroy()}),this.dataSourceMap.clear(),e.waitInitSchemaList.delete(this)}onDataChange(e,t,n,r){return this.get(e)?.onDataChange(t,n,r)}offDataChange(e,t,n){return this.get(e)?.offDataChange(t,n)}callDsInit(){let e=Array.from(this.dataSourceMap);typeof Promise.allSettled==`function`?Promise.allSettled(e.map(([,e])=>this.init(e))).then(t=>{let n={},r={};t.forEach((t,i)=>{let a=e[i][0];t.status===`fulfilled`?this.data[a]?n[a]=this.data[a]:delete n[a]:t.status===`rejected`&&(delete n[a],r[a]=t.reason)}),this.emit(`init`,n,r)}):Promise.all(e.map(([,e])=>this.init(e))).then(()=>{this.emit(`init`,this.data)}).catch(()=>{this.emit(`init`,this.data)})}},_defineProperty(_DataSourceManager,`dataSourceClassMap`,new Map([[`base`,DataSource$1],[`http`,HttpDataSource]])),_defineProperty(_DataSourceManager,`ObservedDataClass`,SimpleObservedData),_defineProperty(_DataSourceManager,`waitInitSchemaList`,new Map),_DataSourceManager),createDataSourceManager=(e,t,n)=>{let{dsl:r,platform:i}=e;if(!r?.dataSources)return;let a=new DataSourceManager({app:e,useMock:t,initialData:n});return r.dataSources&&r.dataSourceCondDeps&&i!==`editor`&&getNodes(getDepNodeIds(r.dataSourceCondDeps),r.items).forEach(e=>{e.condResult=a.compliedConds(e),updateNode(e,r)}),r.dataSources&&r.dataSourceDeps&&getNodes(getDepNodeIds(r.dataSourceDeps),r.items).forEach(e=>{updateNode(a.compiledNode(e),r)}),e.jsEngine===`nodejs`||a.on(`change`,(t,n)=>{let i=r.dataSourceDeps?.[t]||{},o=r.dataSourceCondDeps?.[t]||{},s=union([...Object.keys(o),...Object.keys(i)]);for(let i of r.items)if(e.platform===`editor`||isPage(i)&&i.id===e.page?.data.id||isPageFragment(i)){let r=getNodes(s,[i]).map(t=>{e.platform!==`editor`&&(t.condResult=a.compliedConds(t));let n=a.compiledNode(t);if(typeof e.page?.setData==`function`){isPage(n)?e.page.setData(n):i.id===e.page.data.id&&!e.page.instance&&replaceChildNode(n,[e.page.data]),e.getNode(t.id,{strict:!0})?.setData(n);for(let[,t]of e.pageFragments)t.data.id===n.id?t.setData(cloneDeep(n)):t.data.id===i.id&&(t.getNode(n.id,{strict:!0})?.setData(cloneDeep(n)),t.instance||replaceChildNode(cloneDeep(n),[t.data]))}return n});r.length&&a.emit(`update-data`,r,t,n,i.id)}}),a},_App,App=(_App=class e extends import_events.EventEmitter{static registerNode(t,n){e.nodeClassMap.set(t,n)}constructor(e){super(),_defineProperty(this,`env`,void 0),_defineProperty(this,`dsl`,void 0),_defineProperty(this,`codeDsl`,void 0),_defineProperty(this,`dataSourceManager`,void 0),_defineProperty(this,`page`,void 0),_defineProperty(this,`pageFragments`,new Map),_defineProperty(this,`useMock`,!1),_defineProperty(this,`platform`,`mobile`),_defineProperty(this,`jsEngine`,`browser`),_defineProperty(this,`components`,new Map),_defineProperty(this,`pageFragmentContainerType`,new Set([`page-fragment-container`])),_defineProperty(this,`iteratorContainerType`,new Set([`iterator-container`])),_defineProperty(this,`request`,void 0),_defineProperty(this,`transformStyle`,void 0),_defineProperty(this,`eventHelper`,void 0),_defineProperty(this,`errorHandler`,void 0),_defineProperty(this,`nodeStoreInitialData`,void 0),_defineProperty(this,`flexible`,void 0),e.env?this.setEnv(e.env):this.setEnv(e.ua),this.errorHandler=e.errorHandler,this.codeDsl=e.config?.codeBlocks,e.platform&&(this.platform=e.platform),e.jsEngine&&(this.jsEngine=e.jsEngine),e.nodeStoreInitialData&&(this.nodeStoreInitialData=e.nodeStoreInitialData),e.pageFragmentContainerType&&(Array.isArray(e.pageFragmentContainerType)?e.pageFragmentContainerType:[e.pageFragmentContainerType]).forEach(e=>{this.pageFragmentContainerType.add(e)}),e.iteratorContainerType&&(Array.isArray(e.iteratorContainerType)?e.iteratorContainerType:[e.iteratorContainerType]).forEach(e=>{this.iteratorContainerType.add(e)}),typeof e.useMock==`boolean`&&(this.useMock=e.useMock),this.jsEngine===`browser`&&!e.disabledFlexible&&(this.flexible=new Flexible({designWidth:e.designWidth})),this.platform!==`editor`&&(this.eventHelper=new EventHelper({app:this,beforeEventHandler:e.beforeEventHandler,afterEventHandler:e.afterEventHandler})),this.transformStyle=e.transformStyle||(e=>transformStyle(e,this.jsEngine)),e.request&&(this.request=e.request),e.config&&this.setConfig(e.config,e.curPage,e.dataSourceManagerInitialData)}setEnv(e){!e||typeof e==`string`?this.env=new Env(e):this.env=e}setDesignWidth(e){this.flexible?.setDesignWidth(e)}setConfig(e,t,n){this.dsl=e,!t&&e.items.length&&(t=e.items[0].id),this.dataSourceManager&&this.dataSourceManager.destroy(),this.dataSourceManager=createDataSourceManager(this,this.useMock,n),this.codeDsl=e.codeBlocks;let r=t||this.page?.data?.id;super.emit(`dsl-change`,{dsl:e,curPage:r}),this.pageFragments.forEach(e=>{e.destroy()}),this.pageFragments.clear(),this.setPage(r),this.dataSourceManager&&(this.dataSourceManager.isAllDataSourceRegistered()?this.eventHelper?.bindDataSourceEvents():this.dataSourceManager.once(`registered-all`,()=>{this.eventHelper?.bindDataSourceEvents()}))}setPage(e){let t=this.dsl?.items.find(t=>`${t.id}`==`${e}`);if(!t){this.deletePage(),super.emit(`page-change`);return}if(this.page){if(t===this.page.data)return;this.page.destroy()}this.page=new Page({config:t,app:this}),this.eventHelper?.initEvents(),super.emit(`page-change`,this.page)}deletePage(){this.page?.destroy(),this.eventHelper?.removeNodeEvents(),this.page=void 0}getPage(e){if(!e||this.page&&`${this.page.data.id}`==`${e}`)return this.page}getNode(e,t){return this.page?.getNode(e,t)}registerComponent(e,t){this.components.set(e,t)}unregisterComponent(e){this.components.delete(e)}resolveComponent(e){return this.components.get(e)}emit(e,...t){let[n,...r]=t;return this.eventHelper&&n instanceof Node$1&&n.data?.id&&n.eventKeys.has(`${String(e)}_${n.data.id}`)?this.eventHelper.emit(n.eventKeys.get(`${String(e)}_${n.data.id}`),n,...r):super.emit(e,...t)}async runCode(e,t,n,r,i){if(!e||isEmpty$1(this.codeDsl))return;let a=this.codeDsl?.[e]?.content;if(typeof a==`function`)try{await a({app:this,params:t,eventParams:n,flowState:r,node:i})}catch(a){if(this.errorHandler)this.errorHandler(a,void 0,{type:`run-code`,codeId:e,params:t,eventParams:n,flowState:r,node:i});else throw a}}async runDataSourceMethod(e,t,n,r,i,a){if(!e||!t)return;let o=this.dataSourceManager?.get(e);if(o)try{let e=(o.methods||[]).find(e=>e.name===t);if(e&&typeof e.content==`function`)return await e.content({app:this,params:n,dataSource:o,eventParams:r,flowState:i,node:a});if(typeof o[t]==`function`)return await o[t]({params:n})}catch(e){if(this.errorHandler)this.errorHandler(e,o,{type:`data-source-method`,params:n,eventParams:r,flowState:i,node:a});else throw e}}destroy(){this.removeAllListeners(),this.page?.destroy(),this.page=void 0,this.pageFragments.forEach(e=>{e.destroy()}),this.pageFragments.clear(),this.flexible?.destroy(),this.flexible=void 0,this.eventHelper?.destroy(),this.dsl=void 0,this.dataSourceManager?.destroy(),this.dataSourceManager=void 0,this.codeDsl=void 0,this.components.clear(),this.nodeStoreInitialData=void 0}},_defineProperty(_App,`nodeClassMap`,new Map),_App),Page=class e extends Node$1{constructor(e){super(e),_defineProperty(this,`nodes`,new Map),this.setNode(e.config.id,this),e.config.items.forEach(e=>{this.initNode(e,this)})}initNode(t,n){if(t.type&&this.app.iteratorContainerType.has(t.type)){this.setNode(t.id,new IteratorContainer({config:t,parent:n,page:this,app:this.app}));return}let r=new(t.type&&(App.nodeClassMap.get(t.type))||Node$1)({config:t,parent:n,page:this,app:this.app});if(this.setNode(t.id,r),t.type&&this.app.pageFragmentContainerType.has(t.type)&&t.pageFragmentId){let n=this.app.dsl?.items?.find(e=>e.id===t.pageFragmentId);n&&this.app.pageFragments.set(t.id,new e({config:cloneDeep(n),app:this.app}))}t.items?.forEach(e=>{this.initNode(e,r)})}getNode(e,{iteratorContainerId:t,iteratorIndex:n,pageFragmentContainerId:r,strict:i}={}){if(this.nodes.has(e))return this.nodes.get(e);if(r)return this.app.pageFragments.get(r)?.getNode(e,{iteratorContainerId:t,iteratorIndex:n,strict:!0});if(Array.isArray(t)&&t.length&&Array.isArray(n)){let r=this.nodes.get(t[0]);for(let e=1,i=t.length;e{e!==this&&e.destroy()}),this.nodes.clear(),super.destroy()}},DepTargetType=function(e){return e.DEFAULT=`default`,e.CODE_BLOCK=`code-block`,e.DATA_SOURCE=`data-source`,e.DATA_SOURCE_METHOD=`data-source-method`,e.DATA_SOURCE_COND=`data-source-cond`,e}({}),Target=class{constructor(e){_defineProperty(this,`isTarget`,void 0),_defineProperty(this,`id`,void 0),_defineProperty(this,`name`,void 0),_defineProperty(this,`type`,DepTargetType.DEFAULT),_defineProperty(this,`deps`,{}),_defineProperty(this,`isCollectByDefault`,void 0),this.isTarget=e.isTarget,this.id=e.id,this.name=e.name,this.isCollectByDefault=e.isCollectByDefault??!0,e.type&&(this.type=e.type),e.initialDeps&&(this.deps=e.initialDeps)}updateDep({id:e,name:t,key:n,data:r}){let i=this.deps[e]||{name:t,keys:[]};i.name=t,i.data=r,this.deps[e]=i,i.keys.includes(n)||i.keys.push(n)}removeDep(e,t){if(e===void 0){Object.keys(this.deps).forEach(e=>{delete this.deps[e]});return}let n=this.deps[e];if(n)if(t){let r=n.keys.indexOf(t);n.keys.splice(r,1),n.keys.length===0&&delete this.deps[e]}else delete this.deps[e]}hasDep(e,t){return this.deps[e]?.keys.includes(t)??!1}destroy(){this.deps={}}},INTEGER_REGEXP=/^\d+$/,createCodeBlockTarget=(e,t,n={})=>new Target({type:DepTargetType.CODE_BLOCK,id:e,initialDeps:n,name:t.name,isTarget:(t,n)=>e===n?!0:n?.hookType===HookType.CODE&&Array.isArray(n.hookData)?n.hookData.some(t=>t.codeId===e):!1}),isIncludeArrayField=(e,t)=>{let n=t;return e.some((t,r)=>{let i=n.find(({name:e})=>e===t);return n=i?.fields||[],i?.type===`array`&&r{let r=e.match(dataSourceTemplateRegExp)||[];if(r.length<=0)return!1;for(let e of r){let r=getKeysArray(e.substring(2,e.length-1)),i=r.shift();if(!(!i||i!==t.id)&&n===isIncludeArrayField(r,t.fields))return!0}return!1},isSpecificDataSourceTemplate=(e,t)=>e?.isBindDataSourceField&&e.dataSourceId&&e.dataSourceId===t&&typeof e.template==`string`,isUseDataSourceField=(e,t)=>{if(!Array.isArray(e)||typeof e[0]!=`string`)return!1;let[n]=e,r=n.indexOf(DATA_SOURCE_FIELDS_SELECT_VALUE_PREFIX);return r===-1?!1:n.substring(r+DATA_SOURCE_FIELDS_SELECT_VALUE_PREFIX.length)===t},isDataSourceTarget=(e,t,n,r=!1)=>{if(!n)return!1;let i=typeof n;if(i!==`string`&&i!==`object`||`${t}`.startsWith(`displayConds`))return!1;if(i===`string`)return isDataSourceTemplate(n,e,r);if(isObject$3(n)&&n.isBindDataSource&&n.dataSourceId===e.id||isSpecificDataSourceTemplate(n,e.id))return!0;if(isUseDataSourceField(n,e.id)){let[,...t]=n,i=isIncludeArrayField(t,e.fields);return r?i:!i}return!1},isDataSourceCondTarget=(e,t,n,r=!1)=>{if(!Array.isArray(n)||!e)return!1;let[i,...a]=n;if(i!==e.id||!`${t}`.startsWith(`displayConds`))return!1;if(e.fields?.some(e=>e.name===a[0])){let t=isIncludeArrayField(a,e.fields);return r?t:!t}return!1},createDataSourceTarget=(e,t={})=>new Target({type:DepTargetType.DATA_SOURCE,id:e.id,initialDeps:t,isTarget:(t,n)=>isDataSourceTarget(e,t,n)}),createDataSourceCondTarget=(e,t={})=>new Target({type:DepTargetType.DATA_SOURCE_COND,id:e.id,initialDeps:t,isTarget:(t,n)=>isDataSourceCondTarget(e,t,n)}),createDataSourceMethodTarget=(e,t={})=>new Target({type:DepTargetType.DATA_SOURCE_METHOD,id:e.id,initialDeps:t,isTarget:(t,n)=>{if(!Array.isArray(n))return!1;let[r,i]=n;return!i||r!==e.id?!1:e.methods?.some(e=>e.name===i)?!0:!e.fields?.some(e=>e.name===i)}}),traverseTarget=(e,t,n)=>{if(n){let r=e[n];if(r)for(let e of Object.values(r))t(e);return}for(let n of Object.values(e))for(let e of Object.values(n))t(e)},DATA_SOURCE_TARGET_TYPES=new Set([DepTargetType.DATA_SOURCE,DepTargetType.DATA_SOURCE_COND,DepTargetType.DATA_SOURCE_METHOD]),Watcher=class{constructor(e){_defineProperty(this,`targetsList`,{}),_defineProperty(this,`childrenProp`,`items`),_defineProperty(this,`idProp`,`id`),_defineProperty(this,`nameProp`,`name`),e?.initialTargets&&(this.targetsList=e.initialTargets),e?.childrenProp&&(this.childrenProp=e.childrenProp)}getTargetsList(){return this.targetsList}getTargets(e=DepTargetType.DEFAULT){return this.targetsList[e]||{}}addTarget(e){let t=this.getTargets(e.type)||{};this.targetsList[e.type]=t,t[e.id]=e}getTarget(e,t=DepTargetType.DEFAULT){return this.getTargets(t)[e]}hasTarget(e,t=DepTargetType.DEFAULT){return!!this.getTarget(e,t)}hasSpecifiedTypeTarget(e=DepTargetType.DEFAULT){return Object.keys(this.getTargets(e)).length>0}removeTarget(e,t=DepTargetType.DEFAULT){let n=this.getTargets(t);n[e]&&(n[e].destroy(),delete n[e])}removeTargets(e=DepTargetType.DEFAULT){let t=this.targetsList[e];if(t){for(let e of Object.values(t))e.destroy();delete this.targetsList[e]}}clearTargets(){for(let e of Object.keys(this.targetsList))delete this.targetsList[e]}collect(e,t={},n=!1,r){this.collectByCallback(e,r,({node:e,target:r})=>{this.removeTargetDep(r,e),this.collectItem(e,r,t,n)})}collectByCallback(e,t,n){traverseTarget(this.targetsList,r=>{if(!(!t&&!r.isCollectByDefault))for(let t of e)n({node:t,target:r})},t)}clear(e,t){let{targetsList:n}=this;t&&(n={[t]:this.getTargets(t)});let r=new Set;traverseTarget(n,t=>{if(e)for(let n of e)t.removeDep(n[this.idProp]),Array.isArray(n[this.childrenProp])&&n[this.childrenProp].length&&!r.has(n[this.idProp])&&(r.add(n[this.idProp]),this.clear(n[this.childrenProp]));else t.removeDep()})}clearByType(e,t){this.clear(t,e)}collectItem(e,t,n={},r=!1){if(e._tmagic_node_disabled_data_source&&DATA_SOURCE_TARGET_TYPES.has(t.type)||e._tmagic_node_disabled_code_block&&t.type===DepTargetType.CODE_BLOCK)return;let i=(a,o=``)=>{let s=(a,s)=>{let c=a===this.childrenProp,l=o?`${o}.${a}`:a;if(t.isTarget(l,s))t.updateDep({id:e[this.idProp],name:`${e[this.nameProp]||e[this.idProp]}`,data:n,key:l});else if(!c&&Array.isArray(s))for(let e=0,t=s.length;e`},{text:`大于等于`,value:`>=`},{text:`小于`,value:`<`},{text:`小于等于`,value:`<=`},{text:`在范围内`,value:`between`},{text:`不在范围内`,value:`not_between`}],styleTabConfig={title:`样式`,lazy:!0,display:({services:e})=>!(e.uiService.get(`showStylePanel`)??!0),items:[{name:`style`,labelWidth:`100px`,type:`style-setter`,items:[{names:`display.flexDirection.justifyContent.alignItems.flexWrap.marginTop.marginRight.marginBottom.marginLeft.paddingTop.paddingRight.paddingBottom.paddingLeft.width.height.overflow.fontSize.lineHeight.fontWeight.color.textAlign.backgroundColor.backgroundImage.backgroundSize.backgroundPosition.backgroundRepeat.position.zIndex.top.right.bottom.left.borderRadius.borderTopWidth.borderTopStyle.borderTopColor.borderRightColor.borderRightWidth.borderRightStyle.borderRightColor.borderBottomWidth.borderBottomStyle.borderBottomColor.borderLeftStyle.borderLeftWidth.borderLeftColor.borderWidth.borderStyle.borderColor`.split(`.`)},{name:`transform`,defaultValue:()=>({})}]}]},eventTabConfig={title:`事件`,lazy:!0,items:[{name:`events`,src:`component`,labelWidth:`100px`,type:`event-select`}]},advancedTabConfig={title:`高级`,lazy:!0,items:[{name:NODE_DISABLE_CODE_BLOCK_KEY,text:`禁用代码块`,type:`switch`,defaultValue:!1,extra:`开启后,配置的代码块将不会被执行`},{name:NODE_DISABLE_DATA_SOURCE_KEY,text:`禁用数据源`,type:`switch`,defaultValue:!1,extra:`开启后,组件内配置的数据源相关配置将不会被编译,显隐条件将失效`},{name:`created`,text:`created`,labelPosition:`top`,type:`code-select`,extra:`组件初始化时执行`},{name:`mounted`,text:`mounted`,labelPosition:`top`,type:`code-select`,extra:`组件挂载到dom时执行`},{name:`display`,text:`display`,extra:`控制组件是否渲染,关系的代码块返回值为false时不渲染`,labelPosition:`top`,type:`code-select`}]},displayTabConfig={title:`显示条件`,display:(e,{model:t})=>t.type!==`page`,items:[{name:NODE_CONDS_RESULT_KEY,type:`select`,text:`条件成立时`,defaultValue:!1,options:[{text:`显示`,value:!1},{text:`隐藏`,value:!0}],extra:(e,{model:t})=>`条件成立时${t.displayCondsResultReverse?`隐藏`:`显示`},不成立时${t.displayCondsResultReverse?`显示`:`隐藏`};
同一条件组内的所有条件配置同时成立时表示该条件组成立,任意一个条件组成立时表示条件成立(条件组内为且的关系,条件组间为或的关系);
条件为空时表示成立;`},{type:`display-conds`,name:NODE_CONDS_KEY,titlePrefix:`条件组`,defaultValue:[]}]},fillConfig$1=(e=[],{labelWidth:t=`80px`,disabledDataSource:n=!1,disabledCodeBlock:r=!1}={})=>{let i=[];e.find(e=>`name`in e&&e.name===`type`)||i.push({text:`type`,name:`type`,type:`hidden`}),e.find(e=>`name`in e&&e.name===`id`)||i.push({name:`id`,text:`ID`,type:`text`,disabled:!0,append:{type:`button`,text:`复制`,handler:(e,{model:t})=>{navigator.clipboard.writeText(`${t.id}`).then(()=>{tMagicMessage.success(`已复制`)}).catch(()=>{tMagicMessage.error(`复制失败`)})}}}),e.find(e=>`name`in e&&e.name===`name`)||i.push({name:`name`,text:`组件名称`});let a=advancedTabConfig.items.filter(e=>`type`in e&&e.type!==`code-select`);a.length>0&&r&&(advancedTabConfig.items=a);let o={type:`tab`,labelWidth:t,items:[{title:`属性`,items:[...i,...e]},{...styleTabConfig},{...eventTabConfig}]};return r?a.length>0&&o.items.push({...advancedTabConfig}):o.items.push({...advancedTabConfig}),n||o.items.push({...displayTabConfig}),[o]},compose=(e,t)=>{if(!Array.isArray(e))throw TypeError(`Middleware 必须是一个数组!`);for(let t of e)if(typeof t!=`function`)throw TypeError(`Middleware 必须由函数组成!`);return(n,r)=>{let i=-1;return a(0);function a(o){if(o<=i){let e=Error(`next() 被多次调用`);if(t)return Promise.reject(e);throw e}i=o;let s=e[o];if(o===e.length&&r&&(s=r),!s)return t?Promise.resolve():void 0;if(t)try{return Promise.resolve(s(...n,a.bind(null,o+1)))}catch(e){return Promise.reject(e)}try{return s(...n,a.bind(null,o+1))}catch(e){throw e}}}},methodName=(e,t)=>`${e}${t[0].toUpperCase()}${t.substring(1)}`,isError=e=>Object.prototype.toString.call(e)===`[object Error]`,doAction=(e,t,n,r,i,a)=>{try{let o=e;for(let e of t.pluginOptionsList[r]){if(o=e(...o)||[],isError(o))throw o;Array.isArray(o)||(o=[o])}let s=a(o,n.bind(t));for(let e of t.pluginOptionsList[i])if(s=e(s,...o),isError(s))throw s;return s}catch(e){throw e}},doAsyncAction=async(e,t,n,r,i,a)=>{try{let o=e;for(let e of t.pluginOptionsList[r]){if(o=await e(...o)||[],isError(o))throw o;Array.isArray(o)||(o=[o])}let s=await a(o,n.bind(t));for(let e of t.pluginOptionsList[i])if(s=await e(s,...o),isError(s))throw s;return s}catch(e){throw e}},BaseService_default=class extends import_events.EventEmitter{constructor(e=[],t=[]){super(),_defineProperty(this,`pluginOptionsList`,{}),_defineProperty(this,`middleware`,{}),_defineProperty(this,`taskList`,[]),_defineProperty(this,`doingTask`,!1),e.forEach(({name:e,isAsync:n})=>{let r=this,i=r[e],a=methodName(`before`,e),o=methodName(`after`,e);this.pluginOptionsList[a]=[],this.pluginOptionsList[o]=[],this.middleware[e]=[];let s=compose(this.middleware[e],n);Object.defineProperty(r,e,{value:n?async(...n)=>{if(!t.includes(e))return doAsyncAction(n,r,i,a,o,s);let c=new Promise((e,t)=>{this.taskList.push(async()=>{try{e(await doAsyncAction(n,r,i,a,o,s))}catch(e){t(e)}})});return this.doingTask||this.doTask(),c}:(...e)=>doAction(e,r,i,a,o,s)})})}use(e){for(let[t,n]of Object.entries(e))typeof n==`function`&&this.middleware[t].push(n)}usePlugin(e){for(let[t,n]of Object.entries(e))typeof n==`function`&&!this.pluginOptionsList[t].includes(n)&&this.pluginOptionsList[t].push(n)}removePlugin(e){for(let[t,n]of Object.entries(e))Array.isArray(this.pluginOptionsList[t])&&(this.pluginOptionsList[t]=this.pluginOptionsList[t].filter(e=>e!==n))}removeAllPlugins(){for(let e of Object.keys(this.pluginOptionsList))this.pluginOptionsList[e]=[];for(let e of Object.keys(this.middleware))this.middleware[e]=[]}async doTask(){this.doingTask=!0;let e=this.taskList.shift();for(;e;)await e(),e=this.taskList.shift();this.doingTask=!1}},UndoRedo=class{constructor(e=100){_defineProperty(this,`elementList`,void 0),_defineProperty(this,`listCursor`,void 0),_defineProperty(this,`listMaxSize`,void 0);let t=2;this.elementList=[],this.listCursor=0,this.listMaxSize=e>2?e:2}pushElement(e){this.elementList.splice(this.listCursor,this.elementList.length-this.listCursor,cloneDeep(e)),this.listCursor+=1,this.elementList.length>this.listMaxSize&&(this.elementList.shift(),--this.listCursor)}canUndo(){return this.listCursor>0}undo(){return this.canUndo()?(--this.listCursor,cloneDeep(this.elementList[this.listCursor])):null}canRedo(){return this.elementList.length>this.listCursor}redo(){if(!this.canRedo())return null;let e=cloneDeep(this.elementList[this.listCursor]);return this.listCursor+=1,e}getCurrentElement(){return this.listCursor<1?null:cloneDeep(this.elementList[this.listCursor-1])}},History=class extends BaseService_default{constructor(){super([]),_defineProperty(this,`state`,reactive$1({pageSteps:{},pageId:void 0,canRedo:!1,canUndo:!1})),this.on(`change`,this.setCanUndoRedo)}reset(){this.state.pageSteps={},this.resetPage()}resetPage(){this.state.pageId=void 0,this.state.canRedo=!1,this.state.canUndo=!1}changePage(e){e&&(this.state.pageId=e.id,this.state.pageSteps[this.state.pageId]||(this.state.pageSteps[this.state.pageId]=new UndoRedo),this.setCanUndoRedo(),this.emit(`page-change`,this.state.pageSteps[this.state.pageId]))}resetState(){this.state.pageId=void 0,this.state.pageSteps={},this.state.canRedo=!1,this.state.canUndo=!1}push(e){let t=this.getUndoRedo();return t?(t.pushElement(e),this.emit(`change`,e),e):null}undo(){let e=this.getUndoRedo();if(!e)return null;let t=e.undo();return this.emit(`change`,t),t}redo(){let e=this.getUndoRedo();if(!e)return null;let t=e.redo();return this.emit(`change`,t),t}destroy(){this.resetState(),this.removeAllListeners(),this.removeAllPlugins()}getUndoRedo(){return this.state.pageId?this.state.pageSteps[this.state.pageId]:null}setCanUndoRedo(){let e=this.getUndoRedo();this.state.canRedo=e?.canRedo()||!1,this.state.canUndo=e?.canUndo()||!1}},history_default=new History,$TMAGIC_EDITOR={},setEditorConfig=e=>{$TMAGIC_EDITOR=e},getEditorConfig=e=>$TMAGIC_EDITOR[e],require_serialize_javascript=__commonJSMin(((e,t)=>{var n=16,r=f(),i=RegExp(`(\\\\)?"@__(F|R|D|M|S|A|U|I|B|L)-`+r+`-(\\d+)__@"`,`g`),a=/\{\s*\[native code\]\s*\}/g,o=/function.*?\(/,s=/.*?=>.*?/,c=/[<>\/\u2028\u2029]/g,l=[`*`,`async`],u={"<":`\\u003C`,">":`\\u003E`,"/":`\\u002F`,"\u2028":`\\u2028`,"\u2029":`\\u2029`};function d(e){return u[e]}function f(){for(var e=crypto.getRandomValues(new Uint8Array(n)),t=``,r=0;r0});return r.filter(function(e){return l.indexOf(e)===-1}).length>0?(r.indexOf(`async`)>-1?`async `:``)+`function`+(r.join(``).indexOf(`*`)>-1?`*`:``)+t.substr(n):t}if(n.ignoreFunction&&typeof t==`function`&&(t=void 0),t===void 0)return String(t);var D=n.isJSON&&!n.space?JSON.stringify(t):JSON.stringify(t,n.isJSON?null:w,n.space);return typeof D==`string`?(n.unsafe!==!0&&(D=D.replace(c,d)),u.length===0&&f.length===0&&m.length===0&&g.length===0&&_.length===0&&v.length===0&&y.length===0&&b.length===0&&x.length===0&&S.length===0?D:D.replace(i,function(t,r,i,a){if(r)return t;if(i===`D`)return`new Date("`+m[a].toISOString()+`")`;if(i===`R`)return`new RegExp(`+e(f[a].source)+`, "`+f[a].flags+`")`;if(i===`M`)return`new Map(`+e(Array.from(g[a].entries()),n)+`)`;if(i===`S`)return`new Set(`+e(Array.from(_[a].values()),n)+`)`;if(i===`A`)return`Array.prototype.slice.call(`+e(Object.assign({length:v[a].length},v[a]),n)+`)`;if(i===`U`)return`undefined`;if(i===`I`)return b[a];if(i===`B`)return`BigInt("`+x[a]+`")`;if(i===`L`)return`new URL(`+e(S[a].toString(),n)+`)`;var o=u[a];return E(o)})):String(D)}})),import_serialize_javascript=__toESM(require_serialize_javascript(),1),Protocol=function(e){return e.OBJECT=`object`,e.JSON=`json`,e.STRING=`string`,e.NUMBER=`number`,e.BOOLEAN=`boolean`,e}({}),canUsePluginMethods$6={async:[],sync:[`getStorage`,`getNamespace`,`clear`,`getItem`,`removeItem`,`setItem`]},WebStorage=class extends BaseService_default{constructor(){super(canUsePluginMethods$6.sync.map(e=>({name:e,isAsync:!1}))),_defineProperty(this,`storage`,globalThis.localStorage),_defineProperty(this,`namespace`,`tmagic`)}getStorage(){return this.storage}getNamespace(){return this.namespace}clear(){this.getStorage().clear()}getItem(e,t={}){let n=this.getStorage(),r=this.getNamespace(),{protocol:i=t.protocol,item:a}=this.getValueAndProtocol(n.getItem(`${t.namespace||r}:${e}`));if(a===null)return null;switch(i){case Protocol.OBJECT:return getEditorConfig(`parseDSL`)(`(${a})`);case Protocol.JSON:return JSON.parse(a);case Protocol.NUMBER:return Number(a);case Protocol.BOOLEAN:if(a===`true`)return!0;if(a===`false`)return!1;default:return a}}key(e){return this.getStorage().key(e)}removeItem(e,t={}){let n=this.getStorage(),r=this.getNamespace();n.removeItem(`${t.namespace||r}:${e}`)}setItem(e,t,n={}){let r=this.getStorage(),i=this.getNamespace(),a=t,o=n.protocol?`${n.protocol}:`:``;a=typeof t===Protocol.STRING||typeof t===Protocol.NUMBER?`${o}${t}`:`${o}${(0,import_serialize_javascript.default)(t)}`,r.setItem(`${n.namespace||i}:${e}`,a)}destroy(){this.removeAllListeners(),this.removeAllPlugins()}usePlugin(e){super.usePlugin(e)}getValueAndProtocol(e){let t=``;if(e===null)return{item:e,protocol:t};let n=e.replace(RegExp(`^(${Object.values(Protocol).join(`|`)})(:)(.+)`),(e,n,r,i)=>(t=n,i));return{protocol:t,item:n}}},storage_default=new WebStorage,GHOST_EL_ID_PREFIX=`ghost_el_`,DRAG_EL_ID_PREFIX=`drag_el_`,HIGHLIGHT_EL_ID_PREFIX=`highlight_el_`,CONTAINER_HIGHLIGHT_CLASS_NAME=`tmagic-stage-container-highlight`,GuidesType=function(e){return e.HORIZONTAL=`horizontal`,e.VERTICAL=`vertical`,e}({}),ZIndex=function(e){return e.MASK=`99999`,e.SELECTED_EL=`666`,e.GHOST_EL=`700`,e.DRAG_EL=`9`,e.HIGHLIGHT_EL=`8`,e}({}),MouseButton=function(e){return e[e.LEFT=0]=`LEFT`,e[e.MIDDLE=1]=`MIDDLE`,e[e.RIGHT=2]=`RIGHT`,e}({}),Mode=function(e){return e.ABSOLUTE=`absolute`,e.FIXED=`fixed`,e.SORTABLE=`sortable`,e}({}),SELECTED_CLASS=`tmagic-stage-selected-area`,AbleActionEventType=function(e){return e.SELECT_PARENT=`select-parent`,e.REMOVE=`remove`,e.RERENDER=`rerender`,e}({}),ContainerHighlightType=function(e){return e.DEFAULT=`default`,e.ALT=`alt`,e}({}),RenderType=function(e){return e.IFRAME=`iframe`,e.NATIVE=`native`,e}({}),SelectStatus=function(e){return e.SELECT=`select`,e.MULTI_SELECT=`multiSelect`,e}({}),StageDragStatus=function(e){return e.START=`start`,e.ING=`ing`,e.END=`end`,e}({}),getParents=(e,t)=>{let n=e.parentElement,r=[];for(;n&&n!==t;)r.push(n),n=n.parentElement;return r},getOffset=e=>{let t=e,{offsetParent:n}=t,r=t.offsetLeft||0,i=t.offsetTop||0;if(n){let e=getOffset(n);return{left:r+e.left,top:i+e.top}}return{left:r,top:i}},getTargetElStyle=(e,t)=>{let n=getOffset(e),{transform:r,border:i}=getComputedStyle(e);return` position: absolute; transform: ${r}; left: ${n.left}px; top: ${n.top}px; width: ${e.clientWidth}px; height: ${e.clientHeight}px; border: ${i}; opacity: 0; ${t===void 0?``:`z-index: ${t};`} `},getAbsolutePosition$1=(e,{top:t,left:n})=>{let{offsetParent:r}=e;if(r){let e=getOffset(r);return{left:n-e.left,top:t-e.top}}return{left:n,top:t}},isAbsolute=e=>e.position===`absolute`,isRelative=e=>e.position===`relative`,isStatic=e=>e.position===`static`,isFixed$1=e=>e.position===`fixed`,isFixedParent=e=>{let t=!1,n=e;for(;n&&(t=isFixed$1(getComputedStyle(n)),!t);){let{parentElement:e}=n;if(!e||e.tagName===`BODY`)break;n=e}return t},getMode=e=>{if(isFixedParent(e))return Mode.FIXED;let t=getComputedStyle(e);return isStatic(t)||isRelative(t)?Mode.SORTABLE:Mode.ABSOLUTE},getScrollParent=(e,t=!1)=>{let n=getComputedStyle(e),r=t?/(auto|scroll|hidden)/:/(auto|scroll)/;if(isFixed$1(n))return null;for(let t=e;t.parentElement;)if(t=t.parentElement,t.tagName===`HTML`||(n=getComputedStyle(t),!(isAbsolute(n)&&isStatic(n))&&r.test(n.overflow+n.overflowY+n.overflowX)))return t;return null},removeSelectedClassName=e=>{let t=e.querySelector(`.${SELECTED_CLASS}`);t&&(removeClassName(t,SELECTED_CLASS),t.parentNode&&removeClassName(t.parentNode,`${SELECTED_CLASS}-parent`),e.querySelectorAll(`.${SELECTED_CLASS}-parents`).forEach(e=>{removeClassName(e,`${SELECTED_CLASS}-parents`)}))},addSelectedClassName=(e,t)=>{e.classList.add(SELECTED_CLASS),e.parentNode?.classList.add(`${SELECTED_CLASS}-parent`),getParents(e,t.body).forEach(e=>{e.classList.add(`${SELECTED_CLASS}-parents`)})},down=(e,t)=>{let n=0,r=t.clientHeight,i=Array.from(t.parentNode?.children||[]).filter(e=>!getIdFromEl()(e)?.startsWith(GHOST_EL_ID_PREFIX)),a=i.indexOf(t),o=i.slice(a+1);for(let t=0;t-1?getIdFromEl()(o[n])||``:s}},up=(e,t)=>{let n=Array.from(t.parentNode?.children||[]).filter(e=>!getIdFromEl()(e)?.startsWith(GHOST_EL_ID_PREFIX)),r=n.indexOf(t),i=n.slice(0,r),a=t.clientHeight,o=i.length-1;for(let t=i.length-1;t>=0;t--){let n=i[t];if(n&&n.style.position!==`fixed`){if(a+=n.clientHeight/2,-e<=a)break;a+=n.clientHeight/2,o=t}}let s=getIdFromEl()(t)||``;return{src:s,dist:i.length&&o>-1?getIdFromEl()(i[o])||``:s}},isMoveableButton=e=>e.classList.contains(`moveable-button`)||e.parentElement?.classList.contains(`moveable-button`),getMarginValue=e=>{if(!e)return{marginLeft:0,marginTop:0};let{marginLeft:t,marginTop:n}=getComputedStyle(e);return{marginLeft:parseFloat(t)||0,marginTop:parseFloat(n)||0}},getBorderWidth=e=>{if(!e)return{borderLeftWidth:0,borderRightWidth:0,borderTopWidth:0,borderBottomWidth:0};let{borderLeftWidth:t,borderRightWidth:n,borderTopWidth:r,borderBottomWidth:i}=getComputedStyle(e);return{borderLeftWidth:parseFloat(t)||0,borderRightWidth:parseFloat(n)||0,borderTopWidth:parseFloat(r)||0,borderBottomWidth:parseFloat(i)||0}},moveable_able_default=`.moveable-button { width: 20px; height: 20px; background: #4af; border-radius: 4px; appearance: none; border: 0; color: white; font-size: 12px; font-weight: bold; margin-left: 2px; position: relative; cursor: pointer; } .moveable-remove-button:before, .moveable-remove-button:after { content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(45deg); width: 14px; height: 2px; background: #fff; border-radius: 1px; cursor: pointer; } .moveable-remove-button:after { transform: translate(-50%, -50%) rotate(-45deg); } .moveable-select-parent-arrow-top-icon { transform: rotateZ(-45deg); width: 4px; height: 4px; border-color: #fff; border-width: 2px 2px 0 0; border-style: solid; position: absolute; left: 4px; top: 4px; } .moveable-select-parent-arrow-body-icon { width: 7px; height: 11px; border-color: #fff; border-width: 0 0 2px 2px; border-style: solid; } .moveable-drag-area-button { cursor: move; } .moveable-drag-area-button .moveable-select-parent-arrow-top-icon { width: 2px; height: 2px; } .moveable-drag-area-button .moveable-select-parent-arrow-top-icon-top { transform: rotateZ(-45deg) translateX(-50%); left: 50%; top: 3px; transform-origin: left; } .moveable-drag-area-button .moveable-select-parent-arrow-top-icon-bottom { transform: rotateZ(135deg) translateX(-50%); transform-origin: left; left: 50%; top: auto; bottom: 3px; } .moveable-drag-area-button .moveable-select-parent-arrow-top-icon-right { transform: rotateZ(45deg) translateY(-50%); transform-origin: top; right: 3px; left: auto; top: 50%; } .moveable-drag-area-button .moveable-select-parent-arrow-top-icon-left { transform: rotateZ(235deg) translateY(-50%); transform-origin: top; left: 3px; top: 50%; } .moveable-drag-area-button .moveable-select-parent-arrow-body-icon-horizontal { width: 2px; height: 11px; background-color: #fff; position: absolute; transform: translateX(-50%); left: 50%; top: 4px; } .moveable-drag-area-button .moveable-select-parent-arrow-body-icon-vertical { width: 11px; height: 2px; background-color: #fff; position: absolute; transform: translateY(-50%); left: 4px; top: 50%;; } .moveable-rerender-button img { position: absolute; left: 2px; top: 2px; } `,MoveableActionsAble_default=(e,t=[])=>({name:`actions`,props:[],always:!0,events:[],render(n,r){let i=n.getRect(),{pos2:a}=n.state,o=n.useCSS(`div`,` { position: absolute; left: 0px; top: 0px; will-change: transform; transform-origin: 60px 28px; display: flex; } ${moveable_able_default} `);return r.createElement(o,{className:`moveable-editable`,style:{transform:`translate(${a[0]-(t.length+3)*20}px, ${a[1]-28}px) rotate(${i.rotation}deg)`}},[...t.map(e=>{let t=e(r);return r.createElement(`button`,t.props||{},...t.children||[])}),r.createElement(`button`,{className:`moveable-button moveable-rerender-button`,title:`重新收集依赖后渲染`,onClick:()=>{e(AbleActionEventType.RERENDER)}},r.createElement(`img`,{src:`data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGNsYXNzPSJpY29uIGljb24tdGFibGVyIGljb24tdGFibGVyLXJlcGxhY2UiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZT0iI2ZmZmZmZiIgZmlsbD0ibm9uZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KICA8cGF0aCBzdHJva2U9Im5vbmUiIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz4KICA8cmVjdCB4PSIzIiB5PSIzIiB3aWR0aD0iNiIgaGVpZ2h0PSI2IiByeD0iMSIgLz4KICA8cmVjdCB4PSIxNSIgeT0iMTUiIHdpZHRoPSI2IiBoZWlnaHQ9IjYiIHJ4PSIxIiAvPgogIDxwYXRoIGQ9Ik0yMSAxMXYtM2EyIDIgMCAwIDAgLTIgLTJoLTZsMyAzbTAgLTZsLTMgMyIgLz4KICA8cGF0aCBkPSJNMyAxM3YzYTIgMiAwIDAgMCAyIDJoNmwtMyAtM20wIDZsMyAtMyIgLz4KPC9zdmc+CgoK`,width:`16`,height:`16`})),r.createElement(`button`,{className:`moveable-button`,title:`选中父组件`,onClick:()=>{e(AbleActionEventType.SELECT_PARENT)}},r.createElement(`div`,{className:`moveable-select-parent-arrow-top-icon`}),r.createElement(`div`,{className:`moveable-select-parent-arrow-body-icon`})),r.createElement(`button`,{className:`moveable-button moveable-remove-button`,title:`删除`,onClick:()=>{e(AbleActionEventType.REMOVE)}}),r.createElement(`button`,{className:`moveable-button moveable-drag-area-button`,title:`拖动`},r.createElement(`div`,{className:`moveable-select-parent-arrow-top-icon moveable-select-parent-arrow-top-icon-top`}),r.createElement(`div`,{className:`moveable-select-parent-arrow-top-icon moveable-select-parent-arrow-top-icon-bottom`}),r.createElement(`div`,{className:`moveable-select-parent-arrow-top-icon moveable-select-parent-arrow-top-icon-left`}),r.createElement(`div`,{className:` moveable-select-parent-arrow-top-icon moveable-select-parent-arrow-top-icon-right`}),r.createElement(`div`,{className:`moveable-select-parent-arrow-body-icon-horizontal`}),r.createElement(`div`,{className:`moveable-select-parent-arrow-body-icon-vertical`}))])}}),MoveableOptionsManager=class extends import_events.default{constructor(e){super(),_defineProperty(this,`mode`,Mode.ABSOLUTE),_defineProperty(this,`container`,void 0),_defineProperty(this,`options`,{}),_defineProperty(this,`horizontalGuidelines`,[]),_defineProperty(this,`verticalGuidelines`,[]),_defineProperty(this,`elementGuidelines`,[]),_defineProperty(this,`customizedOptions`,void 0),_defineProperty(this,`getRootContainer`,void 0),this.customizedOptions=e.moveableOptions,this.container=e.container,this.getRootContainer=e.getRootContainer}getOption(e){return this.options[e]}setGuidelines(e,t){e===GuidesType.HORIZONTAL?this.horizontalGuidelines=t:e===GuidesType.VERTICAL&&(this.verticalGuidelines=t),this.emit(`update-moveable`)}clearGuides(){this.horizontalGuidelines=[],this.verticalGuidelines=[],this.emit(`update-moveable`)}setElementGuidelines(e){this.elementGuidelines.forEach(e=>{e.remove()}),this.elementGuidelines=[];let t=this.getCustomizeOptions()?.elementGuidelines||Array.from(e[0]?.parentElement?.children||[]);this.mode===Mode.ABSOLUTE&&this.container.append(this.createGuidelineElements(e,t))}getOptions(e,t={}){return this.options=merge$1(this.getDefaultOptions(e),this.getCustomizeOptions()||{},t),this.options}getDefaultOptions(e){let t=this.mode===Mode.SORTABLE;return merge$1({draggable:!0,resizable:!0,rootContainer:this.getRootContainer(),zoom:1,throttleDrag:0,snappable:!0,horizontalGuidelines:this.horizontalGuidelines,verticalGuidelines:this.verticalGuidelines,elementGuidelines:this.elementGuidelines,bounds:{top:0,left:0,right:this.container.clientWidth,bottom:t?void 0:this.container.clientHeight}},e?this.getMultiOptions():this.getSingleOptions())}getSingleOptions(){let e=this.mode===Mode.ABSOLUTE,t=this.mode===Mode.FIXED;return{origin:!1,dragArea:!1,scalable:!1,rotatable:!1,snapGap:e||t,snapThreshold:5,snapDigit:0,isDisplaySnapDigit:e,snapDirections:{top:e,right:e,bottom:e,left:e,center:e,middle:e},elementSnapDirections:{top:e,right:e,bottom:e,left:e},isDisplayInnerSnapDigit:!0,dragTarget:`.moveable-drag-area-button`,dragTargetSelf:!0,props:{actions:!0},ables:[MoveableActionsAble_default(this.actionHandler.bind(this))]}}getMultiOptions(){return{defaultGroupRotate:0,defaultGroupOrigin:`50% 50%`,startDragRotate:0,throttleDragRotate:0,origin:!0,padding:{left:0,top:0,right:0,bottom:0}}}getCustomizeOptions(){return typeof this.customizedOptions==`function`?this.customizedOptions():this.customizedOptions}actionHandler(e){this.emit(e)}createGuidelineElements(e,t){let n=globalThis.document.createDocumentFragment();for(let r of t){let t=r.element||r;if(!t||typeof t==`string`||(typeof t==`function`&&(t=t()),this.isInElementList(t,e)))continue;let{width:i,height:a}=t.getBoundingClientRect();if(!i||!a)continue;let{left:o,top:s}=getOffset(t),c=globalThis.document.createElement(`div`);c.style.cssText=`position: absolute;width: ${i}px;height: ${a}px;top: ${s}px;left: ${o}px`,this.elementGuidelines.push(c),n.append(c)}return n}isInElementList(e,t){for(let n of t)if(e===n)return!0;return!1}};function prefixNames(e){return[...arguments].slice(1).map(function(t){return t.split(` `).map(function(t){return t?``+e+t:``}).join(` `)}).join(` `)}function prefixCSS(e,t){return t.replace(/([^}{]*){/gm,function(t,n){return n.replace(/\.([^{,\s\d.]+)/g,`.`+e+`$1`)+`{`})}function ref(e,t){return function(n){n&&(e[t]=n)}}function refs(e,t,n){return function(r){r&&(e[t][n]=r)}}function Properties(e,t){return function(n){var r=n.prototype;e.forEach(function(e){t(r,e)})}}function withMethods(e,t){return t===void 0&&(t={}),function(n,r){e.forEach(function(e){var i=t[e]||e;i in n||(n[i]=function(){for(var t,n=[],i=0;i=0;--r)if(t(e[r],r,e))return r;return n}function findLast(e,t,n){var r=findLastIndex(e,t);return r>-1?e[r]:n}function find$1(e,t,n){var r=findIndex(e,t);return r>-1?e[r]:n}var requestAnimationFrame$1=function(){var e=now(),t=IS_WINDOW&&(window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||window.msRequestAnimationFrame);return t?t.bind(window):function(t){var n=now();return setTimeout(function(){t(n-e)},1e3/60)}}(),cancelAnimationFrame=function(){var e=IS_WINDOW&&(window.cancelAnimationFrame||window.webkitCancelAnimationFrame||window.mozCancelAnimationFrame||window.msCancelAnimationFrame);return e?e.bind(window):function(e){clearTimeout(e)}}();function getKeys(e){return Object.keys(e)}function getValues(e){return getKeys(e).map(function(t){return e[t]})}function sortOrders(e,t){t===void 0&&(t=[]),e.sort(function(e,n){var r=t.indexOf(e),i=t.indexOf(n);return i===-1&&r===-1?0:r===-1?1:i===-1?-1:r-i})}function convertUnitSize(e,t){var n=splitUnit(e),r=n.value,i=n.unit;if(isObject$2(t)){var a=t[i];if(a){if(isFunction$1(a))return a(r);if(DEFAULT_UNIT_PRESETS[i])return DEFAULT_UNIT_PRESETS[i](r,a)}}else if(i===`%`)return r*t/100;return DEFAULT_UNIT_PRESETS[i]?DEFAULT_UNIT_PRESETS[i](r):r}function between(e,t,n){return Math.max(t,Math.min(e,n))}function checkBoundSize(e,t,n,r){return r===void 0&&(r=e[0]/e[1]),[[throttle(t[0],1e-7),throttle(t[0]/r,1e-7)],[throttle(t[1]*r,1e-7),throttle(t[1],1e-7)]].filter(function(e){return e.every(function(e,r){var i=t[r],a=throttle(i,1e-7);return n?e<=i||e<=a:e>=i||e>=a})})[0]||e}function calculateBoundSize(e,t,n,r){if(!r)return e.map(function(e,r){return between(e,t[r],n[r])});var i=e[0],a=e[1],o=r===!0?i/a:r,s=checkBoundSize(e,t,!1,o),c=s[0],l=s[1],u=checkBoundSize(e,n,!0,o),d=u[0],f=u[1];return id||a>f)&&(i=d,a=f),[i,a]}function sum(e){for(var t=e.length,n=0,r=t-1;r>=0;--r)n+=e[r];return n}function average(e){for(var t=e.length,n=0,r=t-1;r>=0;--r)n+=e[r];return t?n/t:0}function getRad$1(e,t){var n=t[0]-e[0],r=t[1]-e[1],i=Math.atan2(r,n);return i>=0?i:i+Math.PI*2}function getCenterPoint(e){return[0,1].map(function(t){return average(e.map(function(e){return e[t]}))})}function getShapeDirection(e){var t=getCenterPoint(e),n=getRad$1(t,e[0]),r=getRad$1(t,e[1]);return nr&&r-n<-Math.PI?1:-1}function getDist$2(e,t){return Math.sqrt(((t?t[0]:0)-e[0])**2+((t?t[1]:0)-e[1])**2)}function throttle(e,t){if(!t)return e;var n=1/t;return Math.round(e/t)/n}function throttleArray(e,t){return e.forEach(function(n,r){e[r]=throttle(e[r],t)}),e}function counter(e){for(var t=[],n=0;no&&e.push(t),e},[]).forEach(function(n){renderProviders(n,n._ps,[n.o],e,t,!0)}),!1;a.o=n,a.ss(r);var l=a.ps;return isString(n)||(a.ps=n.props,a.ref=n.ref),setCurrentInstance(this),a.r(e,t,a.b?l:{},r),!0},t.md=function(){this.rr()},t.ss=function(){},t.ud=function(){this.rr()},t.rr=function(){var e=this,t=e.ref,n=e.fr;t&&t(n?n.current:e.b)},e}();function getCurrentInstance(){return Object.__CROACT_CURRENT_INSTNACE__}function getHooksIndex(){return hooksIndex}function setHooksInex(e){hooksIndex=e}function setCurrentInstance(e){return Object.__CROACT_CURRENT_INSTNACE__=e,hooksIndex=0,e}var Component$1=function(){function e(e,t){e===void 0&&(e={}),this.props=e,this.context=t,this.state={},this.$_timer=0,this.$_state={},this.$_subs=[],this.$_cs={}}var t=e.prototype;return t.render=function(){return null},t.shouldComponentUpdate=function(e,t){return this.props!==e||this.state!==t},t.setState=function(e,t,n){var r=this;r.$_timer||(r.$_state={}),clearTimeout(r.$_timer),r.$_timer=0,r.$_state=__assign$11(__assign$11({},r.$_state),e),n?r.$_setState(t,n):r.$_timer=window.setTimeout(function(){r.$_timer=0,r.$_setState(t,n)})},t.forceUpdate=function(e){this.setState({},e,!0)},t.componentDidMount=function(){},t.componentDidUpdate=function(e,t){},t.componentWillUnmount=function(){},t.$_setState=function(e,t){var n=[],r=this.$_p;renderProviders(r.c,[r],[r.o],n,r._cs,__assign$11(__assign$11({},this.state),this.$_state),t)&&(e&&n.push(e),executeHooks(n),setCurrentInstance(null))},e}(),PureComponent=function(e){__extends$11(t,e);function t(){return e!==null&&e.apply(this,arguments)||this}var n=t.prototype;return n.shouldComponentUpdate=function(e,t){return isDiff(this.props,e)||isDiff(this.state,t)},t}(Component$1);function createRef(e){var t=function(e){t.current=e};return t.current=e,t}function forwardRef(e){return e._fr=!0,e}function createComponent(e,t,n,r){var i,a;return e?.prototype?.render?a=new e(t,n):(a=new Component$1(t,n),a.constructor=e,e._fr?(r.fr=createRef(),a.render=function(){return this.constructor(this.props,r.fr)}):a.render=renderFunctionComponent),a.$_p=r,a}var ComponentProvider=function(e){__extends$11(t,e);function t(t,n,r,i,a,o,s){s===void 0&&(s={});var c=e.call(this,t,n,r,i,a,o,fillProps(s,t.defaultProps))||this;return c.typ=`comp`,c._usefs=[],c._uefs=[],c._defs=[],c}var n=t.prototype;return n.s=function(e,t){var n=this.b;return n.shouldComponentUpdate(fillProps(e,this.t.defaultProps),t||n.state)!==!1},n.r=function(e,t,n){var r,i,a=this,o=a.t;a.ps=fillProps(a.ps,a.t.defaultProps);var s=a.ps,c=!a.b,l=o.contextType,u=a.b,d=l?.get(a);a._cs=t,c?(u=createComponent(o,s,d,a),a.b=u):(u.props=s,u.context=d);var f=u.state;a._usefs=[],a._uefs=[];var p=u.render();p?.props?.children?.length===0&&(p.props.children=a.ps.children);var m=__assign$11(__assign$11({},t),u.$_cs);renderProviders(a,a._ps,p?[p]:[],e,m),c?a._uefs.push(function(){l?.register(a),u.componentDidMount()}):a._uefs.push(function(){u.componentDidUpdate(n,f)}),e.push(function(){a._usefs.forEach(function(e){e()}),c?a.md():a.ud(),a._defs=a._uefs.map(function(e){return e()})})},n.ss=function(e){var t=this.b;!t||!e||(t.state=e)},n.un=function(){var e,t=this;t._ps.forEach(function(e){e.un()}),(e=t.t.contextType)==null||e.unregister(t),clearTimeout(t.b.$_timer),t._defs.forEach(function(e){e&&e()}),t.b.componentWillUnmount()},t}(Provider);function diffAttributes(e,t,n){var r=diffObject(getAttributes(e),getAttributes(t)),i=r.added,a=r.removed,o=r.changed;for(var s in i)n.setAttribute(s,i[s]);for(var c in o)n.setAttribute(c,o[c][1]);for(var l in a)n.removeAttribute(l)}function diffEvents(e,t,n){var r=diffObject(e,t),i=r.added;for(var a in r.removed)n.e(a,!0);for(var o in i)n.e(o)}function diffObject(e,t){var n=getKeys(e),r=getKeys(t),i=diff$1(n,r,function(e){return e}),a={},o={},s={};return i.added.forEach(function(e){var n=r[e];a[n]=t[n]}),i.removed.forEach(function(t){var r=n[t];o[r]=e[r]}),i.maintained.forEach(function(r){var i=n[r[0]],a=[e[i],t[i]];e[i]!==t[i]&&(s[i]=a)}),{added:a,removed:o,changed:s}}function diffStyle(e,t,n){var r=n.style,i=diffObject(e,t),a=i.added,o=i.removed,s=i.changed;for(var c in a){var l=decamelize(c,`-`);r.setProperty(l,a[c])}for(var c in s){var u=decamelize(c,`-`);r.setProperty(u,s[c][1])}for(var c in o){var d=decamelize(c,`-`);r.removeProperty(d)}}function getNativeEventName(e){return e.replace(/^on/g,``).toLowerCase()}var ElementProvider=function(e){__extends$11(t,e);function t(){var t=e!==null&&e.apply(this,arguments)||this;return t.typ=`elem`,t._es={},t._svg=!1,t}var n=t.prototype;return n.e=function(e,t){var n=this,r=n._es,i=n.b,a=getNativeEventName(e);t?(removeEvent(i,a,r[e]),delete r[e]):(r[e]=function(t){var r,i;(i=(r=n.ps)[e])==null||i.call(r,t)},addEvent(i,a,r[e]))},n.s=function(e){return isDiff(this.ps,e)},n.r=function(e,t,n){var r,i=this,a=!i.b,o=i.ps;if(a){var s=findContainerNode(i.c),c=!1;c=i._svg||i.t===`svg`?!0:s&&s.ownerSVGElement,i._svg=c;var l=i._hyd?.splice(0,1)[0],u=i.t;if(l)i._hyd=[].slice.call(l.children||[]);else{var d=getDocument(s);l=c?d.createElementNS(`http://www.w3.org/2000/svg`,u):d.createElement(u)}i.b=l}renderProviders(i,i._ps,o.children,e,t);var f=i.b,p=splitProps(n),m=p[0],g=p[1],_=splitProps(o),v=_[0],y=_[1];return diffAttributes(m,v,f),diffEvents(g,y,i),diffStyle(n.style||{},o.style||{},f),e.push(function(){a?i.md():i.ud()}),!0},n.un=function(){var e=this,t=e._es,n=e.b;for(var r in t)removeEvent(n,r,t[r]);e._ps.forEach(function(e){e.un()}),e._es={},e._sel||removeNode(n)},t}(Provider);function findDOMNode(e){if(!e||isNode(e))return e;var t=e.$_p._ps;return t.length?findDOMNode(t[0].b):null}function findNodeProvider(e){if(e){if(e.b&&isNode(e.b))return e;var t=e._ps;return t.length?findNodeProvider(t[0]):null}}function createElement(e,t){var n=[...arguments].slice(2),r=t||{},i=r.key,a=r.ref,o=__rest$2(r,[`key`,`ref`]);return{type:e,key:i,ref:a,props:__assign$11(__assign$11({},o),{children:flat$2(n).filter(function(e){return e!=null&&e!==!1})})}}var ContainerProvider=function(e){__extends$11(t,e);function t(t,n){n===void 0&&(n=0);var r=e.call(this,`container`,n,`container`,0,null)||this;return r.typ=`container`,r.b=t,r}var n=t.prototype;return n.r=function(){return!0},n.un=function(){},t}(Provider),TextProvider=function(e){__extends$11(t,e);function t(){var t=e!==null&&e.apply(this,arguments)||this;return t.typ=`text`,t}var n=t.prototype;return n.r=function(e){var t,n=this,r=!n.b;if(r){var i=findContainerNode(n.c);n.b=n._hyd?.splice(0,1)[0]||getDocument(i).createTextNode(n.t.replace(`text_`,``))}return e.push(function(){r?n.md():n.ud()}),!0},n.un=function(){removeNode(this.b)},t}(Provider);function diffProviders(e,t,n){var r=n.map(function(e){return isString(e)?null:e.key}),i=diff$1(fillKeys(t.map(function(e){return e.k})),fillKeys(r),function(e){return e});i.removed.forEach(function(e){t.splice(e,1)[0].un()}),i.ordered.forEach(function(e){var n=e[0],r=e[1],i=t.splice(n,1)[0];t.splice(r,0,i);var a=findDOMNode(i.b),o=findDOMNode(t[r+1]&&t[r+1].b);a&&a.parentNode.insertBefore(a,o)}),i.added.forEach(function(i){t.splice(i,0,createProvider(n[i],r[i],i,e))});var a=i.maintained.filter(function(i){i[0];var a=i[1],o=n[a],s=t[a];return(isString(o)?`text_${o}`:o.type)===s.t?(s.i=a,!1):(s.un(),t.splice(a,1,createProvider(o,r[a],a,e)),!0)});return __spreadArray$4(__spreadArray$4([],i.added,!0),a.map(function(e){return e[0],e[1]}),!0)}function getNextSibiling(e,t){for(var n=e._ps,r=n.length,i=t.i+1;i0}function renderProvider(e,t,n,r){n===void 0&&(n=t.__CROACT__),r===void 0&&(r={});var i=!!n;n||(n=new ContainerProvider(t));var a=[];return renderProviders(n,n._ps,e?[e]:[],a,r,void 0,void 0),executeHooks(a),setCurrentInstance(null),i||(t.__CROACT__=n),n}function renderSelf(e,t,n){return!n&&e&&(n=new ContainerProvider(t.parentElement),n._hyd=[t],n._sel=!0),renderProvider(e,t,n),n}function checkHookInfo(e){var t=getCurrentInstance(),n=t._hs||(t._hs=[]),r=getHooksIndex(),i=n[r];if(setHooksInex(r+1),i){if(!isDiff(i.deps,e.deps))return i.updated=!1,i;n[r]=e}else n.push(e);return e.value=e.func(),e.updated=!0,e}function useMemo(e,t){return checkHookInfo({func:e,deps:t}).value}function useRef(e){return useMemo(function(){return createRef(e)},[])}function useEffect(e,t,n){var r=getCurrentInstance(),i=checkHookInfo({func:function(){return e},deps:t}),a=n?r._usefs:r._uefs;i.updated?a.push(function(){return i.effect&&i.effect(),i.effect=e(),i.effect}):a.push(function(){return i.effect})}function useImperativeHandle(e,t,n){useEffect(function(){e?.(t())},n,!0)}function some(e,t){for(var n=e.length,r=0;r`u`||!navigator)return``;t=navigator.userAgent||``}return t.toLowerCase()}function execRegExp(e,t){try{return new RegExp(e,`g`).exec(t)}catch{return null}}function hasUserAgentData(){if(typeof navigator>`u`||!navigator||!navigator.userAgentData)return!1;var e=navigator.userAgentData,t=e.brands||e.uaList;return!!(t&&t.length)}function findVersion(e,t){var n=execRegExp(`(`+e+`)((?:\\/|\\s|:)([0-9|\\.|_]+))`,t);return n?n[3]:``}function convertVersion(e){return e.replace(/_/g,`.`)}function findPreset(e,t){var n=null,r=`-1`;return some(e,function(e){var i=execRegExp(`(`+e.test+`)((?:\\/|\\s|:)([0-9|\\.|_]+))?`,t);return!i||e.brand?!1:(n=e,r=i[3]||`-1`,e.versionAlias?r=e.versionAlias:e.versionTest&&(r=findVersion(e.versionTest.toLowerCase(),t)||r),r=convertVersion(r),!0)}),{preset:n,version:r}}function findPresetBrand(e,t){var n={brand:``,version:`-1`};return some(e,function(e){var r=findBrand(t,e);return r?(n.brand=e.id,n.version=e.versionAlias||r.version,n.version!==`-1`):!1}),n}function findBrand(e,t){return find(e,function(e){var n=e.brand;return execRegExp(``+t.test,n.toLowerCase())})}var BROWSER_PRESETS=[{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`}],CHROMIUM_PRESETS=[{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}],WEBKIT_PRESETS=[{test:`applewebkit`,id:`webkit`,versionTest:`applewebkit|safari`}],WEBVIEW_PRESETS=[{test:`(?=(iphone|ipad))(?!(.*version))`,id:`webview`},{test:`(?=(android|iphone|ipad))(?=.*(naver|daum|; wv))`,id:`webview`},{test:`webview`,id:`webview`}],OS_PRESETS=[{test:`windows phone`,id:`windows phone`},{test:`windows 2000`,id:`window`,versionAlias:`5.0`},{test:`windows nt`,id:`window`},{test:`win32|windows`,id:`window`},{test:`iphone|ipad|ipod`,id:`ios`,versionTest:`iphone os|cpu os`},{test:`macos|macintel|mac os x`,id:`mac`},{test:`android|linux armv81`,id:`android`},{test:`tizen`,id:`tizen`},{test:`webos|web0s`,id:`webos`}];function isWebView(e){return!!findPreset(WEBVIEW_PRESETS,e).preset}function getLegacyAgent(e){var t=getUserAgentString(e),n=!!/mobi/g.exec(t),r={name:`unknown`,version:`-1`,majorVersion:-1,webview:isWebView(t),chromium:!1,chromiumVersion:`-1`,webkit:!1,webkitVersion:`-1`},i={name:`unknown`,version:`-1`,majorVersion:-1},a=findPreset(BROWSER_PRESETS,t),o=a.preset,s=a.version,c=findPreset(OS_PRESETS,t),l=c.preset,u=c.version,d=findPreset(CHROMIUM_PRESETS,t);if(r.chromium=!!d.preset,r.chromiumVersion=d.version,!r.chromium){var f=findPreset(WEBKIT_PRESETS,t);r.webkit=!!f.preset,r.webkitVersion=f.version}return l&&(i.name=l.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 getClientHintsAgent(e){var t=navigator.userAgentData,n=(t.uaList||t.brands).slice(),r=e&&e.fullVersionList,i=t.mobile||!1,a=n[0],o=(e&&e.platform||t.platform||navigator.platform).toLowerCase(),s={name:a.brand,version:a.version,majorVersion:-1,webkit:!1,webkitVersion:`-1`,chromium:!1,chromiumVersion:`-1`,webview:!!findPresetBrand(WEBVIEW_PRESETS,n).brand||isWebView(getUserAgentString())},c={name:`unknown`,version:`-1`,majorVersion:-1};s.webkit=!s.chromium&&some(WEBKIT_PRESETS,function(e){return findBrand(n,e)});var l=findPresetBrand(CHROMIUM_PRESETS,n);if(s.chromium=!!l.brand,s.chromiumVersion=l.version||`-1`,!s.chromium){var u=findPresetBrand(WEBKIT_PRESETS,n);s.webkit=!!u.brand,s.webkitVersion=u.version||`-1`}var d=find(OS_PRESETS,function(e){return RegExp(``+e.test,`g`).exec(o)});if(c.name=d?d.id:``,e&&(c.version=e.platformVersion||`-1`),r&&r.length){var f=findPresetBrand(BROWSER_PRESETS,r);s.name=f.brand||s.name,s.version=f.version||s.version}else{var p=findPresetBrand(BROWSER_PRESETS,n);s.name=p.brand||s.name,s.version=p.brand&&e?e.uaFullVersion:p.version}return s.webkit&&(c.name=i?`ios`:`mac`),c.name===`ios`&&s.webview&&(s.version=`-1`),c.version=convertVersion(c.version),s.version=convertVersion(s.version),c.majorVersion=parseInt(c.version,10),s.majorVersion=parseInt(s.version,10),{browser:s,os:c,isMobile:i,isHints:!0}}function agent$1(e){return e===void 0&&hasUserAgentData()?getClientHintsAgent():getLegacyAgent(e)}function add(e,t,n,r,i,a){for(var o=0;o-1&&r.splice(i,1)}}return this},t.once=function(e,t){var n=this;return t&&this._addEvent(e,t,{once:!0}),new Promise(function(t){n._addEvent(e,t,{once:!0})})},t.emit=function(e,t){var n=this;t===void 0&&(t={});var r=this._events[e];if(!e||!r)return!0;var i=!1;return t.eventType=e,t.stop=function(){i=!0},t.currentTarget=this,__spreadArrays$3(r).forEach(function(r){r.listener(t),r.once&&n.off(e,r.listener)}),!i},t.trigger=function(e,t){return t===void 0&&(t={}),this.emit(e,t)},t._addEvent=function(e,t,n){var r=this._events;r[e]=r[e]||[],r[e].push(__assign$9({listener:t},n))},e}(),extendStatics$9=function(e,t){return extendStatics$9=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])},extendStatics$9(e,t)};function __extends$9(e,t){extendStatics$9(e,t);function n(){this.constructor=e}e.prototype=t===null?Object.create(t):(n.prototype=t.prototype,new n)}var __assign$8=function(){return __assign$8=Object.assign||function(e){for(var t,n=1,r=arguments.length;nr-a?(c[1]>s.top||rc[1])&&(l[1]=1),s.left>n-a?(c[0]>s.left||nc[0])&&(l[0]=1),!l[0]&&!l[1]?!1:this._continueDrag(__assign$8(__assign$8({},t),{direction:l,inputEvent:e,isDrag:!0}))}},n.checkScroll=function(e){var t=this;if(this._isWait)return!1;var n=e.prevScrollPos,r=n===void 0?this._prevScrollPos:n,i=e.direction,a=e.throttleTime,o=a===void 0?0:a,s=e.inputEvent,c=e.isDrag,l=this._getScrollPosition(i||[0,0],e),u=l[0]-r[0],d=l[1]-r[1],f=i||[u?Math.abs(u)/u:0,d?Math.abs(d)/d:0];return this._prevScrollPos=l,this._lock=!1,!u&&!d?!1:(this.emit(`move`,{offsetX:f[0]?u:0,offsetY:f[1]?d:0,inputEvent:s}),o&&c&&(clearTimeout(this._timer),this._timer=window.setTimeout(function(){t._continueDrag(e)},o)),!0)},n.dragEnd=function(){this._flag=!1,this._lock=!1,clearTimeout(this._timer),this._unregisterScrollEvent()},n._getScrollPosition=function(e,t){var n=t.container,r=t.getScrollPosition;return(r===void 0?getDefaultScrollPosition$2:r)({container:getContainerElement$1(n),direction:e})},n._continueDrag=function(e){var t=this,n,r=e.container,i=e.direction,a=e.throttleTime,o=e.useScroll,s=e.isDrag,c=e.inputEvent;if(!(!this._flag||s&&this._isWait)){var l=now(),u=Math.max(a+this._prevTime-l,0);if(u>0)return clearTimeout(this._timer),this._timer=window.setTimeout(function(){t._continueDrag(e)},u),!1;this._prevTime=l;var d=this._getScrollPosition(i,e);this._prevScrollPos=d,s&&(this._isWait=!0),o||(this._lock=!0);var f={container:getContainerElement$1(r),direction:i,inputEvent:c};return(n=e.requestScroll)==null||n.call(e,f),this.emit(`scroll`,f),this._isWait=!1,o||this.checkScroll(__assign$8(__assign$8({},e),{prevScrollPos:d,direction:i,inputEvent:c}))}},n._registerScrollEvent=function(e){this._unregisterScrollEvent();var t=e.checkScrollEvent;if(t){var n=t===!0?checkDefaultScrollEvent:t,r=getContainerElement$1(e.container);t===!0&&(r===document.body||r===document.documentElement)?this._unregister=checkDefaultScrollEvent(window,this._onScroll):this._unregister=n(r,this._onScroll)}},n._unregisterScrollEvent=function(){var e;(e=this._unregister)==null||e.call(this),this._unregister=null},t}(EventEmitter$7);function __spreadArrays$2(){for(var e=0,t=0,n=arguments.length;tr)){if(n===`intersection`)++f;else if(n===`line`)return;else if(n===`point`){var o=find$1(a,function(e){return e[1]!==i}),s=p[t[0]],c=o[1]>i?1:-1;s?s!==c&&++f:p[t[0]]=c}}}),f%2==1}function getLinearConstants(e,t){var n=e[0],r=e[1],i=t[0],a=t[1],o=i-n,s=a-r;Math.abs(o)<1e-7&&(o=0),Math.abs(s)<1e-7&&(s=0);var c=0,l=0,u=0;return o?s?(c=-s/o,l=1,u=-c*n-r):(l=1,u=-r):s&&(c=-1,u=n),[c,l,u]}function getIntersectionPointsByConstants(e,t){var n=e[0],r=e[1],i=e[2],a=t[0],o=t[1],s=t[2],c=n===0&&a===0,l=r===0&&o===0,u=[];if(c&&l)return[];if(c){var d=-i/r;return d===-s/o?[[-1/0,d],[1/0,d]]:[]}else if(l){var f=-i/n;return f===-s/a?[[f,-1/0],[f,1/0]]:[]}else if(n===0){var p=-i/r,m=-(o*p+s)/a;u=[[m,p]]}else if(a===0){var p=-s/o,m=-(r*p+i)/n;u=[[m,p]]}else if(r===0){var m=-i/n,p=-(a*m+s)/o;u=[[m,p]]}else if(o===0){var m=-s/a,p=-(n*m+i)/r;u=[[m,p]]}else{var m=(r*s-o*i)/(o*n-r*a),p=-(n*m+i)/r;u=[[m,p]]}return u.map(function(e){return[e[0],e[1]]})}function getPointsOnLines(e,t){var n=t.map(function(e){return[0,1].map(function(t){return[Math.min(e[0][t],e[1][t]),Math.max(e[0][t],e[1][t])]})}),r=[];if(e.length===2){var i=e[0],a=i[0],o=i[1];if(!tinyThrottle(a-e[1][0])){var s=Math.max.apply(Math,n.map(function(e){return e[1][0]})),c=Math.min.apply(Math,n.map(function(e){return e[1][1]}));if(tinyThrottle(s-c)>0)return[];r=[[a,s],[a,c]]}else if(!tinyThrottle(o-e[1][1])){var l=Math.max.apply(Math,n.map(function(e){return e[0][0]})),u=Math.min.apply(Math,n.map(function(e){return e[0][1]}));if(tinyThrottle(l-u)>0)return[];r=[[l,o],[u,o]]}}return r.length||(r=e.filter(function(e){var t=e[0],r=e[1];return n.every(function(e){return 0<=tinyThrottle(t-e[0][0])&&0<=tinyThrottle(e[0][1]-t)&&0<=tinyThrottle(r-e[1][0])&&0<=tinyThrottle(e[1][1]-r)})})),r.map(function(e){return[tinyThrottle(e[0]),tinyThrottle(e[1])]})}function convertLines(e){return __spreadArrays$2(e.slice(1),[e[0]]).map(function(t,n){return[e[n],t]})}function getOverlapPointInfos(e,t){var n=e.slice(),r=t.slice();getShapeDirection(n)===-1&&n.reverse(),getShapeDirection(r)===-1&&r.reverse();var i=convertLines(n),a=convertLines(r),o=i.map(function(e){return getLinearConstants(e[0],e[1])}),s=a.map(function(e){return getLinearConstants(e[0],e[1])}),c=[];o.forEach(function(e,t){var n=i[t],o=[];s.forEach(function(r,i){var s=getPointsOnLines(getIntersectionPointsByConstants(e,r),[n,a[i]]);o.push.apply(o,s.map(function(e){return{index1:t,index2:i,pos:e,type:`intersection`}}))}),o.sort(function(e,t){return getDist$2(n[0],e.pos)-getDist$2(n[0],t.pos)}),c.push.apply(c,o),isInside(n[1],r)&&c.push({index1:t,index2:-1,pos:n[1],type:`inside`})}),a.forEach(function(e,t){if(isInside(e[1],n)){var r=!1,i=findIndex(c,function(e){return e.index2===t?(r=!0,!1):!!r});i===-1&&(r=!1,i=findIndex(c,function(e){var n=e.index1,i=e.index2;return n===-1&&i+1===t?(r=!0,!1):!!r})),i===-1?c.push({index1:-1,index2:t,pos:e[1],type:`inside`}):c.splice(i,0,{index1:-1,index2:t,pos:e[1],type:`inside`})}});var l={};return c.filter(function(e){var t=e.pos,n=t[0]+`x`+t[1];return l[n]?!1:(l[n]=!0,!0)})}function getOverlapPoints(e,t){return getOverlapPointInfos(e,t).map(function(e){return e.pos})}function getOverlapSize(e,t){return getAreaSize(getOverlapPoints(e,t))}var extendStatics$8=function(e,t){return extendStatics$8=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])},extendStatics$8(e,t)};function __extends$8(e,t){extendStatics$8(e,t);function n(){this.constructor=e}e.prototype=t===null?Object.create(t):(n.prototype=t.prototype,new n)}var __assign$7=function(){return __assign$7=Object.assign||function(e){for(var t,n=1,r=arguments.length;n=0?i:i+Math.PI*2}function getRotatiion(e){return getRad([e[0].clientX,e[0].clientY],[e[1].clientX,e[1].clientY])/Math.PI*180}function isMultiTouch(e){return e.touches&&e.touches.length>=2}function getEventClients(e){return e?e.touches?getClients(e.touches):[getClient(e)]:[]}function isMouseEvent(e){return e&&(e.type.indexOf(`mouse`)>-1||`button`in e)}function getPosition(e,t,n){var r=n.length,i=getAverageClient(e,r),a=i.clientX,o=i.clientY,s=i.originalClientX,c=i.originalClientY,l=getAverageClient(t,r),u=l.clientX,d=l.clientY,f=getAverageClient(n,r),p=f.clientX,m=f.clientY;return{clientX:s,clientY:c,deltaX:a-u,deltaY:o-d,distX:a-p,distY:o-m}}function getDist$1(e){return Math.sqrt((e[0].clientX-e[1].clientX)**2+(e[0].clientY-e[1].clientY)**2)}function getClients(e){for(var t=Math.min(e.length,2),n=[],r=0;r=-1;if(!(r.flag&&n)){r._isDragAPI=!0;var i=r.options,a=i.container,o=i.pinchOutside,s=i.preventWheelClick,c=i.preventRightClick,l=i.preventDefault,u=i.checkInput,d=i.dragFocusedInput,f=i.preventClickEventOnDragStart,p=i.preventClickEventOnDrag,m=i.preventClickEventByCondition,g=r._useTouch,_=!r.flag;if(r._isSecondaryButton=e.which===3||e.button===2,s&&(e.which===2||e.button===1)||c&&(e.which===3||e.button===2))return r.stop(),!1;if(_){var v=r._window.document.activeElement,y=e.target;if(y){var b=y.tagName.toLowerCase(),x=INPUT_TAGNAMES.indexOf(b)>-1,S=y.isContentEditable;if(x||S){if(u||!d&&v===y)return!1;if(v&&(v===y||S&&v.isContentEditable&&v.contains(y)))if(d)y.blur();else return!1}else if((l||e.type===`touchstart`)&&v){var w=v.tagName.toLowerCase();(v.isContentEditable||INPUT_TAGNAMES.indexOf(w)>-1)&&v.blur()}(f||p||m)&&addEvent(r._window,`click`,r._onClick,!0)}r.clientStores=[new ClientStore(getEventClients(e))],r._isIdle=!1,r.flag=!0,r.isDrag=!1,r._isTrusted=t,r._dragFlag=!0,r._prevInputEvent=e,r.data={},r.doubleFlag=now()-r.prevTime<200,r._isMouseEvent=isMouseEvent(e),!r._isMouseEvent&&r._preventMouseEvent&&r._allowMouseEvent(),(r._preventMouseEvent||r.emit(`dragStart`,__assign$7(__assign$7({data:r.data,datas:r.data,inputEvent:e,isMouseEvent:r._isMouseEvent,isSecondaryButton:r._isSecondaryButton,isTrusted:t,isDouble:r.doubleFlag},r.getCurrentStore().getPosition()),{preventDefault:function(){e.preventDefault()},preventDrag:function(){r._dragFlag=!1}})))===!1&&r.stop(),r._isMouseEvent&&r.flag&&l&&e.preventDefault()}if(!r.flag)return!1;var E=0;if(_?(r._attchDragEvent(),g&&o&&(E=setTimeout(function(){addEvent(a,`touchstart`,r.onDragStart,{passive:!1})}))):g&&o&&removeEvent(a,`touchstart`,r.onDragStart),r.flag&&isMultiTouch(e)){if(clearTimeout(E),_&&e.touches.length!==e.changedTouches.length)return;r.pinchFlag||r.onPinchStart(e)}}}},r.onDrag=function(e,t){if(r.flag){var n=r.options.preventDefault;!r._isMouseEvent&&n&&e.preventDefault(),r._prevInputEvent=e;var i=getEventClients(e),a=r.moveClients(i,e,!1);if(r._dragFlag){if((r.pinchFlag||a.deltaX||a.deltaY)&&(r._preventMouseEvent||r.emit(`drag`,__assign$7(__assign$7({},a),{isScroll:!!t,inputEvent:e})))===!1){r.stop();return}r.pinchFlag&&r.onPinch(e,i)}r.getCurrentStore().getPosition(i,!0)}},r.onDragEnd=function(e){if(r.flag){var t=r.options,n=t.pinchOutside,i=t.container,a=t.preventClickEventOnDrag,o=t.preventClickEventOnDragStart,s=t.preventClickEventByCondition,c=r.isDrag;(a||o||s)&&requestAnimationFrame(function(){r._allowClickEvent()}),!s&&!o&&a&&!c&&r._allowClickEvent(),r._useTouch&&n&&removeEvent(i,`touchstart`,r.onDragStart),r.pinchFlag&&r.onPinchEnd(e);var l=e?.touches?getEventClients(e):[];l.length===0||!r.options.keepDragging?r.flag=!1:r._addStore(new ClientStore(l));var u=r._getPosition(),d=now(),f=!c&&r.doubleFlag;r._prevInputEvent=null,r.prevTime=c||f?0:d,r.flag||(r._dettachDragEvent(),r._preventMouseEvent||r.emit(`dragEnd`,__assign$7({data:r.data,datas:r.data,isDouble:f,isDrag:c,isClick:!c,isMouseEvent:r._isMouseEvent,isSecondaryButton:r._isSecondaryButton,inputEvent:e,isTrusted:r._isTrusted},u)),r.clientStores=[],r._isMouseEvent||(r._preventMouseEvent=!0,clearTimeout(r._preventMouseEventId),r._preventMouseEventId=setTimeout(function(){r._preventMouseEvent=!1},200)),r._isIdle=!0)}},r.onBlur=function(){r.onDragEnd()},r._allowClickEvent=function(){removeEvent(r._window,`click`,r._onClick,!0)},r._onClick=function(e){r._allowClickEvent(),r._allowMouseEvent();var t=r.options.preventClickEventByCondition;t?.(e)||(e.stopPropagation(),e.preventDefault())},r._onContextMenu=function(e){r.options.preventRightClick?r.onDragEnd(e):e.preventDefault()},r._passCallback=function(){};var i=[].concat(t),a=i[0];r._window=isWindow(a)?a:getWindow(a),r.options=__assign$7({checkInput:!1,container:a&&!(`document`in a)?getWindow(a):a,preventRightClick:!0,preventWheelClick:!0,preventClickEventOnDragStart:!1,preventClickEventOnDrag:!1,preventClickEventByCondition:null,preventDefault:!0,checkWindowBlur:!1,keepDragging:!1,pinchThreshold:0,events:[`touch`,`mouse`]},n);var o=r.options,s=o.container,c=o.events,l=o.checkWindowBlur;if(r._useDrag=c.indexOf(`drag`)>-1,r._useTouch=c.indexOf(`touch`)>-1,r._useMouse=c.indexOf(`mouse`)>-1,r.targets=i,r._useDrag&&i.forEach(function(e){addEvent(e,`dragstart`,r.onDragStart)}),r._useMouse&&(i.forEach(function(e){addEvent(e,`mousedown`,r.onDragStart),addEvent(e,`mousemove`,r._passCallback)}),addEvent(s,`contextmenu`,r._onContextMenu)),l&&addEvent(getWindow(),`blur`,r.onBlur),r._useTouch){var u={passive:!1};i.forEach(function(e){addEvent(e,`touchstart`,r.onDragStart,u),addEvent(e,`touchmove`,r._passCallback,u)})}return r}return t.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},t.prototype.getMovement=function(e){return this.getCurrentStore().getMovement(e)+this.clientStores.slice(1).reduce(function(e,t){return e+t.movement},0)},t.prototype.isDragging=function(){return this.isDrag},t.prototype.isIdle=function(){return this._isIdle},t.prototype.isFlag=function(){return this.flag},t.prototype.isPinchFlag=function(){return this.pinchFlag},t.prototype.isDoubleFlag=function(){return this.doubleFlag},t.prototype.isPinching=function(){return this.isPinch},t.prototype.scrollBy=function(e,t,n,r){r===void 0&&(r=!0),this.flag&&(this.clientStores[0].move(e,t),r&&this.onDrag(n,!0))},t.prototype.move=function(e,t){var n=e[0],r=e[1],i=this.getCurrentStore().prevClients;return this.moveClients(i.map(function(e){var t=e.clientX,i=e.clientY;return{clientX:t+n,clientY:i+r,originalClientX:t,originalClientY:i}}),t,!0)},t.prototype.triggerDragStart=function(e){this.onDragStart(e,!1)},t.prototype.setEventData=function(e){var t=this.data;for(var n in e)t[n]=e[n];return this},t.prototype.setEventDatas=function(e){return this.setEventData(e)},t.prototype.getCurrentEvent=function(e){return e===void 0&&(e=this._prevInputEvent),__assign$7(__assign$7({data:this.data,datas:this.data},this._getPosition()),{movement:this.getMovement(),isDrag:this.isDrag,isPinch:this.isPinch,isScroll:!1,inputEvent:e})},t.prototype.getEventData=function(){return this.data},t.prototype.getEventDatas=function(){return this.data},t.prototype.unset=function(){var e=this,t=this.targets,n=this.options.container;this.off(),removeEvent(this._window,`blur`,this.onBlur),this._useDrag&&t.forEach(function(t){removeEvent(t,`dragstart`,e.onDragStart)}),this._useMouse&&(t.forEach(function(t){removeEvent(t,`mousedown`,e.onDragStart)}),removeEvent(n,`contextmenu`,this._onContextMenu)),this._useTouch&&(t.forEach(function(t){removeEvent(t,`touchstart`,e.onDragStart)}),removeEvent(n,`touchstart`,this.onDragStart)),this._prevInputEvent=null,this._allowClickEvent(),this._dettachDragEvent()},t.prototype.onPinchStart=function(e){var t=this,n=this.options.pinchThreshold;if(!(this.isDrag&&this.getMovement()>n)){var r=new ClientStore(getEventClients(e));this.pinchFlag=!0,this._addStore(r),this.emit(`pinchStart`,__assign$7(__assign$7({data:this.data,datas:this.data,angle:r.getAngle(),touches:this.getCurrentStore().getPositions()},r.getPosition()),{inputEvent:e,isTrusted:this._isTrusted,preventDefault:function(){e.preventDefault()},preventDrag:function(){t._dragFlag=!1}}))===!1&&(this.pinchFlag=!1)}},t.prototype.onPinch=function(e,t){if(!(!this.flag||!this.pinchFlag||t.length<2)){var n=this.getCurrentStore();this.isPinch=!0,this.emit(`pinch`,__assign$7(__assign$7({data:this.data,datas:this.data,movement:this.getMovement(t),angle:n.getAngle(t),rotation:n.getRotation(t),touches:n.getPositions(t),scale:n.getScale(t),distance:n.getDistance(t)},n.getPosition(t)),{inputEvent:e,isTrusted:this._isTrusted}))}},t.prototype.onPinchEnd=function(e){if(this.pinchFlag){var t=this.isPinch;this.isPinch=!1,this.pinchFlag=!1;var n=this.getCurrentStore();this.emit(`pinchEnd`,__assign$7(__assign$7({data:this.data,datas:this.data,isPinch:t,touches:n.getPositions()},n.getPosition()),{inputEvent:e}))}},t.prototype.getCurrentStore=function(){return this.clientStores[0]},t.prototype.moveClients=function(e,t,n){var r=this._getPosition(e,n),i=this.isDrag;(r.deltaX||r.deltaY)&&(this.isDrag=!0);var a=!1;return!i&&this.isDrag&&(a=!0),__assign$7(__assign$7({data:this.data,datas:this.data},r),{movement:this.getMovement(e),isDrag:this.isDrag,isPinch:this.isPinch,isScroll:!1,isMouseEvent:this._isMouseEvent,isSecondaryButton:this._isSecondaryButton,inputEvent:t,isTrusted:this._isTrusted,isFirstDrag:a})},t.prototype._addStore=function(e){this.clientStores.splice(0,0,e)},t.prototype._getPosition=function(e,t){var n=this.getCurrentStore().getPosition(e,t),r=this.clientStores.slice(1).reduce(function(e,t){var n=t.getPosition();return e.distX+=n.distX,e.distY+=n.distY,e},n),i=r.distX,a=r.distY;return __assign$7(__assign$7({},n),{distX:i,distY:a})},t.prototype._attchDragEvent=function(){var e=this._window,t=this.options.container,n={passive:!1};this._isDragAPI&&(addEvent(t,`dragover`,this.onDrag,n),addEvent(e,`dragend`,this.onDragEnd)),this._useMouse&&(addEvent(t,`mousemove`,this.onDrag),addEvent(e,`mouseup`,this.onDragEnd)),this._useTouch&&(addEvent(t,`touchmove`,this.onDrag,n),addEvent(e,`touchend`,this.onDragEnd,n),addEvent(e,`touchcancel`,this.onDragEnd,n))},t.prototype._dettachDragEvent=function(){var e=this._window,t=this.options.container;this._isDragAPI&&(removeEvent(t,`dragover`,this.onDrag),removeEvent(e,`dragend`,this.onDragEnd)),this._useMouse&&(removeEvent(t,`mousemove`,this.onDrag),removeEvent(e,`mouseup`,this.onDragEnd)),this._useTouch&&(removeEvent(t,`touchstart`,this.onDragStart),removeEvent(t,`touchmove`,this.onDrag),removeEvent(e,`touchend`,this.onDragEnd),removeEvent(e,`touchcancel`,this.onDragEnd))},t.prototype._allowMouseEvent=function(){this._preventMouseEvent=!1,clearTimeout(this._preventMouseEventId)},t}(EventEmitter$7);function hash(e){for(var t=5381,n=e.length;n;)t=t*33^e.charCodeAt(--n);return t>>>0}var stringHash=hash;function getHash(e){return stringHash(e).toString(36)}function getShadowRoot$1(e){if(e&&e.getRootNode){var t=e.getRootNode();if(t.nodeType===11)return t}}function replaceStyle(e,t,n){return n.original?t:t.replace(/([^};{\s}][^};{]*|^\s*){/gm,function(t,n){var r=n.trim();return(r?splitComma(r):[``]).map(function(t){var n=t.trim();return n.indexOf(`@`)===0?n:n.indexOf(`:global`)>-1?n.replace(/\:global/g,``):n.indexOf(`:host`)>-1?`${n.replace(/\:host/g,`.${e}`)}`:n?`.${e} ${n}`:`.${e}`}).join(`, `)+` {`})}function injectStyle(e,t,n,r,i){var a=getDocument(r),o=a.createElement(`style`);return o.setAttribute(`type`,`text/css`),o.setAttribute(`data-styled-id`,e),o.setAttribute(`data-styled-count`,`1`),n.nonce&&o.setAttribute(`nonce`,n.nonce),o.innerHTML=replaceStyle(e,t,n),(i||a.head||a.body).appendChild(o),o}function styled$1(e){var t=`rCS`+getHash(e);return{className:t,inject:function(n,r){r===void 0&&(r={});var i=getShadowRoot$1(n),a=(i||n.ownerDocument||document).querySelector(`style[data-styled-id="${t}"]`);if(!a)a=injectStyle(t,e,r,n,i);else{var o=parseFloat(a.getAttribute(`data-styled-count`))||0;a.setAttribute(`data-styled-count`,`${o+1}`)}return{destroy:function(){var e,t=parseFloat(a.getAttribute(`data-styled-count`))||0;t<=1?(a.remove?a.remove():(e=a.parentNode)==null||e.removeChild(a),a=null):a.setAttribute(`data-styled-count`,`${t-1}`)}}}}}var __assign$6=function(){return __assign$6=Object.assign||function(e){for(var t,n=1,r=arguments.length;n=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a}function __values$1(e){var t=typeof Symbol==`function`&&Symbol.iterator,n=t&&e[t],r=0;if(n)return n.call(e);if(e&&typeof e.length==`number`)return{next:function(){return e&&r>=e.length&&(e=void 0),{value:e&&e[r++],done:!e}}};throw TypeError(t?`Object is not iterable.`:`Symbol.iterator is not defined.`)}function __read$1(e,t){var n=typeof Symbol==`function`&&e[Symbol.iterator];if(!n)return e;var r=n.call(e),i,a=[],o;try{for(;(t===void 0||t-- >0)&&!(i=r.next()).done;)a.push(i.value)}catch(e){o={error:e}}finally{try{i&&!i.done&&(n=r.return)&&n.call(r)}finally{if(o)throw o.error}}return a}function __spreadArray$3(e,t,n){if(n||arguments.length===2)for(var r=0,i=t.length,a;r`}function getCursorCSS(e){var t=getSVGCursor(1,e),n=Math.round(e/45)*45%180,r=`ns-resize`;return n===135?r=`nwse-resize`:n===45?r=`nesw-resize`:n===90&&(r=`ew-resize`),`cursor:${r};cursor: url('${t}') 16 16, ${r};`}var agent=agent$1(),IS_WEBKIT=agent.browser.webkit,IS_WEBKIT605=IS_WEBKIT&&(function(){var e=typeof window>`u`?{userAgent:``}:window.navigator,t=/applewebkit\/([^\s]+)/g.exec(e.userAgent.toLowerCase());return t?parseFloat(t[1])<605:!1})(),browserName=agent.browser.name,browserVersion=parseInt(agent.browser.version,10),IS_CHROME=browserName===`chrome`,IS_CHROMIUM=agent.browser.chromium,chromiumVersion=parseInt(agent.browser.chromiumVersion,10)||0,IS_CHROMIUM109=IS_CHROME&&browserVersion>=109||IS_CHROMIUM&&chromiumVersion>=109,IS_FIREFOX=browserName===`firefox`,IS_SAFARI_ABOVE15=parseInt(agent.browser.webkitVersion,10)>=612||browserVersion>=15,PREFIX$1=`moveable-`,directionCSS=DIRECTIONS.map(function(e){var t=``,n=``,r=`center`,i=`center`,a=`calc(var(--moveable-control-padding, 20) * -1px)`;return e.indexOf(`n`)>-1&&(t=`top: ${a};`,i=`bottom`),e.indexOf(`s`)>-1&&(t=`top: 0px;`,i=`top`),e.indexOf(`w`)>-1&&(n=`left: ${a};`,r=`right`),e.indexOf(`e`)>-1&&(n=`left: 0px;`,r=`left`),`.around-control[data-direction*="${e}"] { ${n}${t} transform-origin: ${r} ${i}; }`}).join(` `),MOVEABLE_CSS=` { 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; } ${directionCSS} .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; } ${[0,15,30,45,60,75,90,105,120,135,150,165].map(function(e){return` .direction[data-rotation="${e}"], :global .view-control-rotation${e} { ${getCursorCSS(e)} } `}).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; } ${IS_WEBKIT605?`:global svg *:before { content:""; transform-origin: inherit; }`:``} `,NEARBY_POS=[[0,1,2],[1,0,3],[2,0,3],[3,1,2]],FLOAT_POINT_NUM=1e-4,TINY_NUM=1e-7,MIN_SCALE=1e-9,MAX_NUM=10**10,MIN_NUM=-MAX_NUM,DIRECTION_REGION_TO_DIRECTION={n:[0,-1],e:[1,0],s:[0,1],w:[-1,0],nw:[-1,-1],ne:[1,-1],sw:[-1,1],se:[1,1]},DIRECTION_INDEXES={n:[0,1],e:[1,3],s:[3,2],w:[2,0],nw:[0],ne:[1],sw:[2],se:[3]},DIRECTION_ROTATIONS={n:0,s:180,w:270,e:90,nw:315,ne:45,sw:225,se:135},MOVEABLE_METHODS=[`isMoveableElement`,`updateRect`,`updateTarget`,`destroy`,`dragStart`,`isInside`,`hitTest`,`setState`,`getRect`,`request`,`isDragging`,`getManager`,`forceUpdate`,`waitToChangeTarget`,`updateSelectors`,`getTargets`,`stopDrag`,`getControlBoxElement`,`getMoveables`,`getDragElement`];function setCustomDrag(e,t,n,r,i,a){var o,s;a===void 0&&(a=`draggable`);var c=t.gestos[a]?.move(n,e.inputEvent)??{},l=c.originalDatas||c.datas,u=l[a]||(l[a]={});return __assign$5(__assign$5({},i?convertDragDist(t,c):c),{isPinch:!!r,parentEvent:!0,datas:u,originalDatas:e.originalDatas})}var CustomGesto=function(){function e(e){var t;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=(t={},t[e]={},t)}return e.prototype.dragStart=function(e,t){this.isDrag=!1,this.isFlag=!1;var n=t.originalDatas;return this.datas=n,n[this.ableName]||(n[this.ableName]={}),__assign$5(__assign$5({},this.move(e,t.inputEvent)),{type:`dragstart`})},e.prototype.drag=function(e,t){return this.move([e[0]-this.prevX,e[1]-this.prevY],t)},e.prototype.move=function(e,t){var n,r,i=!1;if(!this.isFlag)this.prevX=e[0],this.prevY=e[1],this.startX=e[0],this.startY=e[1],n=e[0],r=e[1],this.isFlag=!0;else{var a=this.isDrag;n=this.prevX+e[0],r=this.prevY+e[1],(e[0]||e[1])&&(this.isDrag=!0),!a&&this.isDrag&&(i=!0)}return this.prevX=n,this.prevY=r,{type:`drag`,clientX:n,clientY:r,inputEvent:t,isFirstDrag:i,isDrag:this.isDrag,distX:n-this.startX,distY:r-this.startY,deltaX:e[0],deltaY:e[1],datas:this.datas[this.ableName],originalDatas:this.datas,parentEvent:!0,parentGesto:this}},e}();function calculateElementPosition(e,t,n,r){var i=e.length===16?4:3,a=__read$1(calculatePoses(e,n,r,i),4),o=__read$1(a[0],2),s=o[0],c=o[1],l=__read$1(a[1],2),u=l[0],d=l[1],f=__read$1(a[2],2),p=f[0],m=f[1],g=__read$1(a[3],2),_=g[0],v=g[1],y=__read$1(calculatePosition(e,t,i),2),b=y[0],x=y[1],S=Math.min(s,u,p,_),w=Math.min(c,d,m,v),E=Math.max(s,u,p,_),D=Math.max(c,d,m,v);s=s-S||0,u=u-S||0,p=p-S||0,_=_-S||0,c=c-w||0,d=d-w||0,m=m-w||0,v=v-w||0,b=b-S||0,x=x-w||0;var k=e[0],A=e[i+1],N=sign(k*A);return{left:S,top:w,right:E,bottom:D,origin:[b,x],pos1:[s,c],pos2:[u,d],pos3:[p,m],pos4:[_,v],direction:N}}function calculatePointerDist(e,t){var n=t.clientX,r=t.clientY,i=t.datas,a=e.state,o=a.moveableClientRect,s=a.rootMatrix,c=a.is3d,l=a.pos1,u=o.left,d=o.top,f=c?4:3,p=__read$1(minus(calculateInversePosition(s,[n-u,r-d],f),l),2),m=p[0],g=p[1],_=__read$1(getDragDist({datas:i,distX:m,distY:g}),2);return[_[0],_[1]]}function setDragStart(e,t){var n=t.datas,r=e.state,i=r.allMatrix,a=r.beforeMatrix,o=r.is3d,s=r.left,c=r.top,l=r.origin,u=r.offsetMatrix,d=r.targetMatrix,f=r.transformOrigin,p=o?4:3;n.is3d=o,n.matrix=i,n.targetMatrix=d,n.beforeMatrix=a,n.offsetMatrix=u,n.transformOrigin=f,n.inverseMatrix=invert(i,p),n.inverseBeforeMatrix=invert(a,p),n.absoluteOrigin=convertPositionMatrix(plus([s,c],l),p),n.startDragBeforeDist=calculate(n.inverseBeforeMatrix,n.absoluteOrigin,p),n.startDragDist=calculate(n.inverseMatrix,n.absoluteOrigin,p)}function getTransformDirection(e){return calculateElementPosition(e.datas.beforeTransform,[50,50],100,100).direction}function resolveTransformEvent(e,t,n){var r=t.datas,i=t.originalDatas.beforeRenderable,a=r.transformIndex,o=i.nextTransforms,s=o.length,c=i.nextTransformAppendedIndexes,l=-1;a===-1?(n===`translate`?l=0:n===`rotate`&&(l=findIndex(o,function(e){return e.match(/scale\(/g)})),l===-1&&(l=o.length),r.transformIndex=l):l=find$1(c,function(e){return e.index===a&&e.functionName===n})?a:a+c.filter(function(e){return e.indexl&&(r.isAppendTransform=!0,i.nextTransformAppendedIndexes=__spreadArray$3(__spreadArray$3([],__read$1(c),!1),[{functionName:n,index:l,isAppend:!0}],!1))}function convertTransformFormat(e,t,n){return`${e.beforeFunctionTexts.join(` `)} ${e.isAppendTransform?n:t} ${e.afterFunctionTexts.join(` `)}`}function getTransformDist(e){var t=e.datas,n=e.distX,r=e.distY,i=__read$1(getBeforeDragDist({datas:t,distX:n,distY:r}),2),a=i[0],o=i[1];return calculate(getTransfromMatrix(t,fromTranslation([a,o],4)),convertPositionMatrix([0,0,0],4),4)}function getTransfromMatrix(e,t,n){var r=e.beforeTransform,i=e.afterTransform,a=e.beforeTransform2,o=e.afterTransform2,s=e.targetAllTransform,c=n?multiply(s,t,4):multiply(t,s,4);return multiply(multiply(invert(n?a:r,4),c,4),invert(n?o:i,4),4)}function getBeforeDragDist(e){var t=e.datas,n=e.distX,r=e.distY,i=t.inverseBeforeMatrix,a=t.is3d,o=t.startDragBeforeDist,s=t.absoluteOrigin,c=a?4:3;return minus(calculate(i,plus(s,[n,r]),c),o)}function getDragDist(e,t){var n=e.datas,r=e.distX,i=e.distY,a=n.inverseBeforeMatrix,o=n.inverseMatrix,s=n.is3d,c=n.startDragBeforeDist,l=n.startDragDist,u=n.absoluteOrigin,d=s?4:3;return minus(calculate(t?a:o,plus(u,[r,i]),d),t?c:l)}function getInverseDragDist(e,t){var n=e.datas,r=e.distX,i=e.distY,a=n.beforeMatrix,o=n.matrix,s=n.is3d,c=n.startDragBeforeDist,l=n.startDragDist,u=n.absoluteOrigin,d=s?4:3;return minus(calculate(t?a:o,plus(t?c:l,[r,i]),d),u)}function calculateTransformOrigin(e,t,n,r,i,a){return r===void 0&&(r=t),i===void 0&&(i=n),a===void 0&&(a=[0,0]),e?e.map(function(e,o){var s=splitUnit(e),c=s.value,l=s.unit,u=o?i:r,d=o?n:t;return e===`%`||isNaN(c)?d*(u?a[o]/u:0):l===`%`?d*c/100:c}):a}function getPosIndexesByDirection(e){var t=[];return e[1]>=0&&(e[0]>=0&&t.push(3),e[0]<=0&&t.push(2)),e[1]<=0&&(e[0]>=0&&t.push(1),e[0]<=0&&t.push(0)),t}function getPosesByDirection(e,t){return getPosIndexesByDirection(t).map(function(t){return e[t]})}function getPosBySingleDirection(e,t){var n=(t+1)/2;return[dot$1(e[0][0],e[1][0],n,1-n),dot$1(e[0][1],e[1][1],n,1-n)]}function getPosByDirection(e,t){return getPosBySingleDirection([getPosBySingleDirection([e[0],e[1]],t[0]),getPosBySingleDirection([e[2],e[3]],t[0])],t[1])}function getDist(e,t,n,r,i,a){var o=getPosByDirection(calculatePoses(t,n,r,i),a);return[e[0]-o[0],e[1]-o[1]]}function getNextMatrix(e,t,n,r){return multiply(e,getAbsoluteMatrix(t,r,n),r)}function getNextTransformMatrix(e,t,n,r){var i=e.transformOrigin,a=e.offsetMatrix,o=e.is3d?4:3,s;if(isString(n)){var c=t.beforeTransform,l=t.afterTransform;s=convertDimension(r?parseMat(n):multiply(multiply(c,parseMat([n]),4),l,4),4,o)}else s=n;return getNextMatrix(a,s,i,o)}function scaleMatrix(e,t){var n=e.transformOrigin,r=e.offsetMatrix,i=e.is3d,a=e.targetMatrix,o=e.targetAllTransform,s=i?4:3;return getNextMatrix(r,multiply(o||a,createScaleMatrix(t,s),s),n,s)}function fillTransformStartEvent(e,t){var n=getBeforeRenderableDatas(t);return{setTransform:function(r,i){i===void 0&&(i=-1),n.startTransforms=isArray$1(r)?r:splitSpace(r),setTransformIndex(e,t,i)},setTransformIndex:function(n){setTransformIndex(e,t,n)}}}function setDefaultTransformIndex(e,t,n){var r=getBeforeRenderableDatas(t).startTransforms;setTransformIndex(e,t,findIndex(r,function(e){return e.indexOf(`${n}(`)===0}))}function setTransformIndex(e,t,n){var r=getBeforeRenderableDatas(t),i=t.datas;if(i.transformIndex=n,n!==-1){var a=r.startTransforms[n];if(a){var o=e.state;i.startValue=parse([a],{"x%":function(e){return e/100*o.offsetWidth},"y%":function(e){return e/100*o.offsetHeight}})[0].functionValue}}}function fillOriginalTransform(e,t){var n=getBeforeRenderableDatas(e);n.nextTransforms=splitSpace(t)}function getBeforeRenderableDatas(e){return e.originalDatas.beforeRenderable}function getNextTransforms(e){return e.originalDatas.beforeRenderable.nextTransforms}function getNextTransformText(e){return(getNextTransforms(e)||[]).join(` `)}function getNextStyle(e){return getBeforeRenderableDatas(e).nextStyle}function fillTransformEvent(e,t,n,r,i){fillOriginalTransform(i,t);var a=Draggable.drag(e,setCustomDrag(i,e.state,n,r,!1)),o=a?a.transform:t;return __assign$5(__assign$5({transform:t,drag:a},fillCSSObject({transform:o},i)),{afterTransform:o})}function getTranslateFixedPosition(e,t,n,r,i,a){return getDirectionOffset(e,n,r,getNextTransformMatrix(e.state,i,t,a))}function getTranslateDist(e,t,n,r,i,a,o){var s=getTranslateFixedPosition(e,t,n,i,a,o),c=e.state,l=c.left,u=c.top,d=e.props.groupable,f=d?l:0,p=d?u:0;return minus(minus(r,s),[f,p])}function getScaleDist(e,t,n,r,i,a,o){return getTranslateDist(e,t,n,r,i,a,o)}function getDirectionByPos(e,t,n){return[t?-1+e[0]/(t/2):0,n?-1+e[1]/(n/2):0]}function getDirectionOffset(e,t,n,r){r===void 0&&(r=e.state.allMatrix);var i=e.state,a=i.width,o=i.height,s=i.is3d?4:3,c=[a/2*(1+t[0])+n[0],o/2*(1+t[1])+n[1]];return calculatePosition(r,c,s)}function getRotateDist(e,t,n){var r=n.fixedDirection,i=n.fixedPosition,a=n.fixedOffset;return getTranslateDist(e,`rotate(${t}deg)`,r,i,a,n)}function getResizeDist(e,t,n,r,i,a){var o=e.props.groupable,s=e.state,c=s.transformOrigin,l=s.offsetMatrix,u=s.is3d,d=s.width,f=s.height,p=s.left,m=s.top,g=a.fixedDirection,_=a.nextTargetMatrix||s.targetMatrix,v=u?4:3,y=calculateTransformOrigin(i,t,n,d,f,c),b=o?p:0,x=o?m:0;return minus(getDist(r,getNextMatrix(l,_,y,v),t,n,v,g),[b,x])}function getAbsolutePosition(e,t){return getPosByDirection(getAbsolutePosesByState(e.state),t)}function getGestoData(e,t){var n=e.targetGesto,r=e.controlGesto,i;return n?.isFlag()&&(i=n.getEventData()[t]),!i&&r?.isFlag()&&(i=r.getEventData()[t]),i||{}}function getShadowRoot(e){if(e&&e.getRootNode){var t=e.getRootNode();if(t.nodeType===11)return t}}function getIndividualTransforms(e){var t=e(`scale`),n=e(`rotate`),r=e(`translate`),i=[];return r&&r!==`0px`&&r!==`none`&&i.push(`translate(${r.split(/\s+/).join(`,`)})`),n&&n!==`1`&&n!==`none`&&i.push(`rotate(${n})`),t&&t!==`1`&&t!==`none`&&i.push(`scale(${t.split(/\s+/).join(`,`)})`),i}function getMatrixStackInfo(e,t,n){for(var r=e,i=[],a=getDocumentElement(e)||getDocumentBody(e),o=!n&&e===t||e===a,s=o,c=!1,l=3,u,d,f,p=!1,m=getOffsetInfo(t,t,!0).offsetParent,g=1;r&&!s;){s=o;var _=getCachedStyle(r),v=_(`position`),y=getElementTransform(r),b=v===`fixed`,x=getIndividualTransforms(_),S=convertCSStoMatrix(getTransformMatrix(y)),w=void 0,E=!1,D=!1,k=0,A=0,N=0,P=0,F={hasTransform:!1,fixedContainer:null};b&&(p=!0,F=getPositionFixedInfo(r),m=F.fixedContainer);var I=S.length;!c&&(I===16||x.length)&&(c=!0,l=4,convert3DMatrixes(i),f&&(f=convertDimension(f,3,4))),c&&I===9&&(S=convertDimension(S,3,4));var L=getOffsetPosInfo(r,e),ae=L.tagName,ce=L.hasOffset,le=L.isSVG,B=L.origin,V=L.targetOrigin,me=L.offset,W=__read$1(me,2),q=W[0],Oe=W[1];ae===`svg`&&!r.ownerSVGElement&&f&&(i.push({type:`target`,target:r,matrix:getSVGMatrix(r,l)}),i.push({type:`offset`,target:r,matrix:createIdentityMatrix(l)}));var Y=parseFloat(_(`zoom`))||1;if(b)w=F.fixedContainer,E=!0;else{var Z=getOffsetInfo(r,t,!1,!0,_),Be=Z.offsetZoom;if(w=Z.offsetParent,E=Z.isEnd,D=Z.isStatic,g*=Be,(Z.isCustomElement||Be!==1)&&D)q-=w.offsetLeft,Oe-=w.offsetTop;else if((IS_FIREFOX||IS_CHROMIUM109)&&Z.parentSlotElement){for(var Ue=w,et=0,tt=0;Ue&&getShadowRoot(Ue);)et+=Ue.offsetLeft,tt+=Ue.offsetTop,Ue=Ue.offsetParent;q-=et,Oe-=tt}}if(IS_WEBKIT&&!IS_SAFARI_ABOVE15&&ce&&!le&&D&&(v===`relative`||v===`static`)&&(q-=w.offsetLeft,Oe-=w.offsetTop,o=o||E),b)ce&&F.hasTransform&&(N=w.clientLeft,P=w.clientTop);else if(ce&&m!==w&&(k=w.clientLeft,A=w.clientTop),ce&&w===a){var nt=getBodyOffset(r,!1);q+=nt[0],Oe+=nt[1]}if(i.push({type:`target`,target:r,matrix:getAbsoluteMatrix(S,l,B)}),x.length&&(i.push({type:`offset`,target:r,matrix:createIdentityMatrix(l)}),i.push({type:`target`,target:r,matrix:getAbsoluteMatrix(parseMat(x),l,B)})),ce){var rt=r===e,at=rt?0:r.scrollLeft,st=rt?0:r.scrollTop;i.push({type:`offset`,target:r,matrix:createOriginMatrix([q-at+k-N,Oe-st+A-P],l)})}else i.push({type:`offset`,target:r,origin:B});if(Y!==1&&i.push({type:`zoom`,target:r,matrix:getAbsoluteMatrix(createScaleMatrix([Y,Y],l),l,[0,0])}),f||(f=S),u||(u=B),d||(d=V),s||b)break;r=w,o=E,(!n||r===a)&&(s=o)}return f||(f=createIdentityMatrix(l)),u||(u=[0,0]),d||(d=[0,0]),{zoom:g,offsetContainer:m,matrixes:i,targetMatrix:f,transformOrigin:u,targetOrigin:d,is3d:c,hasFixed:p}}var cacheStyleMap=null,clientRectStyleMap=null,matrixContainerInfos=null;function setStoreCache(e){e?(window.Map&&(cacheStyleMap=new Map,clientRectStyleMap=new Map),matrixContainerInfos=[]):(cacheStyleMap=null,matrixContainerInfos=null,clientRectStyleMap=null)}function getCachedClientRect(e){var t=clientRectStyleMap?.get(e);if(t)return t;var n=getClientRect(e,!0);return clientRectStyleMap&&clientRectStyleMap.set(e,n),n}function getCachedMatrixContainerInfo(e,t){if(matrixContainerInfos){var n=find$1(matrixContainerInfos,function(n){return n[0][0]==e&&n[0][1]==t});if(n)return n[1]}var r=getMatrixStackInfo(e,t,!0);return matrixContainerInfos&&matrixContainerInfos.push([[e,t],r]),r}function getCachedStyle(e){var t=cacheStyleMap?.get(e);if(!t){var n=getWindow(e).getComputedStyle(e);if(!cacheStyleMap)return function(e){return n[e]};t={style:n,cached:{}},cacheStyleMap.set(e,t)}var r=t.cached,i=t.style;return function(e){return e in r||(r[e]=i[e]),r[e]}}function fillChildEvents(e,t,n){var r=n.originalDatas;r.groupable=r.groupable||{};var i=r.groupable;i.childDatas=i.childDatas||[];var a=i.childDatas;return e.moveables.map(function(e,r){return a[r]=a[r]||{},a[r][t]=a[r][t]||{},__assign$5(__assign$5({},n),{isRequestChild:!0,datas:a[r][t],originalDatas:a[r]})})}function triggerChildGesto(e,t,n,r,i,a,o){var s=!!n.match(/Start$/g),c=!!n.match(/End$/g),l=i.isPinch,u=i.datas,d=fillChildEvents(e,t.name,i),f=e.moveables,p=[],m=d.map(function(e,i){var d=f[i],m=d.state,g=m.gestos,_=e;if(s)_=new CustomGesto(o).dragStart(r,e),p.push(_);else{if(g[o]||(g[o]=u.childGestos[i]),!g[o])return;_=setCustomDrag(e,m,r,l,a,o),p.push(_)}var v=t[n](d,__assign$5(__assign$5({},_),{parentFlag:!0}));return c&&(g[o]=null),v});return s&&(u.childGestos=f.map(function(e){return e.state.gestos[o]})),{eventParams:m,childEvents:p}}function triggerChildAbles(e,t,n,r,i,a){i===void 0&&(i=function(e,t){return t});var o=!!n.match(/End$/g),s=fillChildEvents(e,t.name,r),c=e.moveables;return s.map(function(e,r){var s=c[r],l=e;l=i(s,e);var u=t[n](s,__assign$5(__assign$5({},l),{parentFlag:!0}));return u&&a&&a(s,e,u,r),o&&(s.state.gestos={}),u})}function startChildDist(e,t,n,r){var i=n.fixedDirection,a=n.fixedPosition,o=getPosByDirection(r.datas.startPositions||getAbsolutePosesByState(t.state),i),s=__read$1(calculate(createRotateMatrix(-e.rotation/180*Math.PI,3),[o[0]-a[0],o[1]-a[1],1],3),2),c=s[0],l=s[1];return r.datas.originalX=c,r.datas.originalY=l,r}function renderDirectionControlsByInfos(e,t,n,r){var i=e.getState(),a=i.renderPoses,o=i.rotation,s=i.direction,c=getProps(e.props,t).zoom,l=absDegree(o/Math.PI*180),u={},d=e.renderState;d.renderDirectionMap||(d.renderDirectionMap={});var f=d.renderDirectionMap;n.forEach(function(e){var t=e.dir;u[t]=!0});var p=sign(s);return n.map(function(e){var n=e.data,i=e.classNames,s=e.dir,d=DIRECTION_INDEXES[s];if(!d||!u[s])return null;f[s]=!0;var m=(throttle(l,15)+p*DIRECTION_ROTATIONS[s]+720)%180,g={};return getKeys(n).forEach(function(e){g[`data-${e}`]=n[e]}),r.createElement(`div`,__assign$5({className:prefix$1.apply(void 0,__spreadArray$3([`control`,`direction`,s,t],__read$1(i),!1)),"data-rotation":m,"data-direction":s},g,{key:`direction-${s}`,style:getControlTransform.apply(void 0,__spreadArray$3([o,c],__read$1(d.map(function(e){return a[e]})),!1))}))})}function renderDirectionControls(e,t,n,r){var i=getProps(e.props,n),a=i.renderDirections,o=a===void 0?t:a,s=i.displayAroundControls;if(!o)return[];var c=o===!0?DIRECTIONS:o;return __spreadArray$3(__spreadArray$3([],__read$1(s?renderAroundControls(e,r,n,c):[]),!1),__read$1(renderDirectionControlsByInfos(e,n,c.map(function(e){return{data:{},classNames:[],dir:e}}),r)),!1)}function renderLine(e,t,n,r,i,a){var o=[...arguments].slice(6),s=getRad$1(n,r),c=t?throttle(s/Math.PI*180,15)%180:-1;return e.createElement(`div`,{key:`line-${a}`,className:prefix$1.apply(void 0,__spreadArray$3([`line`,`direction`,t?`edge`:``,t],__read$1(o),!1)),"data-rotation":c,"data-line-key":a,"data-direction":t,style:getLineStyle(n,r,i,s)})}function renderEdgeLines(e,t,n,r,i){return(n===!0?DIRECTIONS4:n).map(function(n,a){var o=__read$1(DIRECTION_INDEXES[n],2),s=o[0],c=o[1];if(c!=null)return renderLine(e,n,r[s],r[c],i,`${t}Edge${a}`,t)}).filter(Boolean)}function getRenderDirections(e){return function(t,n){var r=getProps(t.props,e).edge;return r&&(r===!0||r.length)?__spreadArray$3(__spreadArray$3([],__read$1(renderEdgeLines(n,e,r,t.getState().renderPoses,t.props.zoom)),!1),__read$1(renderDiagonalDirections(t,e,n)),!1):renderAllDirections(t,e,n)}}function renderAllDirections(e,t,n){return renderDirectionControls(e,DIRECTIONS,t,n)}function renderDiagonalDirections(e,t,n){return renderDirectionControls(e,[`nw`,`ne`,`sw`,`se`],t,n)}function renderAroundControls(e,t,n,r){var i=e.renderState;i.renderDirectionMap||(i.renderDirectionMap={});var a=e.getState(),o=a.renderPoses,s=a.rotation,c=a.direction,l=i.renderDirectionMap,u=e.props.zoom,d=sign(c),f=s/Math.PI*180;return(r||getKeys(l)).map(function(e){var r=DIRECTION_INDEXES[e];if(!r)return null;var i=(throttle(f,15)+d*DIRECTION_ROTATIONS[e]+720)%180,a=[`around-control`];return n&&a.push(`direction`,n),t.createElement(`div`,{className:prefix$1.apply(void 0,__spreadArray$3([],__read$1(a),!1)),"data-rotation":i,"data-direction":e,key:`direction-around-${e}`,style:getControlTransform.apply(void 0,__spreadArray$3([s,u],__read$1(r.map(function(e){return o[e]})),!1))})})}function checkBoundPoses(e,t,n){var r=e||{},i=r.position,a=i===void 0?`client`:i,o=r.left,s=o===void 0?-1/0:o,c=r.top,l=c===void 0?-1/0:c,u=r.right,d=u===void 0?1/0:u,f=r.bottom,p={position:a,left:s,top:l,right:d,bottom:f===void 0?1/0:f};return{vertical:checkBounds(p,t,!0),horizontal:checkBounds(p,n,!1)}}function getBounds(e,t){var n=e.state,r=n.containerClientRect,i=r.clientHeight,a=r.clientWidth,o=r.clientLeft,s=r.clientTop,c=n.snapOffset,l=c.left,u=c.top,d=c.right,f=c.bottom,p=t||e.props.bounds||{},m=(p.position||`client`)===`css`,g=p.left,_=g===void 0?-1/0:g,v=p.top,y=v===void 0?-1/0:v,b=p.right,x=b===void 0?m?-1/0:1/0:b,S=p.bottom,w=S===void 0?m?-1/0:1/0:S;return m&&(x=a+d-l-x,w=i+f-u-w),{left:_+l-o,right:x+l-o,top:y+u-s,bottom:w+u-s}}function checkBoundKeepRatio(e,t,n){var r=getBounds(e),i=r.left,a=r.top,o=r.right,s=r.bottom,c=__read$1(n,2),l=c[0],u=c[1],d=__read$1(minus(n,t),2),f=d[0],p=d[1];abs(f)0,g=f>0,_={isBound:!1,offset:0,pos:0},v={isBound:!1,offset:0,pos:0};if(f===0&&p===0)return{vertical:_,horizontal:v};if(f===0)m?su&&(v.pos=a,v.offset=u-a);else if(p===0)g?ol&&(_.pos=i,_.offset=l-i);else{var y=p/f,b=n[1]-y*l,x=0,S=0,w=!1;g&&o<=l?(x=y*o+b,S=o,w=!0):!g&&l<=i&&(x=y*i+b,S=i,w=!0),w&&(xs)&&(w=!1),w||(m&&s<=u?(x=s,S=(x-b)/y,w=!0):!m&&u<=a&&(x=a,S=(x-b)/y,w=!0)),w&&(_.isBound=!0,_.pos=S,_.offset=l-S,v.isBound=!0,v.pos=x,v.offset=u-x)}return{vertical:_,horizontal:v}}function checkBounds(e,t,n){var r=e[n?`left`:`top`],i=e[n?`right`:`bottom`],a=Math.min.apply(Math,__spreadArray$3([],__read$1(t),!1)),o=Math.max.apply(Math,__spreadArray$3([],__read$1(t),!1)),s=[];return r+1>a&&s.push({direction:`start`,isBound:!0,offset:a-r,pos:r}),i-1.1||e[0]>t.right&&abs(e[0]-t.right)>.1||e[1].1||e[1]>t.bottom&&abs(e[1]-t.bottom)>.1})}function boundRotate(e,t,n){var r=getDistSize(e),i=Math.sqrt(r*r-t*t)||0;return[i,-i].sort(function(t,r){return abs(t-e[+!n])-abs(r-e[+!n])}).map(function(e){return getRad$1([0,0],n?[e,t]:[t,e])})}function checkRotateBounds(e,t,n,r,i){if(!e.props.bounds)return[];var a=i*Math.PI/180,o=getBounds(e),s=o.left,c=o.top,l=o.right,u=o.bottom,d=s-r[0],f=l-r[0],p=c-r[1],m=u-r[1],g={left:d,top:p,right:f,bottom:m};if(!isBoundRotate$1(n,g,0))return[];var _=[];return[[d,0],[f,0],[p,1],[m,1]].forEach(function(e){var r=__read$1(e,2),i=r[0],o=r[1];n.forEach(function(e){var n=getRad$1([0,0],e);_.push.apply(_,__spreadArray$3([],__read$1(boundRotate(e,i,o).map(function(e){return a+e-n}).filter(function(e){return!isBoundRotate$1(t,g,e)}).map(function(e){return throttle(e*180/Math.PI,TINY_NUM)})),!1))})}),_}var VERTICAL_NAMES=[`left`,`right`,`center`],HORIZONTAL_NAMES=[`top`,`bottom`,`middle`],SNAP_SKIP_NAMES_MAP={left:`start`,right:`end`,center:`center`,top:`start`,bottom:`end`,middle:`center`},VERTICAL_NAMES_MAP={start:`left`,end:`right`,center:`center`},HORIZONTAL_NAMES_MAP={start:`top`,end:`bottom`,center:`middle`};function getInitialBounds(){return{left:!1,top:!1,right:!1,bottom:!1}}function hasGuidelines(e,t){var n=e.props,r=n.snappable,i=n.bounds,a=n.innerBounds,o=n.verticalGuidelines,s=n.horizontalGuidelines,c=n.snapGridWidth,l=n.snapGridHeight,u=e.state,d=u.guidelines,f=u.enableSnap;return!r||!f||t&&r!==!0&&r.indexOf(t)<0?!1:!!(c||l||i||a||d&&d.length||o&&o.length||s&&s.length)}function getSnapDirections(e){return e===!1?{}:e===!0||!e?{left:!0,right:!0,top:!0,bottom:!0}:e}function mapSnapDirectionPoses(e,t){var n=getSnapDirections(e),r={};for(var i in n)i in t&&n[i]&&(r[i]=t[i]);return r}function splitSnapDirectionPoses(e,t){var n=mapSnapDirectionPoses(e,t),r=HORIZONTAL_NAMES.filter(function(e){return e in n}),i=VERTICAL_NAMES.filter(function(e){return e in n});return{horizontalNames:r,verticalNames:i,horizontal:r.map(function(e){return n[e]}),vertical:i.map(function(e){return n[e]})}}function calculateContainerPos(e,t,n){var r=calculatePosition(e,[t.clientLeft,t.clientTop],n);return[t.left+r[0],t.top+r[1]]}function solveLineConstants(e){var t=__read$1(e,2),n=t[0],r=t[1],i=r[0]-n[0],a=r[1]-n[1];Math.abs(i)<1e-7&&(i=0),Math.abs(a)<1e-7&&(a=0);var o=0,s=0,c=0;return i?a?(o=-a/i,s=1,c=o*n[0]-n[1]):(s=1,c=-n[1]):(o=-1,c=n[0]),[o,s,c].map(function(e){return throttle(e,TINY_NUM$1)})}var NAME_snapRotationThreshold=`snapRotationThreshold`,NAME_snapRotationDegrees=`snapRotationDegrees`,NAME_snapHorizontalThreshold=`snapHorizontalThreshold`,NAME_snapVerticalThreshold=`snapVerticalThreshold`;function checkMoveableSnapPoses(e,t,n,r,i,a,o){var s;r===void 0&&(r=[]),i===void 0&&(i=[]);var c=e.props,l=e.state.snapThresholdInfo?.multiples||[1,1],u=selectValue(o,c[NAME_snapHorizontalThreshold],5),d=selectValue(a,c[NAME_snapVerticalThreshold],5);return checkSnapPoses(e.state.guidelines,t,n,r,i,u,d,l)}function checkSnapPoses(e,t,n,r,i,a,o,s){return{vertical:checkSnap(e,`vertical`,t,o*s[0],r),horizontal:checkSnap(e,`horizontal`,n,a*s[1],i)}}function checkSnapKeepRatio(e,t,n){var r=__read$1(n,2),i=r[0],a=r[1],o=__read$1(t,2),s=o[0],c=o[1],l=__read$1(minus(n,t),2),u=l[0],d=l[1],f=d>0,p=u>0;u=getTinyDist(u),d=getTinyDist(d);var m={isSnap:!1,offset:0,pos:0},g={isSnap:!1,offset:0,pos:0};if(u===0&&d===0)return{vertical:m,horizontal:g};var _=checkMoveableSnapPoses(e,u?[i]:[],d?[a]:[],[],[],void 0,void 0),v=_.vertical,y=_.horizontal;v.posInfos.filter(function(e){var t=e.pos;return p?t>=s:t<=s}),y.posInfos.filter(function(e){var t=e.pos;return f?t>=c:t<=c}),v.isSnap=v.posInfos.length>0,y.isSnap=y.posInfos.length>0;var b=getNearestSnapGuidelineInfo(v),x=b.isSnap,S=b.guideline,w=getNearestSnapGuidelineInfo(y),E=w.isSnap,D=w.guideline,k=E?D.pos[1]:0,A=x?S.pos[0]:0;if(u===0)E&&(g.isSnap=!0,g.pos=D.pos[1],g.offset=a-g.pos);else if(d===0)x&&(m.isSnap=!0,m.pos=A,m.offset=i-A);else{var N=d/u,P=n[1]-N*i,F=0,I=0,L=!1;x?(I=A,F=N*I+P,L=!0):E&&(F=k,I=(F-P)/N,L=!0),L&&(m.isSnap=!0,m.pos=I,m.offset=i-I,g.isSnap=!0,g.pos=F,g.offset=a-F)}return{vertical:m,horizontal:g}}function getStringDirection(e){var t=``;return e===-1||e===`top`||e===`left`?t=`start`:e===0||e===`center`||e===`middle`?t=`center`:(e===1||e===`right`||e===`bottom`)&&(t=`end`),t}function checkSnaps(e,t,n,r){var i=splitSnapDirectionPoses(e.props.snapDirections,t),a=checkMoveableSnapPoses(e,i.vertical,i.horizontal,i.verticalNames.map(function(e){return getStringDirection(e)}),i.horizontalNames.map(function(e){return getStringDirection(e)}),n,r),o=getStringDirection(i.horizontalNames[a.horizontal.index]),s=getStringDirection(i.verticalNames[a.vertical.index]);return{vertical:__assign$5(__assign$5({},a.vertical),{direction:s}),horizontal:__assign$5(__assign$5({},a.horizontal),{direction:o})}}function getNearestSnapGuidelineInfo(e){var t=e.isSnap;if(!t)return{isSnap:!1,offset:0,dist:-1,pos:0,guideline:null};var n=e.posInfos[0],r=n.guidelineInfos[0],i=r.offset,a=r.dist,o=r.guideline;return{isSnap:t,offset:i,dist:a,pos:n.pos,guideline:o}}function checkSnap(e,t,n,r,i){var a,o;if(i===void 0&&(i=[]),!e||!e.length)return{isSnap:!1,index:-1,direction:``,posInfos:[]};var s=t===`vertical`?0:1,c=n.map(function(n,a){var o=i[a]||``;return{pos:n,index:a,guidelineInfos:e.map(function(e){var t=n-e.pos[s];return{offset:t,dist:abs(t),guideline:e,direction:o}}).filter(function(e){var n=e.guideline,i=e.dist;return!(n.type!==t||i>r)}).sort(function(e,t){return e.dist-t.dist}),direction:o}}).filter(function(e){return e.guidelineInfos.length>0}).sort(function(e,t){return e.guidelineInfos[0].dist-t.guidelineInfos[0].dist}),l=c.length>0;return{isSnap:l,index:l?c[0].index:-1,direction:c[0]?.direction??``,posInfos:c}}function getSnapInfosByDirection(e,t,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(e,t,n){var r=n[t+1]||n[0];a.push(e),a.push([(e[0]+r[0])/2,(e[1]+r[1])/2])}):e.props.keepRatio?a.push([-1,-1],[-1,1],[1,-1],[1,1],n):(a.push.apply(a,__spreadArray$3([],__read$1(getPosesByDirection([[-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(e){return getPosByDirection(t,e)}),s=checkMoveableSnapPoses(e,o.map(function(e){return e[0]}),o.map(function(e){return e[1]}),a.map(function(e){return getStringDirection(e[0])}),a.map(function(e){return getStringDirection(e[1])}),r,i),c=getStringDirection(a.map(function(e){return e[0]})[s.vertical.index]),l=getStringDirection(a.map(function(e){return e[1]})[s.horizontal.index]);return{vertical:__assign$5(__assign$5({},s.vertical),{direction:c}),horizontal:__assign$5(__assign$5({},s.horizontal),{direction:l})}}function checkSnapBoundPriority(e,t){var n=abs(e.offset),r=abs(t.offset);return e.isBound&&t.isBound?r-n:e.isBound?-1:t.isBound?1:e.isSnap&&t.isSnap?r-n:e.isSnap?-1:t.isSnap||no||c>o,u=__read$1(getDragDist({datas:i,distX:a[0],distY:a[1]}),2);return{offset:[u[0],u[1]],isOutside:l}}function getSnapBound(e,t){return e.isBound?e.offset:t.isSnap?getNearestSnapGuidelineInfo(t).offset:0}function checkThrottleDragRotate(e,t,n,r,i){var a=__read$1(t,2),o=a[0],s=a[1],c=__read$1(n,2),l=c[0],u=c[1],d=__read$1(r,2),f=d[0],p=d[1],m=__read$1(i,2),g=m[0],_=m[1],v=-g,y=-_;if(e&&o&&s){v=0,y=0;var b=[];if(l&&u?b.push([0,_],[g,0]):l?b.push([g,0]):u?b.push([0,_]):f&&p?b.push([0,_],[g,0]):f?b.push([g,0]):p&&b.push([0,_]),b.length){b.sort(function(e,t){return getDistSize(minus([o,s],e))-getDistSize(minus([o,s],t))});var x=b[0];if(x[0]&&abs(o)>1e-7)v=-x[0],y=s*abs(o+v)/abs(o)-s;else if(x[1]&&abs(s)>1e-7){var S=s;y=-x[1],v=o*abs(s+y)/abs(S)-o}if(e&&u&&l)if(abs(v)>1e-7&&abs(v)1e-7&&abs(y)177,g=p>87&&p<93;return f0&&(d||f)){var A=v.startDragRotate||0,N=throttle(A+getRad$1([0,0],[d,f])*180/Math.PI,x)-A,P=f*Math.abs(Math.cos((N-90)/180*Math.PI)),F=getDistSize([d*Math.abs(Math.cos(N/180*Math.PI)),P]);S=N*Math.PI/180,d=F*Math.cos(S),f=F*Math.sin(S)}if(!a&&!r&&!i){var I=__read$1(checkSnapBoundsDrag(e,d,f,x,!s&&c||o,n),2),L=I[0],ae=I[1];w=L.isSnap,E=L.isBound,D=ae.isSnap,k=ae.isBound;var ce=L.offset,le=ae.offset;d+=ce,f+=le}var B=plus(getBeforeDragDist({datas:n,distX:d,distY:f}),_),V=plus(getTransformDist({datas:n,distX:d,distY:f}),_);throttleArray(V,TINY_NUM),throttleArray(B,TINY_NUM),x||(!w&&!E&&(V[0]=throttle(V[0],b),B[0]=throttle(B[0],b)),!D&&!k&&(V[1]=throttle(V[1],b),B[1]=throttle(B[1],b)));var me=minus(B,_),W=minus(V,_),q=minus(W,m),Oe=minus(me,g);n.prevDist=W,n.prevBeforeDist=me,n.passDelta=q,n.passDist=W;var Y=n.left+me[0],Z=n.top+me[1],Be=n.right-me[0],Ue=n.bottom-me[1],et=convertTransformFormat(n,`translate(${V[0]}px, ${V[1]}px)`,`translate(${W[0]}px, ${W[1]}px)`);if(fillOriginalTransform(t,et),e.state.dragInfo.dist=r?[0,0]:W,!(!r&&!y&&q.every(function(e){return!e})&&Oe.some(function(e){return!e}))){var tt=e.state,nt=tt.width,rt=tt.height,at=fillParams(e,t,__assign$5({transform:et,dist:W,delta:q,translate:V,beforeDist:me,beforeDelta:Oe,beforeTranslate:B,left:Y,top:Z,right:Be,bottom:Ue,width:nt,height:rt,isPinch:a},fillCSSObject({transform:et},t)));return!r&&triggerEvent(e,`onDrag`,at),at}}}},dragAfter:function(e,t){var n=t.datas,r=n.deltaOffset;return r[0]||r[1]?(n.deltaOffset=[0,0],this.drag(e,__assign$5(__assign$5({},t),{deltaOffset:r}))):!1},dragEnd:function(e,t){var n=t.parentEvent,r=t.datas;if(e.state.dragInfo=null,r.isDrag){r.isDrag=!1;var i=fillEndParams(e,t,{});return!n&&triggerEvent(e,`onDragEnd`,i),i}},dragGroupStart:function(e,t){var n,r,i=t.datas,a=t.clientX,o=t.clientY,s=this.dragStart(e,t);if(!s)return!1;var c=triggerChildGesto(e,this,`dragStart`,[a||0,o||0],t,!1,`draggable`),l=c.childEvents,u=c.eventParams;i.isDrag=triggerEvent(e,`onDragGroupStart`,__assign$5(__assign$5({},s),{targets:e.props.targets,events:u}))!==!1;var d=l[0]?.datas.startValue??[0,0];return i.throttleOffset=[d[0]%1,d[1]%1],i.isDrag?s:!1},dragGroup:function(e,t){if(t.datas.isDrag){var n=this.drag(e,__assign$5(__assign$5({},t),{parentThrottleDrag:e.props.throttleDrag})),r=t.datas.passDelta,i=triggerChildGesto(e,this,`drag`,r,t,!1,`draggable`).eventParams;if(n){var a=__assign$5({targets:e.props.targets,events:i},n);return triggerEvent(e,`onDragGroup`,a),a}}},dragGroupEnd:function(e,t){var n=t.isDrag;if(t.datas.isDrag){this.dragEnd(e,t);var r=triggerChildGesto(e,this,`dragEnd`,[0,0],t,!1,`draggable`).eventParams;return triggerEvent(e,`onDragGroupEnd`,fillEndParams(e,t,{targets:e.props.targets,events:r})),n}},request:function(e){var t={},n=e.getRect(),r=0,i=0,a=!1;return{isControl:!1,requestStart:function(e){return a=e.useSnap,{datas:t,useSnap:a}},request:function(e){return`x`in e?r=e.x-n.left:`deltaX`in e&&(r+=e.deltaX),`y`in e?i=e.y-n.top:`deltaY`in e&&(i+=e.deltaY),{datas:t,distX:r,distY:i,useSnap:a}},requestEnd:function(){return{datas:t,isDrag:!0,useSnap:a}}}},unset:function(e){e.state.gestos.draggable=null,e.state.dragInfo=null}};function getFixedDirectionInfo(e,t){return{fixedPosition:getPosByDirection(e,t),fixedDirection:t,fixedOffset:[0,0]}}function getOffsetFixedDirectionInfo(e,t){var n=e.allMatrix,r=e.is3d,i=e.width,a=e.height,o=r?4:3;return{fixedPosition:calculatePosition(n,[i/2*(1+t[0]),a/2*(1+t[1])],o),fixedDirection:t,fixedOffset:[0,0]}}function getOffsetFixedPositionInfo(e,t){var n=e.allMatrix,r=e.is3d,i=e.width,a=e.height,o=r?4:3,s=getDirectionByPos(t,i,a);return{fixedPosition:calculatePosition(n,t,o),fixedDirection:s,fixedOffset:[i?0:t[0],a?0:t[1]]}}var directionCondition$2=getDirectionCondition(`resizable`),Resizable={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:getRenderDirections(`resizable`),dragControlCondition:directionCondition$2,viewClassName:getDirectionViewClassName(`resizable`),dragControlStart:function(e,t){var n,r=t.inputEvent,i=t.isPinch,a=t.isGroup,o=t.parentDirection,s=t.parentGesto,c=t.datas,l=t.parentFixedDirection,u=t.parentEvent,d=getTotalDirection(o,i,r,c),f=e.state,p=f.target,m=f.width,g=f.height,_=f.gestos;if(!d||!p||_.resizable)return!1;_.resizable=s||e.controlGesto,!i&&setDragStart(e,t),c.datas={},c.direction=d,c.startOffsetWidth=m,c.startOffsetHeight=g,c.prevWidth=0,c.prevHeight=0,c.minSize=[0,0],c.startWidth=f.inlineCSSWidth||f.cssWidth,c.startHeight=f.inlineCSSHeight||f.cssHeight,c.maxSize=[1/0,1/0],a||(c.minSize=[f.minOffsetWidth,f.minOffsetHeight],c.maxSize=[f.maxOffsetWidth,f.maxOffsetHeight]);var v=e.props.transformOrigin||`% %`;c.transformOrigin=v&&isString(v)?v.split(` `):v,c.startOffsetMatrix=f.offsetMatrix,c.startTransformOrigin=f.transformOrigin,c.isWidth=t?.parentIsWidth??(!d[0]&&!d[1]||d[0]||!d[1]);function y(e){c.ratio=e&&isFinite(e)?e:0}c.startPositions=getAbsolutePosesByState(e.state);function b(e){var t=getFixedDirectionInfo(c.startPositions,e);c.fixedDirection=t.fixedDirection,c.fixedPosition=t.fixedPosition,c.fixedOffset=t.fixedOffset}function x(t){var n=getOffsetFixedPositionInfo(e.state,t);c.fixedDirection=n.fixedDirection,c.fixedPosition=n.fixedPosition,c.fixedOffset=n.fixedOffset}function S(e){c.minSize=[convertUnitSize(`${e[0]}`,0)||0,convertUnitSize(`${e[1]}`,0)||0]}function w(e){var t=[e[0]||1/0,e[1]||1/0];(!isNumber(t[0])||isFinite(t[0]))&&(t[0]=convertUnitSize(`${t[0]}`,0)||1/0),(!isNumber(t[1])||isFinite(t[1]))&&(t[1]=convertUnitSize(`${t[1]}`,0)||1/0),c.maxSize=t}y(m/g),b(l||[-d[0],-d[1]]),c.setFixedDirection=b,c.setFixedPosition=x,c.setMin=S,c.setMax=w;var E=fillParams(e,t,{direction:d,startRatio:c.ratio,set:function(e){var t=__read$1(e,2),n=t[0],r=t[1];c.startWidth=n,c.startHeight=r},setMin:S,setMax:w,setRatio:y,setFixedDirection:b,setFixedPosition:x,setOrigin:function(e){c.transformOrigin=e},dragStart:Draggable.dragStart(e,new CustomGesto().dragStart([0,0],t))}),D=u||triggerEvent(e,`onResizeStart`,E);return c.startFixedDirection=c.fixedDirection,c.startFixedPosition=c.fixedPosition,D!==!1&&(c.isResize=!0,e.state.snapRenderInfo={request:t.isRequest,direction:d}),c.isResize?E:!1},dragControl:function(e,t){var n,r=t.datas,i=t.parentFlag,a=t.isPinch,o=t.parentKeepRatio,s=t.dragClient,c=t.parentDist,l=t.useSnap,u=t.isRequest,d=t.isGroup,f=t.parentEvent,p=t.resolveMatrix,m=r.isResize,g=r.transformOrigin,_=r.startWidth,v=r.startHeight,y=r.prevWidth,b=r.prevHeight,x=r.minSize,S=r.maxSize,w=r.ratio,E=r.startOffsetWidth,D=r.startOffsetHeight,k=r.isWidth;if(!m)return;if(p){var A=e.state.is3d,N=r.startOffsetMatrix,P=r.startTransformOrigin,F=A?4:3,I=parseMat(getNextTransforms(t)),L=Math.sqrt(I.length);F!==L&&(I=convertDimension(I,L,F));var ae=getNextMatrix(N,I,P,F);r.startPositions=calculatePoses(ae,E,D,F),r.nextTargetMatrix=I,r.nextAllMatrix=ae}var ce=getProps(e.props,`resizable`),le=ce.resizeFormat,B=ce.throttleResize,V=B===void 0?+!i:B,me=ce.parentMoveable,W=ce.keepRatioFinally,q=r.direction,Oe=q,Y=0,Z=0;!q[0]&&!q[1]&&(Oe=[1,1]);var Be=w&&(o??ce.keepRatio)||!1;function Ue(){var e=r.fixedDirection,n=getOffsetSizeDist(Oe,Be,r,t);Y=n.distWidth,Z=n.distHeight;var i=Oe[0]-e[0]||Be?Math.max(E+Y,TINY_NUM):E,a=Oe[1]-e[1]||Be?Math.max(D+Z,TINY_NUM):D;return Be&&E&&D&&(k?a=i/w:i=a*w),[i,a]}var et=__read$1(Ue(),2),tt=et[0],nt=et[1];f||(r.setFixedDirection(r.fixedDirection),triggerEvent(e,`onBeforeResize`,fillParams(e,t,{startFixedDirection:r.startFixedDirection,startFixedPosition:r.startFixedPosition,setFixedDirection:function(e){var t;return r.setFixedDirection(e),t=__read$1(Ue(),2),tt=t[0],nt=t[1],[tt,nt]},setFixedPosition:function(e){var t;return r.setFixedPosition(e),t=__read$1(Ue(),2),tt=t[0],nt=t[1],[tt,nt]},boundingWidth:tt,boundingHeight:nt,setSize:function(e){var t=__read$1(e,2);tt=t[0],nt=t[1]}},!0)));var rt=s;s||(rt=!i&&a?getAbsolutePosition(e,[0,0]):r.fixedPosition);var at=[0,0];a||(at=checkSnapResize(e,tt,nt,q,rt,!l&&u,r)),c&&(!c[0]&&(at[0]=0),!c[1]&&(at[1]=0));function st(){var e;le&&(e=__read$1(le([tt,nt]),2),tt=e[0],nt=e[1]),tt=throttle(tt,V),nt=throttle(nt,V)}if(Be){Oe[0]&&Oe[1]&&at[0]&&at[1]&&(abs(at[0])>abs(at[1])?at[1]=0:at[0]=0);var ct=!at[0]&&!at[1];ct&&st(),Oe[0]&&!Oe[1]||at[0]&&!at[1]||ct&&k?(tt+=at[0],nt=tt/w):(!Oe[0]&&Oe[1]||!at[0]&&at[1]||ct&&!k)&&(nt+=at[1],tt=nt*w)}else tt+=at[0],nt+=at[1],tt=Math.max(0,tt),nt=Math.max(0,nt);n=__read$1(calculateBoundSize([tt,nt],x,S,Be?w:!1),2),tt=n[0],nt=n[1],st(),Be&&(d||W)&&(k?nt=tt/w:tt=nt*w),Y=tt-E,Z=nt-D;var lt=[Y-y,Z-b];r.prevWidth=Y,r.prevHeight=Z;var dt=getResizeDist(e,tt,nt,rt,g,r);if(!(!me&<.every(function(e){return!e})&&dt.every(function(e){return!e}))){var ft=Draggable.drag(e,setCustomDrag(t,e.state,dt,!!a,!1,`draggable`)),bt=ft.transform,Dt=_+Y,Ot=v+Z,Ft=fillParams(e,t,__assign$5({width:Dt,height:Ot,offsetWidth:Math.round(tt),offsetHeight:Math.round(nt),startRatio:w,boundingWidth:tt,boundingHeight:nt,direction:q,dist:[Y,Z],delta:lt,isPinch:!!a,drag:ft},fillAfterTransform({style:{width:`${Dt}px`,height:`${Ot}px`},transform:bt},ft,t)));return!f&&triggerEvent(e,`onResize`,Ft),Ft}},dragControlAfter:function(e,t){var n=t.datas,r=n.isResize,i=n.startOffsetWidth,a=n.startOffsetHeight,o=n.prevWidth,s=n.prevHeight;if(!(!r||e.props.checkResizableError===!1)){var c=e.state,l=c.width,u=c.height,d=l-(i+o),f=u-(a+s),p=abs(d)>3,m=abs(f)>3;if(p&&(n.startWidth+=d,n.startOffsetWidth+=d,n.prevWidth+=d),m&&(n.startHeight+=f,n.startOffsetHeight+=f,n.prevHeight+=f),p||m)return this.dragControl(e,t)}},dragControlEnd:function(e,t){var n=t.datas,r=t.parentEvent;if(n.isResize){n.isResize=!1;var i=fillEndParams(e,t,{});return!r&&triggerEvent(e,`onResizeEnd`,i),i}},dragGroupControlCondition:directionCondition$2,dragGroupControlStart:function(e,t){var n=t.datas,r=this.dragControlStart(e,__assign$5(__assign$5({},t),{isGroup:!0}));if(!r)return!1;var i=fillChildEvents(e,`resizable`,t),a=n.startOffsetWidth,o=n.startOffsetHeight;function s(){var e=n.minSize;i.forEach(function(t){var n=t.datas,r=n.minSize,i=n.startOffsetWidth,s=n.startOffsetHeight,c=a*(i?r[0]/i:0),l=o*(s?r[1]/s:0);e[0]=Math.max(e[0],c),e[1]=Math.max(e[1],l)})}function c(){var e=n.maxSize;i.forEach(function(t){var n=t.datas,r=n.maxSize,i=n.startOffsetWidth,s=n.startOffsetHeight,c=a*(i?r[0]/i:0),l=o*(s?r[1]/s:0);e[0]=Math.min(e[0],c),e[1]=Math.min(e[1],l)})}var l=triggerChildAbles(e,this,`dragControlStart`,t,function(t,r){return startChildDist(e,t,n,r)});s(),c();var u=function(t){r.setFixedDirection(t),l.forEach(function(r,a){r.setFixedDirection(t),startChildDist(e,r.moveable,n,i[a])})};return n.setFixedDirection=u,n.isResize=triggerEvent(e,`onResizeGroupStart`,__assign$5(__assign$5({},r),{targets:e.props.targets,events:l.map(function(e){return __assign$5(__assign$5({},e),{setMin:function(t){e.setMin(t),s()},setMax:function(t){e.setMax(t),c()}})}),setFixedDirection:u,setMin:function(e){r.setMin(e),s()},setMax:function(e){r.setMax(e),c()}}))!==!1,n.isResize?r:!1},dragGroupControl:function(e,t){var n=t.datas;if(n.isResize){var r=getProps(e.props,`resizable`);catchEvent(e,`onBeforeResize`,function(n){triggerEvent(e,`onBeforeResizeGroup`,fillParams(e,t,__assign$5(__assign$5({},n),{targets:r.targets}),!0))});var i=this.dragControl(e,__assign$5(__assign$5({},t),{isGroup:!0}));if(i){var a=i.boundingWidth,o=i.boundingHeight,s=i.dist,c=r.keepRatio,l=[a/(a-s[0]),o/(o-s[1])],u=n.fixedPosition,d=triggerChildAbles(e,this,`dragControl`,t,function(t,n){var r=__read$1(calculate(createRotateMatrix(e.rotation/180*Math.PI,3),[n.datas.originalX*l[0],n.datas.originalY*l[1],1],3),2),i=r[0],a=r[1];return __assign$5(__assign$5({},n),{parentDist:null,parentScale:l,dragClient:plus(u,[i,a]),parentKeepRatio:c})}),f=__assign$5({targets:r.targets,events:d},i);return triggerEvent(e,`onResizeGroup`,f),f}}},dragGroupControlEnd:function(e,t){var n=t.isDrag;if(t.datas.isResize){this.dragControlEnd(e,t);var r=triggerChildAbles(e,this,`dragControlEnd`,t);return triggerEvent(e,`onResizeGroupEnd`,fillEndParams(e,t,{targets:e.props.targets,events:r})),n}},request:function(e){var t={},n=0,r=0,i=!1,a=e.getRect();return{isControl:!0,requestStart:function(e){var n;return i=e.useSnap,{datas:t,parentDirection:e.direction||[1,1],parentIsWidth:e?.horizontal??!0,useSnap:i}},request:function(e){return`offsetWidth`in e?n=e.offsetWidth-a.offsetWidth:`deltaWidth`in e&&(n+=e.deltaWidth),`offsetHeight`in e?r=e.offsetHeight-a.offsetHeight:`deltaHeight`in e&&(r+=e.deltaHeight),{datas:t,parentDist:[n,r],parentKeepRatio:e.keepRatio,useSnap:i}},requestEnd:function(){return{datas:t,isDrag:!0,useSnap:i}}}},unset:function(e){e.state.gestos.resizable=null}};function setRotateStartInfo(e,t,n,r,i){var a=e.props.groupable,o=e.state,s=o.is3d?4:3,c=t.origin,l=calculatePosition(e.state.rootMatrix,minus([c[0],c[1]],a?[0,0]:[o.left,o.top]),s),u=plus([i.left,i.top],l);t.startAbsoluteOrigin=u,t.prevDeg=getRad$1(u,[n,r])/Math.PI*180,t.defaultDeg=t.prevDeg,t.prevSnapDeg=0,t.loop=0,t.startDist=getDist$2(u,[n,r])}function getAbsoluteDist(e,t,n){var r=n.defaultDeg,i=n.prevDeg,a=i%360,o=Math.floor(i/360);a<0&&(a+=360),a>e&&a>270&&e<90?++o:a270&&--o;var s=t*(o*360+e-r);return n.prevDeg=r+s,s}function getAbsoluteDistByClient(e,t,n,r){return getAbsoluteDist(getRad$1(r.startAbsoluteOrigin,[e,t])/Math.PI*180,n,r)}function getRotateInfo(e,t,n,r,i,a){var o=e.props.throttleRotate,s=o===void 0?0:o,c=n.prevSnapDeg,l=0,u=!1;if(a){var d=checkSnapRotate(e,t,r,i+r);u=d.isSnap,l=i+d.dist}u||(l=throttle(i+r,s));var f=l-i;return n.prevSnapDeg=f,[f-c,f,l]}function getRotationPositions(e,t,n){var r=__read$1(t,4),i=r[0],a=r[1],o=r[2],s=r[3];if(e===`none`)return[];if(isArray$1(e))return e.map(function(e){return getRotationPositions(e,[i,a,o,s],n)[0]});var c=__read$1((e||`top`).split(`-`),2),l=c[0],u=c[1],d=[i,a];l===`left`?d=[o,i]:l===`right`?d=[a,s]:l===`bottom`&&(d=[s,o]);var f=[(d[0][0]+d[1][0])/2,(d[0][1]+d[1][1])/2],p=getRotationRad(d,n);if(u){var m=u===`top`||u===`left`,g=l===`bottom`||l===`left`;f=d[m&&!g||!m&&g?0:1]}return[[f,p]]}function dragControlCondition(e,t){if(t.isRequest)return t.requestAble===`rotatable`;var n=t.inputEvent.target;if(hasClass(n,prefix$1(`rotation-control`))||e.props.rotateAroundControls&&hasClass(n,prefix$1(`around-control`))||hasClass(n,prefix$1(`control`))&&hasClass(n,prefix$1(`rotatable`)))return!0;var r=e.props.rotationTarget;return r?getRefTargets(r,!0).some(function(e){return e?n===e||n.contains(e):!1}):!1}var Rotatable={name:`rotatable`,canPinch:!0,props:[`rotatable`,`rotationPosition`,`throttleRotate`,`renderDirections`,`rotationTarget`,`rotateAroundControls`,`edge`,`resolveAblesWithRotatable`,`displayAroundControls`],events:[`rotateStart`,`beforeRotate`,`rotate`,`rotateEnd`,`rotateGroupStart`,`beforeRotateGroup`,`rotateGroup`,`rotateGroupEnd`],css:[`.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; } `],viewClassName:function(e){return e.isDragging(`rotatable`)?prefix$1(`view-rotation-dragging`):``},render:function(e,t){var n=getProps(e.props,`rotatable`),r=n.rotatable,i=n.rotationPosition,a=n.zoom,o=n.renderDirections,s=n.rotateAroundControls,c=n.resolveAblesWithRotatable,l=e.getState(),u=l.renderPoses,d=l.direction;if(!r)return null;var f=getRotationPositions(i,u,d),p=[];if(f.forEach(function(e,n){var r=__read$1(e,2),i=r[0],o=r[1];p.push(t.createElement(`div`,{key:`rotation${n}`,className:prefix$1(`rotation`),style:{transform:`translate(-50%) translate(${i[0]}px, ${i[1]}px) rotate(${o}rad)`}},t.createElement(`div`,{className:prefix$1(`line rotation-line`),style:{transform:`scaleX(${a})`}}),t.createElement(`div`,{className:prefix$1(`control rotation-control`),style:{transform:`translate(0.5px) scale(${a})`}})))}),o){var m=getKeys(c||{}),g={};m.forEach(function(e){c[e].forEach(function(t){g[t]=e})});var _=[];isArray$1(o)&&(_=o.map(function(e){var t=g[e];return{data:t?{resolve:t}:{},classNames:t?[`move`]:[],dir:e}})),p.push.apply(p,__spreadArray$3([],__read$1(renderDirectionControlsByInfos(e,`rotatable`,_,t)),!1))}return s&&p.push.apply(p,__spreadArray$3([],__read$1(renderAroundControls(e,t)),!1)),p},dragControlCondition,dragControlStart:function(e,t){var n,r,i=t.datas,a=t.clientX,o=t.clientY,s=t.parentRotate,c=t.parentFlag,l=t.isPinch,u=t.isRequest,d=e.state,f=d.target,p=d.left,m=d.top,g=d.direction,_=d.beforeDirection,v=d.targetTransform,y=d.moveableClientRect,b=d.offsetMatrix,x=d.targetMatrix,S=d.allMatrix,w=d.width,E=d.height;if(!u&&!f)return!1;var D=e.getRect();i.rect=D,i.transform=v,i.left=p,i.top=m;var k=function(t){var n=getOffsetFixedPositionInfo(e.state,t);i.fixedDirection=n.fixedDirection,i.fixedOffset=n.fixedOffset,i.fixedPosition=n.fixedPosition,B&&B.setFixedPosition(t)},A=function(t){var n=getOffsetFixedDirectionInfo(e.state,t);i.fixedDirection=n.fixedDirection,i.fixedOffset=n.fixedOffset,i.fixedPosition=n.fixedPosition,B&&B.setFixedDirection(t)},N=a,P=o;if(u||l||c){var F=s||0;i.beforeInfo={origin:D.beforeOrigin,prevDeg:F,defaultDeg:F,prevSnapDeg:0,startDist:0},i.afterInfo=__assign$5(__assign$5({},i.beforeInfo),{origin:D.origin}),i.absoluteInfo=__assign$5(__assign$5({},i.beforeInfo),{origin:D.origin,startValue:F})}else{var I=t.inputEvent?.target;if(I){var L=DIRECTION_REGION_TO_DIRECTION[I.getAttribute(`data-direction`)||``];if(L){i.isControl=!0,i.isAroundControl=hasClass(I,prefix$1(`around-control`)),i.controlDirection=L;var ae=I.getAttribute(`data-resolve`);ae&&(i.resolveAble=ae),n=__read$1(getPosByDirection(calculateMoveableClientPositions(d.rootMatrix,d.renderPoses,y),L),2),N=n[0],P=n[1]}}i.beforeInfo={origin:D.beforeOrigin},i.afterInfo={origin:D.origin},i.absoluteInfo={origin:D.origin,startValue:D.rotation};var ce=k;k=function(t){var n=d.is3d?4:3,r=__read$1(plus(getOrigin(x,n),t),2),a=r[0],o=r[1],s=calculate(b,convertPositionMatrix([a,o],n)),c=calculate(S,convertPositionMatrix([t[0],t[1]],n));ce(t);var l=d.posDelta;i.beforeInfo.origin=minus(s,l),i.afterInfo.origin=minus(c,l),i.absoluteInfo.origin=minus(c,l),setRotateStartInfo(e,i.beforeInfo,N,P,y),setRotateStartInfo(e,i.afterInfo,N,P,y),setRotateStartInfo(e,i.absoluteInfo,N,P,y)},A=function(e){var t=getPosByDirection([[0,0],[w,0],[0,E],[w,E]],e);k(t)}}i.startClientX=N,i.startClientY=P,i.direction=g,i.beforeDirection=_,i.startValue=0,i.datas={},setDefaultTransformIndex(e,t,`rotate`);var le=!1,B=!1;i.isControl&&i.resolveAble&&i.resolveAble===`resizable`&&(B=Resizable.dragControlStart(e,__assign$5(__assign$5({},new CustomGesto(`resizable`).dragStart([0,0],t)),{parentPosition:i.controlPosition,parentFixedPosition:i.fixedPosition}))),B||(le=Draggable.dragStart(e,new CustomGesto().dragStart([0,0],t))),k(getTotalOrigin(e));var V=fillParams(e,t,__assign$5(__assign$5({set:function(e){i.startValue=e*Math.PI/180},setFixedDirection:A,setFixedPosition:k},fillTransformStartEvent(e,t)),{dragStart:le,resizeStart:B}));return i.isRotate=triggerEvent(e,`onRotateStart`,V)!==!1,d.snapRenderInfo={request:t.isRequest},i.isRotate?V:!1},dragControl:function(e,t){var n,r,i,a=t.datas,o=t.clientDistX,s=t.clientDistY,c=t.parentRotate,l=t.parentFlag,u=t.isPinch,d=t.groupDelta,f=t.resolveMatrix,p=a.beforeDirection,m=a.beforeInfo,g=a.afterInfo,_=a.absoluteInfo,v=a.isRotate,y=a.startValue,b=a.rect,x=a.startClientX,S=a.startClientY;if(v){resolveTransformEvent(e,t,`rotate`);var w=p*getTransformDirection(t),E=e.props.parentMoveable,D=0,k,A,N=0,P,F,I=0,L,ae,ce=180/Math.PI*y,le=_.startValue,B=!1,V=x+o,me=S+s;if(!l&&`parentDist`in t){var W=t.parentDist;k=W,P=W,L=W}else u||l?(k=getAbsoluteDist(c,p,m),P=getAbsoluteDist(c,w,g),L=getAbsoluteDist(c,w,_)):(k=getAbsoluteDistByClient(V,me,p,m),P=getAbsoluteDistByClient(V,me,w,g),L=getAbsoluteDistByClient(V,me,w,_),B=!0);if(A=ce+k,F=ce+P,ae=le+L,triggerEvent(e,`onBeforeRotate`,fillParams(e,t,{beforeRotation:A,rotation:F,absoluteRotation:ae,setRotation:function(e){P=e-ce,k=P,L=P}},!0)),n=__read$1(getRotateInfo(e,b,m,k,ce,B),3),D=n[0],k=n[1],A=n[2],r=__read$1(getRotateInfo(e,b,g,P,ce,B),3),N=r[0],P=r[1],F=r[2],i=__read$1(getRotateInfo(e,b,_,L,le,B),3),I=i[0],L=i[1],ae=i[2],!(!I&&!N&&!D&&!E&&!f)){var q=convertTransformFormat(a,`rotate(${F}deg)`,`rotate(${P}deg)`);f&&(a.fixedPosition=getTranslateFixedPosition(e,a.targetAllTransform,a.fixedDirection,a.fixedOffset,a));var Oe=getRotateDist(e,P,a),Y=minus(plus(d||[0,0],Oe),a.prevInverseDist||[0,0]);a.prevInverseDist=Oe,a.requestValue=null;var Z=fillTransformEvent(e,q,Y,u,t),Be=Z,Ue=getDist$2([V,me],_.startAbsoluteOrigin)-_.startDist,et=void 0;if(a.resolveAble===`resizable`){var tt=Resizable.dragControl(e,__assign$5(__assign$5({},setCustomDrag(t,e.state,[t.deltaX,t.deltaY],!!u,!1,`resizable`)),{resolveMatrix:!0,parentDistance:Ue}));tt&&(et=tt,Be=fillAfterTransform(Be,tt,t))}var nt=fillParams(e,t,__assign$5(__assign$5({delta:N,dist:P,rotate:F,rotation:F,beforeDist:k,beforeDelta:D,beforeRotate:A,beforeRotation:A,absoluteDist:L,absoluteDelta:I,absoluteRotate:ae,absoluteRotation:ae,isPinch:!!u,resize:et},Z),Be));return triggerEvent(e,`onRotate`,nt),nt}}},dragControlEnd:function(e,t){var n=t.datas;if(n.isRotate){n.isRotate=!1;var r=fillEndParams(e,t,{});return triggerEvent(e,`onRotateEnd`,r),r}},dragGroupControlCondition:dragControlCondition,dragGroupControlStart:function(e,t){var n=t.datas,r=e.state,i=r.left,a=r.top,o=r.beforeOrigin,s=this.dragControlStart(e,t);if(!s)return!1;s.set(n.beforeDirection*e.rotation);var c=triggerChildAbles(e,this,`dragControlStart`,t,function(e,t){var n=e.state,r=n.left,s=n.top,c=n.beforeOrigin,l=plus(minus([r,s],[i,a]),minus(c,o));return t.datas.startGroupClient=l,t.datas.groupClient=l,__assign$5(__assign$5({},t),{parentRotate:0})});return n.isRotate=triggerEvent(e,`onRotateGroupStart`,__assign$5(__assign$5({},s),{targets:e.props.targets,events:c}))!==!1,n.isRotate?s:!1},dragGroupControl:function(e,t){var n=t.datas;if(n.isRotate){catchEvent(e,`onBeforeRotate`,function(n){triggerEvent(e,`onBeforeRotateGroup`,fillParams(e,t,__assign$5(__assign$5({},n),{targets:e.props.targets}),!0))});var r=this.dragControl(e,t);if(r){var i=n.beforeDirection,a=r.beforeDist,o=a/180*Math.PI,s=triggerChildAbles(e,this,`dragControl`,t,function(e,t){var n=t.datas.startGroupClient,r=__read$1(t.datas.groupClient,2),s=r[0],c=r[1],l=__read$1(rotate(n,o*i),2),u=l[0],d=l[1],f=[u-s,d-c];return t.datas.groupClient=[u,d],__assign$5(__assign$5({},t),{parentRotate:a,groupDelta:f})});e.rotation=i*r.beforeRotation;var c=__assign$5({targets:e.props.targets,events:s,set:function(t){e.rotation=t},setGroupRotation:function(t){e.rotation=t}},r);return triggerEvent(e,`onRotateGroup`,c),c}}},dragGroupControlEnd:function(e,t){var n=t.isDrag;if(t.datas.isRotate){this.dragControlEnd(e,t);var r=triggerChildAbles(e,this,`dragControlEnd`,t);return triggerEvent(e,`onRotateGroupEnd`,fillEndParams(e,t,{targets:e.props.targets,events:r})),n}},request:function(e){var t={},n=0,r=e.getRotation();return{isControl:!0,requestStart:function(){return{datas:t}},request:function(e){return`deltaRotate`in e?n+=e.deltaRotate:`rotate`in e&&(n=e.rotate-r),{datas:t,parentDist:n}},requestEnd:function(){return{datas:t,isDrag:!0}}}}};function renderGuideline(e,t){var n,r=e.direction,i=e.classNames,a=e.size,o=e.pos,s=e.zoom,c=e.key,l=r===`horizontal`,u=l?`Y`:`X`;return t.createElement(`div`,{key:c,className:i.join(` `),style:(n={},n[l?`width`:`height`]=`${a}`,n.transform=`translate(${o[0]}, ${o[1]}) translate${u}(-50%) scale${u}(${s})`,n)})}function renderInnerGuideline(e,t){return renderGuideline(__assign$5(__assign$5({},e),{classNames:__spreadArray$3([prefix$1(`line`,`guideline`,e.direction)],__read$1(e.classNames),!1).filter(function(e){return e}),size:e.size||`${e.sizeValue}px`,pos:e.pos||e.posValue.map(function(e){return`${throttle(e,.1)}px`})}),t)}function renderSnapPoses(e,t,n,r,i,a,o,s){var c=e.props.zoom;return n.map(function(e,n){var l=e.type,u=e.pos,d=[0,0];return d[o]=r,d[+!o]=-i+u,renderInnerGuideline({key:`${t}TargetGuideline${n}`,classNames:[prefix$1(`target`,`bold`,l)],posValue:d,sizeValue:a,zoom:c,direction:t},s)})}function renderGuidelines(e,t,n,r,i,a){var o=e.props,s=o.zoom,c=o.isDisplayInnerSnapDigit,l=t===`horizontal`?VERTICAL_NAMES_MAP:HORIZONTAL_NAMES_MAP,u=i[l.start],d=i[l.end];return n.filter(function(e){var t=e.hide,n=e.elementRect;if(t)return!1;if(c&&n){var r=n.rect;if(r[l.start]<=u&&d<=r[l.end])return!1}return!0}).map(function(e,n){var i=e.pos,o=e.size,c=e.element,l=e.className,u=[-r[0]+i[0],-r[1]+i[1]];return renderInnerGuideline({key:`${t}-default-guideline-${n}`,classNames:c?[prefix$1(`bold`),l]:[prefix$1(`normal`),l],direction:t,posValue:u,sizeValue:o,zoom:s},a)})}function renderDigitLine(e,t,n,r,i,a,o,s){var c,l=e.props,u=l.snapDigit,d=u===void 0?0:u,f=l.isDisplaySnapDigit,p=f===void 0?!0:f,m=l.snapDistFormat,g=m===void 0?function(e,t){return e}:m,_=l.zoom,v=t===`horizontal`?`X`:`Y`,y=t===`vertical`?`height`:`width`,b=Math.abs(i),x=p?parseFloat(b.toFixed(d)):0;return s.createElement(`div`,{key:`${t}-${n}-guideline-${r}`,className:prefix$1(`guideline-group`,t),style:(c={left:`${a[0]}px`,top:`${a[1]}px`},c[y]=`${b}px`,c)},renderInnerGuideline({direction:t,classNames:[prefix$1(n),o],size:`100%`,posValue:[0,0],sizeValue:b,zoom:_},s),s.createElement(`div`,{className:prefix$1(`size-value`,`gap`),style:{transform:`translate${v}(-50%) scale(${_})`}},x>0?g(x,t):``))}function groupByElementGuidelines(e,t,n,r){var i=e===`vertical`?0:1,a=+(e===`vertical`),o=i?VERTICAL_NAMES_MAP:HORIZONTAL_NAMES_MAP,s=n[o.start],c=n[o.end];return groupBy(t,function(e){return e.pos[i]}).map(function(t){var n=[],l=[];return t.forEach(function(t){var u,d,f=t.element,p=t.elementRect.rect;if(p[o.end]0){var c=[0,0];c[l]=n[l]+y[f.start]-m-a,c[u]=v,o.push(renderDigitLine(e,s,`dashed`,o.length,a,c,t.className,i))}y=r}),y=r,d.forEach(function(t){var r=t.elementRect.rect,a=r[f.start]-y[f.end];if(a>0){var c=[0,0];c[l]=n[l]+y[f.end]-m,c[u]=v,o.push(renderDigitLine(e,s,`dashed`,o.length,a,c,t.className,i))}y=r}),_.forEach(function(t){var r=t.elementRect.rect,a=m-r[f.start],c=r[f.end]-g,d=[0,0],p=[0,0];d[l]=n[l]-a,d[u]=v,p[l]=n[l]+g-m,p[u]=v,o.push(renderDigitLine(e,s,`dashed`,o.length,a,d,t.className,i)),o.push(renderDigitLine(e,s,`dashed`,o.length,c,p,t.className,i))})})}),o}function renderGapGuidelines(e,t,n,r,i){var a=[];return[`horizontal`,`vertical`].forEach(function(o){var s=t.filter(function(e){return e.type===o}).slice(0,1),c=o===`vertical`?0:1,l=+!c,u=c?HORIZONTAL_NAMES_MAP:VERTICAL_NAMES_MAP,d=c?VERTICAL_NAMES_MAP:HORIZONTAL_NAMES_MAP,f=r[u.start],p=r[u.end],m=r[d.start],g=r[d.end];s.forEach(function(t){var r=t.gap,o=t.gapRects,s=Math.max.apply(Math,__spreadArray$3([m],__read$1(o.map(function(e){return e.rect[d.start]})),!1)),_=Math.min.apply(Math,__spreadArray$3([g],__read$1(o.map(function(e){return e.rect[d.end]})),!1)),v=(s+_)/2;s===_||v===(m+g)/2||o.forEach(function(t){var o=t.rect,s=t.className,d=[n[0],n[1]];if(o[u.end]g||t[u.end]0}).sort(function(e,t){return v(e)-v(t)}),b=[];y.forEach(function(e){y.forEach(function(t){if(e!==t){var n=e.rect,r=t.rect,i=n[u.start],a=n[u.end],o=r[u.start];i>r[u.end]||o>a||b.push([e,t])}})}),b.forEach(function(e){var n=__read$1(e,2),r=n[0],c=n[1],u=r.rect,m=c.rect,g=u[o.start],v=u[o.end],y=m[o.start],b=m[o.end],x=_[o.start],S=0,w=0,E=!1,D=!1,k=!1;if(v<=d&&f<=y){if(D=!0,S=(y-v-(f-d))/2,w=v+S+(f-d)/2,abs(w-p)>x)return}else if(vx)return}else if(vx)return}else return;S&&checkBetweenRects(t,m,i,a)&&(S>s||l.push({type:i,pos:i===`vertical`?[w,0]:[0,w],element:c.element,size:0,className:c.className,isStart:E,isCenter:D,isEnd:k,gap:S,hide:!0,gapRects:[r,c],direction:``,elementDirection:``}))})}),l}function startGridGroupGuidelines(e,t,n,r){var i,a,o=e.props,s=e.state,c=o.snapGridAll,l=o.snapGridWidth,u=l===void 0?0:l,d=o.snapGridHeight,f=d===void 0?0:d,p=s.snapRenderInfo,m=p&&(p.direction?.[0]||p.direction?.[1]),g=e.moveables;if(c&&g&&m&&(u||f)){if(s.snapThresholdInfo)return;s.snapThresholdInfo={multiples:[1,1],offset:[0,0]};var _=e.getRect(),v=_.children,y=p.direction;if(v){var b=y.map(function(e,i){var a=i===0?{snapSize:u,posName:`left`,sizeName:`width`,clientOffset:r.left-t}:{snapSize:f,posName:`top`,sizeName:`height`,clientOffset:r.top-n},o=a.snapSize,s=a.posName,c=a.sizeName,l=a.clientOffset;if(!o)return{dir:e,multiple:1,snapSize:o,snapOffset:0};var d=_[c],p=_[s],m=flat$2(v.map(function(e){return[e[s]-p,e[c],d-e[c]-e[s]+p]})).filter(function(e){return e}).sort(function(e,t){return e-t}),g=m[0],y=m.map(function(e){return throttle(e/g,.1)*o}),b=1,x=throttle(d/g,.1);for(b=1;b<=10&&!y.every(function(e){return e*b%1==0});++b);var S=(-e+1)/2,w=dot$1(p-l,p-l+d,S,1-S);return{multiple:x*b,dir:e,snapSize:o,snapOffset:Math.round(w/o)}}),x=b.map(function(e){return e.multiple||1});s.snapThresholdInfo.multiples=x,s.snapThresholdInfo.offset=b.map(function(e){return e.snapOffset}),b.forEach(function(e,t){e.snapSize})}}else s.snapThresholdInfo=null}function getGridGuidelines(e,t,n,r,i,a,o){r===void 0&&(r=0),i===void 0&&(i=0);var s=e.props,c=e.state,l=s.snapGridWidth,u=l===void 0?0:l,d=s.snapGridHeight,f=d===void 0?0:d,p=[],m=a.left,g=a.top,_=[0,0];startGridGroupGuidelines(e,r,i,a);var v=c.snapThresholdInfo,y=u,b=f;if(v&&(u*=v.multiples[0]||1,f*=v.multiples[1]||1,_=v.offset),f){for(var x=function(e){p.push({type:`horizontal`,pos:[m,throttle(_[1]*b+e-i+g,.1)],className:prefix$1(`grid-guideline`),size:t,hide:!o,direction:``,grid:!0})},S=0;S<=n*2;S+=f)x(S);for(var S=-f;S>=-n;S-=f)x(S)}if(u){for(var x=function(e){p.push({type:`vertical`,pos:[throttle(_[0]*y+e-r+m,.1),g],className:prefix$1(`grid-guideline`),size:n,hide:!o,direction:``,grid:!0})},S=0;S<=t*2;S+=u)x(S);for(var S=-u;S>=-t;S-=u)x(S)}return p}function checkBetweenRects(e,t,n,r){return n===`horizontal`?abs(e.right-t.left)<=r||abs(e.left-t.right)<=r||e.left<=t.right&&t.left<=e.right:n===`vertical`?abs(e.bottom-t.top)<=r||abs(e.top-t.bottom)<=r||e.top<=t.bottom&&t.top<=e.bottom:!0}function getElementGuidelines(e){var t=e.state,n=e.props.elementGuidelines,r=n===void 0?[]:n;if(!r.length)return t.elementRects=[],[];var i=(t.elementRects||[]).filter(function(e){return!e.refresh}),a=r.map(function(e){return isObject$2(e)&&`element`in e?__assign$5(__assign$5({},e),{element:getRefTarget(e.element,!0)}):{element:getRefTarget(e,!0)}}).filter(function(e){return e.element}),o=diff(i.map(function(e){return e.element}),a.map(function(e){return e.element})),s=o.maintained,c=o.added,l=[];s.forEach(function(e){var t=__read$1(e,2),n=t[0],r=t[1];l[r]=i[n]}),getSnapElementRects(e,c.map(function(e){return a[e]})).map(function(e,t){l[c[t]]=e}),t.elementRects=l;var u=getSnapDirections(e.props.elementSnapDirections),d=[];return l.forEach(function(e){var t=e.element,n=e.top,r=n===void 0?u.top:n,i=e.left,a=i===void 0?u.left:i,o=e.right,s=o===void 0?u.right:o,c=e.bottom,l=c===void 0?u.bottom:c,f=e.center,p=f===void 0?u.center:f,m=e.middle,g=m===void 0?u.middle:m,_=e.className,v=e.rect,y=splitSnapDirectionPoses({top:r,right:s,left:a,bottom:l,center:p,middle:g},v),b=y.horizontal,x=y.vertical,S=y.horizontalNames,w=y.verticalNames,E=v.top,D=v.left,k=v.right-D,A=v.bottom-E,N=[k,A];x.forEach(function(n,r){d.push({type:`vertical`,element:t,pos:[throttle(n,.1),E],size:A,sizes:N,className:_,elementRect:e,elementDirection:SNAP_SKIP_NAMES_MAP[w[r]]||w[r],direction:``})}),b.forEach(function(n,r){d.push({type:`horizontal`,element:t,pos:[D,throttle(n,.1)],size:k,sizes:N,className:_,elementRect:e,elementDirection:SNAP_SKIP_NAMES_MAP[S[r]]||S[r],direction:``})})}),d}function getObjectGuidelines(e,t){return e?e.map(function(e){var n=isObject$2(e)?e:{pos:e},r=n.pos;return isNumber(r)?n:__assign$5(__assign$5({},n),{pos:convertUnitSize(r,t)})}):[]}function getDefaultGuidelines(e,t,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=[],c=o.left,l=o.top,u=o.bottom,d=n+o.right-c,f=r+u-l;return getObjectGuidelines(e,f).forEach(function(e){s.push({type:`horizontal`,pos:[c,throttle(e.pos-a+l,.1)],size:d,className:e.className,direction:``})}),getObjectGuidelines(t,d).forEach(function(e){s.push({type:`vertical`,pos:[throttle(e.pos-i+c,.1),l],size:f,className:e.className,direction:``})}),s}function getSnapElementRects(e,t){if(!t.length)return[];var n=e.props.groupable,r=e.state,i=r.containerClientRect,a=r.rootMatrix,o=r.is3d,s=r.offsetDelta,c=o?4:3,l=__read$1(calculateContainerPos(a,i,c),2),u=l[0],d=l[1],f=n?0:s[0],p=n?0:s[1];return t.map(function(e){var t=e.element.getBoundingClientRect(),n=t.left-u-f,r=t.top-d-p,i=r+t.height,o=n+t.width,s=__read$1(calculateInversePosition(a,[n,r],c),2),l=s[0],m=s[1],g=__read$1(calculateInversePosition(a,[o,i],c),2),_=g[0],v=g[1];return __assign$5(__assign$5({},e),{rect:{left:l,right:_,top:m,bottom:v,center:(l+_)/2,middle:(m+v)/2}})})}function checkSnapInfo(e){var t=e.state,n=t.container,r=e.props.snapContainer||n;if(t.snapContainer===r&&t.guidelines&&t.guidelines.length)return!1;var i=t.containerClientRect,a={left:0,top:0,bottom:0,right:0};if(n!==r){var o=getRefTarget(r,!0);if(o){var s=getClientRect(o),c=getDragDistByState(t,[s.left-i.left,s.top-i.top]),l=getDragDistByState(t,[s.right-i.right,s.bottom-i.bottom]);a.left=throttle(c[0],1e-5),a.top=throttle(c[1],1e-5),a.right=throttle(l[0],1e-5),a.bottom=throttle(l[1],1e-5)}}return t.snapContainer=r,t.snapOffset=a,t.guidelines=getTotalGuidelines(e),t.enableSnap=!0,!0}function getNextFixedPoses(e,t,n,r,i,a){var o=calculatePoses(e,t,n,a?4:3);return getAbsolutePoses(o,minus(i,getPosByDirection(o,r)))}function normalized(e){return e?e/abs(e):0}function getSizeOffsetInfo(e,t,n,r,i,a){var o=a.fixedDirection,s=getCheckSnapDirections(n,o,r),c=getCheckInnerBoundLineInfos(e,t,n,r),l=__spreadArray$3(__spreadArray$3([],__read$1(getSnapBoundInfo(e,t,s,r,i,a)),!1),__read$1(getInnerBoundInfo(e,c,a)),!1),u=getNearOffsetInfo(l,0),d=getNearOffsetInfo(l,1);return{width:{isBound:u.isBound,offset:u.offset[0]},height:{isBound:d.isBound,offset:d.offset[1]}}}function recheckSizeByTwoDirection(e,t,n,r,i,a,o,s,c){var l=getPosByDirection(t,o),u=checkMoveableSnapBounds(e,s,{vertical:[l[0]],horizontal:[l[1]]}),d=u.horizontal.offset,f=u.vertical.offset;if(throttle(f,FLOAT_POINT_NUM)||throttle(d,FLOAT_POINT_NUM)){var p=__read$1(getDragDist({datas:c,distX:-f,distY:-d}),2),m=p[0],g=p[1],_=Math.min(i||1/0,n+o[0]*m),v=Math.min(a||1/0,r+o[1]*g);return[_-n,v-r]}return[0,0]}function checkSizeDist(e,t,n,r,i,a,o,s){for(var c=getAbsolutePosesByState(e.state),l=e.props.keepRatio,u=0,d=0,f=0;f<2;++f){var p=getSizeOffsetInfo(e,t(u,d),i,l,o,s),m=p.width,g=p.height,_=m.isBound,v=g.isBound,y=m.offset,b=g.offset;if(f===1&&(_||(y=0),v||(b=0)),f===0&&o&&!_&&!v)return[0,0];if(l){var x=abs(y)*(n?1/n:1),S=abs(b)*(r?1/r:1);(_&&v?x0;if(v)return{isSnap:v,dist:v?_[0]:n}}if(s?.length&&o){var y=s.slice().sort(function(e,t){return getMinDegreeDistance(e,r)-getMinDegreeDistance(t,r)})[0];if(getMinDegreeDistance(y,r)<=o)return{isSnap:!0,dist:n+bumpDegree(r,y)-r}}return{isSnap:!1,dist:n}}function checkSnapResize(e,t,n,r,i,a,o){if(!hasGuidelines(e,`resizable`))return[0,0];var s=o.fixedDirection,c=o.nextAllMatrix,l=e.state,u=l.allMatrix,d=l.is3d;return checkSizeDist(e,function(e,r){return getNextFixedPoses(c||u,t+e,n+r,s,i,d)},t,n,r,i,a,o)}function checkSnapScale(e,t,n,r,i){if(!hasGuidelines(e,`scalable`))return[0,0];var a=i.startOffsetWidth,o=i.startOffsetHeight,s=i.fixedPosition,c=i.fixedDirection,l=i.is3d,u=checkSizeDist(e,function(e,n){return getNextFixedPoses(scaleMatrix(i,plus(t,[e/a,n/o])),a,o,c,s,l)},a,o,n,s,r,i);return[u[0]/a,u[1]/o]}function startCheckSnapDrag(e,t){t.absolutePoses=getAbsolutePosesByState(e.state)}function getSnapGuidelines(e){var t=[];return e.forEach(function(e){e.guidelineInfos.forEach(function(n){var r=n.guideline;find$1(t,function(e){return e.guideline===r})||(r.direction=``,t.push({guideline:r,posInfo:e}))})}),t.map(function(e){var t=e.guideline,n=e.posInfo;return __assign$5(__assign$5({},t),{direction:n.direction})})}function addBoundGuidelines(e,t,n,r,i,a){var o=checkBoundPoses(getBounds(e,a),t,n),s=o.vertical,c=o.horizontal,l=getInitialBounds();s.forEach(function(e){e.isBound&&(e.direction===`start`&&(l.left=!0),e.direction===`end`&&(l.right=!0),r.push({type:`bounds`,pos:e.pos}))}),c.forEach(function(e){e.isBound&&(e.direction===`start`&&(l.top=!0),e.direction===`end`&&(l.bottom=!0),i.push({type:`bounds`,pos:e.pos}))});var u=checkInnerBoundPoses(e),d=u.boundMap,f=u.vertical,p=u.horizontal;return f.forEach(function(e){findIndex(r,function(t){var n=t.type,r=t.pos;return n===`bounds`&&r===e})>=0||r.push({type:`bounds`,pos:e})}),p.forEach(function(e){findIndex(i,function(t){var n=t.type,r=t.pos;return n===`bounds`&&r===e})>=0||i.push({type:`bounds`,pos:e})}),{boundMap:l,innerBoundMap:d}}var directionCondition$1=getDirectionCondition(``,[`resizable`,`scalable`]),Snappable={name:`snappable`,dragRelation:`strong`,props:[`snappable`,`snapContainer`,`snapDirections`,`elementSnapDirections`,`snapGap`,`snapGridWidth`,`snapGridHeight`,`isDisplaySnapDigit`,`isDisplayInnerSnapDigit`,`isDisplayGridGuidelines`,`snapDigit`,`snapThreshold`,`snapRenderThreshold`,`snapGridAll`,NAME_snapRotationThreshold,NAME_snapRotationDegrees,NAME_snapHorizontalThreshold,NAME_snapVerticalThreshold,`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(e,t){var n=e.state,r=n.top,i=n.left,a=n.pos1,o=n.pos2,s=n.pos3,c=n.pos4,l=n.snapRenderInfo,u=e.props.snapRenderThreshold,d=u===void 0?1:u;if(!l||!l.render||!hasGuidelines(e,``))return watchValue(e,`boundMap`,getInitialBounds(),function(e){return JSON.stringify(e)}),watchValue(e,`innerBoundMap`,getInitialBounds(),function(e){return JSON.stringify(e)}),[];n.guidelines=getTotalGuidelines(e);var f=Math.min(a[0],o[0],s[0],c[0]),p=Math.min(a[1],o[1],s[1],c[1]),m=l.externalPoses||[],g=getAbsolutePosesByState(e.state),_=[],v=[],y=[],b=[],x=[],S=getRect(g),w=S.width,E=S.height,D=S.top,k=S.left,A=S.bottom,N=S.right,P={left:k,right:N,top:D,bottom:A,center:(k+N)/2,middle:(D+A)/2},F=m.length>0,I=F?getRect(m):{};if(!l.request){if(l.direction&&x.push(getSnapInfosByDirection(e,g,l.direction,d,d)),l.snap){var L=getRect(g);l.center&&(L.middle=(L.top+L.bottom)/2,L.center=(L.left+L.right)/2),x.push(checkSnaps(e,L,d,d))}F&&(l.center&&(I.middle=(I.top+I.bottom)/2,I.center=(I.left+I.right)/2),x.push(checkSnaps(e,I,d,d))),x.forEach(function(e){var t=e.vertical.posInfos,n=e.horizontal.posInfos;_.push.apply(_,__spreadArray$3([],__read$1(t.filter(function(e){return e.guidelineInfos.some(function(e){return!e.guideline.hide})}).map(function(e){return{type:`snap`,pos:e.pos}})),!1)),v.push.apply(v,__spreadArray$3([],__read$1(n.filter(function(e){return e.guidelineInfos.some(function(e){return!e.guideline.hide})}).map(function(e){return{type:`snap`,pos:e.pos}})),!1)),y.push.apply(y,__spreadArray$3([],__read$1(getSnapGuidelines(t)),!1)),b.push.apply(b,__spreadArray$3([],__read$1(getSnapGuidelines(n)),!1))})}var ae=addBoundGuidelines(e,[k,N],[D,A],_,v),ce=ae.boundMap,le=ae.innerBoundMap;F&&addBoundGuidelines(e,[I.left,I.right],[I.top,I.bottom],_,v,l.externalBounds);var B=__spreadArray$3(__spreadArray$3([],__read$1(y),!1),__read$1(b),!1),V=B.filter(function(e){return e.element&&!e.gapRects}),me=B.filter(function(e){return e.gapRects}).sort(function(e,t){return e.gap-t.gap});triggerEvent(e,`onSnap`,{guidelines:B.filter(function(e){return!e.element}),elements:V,gaps:me},!0);var W=watchValue(e,`boundMap`,ce,function(e){return JSON.stringify(e)},getInitialBounds()),q=watchValue(e,`innerBoundMap`,le,function(e){return JSON.stringify(e)},getInitialBounds());return(ce===W||le===q)&&triggerEvent(e,`onBound`,{bounds:ce,innerBounds:le},!0),__spreadArray$3(__spreadArray$3(__spreadArray$3(__spreadArray$3(__spreadArray$3(__spreadArray$3([],__read$1(renderDashedGuidelines(e,V,[f,p],P,t)),!1),__read$1(renderGapGuidelines(e,me,[f,p],P,t)),!1),__read$1(renderGuidelines(e,`horizontal`,b,[i,r],P,t)),!1),__read$1(renderGuidelines(e,`vertical`,y,[i,r],P,t)),!1),__read$1(renderSnapPoses(e,`horizontal`,v,f,r,w,0,t)),!1),__read$1(renderSnapPoses(e,`vertical`,_,p,i,E,1,t)),!1)},dragStart:function(e,t){e.state.snapRenderInfo={request:t.isRequest,snap:!0,center:!0},checkSnapInfo(e)},drag:function(e){var t=e.state;checkSnapInfo(e)||(t.guidelines=getTotalGuidelines(e)),t.snapRenderInfo&&(t.snapRenderInfo.render=!0)},pinchStart:function(e){this.unset(e)},dragEnd:function(e){this.unset(e)},dragControlCondition:function(e,t){if(directionCondition$1(e,t)||dragControlCondition(e,t))return!0;if(!t.isRequest&&t.inputEvent)return hasClass(t.inputEvent.target,prefix$1(`snap-control`))},dragControlStart:function(e){e.state.snapRenderInfo=null,checkSnapInfo(e)},dragControl:function(e){this.drag(e)},dragControlEnd:function(e){this.unset(e)},dragGroupStart:function(e,t){this.dragStart(e,t)},dragGroup:function(e){this.drag(e)},dragGroupEnd:function(e){this.unset(e)},dragGroupControlStart:function(e){e.state.snapRenderInfo=null,checkSnapInfo(e)},dragGroupControl:function(e){this.drag(e)},dragGroupControlEnd:function(e){this.unset(e)},unset:function(e){var t=e.state;t.enableSnap=!1,t.guidelines=[],t.snapRenderInfo=null,t.elementRects=[]}};function multiply2(e,t){return[e[0]*t[0],e[1]*t[1]]}function prefix$1(){var e=[...arguments];return prefixNames.apply(void 0,__spreadArray$3([PREFIX$1],__read$1(e),!1))}function defaultSync(e){e()}function getTransformMatrix(e){return!e||e===`none`?[1,0,0,1,0,0]:isObject$2(e)?e:parseMat(e)}function getAbsoluteMatrix(e,t,n){return multiplies(t,createOriginMatrix(n,t),e,createOriginMatrix(n.map(function(e){return-e}),t))}function measureSVGSize(e,t,n){return t===`%`?getSVGViewBox(e.ownerSVGElement)[n?`width`:`height`]/100:1}function getBeforeTransformOrigin(e){return getTransformOrigin(getComputedStyle$1(e,`:before`)).map(function(t,n){var r=splitUnit(t),i=r.value,a=r.unit;return i*measureSVGSize(e,a,n===0)})}function getTransformOriginArray(e){return e?e.split(` `):[`0`,`0`]}function getTransformOrigin(e){return getTransformOriginArray(e.transformOrigin)}function getElementTransform(e){var t=getCachedStyle(e)(`transform`);if(t&&t!==`none`)return t;if(`transform`in e){var n=e.transform.baseVal;if(!n)return``;var r=n.length;if(!r)return``;for(var i=[],a=function(e){var t=n[e].matrix;i.push(`matrix(${[`a`,`b`,`c`,`d`,`e`,`f`].map(function(e){return t[e]}).join(`, `)})`)},o=0;o9),`${t?`matrix3d`:`matrix`}(${convertMatrixtoCSS(e,!t).join(`,`)})`}function getSVGViewBox(e){var t=e.clientWidth,n=e.clientHeight;if(!e)return{x:0,y:0,width:0,height:0,clientWidth:t,clientHeight:n};var r=e.viewBox,i=r&&r.baseVal||{x:0,y:0,width:0,height:0};return{x:i.x,y:i.y,width:i.width||t,height:i.height||n,clientWidth:t,clientHeight:n}}function getSVGMatrix(e,t){var n,r=getSVGViewBox(e),i=r.width,a=r.height,o=r.clientWidth,s=r.clientHeight,c=o/i,l=s/a,u=e.preserveAspectRatio.baseVal,d=u.align,f=u.meetOrSlice,p=[0,0],m=[c,l],g=[0,0];if(d!==1){var _=(d-2)%3,v=Math.floor((d-2)/3);p[0]=i*_/2,p[1]=a*v/2;var y=f===2?Math.max(l,c):Math.min(c,l);m[0]=y,m[1]=y,g[0]=(o-i)/2*_,g[1]=(s-a)/2*v}var b=createScaleMatrix(m,t);return n=__read$1(g,2),b[t*(t-1)]=n[0],b[t*(t-1)+1]=n[1],getAbsoluteMatrix(b,t,p)}function getSVGGraphicsOffset(e,t,n){var r=e.tagName.toLowerCase();if(!e.getBBox||!n&&r===`g`)return[0,0,0,0];var i=getCachedStyle(e)(`transform-box`)===`fill-box`,a=e.getBBox(),o=getSVGViewBox(e.ownerSVGElement),s=a.x,c=a.y;r===`foreignobject`&&!s&&!c&&(s=parseFloat(e.getAttribute(`x`))||0,c=parseFloat(e.getAttribute(`y`))||0);var l=s-o.x,u=c-o.y;return[l,u,i?t[0]:t[0]-l,i?t[1]:t[1]-u]}function calculatePosition(e,t,n){return calculate(e,convertPositionMatrix(t,n),n)}function calculatePoses(e,t,n,r){return[[0,0],[t,0],[0,n],[t,n]].map(function(t){return calculatePosition(e,t,r)})}function getRect(e){var t=e.map(function(e){return e[0]}),n=e.map(function(e){return e[1]}),r=Math.min.apply(Math,__spreadArray$3([],__read$1(t),!1)),i=Math.min.apply(Math,__spreadArray$3([],__read$1(n),!1)),a=Math.max.apply(Math,__spreadArray$3([],__read$1(t),!1)),o=Math.max.apply(Math,__spreadArray$3([],__read$1(n),!1));return{left:r,top:i,right:a,bottom:o,width:a-r,height:o-i}}function calculateRect(e,t,n,r){return getRect(calculatePoses(e,t,n,r))}function getSVGOffset(e,t,n,r,i){var a,o=e.target,s=e.origin,c=t.matrix,l=getSize(o),u=l.offsetWidth,d=l.offsetHeight,f=n.getBoundingClientRect(),p=[0,0];n===getDocumentBody(n)&&(p=getBodyOffset(o,!0));for(var m=o.getBoundingClientRect(),g=m.left-f.left+n.scrollLeft-(n.clientLeft||0)+p[0],_=m.top-f.top+n.scrollTop-(n.clientTop||0)+p[1],v=m.width,y=m.height,b=multiplies(r,i,c),x=calculateRect(b,u,d,r),S=x.left,w=x.top,E=x.width,D=x.height,k=calculatePosition(b,s,r),A=minus(k,[S,w]),N=[g+A[0]*v/E,_+A[1]*y/D],P=[0,0],F=0;++F<10;){var I=invert(i,r);a=__read$1(minus(calculatePosition(I,N,r),calculatePosition(I,k,r)),2),P[0]=a[0],P[1]=a[1];var L=calculateRect(multiplies(r,i,createOriginMatrix(P,r),c),u,d,r),ae=L.left,ce=L.top,le=ae-g,B=ce-_;if(abs(le)<2&&abs(B)<2)break;N[0]-=le,N[1]-=B}return P.map(function(e){return Math.round(e)})}function calculateMoveableClientPositions(e,t,n){var r=e.length===16?4:3,i=t.map(function(t){return calculatePosition(e,t,r)}),a=n.left,o=n.top;return i.map(function(e){return[e[0]+a,e[1]+o]})}function getDistSize(e){return Math.sqrt(e[0]*e[0]+e[1]*e[1])}function getDiagonalSize(e,t){return getDistSize([t[0]-e[0],t[1]-e[1]])}function getLineStyle(e,t,n,r){n===void 0&&(n=1),r===void 0&&(r=getRad$1(e,t));var i=getDiagonalSize(e,t);return{transform:`translateY(-50%) translate(${e[0]}px, ${e[1]}px) rotate(${r}rad) scaleY(${n})`,width:`${i}px`}}function getControlTransform(e,t){var n=[...arguments].slice(2),r=n.length;return{transform:`translateZ(0px) translate(${n.reduce(function(e,t){return e+t[0]},0)/r}px, ${n.reduce(function(e,t){return e+t[1]},0)/r}px) rotate(${e}rad) scale(${t})`}}function getProps(e,t){var n=e[t];return isObject$2(n)?__assign$5(__assign$5({},e),n):e}function getSize(e){var t=e&&!isUndefined$1(e.offsetWidth),n=0,r=0,i=0,a=0,o=0,s=0,c=0,l=0,u=0,d=0,f=0,p=0,m=1/0,g=1/0,_=1/0,v=1/0,y=0,b=0,x=!1;if(e)if(!t&&e.ownerSVGElement){var S=e.getBBox();x=!0,n=S.width,r=S.height,o=n,s=r,c=n,l=r,i=n,a=r}else{var w=getCachedStyle(e),E=e.style,D=w(`boxSizing`)===`border-box`,k=parseFloat(w(`borderLeftWidth`))||0,A=parseFloat(w(`borderRightWidth`))||0,N=parseFloat(w(`borderTopWidth`))||0,P=parseFloat(w(`borderBottomWidth`))||0,F=parseFloat(w(`paddingLeft`))||0,I=parseFloat(w(`paddingRight`))||0,L=parseFloat(w(`paddingTop`))||0,ae=parseFloat(w(`paddingBottom`))||0,ce=F+I,le=L+ae,B=k+A,V=N+P,me=ce+B,W=le+V,q=w(`position`),Oe=0,Y=0;if(`clientLeft`in e){var Z=null;if(Z=q===`absolute`?getOffsetInfo(e,getDocumentBody(e)).offsetParent:e.parentElement,Z){var Be=getCachedStyle(Z);Oe=parseFloat(Be(`width`)),Y=parseFloat(Be(`height`))}}u=Math.max(ce,convertUnitSize(w(`minWidth`),Oe)||0),d=Math.max(le,convertUnitSize(w(`minHeight`),Y)||0),m=convertUnitSize(w(`maxWidth`),Oe),g=convertUnitSize(w(`maxHeight`),Y),isNaN(m)&&(m=1/0),isNaN(g)&&(g=1/0),y=convertUnitSize(E.width,0)||0,b=convertUnitSize(E.height,0)||0,o=parseFloat(w(`width`))||0,s=parseFloat(w(`height`))||0,c=abs(o-y)<1?between(u,y||o,m):o,l=abs(s-b)<1?between(d,b||s,g):s,n=c,r=l,i=c,a=l,D?(_=m,v=g,f=u,p=d,c=n-me,l=r-W):(_=m+me,v=g+W,f=u+me,p=d+W,n=c+me,r=l+W),i=c+ce,a=l+le}return{svg:x,offsetWidth:n,offsetHeight:r,clientWidth:i,clientHeight:a,contentWidth:c,contentHeight:l,inlineCSSWidth:y,inlineCSSHeight:b,cssWidth:o,cssHeight:s,minWidth:u,minHeight:d,maxWidth:m,maxHeight:g,minOffsetWidth:f,minOffsetHeight:p,maxOffsetWidth:_,maxOffsetHeight:v}}function getRotationRad(e,t){return getRad$1(t>0?e[0]:e[1],t>0?e[1]:e[0])}function resetClientRect(){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 getExtendsRect(e,t){var n=e===getDocumentBody(e)||e===getDocumentElement(e),r={clientLeft:e.clientLeft,clientTop:e.clientTop,clientWidth:e.clientWidth,clientHeight:e.clientHeight,scrollWidth:e.scrollWidth,scrollHeight:e.scrollHeight,overflow:!1};return n&&(r.clientHeight=Math.max(t.height,r.clientHeight),r.scrollHeight=Math.max(t.height,r.scrollHeight)),r.overflow=getCachedStyle(e)(`overflow`)!==`visible`,__assign$5(__assign$5({},t),r)}function getClientRectByPosition(e,t,n,r){var i=e.left,a=e.right,o=e.top,s=e.bottom,c=t.top,l=t.left,u={left:l+i,top:c+o,right:l+a,bottom:c+s,width:a-i,height:s-o};return n&&r?getExtendsRect(n,u):u}function getClientRect(e,t){var n=0,r=0,i=0,a=0;if(e){var o=e.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 e&&t?getExtendsRect(e,s):s}function getTotalOrigin(e){var t=e.props,n=t.groupable,r=t.svgOrigin,i=e.getState(),a=i.offsetWidth,o=i.offsetHeight,s=i.svg,c=i.transformOrigin;return!n&&s&&r?convertTransformOriginArray(r,a,o):c}function getTotalDirection(e,t,n,r){var i;if(e)i=e;else if(t)i=[0,0];else{var a=n.target;i=getDirection(a,r)}return i}function getDirection(e,t){if(e){var n=e.getAttribute(`data-rotation`)||``,r=e.getAttribute(`data-direction`);if(t.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 getAbsolutePoses(e,t){return[plus(t,e[0]),plus(t,e[1]),plus(t,e[2]),plus(t,e[3])]}function getAbsolutePosesByState(e){var t=e.left,n=e.top,r=e.pos1,i=e.pos2,a=e.pos3,o=e.pos4;return getAbsolutePoses([r,i,a,o],[t,n])}function unsetAbles(e,t){e[t?`controlAbles`:`targetAbles`].forEach(function(t){t.unset&&t.unset(e)})}function unsetGesto(e,t){var n=t?`controlGesto`:`targetGesto`,r=e[n];r?.isIdle()===!1&&unsetAbles(e,t),r?.unset(),e[n]=null}function fillCSSObject(e,t){if(t){var n=getBeforeRenderableDatas(t);n.nextStyle=__assign$5(__assign$5({},n.nextStyle),e)}return{style:e,cssText:getKeys(e).map(function(t){return`${decamelize(t,`-`)}: ${e[t]};`}).join(``)}}function fillAfterTransform(e,t,n){var r=t.afterTransform||t.transform;return __assign$5(__assign$5({},fillCSSObject(__assign$5(__assign$5(__assign$5({},e.style),t.style),{transform:r}),n)),{afterTransform:r,transform:e.transform})}function fillParams(e,t,n,r){var i=t.datas;i.datas||(i.datas={});var a=__assign$5(__assign$5({},n),{target:e.state.target,clientX:t.clientX,clientY:t.clientY,inputEvent:t.inputEvent,currentTarget:e,moveable:e,datas:i.datas,isRequest:t.isRequest,isRequestChild:t.isRequestChild,isFirstDrag:!!t.isFirstDrag,isTrusted:t.isTrusted!==!1,stopAble:function(){i.isEventStart=!1},stopDrag:function(){var e;(e=t.stop)==null||e.call(t)}});return i.isStartEvent?r||(i.lastEvent=a):i.isStartEvent=!0,a}function fillEndParams(e,t,n){var r=t.datas,i=`isDrag`in n?n.isDrag:t.isDrag;return r.datas||(r.datas={}),__assign$5(__assign$5({isDrag:i},n),{moveable:e,target:e.state.target,clientX:t.clientX,clientY:t.clientY,inputEvent:t.inputEvent,currentTarget:e,lastEvent:r.lastEvent,isDouble:t.isDouble,datas:r.datas,isFirstDrag:!!t.isFirstDrag})}function catchEvent(e,t,n){e._emitter.on(t,n)}function triggerEvent(e,t,n,r,i){return e.triggerEvent(t,n,r,i)}function getComputedStyle$1(e,t){return getWindow(e).getComputedStyle(e,t)}function filterAbles(e,t,n){var r={},i={};return e.filter(function(e){var a=e.name;if(r[a]||!t.some(function(t){return e[t]}))return!1;if(!n&&e.ableGroup){if(i[e.ableGroup])return!1;i[e.ableGroup]=!0}return r[a]=!0,!0})}function equals(e,t){return e===t||e==null&&t==null}function selectValue(){for(var e=[...arguments],t=e.length-1,n=0;n=0?r:180-r,r=r>=0?r:360+r,r}function getDragDistByState(e,t){var n=e.rootMatrix,r=e.is3d,i=invert(n,r?4:3);return r||(i=convertDimension(i,3,4)),i[12]=0,i[13]=0,i[14]=0,calculateMatrixDist(i,t)}function getSizeDistByDist(e,t,n,r,i){var a=__read$1(e,2),o=a[0],s=a[1],c=0,l=0;if(i&&o&&s){var u=getRad$1([0,0],t),d=getRad$1([0,0],r),f=getDistSize(t),p=Math.cos(u-d)*f;if(!r[0])l=p,c=l*n;else if(!r[1])c=p,l=c/n;else{var m=r[0]*o,g=r[1]*s,_=Math.atan2(m+t[0],g+t[1]),v=Math.atan2(m,g);_<0&&(_+=Math.PI*2),v<0&&(v+=Math.PI*2);var y=0;abs(_-v)Math.PI/2*3||(v+=Math.PI),y=_-v,y>Math.PI*2?y-=Math.PI*2:y>Math.PI?y=2*Math.PI-y:y<-Math.PI&&(y=-2*Math.PI-y);var b=getDistSize([m+t[0],g+t[1]])*Math.cos(y);c=b*Math.sin(v)-m,l=b*Math.cos(v)-g,r[0]<0&&(c*=-1),r[1]<0&&(l*=-1)}}else c=r[0]*t[0],l=r[1]*t[1];return[c,l]}function getOffsetSizeDist(e,t,n,r){var i,a=n.ratio,o=n.startOffsetWidth,s=n.startOffsetHeight,c=0,l=0,u=r.distX,d=r.distY,f=r.pinchScale,p=r.parentDistance,m=r.parentDist,g=r.parentScale,_=n.fixedDirection,v=[0,1].map(function(t){return abs(e[t]-_[t])}),y=[0,1].map(function(e){var t=v[e];return t!==0&&(t=2/t),t});if(m)c=m[0],l=m[1],t&&(c?l||(l=c/a):c=l*a);else if(isNumber(f))c=(f-1)*o,l=(f-1)*s;else if(g)c=(g[0]-1)*o,l=(g[1]-1)*s;else if(p){var b=o*v[0],x=s*v[1],S=getDistSize([b,x]);c=p/S*b*y[0],l=p/S*x*y[1]}else{var w=getDragDist({datas:n,distX:u,distY:d});w=y.map(function(e,t){return w[t]*e}),i=__read$1(getSizeDistByDist([o,s],w,a,e,t),2),c=i[0],l=i[1]}return{distWidth:c,distHeight:l}}function convertTransformUnit(e,t){if(t){if(e===`left`)return{x:`0%`,y:`50%`};if(e===`top`||e===`center`)return{x:`50%`,y:`50%`};if(e===`right`)return{x:`100%`,y:`50%`};if(e===`bottom`)return{x:`50%`,y:`100%`};var n=__read$1(e.split(` `),2),r=n[0],i=n[1],a=convertTransformUnit(r||``),o=convertTransformUnit(i||``),s=__assign$5(__assign$5({},a),o),c={x:`50%`,y:`50%`};return s.x&&(c.x=s.x),s.y&&(c.y=s.y),s.value&&(s.x&&!s.y&&(c.y=s.value),!s.x&&s.y&&(c.x=s.value)),c}return e===`left`?{x:`0%`}:e===`right`?{x:`100%`}:e===`top`?{y:`0%`}:e===`bottom`?{y:`100%`}:e?e===`center`?{value:`50%`}:{value:e}:{}}function convertTransformOriginArray(e,t,n){var r=convertTransformUnit(e,!0),i=r.x,a=r.y;return[convertUnitSize(i,t)||0,convertUnitSize(a,n)||0]}function rotatePosesInfo(e,t,n){var r=e.map(function(e){return minus(e,t)}),i=r.map(function(e){return rotate(e,n)});return{prev:r,next:i,result:i.map(function(e){return plus(e,t)})}}function isDeepArrayEquals(e,t){return e.length===t.length&&e.every(function(e,n){var r=t[n],i=isArray$1(e),a=isArray$1(r);return i&&a?isDeepArrayEquals(e,r):!i&&!a?e===r:!1})}function watchValue(e,t,n,r,i){var a=e._store,o=a[t];if(!(t in a))if(i!=null)a[t]=i,o=i;else return a[t]=n,n;return o===n||r(o)===r(n)?o:(a[t]=n,n)}function sign(e){return e>=0?1:-1}function abs(e){return Math.abs(e)}function countEach(e,t){return counter(e).map(function(e){return t(e)})}function getPaddingBox(e){return isNumber(e)?{top:e,left:e,right:e,bottom:e}:{left:e.left||0,top:e.top||0,right:e.right||0,bottom:e.bottom||0}}var Pinchable=makeAble(`pinchable`,{props:[`pinchable`],events:[`pinchStart`,`pinch`,`pinchEnd`,`pinchGroupStart`,`pinchGroup`,`pinchGroupEnd`],dragStart:function(){return!0},pinchStart:function(e,t){var n=t.datas,r=t.targets,i=t.angle,a=t.originalDatas,o=e.props,s=o.pinchable,c=o.ables;if(!s)return!1;var l=`onPinch${r?`Group`:``}Start`,u=`drag${r?`Group`:``}ControlStart`,d=(s===!0?e.controlAbles:c.filter(function(e){return s.indexOf(e.name)>-1})).filter(function(e){return e.canPinch&&e[u]}),f=fillParams(e,t,{});r&&(f.targets=r),n.isPinch=triggerEvent(e,l,f)!==!1,n.ables=d;var p=n.isPinch;return p?(d.forEach(function(n){if(a[n.name]=a[n.name]||{},n[u]){var r=__assign$5(__assign$5({},t),{datas:a[n.name],parentRotate:i,isPinch:!0});n[u](e,r)}}),e.state.snapRenderInfo={request:t.isRequest,direction:[0,0]},p):!1},pinch:function(e,t){var n=t.datas,r=t.scale,i=t.distance,a=t.originalDatas,o=t.inputEvent,s=t.targets,c=t.angle;if(n.isPinch){var l=i*(1-1/r),u=fillParams(e,t,{});s&&(u.targets=s),triggerEvent(e,`onPinch${s?`Group`:``}`,u);var d=n.ables,f=`drag${s?`Group`:``}Control`;return d.forEach(function(n){n[f]&&n[f](e,__assign$5(__assign$5({},t),{datas:a[n.name],inputEvent:o,resolveMatrix:!0,pinchScale:r,parentDistance:l,parentRotate:c,isPinch:!0}))}),u}},pinchEnd:function(e,t){var n=t.datas,r=t.isPinch,i=t.inputEvent,a=t.targets,o=t.originalDatas;if(n.isPinch){var s=`onPinch${a?`Group`:``}End`,c=fillEndParams(e,t,{isDrag:r});a&&(c.targets=a),triggerEvent(e,s,c);var l=n.ables,u=`drag${a?`Group`:``}ControlEnd`;return l.forEach(function(n){n[u]&&n[u](e,__assign$5(__assign$5({},t),{isDrag:r,datas:o[n.name],inputEvent:i,isPinch:!0}))}),r}},pinchGroupStart:function(e,t){return this.pinchStart(e,__assign$5(__assign$5({},t),{targets:e.props.targets}))},pinchGroup:function(e,t){return this.pinch(e,__assign$5(__assign$5({},t),{targets:e.props.targets}))},pinchGroupEnd:function(e,t){return this.pinchEnd(e,__assign$5(__assign$5({},t),{targets:e.props.targets}))}}),directionCondition=getDirectionCondition(`scalable`),Scalable={name:`scalable`,ableGroup:`size`,canPinch:!0,props:[`scalable`,`throttleScale`,`renderDirections`,`keepRatio`,`edge`,`displayAroundControls`],events:[`scaleStart`,`beforeScale`,`scale`,`scaleEnd`,`scaleGroupStart`,`beforeScaleGroup`,`scaleGroup`,`scaleGroupEnd`],render:getRenderDirections(`scalable`),dragControlCondition:directionCondition,viewClassName:getDirectionViewClassName(`scalable`),dragControlStart:function(e,t){var n=t.datas,r=t.isPinch,i=t.inputEvent,a=t.parentDirection,o=getTotalDirection(a,r,i,n),s=e.state,c=s.width,l=s.height,u=s.targetTransform,d=s.target,f=s.pos1,p=s.pos2,m=s.pos4;if(!o||!d)return!1;r||setDragStart(e,t),n.datas={},n.transform=u,n.prevDist=[1,1],n.direction=o,n.startOffsetWidth=c,n.startOffsetHeight=l,n.startValue=[1,1];var g=!o[0]&&!o[1]||o[0]||!o[1];setDefaultTransformIndex(e,t,`scale`),n.isWidth=g;function _(e){n.ratio=e&&isFinite(e)?e:0}n.startPositions=getAbsolutePosesByState(e.state);function v(e){var t=getFixedDirectionInfo(n.startPositions,e);n.fixedDirection=t.fixedDirection,n.fixedPosition=t.fixedPosition,n.fixedOffset=t.fixedOffset}n.setFixedDirection=v,_(getDist$2(f,p)/getDist$2(p,m)),v([-o[0],-o[1]]);var y=function(e){n.minScaleSize=e},b=function(e){n.maxScaleSize=e};y([-1/0,-1/0]),b([1/0,1/0]);var x=fillParams(e,t,__assign$5(__assign$5({direction:o,set:function(e){n.startValue=e},setRatio:_,setFixedDirection:v,setMinScaleSize:y,setMaxScaleSize:b},fillTransformStartEvent(e,t)),{dragStart:Draggable.dragStart(e,new CustomGesto().dragStart([0,0],t))})),S=triggerEvent(e,`onScaleStart`,x);return n.startFixedDirection=n.fixedDirection,S!==!1&&(n.isScale=!0,e.state.snapRenderInfo={request:t.isRequest,direction:o}),n.isScale?x:!1},dragControl:function(e,t){resolveTransformEvent(e,t,`scale`);var n=t.datas,r=t.parentKeepRatio,i=t.parentFlag,a=t.isPinch,o=t.dragClient,s=t.isRequest,c=t.useSnap,l=t.resolveMatrix,u=n.prevDist,d=n.direction,f=n.startOffsetWidth,p=n.startOffsetHeight,m=n.isScale,g=n.startValue,_=n.isWidth,v=n.ratio;if(!m)return!1;var y=e.props,b=y.throttleScale,x=y.parentMoveable,S=d;!d[0]&&!d[1]&&(S=[1,1]);var w=v&&(r??y.keepRatio)||!1,E=e.state,D=[g[0],g[1]];function k(){var e=getOffsetSizeDist(S,w,n,t),r=e.distWidth,i=e.distHeight,a=f?(f+r)/f:1,o=p?(p+i)/p:1;g[0]||(D[0]=r/f),g[1]||(D[1]=i/p);var s=(S[0]||w?a:1)*D[0],c=(S[1]||w?o:1)*D[1];return s===0&&(s=sign(u[0])*MIN_SCALE),c===0&&(c=sign(u[1])*MIN_SCALE),[s,c]}var A=k();if(!a&&e.props.groupable){var N=(E.snapRenderInfo||{}).direction;isArray$1(N)&&(N[0]||N[1])&&(E.snapRenderInfo={direction:d,request:t.isRequest})}triggerEvent(e,`onBeforeScale`,fillParams(e,t,{scale:A,setFixedDirection:function(e){return n.setFixedDirection(e),A=k(),A},startFixedDirection:n.startFixedDirection,setScale:function(e){A=e}},!0));var P=[A[0]/D[0],A[1]/D[1]],F=o,I=[0,0],L=sign(P[0]*P[1]),ae=!o&&!i&&a;if(ae||l?F=getTranslateFixedPosition(e,n.targetAllTransform,[0,0],[0,0],n):o||(F=n.fixedPosition),a||(I=checkSnapScale(e,P,d,!c&&s,n)),w){S[0]&&S[1]&&I[0]&&I[1]&&(Math.abs(I[0]*f)>Math.abs(I[1]*p)?I[1]=0:I[0]=0);var ce=!I[0]&&!I[1];if(ce&&(_?P[0]=throttle(P[0]*D[0],b)/D[0]:P[1]=throttle(P[1]*D[1],b)/D[1]),S[0]&&!S[1]||I[0]&&!I[1]||ce&&_){P[0]+=I[0];var le=f*P[0]*D[0]/v;P[1]=sign(L*P[0])*abs(le/p/D[1])}else if(!S[0]&&S[1]||!I[0]&&I[1]||ce&&!_){P[1]+=I[1];var B=p*P[1]*D[1]*v;P[0]=sign(L*P[1])*abs(B/f/D[0])}}else P[0]+=I[0],P[1]+=I[1],I[0]||(P[0]=throttle(P[0]*D[0],b)/D[0]),I[1]||(P[1]=throttle(P[1]*D[1],b)/D[1]);P[0]===0&&(P[0]=sign(u[0])*MIN_SCALE),P[1]===0&&(P[1]=sign(u[1])*MIN_SCALE),A=multiply2(P,[D[0],D[1]]);var V=[f,p],me=[f*A[0],p*A[1]];me=calculateBoundSize(me,n.minScaleSize,n.maxScaleSize,w?v:!1),A=countEach(2,function(e){return V[e]?me[e]/V[e]:me[e]}),P=countEach(2,function(e){return A[e]/D[e]});var W=countEach(2,function(e){return u[e]?P[e]/u[e]:P[e]}),q=`scale(${P.join(`, `)})`,Oe=`scale(${A.join(`, `)})`,Y=convertTransformFormat(n,Oe,q),Z=!g[0]||!g[1],Be=getScaleDist(e,Z?Oe:q,n.fixedDirection,F,n.fixedOffset,n,Z),Ue=ae?Be:minus(Be,n.prevInverseDist||[0,0]);if(n.prevDist=P,n.prevInverseDist=Be,A[0]===u[0]&&A[1]===u[1]&&Ue.every(function(e){return!e})&&!x&&!ae)return!1;var et=fillParams(e,t,__assign$5({offsetWidth:f,offsetHeight:p,direction:d,scale:A,dist:P,delta:W,isPinch:!!a},fillTransformEvent(e,Y,Ue,a,t)));return triggerEvent(e,`onScale`,et),et},dragControlEnd:function(e,t){var n=t.datas;if(!n.isScale)return!1;n.isScale=!1;var r=fillEndParams(e,t,{});return triggerEvent(e,`onScaleEnd`,r),r},dragGroupControlCondition:directionCondition,dragGroupControlStart:function(e,t){var n=t.datas,r=this.dragControlStart(e,t);if(!r)return!1;var i=fillChildEvents(e,`resizable`,t);n.moveableScale=e.scale;var a=triggerChildAbles(e,this,`dragControlStart`,t,function(t,r){return startChildDist(e,t,n,r)}),o=function(t){r.setFixedDirection(t),a.forEach(function(r,a){r.setFixedDirection(t),startChildDist(e,r.moveable,n,i[a])})};n.setFixedDirection=o;var s=__assign$5(__assign$5({},r),{targets:e.props.targets,events:a,setFixedDirection:o});return n.isScale=triggerEvent(e,`onScaleGroupStart`,s)!==!1,n.isScale?s:!1},dragGroupControl:function(e,t){var n=t.datas;if(n.isScale){catchEvent(e,`onBeforeScale`,function(n){triggerEvent(e,`onBeforeScaleGroup`,fillParams(e,t,__assign$5(__assign$5({},n),{targets:e.props.targets}),!0))});var r=this.dragControl(e,t);if(r){var i=r.dist,a=n.moveableScale;e.scale=[i[0]*a[0],i[1]*a[1]];var o=e.props.keepRatio,s=n.fixedPosition,c=triggerChildAbles(e,this,`dragControl`,t,function(t,n){var r=__read$1(calculate(createRotateMatrix(e.rotation/180*Math.PI,3),[n.datas.originalX*i[0],n.datas.originalY*i[1],1],3),2),a=r[0],c=r[1];return __assign$5(__assign$5({},n),{parentDist:null,parentScale:i,parentKeepRatio:o,dragClient:plus(s,[a,c])})}),l=__assign$5({targets:e.props.targets,events:c},r);return triggerEvent(e,`onScaleGroup`,l),l}}},dragGroupControlEnd:function(e,t){var n=t.isDrag;if(t.datas.isScale){this.dragControlEnd(e,t);var r=triggerChildAbles(e,this,`dragControlEnd`,t);return triggerEvent(e,`onScaleGroupEnd`,fillEndParams(e,t,{targets:e.props.targets,events:r})),n}},request:function(){var e={},t=0,n=0,r=!1;return{isControl:!0,requestStart:function(t){return r=t.useSnap,{datas:e,parentDirection:t.direction||[1,1],useSnap:r}},request:function(i){return t+=i.deltaWidth,n+=i.deltaHeight,{datas:e,parentDist:[t,n],parentKeepRatio:i.keepRatio,useSnap:r}},requestEnd:function(){return{datas:e,isDrag:!0,useSnap:r}}}}};function getMiddleLinePos(e,t){return e.map(function(e,n){return dot$1(e,t[n],1,2)})}function getTriangleRad(e,t,n){var r=getRad$1(e,t),i=getRad$1(e,n)-r;return i>=0?i:i+2*Math.PI}function isValidPos(e,t){var n=getTriangleRad(e[0],e[1],e[2]),r=getTriangleRad(t[0],t[1],t[2]),i=Math.PI;return!(n>=i&&r<=i||n<=i&&r>=i)}var Warpable={name:`warpable`,ableGroup:`size`,props:[`warpable`,`renderDirections`,`edge`,`displayAroundControls`],events:[`warpStart`,`warp`,`warpEnd`],viewClassName:getDirectionViewClassName(`warpable`),render:function(e,t){var n=e.props,r=n.resizable,i=n.scalable,a=n.warpable,o=n.zoom;if(r||i||!a)return[];var s=e.state,c=s.pos1,l=s.pos2,u=s.pos3,d=s.pos4,f=getMiddleLinePos(c,l),p=getMiddleLinePos(l,c),m=getMiddleLinePos(c,u),g=getMiddleLinePos(u,c),_=getMiddleLinePos(u,d),v=getMiddleLinePos(d,u),y=getMiddleLinePos(l,d),b=getMiddleLinePos(d,l);return __spreadArray$3([t.createElement(`div`,{className:prefix$1(`line`),key:`middeLine1`,style:getLineStyle(f,_,o)}),t.createElement(`div`,{className:prefix$1(`line`),key:`middeLine2`,style:getLineStyle(p,v,o)}),t.createElement(`div`,{className:prefix$1(`line`),key:`middeLine3`,style:getLineStyle(m,y,o)}),t.createElement(`div`,{className:prefix$1(`line`),key:`middeLine4`,style:getLineStyle(g,b,o)})],__read$1(renderAllDirections(e,`warpable`,t)),!1)},dragControlCondition:function(e,t){if(t.isRequest)return!1;var n=t.inputEvent.target;return hasClass(n,prefix$1(`direction`))&&hasClass(n,prefix$1(`warpable`))},dragControlStart:function(e,t){var n=t.datas,r=t.inputEvent,i=e.props.target,a=r.target,o=getDirection(a,n);if(!o||!i)return!1;var s=e.state,c=s.transformOrigin,l=s.is3d,u=s.targetTransform,d=s.targetMatrix,f=s.width,p=s.height,m=s.left,g=s.top;return n.datas={},n.targetTransform=u,n.warpTargetMatrix=l?d:convertDimension(d,3,4),n.targetInverseMatrix=ignoreDimension(invert(n.warpTargetMatrix,4),3,4),n.direction=o,n.left=m,n.top=g,n.poses=[[0,0],[f,0],[0,p],[f,p]].map(function(e){return minus(e,c)}),n.nextPoses=n.poses.map(function(e){var t=__read$1(e,2),r=t[0],i=t[1];return calculate(n.warpTargetMatrix,[r,i,0,1],4)}),n.startValue=createIdentityMatrix(4),n.prevMatrix=createIdentityMatrix(4),n.absolutePoses=getAbsolutePosesByState(s),n.posIndexes=getPosIndexesByDirection(o),setDragStart(e,t),setDefaultTransformIndex(e,t,`matrix3d`),s.snapRenderInfo={request:t.isRequest,direction:o},triggerEvent(e,`onWarpStart`,fillParams(e,t,__assign$5({set:function(e){n.startValue=e}},fillTransformStartEvent(e,t))))!==!1&&(n.isWarp=!0),n.isWarp},dragControl:function(e,t){var n=t.datas,r=t.isRequest,i=t.distX,a=t.distY,o=n.targetInverseMatrix,s=n.prevMatrix,c=n.isWarp,l=n.startValue,u=n.poses,d=n.posIndexes,f=n.absolutePoses;if(!c)return!1;if(resolveTransformEvent(e,t,`matrix3d`),hasGuidelines(e,`warpable`)){var p=d.map(function(e){return f[e]});p.length>1&&p.push([(p[0][0]+p[1][0])/2,(p[0][1]+p[1][1])/2]);var m=checkMoveableSnapBounds(e,r,{horizontal:p.map(function(e){return e[1]+a}),vertical:p.map(function(e){return e[0]+i})}),g=m.horizontal,_=m.vertical;a-=g.offset,i-=_.offset}var v=getDragDist({datas:n,distX:i,distY:a},!0),y=n.nextPoses.slice();if(d.forEach(function(e){y[e]=plus(y[e],v)}),!NEARBY_POS.every(function(e){return isValidPos(e.map(function(e){return u[e]}),e.map(function(e){return y[e]}))}))return!1;var b=createWarpMatrix(u[0],u[2],u[1],u[3],y[0],y[2],y[1],y[3]);if(!b.length)return!1;var x=getTransfromMatrix(n,multiply(o,b,4),!0),S=multiply(invert(s,4),x,4);n.prevMatrix=x;var w=multiply(l,x,4),E=convertTransformFormat(n,`matrix3d(${w.join(`, `)})`,`matrix3d(${x.join(`, `)})`);return fillOriginalTransform(t,E),triggerEvent(e,`onWarp`,fillParams(e,t,__assign$5({delta:S,matrix:w,dist:x,multiply,transform:E},fillCSSObject({transform:E},t)))),!0},dragControlEnd:function(e,t){var n=t.datas,r=t.isDrag;return n.isWarp?(n.isWarp=!1,triggerEvent(e,`onWarpEnd`,fillEndParams(e,t,{})),r):!1}},AREA_PIECES=prefix$1(`area-pieces`),AREA_PIECE=prefix$1(`area-piece`),AVOID=prefix$1(`avoid`),VIEW_DRAGGING=prefix$1(`view-dragging`);function restoreStyle(e){var t=e.areaElement;if(t){var n=e.state,r=n.width,i=n.height;removeClass(t,AVOID),t.style.cssText+=`left: 0px; top: 0px; width: ${r}px; height: ${i}px`}}function renderPieces(e){return e.createElement(`div`,{key:`area_pieces`,className:AREA_PIECES},e.createElement(`div`,{className:AREA_PIECE}),e.createElement(`div`,{className:AREA_PIECE}),e.createElement(`div`,{className:AREA_PIECE}),e.createElement(`div`,{className:AREA_PIECE}))}var DragArea={name:`dragArea`,props:[`dragArea`,`passDragArea`],events:[`click`,`clickGroup`],render:function(e,t){var n=e.props,r=n.target,i=n.dragArea,a=n.groupable,o=n.passDragArea,s=e.getState(),c=s.width,l=s.height,u=s.renderPoses,d=o?prefix$1(`area`,`pass`):prefix$1(`area`);if(a)return[t.createElement(`div`,{key:`area`,ref:ref(e,`areaElement`),className:d}),renderPieces(t)];if(!r||!i)return[];var f=createWarpMatrix([0,0],[c,0],[0,l],[c,l],u[0],u[1],u[2],u[3]),p=f.length?makeMatrixCSS(f,!0):`none`;return[t.createElement(`div`,{key:`area`,ref:ref(e,`areaElement`),className:d,style:{top:`0px`,left:`0px`,width:`${c}px`,height:`${l}px`,transformOrigin:`0 0`,transform:p}}),renderPieces(t)]},dragStart:function(e,t){var n=t.datas,r=t.clientX,i=t.clientY;if(!t.inputEvent)return!1;n.isDragArea=!1;var a=e.areaElement,o=e.state,s=o.moveableClientRect,c=o.renderPoses,l=o.rootMatrix,u=o.is3d,d=s.left,f=s.top,p=getRect(c),m=p.left,g=p.top,_=p.width,v=p.height,y=u?4:3,b=__read$1(calculateInversePosition(l,[r-d,i-f],y),2),x=b[0],S=b[1];x-=m,S-=g;var w=[{left:m,top:g,width:_,height:S-10},{left:m,top:g,width:x-10,height:v},{left:m,top:g+S+10,width:_,height:v-S-10},{left:m+x+10,top:g,width:_-x-10,height:v}],E=[].slice.call(a.nextElementSibling.children);w.forEach(function(e,t){E[t].style.cssText=`left: ${e.left}px;top: ${e.top}px; width: ${e.width}px; height: ${e.height}px;`}),addClass(a,AVOID),o.disableNativeEvent=!0},drag:function(e,t){var n=t.datas,r=t.inputEvent;if(this.enableNativeEvent(e),!r)return!1;n.isDragArea||(n.isDragArea=!0,restoreStyle(e))},dragEnd:function(e,t){this.enableNativeEvent(e);var n=t.inputEvent,r=t.datas;if(!n)return!1;r.isDragArea||restoreStyle(e)},dragGroupStart:function(e,t){return this.dragStart(e,t)},dragGroup:function(e,t){return this.drag(e,t)},dragGroupEnd:function(e,t){return this.dragEnd(e,t)},unset:function(e){restoreStyle(e),e.state.disableNativeEvent=!1},enableNativeEvent:function(e){var t=e.state;t.disableNativeEvent&&requestAnimationFrame$1(function(){t.disableNativeEvent=!1})}},Origin=makeAble(`origin`,{props:[`origin`,`svgOrigin`],render:function(e,t){var n=e.props,r=n.zoom,i=n.svgOrigin,a=n.groupable,o=e.getState(),s=o.beforeOrigin,c=o.rotation,l=o.svg,u=o.allMatrix,d=o.is3d,f=o.left,p=o.top,m=o.offsetWidth,g=o.offsetHeight,_;if(!a&&l&&i){var v=__read$1(convertTransformOriginArray(i,m,g),2),y=v[0],b=v[1];_=getControlTransform(c,r,minus(calculatePosition(u,[y,b],d?4:3),[f,p]))}else _=getControlTransform(c,r,s);return[t.createElement(`div`,{className:prefix$1(`control`,`origin`),style:_,key:`beforeOrigin`})]}});function getDefaultScrollPosition$1(e){var t=e.scrollContainer;return[t.scrollLeft,t.scrollTop]}var Scrollable={name:`scrollable`,canPinch:!0,props:[`scrollable`,`scrollContainer`,`scrollThreshold`,`scrollThrottleTime`,`getScrollPosition`,`scrollOptions`],events:[`scroll`,`scrollGroup`],dragRelation:`strong`,dragStart:function(e,t){var n=e.props,r=n.scrollContainer,i=r===void 0?e.getContainer():r,a=n.scrollOptions,o=new DragScroll$1,s=getRefTarget(i,!0);t.datas.dragScroll=o,e.state.dragScroll=o;var c=t.isControl?`controlGesto`:`targetGesto`,l=t.targets;o.on(`scroll`,function(n){var r=n.container,i=n.direction,a=fillParams(e,t,{scrollContainer:r,direction:i}),o=l?`onScrollGroup`:`onScroll`;l&&(a.targets=l),triggerEvent(e,o,a)}).on(`move`,function(t){var n=t.offsetX,r=t.offsetY,i=t.inputEvent;e[c].scrollBy(n,r,i.inputEvent,!1)}).on(`scrollDrag`,function(t){var n=t.next;n(e[c].getCurrentEvent())}),o.dragStart(t,__assign$5({container:s},a))},checkScroll:function(e,t){var n=t.datas.dragScroll;if(n){var r=e.props,i=r.scrollContainer,a=i===void 0?e.getContainer():i,o=r.scrollThreshold,s=o===void 0?0:o,c=r.scrollThrottleTime,l=c===void 0?0:c,u=r.getScrollPosition,d=u===void 0?getDefaultScrollPosition$1:u,f=r.scrollOptions;return n.drag(t,__assign$5({container:a,threshold:s,throttleTime:l,getScrollPosition:function(e){return d({scrollContainer:e.container,direction:e.direction})}},f)),!0}},drag:function(e,t){return this.checkScroll(e,t)},dragEnd:function(e,t){t.datas.dragScroll.dragEnd(),t.datas.dragScroll=null},dragControlStart:function(e,t){return this.dragStart(e,__assign$5(__assign$5({},t),{isControl:!0}))},dragControl:function(e,t){return this.drag(e,t)},dragControlEnd:function(e,t){return this.dragEnd(e,t)},dragGroupStart:function(e,t){return this.dragStart(e,__assign$5(__assign$5({},t),{targets:e.props.targets}))},dragGroup:function(e,t){return this.drag(e,__assign$5(__assign$5({},t),{targets:e.props.targets}))},dragGroupEnd:function(e,t){return this.dragEnd(e,__assign$5(__assign$5({},t),{targets:e.props.targets}))},dragGroupControlStart:function(e,t){return this.dragStart(e,__assign$5(__assign$5({},t),{targets:e.props.targets,isControl:!0}))},dragGroupControl:function(e,t){return this.drag(e,__assign$5(__assign$5({},t),{targets:e.props.targets}))},dragGroupControEnd:function(e,t){return this.dragEnd(e,__assign$5(__assign$5({},t),{targets:e.props.targets}))},unset:function(e){var t,n=e.state;(t=n.dragScroll)==null||t.dragEnd(),n.dragScroll=null}},Default={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`.split(`.`),events:[`changeTargets`]},Padding=makeAble(`padding`,{props:[`padding`],render:function(e,t){var n=e.props;if(n.dragArea)return[];var r=getPaddingBox(n.padding||{}),i=r.left,a=r.top,o=r.right,s=r.bottom,c=e.getState(),l=c.renderPoses,u=[c.pos1,c.pos2,c.pos3,c.pos4],d=[];return i>0&&d.push([0,2]),a>0&&d.push([0,1]),o>0&&d.push([1,3]),s>0&&d.push([2,3]),d.map(function(e,n){var r=__read$1(e,2),i=r[0],a=r[1],o=u[i],s=u[a],c=l[i],d=l[a],f=createWarpMatrix([0,0],[100,0],[0,100],[100,100],o,s,c,d);if(f.length)return t.createElement(`div`,{key:`padding${n}`,className:prefix$1(`padding`),style:{transform:makeMatrixCSS(f,!0)}})})}}),RADIUS_DIRECTIONS=[`nw`,`ne`,`se`,`sw`];function calculateRatio(e,t){var n=e[0]+e[1],r=n>t?t/n:1;return e[0]*=r,e[1]=t-e[1]*r,e}var HORIZONTAL_RADIUS_ORDER=[1,2,5,6],VERTICAL_RADIUS_ORDER=[0,3,4,7],HORIZONTAL_RADIUS_DIRECTIONS=[1,-1,-1,1],VERTICAL_RADIUS_DIRECTIONS=[1,1,-1,-1];function getRadiusStyles(e,t,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 c=[],l=!1,u=e.filter(function(e){return!e.virtual});return{radiusPoses:u,styles:c,raws:u.map(function(e){var u=e.horizontal,d=e.vertical,f=e.pos;if(d&&!l&&(l=!0,c.push(`/`)),l){var p=Math.max(0,d===1?f[1]-a:s-f[1]);return c.push(convertCSSSize(p,r,t)),p}else{var p=Math.max(0,u===1?f[0]-i:o-f[0]);return c.push(convertCSSSize(p,n,t)),p}})}}function getRadiusRange(e){for(var t=[0,0],n=[0,0],r=e.length,i=0;i-1?e.slice(0,d):e).length,p=e.slice(0,f),m=e.slice(f+1),g=p.length,_=m.length,v=_>0,y=__read$1(p,4),b=y[0],x=b===void 0?`0px`:b,S=y[1],w=S===void 0?x:S,E=y[2],D=E===void 0?x:E,k=y[3],A=k===void 0?w:k,N=__read$1(m,4),P=N[0],F=P===void 0?x:P,I=N[1],L=I===void 0?v?F:w:I,ae=N[2],ce=ae===void 0?v?F:D:ae,le=N[3],B=le===void 0?v?L:A:le,V=[x,w,D,A].map(function(e){return convertUnitSize(e,t)}),me=[F,L,ce,B].map(function(e){return convertUnitSize(e,n)}),W=V.slice(),q=me.slice();s=__read$1(calculateRatio([W[0],W[1]],t),2),W[0]=s[0],W[1]=s[1],c=__read$1(calculateRatio([W[3],W[2]],t),2),W[3]=c[0],W[2]=c[1],l=__read$1(calculateRatio([q[0],q[3]],n),2),q[0]=l[0],q[3]=l[1],u=__read$1(calculateRatio([q[1],q[2]],n),2),q[1]=u[0],q[2]=u[1];var Oe=o?W:W.slice(0,Math.max(a[0],g)),Y=o?q:q.slice(0,Math.max(a[1],_));return __spreadArray$3(__spreadArray$3([],__read$1(Oe.map(function(e,t){var a=RADIUS_DIRECTIONS[t];return{virtual:t>=g,horizontal:HORIZONTAL_RADIUS_DIRECTIONS[t],vertical:0,pos:[r+e,i+(VERTICAL_RADIUS_DIRECTIONS[t]===-1?n:0)],sub:!0,raw:V[t],direction:a}})),!1),__read$1(Y.map(function(e,n){var a=RADIUS_DIRECTIONS[n];return{virtual:n>=_,horizontal:0,vertical:VERTICAL_RADIUS_DIRECTIONS[n],pos:[r+(HORIZONTAL_RADIUS_DIRECTIONS[n]===-1?t:0),i+e],sub:!0,raw:me[n],direction:a}})),!1)}function removeRadiusPos(e,t,n,r,i){i===void 0&&(i=t.length);var a=getRadiusRange(e.slice(r)),o=a.horizontalRange,s=a.verticalRange,c=n-r,l=0;if(c===0)l=i;else if(c>0&&c=s[0])l=s[0]+s[1]-c;else return;e.splice(n,l),t.splice(n,l)}function addRadiusPos(e,t,n,r,i,a,o,s,c,l,u){l===void 0&&(l=0),u===void 0&&(u=0);var d=getRadiusRange(e.slice(n)),f=d.horizontalRange,p=d.verticalRange;if(r>-1)for(var m=HORIZONTAL_RADIUS_DIRECTIONS[r]===1?a-l:s-a,g=f[1];g<=r;++g){var _=VERTICAL_RADIUS_DIRECTIONS[g]===1?u:c,v=0;if(r===g?v=a:g===0?v=l+m:HORIZONTAL_RADIUS_DIRECTIONS[g]===-1&&(v=s-(t[n][0]-l)),e.splice(n+g,0,{horizontal:HORIZONTAL_RADIUS_DIRECTIONS[g],vertical:0,pos:[v,_]}),t.splice(n+g,0,[v,_]),g===0)break}else if(i>-1){var y=VERTICAL_RADIUS_DIRECTIONS[i]===1?o-u:c-o;if(f[1]===0&&p[1]===0){var b=[l+y,u];e.push({horizontal:HORIZONTAL_RADIUS_DIRECTIONS[0],vertical:0,pos:b}),t.push(b)}for(var x=p[0],g=p[1];g<=i;++g){var v=HORIZONTAL_RADIUS_DIRECTIONS[g]===1?l:s,_=0;if(i===g?_=o:g===0?_=u+y:VERTICAL_RADIUS_DIRECTIONS[g]===1?_=t[n+x][1]:VERTICAL_RADIUS_DIRECTIONS[g]===-1&&(_=c-(t[n+x][1]-u)),e.push({horizontal:0,vertical:VERTICAL_RADIUS_DIRECTIONS[g],pos:[v,_]}),t.push([v,_]),g===0)break}}}function splitRadiusPoses(e,t){return t===void 0&&(t=e.map(function(e){return e.raw})),{horizontals:e.map(function(e,n){return e.horizontal?t[n]:null}).filter(function(e){return e!=null}),verticals:e.map(function(e,n){return e.vertical?t[n]:null}).filter(function(e){return e!=null})}}var CLIP_DIRECTIONS=[[0,-1,`n`],[1,0,`e`]],CLIP_RECT_DIRECTIONS=[[-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 getClipStyles(e,t,n){var r=e.props.clipRelative,i=e.state,a=i.width,o=i.height,s=t,c=s.type,l=s.poses,u=c===`rect`,d=c===`circle`;if(c===`polygon`)return n.map(function(e){return`${convertCSSSize(e[0],a,r)} ${convertCSSSize(e[1],o,r)}`});if(u||c===`inset`){var f=n[1][1],p=n[3][0],m=n[7][0],g=n[5][1];if(u)return[f,p,g,m].map(function(e){return`${e}px`});var _=[f,a-p,o-g,m].map(function(e,t){return convertCSSSize(e,t%2?a:o,r)});if(n.length>8){var v=__read$1(minus(n[4],n[0]),2),y=v[0],b=v[1];_.push.apply(_,__spreadArray$3([`round`],__read$1(getRadiusStyles(l.slice(8).map(function(e,t){return __assign$5(__assign$5({},e),{pos:n[t]})}),r,y,b,m,f,p,g).styles),!1))}return _}else if(d||c===`ellipse`){var x=n[0],S=convertCSSSize(abs(n[1][1]-x[1]),d?Math.sqrt((a*a+o*o)/2):o,r),_=d?[S]:[convertCSSSize(abs(n[2][0]-x[0]),a,r),S];return _.push(`at`,convertCSSSize(x[0],a,r),convertCSSSize(x[1],o,r)),_}}function getRectPoses(e,t,n,r){var i=[r,(r+t)/2,t],a=[e,(e+n)/2,n];return CLIP_RECT_DIRECTIONS.map(function(e){var t=__read$1(e,3),n=t[0],r=t[1],o=t[2],s=i[n+1],c=a[r+1];return{vertical:abs(r),horizontal:abs(n),direction:o,pos:[s,c]}})}function getControlSize(e){var t=[1/0,-1/0],n=[1/0,-1/0];return e.forEach(function(e){var r=e.pos;t[0]=Math.min(t[0],r[0]),t[1]=Math.max(t[1],r[0]),n[0]=Math.min(n[0],r[1]),n[1]=Math.max(n[1],r[1])}),[abs(t[1]-t[0]),abs(n[1]-n[0])]}function getClipPath(e,t,n,r,i){var a,o,s,c,l,u,d,f,p;if(e){var m=i;if(!m){var g=getCachedStyle(e),_=g(`clipPath`);m=_===`none`?g(`clip`):_}if(!((!m||m===`none`||m===`auto`)&&(m=r,!m))){var v=splitBracket(m),y=v.prefix,b=y===void 0?m:y,x=v.value,S=x===void 0?``:x,w=b===`circle`,E=` `;if(b===`polygon`){var D=splitComma(S||`0% 0%, 100% 0%, 100% 100%, 0% 100%`);E=`,`;var k=D.map(function(e){var r=__read$1(e.split(` `),2),i=r[0],a=r[1];return{vertical:1,horizontal:1,pos:[convertUnitSize(i,t),convertUnitSize(a,n)]}}),A=getMinMaxs(k.map(function(e){return e.pos}));return{type:b,clipText:m,poses:k,splitter:E,left:A.minX,right:A.maxX,top:A.minY,bottom:A.maxY}}else if(w||b===`ellipse`){var N=``,P=``,F=0,I=0,D=splitSpace(S);if(w){var L=``;a=__read$1(D,4),o=a[0],L=o===void 0?`50%`:o,s=a[2],N=s===void 0?`50%`:s,c=a[3],P=c===void 0?`50%`:c,F=convertUnitSize(L,Math.sqrt((t*t+n*n)/2)),I=F}else{var ae=``,ce=``;l=__read$1(D,5),u=l[0],ae=u===void 0?`50%`:u,d=l[1],ce=d===void 0?`50%`:d,f=l[3],N=f===void 0?`50%`:f,p=l[4],P=p===void 0?`50%`:p,F=convertUnitSize(ae,t),I=convertUnitSize(ce,n)}var le=[convertUnitSize(N,t),convertUnitSize(P,n)],k=__spreadArray$3([{vertical:1,horizontal:1,pos:le,direction:`nesw`}],__read$1(CLIP_DIRECTIONS.slice(0,w?1:2).map(function(e){return{vertical:abs(e[1]),horizontal:e[0],direction:e[2],sub:!0,pos:[le[0]+e[0]*F,le[1]+e[1]*I]}})),!1);return{type:b,clipText:m,radiusX:F,radiusY:I,left:le[0]-F,top:le[1]-I,right:le[0]+F,bottom:le[1]+I,poses:k,splitter:E}}else if(b===`inset`){var D=splitSpace(S||`0 0 0 0`),B=D.indexOf(`round`),V=(B>-1?D.slice(0,B):D).length,me=D.slice(V+1),W=__read$1(D.slice(0,V),4),q=W[0],Oe=W[1],Y=Oe===void 0?q:Oe,Z=W[2],Be=Z===void 0?q:Z,Ue=W[3],et=Ue===void 0?Y:Ue,tt=__read$1([q,Be].map(function(e){return convertUnitSize(e,n)}),2),nt=tt[0],rt=tt[1],at=__read$1([et,Y].map(function(e){return convertUnitSize(e,t)}),2),st=at[0],ct=at[1],lt=t-ct,dt=n-rt,ft=getRadiusValues(me,lt-st,dt-nt,st,nt),k=__spreadArray$3(__spreadArray$3([],__read$1(getRectPoses(nt,lt,dt,st)),!1),__read$1(ft),!1);return{type:`inset`,clipText:m,poses:k,top:nt,left:st,right:lt,bottom:dt,radius:me,splitter:E}}else if(b===`rect`){var D=splitComma(S||`0px, ${t}px, ${n}px, 0px`);E=`,`;var bt=__read$1(D.map(function(e){return splitUnit(e).value}),4),Dt=bt[0],ct=bt[1],rt=bt[2],st=bt[3],k=getRectPoses(Dt,ct,rt,st);return{type:`rect`,clipText:m,poses:k,top:Dt,right:ct,bottom:rt,left:st,values:D,splitter:E}}}}}function moveControlPos(e,t,n,r,i){var a=e[t],o=a.direction,s=a.sub,c=e.map(function(){return[0,0]}),l=o?o.split(``):[];if(r&&t<8){var u=l.filter(function(e){return e===`w`||e===`e`}),d=l.filter(function(e){return e===`n`||e===`s`}),f=u[0],p=d[0];c[t]=n;var m=__read$1(getControlSize(e),2),g=m[0],_=m[1],v=g&&_?g/_:0;if(v&&i){var y=e[(t+4)%8].pos,b=[0,0];o.indexOf(`w`)>-1?b[0]=-1:o.indexOf(`e`)>-1&&(b[0]=1),o.indexOf(`n`)>-1?b[1]=-1:o.indexOf(`s`)>-1&&(b[1]=1);var x=getSizeDistByDist([g,_],n,v,b,!0),S=g+x[0],w=_+x[1],E=y[1],D=y[1],k=y[0],A=y[0];b[0]===-1?k=A-S:b[0]===1?A=k+S:(k-=S/2,A+=S/2),b[1]===-1?E=D-w:(b[1]===1||(E=D-w/2),D=E+w);var N=getRectPoses(E,A,D,k);e.forEach(function(e,t){c[t][0]=N[t].pos[0]-e.pos[0],c[t][1]=N[t].pos[1]-e.pos[1]})}else e.forEach(function(e,t){var r=e.direction;r&&(r.indexOf(f)>-1&&(c[t][0]=n[0]),r.indexOf(p)>-1&&(c[t][1]=n[1]))}),f&&(c[1][0]=n[0]/2,c[5][0]=n[0]/2),p&&(c[3][1]=n[1]/2,c[7][1]=n[1]/2)}else o&&!s?l.forEach(function(t){var r=t===`n`||t===`s`;e.forEach(function(e,i){var a=e.direction,o=e.horizontal,s=e.vertical;!a||a.indexOf(t)===-1||(c[i]=[r||!o?0:n[0],!r||!s?0:n[1]])})}):c[t]=n;return c}function addClipPath(e,t){var n=__read$1(calculatePointerDist(e,t),2),r=n[0],i=n[1],a=t.datas,o=a.clipPath,s=a.clipIndex,c=o,l=c.type,u=c.poses,d=c.splitter,f=u.map(function(e){return e.pos});if(l===`polygon`)f.splice(s,0,[r,i]);else if(l===`inset`){var p=HORIZONTAL_RADIUS_ORDER.indexOf(s),m=VERTICAL_RADIUS_ORDER.indexOf(s),g=u.length;if(addRadiusPos(u,f,8,p,m,r,i,f[4][0],f[4][1],f[0][0],f[0][1]),g===u.length)return}else return;var _=getClipStyles(e,o,f),v=`${l}(${_.join(d)})`;triggerEvent(e,`onClip`,fillParams(e,t,__assign$5({clipEventType:`added`,clipType:l,poses:f,clipStyles:_,clipStyle:v,distX:0,distY:0},fillCSSObject({clipPath:v},t))))}function removeClipPath(e,t){var n=t.datas,r=n.clipPath,i=n.clipIndex,a=r,o=a.type,s=a.poses,c=a.splitter,l=s.map(function(e){return e.pos}),u=l.length;if(o===`polygon`)s.splice(i,1),l.splice(i,1);else if(o===`inset`){if(i<8||(removeRadiusPos(s,l,i,8,u),u===s.length))return}else return;var d=getClipStyles(e,r,l),f=`${o}(${d.join(c)})`;triggerEvent(e,`onClip`,fillParams(e,t,__assign$5({clipEventType:`removed`,clipType:o,poses:l,clipStyles:d,clipStyle:f,distX:0,distY:0},fillCSSObject({clipPath:f},t))))}var Clippable={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(e,t){var n=e.props,r=n.customClipPath,i=n.defaultClipPath,a=n.clipArea,o=n.zoom,s=n.groupable,c=e.getState(),l=c.target,u=c.width,d=c.height,f=c.allMatrix,p=c.is3d,m=c.left,g=c.top,_=c.pos1,v=c.pos2,y=c.pos3,b=c.pos4,x=c.clipPathState,S=c.snapBoundInfos,w=c.rotation;if(!l||s)return[];var E=getClipPath(l,u,d,i||`inset`,x||r);if(!E)return[];var D=p?4:3,k=E.type,A=E.poses.map(function(e){var t=calculatePosition(f,e.pos,D);return[t[0]-m,t[1]-g]}),N=[],P=[],F=k===`rect`,I=k===`inset`,L=k===`polygon`;if(F||I||L){var ae=I?A.slice(0,8):A;P=ae.map(function(e,n){var r=n===0?ae[ae.length-1]:ae[n-1],i=getRad$1(r,e),a=getDiagonalSize(r,e);return t.createElement(`div`,{key:`clipLine${n}`,className:prefix$1(`line`,`clip-line`,`snap-control`),"data-clip-index":n,style:{width:`${a}px`,transform:`translate(${r[0]}px, ${r[1]}px) rotate(${i}rad) scaleY(${o})`}})})}if(N=A.map(function(e,n){return t.createElement(`div`,{key:`clipControl${n}`,className:prefix$1(`control`,`clip-control`,`snap-control`),"data-clip-index":n,style:{transform:`translate(${e[0]}px, ${e[1]}px) rotate(${w}rad) scale(${o})`}})}),I&&N.push.apply(N,__spreadArray$3([],__read$1(A.slice(8).map(function(e,n){return t.createElement(`div`,{key:`clipRadiusControl${n}`,className:prefix$1(`control`,`clip-control`,`clip-radius`,`snap-control`),"data-clip-index":8+n,style:{transform:`translate(${e[0]}px, ${e[1]}px) rotate(${w}rad) scale(${o})`}})})),!1)),k===`circle`||k===`ellipse`){var ce=E.left,le=E.top,B=E.radiusX,V=E.radiusY,me=__read$1(minus(calculatePosition(f,[ce,le],D),calculatePosition(f,[0,0],D)),2),W=me[0],q=me[1],Oe=`none`;if(!a){for(var Y=Math.max(10,B/5,V/5),Z=[],Be=0;Be<=Y;++Be){var Ue=Math.PI*2/Y*Be;Z.push([B+(B-o)*Math.cos(Ue),V+(V-o)*Math.sin(Ue)])}Z.push([B,-2]),Z.push([-2,-2]),Z.push([-2,V*2+2]),Z.push([B*2+2,V*2+2]),Z.push([B*2+2,-2]),Z.push([B,-2]),Oe=`polygon(${Z.map(function(e){return`${e[0]}px ${e[1]}px`}).join(`, `)})`}N.push(t.createElement(`div`,{key:`clipEllipse`,className:prefix$1(`clip-ellipse`,`snap-control`),style:{width:`${B*2}px`,height:`${V*2}px`,clipPath:Oe,transform:`translate(${-m+W}px, ${-g+q}px) ${makeMatrixCSS(f)}`}}))}if(a){var et=getRect(__spreadArray$3([_,v,y,b],__read$1(A),!1)),tt=et.width,nt=et.height,rt=et.left,at=et.top;if(L||F||I){var Z=I?A.slice(0,8):A;N.push(t.createElement(`div`,{key:`clipArea`,className:prefix$1(`clip-area`,`snap-control`),style:{width:`${tt}px`,height:`${nt}px`,transform:`translate(${rt}px, ${at}px)`,clipPath:`polygon(${Z.map(function(e){return`${e[0]-rt}px ${e[1]-at}px`}).join(`, `)})`}}))}}return S&&[`vertical`,`horizontal`].forEach(function(e){var n=S[e],r=e===`horizontal`;n.isSnap&&P.push.apply(P,__spreadArray$3([],__read$1(n.snap.posInfos.map(function(n,i){var a=n.pos;return renderLine(t,``,minus(calculatePosition(f,r?[0,a]:[a,0],D),[m,g]),minus(calculatePosition(f,r?[u,a]:[a,d],D),[m,g]),o,`clip${e}snap${i}`,`guideline`)})),!1)),n.isBound&&P.push.apply(P,__spreadArray$3([],__read$1(n.bounds.map(function(n,i){var a=n.pos;return renderLine(t,``,minus(calculatePosition(f,r?[0,a]:[a,0],D),[m,g]),minus(calculatePosition(f,r?[u,a]:[a,d],D),[m,g]),o,`clip${e}bounds${i}`,`guideline`,`bounds`,`bold`)})),!1))}),__spreadArray$3(__spreadArray$3([],__read$1(N),!1),__read$1(P),!1)},dragControlCondition:function(e,t){return t.inputEvent&&(t.inputEvent.target.getAttribute(`class`)||``).indexOf(`clip`)>-1},dragStart:function(e,t){var n=e.props.dragWithClip;return n===void 0||n?!1:this.dragControlStart(e,t)},drag:function(e,t){return this.dragControl(e,__assign$5(__assign$5({},t),{isDragTarget:!0}))},dragEnd:function(e,t){return this.dragControlEnd(e,t)},dragControlStart:function(e,t){var n=e.state,r=e.props,i=r.defaultClipPath,a=r.customClipPath,o=n.target,s=n.width,c=n.height,l=t.inputEvent?t.inputEvent.target:null,u=l&&l.getAttribute(`class`)||``,d=t.datas,f=getClipPath(o,s,c,i||`inset`,a);if(!f)return!1;var p=f.clipText,m=f.type,g=f.poses;return triggerEvent(e,`onClipStart`,fillParams(e,t,{clipType:m,clipStyle:p,poses:g.map(function(e){return e.pos})}))===!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=l?parseInt(l.getAttribute(`data-clip-index`),10):-1,d.clipPath=f,d.isClipStart=!0,n.clipPathState=p,setDragStart(e,t),!0)},dragControl:function(e,t){var n,r,i,a=t.datas,o=t.originalDatas,s=t.isDragTarget;if(!a.isClipStart)return!1;var c=a,l=c.isControl,u=c.isLine,d=c.isArea,f=c.clipIndex,p=c.clipPath;if(!p)return!1;var m=getProps(e.props,`clippable`),g=m.keepRatio,_=0,v=0,y=o.draggable,b=getDragDist(t);s&&y?(n=__read$1(y.prevBeforeDist,2),_=n[0],v=n[1]):(r=__read$1(b,2),_=r[0],v=r[1]);var x=[_,v],S=e.state,w=S.width,E=S.height,D=!d&&!l&&!u,k=p.type,A=p.poses,N=p.splitter,P=A.map(function(e){return e.pos});D&&(_=-_,v=-v);var F=!l||A[f].direction===`nesw`,I=k===`inset`||k===`rect`,L=A.map(function(){return[0,0]});if(l&&!F){var ae=A[f],ce=ae.horizontal,le=ae.vertical;L=moveControlPos(A,f,[_*abs(ce),v*abs(le)],I,g)}else F&&(L=P.map(function(){return[_,v]}));var B=P.map(function(e,t){return plus(e,L[t])}),V=__spreadArray$3([],__read$1(B),!1);S.snapBoundInfos=null;var me=p.type===`circle`,W=p.type===`ellipse`;if(me||W){var q=getRect(B),Oe=abs(q.bottom-q.top),Y=abs(W?q.right-q.left:Oe),Z=B[0][1]+Oe,Be=B[0][0]-Y,Ue=B[0][0]+Y;me&&(V.push([Ue,q.bottom]),L.push([1,0])),V.push([q.left,Z]),L.push([0,1]),V.push([Be,q.bottom]),L.push([1,0])}var et=getDefaultGuidelines((m.clipHorizontalGuidelines||[]).map(function(e){return convertUnitSize(`${e}`,E)}),(m.clipVerticalGuidelines||[]).map(function(e){return convertUnitSize(`${e}`,w)}),w,E),tt=[],nt=[];if(me||W)tt=[V[4][0],V[2][0]],nt=[V[1][1],V[3][1]];else if(I){var rt=[V[0],V[2],V[4],V[6]],at=[L[0],L[2],L[4],L[6]];tt=rt.filter(function(e,t){return at[t][0]}).map(function(e){return e[0]}),nt=rt.filter(function(e,t){return at[t][1]}).map(function(e){return e[1]})}else tt=V.filter(function(e,t){return L[t][0]}).map(function(e){return e[0]}),nt=V.filter(function(e,t){return L[t][1]}).map(function(e){return e[1]});var st=[0,0],ct=checkSnapBounds(et,m.clipTargetBounds&&{left:0,top:0,right:w,bottom:E},tt,nt,5,5),lt=ct.horizontal,dt=ct.vertical,ft=lt.offset,bt=dt.offset;if(lt.isBound&&(st[1]+=ft),dt.isBound&&(st[0]+=bt),(W||me)&&L[0][0]===0&&L[0][1]===0){var q=getRect(B),Dt=q.bottom-q.top,Ot=W?q.right-q.left:Dt,Ft=dt.isBound?abs(bt):dt.snapIndex===0?-bt:bt,zt=lt.isBound?abs(ft):lt.snapIndex===0?-ft:ft;Ot-=Ft,Dt-=zt,me&&(Dt=checkSnapBoundPriority(dt,lt)>0?Dt:Ot,Ot=Dt);var Bt=V[0];V[1][1]=Bt[1]-Dt,V[2][0]=Bt[0]+Ot,V[3][1]=Bt[1]+Dt,V[4][0]=Bt[0]-Ot}else if(I&&g&&l){var Ht=__read$1(getControlSize(A),2),qt=Ht[0],vr=Ht[1],xr=qt&&vr?qt/vr:0,Sr=A[f].direction||``,Cr=V[1][1],Z=V[5][1],Be=V[7][0],Ue=V[3][0];abs(ft)<=abs(bt)?ft=sign(ft)*abs(bt)/xr:bt=sign(bt)*abs(ft)*xr,Sr.indexOf(`w`)>-1?Be-=bt:Sr.indexOf(`e`)>-1?Ue-=bt:(Be+=bt/2,Ue-=bt/2),Sr.indexOf(`n`)>-1?Cr-=ft:Sr.indexOf(`s`)>-1?Z-=ft:(Cr+=ft/2,Z-=ft/2);var Er=getRectPoses(Cr,Ue,Z,Be);V.forEach(function(e,t){var n=__read$1(Er[t].pos,2);e[0]=n[0],e[1]=n[1]})}else V.forEach(function(e,t){var n=L[t];n[0]&&(e[0]-=bt),n[1]&&(e[1]-=ft)});var kr=getClipStyles(e,p,B),Ar=`${k}(${kr.join(N)})`;if(S.clipPathState=Ar,me||W)tt=[V[4][0],V[2][0]],nt=[V[1][1],V[3][1]];else if(I){var rt=[V[0],V[2],V[4],V[6]];tt=rt.map(function(e){return e[0]}),nt=rt.map(function(e){return e[1]})}else tt=V.map(function(e){return e[0]}),nt=V.map(function(e){return e[1]});if(S.snapBoundInfos=checkSnapBounds(et,m.clipTargetBounds&&{left:0,top:0,right:w,bottom:E},tt,nt,1,1),y){var Mr=S.is3d,Fr=S.allMatrix,$r=Mr?4:3,li=st;s&&(li=[x[0]+st[0]-b[0],x[1]+st[1]-b[1]]),y.deltaOffset=multiply(Fr,[li[0],li[1],0,0],$r)}return triggerEvent(e,`onClip`,fillParams(e,t,__assign$5({clipEventType:`changed`,clipType:k,poses:B,clipStyle:Ar,clipStyles:kr,distX:_,distY:v},fillCSSObject((i={},i[k===`rect`?`clip`:`clipPath`]=Ar,i),t)))),!0},dragControlEnd:function(e,t){this.unset(e);var n=t.isDrag,r=t.datas,i=t.isDouble,a=r.isLine,o=r.isClipStart,s=r.isControl;return o?(triggerEvent(e,`onClipEnd`,fillEndParams(e,t,{})),i&&(s?removeClipPath(e,t):a&&addClipPath(e,t)),i||n):!1},unset:function(e){e.state.clipPathState=``,e.state.snapBoundInfos=null}},OriginDraggable={name:`originDraggable`,props:[`originDraggable`,`originRelative`],events:[`dragOriginStart`,`dragOrigin`,`dragOriginEnd`],css:[`:host[data-able-origindraggable] .control.origin { pointer-events: auto; }`],dragControlCondition:function(e,t){return t.isRequest?t.requestAble===`originDraggable`:hasClass(t.inputEvent.target,prefix$1(`origin`))},dragControlStart:function(e,t){var n=t.datas;setDragStart(e,t);var r=fillParams(e,t,{dragStart:Draggable.dragStart(e,new CustomGesto().dragStart([0,0],t))}),i=triggerEvent(e,`onDragOriginStart`,r);return n.startOrigin=e.state.transformOrigin,n.startTargetOrigin=e.state.targetOrigin,n.prevOrigin=[0,0],n.isDragOrigin=!0,i===!1?(n.isDragOrigin=!1,!1):r},dragControl:function(e,t){var n=t.datas,r=t.isPinch,i=t.isRequest;if(!n.isDragOrigin)return!1;var a=__read$1(getDragDist(t),2),o=a[0],s=a[1],c=e.state,l=c.width,u=c.height,d=c.offsetMatrix,f=c.targetMatrix,p=c.is3d,m=e.props.originRelative,g=m===void 0?!0:m,_=p?4:3,v=[o,s];if(i){var y=t.distOrigin;(y[0]||y[1])&&(v=y)}var b=plus(n.startOrigin,v),x=plus(n.startTargetOrigin,v),S=minus(v,n.prevOrigin),w=getNextMatrix(d,f,b,_),E=e.getRect(),D=getRect(calculatePoses(w,l,u,_)),k=[E.left-D.left,E.top-D.top];n.prevOrigin=v;var A=[convertCSSSize(x[0],l,g),convertCSSSize(x[1],u,g)].join(` `),N=Draggable.drag(e,setCustomDrag(t,e.state,k,!!r,!1)),P=fillParams(e,t,__assign$5(__assign$5({width:l,height:u,origin:b,dist:v,delta:S,transformOrigin:A,drag:N},fillCSSObject({transformOrigin:A,transform:N.transform},t)),{afterTransform:N.transform}));return triggerEvent(e,`onDragOrigin`,P),P},dragControlEnd:function(e,t){return t.datas.isDragOrigin?(triggerEvent(e,`onDragOriginEnd`,fillEndParams(e,t,{})),!0):!1},dragGroupControlCondition:function(e,t){return this.dragControlCondition(e,t)},dragGroupControlStart:function(e,t){return!!this.dragControlStart(e,t)},dragGroupControl:function(e,t){var n=this.dragControl(e,t);return n?(e.transformOrigin=n.transformOrigin,!0):!1},request:function(e){var t={},n=e.getRect(),r=0,i=0,a=n.transformOrigin,o=[0,0];return{isControl:!0,requestStart:function(){return{datas:t}},request:function(e){return`deltaOrigin`in e?(o[0]+=e.deltaOrigin[0],o[1]+=e.deltaOrigin[1]):`origin`in e?(o[0]=e.origin[0]-a[0],o[1]=e.origin[1]-a[1]):(`x`in e?r=e.x-n.left:`deltaX`in e&&(r+=e.deltaX),`y`in e?i=e.y-n.top:`deltaY`in e&&(i+=e.deltaY)),{datas:t,distX:r,distY:i,distOrigin:o}},requestEnd:function(){return{datas:t,isDrag:!0}}}}};function addBorderRadiusByLine(e,t,n,r){var i=e.filter(function(e){var t=e.virtual;return e.horizontal&&!t}).length,a=e.filter(function(e){var t=e.virtual;return e.vertical&&!t}).length,o=-1;if(t===0&&(i===0?o=0:i===1&&(o=1)),t===2&&(i<=2?o=2:i<=3&&(o=3)),t===3&&(a===0?o=4:a<4&&(o=7)),t===1&&(a<=1?o=5:a<=2&&(o=6)),!(o===-1||!e[o].virtual)){var s=e[o];addBorderRadius(e,o),o<4?s.pos[0]=n:s.pos[1]=r}}function addBorderRadius(e,t){t<4?e.slice(0,t+1).forEach(function(e){e.virtual=!1}):(e[0].virtual&&(e[0].virtual=!1),e.slice(4,t+1).forEach(function(e){e.virtual=!1}))}function removeBorderRadius(e,t){t<4?e.slice(t,4).forEach(function(e){e.virtual=!0}):e.slice(t).forEach(function(e){e.virtual=!0})}function getBorderRadius(e,t,n,r,i){r===void 0&&(r=[0,0]);var a=[];return a=!e||e===`0px`?[]:splitSpace(e),getRadiusValues(a,t,n,0,0,r,i)}function triggerRoundEvent(e,t,n,r,i){var a=e.state,o=a.width,s=a.height,c=getRadiusStyles(i,e.props.roundRelative,o,s),l=c.raws,u=c.styles,d=c.radiusPoses,f=splitRadiusPoses(d,l),p=f.horizontals,m=f.verticals,g=u.join(` `);a.borderRadiusState=g;var _=fillParams(e,t,__assign$5({horizontals:p,verticals:m,borderRadius:g,width:o,height:s,delta:r,dist:n},fillCSSObject({borderRadius:g},t)));return triggerEvent(e,`onRound`,_),_}function getStyleBorderRadius(e){var t,n,r=e.getState().style,i=r.borderRadius||``;if(!i&&e.props.groupable){var a=e.moveables[0],o=e.getTargets()[0];o&&(a?.props.target===o?(i=e.moveables[0]?.state.style.borderRadius??``,r.borderRadius=i):(i=getComputedStyle$1(o).borderRadius,r.borderRadius=i))}return i}var Roundable={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(e){var t=e.props.roundClickable;return t===!0||t===`line`?prefix$1(`round-line-clickable`):``},requestStyle:function(){return[`borderRadius`]},requestChildStyle:function(){return[`borderRadius`]},render:function(e,t){var n=e.getState(),r=n.target,i=n.width,a=n.height,o=n.allMatrix,s=n.is3d,c=n.left,l=n.top,u=n.borderRadiusState,d=e.props,f=d.minRoundControls,p=f===void 0?[0,0]:f,m=d.maxRoundControls,g=m===void 0?[4,4]:m,_=d.zoom,v=d.roundPadding,y=v===void 0?0:v,b=d.isDisplayShadowRoundControls,x=d.groupable;if(!r)return null;var S=u||getStyleBorderRadius(e),w=s?4:3,E=getBorderRadius(S,i,a,p,!0);if(!E)return null;var D=0,k=0,A=x?[0,0]:[c,l];return E.map(function(e,n){var r=e.horizontal,i=e.vertical,a=e.direction||``,s=__spreadArray$3([],__read$1(e.pos),!1);k+=Math.abs(r),D+=Math.abs(i),r&&a.indexOf(`n`)>-1&&(s[1]-=y),i&&a.indexOf(`w`)>-1&&(s[0]-=y),r&&a.indexOf(`s`)>-1&&(s[1]+=y),i&&a.indexOf(`e`)>-1&&(s[0]+=y);var c=minus(calculatePosition(o,s,w),A),l=b&&b!==`horizontal`,u=e.vertical?D<=g[1]&&(l||!e.virtual):k<=g[0]&&(b||!e.virtual);return t.createElement(`div`,{key:`borderRadiusControl${n}`,className:prefix$1(`control`,`border-radius`,e.vertical?`vertical`:``,e.virtual?`virtual`:``),"data-radius-index":n,style:{display:u?`block`:`none`,transform:`translate(${c[0]}px, ${c[1]}px) scale(${_})`}})})},dragControlCondition:function(e,t){if(!t.inputEvent||t.isRequest)return!1;var n=t.inputEvent.target.getAttribute(`class`)||``;return n.indexOf(`border-radius`)>-1||n.indexOf(`moveable-line`)>-1&&n.indexOf(`moveable-direction`)>-1},dragGroupControlCondition:function(e,t){return this.dragControlCondition(e,t)},dragControlStart:function(e,t){var n=t.inputEvent,r=t.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,c=o?parseInt(i.getAttribute(`data-radius-index`),10):-1,l=-1;if(s){var u=i.getAttribute(`data-line-key`)||``;u&&(l=parseInt(u.replace(/render-line-/g,``),10),isNaN(l)&&(l=-1))}if(!o&&!s)return!1;var d=fillParams(e,t,{});if(triggerEvent(e,`onRoundStart`,d)===!1)return!1;r.lineIndex=l,r.controlIndex=c,r.isControl=o,r.isLine=s,setDragStart(e,t);var f=e.props,p=f.roundRelative,m=f.minRoundControls,g=m===void 0?[0,0]:m,_=e.state,v=_.width,y=_.height;r.isRound=!0,r.prevDist=[0,0];var b=getBorderRadius(getStyleBorderRadius(e)||``,v,y,g,!0)||[];return r.controlPoses=b,_.borderRadiusState=getRadiusStyles(b,p,v,y).styles.join(` `),d},dragControl:function(e,t){var n=t.datas,r=n.controlPoses;if(!n.isRound||!n.isControl||!r.length)return!1;var i=n.controlIndex,a=__read$1(getDragDist(t),2),o=a[0],s=a[1],c=[o,s],l=minus(c,n.prevDist),u=e.props.maxRoundControls,d=u===void 0?[4,4]:u,f=e.state,p=f.width,m=f.height,g=r[i],_=g.vertical,v=g.horizontal,y=r.map(function(e){var t=e.horizontal,n=e.vertical,r=[t*v*c[0],n*_*c[1]];if(t){if(d[0]===1||d[0]<4&&t!==v)return r}else if(d[1]===0)return r[1]=n*v*c[0]/p*m,r;else if(_&&(d[1]===1||d[1]<4&&n!==_))return r;return[0,0]});y[i]=c;var b=r.map(function(e,t){return __assign$5(__assign$5({},e),{pos:plus(e.pos,y[t])})});return i<4?b.slice(0,i+1).forEach(function(e){e.virtual=!1}):b.slice(4,i+1).forEach(function(e){e.virtual=!1}),n.prevDist=[o,s],triggerRoundEvent(e,t,c,l,b)},dragControlEnd:function(e,t){var n=e.state;n.borderRadiusState=``;var r=t.datas,i=t.isDouble;if(!r.isRound)return!1;var a=r.isControl,o=r.controlIndex,s=r.isLine,c=r.lineIndex,l=r.controlPoses,u=l.filter(function(e){return e.virtual}).length,d=e.props.roundClickable,f=d===void 0?!0:d;if(i&&f){if(a&&(f===!0||f===`control`))removeBorderRadius(l,o);else if(s&&(f===!0||f===`line`)){var p=__read$1(calculatePointerDist(e,t),2),m=p[0],g=p[1];addBorderRadiusByLine(l,c,m,g)}u!==l.filter(function(e){return e.virtual}).length&&triggerRoundEvent(e,t,[0,0],[0,0],l)}var _=fillEndParams(e,t,{});return triggerEvent(e,`onRoundEnd`,_),n.borderRadiusState=``,_},dragGroupControlStart:function(e,t){var n=this.dragControlStart(e,t);if(!n)return!1;var r=e.moveables,i=e.props.targets,a=fillChildEvents(e,`roundable`,t);return triggerEvent(e,`onRoundGroupStart`,__assign$5({targets:e.props.targets,events:a.map(function(e,t){return __assign$5(__assign$5({},e),{target:i[t],moveable:r[t],currentTarget:r[t]})})},n)),n},dragGroupControl:function(e,t){var n=this.dragControl(e,t);if(!n)return!1;var r=e.moveables,i=e.props.targets,a=fillChildEvents(e,`roundable`,t),o=__assign$5({targets:e.props.targets,events:a.map(function(e,t){return __assign$5(__assign$5(__assign$5({},e),{target:i[t],moveable:r[t],currentTarget:r[t]}),fillCSSObject({borderRadius:n.borderRadius},e))})},n);return triggerEvent(e,`onRoundGroup`,o),o},dragGroupControlEnd:function(e,t){var n=e.moveables,r=e.props.targets,i=fillChildEvents(e,`roundable`,t);catchEvent(e,`onRound`,function(t){triggerEvent(e,`onRoundGroup`,__assign$5({targets:e.props.targets,events:i.map(function(e,i){return __assign$5(__assign$5(__assign$5({},e),{target:r[i],moveable:n[i],currentTarget:n[i]}),fillCSSObject({borderRadius:t.borderRadius},e))})},t))});var a=this.dragControlEnd(e,t);if(!a)return!1;var o=__assign$5({targets:e.props.targets,events:i.map(function(e,t){var i;return __assign$5(__assign$5({},e),{target:r[t],moveable:n[t],currentTarget:n[t],lastEvent:e.datas?.lastEvent})})},a);return triggerEvent(e,`onRoundGroupEnd`,o),o},unset:function(e){e.state.borderRadiusState=``}};function isIdentityMatrix(e,t){var n=createIdentityMatrix(t?4:3);return e===`matrix${t?`3d`:``}(${n.join(`,`)})`||e===`matrix(1,0,0,1,0,0)`}var BeforeRenderable={isPinch:!0,name:`beforeRenderable`,props:[],events:[`beforeRenderStart`,`beforeRender`,`beforeRenderEnd`,`beforeRenderGroupStart`,`beforeRenderGroup`,`beforeRenderGroupEnd`],dragRelation:`weak`,setTransform:function(e,t){var n=e.state,r=n.is3d,i=n.targetMatrix,a=n.inlineTransform,o=r?`matrix3d(${i.join(`,`)})`:`matrix(${convertMatrixtoCSS(i,!0)})`,s=!a||a===`none`?o:a;t.datas.startTransforms=isIdentityMatrix(s,r)?[]:splitSpace(s)},resetStyle:function(e){var t=e.datas;t.nextStyle={},t.nextTransforms=e.datas.startTransforms,t.nextTransformAppendedIndexes=[]},fillDragStartParams:function(e,t){return fillParams(e,t,{setTransform:function(e){t.datas.startTransforms=isArray$1(e)?e:splitSpace(e)},isPinch:!!t.isPinch})},fillDragParams:function(e,t){return fillParams(e,t,{isPinch:!!t.isPinch})},dragStart:function(e,t){this.setTransform(e,t),this.resetStyle(t),triggerEvent(e,`onBeforeRenderStart`,this.fillDragStartParams(e,t))},drag:function(e,t){t.datas.startTransforms||this.setTransform(e,t),this.resetStyle(t),triggerEvent(e,`onBeforeRender`,fillParams(e,t,{isPinch:!!t.isPinch}))},dragEnd:function(e,t){t.datas.startTransforms||(this.setTransform(e,t),this.resetStyle(t)),triggerEvent(e,`onBeforeRenderEnd`,fillParams(e,t,{isPinch:!!t.isPinch,isDrag:t.isDrag}))},dragGroupStart:function(e,t){var n=this;this.dragStart(e,t);var r=fillChildEvents(e,`beforeRenderable`,t),i=e.moveables,a=r.map(function(e,t){var r=i[t];return n.setTransform(r,e),n.resetStyle(e),n.fillDragStartParams(r,e)});triggerEvent(e,`onBeforeRenderGroupStart`,fillParams(e,t,{isPinch:!!t.isPinch,targets:e.props.targets,setTransform:function(){},events:a}))},dragGroup:function(e,t){var n=this;this.drag(e,t);var r=fillChildEvents(e,`beforeRenderable`,t),i=e.moveables,a=r.map(function(e,t){var r=i[t];return n.resetStyle(e),n.fillDragParams(r,e)});triggerEvent(e,`onBeforeRenderGroup`,fillParams(e,t,{isPinch:!!t.isPinch,targets:e.props.targets,events:a}))},dragGroupEnd:function(e,t){this.dragEnd(e,t),triggerEvent(e,`onBeforeRenderGroupEnd`,fillParams(e,t,{isPinch:!!t.isPinch,isDrag:t.isDrag,targets:e.props.targets}))},dragControlStart:function(e,t){return this.dragStart(e,t)},dragControl:function(e,t){return this.drag(e,t)},dragControlEnd:function(e,t){return this.dragEnd(e,t)},dragGroupControlStart:function(e,t){return this.dragGroupStart(e,t)},dragGroupControl:function(e,t){return this.dragGroup(e,t)},dragGroupControlEnd:function(e,t){return this.dragGroupEnd(e,t)}},Renderable={name:`renderable`,props:[],events:[`renderStart`,`render`,`renderEnd`,`renderGroupStart`,`renderGroup`,`renderGroupEnd`],dragRelation:`weak`,dragStart:function(e,t){triggerEvent(e,`onRenderStart`,fillParams(e,t,{isPinch:!!t.isPinch}))},drag:function(e,t){triggerEvent(e,`onRender`,this.fillDragParams(e,t))},dragAfter:function(e,t){return this.drag(e,t)},dragEnd:function(e,t){triggerEvent(e,`onRenderEnd`,this.fillDragEndParams(e,t))},dragGroupStart:function(e,t){triggerEvent(e,`onRenderGroupStart`,fillParams(e,t,{isPinch:!!t.isPinch,targets:e.props.targets}))},dragGroup:function(e,t){var n=this,r=fillChildEvents(e,`beforeRenderable`,t),i=e.moveables,a=r.map(function(e,t){var r=i[t];return n.fillDragParams(r,e)});triggerEvent(e,`onRenderGroup`,fillParams(e,t,__assign$5(__assign$5({isPinch:!!t.isPinch,targets:e.props.targets,transform:getNextTransformText(t),transformObject:{}},fillCSSObject(getNextStyle(t))),{events:a})))},dragGroupEnd:function(e,t){var n=this,r=fillChildEvents(e,`beforeRenderable`,t),i=e.moveables,a=r.map(function(e,t){var r=i[t];return n.fillDragEndParams(r,e)});triggerEvent(e,`onRenderGroupEnd`,fillParams(e,t,__assign$5({isPinch:!!t.isPinch,isDrag:t.isDrag,targets:e.props.targets,events:a,transformObject:{},transform:getNextTransformText(t)},fillCSSObject(getNextStyle(t)))))},dragControlStart:function(e,t){return this.dragStart(e,t)},dragControl:function(e,t){return this.drag(e,t)},dragControlAfter:function(e,t){return this.dragAfter(e,t)},dragControlEnd:function(e,t){return this.dragEnd(e,t)},dragGroupControlStart:function(e,t){return this.dragGroupStart(e,t)},dragGroupControl:function(e,t){return this.dragGroup(e,t)},dragGroupControlEnd:function(e,t){return this.dragGroupEnd(e,t)},fillDragParams:function(e,t){var n={};return parse(getNextTransforms(t)||[]).forEach(function(e){n[e.name]=e.functionValue}),fillParams(e,t,__assign$5({isPinch:!!t.isPinch,transformObject:n,transform:getNextTransformText(t)},fillCSSObject(getNextStyle(t))))},fillDragEndParams:function(e,t){var n={};return parse(getNextTransforms(t)||[]).forEach(function(e){n[e.name]=e.functionValue}),fillParams(e,t,__assign$5({isPinch:!!t.isPinch,isDrag:t.isDrag,transformObject:n,transform:getNextTransformText(t)},fillCSSObject(getNextStyle(t))))}};function triggerAble(e,t,n,r,i,a,o){a.clientDistX=a.distX,a.clientDistY=a.distY;var s=i===`Start`,c=i===`End`,l=i===`After`,u=e.state.target,d=a.isRequest,f=r.indexOf(`Control`)>-1;if(!u||s&&f&&!d&&e.areaElement===a.inputEvent.target)return!1;var p=__spreadArray$3([],__read$1(t),!1);if(d){var m=a.requestAble;p.some(function(e){return e.name===m})||p.push.apply(p,__spreadArray$3([],__read$1(e.props.ables.filter(function(e){return e.name===m})),!1))}if(!p.length||p.every(function(e){return e.dragRelation}))return!1;var g=a.inputEvent,_;c&&g&&(_=document.elementFromPoint(a.clientX,a.clientY)||g.target);var v=!1,y=function(){var e;v=!0,(e=a.stop)==null||e.call(a)},b=s&&(!e.targetGesto||!e.controlGesto||!e.targetGesto.isFlag()||!e.controlGesto.isFlag());b&&e.updateRect(i,!0,!1);var x=a.datas,S=f?`controlGesto`:`targetGesto`,w=e[S],E=function(t,n,r){if(!(n in t)||w!==e[S])return!1;var i=t.name,o=x[i]||(x[i]={});if(s&&(o.isEventStart=!r||!t[r]||t[r](e,a)),!o.isEventStart)return!1;var c=t[n](e,__assign$5(__assign$5({},a),{stop:y,datas:o,originalDatas:x,inputTarget:_}));return e._emitter.off(),s&&c===!1&&(o.isEventStart=!1),c};b&&p.forEach(function(t){t.unset&&t.unset(e)}),E(BeforeRenderable,`drag${r}${i}`);var D=0,k=0;n.forEach(function(t){if(v)return!1;var n=`${t}${r}${i}`,o=`${t}${r}Condition`;i===``&&!d&&convertDragDist(e.state,a);var c=p.filter(function(e){return e[n]});c=c.filter(function(e,t){return e.name&&c.indexOf(e)===t});var l=c.filter(function(e){return E(e,n,o)}).length;v&&++D,l&&++k,!v&&s&&c.length&&!l&&(D+=+!!c.filter(function(e){return x[e.name].isEventStart?e.dragRelation!==`strong`:!1}).length)}),(!l||k)&&E(Renderable,`drag${r}${i}`);var A=w!==e[S]||D===n.length;return(c||v||A)&&(e.state.gestos={},e.moveables&&e.moveables.forEach(function(e){e.state.gestos={}}),p.forEach(function(t){t.unset&&t.unset(e)})),s&&!A&&!d&&k&&e.props.preventDefault&&a?.preventDefault(),e.isUnmounted||A?!1:((!s&&k&&!o||c)&&(e.props.flushSync||defaultSync)(function(){e.updateRect(c?i:``,!0,!1),e.forceUpdate()}),!s&&!c&&!l&&k&&!o&&triggerAble(e,t,n,r,i+`After`,a),!0)}function checkMoveableTarget(e,t){return function(n,r){var i;r===void 0&&(r=n.inputEvent.target);var a=r,o=e.areaElement,s=e._dragTarget;return!s||!t&&e.controlGesto?.isFlag()?!1:a===s||s.contains(a)||a===o||!e.isMoveableElement(a)&&!e.controlBox.contains(a)||hasClass(a,`moveable-area`)||hasClass(a,`moveable-padding`)||hasClass(a,`moveable-edgeDraggable`)}}function getTargetAbleGesto(e,t,n){var r=e.controlBox,i=[],a=e.props,o=a.dragArea,s=e.state.target,c=a.dragTarget;i.push(r),(!o||c)&&i.push(t),!o&&c&&s&&t!==s&&a.dragTargetSelf&&i.push(s);var l=checkMoveableTarget(e);return getAbleGesto(e,i,`targetAbles`,n,{dragStart:l,pinchStart:l})}function getControlAbleGesto(e,t){var n=e.controlBox,r=[];r.push(n);var i=checkMoveableTarget(e,!0),a=function(e,t){return t===void 0&&(t=e.inputEvent.target),t===n?!0:!i(e,t)};return getAbleGesto(e,r,`controlAbles`,t,{dragStart:a,pinchStart:a})}function getAbleGesto(e,t,n,r,i){i===void 0&&(i={});var a=n===`targetAbles`,o=e.props,s=o.pinchOutside,c=o.pinchThreshold,l=o.preventClickEventOnDrag,u=o.preventClickDefault,d=o.checkInput,f=o.dragFocusedInput,p=o.preventDefault,m=p===void 0?!0:p,g=o.preventRightClick,_=g===void 0?!0:g,v=o.preventWheelClick,y=v===void 0?!0:v,b=o.dragContainer,x=new Gesto(t,{preventDefault:m,preventRightClick:_,preventWheelClick:y,container:getRefTarget(b,!0)||getWindow(e.getControlBoxElement()),pinchThreshold:c,pinchOutside:s,preventClickEventOnDrag:a?l:!1,preventClickEventOnDragStart:a?u:!1,preventClickEventByCondition:a?null:function(t){return e.controlBox.contains(t.target)},checkInput:a?d:!1,dragFocusedInput:f}),S=r===`Control`;return[`drag`,`pinch`].forEach(function(t){[`Start`,``,`End`].forEach(function(a){x.on(`${t}${a}`,function(o){var s,c=o.eventType,l=t===`drag`&&o.isPinch;if(i[c]&&!i[c](o)){o.stop();return}if(!l){var u=t===`drag`?[t]:[`drag`,t];triggerAble(e,__spreadArray$3([],__read$1(e[n]),!1),u,r,a,o)?(e.props.stopPropagation||a===`Start`&&S)&&((s=o?.inputEvent)==null||s.stopPropagation()):o.stop()}})})}),x}var EventManager=function(){function e(e,t,n){var r=this;this.target=e,this.moveable=t,this.eventName=n,this.ables=[],this._onEvent=function(e){var t=r.eventName,n=r.moveable;n.state.disableNativeEvent||r.ables.forEach(function(r){r[t](n,{inputEvent:e})})},e.addEventListener(n.toLowerCase(),this._onEvent)}return e.prototype.setAbles=function(e){this.ables=e},e.prototype.destroy=function(){this.target.removeEventListener(this.eventName.toLowerCase(),this._onEvent),this.target=null,this.moveable=null},e}();function calculateMatrixStack(e,t,n,r){var i;n===void 0&&(n=t);var a=getMatrixStackInfo(e,t),o=a.matrixes,s=a.is3d,c=a.targetMatrix,l=a.transformOrigin,u=a.targetOrigin,d=a.offsetContainer,f=a.hasFixed,p=a.zoom,m=getCachedMatrixContainerInfo(d,n),g=m.matrixes,_=m.is3d,v=m.offsetContainer,y=m.zoom,b=r||_||s,x=b?4:3,S=e.tagName.toLowerCase()!==`svg`&&`ownerSVGElement`in e,w=c,E=createIdentityMatrix(x),D=createIdentityMatrix(x),k=createIdentityMatrix(x),A=createIdentityMatrix(x),N=o.length,P=g.map(function(e){return __assign$5(__assign$5({},e),{matrix:e.matrix?__spreadArray$3([],__read$1(e.matrix),!1):void 0})}).reverse();o.reverse(),!s&&b&&(w=convertDimension(w,3,4),convert3DMatrixes(o)),!_&&b&&convert3DMatrixes(P),P.forEach(function(e){D=multiply(D,e.matrix,x)});var F=n||getDocumentBody(e),I=P[0]?.target||getOffsetInfo(F,F,!0).offsetParent,L=P.slice(1).reduce(function(e,t){return multiply(e,t.matrix,x)},createIdentityMatrix(x));o.forEach(function(e,t){if(N-2===t&&(k=E.slice()),N-1===t&&(A=E.slice()),!e.matrix){var n=o[t+1];e.matrix=createOriginMatrix(getSVGOffset(e,n,I,x,multiply(L,E,x)),x)}E=multiply(E,e.matrix,x)});var ae=!S&&s;w||(w=createIdentityMatrix(ae?4:3));var ce=makeMatrixCSS(S&&w.length===16?convertDimension(w,4,3):w,ae),le=D;return D=ignoreDimension(D,x,x),{hasZoom:p!==1||y!==1,hasFixed:f,matrixes:o,rootMatrix:D,originalRootMatrix:le,beforeMatrix:k,offsetMatrix:A,allMatrix:E,targetMatrix:w,targetTransform:ce,inlineTransform:e.style.transform,transformOrigin:l,targetOrigin:u,is3d:b,offsetContainer:d,offsetRootContainer:v}}function calculateElementInfo(e,t,n,r){n===void 0&&(n=t);var i=0,a=0,o=0,s={},c=getSize(e);if(e&&(i=c.offsetWidth,a=c.offsetHeight),e){var l=calculateMatrixStack(e,t,n,r),u=calculateElementPosition(l.allMatrix,l.transformOrigin,i,a);s=__assign$5(__assign$5({},l),u);var d=calculateElementPosition(l.allMatrix,[50,50],100,100);o=getRotationRad([d.pos1,d.pos2],d.direction)}var f=r?4:3;return __assign$5(__assign$5(__assign$5({hasZoom:!1,width:i,height:a,rotation:o},c),{originalRootMatrix:createIdentityMatrix(f),rootMatrix:createIdentityMatrix(f),beforeMatrix:createIdentityMatrix(f),offsetMatrix:createIdentityMatrix(f),allMatrix:createIdentityMatrix(f),targetMatrix:createIdentityMatrix(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 getMoveableTargetInfo(e,t,n,r,i,a){a===void 0&&(a=[]);var o=1,s=[0,0],c=resetClientRect(),l=resetClientRect(),u=resetClientRect(),d=resetClientRect(),f=[0,0],p={},m=calculateElementInfo(t,n,i,!0);if(t){var g=getCachedStyle(t);a.forEach(function(e){p[e]=g(e)});var _=m.is3d?4:3,v=calculateElementPosition(m.offsetMatrix,plus(m.transformOrigin,getOrigin(m.targetMatrix,_)),m.width,m.height);o=v.direction,s=plus(v.origin,[v.left-m.left,v.top-m.top]),d=getClientRect(m.offsetRootContainer);var y=getOffsetInfo(r,r,!0).offsetParent||m.offsetRootContainer;if(m.hasZoom){var b=calculateElementPosition(multiply(m.originalRootMatrix,m.allMatrix),m.transformOrigin,m.width,m.height),x=calculateElementPosition(m.originalRootMatrix,getTransformOriginArray(getCachedStyle(y)(`transformOrigin`)).map(function(e){return parseFloat(e)}),y.offsetWidth,y.offsetHeight);if(c=getClientRectByPosition(b,d),u=getClientRectByPosition(x,d,y,!0),e){var S=b.left,w=b.top;l=getClientRectByPosition({left:S,top:w,bottom:w,right:w},d)}}else{c=getClientRect(t),u=getCachedClientRect(y),e&&(l=getClientRect(e));var E=u.left,D=u.top,k=u.clientLeft,A=u.clientTop,N=[c.left-E,c.top-D];f=minus(calculateInversePosition(m.rootMatrix,N,4),[k+m.left,A+m.top])}}return __assign$5({targetClientRect:c,containerClientRect:u,moveableClientRect:l,rootContainerClientRect:d,beforeDirection:o,beforeOrigin:s,originalBeforeOrigin:s,target:t,style:p,offsetDelta:f},m)}function getPersistState(e){var t=e.pos1,n=e.pos2,r=e.pos3,i=e.pos4;if(!t||!n||!r||!i)return null;var a=getMinMaxs([t,n,r,i]),o=[a.minX,a.minY],s=minus(e.origin,o);return t=minus(t,o),n=minus(n,o),r=minus(r,o),i=minus(i,o),__assign$5(__assign$5({},e),{left:e.left,top:e.top,posDelta:o,pos1:t,pos2:n,pos3:r,pos4:i,origin:s,beforeOrigin:s,isPersisted:!0})}var MoveableManager=function(e){__extends$7(t,e);function t(){var t=e!==null&&e.apply(this,arguments)||this;return t.state=__assign$5({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]},getMoveableTargetInfo(null)),t.renderState={},t.enabledAbles=[],t.targetAbles=[],t.controlAbles=[],t.rotation=0,t.scale=[1,1],t.isMoveableMounted=!1,t.isUnmounted=!1,t.events={mouseEnter:null,mouseLeave:null},t._emitter=new EventEmitter$7,t._prevOriginalDragTarget=null,t._originalDragTarget=null,t._prevDragTarget=null,t._dragTarget=null,t._prevPropTarget=null,t._propTarget=null,t._prevDragArea=!1,t._isPropTargetChanged=!1,t._hasFirstTarget=!1,t._reiszeObserver=null,t._observerId=0,t._mutationObserver=null,t._rootContainer=null,t._viewContainer=null,t._viewClassNames=[],t._store={},t.checkUpdateRect=function(){if(!t.isDragging()){var e=t.props.parentMoveable;if(e){e.checkUpdateRect();return}cancelAnimationFrame(t._observerId),t._observerId=requestAnimationFrame$1(function(){t.isDragging()||t.updateRect()})}},t._onPreventClick=function(e){e.stopPropagation(),e.preventDefault()},t}return t.prototype.render=function(){var e=this.props,t=this.getState(),n=e.parentPosition,r=e.className,i=e.target,a=e.zoom,o=e.cspNonce,s=e.translateZ,c=e.cssStyled,l=e.groupable,u=e.linePadding,d=e.controlPadding;this._checkUpdateRootContainer(),this.checkUpdate(),this.updateRenderPoses();var f=__read$1(n||[0,0],2),p=f[0],m=f[1],g=t.left,_=t.top,v=t.target,y=t.direction,b=t.hasFixed,x=t.offsetDelta,S=e.targets,w=this.isDragging(),E={};this.getEnabledAbles().forEach(function(e){E[`data-able-${e.name.toLowerCase()}`]=!0});var D=this._getAbleClassName(),k=S&&S.length&&(v||l)||i||!this._hasFirstTarget&&this.state.isPersisted,A=this.controlBox||this.props.firstRenderState||this.props.persistData,N=[g-p,_-m];!l&&e.useAccuratePosition&&(N[0]+=x[0],N[1]+=x[1]);var P={position:b?`fixed`:`absolute`,display:k?`block`:`none`,visibility:A?`visible`:`hidden`,transform:`translate3d(${N[0]}px, ${N[1]}px, ${s})`,"--zoom":a,"--zoompx":`${a}px`};return u&&(P[`--moveable-line-padding`]=u),d&&(P[`--moveable-control-padding`]=d),createElement(c,__assign$5({cspNonce:o,ref:ref(this,`controlBox`),className:`${prefix$1(`control-box`,y===-1?`reverse`:``,w?`dragging`:``)} ${D} ${r}`},E,{onClick:this._onPreventClick,style:P}),this.renderAbles(),this._renderLines())},t.prototype.componentDidMount=function(){this.isMoveableMounted=!0,this.isUnmounted=!1;var e=this.props,t=e.parentMoveable,n=e.container;this._checkUpdateRootContainer(),this._checkUpdateViewContainer(),this._updateTargets(),this._updateNativeEvents(),this._updateEvents(),this.updateCheckInput(),this._updateObserver(this.props),!n&&!t&&!this.state.isPersisted&&(this.updateRect(``,!1,!1),this.forceUpdate())},t.prototype.componentDidUpdate=function(e){this._checkUpdateRootContainer(),this._checkUpdateViewContainer(),this._updateNativeEvents(),this._updateTargets(),this._updateEvents(),this.updateCheckInput(),this._updateObserver(e)},t.prototype.componentWillUnmount=function(){var e,t;this.isMoveableMounted=!1,this.isUnmounted=!0,this._emitter.off(),(e=this._reiszeObserver)==null||e.disconnect(),(t=this._mutationObserver)==null||t.disconnect(),this._viewContainer&&this._changeAbleViewClassNames([]),unsetGesto(this,!1),unsetGesto(this,!0);var n=this.events;for(var r in n){var i=n[r];i&&i.destroy()}},t.prototype.getTargets=function(){var e=this.props.target;return e?[e]:[]},t.prototype.getAble=function(e){return find$1(this.props.ables||[],function(t){return t.name===e})},t.prototype.getContainer=function(){var e=this.props,t=e.parentMoveable,n=e.wrapperMoveable;return e.container||n&&n.getContainer()||t&&t.getContainer()||this.controlBox.parentElement},t.prototype.getControlBoxElement=function(){return this.controlBox},t.prototype.getDragElement=function(){return this._dragTarget},t.prototype.isMoveableElement=function(e){var t;return e&&(e.getAttribute?.call(e,`class`)||``).indexOf(PREFIX$1)>-1},t.prototype.dragStart=function(e,t){t===void 0&&(t=e.target);var n=this.targetGesto,r=this.controlGesto;return n&&checkMoveableTarget(this)({inputEvent:e},t)?n.isFlag()||n.triggerDragStart(e):r&&this.isMoveableElement(t)&&(r.isFlag()||r.triggerDragStart(e)),this},t.prototype.hitTest=function(e){var t=this.state,n=t.target,r=t.pos1,i=t.pos2,a=t.pos3,o=t.pos4,s=t.targetClientRect;if(!n)return 0;var c;if(isNode(e)){var l=e.getBoundingClientRect();c={left:l.left,top:l.top,width:l.width,height:l.height}}else c=__assign$5({width:0,height:0},e);var u=c.left,d=c.top,f=c.width,p=c.height,m=fitPoints([r,i,o,a],s),g=getOverlapSize(m,[[u,d],[u+f,d],[u+f,d+p],[u,d+p]]),_=getAreaSize(m);return!g||!_?0:Math.min(100,g/_*100)},t.prototype.isInside=function(e,t){var n=this.state,r=n.target,i=n.pos1,a=n.pos2,o=n.pos3,s=n.pos4,c=n.targetClientRect;return r?isInside([e,t],fitPoints([i,a,s,o],c)):!1},t.prototype.updateRect=function(e,t,n){n===void 0&&(n=!0);var r=this.props,i=!r.parentPosition&&!r.wrapperMoveable;i&&setStoreCache(!0);var a=r.parentMoveable,o=this.state.target||r.target,s=this.getContainer(),c=a?a._rootContainer:this._rootContainer,l=getMoveableTargetInfo(this.controlBox,o,s,s,c||s,this._getRequestStyles());if(!o&&this._hasFirstTarget&&r.persistData){var u=getPersistState(r.persistData);for(var d in u)l[d]=u[d]}i&&setStoreCache(),this.updateState(l,a?!1:n)},t.prototype.isDragging=function(e){var t,n,r=this.targetGesto,i=this.controlGesto;if(r?.isFlag()){if(!e)return!0;var a=r.getEventData();return!!a[e]?.isEventStart}if(i?.isFlag()){if(!e)return!0;var a=i.getEventData();return!!a[e]?.isEventStart}return!1},t.prototype.updateTarget=function(e){this.updateRect(e,!0)},t.prototype.getRect=function(){var e=this.state,t=getAbsolutePosesByState(this.state),n=__read$1(t,4),r=n[0],i=n[1],a=n[2],o=n[3],s=getRect(t),c=e.width,l=e.height,u=s.width,d=s.height,f=s.left,p=s.top,m=[e.left,e.top],g=plus(m,e.origin);return{width:u,height:d,left:f,top:p,pos1:r,pos2:i,pos3:a,pos4:o,offsetWidth:c,offsetHeight:l,beforeOrigin:plus(m,e.beforeOrigin),origin:g,transformOrigin:e.transformOrigin,rotation:this.getRotation()}},t.prototype.getManager=function(){return this},t.prototype.stopDrag=function(e){if(!e||e===`target`){var t=this.targetGesto;t?.isIdle()===!1&&unsetAbles(this,!1),t?.stop()}if(!e||e===`control`){var t=this.controlGesto;t?.isIdle()===!1&&unsetAbles(this,!0),t?.stop()}},t.prototype.getRotation=function(){var e=this.state,t=e.pos1,n=e.pos2,r=e.direction;return getAbsoluteRotation(t,n,r)},t.prototype.request=function(e,t,n){t===void 0&&(t={});var r=this,i=r.props,a=i.parentMoveable||i.wrapperMoveable||r,o=a.props.ables,s=i.groupable,c=find$1(o,function(t){return t.name===e});if(this.isDragging()||!c||!c.request)return{request:function(){return this},requestEnd:function(){return this}};var l=c.request(r),u=n||t.isInstant,d=l.isControl?`controlAbles`:`targetAbles`,f=`${s?`Group`:``}${l.isControl?`Control`:``}`,p=__spreadArray$3([],__read$1(a[d]),!1),m={request:function(t){return triggerAble(r,p,[`drag`],f,``,__assign$5(__assign$5({},l.request(t)),{requestAble:e,isRequest:!0}),u),m},requestEnd:function(){return triggerAble(r,p,[`drag`],f,`End`,__assign$5(__assign$5({},l.requestEnd()),{requestAble:e,isRequest:!0}),u),m}};return triggerAble(r,p,[`drag`],f,`Start`,__assign$5(__assign$5({},l.requestStart(t)),{requestAble:e,isRequest:!0}),u),u?m.request(t).requestEnd():m},t.prototype.getMoveables=function(){return[this]},t.prototype.destroy=function(){this.componentWillUnmount()},t.prototype.updateRenderPoses=function(){var e=this.getState(),t=this.props,n=t.padding,r=e.originalBeforeOrigin,i=e.transformOrigin,a=e.allMatrix,o=e.is3d,s=e.pos1,c=e.pos2,l=e.pos3,u=e.pos4,d=e.left,f=e.top,p=e.isPersisted,m=t.zoom||1;if(!n&&m<=1){e.renderPoses=[s,c,l,u],e.renderLines=[[s,c],[c,u],[u,l],[l,s]];return}var g=getPaddingBox(n||{}),_=g.left,v=g.top,y=g.bottom,b=g.right,x=o?4:3,S=[];S=p?i:this.controlBox&&t.groupable?r:plus(r,[d,f]);var w=multiplies(x,createOriginMatrix(S.map(function(e){return-e}),x),a,createOriginMatrix(i,x)),E=calculatePadding(w,s,[-_,-v],x),D=calculatePadding(w,c,[b,-v],x),k=calculatePadding(w,l,[-_,y],x),A=calculatePadding(w,u,[b,y],x);if(e.renderPoses=[E,D,k,A],e.renderLines=[[E,D],[D,A],[A,k],[k,E]],m){var N=m/2;e.renderLines=[[calculatePadding(w,s,[-_-N,-v],x),calculatePadding(w,c,[b+N,-v],x)],[calculatePadding(w,c,[b,-v-N],x),calculatePadding(w,u,[b,y+N],x)],[calculatePadding(w,u,[b+N,y],x),calculatePadding(w,l,[-_-N,y],x)],[calculatePadding(w,l,[-_,y+N],x),calculatePadding(w,s,[-_,-v-N],x)]]}},t.prototype.checkUpdate=function(){this._isPropTargetChanged=!1;var e=this.props,t=e.target,n=e.container,r=e.parentMoveable,i=this.state,a=i.target,o=i.container;if(!(!a&&!t)){this.updateAbles();var s=!equals(a,t);if(s||!equals(o,n)){var c=n||this.controlBox;c&&this.unsetAbles(),this.updateState({target:t,container:n}),!r&&c&&this.updateRect(`End`,!1,!1),this._isPropTargetChanged=s}}},t.prototype.waitToChangeTarget=function(){return new Promise(function(){})},t.prototype.triggerEvent=function(e,t){var n=this.props;if(this._emitter.trigger(e,t),n.parentMoveable&&t.isRequest&&!t.isRequestChild)return n.parentMoveable.triggerEvent(e,t,!0);var r=n[e];return r&&r(t)},t.prototype.useCSS=function(e,t){var n=this.props.customStyledMap,r=e+t;return n[r]||(n[r]=styled(e,t)),n[r]},t.prototype.getState=function(){var e,t=this.props;(t.target||t.targets?.length)&&(this._hasFirstTarget=!0);var n=this.controlBox,r=t.persistData,i=t.firstRenderState;if(i&&!n)return i;if(!this._hasFirstTarget&&r){var a=getPersistState(r);if(a)return this.updateState(a,!1),this.state}return this.state.isPersisted=!1,this.state},t.prototype.updateSelectors=function(){},t.prototype.unsetAbles=function(){var e=this;this.targetAbles.forEach(function(t){t.unset&&t.unset(e)})},t.prototype.updateAbles=function(e,t){e===void 0&&(e=this.props.ables),t===void 0&&(t=``);var n=this.props.triggerAblesSimultaneously,r=this.getEnabledAbles(e),i=`drag${t}Start`,a=`pinch${t}Start`,o=`drag${t}ControlStart`,s=filterAbles(r,[i,a],n),c=filterAbles(r,[o],n);this.enabledAbles=r,this.targetAbles=s,this.controlAbles=c},t.prototype.updateState=function(e,t){if(t){if(this.isUnmounted)return;this.setState(e)}else{var n=this.state;for(var r in e)n[r]=e[r]}},t.prototype.getEnabledAbles=function(e){e===void 0&&(e=this.props.ables);var t=this.props;return e.filter(function(e){return e&&(e.always&&t[e.name]!==!1||t[e.name])})},t.prototype.renderAbles=function(){var e=this,t=this.props.triggerAblesSimultaneously,n={createElement};return this.renderState={},groupByMap(flat(filterAbles(this.getEnabledAbles(),[`render`],t).map(function(t){var r=t.render;return r(e,n)||[]})).filter(function(e){return e}),function(e){return e.key}).map(function(e){return e[0]})},t.prototype.updateCheckInput=function(){this.targetGesto&&(this.targetGesto.options.checkInput=this.props.checkInput)},t.prototype._getRequestStyles=function(){return this.getEnabledAbles().reduce(function(e,t){var n,r,i=t.requestStyle?.call(t)??[];return __spreadArray$3(__spreadArray$3([],__read$1(e),!1),__read$1(i),!1)},__spreadArray$3([],__read$1(this.props.requestStyles||[]),!1))},t.prototype._updateObserver=function(e){this._updateResizeObserver(e),this._updateMutationObserver(e)},t.prototype._updateEvents=function(){var e=this.targetAbles.length,t=this.controlAbles.length,n=this._dragTarget;(!e&&this.targetGesto||this._isTargetChanged(!0))&&(unsetGesto(this,!1),this.updateState({gestos:{}})),t||unsetGesto(this,!0),n&&e&&!this.targetGesto&&(this.targetGesto=getTargetAbleGesto(this,n,``)),!this.controlGesto&&t&&(this.controlGesto=getControlAbleGesto(this,`Control`))},t.prototype._updateTargets=function(){var e=this.props;this._prevPropTarget=this._propTarget,this._prevDragTarget=this._dragTarget,this._prevOriginalDragTarget=this._originalDragTarget,this._prevDragArea=e.dragArea,this._propTarget=e.target,this._originalDragTarget=e.dragTarget||e.target,this._dragTarget=getRefTarget(this._originalDragTarget,!0)},t.prototype._renderLines=function(){var e=this.props,t=e.zoom,n=e.hideDefaultLines,r=e.hideChildMoveableDefaultLines,i=e.parentMoveable;if(n||i&&r)return[];var a=this.getState(),o={createElement};return a.renderLines.map(function(e,n){return renderLine(o,``,e[0],e[1],t,`render-line-${n}`)})},t.prototype._isTargetChanged=function(e){var t=this.props,n=t.dragTarget||t.target,r=this._prevOriginalDragTarget,i=this._prevDragArea,a=t.dragArea;return!a&&r!==n||(e||a)&&i!==a||this._prevPropTarget!=this._propTarget},t.prototype._updateNativeEvents=function(){var e=this,t=this.props.dragArea?this.areaElement:this.state.target,n=this.events,r=getKeys(n);if(this._isTargetChanged())for(var i in n){var a=n[i];a&&a.destroy(),n[i]=null}if(t){var o=this.enabledAbles;r.forEach(function(r){var i=filterAbles(o,[r]),a=i.length>0,s=n[r];if(!a){s&&(s.destroy(),n[r]=null);return}s||(s=new EventManager(t,e,r),n[r]=s),s.setAbles(i)})}},t.prototype._checkUpdateRootContainer=function(){var e=this.props.rootContainer;!this._rootContainer&&e&&(this._rootContainer=getRefTarget(e,!0))},t.prototype._checkUpdateViewContainer=function(){var e=this.props.viewContainer;!this._viewContainer&&e&&(this._viewContainer=getRefTarget(e,!0)),this._viewContainer&&this._changeAbleViewClassNames(__spreadArray$3(__spreadArray$3([],__read$1(this._getAbleViewClassNames()),!1),[this.isDragging()?VIEW_DRAGGING:``],!1))},t.prototype._changeAbleViewClassNames=function(e){var t=this._viewContainer,n=groupBy(e.filter(Boolean),function(e){return e}).map(function(e){return __read$1(e,1)[0]}),r=this._viewClassNames,i=diff$1(r,n),a=i.removed,o=i.added;a.forEach(function(e){removeClass(t,r[e])}),o.forEach(function(e){addClass(t,n[e])}),this._viewClassNames=n},t.prototype._getAbleViewClassNames=function(){var e=this;return(this.getEnabledAbles().map(function(t){var n;return t.viewClassName?.call(t,e)||``}).join(` `)+` ${this._getAbleClassName(`-view`)}`).split(/\s+/g)},t.prototype._getAbleClassName=function(e){var t=this;e===void 0&&(e=``);var n=this.getEnabledAbles(),r=this.targetGesto,i=this.controlGesto,a=r?.isFlag()?r.getEventData():{},o=i?.isFlag()?i.getEventData():{};return n.map(function(n){var r,i,s,c=n.name,l=n.className?.call(n,t)||``;return(a[c]?.isEventStart||o[c]?.isEventStart)&&(l+=` ${prefix$1(`${c}${e}-dragging`)}`),l.trim()}).filter(Boolean).join(` `)},t.prototype._updateResizeObserver=function(e){var t,n=this.props,r=n.target,i=getWindow(this.getControlBoxElement());if(!i.ResizeObserver||!r||!n.useResizeObserver){(t=this._reiszeObserver)==null||t.disconnect();return}if(!(e.target===r&&this._reiszeObserver)){var a=new i.ResizeObserver(this.checkUpdateRect);a.observe(r,{box:`border-box`}),this._reiszeObserver=a}},t.prototype._updateMutationObserver=function(e){var t=this,n,r=this.props,i=r.target,a=getWindow(this.getControlBoxElement());if(!a.MutationObserver||!i||!r.useMutationObserver){(n=this._mutationObserver)==null||n.disconnect();return}if(!(e.target===i&&this._mutationObserver)){var o=new a.MutationObserver(function(e){var n,r;try{for(var i=__values$1(e),a=i.next();!a.done;a=i.next()){var o=a.value;o.type===`attributes`&&o.attributeName===`style`&&t.checkUpdateRect()}}catch(e){n={error:e}}finally{try{a&&!a.done&&(r=i.return)&&r.call(i)}finally{if(n)throw n.error}}});o.observe(i,{attributes:!0}),this._mutationObserver=o}},t.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:defaultSync,firstRenderState:null,persistData:null,viewContainer:null,requestStyles:[],useAccuratePosition:!1},t}(PureComponent),Groupable={name:`groupable`,props:[`defaultGroupRotate`,`useDefaultGroupRotate`,`defaultGroupOrigin`,`groupable`,`groupableProps`,`targetGroups`,`hideChildMoveableDefaultLines`],events:[],render:function(e,t){var n,r=e.props,i=r.targets||[],a=e.getState(),o=a.left,s=a.top,c=a.isPersisted,l=r.zoom||1,u=e.renderGroupRects,d=r.persistData?.children||[];c?i=d.map(function(){return null}):d=[];var f=watchValue(e,`parentPosition`,[o,s],function(e){return e.join(`,`)}),p=watchValue(e,`requestStyles`,e.getRequestChildStyles(),function(e){return e.join(`,`)});return e.moveables=e.moveables.slice(0,i.length),__spreadArray$3(__spreadArray$3([],__read$1(i.map(function(n,i){return t.createElement(MoveableManager,{key:`moveable`+i,ref:refs(e,`moveables`,i),target:n,origin:!1,requestStyles:p,cssStyled:r.cssStyled,customStyledMap:r.customStyledMap,useResizeObserver:r.useResizeObserver,useMutationObserver:r.useMutationObserver,hideChildMoveableDefaultLines:r.hideChildMoveableDefaultLines,parentMoveable:e,parentPosition:[o,s],persistData:d[i],zoom:l})})),!1),__read$1(flat(u.map(function(e,n){var r=[e.pos1,e.pos2,e.pos3,e.pos4];return[[0,1],[1,3],[3,2],[2,0]].map(function(e,i){var a=__read$1(e,2),o=a[0],s=a[1];return renderLine(t,``,minus(r[o],f),minus(r[s],f),l,`group-rect-${n}-${i}`)})}))),!1)}},Clickable=makeAble(`clickable`,{props:[`clickable`],events:[`click`,`clickGroup`],always:!0,dragRelation:`weak`,dragStart:function(){},dragControlStart:function(){},dragGroupStart:function(e,t){t.datas.inputTarget=t.inputEvent&&t.inputEvent.target},dragEnd:function(e,t){var n=e.props.target,r=t.inputEvent,i=t.inputTarget,a=!e.isMoveableElement(i)&&e.controlBox.contains(i);if(!(!r||!i||t.isDrag||e.isMoveableElement(i)||a)){var o=n.contains(i);triggerEvent(e,`onClick`,fillParams(e,t,{isDouble:t.isDouble,inputTarget:i,isTarget:n===i,moveableTarget:e.props.target,containsTarget:o}))}},dragGroupEnd:function(e,t){var n=t.inputEvent,r=t.inputTarget;if(!(!n||!r||t.isDrag||e.isMoveableElement(r)||t.datas.inputTarget===r)){var i=e.props.targets,a=i.indexOf(r),o=a>-1,s=!1;a===-1&&(a=findIndex(i,function(e){return e.contains(r)}),s=a>-1),triggerEvent(e,`onClickGroup`,fillParams(e,t,{isDouble:t.isDouble,targets:i,inputTarget:r,targetIndex:a,isTarget:o,containsTarget:s,moveableTarget:i[a]}))}},dragControlEnd:function(e,t){this.dragEnd(e,t)},dragGroupControlEnd:function(e,t){this.dragEnd(e,t)}});function getDraggableEvent(e){var t=e.originalDatas.draggable;return t||(e.originalDatas.draggable={},t=e.originalDatas.draggable),__assign$5(__assign$5({},e),{datas:t})}var edgeDraggable=makeAble(`edgeDraggable`,{css:[`.edge.edgeDraggable.line { cursor: move; }`],render:function(e,t){var n=e.props,r=n.edgeDraggable;return r?renderEdgeLines(t,`edgeDraggable`,r,e.getState().renderPoses,n.zoom):[]},dragCondition:function(e,t){var n,r=e.props,i=t.inputEvent?.target;return!r.edgeDraggable||!i?!1:!r.draggable&&hasClass(i,prefix$1(`direction`))&&hasClass(i,prefix$1(`edge`))&&hasClass(i,prefix$1(`edgeDraggable`))},dragStart:function(e,t){return Draggable.dragStart(e,getDraggableEvent(t))},drag:function(e,t){return Draggable.drag(e,getDraggableEvent(t))},dragEnd:function(e,t){return Draggable.dragEnd(e,getDraggableEvent(t))},dragGroupCondition:function(e,t){var n,r=e.props,i=t.inputEvent?.target;return!r.edgeDraggable||!i?!1:!r.draggable&&hasClass(i,prefix$1(`direction`))&&hasClass(i,prefix$1(`line`))},dragGroupStart:function(e,t){return Draggable.dragGroupStart(e,getDraggableEvent(t))},dragGroup:function(e,t){return Draggable.dragGroup(e,getDraggableEvent(t))},dragGroupEnd:function(e,t){return Draggable.dragGroupEnd(e,getDraggableEvent(t))},unset:function(e){return Draggable.unset(e)}}),IndividualGroupable={name:`individualGroupable`,props:[`individualGroupable`,`individualGroupableProps`],events:[]},MOVEABLE_ABLES=[BeforeRenderable,Default,Snappable,Pinchable,Draggable,edgeDraggable,Resizable,Scalable,Warpable,Rotatable,Scrollable,Padding,Origin,OriginDraggable,Clippable,Roundable,Groupable,IndividualGroupable,Clickable,DragArea,Renderable],MOVEABLE_EVENTS=MOVEABLE_ABLES.reduce(function(e,t){return(t.events||[]).forEach(function(t){pushSet(e,t)}),e},[]),MOVEABLE_PROPS=MOVEABLE_ABLES.reduce(function(e,t){return(t.props||[]).forEach(function(t){pushSet(e,t)}),e},[]);function solveConstantsDistance(e,t){var n=__read$1(e,3),r=n[0],i=n[1],a=n[2];return(r*t[0]+i*t[1]+a)/Math.sqrt(r*r+i*i)}function solveC(e,t){var n=__read$1(e,2),r=n[0],i=n[1];return-r*t[0]-i*t[1]}function getMaxPos(e,t){return Math.max.apply(Math,__spreadArray$3([],__read$1(e.map(function(e){var n=__read$1(e,4),r=n[0],i=n[1],a=n[2],o=n[3];return Math.max(r[t],i[t],a[t],o[t])})),!1))}function getMinPos(e,t){return Math.min.apply(Math,__spreadArray$3([],__read$1(e.map(function(e){var n=__read$1(e,4),r=n[0],i=n[1],a=n[2],o=n[3];return Math.min(r[t],i[t],a[t],o[t])})),!1))}function getGroupRect(e,t){var n,r,i,a=[0,0],o=[0,0],s=[0,0],c=[0,0],l=0,u=0;if(!e.length)return{pos1:a,pos2:o,pos3:s,pos4:c,minX:0,minY:0,maxX:0,maxY:0,width:l,height:u,rotation:t};var d=throttle(t,TINY_NUM);if(d%90){var f=d/180*Math.PI,p=Math.tan(f),m=-1/p,g=[MAX_NUM,MIN_NUM],_=[[0,0],[0,0]],v=[MAX_NUM,MIN_NUM],y=[[0,0],[0,0]];e.forEach(function(e){e.forEach(function(e){var t=solveConstantsDistance([-p,1,0],e),n=solveConstantsDistance([-m,1,0],e);g[0]>t&&(_[0]=e,g[0]=t),g[1]n&&(y[0]=e,v[0]=n),v[1]180){var ce=[c,s,o,a];i=__read$1(ce,4),a=i[0],o=i[1],s=i[2],c=i[3]}var le=getMinMaxs([a,o,s,c]),B=le.minX,V=le.minY,me=le.maxX,W=le.maxY;return{pos1:a,pos2:o,pos3:s,pos4:c,width:l,height:u,minX:B,minY:V,maxX:me,maxY:W,rotation:t}}function findMoveableGroups(e,t){var n=t.map(function(t){if(isArray$1(t)){var n=findMoveableGroups(e,t),r=n.length;return r>1?n:r===1?n[0]:null}else{var i=find$1(e,function(e){return e.manager.props.target===t});return i?(i.finded=!0,i.manager):null}}).filter(Boolean);return n.length===1&&isArray$1(n[0])?n[0]:n}var MoveableGroup=function(e){__extends$7(t,e);function t(){var t=e!==null&&e.apply(this,arguments)||this;return t.differ=new ChildrenDiffer,t.moveables=[],t.transformOrigin=`50% 50%`,t.renderGroupRects=[],t._targetGroups=[],t._hasFirstTargets=!1,t}return t.prototype.componentDidMount=function(){e.prototype.componentDidMount.call(this)},t.prototype.checkUpdate=function(){this._isPropTargetChanged=!1,this.updateAbles()},t.prototype.getTargets=function(){return this.props.targets},t.prototype.updateRect=function(e,t,n){var r;n===void 0&&(n=!0);var i=this.state;if(!this.controlBox||i.isPersisted)return;setStoreCache(!0),this.moveables.forEach(function(t){t.updateRect(e,!1,!1)});var a=this.props,o=this.moveables,s=i.target||a.target,c=o.map(function(e){return{finded:!1,manager:e}}),l=this.props.targetGroups||[],u=findMoveableGroups(c,l),d=a.useDefaultGroupRotate;u.push.apply(u,__spreadArray$3([],__read$1(c.filter(function(e){return!e.finded}).map(function(e){return e.manager})),!1));var f=[],p=!t||e!==``&&a.updateGroup,m=a.defaultGroupRotate||0;if(!this._hasFirstTargets){var g=a.persistData?.rotation;g!=null&&(m=g)}function _(e,t,n){var r=e.map(function(e){if(isArray$1(e)){var n=_(e,t),r=[n.pos1,n.pos2,n.pos3,n.pos4];return f.push(n),{poses:r,rotation:n.rotation}}else return{poses:getAbsolutePosesByState(e.state),rotation:e.getRotation()}}),i=r.map(function(e){return e.rotation}),a=0,o=i[0],s=i.every(function(e){return Math.abs(o-e)<.1});return a=p?!d&&s?o:m:!d&&!n&&s?o:t,getGroupRect(r.map(function(e){return e.poses}),a)}var v=_(u,this.rotation,!0);p&&(this.rotation=v.rotation,this.transformOrigin=a.defaultGroupOrigin||`50% 50%`,this.scale=[1,1]),this._targetGroups=l,this.renderGroupRects=f;var y=this.transformOrigin,b=this.rotation,x=this.scale,S=v.width,w=v.height,E=v.minX,D=v.minY,k=getMinMaxs(rotatePosesInfo([[0,0],[S,0],[0,w],[S,w]],convertTransformOriginArray(y,S,w),this.rotation/180*Math.PI).result),A=k.minX,N=k.minY,P=` rotate(${b}deg) scale(${sign(x[0])}, ${sign(x[1])})`,F=`translate(${-A}px, ${-N}px)${P}`;this.controlBox.style.transform=`translate3d(${E}px, ${D}px, ${this.props.translateZ||0})`,s.style.cssText+=`left:0px;top:0px;transform-origin:${y};width:${S}px;height:${w}px;transform: ${F}`,i.width=S,i.height=w;var I=this.getContainer(),L=getMoveableTargetInfo(this.controlBox,s,this.controlBox,this.getContainer(),this._rootContainer||I,[]),ae=[L.left,L.top],ce=__read$1(getAbsolutePosesByState(L),4),le=ce[0],B=ce[1],V=ce[2],me=ce[3],W=getMinMaxs([le,B,V,me]),q=[W.minX,W.minY],Oe=sign(x[0]*x[1]);L.pos1=minus(le,q),L.pos2=minus(B,q),L.pos3=minus(V,q),L.pos4=minus(me,q),L.left=E-L.left+q[0],L.top=D-L.top+q[1],L.origin=minus(plus(ae,L.origin),q),L.beforeOrigin=minus(plus(ae,L.beforeOrigin),q),L.originalBeforeOrigin=plus(ae,L.originalBeforeOrigin),L.transformOrigin=minus(plus(ae,L.transformOrigin),q),s.style.transform=`translate(${-A-q[0]}px, ${-N-q[1]}px)`+P,setStoreCache(),this.updateState(__assign$5(__assign$5({},L),{posDelta:q,direction:Oe,beforeDirection:Oe}),n)},t.prototype.getRect=function(){return __assign$5(__assign$5({},e.prototype.getRect.call(this)),{children:this.moveables.map(function(e){return e.getRect()})})},t.prototype.triggerEvent=function(t,n,r){if(r||t.indexOf(`Group`)>-1)return e.prototype.triggerEvent.call(this,t,n);this._emitter.trigger(t,n)},t.prototype.getRequestChildStyles=function(){return this.getEnabledAbles().reduce(function(e,t){var n,r,i=t.requestChildStyle?.call(t)??[];return __spreadArray$3(__spreadArray$3([],__read$1(e),!1),__read$1(i),!1)},[])},t.prototype.getMoveables=function(){return __spreadArray$3([],__read$1(this.moveables),!1)},t.prototype.updateAbles=function(){e.prototype.updateAbles.call(this,__spreadArray$3(__spreadArray$3([],__read$1(this.props.ables),!1),[Groupable],!1),`Group`)},t.prototype._updateTargets=function(){e.prototype._updateTargets.call(this),this._originalDragTarget=this.props.dragTarget||this.areaElement,this._dragTarget=getRefTarget(this._originalDragTarget,!0)},t.prototype._updateEvents=function(){var e=this.state,t=this.props,n=this._prevDragTarget,r=t.dragTarget||this.areaElement,i=t.targets,a=this.differ.update(i),o=a.added,s=a.changed,c=a.removed,l=o.length||c.length;(l||this._prevOriginalDragTarget!==this._originalDragTarget)&&(unsetGesto(this,!1),unsetGesto(this,!0),this.updateState({gestos:{}})),n!==r&&(e.target=null),e.target||(e.target=this.areaElement,this.controlBox.style.display=`block`),e.target&&(this.targetGesto||(this.targetGesto=getTargetAbleGesto(this,this._dragTarget,`Group`)),this.controlGesto||(this.controlGesto=getControlAbleGesto(this,`GroupControl`)));var u=!equals(e.container,t.container);u&&(e.container=t.container),(u||l||this.transformOrigin!==(t.defaultGroupOrigin||`50% 50%`)||s.length||i.length&&!isDeepArrayEquals(this._targetGroups,t.targetGroups||[]))&&(this.updateRect(),this._hasFirstTargets=!0),this._isPropTargetChanged=!!l},t.prototype._updateObserver=function(){},t.defaultProps=__assign$5(__assign$5({},MoveableManager.defaultProps),{transformOrigin:[`50%`,`50%`],groupable:!0,dragArea:!0,keepRatio:!0,targets:[],defaultGroupRotate:0,defaultGroupOrigin:`50% 50%`}),t}(MoveableManager),MoveableIndividualGroup=function(e){__extends$7(t,e);function t(){var t=e!==null&&e.apply(this,arguments)||this;return t.moveables=[],t}return t.prototype.render=function(){var e=this,t,n=this.props,r=n.cspNonce,i=n.cssStyled,a=n.persistData,o=n.targets||[],s=o.length,c=this.isUnmounted||!s,l=a?.children??[];return c&&!s&&l.length?o=l.map(function(){return null}):c||(l=[]),createElement(i,{cspNonce:r,ref:ref(this,`controlBox`),className:prefix$1(`control-box`)},o.map(function(t,r){var i,a,o=n.individualGroupableProps?.call(n,t,r)??{};return createElement(MoveableManager,__assign$5({key:`moveable`+r,ref:refs(e,`moveables`,r)},n,o,{target:t,wrapperMoveable:e,isWrapperMounted:e.isMoveableMounted,persistData:l[r]}))}))},t.prototype.componentDidMount=function(){},t.prototype.componentDidUpdate=function(){},t.prototype.getTargets=function(){return this.props.targets},t.prototype.updateRect=function(e,t,n){n===void 0&&(n=!0),setStoreCache(!0),this.moveables.forEach(function(r){r.updateRect(e,t,n)}),setStoreCache()},t.prototype.getRect=function(){return __assign$5(__assign$5({},e.prototype.getRect.call(this)),{children:this.moveables.map(function(e){return e.getRect()})})},t.prototype.request=function(e,t,n){t===void 0&&(t={});var r=this.moveables.map(function(n){return n.request(e,__assign$5(__assign$5({},t),{isInstant:!1}),!1)}),i=n||t.isInstant,a={request:function(e){return r.forEach(function(t){return t.request(e)}),this},requestEnd:function(){return r.forEach(function(e){return e.requestEnd()}),this}};return i?a.request(t).requestEnd():a},t.prototype.dragStart=function(e,t){t===void 0&&(t=e.target);var n=t,r=find$1(this.moveables,function(e){var t=e.getTargets()[0],r=e.getControlBoxElement(),i=e.getDragElement();return!t||!i?!1:i===n||i.contains(n)||i!==t&&t===n||t.contains(n)||r===n||r.contains(n)});return r&&r.dragStart(e,t),this},t.prototype.hitTest=function(){return 0},t.prototype.isInside=function(){return!1},t.prototype.isDragging=function(){return!1},t.prototype.getDragElement=function(){return null},t.prototype.getMoveables=function(){return __spreadArray$3([],__read$1(this.moveables),!1)},t.prototype.updateRenderPoses=function(){},t.prototype.checkUpdate=function(){},t.prototype.triggerEvent=function(){},t.prototype.updateAbles=function(){},t.prototype._updateEvents=function(){},t.prototype._updateObserver=function(){},t}(MoveableManager);function getElementTargets(e,t){var n=[];return e.forEach(function(e){if(e){if(isString(e)){t[e]&&n.push.apply(n,__spreadArray$3([],__read$1(t[e]),!1));return}isArray$1(e)?n.push.apply(n,__spreadArray$3([],__read$1(getElementTargets(e,t)),!1)):n.push(e)}}),n}function getTargetGroups(e,t){var n=[];return e.forEach(function(e){if(e){if(isString(e)){t[e]&&n.push.apply(n,__spreadArray$3([],__read$1(t[e]),!1));return}isArray$1(e)?n.push(getTargetGroups(e,t)):n.push(e)}}),n}function compareRefTargets(e,t){return e.length!==t.length||e.some(function(e,n){var r=t[n];return!e&&!r||e==r?!1:isArray$1(e)&&isArray$1(r)?compareRefTargets(e,r):!0})}var InitialMoveable=function(e){__extends$7(t,e);function t(){var t=e!==null&&e.apply(this,arguments)||this;return t.refTargets=[],t.selectorMap={},t._differ=new ChildrenDiffer,t._elementTargets=[],t._tmpRefTargets=[],t._tmpSelectorMap={},t._onChangeTargets=null,t}return t.makeStyled=function(){var e={};this.getTotalAbles().forEach(function(t){var n=t.css;n&&n.forEach(function(t){e[t]=!0})}),this.defaultStyled=styled(`div`,prefixCSS(PREFIX$1,MOVEABLE_CSS+getKeys(e).join(` `)))},t.getTotalAbles=function(){return __spreadArray$3([Default,Groupable,IndividualGroupable,DragArea],__read$1(this.defaultAbles),!1)},t.prototype.render=function(){var e,t=this.constructor;t.defaultStyled||t.makeStyled();var n=this.props,r=n.ables,i=n.props,a=__rest(n,[`ables`,`props`]),o=__read$1(this._updateRefs(!0),2),s=o[0],c=o[1],l=getElementTargets(s,c),u=l.length>1,d=__spreadArray$3(__spreadArray$3([],__read$1(t.getTotalAbles()),!1),__read$1(r||[]),!1),f=__assign$5(__assign$5(__assign$5({},a),i||{}),{ables:d,cssStyled:t.defaultStyled,customStyledMap:t.customStyledMap});this._elementTargets=l;var p=null,m=this.moveable;if(a.persistData?.children&&(u=!0),a.individualGroupable)return createElement(MoveableIndividualGroup,__assign$5({key:`individual-group`,ref:ref(this,`moveable`)},f,{target:null,targets:l}));if(u){var g=getTargetGroups(s,c);if(m&&!m.props.groupable&&!m.props.individualGroupable){var _=m.props.target;_&&l.indexOf(_)>-1&&(p=__assign$5({},m.state))}return createElement(MoveableGroup,__assign$5({key:`group`,ref:ref(this,`moveable`)},f,a.groupableProps??{},{target:null,targets:l,targetGroups:g,firstRenderState:p}))}else{var v=l[0];if(m&&(m.props.groupable||m.props.individualGroupable)){var y=find$1(m.moveables||[],function(e){return e.props.target===v});y&&(p=__assign$5({},y.state))}return createElement(MoveableManager,__assign$5({key:`single`,ref:ref(this,`moveable`)},f,{target:v,firstRenderState:p}))}},t.prototype.componentDidMount=function(){this._checkChangeTargets()},t.prototype.componentDidUpdate=function(){this._checkChangeTargets()},t.prototype.componentWillUnmount=function(){this.selectorMap={},this.refTargets=[]},t.prototype.getTargets=function(){var e,t;return this.moveable?.getTargets()??[]},t.prototype.updateSelectors=function(){this.selectorMap={},this._updateRefs(),this.forceUpdate()},t.prototype.waitToChangeTarget=function(){var e=this,t;return this._onChangeTargets=function(){e._onChangeTargets=null,t()},new Promise(function(e){t=e})},t.prototype.waitToChangeTargets=function(){return this.waitToChangeTarget()},t.prototype.getManager=function(){return this.moveable},t.prototype.getMoveables=function(){return this.moveable.getMoveables()},t.prototype.getDragElement=function(){return this.moveable.getDragElement()},t.prototype._updateRefs=function(e){var t=this.refTargets,n=getRefTargets(this.props.target||this.props.targets),r=typeof document<`u`,i=compareRefTargets(t,n),a=this.selectorMap,o={};return this.refTargets.forEach(function e(t){isString(t)?a[t]?o[t]=a[t]:r&&(i=!0,o[t]=[].slice.call(document.querySelectorAll(t))):isArray$1(t)&&t.forEach(e)}),this._tmpRefTargets=n,this._tmpSelectorMap=o,[n,o,!e&&i]},t.prototype._checkChangeTargets=function(){var e,t,n;this.refTargets=this._tmpRefTargets,this.selectorMap=this._tmpSelectorMap;var r=this._differ.update(this._elementTargets),i=r.added,a=r.removed;(i.length||a.length)&&((t=(e=this.props).onChangeTargets)==null||t.call(e,{moveable:this.moveable,targets:this._elementTargets}),(n=this._onChangeTargets)==null||n.call(this));var o=__read$1(this._updateRefs(),3),s=o[0],c=o[1],l=o[2];this.refTargets=s,this.selectorMap=c,l&&this.forceUpdate()},t.defaultAbles=[],t.customStyledMap={},t.defaultStyled=null,__decorate$3([withMethods(MOVEABLE_METHODS)],t.prototype,`moveable`,void 0),t}(PureComponent),Moveable$1=function(e){__extends$7(t,e);function t(){return e!==null&&e.apply(this,arguments)||this}return t.defaultAbles=MOVEABLE_ABLES,t}(InitialMoveable),extendStatics$6=function(e,t){return extendStatics$6=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},extendStatics$6(e,t)};function __extends$6(e,t){if(typeof t!=`function`&&t!==null)throw TypeError(`Class extends value `+String(t)+` is not a constructor or null`);extendStatics$6(e,t);function n(){this.constructor=e}e.prototype=t===null?Object.create(t):(n.prototype=t.prototype,new n)}var __assign$4=function(){return __assign$4=Object.assign||function(e){for(var t,n=1,r=arguments.length;n=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a}var InnerMoveable=function(e){__extends$6(t,e);function t(t){var n=e.call(this,t)||this;return n.state={},n.state=n.props,n}var n=t.prototype;return n.render=function(){return createElement(Moveable$1,__assign$4({ref:ref(this,`moveable`)},this.state))},t}(Component$1),PROPERTIES$3=MOVEABLE_PROPS,METHODS$2=MOVEABLE_METHODS,EVENTS$2=MOVEABLE_EVENTS,Moveable=function(e){__extends$6(t,e);function t(){return e!==null&&e.apply(this,arguments)||this}return t}(function(e){__extends$6(t,e);function t(t,n){n===void 0&&(n={});var r=e.call(this)||this;r.containerProvider=null,r.selfElement=null,r._warp=!1;var i=__assign$4({},n),a={};EVENTS$2.forEach(function(e){a[camelize(`on ${e}`)]=function(t){return r.trigger(e,t)}});var o;n.warpSelf?(delete n.warpSelf,r._warp=!0,o=t):(o=getDocument(t).createElement(`div`),t.appendChild(o)),r.containerProvider=renderSelf(createElement(InnerMoveable,__assign$4({ref:ref(r,`innerMoveable`)},i,a)),o),r.selfElement=o;var s=i.target;return isArray$1(s)&&s.length>1&&r.updateRect(),r}var n=t.prototype;return n.setState=function(e,t){this.innerMoveable.setState(e,t)},n.forceUpdate=function(e){this.innerMoveable.forceUpdate(e)},n.dragStart=function(e,t){t===void 0&&(t=e.target),this.innerMoveable.$_timer&&this.forceUpdate(),this.getMoveable().dragStart(e,t)},n.destroy=function(){var e,t=this.selfElement;renderSelf(null,t,this.containerProvider),this._warp||(e=t?.parentElement)==null||e.removeChild(t),this.containerProvider=null,this.off(),this.selfElement=null,this.innerMoveable=null},n.getMoveable=function(){return this.innerMoveable.moveable},t=__decorate$2([Properties(METHODS$2,function(e,t){e[t]||(e[t]=function(){var e=[...arguments],n=this.getMoveable();if(!(!n||!n[t]))return n[t].apply(n,e)})}),Properties(PROPERTIES$3,function(e,t){Object.defineProperty(e,t,{get:function(){return this.getMoveable().props[t]},set:function(e){var n;this.setState((n={},n[t]=e,n))},enumerable:!0,configurable:!0})})],t),t}(EventEmitter$7)),StageDragResize=class extends MoveableOptionsManager{constructor(e){super(e),_defineProperty(this,`target`,null),_defineProperty(this,`moveable`,void 0),_defineProperty(this,`dragStatus`,StageDragStatus.END),_defineProperty(this,`dragResizeHelper`,void 0),_defineProperty(this,`disabledDragStart`,void 0),_defineProperty(this,`getRenderDocument`,void 0),_defineProperty(this,`markContainerEnd`,void 0),_defineProperty(this,`delayedMarkContainer`,void 0),this.getRenderDocument=e.getRenderDocument,this.markContainerEnd=e.markContainerEnd,this.delayedMarkContainer=e.delayedMarkContainer,this.disabledDragStart=e.disabledDragStart,this.dragResizeHelper=e.dragResizeHelper,this.on(`update-moveable`,()=>{this.moveable&&this.updateMoveable()})}getTarget(){return this.target}select(e,t){if(!e){this.moveable?.destroy(),this.moveable=void 0;return}!this.moveable||e!==this.target?this.initMoveable(e):this.updateMoveable(e),t&&!this.disabledDragStart&&this.moveable?.dragStart(t)}updateMoveable(e=this.target){if(!this.moveable)return;if(!e)throw Error(`未选中任何节点`);let t=this.init(e);Object.entries(t).forEach(([e,t])=>{this.moveable[e]=t}),this.moveable.updateRect()}clearSelectStatus(){this.moveable&&(this.dragResizeHelper.destroyShadowEl(),this.moveable.target=null,this.moveable.updateRect())}getDragStatus(){return this.dragStatus}destroy(){this.target=null,this.moveable?.destroy(),this.dragResizeHelper.destroy(),this.dragStatus=StageDragStatus.END,this.removeAllListeners()}on(e,t){return super.on(e,t)}emit(e,...t){return super.emit(e,...t)}init(e){return/(auto|scroll)/.test(e.style.overflow)&&(e.style.overflow=`hidden`),this.target=e,this.mode=getMode(e),this.dragResizeHelper.updateShadowEl(e),this.dragResizeHelper.setMode(this.mode),this.setElementGuidelines([this.target]),this.getOptions(!1,{target:this.dragResizeHelper.getShadowEl()})}initMoveable(e){let t=this.init(e);this.dragResizeHelper.clear(),this.moveable?.destroy(),this.moveable=new Moveable(this.container,{...t}),this.bindResizeEvent(),this.bindDragEvent(),this.bindRotateEvent(),this.bindScaleEvent()}bindResizeEvent(){if(!this.moveable)throw Error(`moveable 未初始化`);this.moveable.on(`resizeStart`,e=>{this.target&&(this.dragStatus=StageDragStatus.START,this.dragResizeHelper.onResizeStart(e))}).on(`resize`,e=>{!this.moveable||!this.target||!this.dragResizeHelper.getShadowEl()||(this.dragStatus=StageDragStatus.ING,this.dragResizeHelper.onResize(e))}).on(`resizeEnd`,()=>{this.dragStatus=StageDragStatus.END,this.update(!0)})}bindDragEvent(){if(!this.moveable)throw Error(`moveable 未初始化`);let e;this.moveable.on(`dragStart`,e=>{if(!this.target)throw Error(`未选中组件`);this.dragStatus=StageDragStatus.START,this.dragResizeHelper.onDragStart(e),this.emit(`drag-start`,e)}).on(`drag`,t=>{!this.target||!this.dragResizeHelper.getShadowEl()||(e&&(globalThis.clearTimeout(e),e=void 0),e=this.delayedMarkContainer(t.inputEvent,[this.target]),this.dragStatus=StageDragStatus.ING,this.dragResizeHelper.onDrag(t))}).on(`dragEnd`,()=>{e&&(globalThis.clearTimeout(e),e=void 0);let t=this.markContainerEnd();if(this.dragStatus===StageDragStatus.ING)if(t)this.update(!1,t);else switch(this.mode){case Mode.SORTABLE:this.sort();break;default:this.update()}this.dragStatus=StageDragStatus.END,this.dragResizeHelper.destroyGhostEl()})}bindRotateEvent(){if(!this.moveable)throw Error(`moveable 未初始化`);this.moveable.on(`rotateStart`,e=>{this.dragStatus=StageDragStatus.START,this.dragResizeHelper.onRotateStart(e)}).on(`rotate`,e=>{!this.target||!this.dragResizeHelper.getShadowEl()||(this.dragStatus=StageDragStatus.ING,this.dragResizeHelper.onRotate(e))}).on(`rotateEnd`,e=>{this.dragStatus=StageDragStatus.END;let t=this.dragResizeHelper?.getFrame(e.target);this.target&&t&&this.emit(`update`,{data:[{el:this.target,style:{transform:t.get(`transform`)}}],parentEl:null})})}bindScaleEvent(){if(!this.moveable)throw Error(`moveable 未初始化`);this.moveable.on(`scaleStart`,e=>{this.dragStatus=StageDragStatus.START,this.dragResizeHelper.onScaleStart(e)}).on(`scale`,e=>{!this.target||!this.dragResizeHelper.getShadowEl()||(this.dragStatus=StageDragStatus.ING,this.dragResizeHelper.onScale(e))}).on(`scaleEnd`,e=>{this.dragStatus=StageDragStatus.END;let t=this.dragResizeHelper.getFrame(e.target);this.target&&t&&this.emit(`update`,{data:[{el:this.target,style:{transform:t.get(`transform`)}}],parentEl:null})})}sort(){if(!this.target||!this.dragResizeHelper.getGhostEl())throw Error(`未知错误`);let{top:e}=this.dragResizeHelper.getGhostEl().getBoundingClientRect(),{top:t}=this.target.getBoundingClientRect(),n=e-t;if(Math.abs(n)>=this.target.clientHeight/2)n>0?this.emit(`sort`,down(n,this.target)):this.emit(`sort`,up(n,this.target));else{let e=getIdFromEl()(this.target);e&&this.emit(`sort`,{src:e,dist:e})}}update(e=!1,t=null){if(!this.target)return;let n=this.getRenderDocument();if(!n)return;let r=this.dragResizeHelper.getUpdatedElRect(this.target,t,n);this.emit(`update`,{data:[{el:this.target,style:e?r:{left:r.left,top:r.top}}],parentEl:t})}},extendStatics$5=function(e,t){return extendStatics$5=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},extendStatics$5(e,t)};function __extends$5(e,t){if(typeof t!=`function`&&t!==null)throw TypeError(`Class extends value `+String(t)+` is not a constructor or null`);extendStatics$5(e,t);function n(){this.constructor=e}e.prototype=t===null?Object.create(t):(n.prototype=t.prototype,new n)}var Ruler=function(e){__extends$5(t,e);function t(){var t=e!==null&&e.apply(this,arguments)||this;return t.state={scrollPos:0},t.width=0,t.height=0,t._zoom=0,t._rulerScale=0,t._observer=null,t._checkResize=function(){t.resize()},t}var n=t.prototype;return n.render=function(){return this._zoom=this.props.zoom,createElement(`canvas`,{ref:ref(this,`canvasElement`),style:this.props.style})},n.componentDidMount=function(){var e=this.props;this.state.scrollPos=e.defaultScrollPos||0;var t=this.canvasElement;this.canvasContext=t.getContext(`2d`,{alpha:!0}),e.useResizeObserver?(this._observer=new ResizeObserver(this._checkResize),this._observer.observe(t,{box:`border-box`})):this.resize()},n.componentDidUpdate=function(){this.resize()},n.componentWillUnmount=function(){var e;this.state.scrollPos=0,(e=this._observer)==null||e.disconnect()},n.getScrollPos=function(){return this.state.scrollPos},n.scroll=function(e,t){this.draw({scrollPos:e,zoom:t})},n.resize=function(e){var t=this.canvasElement,n=this.props,r=n.width,i=n.height,a=n.scrollPos,o=this._getRulerScale();this.width=r||t.offsetWidth,this.height=i||t.offsetHeight,t.width=this.width*o,t.height=this.height*o,this.draw({scrollPos:a,zoom:e})},n.draw=function(e){e===void 0&&(e={});var t=this.props,n=e.zoom,r=n===void 0?this._zoom:n,i=e.scrollPos,a=i===void 0?this.state.scrollPos:i,o=e.marks,s=o===void 0?t.marks:o,c=e.selectedRanges,l=c===void 0?t.selectedRanges:c,u=e.segment,d=u===void 0?t.segment||10:u,f=e.unit,p=f===void 0?t.unit:f;this._zoom=r;var m=t,g=m.type,_=m.backgroundColor,v=m.lineColor,y=m.textColor,b=m.textBackgroundColor,x=m.direction,S=m.negativeRuler,w=S===void 0?!0:S,E=m.textFormat,D=m.range,k=D===void 0?[-1/0,1/0]:D,A=m.rangeBackgroundColor,N=m.selectedBackgroundColor,P=m.lineWidth,F=P===void 0?1:P,I=m.selectedRangesText,L=m.selectedRangesTextColor,ae=L===void 0?`#44aaff`:L,ce=m.selectedRangesTextOffset,le=ce===void 0?[0,0]:ce,B=m.markColor,V=B===void 0?`#ff5`:B,me=this._getRulerScale(),W=this.width,q=this.height,Oe=this.state;Oe.scrollPos=a;var Y=this.canvasContext,Z=g===`horizontal`,Be=w!==!1,Ue=t.font||`10px sans-serif`,et=t.textAlign||`left`,tt=t.textOffset||[0,0],nt=Z?q:W,rt=convertUnitSize(`${t.mainLineSize||`100%`}`,nt),at=convertUnitSize(`${t.longLineSize||10}`,nt),st=convertUnitSize(`${t.shortLineSize||7}`,nt),ct=t.lineOffset||[0,0];switch(_===`transparent`?Y.clearRect(0,0,W*me,q*me):(Y.rect(0,0,W*me,q*me),Y.fillStyle=_,Y.fill()),Y.save(),Y.scale(me,me),Y.strokeStyle=v,Y.lineWidth=F,Y.font=Ue,Y.fillStyle=y,Y.textAlign=et,x){case`start`:Y.textBaseline=`top`;break;case`center`:Y.textBaseline=`middle`;break;case`end`:Y.textBaseline=`bottom`;break}Y.translate(.5,0),Y.beginPath();for(var lt=Z?W:q,dt=r*p,ft=Math.floor(a*r/dt),bt=Math.ceil((a*r+lt)/dt)-ft,Dt=Math.max([`left`,`center`,`right`].indexOf(et)-1,-1),Ot=Z?q:W,Ft=[],zt=0;zt<=bt;++zt){var Bt=(zt+ft)*p,Ht=`${Bt}`;E&&(Ht=E(Bt));var qt=Y.measureText(Ht).width;Ft.push({color:y,offset:tt,backgroundColor:b,value:Bt,text:Ht,textSize:qt})}if(N!==`transparent`&&l?.length&&l.forEach(function(e){var t=Math.max(e[0],k[0],w?-1/0:0),n=Math.min(e[1],k[1]),i=(t-a)*r,o=(n-t)*r;I&&e.forEach(function(e){var t=`${e}`;E&&(t=E(e));var n=Y.measureText(t).width,i=e*r,a=i+n;findLast(Ft,function(e,t){var n=e.value,o=e.textSize,s=n*r,c=s+o;s<=a&&i<=c&&Ft.splice(t,1)}),Ft.push({value:e,color:ae,offset:le,text:t,textSize:n})}),!(o<=0)&&(Y.save(),Y.fillStyle=N,Z?Y.fillRect(i,0,o,Ot):Y.fillRect(0,i,Ot,o),Y.restore())}),A!==`transparent`&&k[0]!==-1/0&&k[1]!==1/0){var vr=(k[0]-a)*r,xr=(k[1]-k[0])*r;Y.save(),Y.fillStyle=A,Z?Y.fillRect(vr,0,xr,Ot):Y.fillRect(0,vr,Ot,xr),Y.restore()}for(var zt=0;zt<=bt;++zt){var Bt=zt+ft;if(!(!Be&&Bt<0))for(var Sr=Bt*p,Cr=(Sr-a)*r,Er=0;Er=lt||Ark[1])){var Mr=Er===0?rt:Er%2==0?at:st,Fr=0;switch(x){case`start`:Fr=0;break;case`center`:Fr=Ot/2-Mr/2;break;case`end`:Fr=Ot-Mr;break}var $r=Z?[kr+ct[0],Fr+ct[1]]:[Fr+ct[0],kr+ct[1]],li=$r[0],_i=$r[1],vi=Z?[li,_i+Mr]:[li+Mr,_i],Ti=vi[0],Ei=vi[1];Y.moveTo(li+ct[0],_i+ct[1]),Y.lineTo(Ti+ct[0],Ei+ct[1])}}}Y.stroke(),Y.beginPath(),Y.strokeStyle=V,Y.lineWidth=1,(s||[]).forEach(function(e){var t=(-a+e)*r;if(!(t<0||t>=lt||ek[1])){var n=Z?[t+ct[0],ct[1]]:[ct[0],t+ct[1]],i=n[0],o=n[1],s=Z?[i,o+nt]:[i+nt,o],c=s[0],l=s[1];Y.moveTo(i+ct[0],o+ct[1]),Y.lineTo(c+ct[0],l+ct[1])}}),Y.stroke(),Ft.forEach(function(e){var t=e.value,n=e.offset,i=e.backgroundColor,o=e.color,s=e.text,c=e.textSize;if(!(!Be&&t<0)){var l=(t-a)*r;if(!(l<-dt||l>=lt+p*r||tk[1])){var u=0;switch(x){case`start`:u=17;break;case`center`:u=Ot/2;break;case`end`:u=Ot-17;break}var d=Z?[l+Dt*-3,u]:[u,l+Dt*3],f=d[0],m=d[1];if(i){var g=0;switch(et){case`left`:g=0;break;case`center`:g=-c/2;break;case`right`:g=-c;break}Y.save(),Y.fillStyle=i,Z?Y.fillRect(f+n[0]+g,0,c,rt):(Y.translate(0,m+n[1]),Y.rotate(-Math.PI/2),Y.fillRect(g,0,c,rt)),Y.restore()}Y.save(),Y.fillStyle=o,Z?Y.fillText(s,f+n[0],m+n[1]):(Y.translate(f+n[0],m+n[1]),Y.rotate(-Math.PI/2),Y.fillText(s,0,0)),Y.restore()}}}),Y.restore()},n._getRulerScale=function(){var e=this.props.defaultPixelScale||2;if(!this._rulerScale){var t=window.devicePixelRatio>1;if(!t&&window.matchMedia){var n=window.matchMedia(`only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 2.6/2), only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-device-pixel-ratio: 1.3), only screen and (min-resolution: 1.3dppx)`);t=n&&n.matches}this._rulerScale=t?3:e}return this._rulerScale},t.defaultProps={type:`horizontal`,zoom:1,width:0,height:0,unit:50,negativeRuler:!0,mainLineSize:`100%`,longLineSize:10,shortLineSize:7,segment:10,direction:`end`,style:{width:`100%`,height:`100%`},backgroundColor:`#333333`,font:`10px sans-serif`,textColor:`#ffffff`,textBackgroundColor:`transparent`,lineColor:`#777777`,range:[-1/0,1/0],rangeBackgroundColor:`transparent`,lineWidth:1,selectedBackgroundColor:`#555555`,defaultScrollPos:0,markColor:`#f55`,marks:[]},t}(PureComponent),PROPERTIES$2=`type.width.height.unit.zoom.direction.textAlign.font.segment.mainLineSize.longLineSize.shortLineSize.lineOffset.textOffset.negativeRuler.range.scrollPos.defaultScrollPos.style.backgroundColor.rangeBackgroundColor.lineColor.textColor.textBackgroundColor.textFormat.warpSelf.selectedBackgroundColor.selectedRanges.defaultPixelScale.useResizeObserver.selectedRangesText.selectedRangesTextColor.selectedRangesTextOffset.marks.markColor`.split(`.`),__assign$3=function(){return __assign$3=Object.assign||function(e){for(var t,n=1,r=arguments.length;n-1&&r.splice(i,1)}}return this},t.once=function(e,t){var n=this;return t&&this._addEvent(e,t,{once:!0}),new Promise(function(t){n._addEvent(e,t,{once:!0})})},t.emit=function(e,t){var n=this;t===void 0&&(t={});var r=this._events[e];if(!e||!r)return!0;var i=!1;return t.eventType=e,t.stop=function(){i=!0},t.currentTarget=this,__spreadArrays$1(r).forEach(function(r){r.listener(t),r.once&&n.off(e,r.listener)}),!i},t.trigger=function(e,t){return t===void 0&&(t={}),this.emit(e,t)},t._addEvent=function(e,t,n){var r=this._events;r[e]=r[e]||[],r[e].push(__assign$3({listener:t},n))},e}(),extendStatics$4=function(e,t){return extendStatics$4=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])},extendStatics$4(e,t)};function __extends$4(e,t){extendStatics$4(e,t);function n(){this.constructor=e}e.prototype=t===null?Object.create(t):(n.prototype=t.prototype,new n)}var __assign$1$2=function(){return __assign$1$2=Object.assign||function(e){for(var t,n=1,r=arguments.length;nr-a?(c[1]>s.top||rc[1])&&(l[1]=1),s.left>n-a?(c[0]>s.left||nc[0])&&(l[0]=1),!l[0]&&!l[1]?!1:this._continueDrag(__assign$1$2(__assign$1$2({},t),{direction:l,inputEvent:e,isDrag:!0}))}},n.checkScroll=function(e){var t=this;if(this._isWait)return!1;var n=e.prevScrollPos,r=n===void 0?this._prevScrollPos:n,i=e.direction,a=e.throttleTime,o=a===void 0?0:a,s=e.inputEvent,c=e.isDrag,l=this._getScrollPosition(i||[0,0],e),u=l[0]-r[0],d=l[1]-r[1],f=i||[u?Math.abs(u)/u:0,d?Math.abs(d)/d:0];return this._prevScrollPos=l,!u&&!d?!1:(this.trigger(`move`,{offsetX:f[0]?u:0,offsetY:f[1]?d:0,inputEvent:s}),o&&c&&(clearTimeout(this._timer),this._timer=window.setTimeout(function(){t._continueDrag(e)},o)),!0)},n.dragEnd=function(){this._flag=!1,clearTimeout(this._timer)},n._getScrollPosition=function(e,t){var n=t.container,r=t.getScrollPosition;return(r===void 0?getDefaultScrollPosition:r)({container:getContainerElement(n),direction:e})},n._continueDrag=function(e){var t=this,n,r,i=e.container,a=e.direction,o=e.throttleTime,s=e.useScroll,c=e.isDrag,l=e.inputEvent;if(!(!this._flag||c&&this._isWait)){var u=now(),d=Math.max(o+this._prevTime-u,0);if(d>0)return clearTimeout(this._timer),this._timer=window.setTimeout(function(){t._continueDrag(e)},d),!1;this._prevTime=u;var f=this._getScrollPosition(a,e);this._prevScrollPos=f,c&&(this._isWait=!0);var p={container:getContainerElement(i),direction:a,inputEvent:l};return(r=(n=e).requestScroll)==null||r.call(n,p),this.trigger(`scroll`,p),this._isWait=!1,s||this.checkScroll(__assign$1$2(__assign$1$2({},e),{prevScrollPos:f,direction:a,inputEvent:l}))}},t}(EventEmitter$6),extendStatics$1$1=function(e,t){return extendStatics$1$1=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},extendStatics$1$1(e,t)};function __extends$1$1(e,t){if(typeof t!=`function`&&t!==null)throw TypeError(`Class extends value `+String(t)+` is not a constructor or null`);extendStatics$1$1(e,t);function n(){this.constructor=e}e.prototype=t===null?Object.create(t):(n.prototype=t.prototype,new n)}var __assign$2$1=function(){return __assign$2$1=Object.assign||function(e){for(var t,n=1,r=arguments.length;n=_&&s.indexOf(g)<0&&n.setState({guides:__spreadArray$2(__spreadArray$2([],s,!0),[g],!1)},function(){l({guides:n.state.guides,distX:i,distY:a,index:s.length,isAdd:!0,isRemove:!1,isChange:!1})});else{var v=parseFloat(t.target.getAttribute(`data-index`)),y=!1,b=!1;s=__spreadArray$2([],s,!0);var x=s.indexOf(g);if(r||g<_||x>-1&&x!==v){if(f&&(f===!0||f.indexOf(`remove`)>-1))return;s.splice(v,1),y=!0}else if(x>-1)return;else{if(f&&(f===!0||f.indexOf(`change`)>-1))return;s[v]=g,b=!0}n.setState({guides:s},function(){var e=n.state.guides;l({distX:i,distY:a,guides:e,isAdd:!1,index:v,isChange:b,isRemove:y})})}},n._onCheck=function(){n.resize()},n.state.guides=t.defaultGuides||[],n.scrollPos=t.defaultGuidesPos||0,n}var n=t.prototype;return n.render=function(){var e=this.props,t=e.className,n=e.type,r=e.zoom,i=e.guidesZoom,a=e.style,o=e.rulerStyle,s=e.displayDragPos,c=e.cspNonce,l=e.dragGuideStyle,u=e.guidePosStyle,d=u===void 0?{}:u,f=this.props,p=this.getTranslateName(),m={};return PROPERTIES$2.forEach(function(e){e===`style`||e===`warpSelf`||e===`useResizeObserver`||(m[e]=f[e])}),this._zoom=r,this._guidesZoom=i||r,createElement(GuidesElement,{ref:this.managerRef,cspNonce:c,className:`${prefix(`manager`,n)} ${t}`,style:a},createElement(`div`,{className:prefix(`guide-origin`),ref:ref(this,`originElement`)}),createElement(Ruler,__assign$2$1({ref:ref(this,`ruler`),style:o},m)),createElement(`div`,{className:GUIDES,ref:ref(this,`guidesElement`),style:{transform:`${p}(${-this.scrollPos*this._guidesZoom}px)`}},s&&createElement(`div`,{className:DISPLAY_DRAG,ref:ref(this,`displayElement`),style:d||{}}),createElement(`div`,{className:ADDER,ref:ref(this,`adderElement`),style:l}),this.renderGuides()))},n.drawRuler=function(e){this.ruler.draw(e)},n.renderGuides=function(){var e=this,t=this.props,n=t,r=n.type,i=n.showGuides,a=n.guideStyle,o=n.displayGuidePos,s=n.guidePosStyle,c=s===void 0?{}:s,l=n.guidesOffset,u=this._guidesZoom,d=this.getTranslateName(),f=this.state.guides,p=t.guidePosFormat||t.dragPosFormat||function(e){return e};if(this.guideElements=[],i)return f.map(function(t,n){var i=t+(l||0);return createElement(`div`,{className:prefix(`guide`,r),ref:refs(e,`guideElements`,n),key:n,"data-index":n,"data-pos":t,style:__assign$2$1(__assign$2$1({},a),{transform:`${d}(${i*u}px) translateZ(0px)`})},o&&createElement(`div`,{className:prefix(`guide-pos`),style:c||{}},p(t)))})},n.componentDidMount=function(){var e=this;this.gesto=new Gesto(this.managerRef.current,{container:document.body}).on(`dragStart`,function(t){var n=e.props,r=n.type,i=n.lockGuides,a=e._guidesZoom;if(i===!0){t.stop();return}var o=t.inputEvent.target,s=t.datas,c=e.ruler.canvasElement,l=e.guidesElement,u=r===`horizontal`,d=e.originElement.getBoundingClientRect(),f=getDistElementMatrix(e.managerRef.current),p=calculateMatrixDist(f,[t.clientX-d.left,t.clientY-d.top]);p[0]-=l.offsetLeft,p[1]-=l.offsetTop,p[+!!u]+=e.scrollPos*a,s.offsetPos=p,s.matrix=f;var m=i&&i.indexOf(`add`)>-1,g=i&&i.indexOf(`remove`)>-1,_=i&&i.indexOf(`change`)>-1;if(o===c){if(m){t.stop();return}s.fromRuler=!0,s.target=e.adderElement}else if(hasClass(o,GUIDE)){if(g&&_){t.stop();return}s.target=o}else return t.stop(),!1;e.onDragStart(t)}).on(`drag`,this._onDrag).on(`dragEnd`,this.onDragEnd),this.props.useResizeObserver?(this._observer=new ResizeObserver(this._onCheck),this._observer.observe(this.guidesElement,{box:`border-box`}),this._observer.observe(this.getRulerElement(),{box:`border-box`})):this._onCheck()},n.componentWillUnmount=function(){var e;this.gesto.unset(),(e=this._observer)==null||e.disconnect()},n.componentDidUpdate=function(e){var t=this.props.defaultGuides;e.defaultGuides!==t&&this.setState({guides:t||[]})},n.loadGuides=function(e){this.setState({guides:e})},n.getGuides=function(){return this.state.guides},n.scrollGuides=function(e,t){t===void 0&&(t=this._guidesZoom),this._setZoom({guidesZoom:t});var n=this.getTranslateName(),r=this.guidesElement;this.scrollPos=e,r.style.transform=`${n}(${-e*t}px)`;var i=this.state.guides,a=this.props.guidesOffset||0;this.guideElements.forEach(function(r,o){if(r){var s=i[o]+(a||0);r.style.transform=`${n}(${s*t}px) translateZ(0px)`,r.style.display=-e+s<0?`none`:`block`}})},n.zoomTo=function(e,t){t===void 0&&(t=e),this.scroll(this.getRulerScrollPos(),e),this.scrollGuides(this.getGuideScrollPos(),t)},n.getElement=function(){return this.managerRef.current},n.getRulerElement=function(){return this.ruler.canvasElement},n.getGuideScrollPos=function(){return this.scrollPos},n.getRulerScrollPos=function(){return this.ruler.getScrollPos()},n.scroll=function(e,t){t===void 0&&(t=this._zoom),this._setZoom({zoom:t}),this.ruler.scroll(e,t)},n.resize=function(e){e===void 0&&(e=this._zoom),this._setZoom({zoom:e}),this.ruler.resize(e)},n.movePos=function(e){var t=e.datas,n=e.distX,r=e.distY,i=this.props,a=i.type,o=i.snaps,s=i.snapThreshold,c=i.displayDragPos,l=i.digit,u=i.guidesOffset||0,d=this._guidesZoom,f=i.dragPosFormat||function(e){return e},p=a===`horizontal`,m=calculateMatrixDist(t.matrix,[n,r]),g=t.offsetPos,_=m[0]+g[0],v=m[1]+g[1],y=u*d,b=Math.round(p?v:_)-u,x=parseFloat((b/d).toFixed(l||0)),S=o.slice().sort(function(e,t){return Math.abs(x-e)-Math.abs(x-t)});if(S.length&&Math.abs(S[0]*d-b)=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a}var PROPERTIES=PROPERTIES$1,METHODS=METHODS$1,EVENTS=EVENTS$1,InnerGuides=function(e){__extends$3(t,e);function t(t){var n=e.call(this,t)||this;return n.state={},n.state=n.props,n}var n=t.prototype;return n.render=function(){return createElement(Guides,__assign$2({ref:ref(this,`guides`)},this.state))},t}(Component$1),__assign$1$1=function(){return __assign$1$1=Object.assign||function(e){for(var t,n=1,r=arguments.length;n-1&&r.splice(i,1)}}return this},t.once=function(e,t){var n=this;return t&&this._addEvent(e,t,{once:!0}),new Promise(function(t){n._addEvent(e,t,{once:!0})})},t.emit=function(e,t){var n=this;t===void 0&&(t={});var r=this._events[e];if(!e||!r)return!0;var i=!1;return t.eventType=e,t.stop=function(){i=!0},t.currentTarget=this,__spreadArrays(r).forEach(function(r){r.listener(t),r.once&&n.off(e,r.listener)}),!i},t.trigger=function(e,t){return t===void 0&&(t={}),this.emit(e,t)},t._addEvent=function(e,t,n){var r=this._events;r[e]=r[e]||[],r[e].push(__assign$1$1({listener:t},n))},e}())),guidesClass=`tmagic-stage-guides`,Rule=class extends import_events.default{constructor(e,t){super(),_defineProperty(this,`hGuides`,void 0),_defineProperty(this,`vGuides`,void 0),_defineProperty(this,`horizontalGuidelines`,[]),_defineProperty(this,`verticalGuidelines`,[]),_defineProperty(this,`container`,void 0),_defineProperty(this,`containerResizeObserver`,void 0),_defineProperty(this,`isShowGuides`,!0),_defineProperty(this,`guidesOptions`,void 0),_defineProperty(this,`getGuidesStyle`,e=>({position:`fixed`,zIndex:1,left:e===GuidesType.HORIZONTAL?0:`-30px`,top:e===GuidesType.HORIZONTAL?`-30px`:0,width:e===GuidesType.HORIZONTAL?`100%`:`30px`,height:e===GuidesType.HORIZONTAL?`30px`:`100%`})),_defineProperty(this,`createGuides`,(e,t=[])=>{if(!this.container)return;let n=new Guides$1(this.container,{type:e,defaultGuides:t,displayDragPos:!0,className:guidesClass,backgroundColor:`#fff`,lineColor:`#000`,textColor:`#000`,style:this.getGuidesStyle(e),showGuides:this.isShowGuides,...this.guidesOptions}),r={[GuidesType.HORIZONTAL]:this.hGuidesChangeGuidesHandler,[GuidesType.VERTICAL]:this.vGuidesChangeGuidesHandler}[e];return r&&n.on(`changeGuides`,r),n}),_defineProperty(this,`hGuidesChangeGuidesHandler`,e=>{this.horizontalGuidelines=e.guides,this.emit(`change-guides`,{type:GuidesType.HORIZONTAL,guides:this.horizontalGuidelines})}),_defineProperty(this,`vGuidesChangeGuidesHandler`,e=>{this.verticalGuidelines=e.guides,this.emit(`change-guides`,{type:GuidesType.VERTICAL,guides:this.verticalGuidelines})}),!t?.disabledRule&&(this.guidesOptions=t?.guidesOptions||{},this.container=e,this.hGuides=this.createGuides(GuidesType.HORIZONTAL,this.horizontalGuidelines),this.vGuides=this.createGuides(GuidesType.VERTICAL,this.verticalGuidelines),this.containerResizeObserver=new ResizeObserver(()=>{this.vGuides?.resize(),this.hGuides?.resize()}),this.containerResizeObserver.observe(this.container))}showGuides(e=!0){this.isShowGuides=e,this.hGuides?.setState({showGuides:e}),this.vGuides?.setState({showGuides:e})}setGuides([e,t]){this.horizontalGuidelines=e,this.verticalGuidelines=t,this.hGuides?.setState({defaultGuides:e}),this.vGuides?.setState({defaultGuides:t}),this.emit(`change-guides`,{type:GuidesType.HORIZONTAL,guides:e}),this.emit(`change-guides`,{type:GuidesType.VERTICAL,guides:t})}clearGuides(){this.setGuides([[],[]])}showRule(e=!0){e?(this.destroyGuides(),this.hGuides=this.createGuides(GuidesType.HORIZONTAL,this.horizontalGuidelines),this.vGuides=this.createGuides(GuidesType.VERTICAL,this.verticalGuidelines)):(this.hGuides?.setState({rulerStyle:{visibility:`hidden`}}),this.vGuides?.setState({rulerStyle:{visibility:`hidden`}}))}scrollRule(e){this.hGuides?.scrollGuides(e),this.hGuides?.scroll(0),this.vGuides?.scrollGuides(0),this.vGuides?.scroll(e)}destroy(){this.destroyGuides(),this.hGuides?.off(`changeGuides`,this.hGuidesChangeGuidesHandler),this.vGuides?.off(`changeGuides`,this.vGuidesChangeGuidesHandler),this.containerResizeObserver?.disconnect(),this.container=void 0,this.removeAllListeners()}destroyGuides(){this.hGuides?.destroy(),this.vGuides?.destroy(),this.container?.querySelectorAll(`.${guidesClass}`).forEach(e=>{e.remove()}),this.hGuides=void 0,this.vGuides=void 0}},wrapperClassName=`editor-mask-wrapper`,hideScrollbar=()=>{injectStyle$1(getDocument$1(),`.${wrapperClassName}::-webkit-scrollbar { width: 0 !important; display: none }`)},createContent=()=>createDiv({className:`editor-mask`,cssText:` position: absolute; top: 0; left: 0; transform: translate3d(0, 0, 0); `}),createWrapper=()=>{let e=createDiv({className:wrapperClassName,cssText:` position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; z-index: ${ZIndex.MASK}; `});return hideScrollbar(),e},StageMask=class extends Rule{constructor(e){let t=createWrapper();super(t,e),_defineProperty(this,`content`,createContent()),_defineProperty(this,`wrapper`,void 0),_defineProperty(this,`page`,null),_defineProperty(this,`scrollTop`,0),_defineProperty(this,`scrollLeft`,0),_defineProperty(this,`width`,0),_defineProperty(this,`height`,0),_defineProperty(this,`wrapperHeight`,0),_defineProperty(this,`wrapperWidth`,0),_defineProperty(this,`maxScrollTop`,0),_defineProperty(this,`maxScrollLeft`,0),_defineProperty(this,`mode`,Mode.ABSOLUTE),_defineProperty(this,`pageScrollParent`,null),_defineProperty(this,`intersectionObserver`,null),_defineProperty(this,`wrapperResizeObserver`,null),_defineProperty(this,`mouseWheelHandler`,e=>{if(!this.page)throw Error(`page 未初始化`);let{deltaY:t,deltaX:n}=e;this.page.clientHeight0&&(this.scrollTop+=t),this.maxScrollLeft>0&&(this.scrollLeft+=n),this.scroll(),this.emit(`scroll`,e))}),this.wrapper=t,this.content.addEventListener(`wheel`,this.mouseWheelHandler),this.wrapper.appendChild(this.content)}setMode(e){this.mode=e,this.scroll(),this.content.dataset.mode=e,e===Mode.FIXED?(this.content.style.width=`${this.wrapperWidth}px`,this.content.style.height=`${this.wrapperHeight}px`):(this.content.style.width=`${this.width}px`,this.content.style.height=`${this.height}px`)}observe(e){e&&(this.page=e,this.initObserverIntersection(),this.initObserverWrapper())}pageResize(e){let[t]=e,{clientHeight:n,clientWidth:r}=t.target;this.setHeight(n),this.setWidth(r),this.scroll()}observerIntersection(e){this.intersectionObserver?.observe(e)}mount(e){if(!this.content)throw Error(`content 不存在`);e.appendChild(this.wrapper)}setLayout(e){this.setMode(isFixedParent(e)?Mode.FIXED:Mode.ABSOLUTE)}scrollIntoView(e){if(!this.page||e.getBoundingClientRect().left>=this.page.scrollWidth)return;let t=getScrollParent(e);if(t&&t!==this.pageScrollParent){this.scrollIntoView(t);return}e.scrollIntoView(),this.pageScrollParent&&(this.scrollLeft=this.pageScrollParent.scrollLeft,this.scrollTop=this.pageScrollParent.scrollTop,this.scroll())}destroy(){super.destroy(),this.content?.remove(),this.page=null,this.pageScrollParent=null,this.wrapperResizeObserver?.disconnect()}on(e,t){return super.on(e,t)}emit(e,...t){return super.emit(e,...t)}initObserverIntersection(){this.pageScrollParent=getScrollParent(this.page)||null,this.intersectionObserver?.disconnect(),typeof IntersectionObserver<`u`&&(this.intersectionObserver=new IntersectionObserver(e=>{e.forEach(e=>{let{target:t,intersectionRatio:n}=e;n<=0&&this.scrollIntoView(t),this.intersectionObserver?.unobserve(t)})},{root:this.pageScrollParent,rootMargin:`0px`,threshold:1}))}initObserverWrapper(){this.wrapperResizeObserver?.disconnect(),typeof ResizeObserver<`u`&&(this.wrapperResizeObserver=new ResizeObserver(e=>{let[t]=e,{clientHeight:n,clientWidth:r}=t.target;this.wrapperHeight=n,this.wrapperWidth=r,this.mode===Mode.FIXED&&(this.content.style.width=`${this.wrapperWidth}px`,this.content.style.height=`${this.wrapperHeight}px`),this.setMaxScrollLeft(),this.setMaxScrollTop()}),this.wrapperResizeObserver.observe(this.wrapper))}scroll(){this.fixScrollValue();let{scrollLeft:e,scrollTop:t}=this;this.pageScrollParent&&this.pageScrollParent.scrollTo({top:t,left:e}),this.mode===Mode.FIXED&&(e=0,t=0),this.scrollRule(t),this.scrollTo(e,t)}scrollTo(e,t){this.content.style.transform=`translate3d(${-e}px, ${-t}px, 0)`;let n=new CustomEvent(`customScroll`,{detail:{scrollLeft:this.scrollLeft,scrollTop:this.scrollTop}});this.content.dispatchEvent(n)}setHeight(e){this.height=e,this.setMaxScrollTop(),this.mode!==Mode.FIXED&&(this.content.style.height=`${e}px`)}setWidth(e){this.width=e,this.setMaxScrollLeft(),this.mode!==Mode.FIXED&&(this.content.style.width=`${e}px`)}setMaxScrollLeft(){this.maxScrollLeft=Math.max(this.width-this.wrapperWidth,0)}setMaxScrollTop(){this.maxScrollTop=Math.max(this.height-this.wrapperHeight,0)}fixScrollValue(){this.scrollTop<0&&(this.scrollTop=0),this.scrollLeft<0&&(this.scrollLeft=0),this.maxScrollTop()=>(e&&(t=e(e=0)),t),$t=(e,t)=>{for(var n in t)Rr(e,n,{get:t[n],enumerable:!0})};function De(e){if(e===!0)return`soft`;if(e===!1)return`disabled`;if(typeof e==`string`){let t=e.toLowerCase().trim();if(t===`auto`)return`auto`;if(t===`full`)return`full`;if(t===`soft`||t===`disabled`)return t}return`soft`}function jt(e=`soft`){switch(C.session.__counterEpoch=(C.session.__counterEpoch||0)+1,e){case`auto`:C.session.styleMap=new Map,C.session.nodeMap=new Map;return;case`soft`:C.session.styleMap=new Map,C.session.nodeMap=new Map,C.session.styleCache=new WeakMap;return;case`full`:return;case`disabled`:C.session.styleMap=new Map,C.session.nodeMap=new Map,C.session.styleCache=new WeakMap,C.computedStyle=new WeakMap,C.baseStyle=new O(50),C.defaultStyle=new O(30),C.image=new O(100),C.background=new O(100),C.resource=new O(150),C.font=new Set;return;default:C.session.styleMap=new Map,C.session.nodeMap=new Map,C.session.styleCache=new WeakMap;return}}var O,C,X=j(()=>{O=class extends Map{constructor(e=100,...t){super(...t),this._maxSize=e}set(e,t){if(this.size>=this._maxSize&&!this.has(e)){let e=this.keys().next().value;e!==void 0&&this.delete(e)}return super.set(e,t)}},C={image:new O(100),background:new O(100),resource:new O(150),defaultStyle:new O(30),baseStyle:new O(50),computedStyle:new WeakMap,measureHints:new WeakMap,font:new Set,session:{styleMap:new Map,styleCache:new WeakMap,nodeMap:new Map}}});function mt(e){let t=e.match(/url\((['"]?)(.*?)(\1)\)/);if(!t)return null;let n=t[2].trim();return n.startsWith(`#`)?null:n}function ue(e){if(!e||e===`none`)return``;let t=e.replace(/translate[XY]?\([^)]*\)/g,``);return t=t.replace(/matrix\(([^)]+)\)/g,(e,t)=>{let n=t.split(`,`).map(e=>e.trim());return n.length===6?(n[4]=`0`,n[5]=`0`,`matrix(${n.join(`, `)})`):`matrix(${t})`}),t=t.replace(/matrix3d\(([^)]+)\)/g,(e,t)=>{let n=t.split(`,`).map(e=>e.trim());return n.length===16?(n[12]=`0`,n[13]=`0`,`matrix3d(${n.join(`, `)})`):`matrix3d(${t})`}),t.trim().replace(/\s{2,}/g,` `)}function ut(e){if(/%[0-9A-Fa-f]{2}/.test(e))return e;try{return encodeURI(e)}catch{return e}}function fe(e,t){if(!e||/^(data|blob|about|#)/i.test(e.trim()))return e;try{let n=t||typeof document<`u`&&(document.baseURI||document.location?.href)||`http://localhost/`;return new URL(e,n).href}catch{return e}}var Rt=j(()=>{});function Lr(e=`[snapDOM]`,{ttlMs:t=5*6e4,maxEntries:n=12}={}){let r=new Map,i=0;function a(a,o,s){if(i>=n)return;let c=Date.now();(r.get(o)||0)>c||(r.set(o,c+t),i++,a===`warn`&&console&&console.warn?console.warn(`${e} ${s}`):console&&console.error&&console.error(`${e} ${s}`))}return{warnOnce(e,t){a(`warn`,e,t)},errorOnce(e,t){a(`error`,e,t)},reset(){r.clear(),i=0}}}function Pr(e){return/^data:|^blob:|^about:blank$/i.test(e)}function Tr(e,t){try{let n=typeof location<`u`&&location.href?location.href:`http://localhost/`,r=t.includes(`{url}`)?t.split(`{url}`)[0]:t,i=new URL(r||`.`,n),a=new URL(e,n);if(a.origin===i.origin)return!0;let o=a.searchParams;if(o&&(o.has(`url`)||o.has(`target`)))return!0}catch{}return!1}function Nr(e,t){if(!t||Pr(e)||Tr(e,t))return!1;try{let t=typeof location<`u`&&location.href?location.href:`http://localhost/`,n=new URL(e,t);return typeof location<`u`?n.origin!==location.origin:!0}catch{return!!t}}function Ir(e,t){return t?t.includes(`{url}`)?t.replace(`{urlRaw}`,ut(e)).replace(`{url}`,encodeURIComponent(e)):/[?&]url=?$/.test(t)?`${t}${encodeURIComponent(e)}`:t.endsWith(`?`)?`${t}url=${encodeURIComponent(e)}`:t.endsWith(`/`)?`${t}${ut(e)}`:`${t}${t.includes(`?`)?`&`:`?`}url=${encodeURIComponent(e)}`:e}function ze(e){return new Promise((t,n)=>{let r=new FileReader;r.onload=()=>t(String(r.result||``)),r.onerror=()=>n(Error(`read_failed`)),r.readAsDataURL(e)})}function _r(e,t){return[t.as||`blob`,t.timeout??3e3,t.useProxy||``,t.errorTTL??8e3,e].join(`|`)}async function U(e,t={}){let n=t.as??`blob`,r=t.timeout??3e3,i=t.useProxy||``,a=t.errorTTL??8e3,o=t.headers||{},s=!!t.silent;if(/^data:/i.test(e))try{if(n===`text`)return{ok:!0,data:String(e),status:200,url:e,fromCache:!1};if(n===`dataURL`)return{ok:!0,data:String(e),status:200,url:e,fromCache:!1,mime:String(e).slice(5).split(`;`)[0]||``};let[,t=``,r=``]=String(e).match(/^data:([^,]*),(.*)$/)||[],i=/;base64/i.test(t)?atob(r):decodeURIComponent(r),a=new Uint8Array([...i].map(e=>e.charCodeAt(0))),o=new Blob([a],{type:(t||``).split(`;`)[0]||``});return{ok:!0,data:o,status:200,url:e,fromCache:!1,mime:o.type||``}}catch{return{ok:!1,data:null,status:0,url:e,fromCache:!1,reason:`special_url_error`}}if(/^blob:/i.test(e))try{let t=await fetch(e);if(!t.ok)return{ok:!1,data:null,status:t.status,url:e,fromCache:!1,reason:`http_error`};let r=await t.blob(),i=r.type||t.headers.get(`content-type`)||``;return n===`dataURL`?{ok:!0,data:await ze(r),status:t.status,url:e,fromCache:!1,mime:i}:n===`text`?{ok:!0,data:await r.text(),status:t.status,url:e,fromCache:!1,mime:i}:{ok:!0,data:r,status:t.status,url:e,fromCache:!1,mime:i}}catch{return{ok:!1,data:null,status:0,url:e,fromCache:!1,reason:`network`}}if(/^about:blank$/i.test(e))return n===`dataURL`?{ok:!0,data:`data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR4nGMAAQAABQABDQottAAAAABJRU5ErkJggg==`,status:200,url:e,fromCache:!1,mime:`image/png`}:{ok:!0,data:n===`text`?``:new Blob([]),status:200,url:e,fromCache:!1};let c=_r(e,{as:n,timeout:r,useProxy:i,errorTTL:a}),l=Vt.get(c);if(l&&l.until>Date.now())return{...l.result,fromCache:!0};l&&Vt.delete(c);let u=de.get(c);if(u)return u;let d=Nr(e,i)?Ir(e,i):e,f=t.credentials;if(!f)try{let t=typeof location<`u`&&location.href?location.href:`http://localhost/`,n=new URL(e,t);f=typeof location<`u`&&n.origin===location.origin?`include`:`omit`}catch{f=`omit`}let p=new AbortController,m=setTimeout(()=>p.abort(`timeout`),r),g=(async()=>{try{let r=await fetch(d,{signal:p.signal,credentials:f,headers:o});if(!r.ok){let i={ok:!1,data:null,status:r.status,url:d,fromCache:!1,reason:`http_error`};if(a>0&&Vt.set(c,{until:Date.now()+a,result:i}),!s){let t=`${r.status} ${r.statusText||``}`.trim();He.warnOnce(`http:${r.status}:${n}:${new URL(e,location?.href??`http://localhost/`).origin}`,`HTTP error ${t} while fetching ${n} ${e}`)}return t.onError&&t.onError(i),i}if(n===`text`)return{ok:!0,data:await r.text(),status:r.status,url:d,fromCache:!1};let i=await r.blob(),l=i.type||r.headers.get(`content-type`)||``;return n===`dataURL`?{ok:!0,data:await ze(i),status:r.status,url:d,fromCache:!1,mime:l}:{ok:!0,data:i,status:r.status,url:d,fromCache:!1,mime:l}}catch(i){let o=i&&typeof i==`object`&&`name`in i&&i.name===`AbortError`?String(i.message||``).includes(`timeout`)?`timeout`:`abort`:`network`,l={ok:!1,data:null,status:0,url:d,fromCache:!1,reason:o};if(!/^blob:/i.test(e)&&a>0&&Vt.set(c,{until:Date.now()+a,result:l}),!s){let t=`${o}:${n}:${new URL(e,location?.href??`http://localhost/`).origin}`,i=o===`timeout`?`Timeout after ${r}ms. Consider increasing timeout or using a proxy for ${e}`:o===`abort`?`Request aborted while fetching ${n} ${e}`:`Network/CORS issue while fetching ${n} ${e}. A proxy may be required`;He.errorOnce(t,i)}return t.onError&&t.onError(l),l}finally{clearTimeout(m),de.delete(c)}})();return de.set(c,g),g}var He,de,Vt,pt=j(()=>{Rt(),He=Lr(`[snapDOM]`,{ttlMs:3*6e4,maxEntries:10}),de=new Map,Vt=new Map});async function ht(e,t={}){if(/^((repeating-)?(linear|radial|conic)-gradient)\(/i.test(e)||e.trim()===`none`)return e;let n=mt(e);if(!n)return e;let r=ut(fe(n));if(C.background.has(r)){let e=C.background.get(r);return e?`url("${e}")`:`none`}try{let e=await U(r,{as:`dataURL`,useProxy:t.useProxy});return e.ok?(C.background.set(r,e.data),`url("${e.data}")`):(C.background.set(r,null),`none`)}catch{return C.background.set(r,null),`none`}}var qe=j(()=>{X(),Rt(),pt()});function pe(e){if(e=String(e).toLowerCase(),Yt.has(e)){let t={};return C.defaultStyle.set(e,t),t}if(C.defaultStyle.has(e))return C.defaultStyle.get(e);let t=document.getElementById(`snapdom-sandbox`);t||(t=document.createElement(`div`),t.id=`snapdom-sandbox`,t.setAttribute(`data-snapdom-sandbox`,`true`),t.setAttribute(`aria-hidden`,`true`),t.style.position=`absolute`,t.style.left=`-9999px`,t.style.top=`-9999px`,t.style.width=`0px`,t.style.height=`0px`,t.style.overflow=`hidden`,document.body.appendChild(t));let n=document.createElement(e);n.style.all=`initial`,t.appendChild(n);let r=getComputedStyle(n),i={};for(let e of r)Lt(e)||(i[e]=r.getPropertyValue(e));return t.removeChild(n),C.defaultStyle.set(e,i),i}function Lt(e){let t=String(e).toLowerCase();return!!(Br.has(t)||Or.test(t)||Ur.test(t))}function wt(e,t){if(t=String(t||``).toLowerCase(),Yt.has(t))return``;let n=[],r=pe(t),i=(e.display||``).toLowerCase()===`inline`||new Set([`span`,`small`,`em`,`strong`,`b`,`i`,`u`,`s`,`code`,`cite`,`mark`,`sub`,`sup`]).has(t);for(let[t,a]of Object.entries(e)){if(Lt(t)||i&&(t===`width`||t===`min-width`||t===`max-width`))continue;let e=r[t];a&&a!==e&&n.push(`${t}:${a}`)}return n.sort(),n.join(`;`)}function he(e){let t=new Set;return e.nodeType!==Node.ELEMENT_NODE&&e.nodeType!==Node.DOCUMENT_FRAGMENT_NODE?[]:(e.tagName&&t.add(e.tagName.toLowerCase()),typeof e.querySelectorAll==`function`&&e.querySelectorAll(`*`).forEach(e=>t.add(e.tagName.toLowerCase())),Array.from(t))}function ge(e){let t=new Map;for(let n of e){let e=C.defaultStyle.get(n);if(!e)continue;let r=Object.entries(e).map(([e,t])=>`${e}:${t};`).sort().join(``);r&&(t.has(r)||t.set(r,[]),t.get(r).push(n))}let n=``;for(let[e,r]of t.entries())n+=`${r.join(`,`)} { ${e} } `;return n}function ye(e){let t=Array.from(new Set(e.values())).filter(Boolean).sort(),n=new Map,r=1;for(let e of t)n.set(e,`c${r++}`);return n}function Dr(e){try{let t=e?.ownerDocument;if(!t)return typeof window<`u`?window:null;let n=t.defaultView;if(n&&typeof n.getComputedStyle==`function`)return n;if(typeof window<`u`&&window.frames)for(let e=0;e{let e={length:0,getPropertyValue:()=>``,item:()=>``};return e[Symbol.iterator]=function*(){},e};if(!(e instanceof Element)){let r=typeof window<`u`?window:null;if(r&&typeof r.getComputedStyle==`function`)try{return r.getComputedStyle(e,t)||n()}catch{return n()}return n()}let r=C.computedStyle.get(e);r||(r=new Map,C.computedStyle.set(e,r));let i=r.get(t);if(!i){let a=Dr(e),o=null;try{o=a&&typeof a.getComputedStyle==`function`?a.getComputedStyle(e,t):null}catch{}if(!o&&typeof window<`u`&&typeof window.getComputedStyle==`function`)try{e.ownerDocument===document&&(o=window.getComputedStyle(e,t))}catch{}i=o||n(),r.set(t,i)}return i}function Gt(e){let t={};for(let n of e)t[n]=e.getPropertyValue(n);return t}function St(e){let t=[],n=0,r=0;for(let i=0;i{X(),Xt=new Set([`meta`,`script`,`noscript`,`title`,`link`,`template`]),Yt=new Set([`meta`,`link`,`style`,`title`,`noscript`,`script`,`template`,`g`,`defs`,`use`,`marker`,`mask`,`clipPath`,`pattern`,`path`,`polygon`,`polyline`,`line`,`circle`,`ellipse`,`rect`,`filter`,`lineargradient`,`radialgradient`,`stop`]),Ur=/(?:^|-)(animation|transition)(?:-|$)/i,Or=/^(--.+|view-timeline|scroll-timeline|animation-trigger|offset-|position-try|app-region|interactivity|overlay|view-transition|-webkit-locale|-webkit-user-(?:drag|modify)|-webkit-tap-highlight-color|-webkit-text-security)$/i,Br=new Set([`cursor`,`pointer-events`,`touch-action`,`user-select`,`print-color-adjust`,`speak`,`reading-flow`,`reading-order`,`anchor-name`,`anchor-scope`,`container-name`,`container-type`,`timeline-scope`,`zoom`])});function ot(e,{fast:t=!1}={}){if(t)return e();`requestIdleCallback`in window?requestIdleCallback(e,{timeout:50}):setTimeout(e,1)}function we(){if(typeof navigator>`u`)return!1;if(navigator.userAgentData)return navigator.userAgentData.platform===`iOS`;let e=navigator.userAgent||``,t=/iPhone|iPad|iPod/.test(e),n=navigator.maxTouchPoints>2&&/Macintosh/.test(e);return t||n}function z(){if(typeof navigator>`u`)return!1;let e=navigator.userAgent||``,t=e.toLowerCase(),n=t.includes(`safari`)&&!t.includes(`chrome`)&&!t.includes(`crios`)&&!t.includes(`fxios`)&&!t.includes(`android`),r=/applewebkit/i.test(e),i=/mobile/i.test(e),a=!/safari/i.test(e),o=r&&i&&a,s=/(micromessenger|wxwork|wecom|windowswechat|macwechat)/i.test(e),c=/(baiduboxapp|baidubrowser|baidusearch|baiduboxlite)/i.test(t),l=/ipad|iphone|ipod/.test(t)&&r;return n||o||s||c||l}function je(){if(typeof navigator>`u`)return!1;let e=(navigator.userAgent||``).toLowerCase();return e.includes(`firefox`)||e.includes(`fxios`)}var xt=j(()=>{});function R(e,t,n){let r=e&&typeof e==`object`&&(e.options||e);r&&r.debug&&(n===void 0?console.warn(`[snapdom]`,t):console.warn(`[snapdom]`,t,n))}var Se=j(()=>{}),G=j(()=>{qe(),be(),xt(),Rt(),Se()}),mr={};$t(mr,{toCanvas:()=>yt});function ui(e){return typeof e==`string`&&/^data:image\/svg\+xml/i.test(e)}function fi(e){let t=e.indexOf(`,`);return t>=0?decodeURIComponent(e.slice(t+1)):``}function di(e){return`data:image/svg+xml;charset=utf-8,${encodeURIComponent(e)}`}function mi(e){let t=[],n=``,r=0;for(let i=0;ie.trim()).filter(Boolean)}function pi(e){let t=[],n=``,r=0;for(let i=0;i`${e}:${t}`).join(`;`)}function hi(e){return e.replace(/([^{}]+)\{([^}]*)\}/g,(e,t,n)=>`${t}{${dr(n)}}`)}function gi(e){return e=e.replace(/]*>([\s\S]*?)<\/style>/gi,(e,t)=>e.replace(t,hi(t))),e=e.replace(/style=(['"])([\s\S]*?)\1/gi,(e,t,n)=>`style=${t}${dr(n)}${t}`),e}function yi(e){if(!z()||!ui(e))return e;try{return di(gi(fi(e)))}catch{return e}}async function yt(e,t){let{width:n,height:r,scale:i=1,dpr:a=1,meta:o={},backgroundColor:s}=t;e=yi(e);let c=new Image;c.loading=`eager`,c.decoding=`sync`,c.crossOrigin=`anonymous`,c.src=e,await c.decode();let l=c.naturalWidth,u=c.naturalHeight,d=Number.isFinite(o.w0)?o.w0:l,f=Number.isFinite(o.h0)?o.h0:u,p,m,g=Number.isFinite(n),_=Number.isFinite(r);if(g&&_)p=Math.max(1,n),m=Math.max(1,r);else if(g){let e=n/Math.max(1,d);p=n,m=f*e}else if(_){let e=r/Math.max(1,f);m=r,p=d*e}else p=l,m=u;p*=i,m*=i;let v=document.createElement(`canvas`);v.width=p*a,v.height=m*a,v.style.width=`${p}px`,v.style.height=`${m}px`;let y=v.getContext(`2d`);return a!==1&&y.scale(a,a),s&&(y.save(),y.fillStyle=s,y.fillRect(0,0,p,m),y.restore()),y.drawImage(c,0,0,p,m),v}var Wt=j(()=>{xt()}),se={};$t(se,{rasterize:()=>Te});async function Te(e,t){let n=await yt(e,t),r=new Image;return r.src=n.toDataURL(`image/${t.format}`,t.quality),await r.decode(),r.style.width=`${n.width/t.dpr}px`,r.style.height=`${n.height/t.dpr}px`,r}var Ut=j(()=>{Wt()}),Ne={};$t(Ne,{toImg:()=>bi,toSvg:()=>bi});async function bi(e,t){let{scale:n=1,width:r,height:i,meta:a={}}=t,o=Number.isFinite(r),s=Number.isFinite(i),c=Number.isFinite(n)&&n!==1||o||s;if(z()&&c)return await Te(e,{...t,format:`png`,quality:1,meta:a});let l=new Image;if(l.decoding=`sync`,l.loading=`eager`,l.src=e,await l.decode(),o&&s)l.style.width=`${r}px`,l.style.height=`${i}px`;else if(o){let e=Number.isFinite(a.w0)?a.w0:l.naturalWidth,t=Number.isFinite(a.h0)?a.h0:l.naturalHeight,n=r/Math.max(1,e);l.style.width=`${r}px`,l.style.height=`${Math.round(t*n)}px`}else if(s){let e=Number.isFinite(a.w0)?a.w0:l.naturalWidth,t=Number.isFinite(a.h0)?a.h0:l.naturalHeight,n=i/Math.max(1,t);l.style.height=`${i}px`,l.style.width=`${Math.round(e*n)}px`}else{let r=Math.round(l.naturalWidth*n),i=Math.round(l.naturalHeight*n);if(l.style.width=`${r}px`,l.style.height=`${i}px`,typeof e==`string`&&e.startsWith(`data:image/svg+xml`))try{let t=decodeURIComponent(e.split(`,`)[1]).replace(/width="[^"]*"/,`width="${r}"`).replace(/height="[^"]*"/,`height="${i}"`);e=`data:image/svg+xml;charset=utf-8,${encodeURIComponent(t)}`,l.src=e}catch(e){R(t,`SVG width/height patch in toImg failed`,e)}}return l}var Ie=j(()=>{G(),Ut()}),pr={};$t(pr,{toBlob:()=>_e});async function _e(e,t){let n=t.type;if(n===`svg`){let t=decodeURIComponent(e.split(`,`)[1]);return new Blob([t],{type:`image/svg+xml`})}let r=await yt(e,t);return new Promise(e=>r.toBlob(t=>e(t),`image/${n}`,t.quality))}var We=j(()=>{Wt()}),gr={};$t(gr,{download:()=>wi});async function hr(e,t){let n=new File([e],t,{type:e.type});if(!navigator.canShare?.({files:[n]}))return!1;try{await navigator.share({files:[n],title:t})}catch(e){if(e.name!==`AbortError`)return!1}return!0}async function wi(e,t){let n=new Set([`png`,`jpeg`,`jpg`,`webp`,`svg`]),r=(t?.type||``).toLowerCase(),i=n.has(r)?r:``,a=(t?.format||i||``).toLowerCase(),o=a===`jpg`?`jpeg`:a||`png`,s=t?.filename||`snapdom.${o}`,c={...t||{},format:o,type:o};c.dpr=1;let l=we();if(o===`svg`){let t=await _e(e,{...c,type:`svg`});if(l&&await hr(t,s))return;let n=URL.createObjectURL(t),r=document.createElement(`a`);r.href=n,r.download=s,document.body.appendChild(r),r.click(),URL.revokeObjectURL(n),r.remove();return}let u=await yt(e,c);if(l){let e=`image/${o}`,n=await new Promise(n=>u.toBlob(n,e,t?.quality));if(n&&await hr(n,s))return}let d=document.createElement(`a`);d.href=u.toDataURL(`image/${o}`,t?.quality),d.download=s,document.body.appendChild(d),d.click(),d.remove()}var yr=j(()=>{We(),Wt(),xt()});G(),G(),X();var Ve=new WeakMap,Tt=new Map,Hr=2e3,xe=0;function Pt(){xe++,Tt.size>Hr&&Tt.clear()}var Xe=!1;function zr(e=document.documentElement){if(!Xe){Xe=!0;try{new MutationObserver(()=>Pt()).observe(e,{subtree:!0,childList:!0,characterData:!0,attributes:!0})}catch{}try{new MutationObserver(()=>Pt()).observe(document.head,{subtree:!0,childList:!0,characterData:!0,attributes:!0})}catch{}try{let e=document.fonts;e&&(e.addEventListener?.(`loadingdone`,Pt),e.ready?.then(()=>Pt()).catch(()=>{}))}catch{}}}function qr(e,t={}){let n={},r=e.getPropertyValue(`visibility`),i=t.excludeStyleProps;for(let t=0;te[0]t[0])).map(([e,t])=>`${e}:${t}`).join(`;`),Ye.set(e,t),t)}function Vr(e,t=null,n={}){let r=Ve.get(e);if(r&&r.epoch===xe)return r.snapshot;let i=t||getComputedStyle(e),a=qr(i,n);return Zr(e,i,a),Ve.set(e,{epoch:xe,snapshot:a}),a}function Xr(e,t){return e&&e.session&&e.persist?e:e&&(e.styleMap||e.styleCache||e.nodeMap)?{session:e,persist:{snapshotKeyCache:Tt,defaultStyle:C.defaultStyle,baseStyle:C.baseStyle,image:C.image,resource:C.resource,background:C.background,font:C.font},options:t||{}}:{session:C.session,persist:{snapshotKeyCache:Tt,defaultStyle:C.defaultStyle,baseStyle:C.baseStyle,image:C.image,resource:C.resource,background:C.background,font:C.font},options:e||t||{}}}function Yr(e,t,n){if(!(!e.style||e.style.length===0))for(let r=0;r0||(parseFloat(e.borderBottomWidth)||0)>0||(parseFloat(e.paddingTop)||0)>0||(parseFloat(e.paddingBottom)||0)>0?!0:(e.overflowBlock||e.overflowY||`visible`)!==`visible`}function Qr(e){let t=e.parentElement;if(!t)return!1;let n=getComputedStyle(t).display||``;return n.includes(`flex`)||n.includes(`grid`)}function Jr(e,t){if(e.textContent&&/\S/.test(e.textContent))return!0;let n=e.firstElementChild,r=e.lastElementChild;if(n&&n.tagName===`BR`||r&&r.tagName===`BR`)return!0;let i=e.scrollHeight;return i===0?!1:i>(parseFloat(t.paddingTop)||0)+(parseFloat(t.paddingBottom)||0)}function Zr(e,t,n){if(e instanceof HTMLElement&&e.style&&e.style.height)return;let r=e.tagName&&e.tagName.toLowerCase();if(!r||![`div`,`section`,`article`,`main`,`aside`,`header`,`footer`,`nav`].includes(r))return;let i=parseFloat(t.height);if(Number.isFinite(i)&&e.scrollHeight>0&&Math.abs(i-e.scrollHeight)>2||t.aspectRatio&&t.aspectRatio!==`none`&&t.aspectRatio!==`auto`)return;let a=t.display||``;if(a.includes(`flex`)||a.includes(`grid`)||Gr(e))return;let o=t.position;if(o===`absolute`||o===`fixed`||o===`sticky`||t.transform!==`none`||Kr(t)||Qr(e))return;let s=t.overflowX||t.overflow||`visible`,c=t.overflowY||t.overflow||`visible`;if(s!==`visible`||c!==`visible`)return;let l=t.clip;l&&l!==`auto`&&l!==`rect(auto, auto, auto, auto)`||t.visibility===`hidden`||t.opacity===`0`||Jr(e,t)&&(delete n.height,delete n[`block-size`])}be();var Ke=[`fill`,`stroke`,`color`,`background-color`,`stop-color`],Ge=new Map;function to(e,t){let n=t+`::`+e.toLowerCase(),r=Ge.get(n);if(r)return r;let i=document,a=t===`http://www.w3.org/2000/svg`?i.createElementNS(t,e):i.createElement(e),o=i.createElement(`div`);o.style.cssText=`position:absolute;left:-99999px;top:-99999px;contain:strict;display:block;`,o.appendChild(a),i.documentElement.appendChild(o);let s=getComputedStyle(a),c={};for(let e of Ke)c[e]=s.getPropertyValue(e)||``;return o.remove(),Ge.set(n,c),c}function Qe(e,t){if(!(e instanceof Element)||!(t instanceof Element))return;let n=e.getAttribute?.(`style`),r=!!(n&&n.includes(`var(`));if(!r&&e.attributes?.length){let t=e.attributes;for(let e=0;enew Promise(r=>{function i(){ot(n=>{!(n&&typeof n.timeRemaining==`function`)||n.timeRemaining()>0?t(e,r):i()},{fast:n})}i()})))}function eo(e){return e=e.trim(),!e||/:not\(\s*\[data-sd-slotted\]\s*\)\s*$/.test(e)?e:`${e}:not([data-sd-slotted])`}function no(e,t,n=!0){return e.split(`,`).map(e=>e.trim()).filter(Boolean).map(e=>e.startsWith(`:where(`)||e.startsWith(`@`)?e:`:where(${t} ${n?eo(e):e})`).join(`, `)}function Ze(e,t){return e?(e=e.replace(/:host\(([^)]+)\)/g,(e,n)=>`:where(${t}:is(${n.trim()}))`),e=e.replace(/:host\b/g,`:where(${t})`),e=e.replace(/:host-context\(([^)]+)\)/g,(e,n)=>`:where(:where(${n.trim()}) ${t})`),e=e.replace(/::slotted\(([^)]+)\)/g,(e,n)=>`:where(${t} ${n.trim()})`),e=e.replace(/(^|})(\s*)([^@}{]+){/g,(e,n,r,i)=>`${n}${r}${no(i,t,!0)}{`),e):``}function tn(e){return e.shadowScopeSeq=(e.shadowScopeSeq||0)+1,`s${e.shadowScopeSeq}`}function en(e){let t=``;try{e.querySelectorAll(`style`).forEach(e=>{t+=(e.textContent||``)+` `});let n=e.adoptedStyleSheets||[];for(let e of n)try{if(e&&e.cssRules)for(let n of e.cssRules)t+=n.cssText+` `}catch{}}catch{}return t}function nn(e,t,n){if(!t)return;let r=document.createElement(`style`);r.setAttribute(`data-sd`,n),r.textContent=t,e.insertBefore(r,e.firstChild||null)}function rn(e,t){try{let n=e.currentSrc||e.src||``;if(!n)return;t.setAttribute(`src`,n),t.removeAttribute(`srcset`),t.removeAttribute(`sizes`),t.loading=`eager`,t.decoding=`sync`}catch{}}function on(e){let t=new Set;if(!e)return t;let n=/var\(\s*(--[A-Za-z0-9_-]+)\b/g,r;for(;r=n.exec(e);)t.add(r[1]);return t}function ro(e,t){try{let n=getComputedStyle(e).getPropertyValue(t).trim();if(n)return n}catch{}try{let e=getComputedStyle(document.documentElement).getPropertyValue(t).trim();if(e)return e}catch{}return``}function sn(e,t,n){let r=[];for(let n of t){let t=ro(e,n);t&&r.push(`${n}: ${t};`)}return r.length?`${n}{${r.join(``)}} `:``}function an(e){e&&(e.nodeType===Node.ELEMENT_NODE&&e.setAttribute(`data-sd-slotted`,``),e.querySelectorAll&&e.querySelectorAll(`*`).forEach(e=>e.setAttribute(`data-sd-slotted`,``)))}async function oo(e,t=3){let n=()=>{try{return e.contentDocument||e.contentWindow?.document||null}catch{return null}},r=n(),i=0;for(;isetTimeout(e,0)),r=n(),i++;return r&&(r.body||r.documentElement)?r:null}function io(e){let t=e.getBoundingClientRect(),n=0,r=0,i=0,a=0;try{let t=getComputedStyle(e);n=parseFloat(t.borderLeftWidth)||0,r=parseFloat(t.borderRightWidth)||0,i=parseFloat(t.borderTopWidth)||0,a=parseFloat(t.borderBottomWidth)||0}catch{}return{contentWidth:Math.max(0,Math.round(t.width-(n+r))),contentHeight:Math.max(0,Math.round(t.height-(i+a))),rect:t}}function K(e){let t=0,n=0;if(e.offsetWidth>0&&(t=e.offsetWidth),e.offsetHeight>0&&(n=e.offsetHeight),t===0||n===0)try{let r=getComputedStyle(e);if(t===0){let e=parseFloat(r.width);!isNaN(e)&&e>0&&(t=e)}if(n===0){let e=parseFloat(r.height);!isNaN(e)&&e>0&&(n=e)}}catch{}if(t===0||n===0)try{if(t===0){let n=parseFloat(e.getAttribute(`width`));!isNaN(n)&&n>0&&(t=n)}if(n===0){let t=parseFloat(e.getAttribute(`height`));!isNaN(t)&&t>0&&(n=t)}}catch{}if((t===0||n===0)&&(e.naturalWidth||e.naturalHeight))try{t===0&&e.naturalWidth>0&&(t=e.naturalWidth),n===0&&e.naturalHeight>0&&(n=e.naturalHeight)}catch{}return{width:t,height:n}}function so(e,t,n){let r=e.createElement(`style`);return r.setAttribute(`data-sd-iframe-pin`,``),r.textContent=`html, body {margin: 0 !important;padding: 0 !important;width: ${t}px !important;height: ${n}px !important;min-width: ${t}px !important;min-height: ${n}px !important;box-sizing: border-box !important;overflow: hidden !important;background-clip: border-box !important;}`,(e.head||e.documentElement).appendChild(r),()=>{try{r.remove()}catch{}}}async function cn(e,t,n){let r=await oo(e,3);if(!r)throw Error(`iframe document not accessible/ready`);let{contentWidth:i,contentHeight:a,rect:o}=io(e),s=n?.snap;if(!s&&typeof window<`u`&&window.snapdom&&(s=window.snapdom),!s||typeof s.toPng!=`function`)throw Error(`[snapdom] iframe capture requires snapdom.toPng. Use snapdom(el) or pass options.snap. With ESM, assign window.snapdom = snapdom after import if using iframes.`);let c={...n,scale:1},l=so(r,i,a),u;try{u=await s.toPng(r.documentElement,c)}finally{l()}u.style.display=`block`,u.style.width=`${i}px`,u.style.height=`${a}px`;let d=document.createElement(`div`);return t.nodeMap.set(d,e),it(e,d,t,n),d.style.overflow=`hidden`,d.style.display=`block`,d.style.width||(d.style.width=`${Math.round(o.width)}px`),d.style.height||(d.style.height=`${Math.round(o.height)}px`),d.appendChild(u),d}function ln(e){let{width:t,height:n}=K(e),r=e.getBoundingClientRect(),i;try{i=window.getComputedStyle(e)}catch{}let a=i?parseFloat(i.width):NaN,o=i?parseFloat(i.height):NaN,s=Math.round(t||r.width||0),c=Math.round(n||r.height||0),l=Number.isFinite(a)&&a>0?Math.round(a):Math.max(12,s||16),u=Number.isFinite(o)&&o>0?Math.round(o):Math.max(12,c||16),d=(e.type||`text`).toLowerCase()===`checkbox`,f=!!e.checked,p=!!e.indeterminate,m=Math.max(Math.min(l,u),12),g=`middle`;try{i&&i.verticalAlign&&(g=i.verticalAlign)}catch{}let _=document.createElement(`div`);_.setAttribute(`data-snapdom-input-replacement`,e.type||`checkbox`),_.style.cssText=`display:inline-block;width:${m}px;height:${m}px;vertical-align:${g};flex-shrink:0;line-height:0;`;let v=document.createElementNS(`http://www.w3.org/2000/svg`,`svg`);v.setAttribute(`width`,String(m)),v.setAttribute(`height`,String(m)),v.setAttribute(`viewBox`,`0 0 ${m} ${m}`),_.appendChild(v);function y(){let e=`#0a6ed1`;try{i&&(e=i.accentColor||i.color||e)}catch{}let t=2,n=2/2,r=m-2;if(v.innerHTML=``,d){let t=document.createElementNS(`http://www.w3.org/2000/svg`,`rect`);if(t.setAttribute(`x`,`1`),t.setAttribute(`y`,`1`),t.setAttribute(`width`,String(r)),t.setAttribute(`height`,String(r)),t.setAttribute(`rx`,`2`),t.setAttribute(`ry`,`2`),t.setAttribute(`fill`,f?e:`none`),t.setAttribute(`stroke`,e),t.setAttribute(`stroke-width`,`2`),v.appendChild(t),f){let e=document.createElementNS(`http://www.w3.org/2000/svg`,`path`);e.setAttribute(`d`,`M 3 ${m/2} L ${m/2-1} ${m-1-2} L ${m-1-2} 3`),e.setAttribute(`stroke`,`white`),e.setAttribute(`stroke-width`,`2`),e.setAttribute(`fill`,`none`),e.setAttribute(`stroke-linecap`,`round`),e.setAttribute(`stroke-linejoin`,`round`),v.appendChild(e)}else if(p){let t=document.createElementNS(`http://www.w3.org/2000/svg`,`rect`),n=Math.max(6,r-4);t.setAttribute(`x`,String((m-n)/2)),t.setAttribute(`y`,String((m-2)/2)),t.setAttribute(`width`,String(n)),t.setAttribute(`height`,`2`),t.setAttribute(`fill`,e),t.setAttribute(`rx`,`1`),v.appendChild(t)}}else{let t=document.createElementNS(`http://www.w3.org/2000/svg`,`circle`);if(t.setAttribute(`cx`,String(m/2)),t.setAttribute(`cy`,String(m/2)),t.setAttribute(`r`,String((m-2)/2)),t.setAttribute(`fill`,f?e:`none`),t.setAttribute(`stroke`,e),t.setAttribute(`stroke-width`,`2`),v.appendChild(t),f){let e=document.createElementNS(`http://www.w3.org/2000/svg`,`circle`),t=Math.max(2,(m-4)*.35);e.setAttribute(`cx`,String(m/2)),e.setAttribute(`cy`,String(m/2)),e.setAttribute(`r`,String(t)),e.setAttribute(`fill`,`white`),v.appendChild(e)}}_.style.setProperty(`width`,`${m}px`,`important`),_.style.setProperty(`height`,`${m}px`,`important`),_.style.setProperty(`min-width`,`${m}px`,`important`),_.style.setProperty(`min-height`,`${m}px`,`important`)}return y(),{el:_,applyVisual:y}}var Nt=new O(80);async function It(e){if(C.resource?.has(e))return C.resource.get(e);if(Nt.has(e))return Nt.get(e);let t=(async()=>{let t=await U(e,{as:`dataURL`,silent:!0});if(!t.ok||typeof t.data!=`string`)throw Error(`[snapDOM] Failed to read blob URL: ${e}`);return C.resource?.set(e,t.data),t.data})();Nt.set(e,t);try{let n=await t;return Nt.set(e,n),n}catch(t){throw Nt.delete(e),t}}var ao=/\bblob:[^)"'\s]+/g;async function Je(e){if(!e||e.indexOf(`blob:`)===-1)return e;let t=Array.from(new Set(e.match(ao)||[]));if(t.length===0)return e;let n=e;for(let e of t)try{let t=await It(e);n=n.split(e).join(t)}catch{}return n}function Kt(e){return typeof e==`string`&&e.startsWith(`blob:`)}function co(e){return(e||``).split(`,`).map(e=>e.trim()).filter(Boolean).map(e=>{let t=e.match(/^(\S+)(\s+.+)?$/);return t?{url:t[1],desc:t[2]||``}:null}).filter(Boolean)}function lo(e){return e.map(e=>e.desc?`${e.url} ${e.desc.trim()}`:e.url).join(`, `)}async function un(e,t=null){if(!e)return;let n=t,r=e.querySelectorAll?e.querySelectorAll(`img`):[];for(let e of r)try{let t=e.getAttribute(`src`)||e.currentSrc||``;if(Kt(t)){let n=await It(t);e.setAttribute(`src`,n)}let r=e.getAttribute(`srcset`);if(r&&r.includes(`blob:`)){let t=co(r),i=!1;for(let e of t)if(Kt(e.url))try{e.url=await It(e.url),i=!0}catch(e){R(n,`blobUrlToDataUrl for srcset item failed`,e)}i&&e.setAttribute(`srcset`,lo(t))}}catch(e){R(n,`resolveBlobUrls for img failed`,e)}let i=e.querySelectorAll?e.querySelectorAll(`image`):[];for(let e of i)try{let t=`http://www.w3.org/1999/xlink`,n=e.getAttribute(`href`)||e.getAttributeNS?.(t,`href`);if(Kt(n)){let r=await It(n);e.setAttribute(`href`,r),e.removeAttributeNS?.(t,`href`)}}catch(e){R(n,`resolveBlobUrls for SVG image href failed`,e)}let a=e.querySelectorAll?e.querySelectorAll(`[style*='blob:']`):[];for(let e of a)try{let t=e.getAttribute(`style`);if(t&&t.includes(`blob:`)){let n=await Je(t);e.setAttribute(`style`,n)}}catch(e){R(n,`replaceBlobUrls in inline style failed`,e)}let o=e.querySelectorAll?e.querySelectorAll(`style`):[];for(let e of o)try{let t=e.textContent||``;t.includes(`blob:`)&&(e.textContent=await Je(t))}catch(e){R(n,`replaceBlobUrls in style tag failed`,e)}for(let t of[`poster`]){let r=e.querySelectorAll?e.querySelectorAll(`[${t}^='blob:']`):[];for(let e of r)try{let n=e.getAttribute(t);Kt(n)&&e.setAttribute(t,await It(n))}catch(e){R(n,`resolveBlobUrls for ${t} failed`,e)}}}xt();async function _t(e,t,n){if(!e)throw Error(`Invalid node`);let r=new Set,i=null,a=null;if(e.nodeType===Node.ELEMENT_NODE){let n=(e.localName||e.tagName||``).toLowerCase();if(e.id===`snapdom-sandbox`||e.hasAttribute(`data-snapdom-sandbox`)||Xt.has(n))return null;if(n===`foreignobject`&&e.parentElement?.closest?.(`foreignObject`))return R(t,`Nested skipped (SVG spec limitation — not rendered by browsers)`),null}if(e.nodeType===Node.TEXT_NODE||e.nodeType!==Node.ELEMENT_NODE)return e.cloneNode(!0);if(e.getAttribute(`data-capture`)===`exclude`){if(n.excludeMode===`hide`){let t=document.createElement(`div`),{width:n,height:r}=K(e),i=n||e.getBoundingClientRect().width||0,a=r||e.getBoundingClientRect().height||0;return t.style.cssText=`display:inline-block;width:${i}px;height:${a}px;visibility:hidden;`,t}else if(n.excludeMode===`remove`)return null}if(n.exclude&&Array.isArray(n.exclude))for(let t of n.exclude)try{if(e.matches?.(t)){if(n.excludeMode===`hide`){let t=document.createElement(`div`),{width:n,height:r}=K(e),i=n||e.getBoundingClientRect().width||0,a=r||e.getBoundingClientRect().height||0;return t.style.cssText=`display:inline-block;width:${i}px;height:${a}px;visibility:hidden;`,t}else if(n.excludeMode===`remove`)return null}}catch(e){console.warn(`Invalid selector in exclude option: ${t}`,e)}if(typeof n.filter==`function`)try{if(!n.filter(e)){if(n.filterMode===`hide`){let t=document.createElement(`div`),{width:n,height:r}=K(e),i=n||e.getBoundingClientRect().width||0,a=r||e.getBoundingClientRect().height||0;return t.style.cssText=`display:inline-block;width:${i}px;height:${a}px;visibility:hidden;`,t}else if(n.filterMode===`remove`)return null}}catch(e){console.warn(`Error in filter function:`,e)}if(e.tagName===`IFRAME`){let r=!1;try{r=!!(e.contentDocument||e.contentWindow?.document)}catch(e){R(t,`iframe same-origin probe failed`,e)}if(r)try{return await cn(e,t,n)}catch(e){console.warn(`[SnapDOM] iframe rasterization failed, fallback:`,e)}if(r||console.warn(`[snapdom] cross-origin