@pdfme/ui 5.5.5-dev.1 → 5.5.5

package/dist/index.es.js

@@ -146450,10 +146450,10 @@ const FormRenderComponent = withProvider(FormCore, defaultWidgets), AlignWidget
       });
     }
     E(M);
-  }, [p, b, JSON.stringify(y)]), reactExports.useEffect(() => x.resetFields(), [p.id]), reactExports.useEffect(() => {
+  }, [p, y, b, a, s, f]), reactExports.useEffect(() => {
     const M = { ...p }, N = typeof M.readOnly == "boolean" ? M.readOnly : !1;
     M.editable = !N, x.setValues(M);
-  }, [p]), reactExports.useEffect(() => {
+  }, [p, x]), reactExports.useEffect(() => x.resetFields(), [p.id, x]), reactExports.useEffect(() => {
     w.current = (M) => {
       for (const N of c)
         for (const T of Object.values(N))

package/dist/index.umd.js

@@ -638,7 +638,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function _iterableToArrayLimit$2(a,s){var c=a==null?null:typeof Symbol<"u"&&a[Symbol.iterator]||a["@@iterator"];if(c!=null){var u,d,p,v,A=[],x=!0,g=!1;try{if(p=(c=c.call(a)).next,s!==0)for(;!(x=(u=p.call(c)).done)&&(A.push(u.value),A.length!==s);x=!0);}catch(b){g=!0,d=b}finally{try{if(!x&&c.return!=null&&(v=c.return(),Object(v)!==v))return}finally{if(g)throw d}}return A}}function _arrayWithHoles$2(a){if(Array.isArray(a))return a}function _toConsumableArray(a){return _arrayWithoutHoles(a)||_iterableToArray(a)||_unsupportedIterableToArray$2(a)||_nonIterableSpread()}function _nonIterableSpread(){throw new TypeError(`Invalid attempt to spread non-iterable instance.
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function _unsupportedIterableToArray$2(a,s){if(a){if(typeof a=="string")return _arrayLikeToArray$2(a,s);var c={}.toString.call(a).slice(8,-1);return c==="Object"&&a.constructor&&(c=a.constructor.name),c==="Map"||c==="Set"?Array.from(a):c==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(c)?_arrayLikeToArray$2(a,s):void 0}}function _iterableToArray(a){if(typeof Symbol<"u"&&a[Symbol.iterator]!=null||a["@@iterator"]!=null)return Array.from(a)}function _arrayWithoutHoles(a){if(Array.isArray(a))return _arrayLikeToArray$2(a)}function _arrayLikeToArray$2(a,s){(s==null||s>a.length)&&(s=a.length);for(var c=0,u=Array(s);c<s;c++)u[c]=a[c];return u}var TabPaneContent=function a(s){var c=s.renderCore,u=s.name,d=s.schema,p=s.rootPath;return reactExports.useMemo(function(){return React.createElement("div",{style:{flex:1}},c({schema:d,parentPath:[u],rootPath:[].concat(_toConsumableArray(p),[u])}))},[JSON.stringify(s)])},TabList=function a(s){var c=s.schema,u=s.fields,d=s.rootPath,p=s.renderCore,v=s.readOnly,A=s.delConfirmProps,x=s.tabName,g=s.hideDelete,b=s.hideAdd,y=s.addItem,f=s.removeItem,m=s.tabItemProps,E=m===void 0?{}:m,w=s.activeKey,S=__rest$16(s,["schema","fields","rootPath","renderCore","readOnly","delConfirmProps","tabName","hideDelete","hideAdd","addItem","removeItem","tabItemProps","activeKey"]),$=reactExports.useState("0"),T=_slicedToArray$2($,2),I=T[0],_=T[1],C=reactExports.useContext(ConfigProvider.ConfigContext),P=translation(C);reactExports.useEffect(function(){_(w||"0")},[w]);var O=function(V){return x instanceof Array?x[V]||V+1:"".concat(x||P("item")," ").concat(V+1)},L=function(V){f(V),_("".concat(V>1?V-1:0))},B=function(V,j){if(j==="add"&&(!c.max||u.length<c.max)&&!v&&!b){y();var G=u.length;_("".concat(G))}},F=function(V){return!v&&!g?React.createElement(Popconfirm,Object.assign({onConfirm:function(){return L(V)}},A),React.createElement(_CloseOutlined,null)):React.createElement(React.Fragment,null)};return React.createElement(Tabs,Object.assign({className:"fr-tab-list",type:"editable-card"},S,{onChange:_,activeKey:"".concat(I),onEdit:B,hideAdd:v||b}),u.map(function(D){var V=D.key,j=D.name;return React.createElement(Tabs.TabPane,Object.assign({key:V,className:"fr-list-item"},E,{tab:O(j),closeIcon:F(j)}),React.createElement(TabPaneContent,{name:j,rootPath:d,schema:c,renderCore:p}))}))};function _typeof(a){"@babel/helpers - typeof";return _typeof=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(s){return typeof s}:function(s){return s&&typeof Symbol=="function"&&s.constructor===Symbol&&s!==Symbol.prototype?"symbol":typeof s},_typeof(a)}function _defineProperty(a,s,c){return(s=_toPropertyKey(s))in a?Object.defineProperty(a,s,{value:c,enumerable:!0,configurable:!0,writable:!0}):a[s]=c,a}function _toPropertyKey(a){var s=_toPrimitive(a,"string");return _typeof(s)=="symbol"?s:s+""}function _toPrimitive(a,s){if(_typeof(a)!="object"||!a)return a;var c=a[Symbol.toPrimitive];if(c!==void 0){var u=c.call(a,s);if(_typeof(u)!="object")return u;throw new TypeError("@@toPrimitive must return a primitive value.")}return(s==="string"?String:Number)(a)}const index=(function(a){var s=a.schema;return React.createElement("div",{className:classnames("fr-void-title",_defineProperty({},s?.className,!!s?.className))},s.title)});var ErrorSchema=function a(s){var c=reactExports.useContext(ConfigProvider.ConfigContext),u=translation(c);return React.createElement("div",null,React.createElement("div",{style:{color:"red"}},u("schema_not_match")),React.createElement("div",null,JSON.stringify(s)))};const defaultWidgets=Object.freeze(Object.defineProperty({__proto__:null,Card:BoxCard,CardList,Checkbox,Checkboxes,Collapse:BoxCollapse,Color,DatePicker,DateRange,DrawerList:TableList,ErrorSchema,Html:html,ImageInput,Input,InputNumber,LineTitle:FLineTitle,MultiSelect,PercentSlider,Radio,Rate:index$1,Select:MultiSelect,SimpleList,Slider,SubInline:BoxSubInline,Switch,TabList,TableList:TableList$1,TextArea,TimePicker,TimeRange,TreeSelect,Upload:FrUpload,UrlInput,VirtualList,VoidTitle:index},Symbol.toStringTag,{value:"Module"}));function _slicedToArray$1(a,s){return _arrayWithHoles$1(a)||_iterableToArrayLimit$1(a,s)||_unsupportedIterableToArray$1(a,s)||_nonIterableRest$1()}function _nonIterableRest$1(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function _unsupportedIterableToArray$1(a,s){if(a){if(typeof a=="string")return _arrayLikeToArray$1(a,s);var c={}.toString.call(a).slice(8,-1);return c==="Object"&&a.constructor&&(c=a.constructor.name),c==="Map"||c==="Set"?Array.from(a):c==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(c)?_arrayLikeToArray$1(a,s):void 0}}function _arrayLikeToArray$1(a,s){(s==null||s>a.length)&&(s=a.length);for(var c=0,u=Array(s);c<s;c++)u[c]=a[c];return u}function _iterableToArrayLimit$1(a,s){var c=a==null?null:typeof Symbol<"u"&&a[Symbol.iterator]||a["@@iterator"];if(c!=null){var u,d,p,v,A=[],x=!0,g=!1;try{if(p=(c=c.call(a)).next,s!==0)for(;!(x=(u=p.call(c)).done)&&(A.push(u.value),A.length!==s);x=!0);}catch(b){g=!0,d=b}finally{try{if(!x&&c.return!=null&&(v=c.return(),Object(v)!==v))return}finally{if(g)throw d}}return A}}function _arrayWithHoles$1(a){if(Array.isArray(a))return a}function flattenSchema(){var a=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},s=arguments.length>1?arguments[1]:void 0,c=arguments.length>2?arguments[2]:void 0,u=arguments.length>3?arguments[3]:void 0,d=u||{},p=_cloneDeep(a)||{},v=s||"#";p.$id||(p.$id=v);var A=[];return isObjType(p)&&(sortProperties(Object.entries(p.properties)).forEach(function(x){var g=_slicedToArray$1(x,2),b=g[0],y=g[1],f=isListType(y)?b+"[]":b,m=v==="#"?f:v+"."+f;A.push(m),flattenSchema(y,m,v,d)}),p.properties={}),isListType(p)&&(sortProperties(Object.entries(p.items.properties)).forEach(function(x){var g=_slicedToArray$1(x,2),b=g[0],y=g[1],f=isListType(y)?b+"[]":b,m=v==="#"?f:v+"."+f;A.push(m),flattenSchema(y,m,v,d)}),p.items.properties={}),p.type&&(d[v]={parent:c,schema:p,children:A}),d}function _slicedToArray(a,s){return _arrayWithHoles(a)||_iterableToArrayLimit(a,s)||_unsupportedIterableToArray(a,s)||_nonIterableRest()}function _nonIterableRest(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
-In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function _unsupportedIterableToArray(a,s){if(a){if(typeof a=="string")return _arrayLikeToArray(a,s);var c={}.toString.call(a).slice(8,-1);return c==="Object"&&a.constructor&&(c=a.constructor.name),c==="Map"||c==="Set"?Array.from(a):c==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(c)?_arrayLikeToArray(a,s):void 0}}function _arrayLikeToArray(a,s){(s==null||s>a.length)&&(s=a.length);for(var c=0,u=Array(s);c<s;c++)u[c]=a[c];return u}function _iterableToArrayLimit(a,s){var c=a==null?null:typeof Symbol<"u"&&a[Symbol.iterator]||a["@@iterator"];if(c!=null){var u,d,p,v,A=[],x=!0,g=!1;try{if(p=(c=c.call(a)).next,s!==0)for(;!(x=(u=p.call(c)).done)&&(A.push(u.value),A.length!==s);x=!0);}catch(b){g=!0,d=b}finally{try{if(!x&&c.return!=null&&(v=c.return(),Object(v)!==v))return}finally{if(g)throw d}}return A}}function _arrayWithHoles(a){if(Array.isArray(a))return a}var updateSchemaByPath=function a(s,c,u){var d=getSchemaFullPath(s,u),p=_get(u,d,{}),v=isFunction$1(c)?c(p):c,A=Object.assign(Object.assign({},p),v);v.props&&(A.props=Object.assign(Object.assign({},p?.props),v.props)),_set(u,d,A)},getFieldName=function a(s){if(s){if(typeof s=="boolean")return s;var c=[];return isArray$1(s)&&(c=s.map(function(u){return u.split(".").map(function(d){return isNaN(Number(d))?d:d*1})})),c=s.split(".").map(function(u){return isNaN(Number(u))?u:u*1}),c=c.map(function(u){return typeof u=="string"&&u?.indexOf("[")===0&&u?.indexOf("]")===u?.length-1?Number(u.substring(1,u.length-1)):u}),c}},useForm=function a(){var s=Form$1.useForm(),c=_slicedToArray(s,1),u=c[0],d=reactExports.useRef({}),p=reactExports.useRef(null),v=reactExports.useRef({}),A=reactExports.useRef({});u.getFieldError;var x=u.getFieldsError,g=u.getFieldInstance,b=u.setFieldsValue,y=u.setFields,f=u.scrollToField,m=u.isFieldsTouched,E=u.isFieldTouched,w=u.isFieldValidating,S=u.resetFields,$=u.validateFields,T=__rest$16(u,["getFieldError","getFieldsError","getFieldInstance","setFieldsValue","setFields","scrollToField","isFieldsTouched","isFieldTouched","isFieldValidating","resetFields","validateFields"]),I=T,_=function(O){var L=p.current.setState;L||setTimeout(function(){L({schema:v.current,flattenSchema:d.current})},0),L(O)},C=function(O){d.current=flattenSchema(O)||{},v.current=O,_({schema:O,flattenSchema:d.current})};return I.setSchema=function(P){var O=arguments.length>1&&arguments[1]!==void 0?arguments[1]:!1;if(isObject$2(P)){if(O){C(P);return}var L=cloneDeep(v.current);Object.keys(P||{}).forEach(function(B){updateSchemaByPath(B,P[B],L)}),C(L)}},I.setSchemaByPath=function(P,O){if(!(!_hasFuncProperty(O)&&_isMatch(O,I.getSchemaByPath(P)))){var L=cloneDeep(v.current);updateSchemaByPath(P,O,L),C(L)}},I.setValues=function(P){var O=parseBindToValues(P,d.current);b(O)},I.getValues=function(P,O,L){var B=arguments.length>3&&arguments[3]!==void 0?arguments[3]:!0,F,D=cloneDeep(u.getFieldsValue(getFieldName(P),O)),V=((F=p.current)===null||F===void 0?void 0:F.getState())||{},j=V.removeHiddenData;return B&&j&&(D=filterValuesHidden(D,d.current)),L||(D=filterValuesUndefined(D)),parseValuesToBind(D,d.current)},I.getValueByPath=function(P){var O=getFieldName(P);return u.getFieldValue(O)},I.setValueByPath=function(P,O){if(!u.setFieldValue){var L=u.getFieldsValue();_set(L,P,O),I.setValues(L);return}var B=getFieldName(P);u.setFieldValue(B,O);try{JSON.stringify(u.getFieldValue(B))!==JSON.stringify(O)&&u.setFieldValue(B,O)}catch{}},I.getSchemaByPath=function(P){typeof P!="string"&&console.warn("请输入正确的路径");var O=getSchemaFullPath(P,v.current);return _get(v.current,O)},I.getSchema=function(){return v.current},I.setErrorFields=function(P){var O=transformFieldsData(P,getFieldName);O&&y(O)},I.removeErrorField=function(P){y([{name:getFieldName(P),errors:[]}])},I.getFieldError=function(P){var O=getFieldName(P);return u.getFieldError(O)},I.getFieldsError=function(P){var O=getFieldName(P);return x(O)},I.getFieldInstance=function(P){var O=getFieldName(P);return g(O)},I.getHiddenValues=function(){var P=I.getValues(),O=I.getValues(!0),L={},B=function(D,V,j){Object.keys(D).forEach(function(G){var U=D[G],M=j?"".concat(j,".").concat(G):G;if(!V.hasOwnProperty(G)){_set(L,M,U);return}isObject$2(U)&&B(U,V[G],M),isArray$1(U)&&U.map(function(N,R){B(N,_get(V,"".concat(G,"[").concat(R,"]"),[]),"".concat(M,"[").concat(R,"]"))})})};return B(O,P,null),L},I.setFields=function(P){var O=transformFieldsData(P,getFieldName);O&&y(O)},I.__initStore=function(P){p.current=P},I.scrollToPath=function(P){for(var O=getFieldName(P),L=arguments.length,B=new Array(L>1?L-1:0),F=1;F<L;F++)B[F-1]=arguments[F];f.apply(void 0,[O].concat(B))},I.isFieldsTouched=function(P,O){var L=(P||[]).map(function(B){return getFieldName(B)});return m(L,O)},I.isFieldTouched=function(P){var O=getFieldName(P);return E(O)},I.isFieldValidating=function(P){var O=getFieldName(P);return w(O)},I.resetFields=function(P){var O=(P||[]).map(function(L){return getFieldName(L)});O.length>0?S(O):S()},I.validateFields=function(P,O){var L=(P||[]).map(function(B){return getFieldName(B)});return L.length>0?$(L,O):$()},I.getFlattenSchema=function(P){var O;return P?(O=d.current)===null||O===void 0?void 0:O[P]:d.current},I.onItemChange=I.setValueByPath,I.setFieldRef=function(P,O){P&&(A.current[P]=O)},I.getFieldRef=function(P){return A.current[P]},I};const FormRenderComponent=withProvider(FormCore,defaultWidgets),AlignWidget=a=>{const{activeElements:s,changeSchemas:c,schemas:u,pageSize:d,schema:p}=a,v=g=>{const b=s.map(C=>C.id),y=u.filter(C=>b.includes(C.id)),f=["left","center","right"].includes(g),m=f?"x":"y",E=f?"width":"height",w=y.length===1,S=d&&typeof d=="object"?E==="width"?d.width:d.height:0,$=w?0:Math.min(...y.map(C=>{const P=C.position&&typeof C.position=="object"?C.position:{x:0,y:0};return m==="x"?P.x:P.y})),T=w?S:Math.max(...y.map(C=>{const P=C.position&&typeof C.position=="object"?C.position:{x:0,y:0},O=m==="x"?P.x:P.y,L=C,B=E==="width"?L.width||0:L.height||0;return O+B}));let I=$,_=C=>0;["center","middle"].includes(g)?(I=($+T)/2,_=C=>C/2):["right","bottom"].includes(g)&&(I=T,_=C=>C),c(y.map(C=>{const P=C,O=E==="width"?P.width||0:P.height||0;return{key:`position.${m}`,value:round$1(I-_(O),2),schemaId:P.id}}))},A=g=>{const b=s.map(O=>O.id),y=u.filter(O=>b.includes(O.id)),f=g==="vertical",m=f?"y":"x",E=f?"height":"width",w=Math.min(...y.map(O=>{const L=O.position&&typeof O.position=="object"?O.position:{x:0,y:0};return m==="x"?L.x:L.y})),S=Math.max(...y.map(O=>{const L=O.position&&typeof O.position=="object"?O.position:{x:0,y:0},B=m==="x"?L.x:L.y,F=O,D=E==="width"?F.width||0:F.height||0;return B+D}));if(y.length<3)return;const $=w,T=S-w,I=y.reduce((O,L)=>{const B=L,F=E==="width"?B.width||0:B.height||0;return O+F},0),C=(T-I)/(y.length-1);let P=0;c(y.map((O,L)=>{const B=L===0?0:(()=>{const V=y[L-1];return E==="width"?V.width||0:V.height||0})();P+=L===0?0:B+C;const F=round$1($+P,2),D=O;return{key:`position.${m}`,value:F,schemaId:D.id}}))},x=[{id:"left",icon:jsxRuntimeExports.jsx(AlignStartVertical,{size:15}),onClick:()=>v("left")},{id:"center",icon:jsxRuntimeExports.jsx(AlignCenterVertical,{size:15}),onClick:()=>v("center")},{id:"right",icon:jsxRuntimeExports.jsx(AlignEndVertical,{size:15}),onClick:()=>v("right")},{id:"top",icon:jsxRuntimeExports.jsx(AlignStartHorizontal,{size:15}),onClick:()=>v("top")},{id:"middle",icon:jsxRuntimeExports.jsx(AlignCenterHorizontal,{size:15}),onClick:()=>v("middle")},{id:"bottom",icon:jsxRuntimeExports.jsx(AlignEndHorizontal,{size:15}),onClick:()=>v("bottom")},{id:"vertical",icon:jsxRuntimeExports.jsx(AlignVerticalSpaceAround,{size:15}),onClick:()=>A("vertical")},{id:"horizontal",icon:jsxRuntimeExports.jsx(AlignHorizontalSpaceAround,{size:15}),onClick:()=>A("horizontal")}];return jsxRuntimeExports.jsx(Form$1.Item,{label:p.title,children:jsxRuntimeExports.jsx(Space.Compact,{children:x.map(g=>jsxRuntimeExports.jsx(Button$1,{className:DESIGNER_CLASSNAME+"align-"+g.id,style:{padding:7},disabled:s.length<=2&&["vertical","horizontal"].includes(g.id),...g},g.id))})})},WidgetRenderer=a=>{const{widget:s,...c}=a,u=reactExports.useRef(null);return reactExports.useEffect(()=>(u.current&&(u.current.innerHTML="",s({...c,rootElement:u.current})),()=>{u.current&&(u.current.innerHTML="")}),[a.activeSchema]),jsxRuntimeExports.jsx("div",{ref:u})},ButtonGroupWidget=a=>{const{activeElements:s,changeSchemas:c,schemas:u,schema:d}=a,{token:p}=theme.useToken(),v=b=>{const y=b.key,f=b.type,m=s.map(w=>w.id),E=u.filter(w=>m.includes(w.id));c(E.map(w=>{const S=!!(w[y]??!1),$=f==="boolean"?!S:b.value;return{key:y,value:$,schemaId:w.id}}))},A=b=>{const y=b.key,f=b.type;let m=!1;const E=s.map(S=>S.id);return u.filter(S=>E.includes(S.id)).forEach(S=>{const $=S;m=f==="boolean"?!!($[y]??!1):$[y]===b.value}),m},x=(b,y)=>y?b.replace(/="currentColor"/g,`="${y}"`):b,g=b=>{const y=`data:image/svg+xml;utf8,${encodeURIComponent(x(b,p.colorText))}`;return jsxRuntimeExports.jsx("img",{width:17,height:17,src:y,alt:""})};return jsxRuntimeExports.jsx(Form$1.Item,{children:jsxRuntimeExports.jsx(Space.Compact,{children:d.buttons.map((b,y)=>{const f=A(b);return jsxRuntimeExports.jsx(Button$1,{type:f?"primary":void 0,ghost:f,onClick:()=>v(b),style:{padding:7,zIndex:f?2:0},icon:g(b.icon)},y)})})})},{Text:Text$2}=Typography,DetailView$1=a=>{const{token:s}=theme.useToken(),{schemasList:c,changeSchemas:u,deselectSchema:d,activeSchema:p,pageSize:v,basePdf:A}=a,x=useForm(),g=reactExports.useContext(I18nContext),b=reactExports.useContext(PluginsRegistry),y=reactExports.useContext(OptionsContext),f=reactExports.useCallback(M=>typeof g=="function"?g(M):M,[g]),[m,E]=reactExports.useState({});reactExports.useEffect(()=>{const M={AlignWidget:N=>jsxRuntimeExports.jsx(AlignWidget,{...N,...a,options:y}),Divider:()=>jsxRuntimeExports.jsx(Divider,{style:{marginTop:s.marginXS,marginBottom:s.marginXS}}),ButtonGroup:N=>jsxRuntimeExports.jsx(ButtonGroupWidget,{...N,...a,options:y})};for(const N of b.values()){const R=N.propPanel.widgets||{};Object.entries(R).forEach(([k,H])=>{M[k]=W=>jsxRuntimeExports.jsx(WidgetRenderer,{...W,...a,options:y,theme:s,i18n:f,widget:H})})}E(M)},[p,b,JSON.stringify(y)]),reactExports.useEffect(()=>x.resetFields(),[p.id]),reactExports.useEffect(()=>{const M={...p},N=typeof M.readOnly=="boolean"?M.readOnly:!1;M.editable=!N,x.setValues(M)},[p]),reactExports.useEffect(()=>{w.current=M=>{for(const N of c)for(const R of Object.values(N))if(R.name===M&&R.id!==p.id)return!1;return!0}},[c,p]);const w=reactExports.useRef(M=>!0),S=(M,N)=>w.current(N),[$,T,I,_]=isBlankPdf(A)?A.padding:[0,0,0,0],C=(M,N,R)=>{const k=x.getValues(),H=k.position,W=k.width,J=k.height;if(!H||W===void 0||J===void 0)return!0;if(R==="x"){if(N<_||N>v.width-T)return!0;if(W>0&&N+W>v.width-T)return!1}else if(R==="y"){if(N<$||N>v.height-I)return!0;if(J>0&&N+J>v.height-I)return!1}else if(R==="width"){if(H.x<_||H.x>v.width-T)return!0;if(N>0&&H.x+N>v.width-T)return!1}else if(R==="height"){if(H.y<$||H.y>v.height-I)return!0;if(N>0&&H.y+N>v.height-I)return!1}return!0},P=debounce$1(function(...M){const N=M[0],R=(H,W)=>typeof H=="object"&&H!==null?JSON.stringify(H)!==JSON.stringify(W):H!==W;let k=[];for(const H in N){if(["id","content"].includes(H))continue;let W=N[H];if(R(W,p[H])){if(W===null&&["rotate","opacity"].includes(H)&&(W=void 0),H==="editable"){const J=!W;k.push({key:"readOnly",value:J,schemaId:p.id}),J&&k.push({key:"required",value:!1,schemaId:p.id});continue}k.push({key:H,value:W,schemaId:p.id})}}k.length&&x.validateFields().then(()=>u(k)).catch(H=>{H.errorFields.length&&(k=k.filter(W=>!H.errorFields.find(J=>J.name.includes(W.key)))),k.length&&u(k)})},100),O=b.findByType(p.type);if(!O)throw Error(`[@pdfme/ui] Failed to find plugin used for ${p.type}`);const L=O.propPanel.schema,B=[];b.entries().forEach(([M,N])=>{B.push({label:M,value:N.propPanel.defaultSchema?.type??void 0})});const F={},D=O?.propPanel?.defaultSchema?(()=>{const M={};for(const N in O.propPanel.defaultSchema)Object.prototype.hasOwnProperty.call(O.propPanel.defaultSchema,N)&&(M[N]=O.propPanel.defaultSchema[N]);return M})():F,V=v.width-_-T,j=v.height-$-I,G={type:"object",column:2,properties:{type:{title:f("type"),type:"string",widget:"select",props:{options:B},required:!0,span:12},name:{title:f("fieldName"),type:"string",required:!0,span:12,rules:[{validator:S,message:f("validation.uniqueName")}],props:{autoComplete:"off"}},editable:{title:f("editable"),type:"boolean",span:8,hidden:typeof D.readOnly<"u"},required:{title:f("required"),type:"boolean",span:16,hidden:"{{!formData.editable}}"},"-":{type:"void",widget:"Divider"},align:{title:f("align"),type:"void",widget:"AlignWidget"},position:{type:"object",widget:"card",properties:{x:{title:"X",type:"number",widget:"inputNumber",required:!0,span:8,min:_,max:v.width-T,rules:[{validator:(M,N)=>C(M,N,"x"),message:f("validation.outOfBounds")}]},y:{title:"Y",type:"number",widget:"inputNumber",required:!0,span:8,min:$,max:v.height-I,rules:[{validator:(M,N)=>C(M,N,"y"),message:f("validation.outOfBounds")}]}}},width:{title:f("width"),type:"number",widget:"inputNumber",required:!0,span:6,props:{min:0,max:V},rules:[{validator:(M,N)=>C(M,N,"width"),message:f("validation.outOfBounds")}]},height:{title:f("height"),type:"number",widget:"inputNumber",required:!0,span:6,props:{min:0,max:j},rules:[{validator:(M,N)=>C(M,N,"height"),message:f("validation.outOfBounds")}]},rotate:{title:f("rotate"),type:"number",widget:"inputNumber",disabled:typeof D.rotate>"u",max:360,props:{min:0},span:6},opacity:{title:f("opacity"),type:"number",widget:"inputNumber",disabled:typeof D.opacity>"u",props:{step:.1,min:0,max:1},span:6}}},U={...G.properties};if(typeof L=="function"){const{size:M,schemas:N,pageSize:R,changeSchemas:k,activeElements:H,deselectSchema:W,activeSchema:J}=a,K=L({...{size:M,schemas:N,pageSize:R,changeSchemas:k,activeElements:H,deselectSchema:W,activeSchema:J},options:y,theme:s,i18n:f}),q=K&&typeof K=="object"?K:{},Q=Object.keys(q).length===0?{}:{"--":{type:"void",widget:"Divider"}};G.properties={...U,...Q,...q}}else{const M=L&&typeof L=="object"?L:{},N=Object.keys(M).length===0?{}:{"--":{type:"void",widget:"Divider"}};G.properties={...U,...N,...M}}return jsxRuntimeExports.jsxs(SidebarFrame,{className:DESIGNER_CLASSNAME+"detail-view",children:[jsxRuntimeExports.jsxs(SidebarHeader,{children:[jsxRuntimeExports.jsx(Button$1,{className:DESIGNER_CLASSNAME+"back-button",style:{position:"absolute",left:SIDEBAR_H_PADDING_PX,zIndex:100,display:"flex",alignItems:"center",justifyContent:"center",transform:"translateY(-50%)",top:"50%",paddingTop:"3px"},onClick:d,icon:jsxRuntimeExports.jsx(Menu,{strokeWidth:1.5,size:20})}),jsxRuntimeExports.jsx(Text$2,{strong:!0,style:{textAlign:"center",width:"100%"},children:f("editField")})]}),jsxRuntimeExports.jsx(SidebarBody,{children:jsxRuntimeExports.jsx(FormRenderComponent,{form:x,schema:G,widgets:m,watch:{"#":P},locale:"en-US"})})]})},propsAreUnchanged=(a,s)=>JSON.stringify(a.activeSchema)==JSON.stringify(s.activeSchema),DetailView=React.memo(DetailView$1,propsAreUnchanged),Sidebar=a=>{const{sidebarOpen:s,setSidebarOpen:c,activeElements:u,schemas:d}=a,{token:p}=theme.useToken(),v=()=>d.filter(g=>u.map(b=>b.id).includes(g.id)),A=()=>{const g=v();return g[g.length-1]},x={strokeWidth:1.5,size:20};return jsxRuntimeExports.jsxs("div",{className:DESIGNER_CLASSNAME+"right-sidebar",style:{position:"absolute",right:0,zIndex:1,height:"100%",width:s?RIGHT_SIDEBAR_WIDTH:0},children:[jsxRuntimeExports.jsx(Button$1,{className:DESIGNER_CLASSNAME+"sidebar-toggle",style:{position:"absolute",display:"flex",alignItems:"center",justifyContent:"center",top:"14px",right:"16px",paddingTop:"2px",zIndex:100},icon:s?jsxRuntimeExports.jsx(ArrowRight,{...x}):jsxRuntimeExports.jsx(ArrowLeft,{...x}),onClick:()=>c(!s)}),jsxRuntimeExports.jsx("div",{style:{width:RIGHT_SIDEBAR_WIDTH,height:"100%",display:s?"flex":"none",top:0,right:0,position:"absolute",fontFamily:"'Open Sans', sans-serif",boxSizing:"border-box",background:p.colorBgLayout,borderLeft:`1px solid ${p.colorSplit}`},children:v().length===0?jsxRuntimeExports.jsx(ListView,{...a}):jsxRuntimeExports.jsx(DetailView,{...a,activeSchema:A()})})]})},useRerenderDependencies=a=>{const{plugin:s,value:c,mode:u,scale:d,schema:p,options:v}=a,A=cloneDeep$1(v);A.font&&Object.values(A.font).forEach(g=>{g.data="..."});const x=JSON.stringify(A);return reactExports.useMemo(()=>s?.uninterruptedEditMode&&u==="designer"?[u]:[c,u,d,JSON.stringify(p),x],[c,u,d,p,x,s])},Wrapper=({children:a,outline:s,onChangeHoveringSchemaId:c,schema:u,selectable:d=!0})=>jsxRuntimeExports.jsxs("div",{title:u.name,onMouseEnter:()=>c&&c(u.id),onMouseLeave:()=>c&&c(null),className:d?SELECTABLE_CLASSNAME:"",id:u.id,style:{position:"absolute",cursor:u.readOnly?"initial":"pointer",height:u.height*ZOOM,width:u.width*ZOOM,top:u.position.y*ZOOM,left:u.position.x*ZOOM,transform:`rotate(${u.rotate??0}deg)`,opacity:u.opacity??1,outline:s},children:[u.required&&jsxRuntimeExports.jsx("span",{style:{color:"red",position:"absolute",top:-12,left:-12,fontSize:18,fontWeight:700},children:"*"}),a]}),Renderer=a=>{const{schema:s,basePdf:c,value:u,mode:d,onChange:p,stopEditing:v,tabIndex:A,placeholder:x,scale:g}=a,b=reactExports.useContext(PluginsRegistry),y=reactExports.useContext(OptionsContext),f=reactExports.useContext(I18nContext),{token:m}=theme.useToken(),E=reactExports.useRef(null),w=reactExports.useContext(CacheContext),S=b.findByType(s.type),$=useRerenderDependencies({plugin:S,value:u,mode:d,scale:g,schema:s,options:y});return reactExports.useEffect(()=>{if(!S?.ui||!E.current||!s.type)return;E.current.innerHTML="";const T=S.ui;return T({value:u,schema:s,basePdf:c,rootElement:E.current,mode:d,onChange:p,stopEditing:v,tabIndex:A,placeholder:x,options:y,theme:m,i18n:f,scale:g,_cache:w}),()=>{E.current&&(E.current.innerHTML="")}},$),S?jsxRuntimeExports.jsx(Wrapper,{...a,children:jsxRuntimeExports.jsx("div",{style:{height:"100%",width:"100%"},ref:E})}):(console.error(`[@pdfme/ui] Renderer for type ${s.type} not found. 
+In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function _unsupportedIterableToArray(a,s){if(a){if(typeof a=="string")return _arrayLikeToArray(a,s);var c={}.toString.call(a).slice(8,-1);return c==="Object"&&a.constructor&&(c=a.constructor.name),c==="Map"||c==="Set"?Array.from(a):c==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(c)?_arrayLikeToArray(a,s):void 0}}function _arrayLikeToArray(a,s){(s==null||s>a.length)&&(s=a.length);for(var c=0,u=Array(s);c<s;c++)u[c]=a[c];return u}function _iterableToArrayLimit(a,s){var c=a==null?null:typeof Symbol<"u"&&a[Symbol.iterator]||a["@@iterator"];if(c!=null){var u,d,p,v,A=[],x=!0,g=!1;try{if(p=(c=c.call(a)).next,s!==0)for(;!(x=(u=p.call(c)).done)&&(A.push(u.value),A.length!==s);x=!0);}catch(b){g=!0,d=b}finally{try{if(!x&&c.return!=null&&(v=c.return(),Object(v)!==v))return}finally{if(g)throw d}}return A}}function _arrayWithHoles(a){if(Array.isArray(a))return a}var updateSchemaByPath=function a(s,c,u){var d=getSchemaFullPath(s,u),p=_get(u,d,{}),v=isFunction$1(c)?c(p):c,A=Object.assign(Object.assign({},p),v);v.props&&(A.props=Object.assign(Object.assign({},p?.props),v.props)),_set(u,d,A)},getFieldName=function a(s){if(s){if(typeof s=="boolean")return s;var c=[];return isArray$1(s)&&(c=s.map(function(u){return u.split(".").map(function(d){return isNaN(Number(d))?d:d*1})})),c=s.split(".").map(function(u){return isNaN(Number(u))?u:u*1}),c=c.map(function(u){return typeof u=="string"&&u?.indexOf("[")===0&&u?.indexOf("]")===u?.length-1?Number(u.substring(1,u.length-1)):u}),c}},useForm=function a(){var s=Form$1.useForm(),c=_slicedToArray(s,1),u=c[0],d=reactExports.useRef({}),p=reactExports.useRef(null),v=reactExports.useRef({}),A=reactExports.useRef({});u.getFieldError;var x=u.getFieldsError,g=u.getFieldInstance,b=u.setFieldsValue,y=u.setFields,f=u.scrollToField,m=u.isFieldsTouched,E=u.isFieldTouched,w=u.isFieldValidating,S=u.resetFields,$=u.validateFields,T=__rest$16(u,["getFieldError","getFieldsError","getFieldInstance","setFieldsValue","setFields","scrollToField","isFieldsTouched","isFieldTouched","isFieldValidating","resetFields","validateFields"]),I=T,_=function(O){var L=p.current.setState;L||setTimeout(function(){L({schema:v.current,flattenSchema:d.current})},0),L(O)},C=function(O){d.current=flattenSchema(O)||{},v.current=O,_({schema:O,flattenSchema:d.current})};return I.setSchema=function(P){var O=arguments.length>1&&arguments[1]!==void 0?arguments[1]:!1;if(isObject$2(P)){if(O){C(P);return}var L=cloneDeep(v.current);Object.keys(P||{}).forEach(function(B){updateSchemaByPath(B,P[B],L)}),C(L)}},I.setSchemaByPath=function(P,O){if(!(!_hasFuncProperty(O)&&_isMatch(O,I.getSchemaByPath(P)))){var L=cloneDeep(v.current);updateSchemaByPath(P,O,L),C(L)}},I.setValues=function(P){var O=parseBindToValues(P,d.current);b(O)},I.getValues=function(P,O,L){var B=arguments.length>3&&arguments[3]!==void 0?arguments[3]:!0,F,D=cloneDeep(u.getFieldsValue(getFieldName(P),O)),V=((F=p.current)===null||F===void 0?void 0:F.getState())||{},j=V.removeHiddenData;return B&&j&&(D=filterValuesHidden(D,d.current)),L||(D=filterValuesUndefined(D)),parseValuesToBind(D,d.current)},I.getValueByPath=function(P){var O=getFieldName(P);return u.getFieldValue(O)},I.setValueByPath=function(P,O){if(!u.setFieldValue){var L=u.getFieldsValue();_set(L,P,O),I.setValues(L);return}var B=getFieldName(P);u.setFieldValue(B,O);try{JSON.stringify(u.getFieldValue(B))!==JSON.stringify(O)&&u.setFieldValue(B,O)}catch{}},I.getSchemaByPath=function(P){typeof P!="string"&&console.warn("请输入正确的路径");var O=getSchemaFullPath(P,v.current);return _get(v.current,O)},I.getSchema=function(){return v.current},I.setErrorFields=function(P){var O=transformFieldsData(P,getFieldName);O&&y(O)},I.removeErrorField=function(P){y([{name:getFieldName(P),errors:[]}])},I.getFieldError=function(P){var O=getFieldName(P);return u.getFieldError(O)},I.getFieldsError=function(P){var O=getFieldName(P);return x(O)},I.getFieldInstance=function(P){var O=getFieldName(P);return g(O)},I.getHiddenValues=function(){var P=I.getValues(),O=I.getValues(!0),L={},B=function(D,V,j){Object.keys(D).forEach(function(G){var U=D[G],M=j?"".concat(j,".").concat(G):G;if(!V.hasOwnProperty(G)){_set(L,M,U);return}isObject$2(U)&&B(U,V[G],M),isArray$1(U)&&U.map(function(N,R){B(N,_get(V,"".concat(G,"[").concat(R,"]"),[]),"".concat(M,"[").concat(R,"]"))})})};return B(O,P,null),L},I.setFields=function(P){var O=transformFieldsData(P,getFieldName);O&&y(O)},I.__initStore=function(P){p.current=P},I.scrollToPath=function(P){for(var O=getFieldName(P),L=arguments.length,B=new Array(L>1?L-1:0),F=1;F<L;F++)B[F-1]=arguments[F];f.apply(void 0,[O].concat(B))},I.isFieldsTouched=function(P,O){var L=(P||[]).map(function(B){return getFieldName(B)});return m(L,O)},I.isFieldTouched=function(P){var O=getFieldName(P);return E(O)},I.isFieldValidating=function(P){var O=getFieldName(P);return w(O)},I.resetFields=function(P){var O=(P||[]).map(function(L){return getFieldName(L)});O.length>0?S(O):S()},I.validateFields=function(P,O){var L=(P||[]).map(function(B){return getFieldName(B)});return L.length>0?$(L,O):$()},I.getFlattenSchema=function(P){var O;return P?(O=d.current)===null||O===void 0?void 0:O[P]:d.current},I.onItemChange=I.setValueByPath,I.setFieldRef=function(P,O){P&&(A.current[P]=O)},I.getFieldRef=function(P){return A.current[P]},I};const FormRenderComponent=withProvider(FormCore,defaultWidgets),AlignWidget=a=>{const{activeElements:s,changeSchemas:c,schemas:u,pageSize:d,schema:p}=a,v=g=>{const b=s.map(C=>C.id),y=u.filter(C=>b.includes(C.id)),f=["left","center","right"].includes(g),m=f?"x":"y",E=f?"width":"height",w=y.length===1,S=d&&typeof d=="object"?E==="width"?d.width:d.height:0,$=w?0:Math.min(...y.map(C=>{const P=C.position&&typeof C.position=="object"?C.position:{x:0,y:0};return m==="x"?P.x:P.y})),T=w?S:Math.max(...y.map(C=>{const P=C.position&&typeof C.position=="object"?C.position:{x:0,y:0},O=m==="x"?P.x:P.y,L=C,B=E==="width"?L.width||0:L.height||0;return O+B}));let I=$,_=C=>0;["center","middle"].includes(g)?(I=($+T)/2,_=C=>C/2):["right","bottom"].includes(g)&&(I=T,_=C=>C),c(y.map(C=>{const P=C,O=E==="width"?P.width||0:P.height||0;return{key:`position.${m}`,value:round$1(I-_(O),2),schemaId:P.id}}))},A=g=>{const b=s.map(O=>O.id),y=u.filter(O=>b.includes(O.id)),f=g==="vertical",m=f?"y":"x",E=f?"height":"width",w=Math.min(...y.map(O=>{const L=O.position&&typeof O.position=="object"?O.position:{x:0,y:0};return m==="x"?L.x:L.y})),S=Math.max(...y.map(O=>{const L=O.position&&typeof O.position=="object"?O.position:{x:0,y:0},B=m==="x"?L.x:L.y,F=O,D=E==="width"?F.width||0:F.height||0;return B+D}));if(y.length<3)return;const $=w,T=S-w,I=y.reduce((O,L)=>{const B=L,F=E==="width"?B.width||0:B.height||0;return O+F},0),C=(T-I)/(y.length-1);let P=0;c(y.map((O,L)=>{const B=L===0?0:(()=>{const V=y[L-1];return E==="width"?V.width||0:V.height||0})();P+=L===0?0:B+C;const F=round$1($+P,2),D=O;return{key:`position.${m}`,value:F,schemaId:D.id}}))},x=[{id:"left",icon:jsxRuntimeExports.jsx(AlignStartVertical,{size:15}),onClick:()=>v("left")},{id:"center",icon:jsxRuntimeExports.jsx(AlignCenterVertical,{size:15}),onClick:()=>v("center")},{id:"right",icon:jsxRuntimeExports.jsx(AlignEndVertical,{size:15}),onClick:()=>v("right")},{id:"top",icon:jsxRuntimeExports.jsx(AlignStartHorizontal,{size:15}),onClick:()=>v("top")},{id:"middle",icon:jsxRuntimeExports.jsx(AlignCenterHorizontal,{size:15}),onClick:()=>v("middle")},{id:"bottom",icon:jsxRuntimeExports.jsx(AlignEndHorizontal,{size:15}),onClick:()=>v("bottom")},{id:"vertical",icon:jsxRuntimeExports.jsx(AlignVerticalSpaceAround,{size:15}),onClick:()=>A("vertical")},{id:"horizontal",icon:jsxRuntimeExports.jsx(AlignHorizontalSpaceAround,{size:15}),onClick:()=>A("horizontal")}];return jsxRuntimeExports.jsx(Form$1.Item,{label:p.title,children:jsxRuntimeExports.jsx(Space.Compact,{children:x.map(g=>jsxRuntimeExports.jsx(Button$1,{className:DESIGNER_CLASSNAME+"align-"+g.id,style:{padding:7},disabled:s.length<=2&&["vertical","horizontal"].includes(g.id),...g},g.id))})})},WidgetRenderer=a=>{const{widget:s,...c}=a,u=reactExports.useRef(null);return reactExports.useEffect(()=>(u.current&&(u.current.innerHTML="",s({...c,rootElement:u.current})),()=>{u.current&&(u.current.innerHTML="")}),[a.activeSchema]),jsxRuntimeExports.jsx("div",{ref:u})},ButtonGroupWidget=a=>{const{activeElements:s,changeSchemas:c,schemas:u,schema:d}=a,{token:p}=theme.useToken(),v=b=>{const y=b.key,f=b.type,m=s.map(w=>w.id),E=u.filter(w=>m.includes(w.id));c(E.map(w=>{const S=!!(w[y]??!1),$=f==="boolean"?!S:b.value;return{key:y,value:$,schemaId:w.id}}))},A=b=>{const y=b.key,f=b.type;let m=!1;const E=s.map(S=>S.id);return u.filter(S=>E.includes(S.id)).forEach(S=>{const $=S;m=f==="boolean"?!!($[y]??!1):$[y]===b.value}),m},x=(b,y)=>y?b.replace(/="currentColor"/g,`="${y}"`):b,g=b=>{const y=`data:image/svg+xml;utf8,${encodeURIComponent(x(b,p.colorText))}`;return jsxRuntimeExports.jsx("img",{width:17,height:17,src:y,alt:""})};return jsxRuntimeExports.jsx(Form$1.Item,{children:jsxRuntimeExports.jsx(Space.Compact,{children:d.buttons.map((b,y)=>{const f=A(b);return jsxRuntimeExports.jsx(Button$1,{type:f?"primary":void 0,ghost:f,onClick:()=>v(b),style:{padding:7,zIndex:f?2:0},icon:g(b.icon)},y)})})})},{Text:Text$2}=Typography,DetailView$1=a=>{const{token:s}=theme.useToken(),{schemasList:c,changeSchemas:u,deselectSchema:d,activeSchema:p,pageSize:v,basePdf:A}=a,x=useForm(),g=reactExports.useContext(I18nContext),b=reactExports.useContext(PluginsRegistry),y=reactExports.useContext(OptionsContext),f=reactExports.useCallback(M=>typeof g=="function"?g(M):M,[g]),[m,E]=reactExports.useState({});reactExports.useEffect(()=>{const M={AlignWidget:N=>jsxRuntimeExports.jsx(AlignWidget,{...N,...a,options:y}),Divider:()=>jsxRuntimeExports.jsx(Divider,{style:{marginTop:s.marginXS,marginBottom:s.marginXS}}),ButtonGroup:N=>jsxRuntimeExports.jsx(ButtonGroupWidget,{...N,...a,options:y})};for(const N of b.values()){const R=N.propPanel.widgets||{};Object.entries(R).forEach(([k,H])=>{M[k]=W=>jsxRuntimeExports.jsx(WidgetRenderer,{...W,...a,options:y,theme:s,i18n:f,widget:H})})}E(M)},[p,y,b,a,s,f]),reactExports.useEffect(()=>{const M={...p},N=typeof M.readOnly=="boolean"?M.readOnly:!1;M.editable=!N,x.setValues(M)},[p,x]),reactExports.useEffect(()=>x.resetFields(),[p.id,x]),reactExports.useEffect(()=>{w.current=M=>{for(const N of c)for(const R of Object.values(N))if(R.name===M&&R.id!==p.id)return!1;return!0}},[c,p]);const w=reactExports.useRef(M=>!0),S=(M,N)=>w.current(N),[$,T,I,_]=isBlankPdf(A)?A.padding:[0,0,0,0],C=(M,N,R)=>{const k=x.getValues(),H=k.position,W=k.width,J=k.height;if(!H||W===void 0||J===void 0)return!0;if(R==="x"){if(N<_||N>v.width-T)return!0;if(W>0&&N+W>v.width-T)return!1}else if(R==="y"){if(N<$||N>v.height-I)return!0;if(J>0&&N+J>v.height-I)return!1}else if(R==="width"){if(H.x<_||H.x>v.width-T)return!0;if(N>0&&H.x+N>v.width-T)return!1}else if(R==="height"){if(H.y<$||H.y>v.height-I)return!0;if(N>0&&H.y+N>v.height-I)return!1}return!0},P=debounce$1(function(...M){const N=M[0],R=(H,W)=>typeof H=="object"&&H!==null?JSON.stringify(H)!==JSON.stringify(W):H!==W;let k=[];for(const H in N){if(["id","content"].includes(H))continue;let W=N[H];if(R(W,p[H])){if(W===null&&["rotate","opacity"].includes(H)&&(W=void 0),H==="editable"){const J=!W;k.push({key:"readOnly",value:J,schemaId:p.id}),J&&k.push({key:"required",value:!1,schemaId:p.id});continue}k.push({key:H,value:W,schemaId:p.id})}}k.length&&x.validateFields().then(()=>u(k)).catch(H=>{H.errorFields.length&&(k=k.filter(W=>!H.errorFields.find(J=>J.name.includes(W.key)))),k.length&&u(k)})},100),O=b.findByType(p.type);if(!O)throw Error(`[@pdfme/ui] Failed to find plugin used for ${p.type}`);const L=O.propPanel.schema,B=[];b.entries().forEach(([M,N])=>{B.push({label:M,value:N.propPanel.defaultSchema?.type??void 0})});const F={},D=O?.propPanel?.defaultSchema?(()=>{const M={};for(const N in O.propPanel.defaultSchema)Object.prototype.hasOwnProperty.call(O.propPanel.defaultSchema,N)&&(M[N]=O.propPanel.defaultSchema[N]);return M})():F,V=v.width-_-T,j=v.height-$-I,G={type:"object",column:2,properties:{type:{title:f("type"),type:"string",widget:"select",props:{options:B},required:!0,span:12},name:{title:f("fieldName"),type:"string",required:!0,span:12,rules:[{validator:S,message:f("validation.uniqueName")}],props:{autoComplete:"off"}},editable:{title:f("editable"),type:"boolean",span:8,hidden:typeof D.readOnly<"u"},required:{title:f("required"),type:"boolean",span:16,hidden:"{{!formData.editable}}"},"-":{type:"void",widget:"Divider"},align:{title:f("align"),type:"void",widget:"AlignWidget"},position:{type:"object",widget:"card",properties:{x:{title:"X",type:"number",widget:"inputNumber",required:!0,span:8,min:_,max:v.width-T,rules:[{validator:(M,N)=>C(M,N,"x"),message:f("validation.outOfBounds")}]},y:{title:"Y",type:"number",widget:"inputNumber",required:!0,span:8,min:$,max:v.height-I,rules:[{validator:(M,N)=>C(M,N,"y"),message:f("validation.outOfBounds")}]}}},width:{title:f("width"),type:"number",widget:"inputNumber",required:!0,span:6,props:{min:0,max:V},rules:[{validator:(M,N)=>C(M,N,"width"),message:f("validation.outOfBounds")}]},height:{title:f("height"),type:"number",widget:"inputNumber",required:!0,span:6,props:{min:0,max:j},rules:[{validator:(M,N)=>C(M,N,"height"),message:f("validation.outOfBounds")}]},rotate:{title:f("rotate"),type:"number",widget:"inputNumber",disabled:typeof D.rotate>"u",max:360,props:{min:0},span:6},opacity:{title:f("opacity"),type:"number",widget:"inputNumber",disabled:typeof D.opacity>"u",props:{step:.1,min:0,max:1},span:6}}},U={...G.properties};if(typeof L=="function"){const{size:M,schemas:N,pageSize:R,changeSchemas:k,activeElements:H,deselectSchema:W,activeSchema:J}=a,K=L({...{size:M,schemas:N,pageSize:R,changeSchemas:k,activeElements:H,deselectSchema:W,activeSchema:J},options:y,theme:s,i18n:f}),q=K&&typeof K=="object"?K:{},Q=Object.keys(q).length===0?{}:{"--":{type:"void",widget:"Divider"}};G.properties={...U,...Q,...q}}else{const M=L&&typeof L=="object"?L:{},N=Object.keys(M).length===0?{}:{"--":{type:"void",widget:"Divider"}};G.properties={...U,...N,...M}}return jsxRuntimeExports.jsxs(SidebarFrame,{className:DESIGNER_CLASSNAME+"detail-view",children:[jsxRuntimeExports.jsxs(SidebarHeader,{children:[jsxRuntimeExports.jsx(Button$1,{className:DESIGNER_CLASSNAME+"back-button",style:{position:"absolute",left:SIDEBAR_H_PADDING_PX,zIndex:100,display:"flex",alignItems:"center",justifyContent:"center",transform:"translateY(-50%)",top:"50%",paddingTop:"3px"},onClick:d,icon:jsxRuntimeExports.jsx(Menu,{strokeWidth:1.5,size:20})}),jsxRuntimeExports.jsx(Text$2,{strong:!0,style:{textAlign:"center",width:"100%"},children:f("editField")})]}),jsxRuntimeExports.jsx(SidebarBody,{children:jsxRuntimeExports.jsx(FormRenderComponent,{form:x,schema:G,widgets:m,watch:{"#":P},locale:"en-US"})})]})},propsAreUnchanged=(a,s)=>JSON.stringify(a.activeSchema)==JSON.stringify(s.activeSchema),DetailView=React.memo(DetailView$1,propsAreUnchanged),Sidebar=a=>{const{sidebarOpen:s,setSidebarOpen:c,activeElements:u,schemas:d}=a,{token:p}=theme.useToken(),v=()=>d.filter(g=>u.map(b=>b.id).includes(g.id)),A=()=>{const g=v();return g[g.length-1]},x={strokeWidth:1.5,size:20};return jsxRuntimeExports.jsxs("div",{className:DESIGNER_CLASSNAME+"right-sidebar",style:{position:"absolute",right:0,zIndex:1,height:"100%",width:s?RIGHT_SIDEBAR_WIDTH:0},children:[jsxRuntimeExports.jsx(Button$1,{className:DESIGNER_CLASSNAME+"sidebar-toggle",style:{position:"absolute",display:"flex",alignItems:"center",justifyContent:"center",top:"14px",right:"16px",paddingTop:"2px",zIndex:100},icon:s?jsxRuntimeExports.jsx(ArrowRight,{...x}):jsxRuntimeExports.jsx(ArrowLeft,{...x}),onClick:()=>c(!s)}),jsxRuntimeExports.jsx("div",{style:{width:RIGHT_SIDEBAR_WIDTH,height:"100%",display:s?"flex":"none",top:0,right:0,position:"absolute",fontFamily:"'Open Sans', sans-serif",boxSizing:"border-box",background:p.colorBgLayout,borderLeft:`1px solid ${p.colorSplit}`},children:v().length===0?jsxRuntimeExports.jsx(ListView,{...a}):jsxRuntimeExports.jsx(DetailView,{...a,activeSchema:A()})})]})},useRerenderDependencies=a=>{const{plugin:s,value:c,mode:u,scale:d,schema:p,options:v}=a,A=cloneDeep$1(v);A.font&&Object.values(A.font).forEach(g=>{g.data="..."});const x=JSON.stringify(A);return reactExports.useMemo(()=>s?.uninterruptedEditMode&&u==="designer"?[u]:[c,u,d,JSON.stringify(p),x],[c,u,d,p,x,s])},Wrapper=({children:a,outline:s,onChangeHoveringSchemaId:c,schema:u,selectable:d=!0})=>jsxRuntimeExports.jsxs("div",{title:u.name,onMouseEnter:()=>c&&c(u.id),onMouseLeave:()=>c&&c(null),className:d?SELECTABLE_CLASSNAME:"",id:u.id,style:{position:"absolute",cursor:u.readOnly?"initial":"pointer",height:u.height*ZOOM,width:u.width*ZOOM,top:u.position.y*ZOOM,left:u.position.x*ZOOM,transform:`rotate(${u.rotate??0}deg)`,opacity:u.opacity??1,outline:s},children:[u.required&&jsxRuntimeExports.jsx("span",{style:{color:"red",position:"absolute",top:-12,left:-12,fontSize:18,fontWeight:700},children:"*"}),a]}),Renderer=a=>{const{schema:s,basePdf:c,value:u,mode:d,onChange:p,stopEditing:v,tabIndex:A,placeholder:x,scale:g}=a,b=reactExports.useContext(PluginsRegistry),y=reactExports.useContext(OptionsContext),f=reactExports.useContext(I18nContext),{token:m}=theme.useToken(),E=reactExports.useRef(null),w=reactExports.useContext(CacheContext),S=b.findByType(s.type),$=useRerenderDependencies({plugin:S,value:u,mode:d,scale:g,schema:s,options:y});return reactExports.useEffect(()=>{if(!S?.ui||!E.current||!s.type)return;E.current.innerHTML="";const T=S.ui;return T({value:u,schema:s,basePdf:c,rootElement:E.current,mode:d,onChange:p,stopEditing:v,tabIndex:A,placeholder:x,options:y,theme:m,i18n:f,scale:g,_cache:w}),()=>{E.current&&(E.current.innerHTML="")}},$),S?jsxRuntimeExports.jsx(Wrapper,{...a,children:jsxRuntimeExports.jsx("div",{style:{height:"100%",width:"100%"},ref:E})}):(console.error(`[@pdfme/ui] Renderer for type ${s.type} not found. 
 Check this document: https://pdfme.com/docs/custom-schemas`),jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment,{}))},Draggable$1=a=>{const{scale:s,basePdf:c,plugin:u}=a,{token:d}=theme.useToken(),p=reactExports.useContext(OptionsContext),v=u.propPanel.defaultSchema;if(p.font){const w=getFallbackFontName(p.font);setFontNameRecursively(v,w)}const A=useDraggable({id:v.type,data:v}),{listeners:x,setNodeRef:g,attributes:b,transform:y,isDragging:f}=A,m={transform:CSS$1.Translate.toString(y)},E=React.useMemo(()=>jsxRuntimeExports.jsx("div",{style:{transform:`scale(${s})`},children:jsxRuntimeExports.jsx(Renderer,{schema:{...v,id:v.type},basePdf:c,value:v.content||"",onChangeHoveringSchemaId:()=>{},mode:"viewer",outline:`1px solid ${d.colorPrimary}`,scale:s})}),[v,c,s,d.colorPrimary]);return jsxRuntimeExports.jsxs("div",{ref:g,style:m,...x,...b,children:[f&&E,jsxRuntimeExports.jsx("div",{style:{visibility:f?"hidden":"visible"},children:a.children})]})},LeftSidebar=({height:a,scale:s,basePdf:c})=>{const{token:u}=theme.useToken(),d=reactExports.useContext(PluginsRegistry),[p,v]=reactExports.useState(!1);return reactExports.useEffect(()=>{const A=()=>{p&&v(!1)};return document.addEventListener("mouseup",A),()=>{document.removeEventListener("mouseup",A)}},[p]),jsxRuntimeExports.jsx("div",{className:DESIGNER_CLASSNAME+"left-sidebar",style:{left:0,right:0,position:"absolute",zIndex:1,height:a,width:LEFT_SIDEBAR_WIDTH,background:u.colorBgLayout,textAlign:"center",overflow:p?"visible":"auto"},children:d.entries().map(([A,x])=>{if(!x?.propPanel.defaultSchema)return null;const g=x.propPanel.defaultSchema.type;return jsxRuntimeExports.jsx(Draggable$1,{scale:s,basePdf:c,plugin:x,children:jsxRuntimeExports.jsx(Button$1,{className:DESIGNER_CLASSNAME+"plugin-"+g,onMouseDown:()=>v(!0),style:{width:35,height:35,marginTop:"0.25rem",padding:"0.25rem"},children:jsxRuntimeExports.jsx(PluginIcon,{plugin:x,label:A})})},A)})})},Paper=a=>{const{paperRefs:s,scale:c,size:u,schemasList:d,pageSizes:p,backgrounds:v,renderPaper:A,renderSchema:x,hasRulers:g}=a,b=reactExports.useContext(FontContext),y=g?RULER_HEIGHT:0;return p.length!==v.length||p.length!==d.length?null:jsxRuntimeExports.jsx("div",{style:{transform:`scale(${c})`,transformOrigin:"top left",height:c,width:c},children:v.map((f,m)=>{const E=p[m],w={width:E.width*ZOOM,height:E.height*ZOOM},S=w.width*c+y<u.width?`${(u.width/c-w.width)/2}px`:`${y}px`;let $=m>0?(y+PAGE_GAP)*(m+1):y;return g||($+=PAGE_GAP*2),jsxRuntimeExports.jsxs("div",{ref:T=>{T&&(s.current[m]=T)},onMouseDown:T=>{T.currentTarget===T.target&&document&&document.hasFocus()&&document.activeElement instanceof HTMLElement&&document.activeElement.blur()},style:{fontFamily:`'${getFallbackFontName(b)}'`,top:`${$}px`,left:S,position:"relative",backgroundImage:`url(${f})`,backgroundSize:`${w.width}px ${w.height}px`,...w},children:[A({paperSize:w,index:m}),d[m].map((T,I)=>jsxRuntimeExports.jsx("div",{children:x({schema:T,index:m===0?I:I+d[m-1].length})},T.id))]},String(m)+JSON.stringify(w))})})};var FUNCTION="function",OBJECT="object",STRING="string",NUMBER="number",UNDEFINED="undefined",IS_WINDOW=typeof window!==UNDEFINED,doc=typeof document!==UNDEFINED&&document,OPEN_CLOSED_CHARACTERS=[{open:"(",close:")"},{open:'"',close:'"'},{open:"'",close:"'"},{open:'\\"',close:'\\"'},{open:"\\'",close:"\\'"}],TINY_NUM$1=1e-7,DEFAULT_UNIT_PRESETS={cm:function(a){return a*96/2.54},mm:function(a){return a*96/254},in:function(a){return a*96},pt:function(a){return a*96/72},pc:function(a){return a*96/6},"%":function(a,s){return a*s/100},vw:function(a,s){return s===void 0&&(s=window.innerWidth),a/100*s},vh:function(a,s){return s===void 0&&(s=window.innerHeight),a/100*s},vmax:function(a,s){return s===void 0&&(s=Math.max(window.innerWidth,window.innerHeight)),a/100*s},vmin:function(a,s){return s===void 0&&(s=Math.min(window.innerWidth,window.innerHeight)),a/100*s}};function __spreadArrays$2(){for(var a=0,s=0,c=arguments.length;s<c;s++)a+=arguments[s].length;for(var u=Array(a),d=0,s=0;s<c;s++)for(var p=arguments[s],v=0,A=p.length;v<A;v++,d++)u[d]=p[v];return u}function dot(a,s,c,u){return(a*u+s*c)/(c+u)}function isUndefined(a){return typeof a===UNDEFINED}function isObject$1(a){return a&&typeof a===OBJECT}function isArray(a){return Array.isArray(a)}function isString(a){return typeof a===STRING}function isNumber(a){return typeof a===NUMBER}function isFunction(a){return typeof a===FUNCTION}function isEqualSeparator(a,s){var c=a===""||a==" ",u=s===""||s==" ";return u&&c||a===s}function findOpen(a,s,c,u,d){var p=findIgnore(a,s,c);return p?c:findClose(a,s,c+1,u,d)}function findIgnore(a,s,c){if(!a.ignore)return null;var u=s.slice(Math.max(c-3,0),c+3).join("");return new RegExp(a.ignore).exec(u)}function findClose(a,s,c,u,d){for(var p=function(g){var b=s[g].trim();if(b===a.close&&!findIgnore(a,s,g))return{value:g};var y=g,f=find$1(d,function(m){var E=m.open;return E===b});if(f&&(y=findOpen(f,s,g,u,d)),y===-1)return v=g,"break";g=y,v=g},v,A=c;A<u;++A){var x=p(A);if(A=v,typeof x=="object")return x.value;if(x==="break")break}return-1}function splitText(a,s){var c=isString(s)?{separator:s}:s,u=c.separator,d=u===void 0?",":u,p=c.isSeparateFirst,v=c.isSeparateOnlyOpenClose,A=c.isSeparateOpenClose,x=A===void 0?v:A,g=c.openCloseCharacters,b=g===void 0?OPEN_CLOSED_CHARACTERS:g,y=b.map(function(O){var L=O.open,B=O.close;return L===B?L:L+"|"+B}).join("|"),f="(\\s*"+d+"\\s*|"+y+"|\\s+)",m=new RegExp(f,"g"),E=a.split(m).filter(function(O){return O&&O!=="undefined"}),w=E.length,S=[],$=[];function T(){return $.length?(S.push($.join("")),$=[],!0):!1}for(var I=function(O){var L=E[O].trim(),B=O,F=find$1(b,function(j){var G=j.open;return G===L}),D=find$1(b,function(j){var G=j.close;return G===L});if(F){if(B=findOpen(F,E,O,w,b),B!==-1&&x)return T()&&p||(S.push(E.slice(O,B+1).join("")),O=B,p)?(_=O,"break"):(_=O,"continue")}else if(D&&!findIgnore(D,E,O)){var V=__spreadArrays$2(b);return V.splice(b.indexOf(D),1),{value:splitText(a,{separator:d,isSeparateFirst:p,isSeparateOnlyOpenClose:v,isSeparateOpenClose:x,openCloseCharacters:V})}}else if(isEqualSeparator(L,d)&&!v)return T(),p?(_=O,"break"):(_=O,"continue");B===-1&&(B=w-1),$.push(E.slice(O,B+1).join("")),O=B,_=O},_,C=0;C<w;++C){var P=I(C);if(C=_,typeof P=="object")return P.value;if(P==="break")break}return $.length&&S.push($.join("")),S}function splitSpace(a){return splitText(a,"")}function splitComma(a){return splitText(a,",")}function splitBracket(a){var s=/([^(]*)\(([\s\S]*)\)([\s\S]*)/g.exec(a);return!s||s.length<4?{}:{prefix:s[1],value:s[2],suffix:s[3]}}function splitUnit(a){var s=/^([^\d|e|\-|\+]*)((?:\d|\.|-|e-|e\+)+)(\S*)$/g.exec(a);if(!s)return{prefix:"",unit:"",value:NaN};var c=s[1],u=s[2],d=s[3];return{prefix:c,unit:d,value:parseFloat(u)}}function camelize(a){return a.replace(/[\s-_]+([^\s-_])/g,function(s,c){return c.toUpperCase()})}function decamelize(a,s){return a.replace(/([a-z])([A-Z])/g,function(c,u,d){return""+u+s+d.toLowerCase()})}function now(){return Date.now?Date.now():new Date().getTime()}function findIndex(a,s,c){c===void 0&&(c=-1);for(var u=a.length,d=0;d<u;++d)if(s(a[d],d,a))return d;return c}function findLastIndex(a,s,c){c===void 0&&(c=-1);for(var u=a.length,d=u-1;d>=0;--d)if(s(a[d],d,a))return d;return c}function findLast(a,s,c){var u=findLastIndex(a,s);return u>-1?a[u]:c}function find$1(a,s,c){var u=findIndex(a,s);return u>-1?a[u]:c}var requestAnimationFrame$1=(function(){var a=now(),s=IS_WINDOW&&(window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||window.msRequestAnimationFrame);return s?s.bind(window):function(c){var u=now(),d=setTimeout(function(){c(u-a)},1e3/60);return d}})(),cancelAnimationFrame$1=(function(){var a=IS_WINDOW&&(window.cancelAnimationFrame||window.webkitCancelAnimationFrame||window.mozCancelAnimationFrame||window.msCancelAnimationFrame);return a?a.bind(window):function(s){clearTimeout(s)}})();function getKeys(a){return Object.keys(a)}function convertUnitSize(a,s){var c=splitUnit(a),u=c.value,d=c.unit;if(isObject$1(s)){var p=s[d];if(p){if(isFunction(p))return p(u);if(DEFAULT_UNIT_PRESETS[d])return DEFAULT_UNIT_PRESETS[d](u,p)}}else if(d==="%")return u*s/100;return DEFAULT_UNIT_PRESETS[d]?DEFAULT_UNIT_PRESETS[d](u):u}function between(a,s,c){return Math.max(s,Math.min(a,c))}function checkBoundSize(a,s,c,u){return u===void 0&&(u=a[0]/a[1]),[[throttle(s[0],TINY_NUM$1),throttle(s[0]/u,TINY_NUM$1)],[throttle(s[1]*u,TINY_NUM$1),throttle(s[1],TINY_NUM$1)]].filter(function(d){return d.every(function(p,v){var A=s[v],x=throttle(A,TINY_NUM$1);return c?p<=A||p<=x:p>=A||p>=x})})[0]||a}function calculateBoundSize(a,s,c,u){if(!u)return a.map(function(m,E){return between(m,s[E],c[E])});var d=a[0],p=a[1],v=u===!0?d/p:u,A=checkBoundSize(a,s,!1,v),x=A[0],g=A[1],b=checkBoundSize(a,c,!0,v),y=b[0],f=b[1];return d<x||p<g?(d=x,p=g):(d>y||p>f)&&(d=y,p=f),[d,p]}function sum(a){for(var s=a.length,c=0,u=s-1;u>=0;--u)c+=a[u];return c}function average(a){for(var s=a.length,c=0,u=s-1;u>=0;--u)c+=a[u];return s?c/s:0}function getRad$1(a,s){var c=s[0]-a[0],u=s[1]-a[1],d=Math.atan2(u,c);return d>=0?d:d+Math.PI*2}function getCenterPoint(a){return[0,1].map(function(s){return average(a.map(function(c){return c[s]}))})}function getShapeDirection(a){var s=getCenterPoint(a),c=getRad$1(s,a[0]),u=getRad$1(s,a[1]);return c<u&&u-c<Math.PI||c>u&&u-c<-Math.PI?1:-1}function getDist$2(a,s){return Math.sqrt(Math.pow((s?s[0]:0)-a[0],2)+Math.pow((s?s[1]:0)-a[1],2))}function throttle(a,s){if(!s)return a;var c=1/s;return Math.round(a/s)/c}function throttleArray(a,s){return a.forEach(function(c,u){a[u]=throttle(a[u],s)}),a}function counter(a){for(var s=[],c=0;c<a;++c)s.push(c);return s}function flat$1(a){return a.reduce(function(s,c){return s.concat(c)},[])}function hasClass(a,s){return a.classList?a.classList.contains(s):!!a.className.match(new RegExp("(\\s|^)"+s+"(\\s|$)"))}function addClass(a,s){a.classList?a.classList.add(s):a.className+=" "+s}function removeClass(a,s){if(a.classList)a.classList.remove(s);else{var c=new RegExp("(\\s|^)"+s+"(\\s|$)");a.className=a.className.replace(c," ")}}function addEvent(a,s,c,u){a.addEventListener(s,c,u)}function removeEvent(a,s,c,u){a.removeEventListener(s,c,u)}function getDocument(a){return a?.ownerDocument||doc}function getDocumentElement(a){return getDocument(a).documentElement}function getDocumentBody(a){return getDocument(a).body}function getWindow(a){var s;return((s=a?.ownerDocument)===null||s===void 0?void 0:s.defaultView)||window}function isWindow(a){return a&&"postMessage"in a&&"blur"in a&&"self"in a}function isNode(a){return isObject$1(a)&&a.nodeName&&a.nodeType&&"ownerDocument"in a}var __assign$8=function(){return __assign$8=Object.assign||function(s){for(var c,u=1,d=arguments.length;u<d;u++){c=arguments[u];for(var p in c)Object.prototype.hasOwnProperty.call(c,p)&&(s[p]=c[p])}return s},__assign$8.apply(this,arguments)};function __spreadArrays$1(){for(var a=0,s=0,c=arguments.length;s<c;s++)a+=arguments[s].length;for(var u=Array(a),d=0,s=0;s<c;s++)for(var p=arguments[s],v=0,A=p.length;v<A;v++,d++)u[d]=p[v];return u}var EventEmitter=(function(){function a(){this._events={}}var s=a.prototype;return s.on=function(c,u){if(isObject$1(c))for(var d in c)this.on(d,c[d]);else this._addEvent(c,u,{});return this},s.off=function(c,u){if(!c)this._events={};else if(isObject$1(c))for(var d in c)this.off(d);else if(!u)this._events[c]=[];else{var p=this._events[c];if(p){var v=findIndex(p,function(A){return A.listener===u});v>-1&&p.splice(v,1)}}return this},s.once=function(c,u){var d=this;return u&&this._addEvent(c,u,{once:!0}),new Promise(function(p){d._addEvent(c,p,{once:!0})})},s.emit=function(c,u){var d=this;u===void 0&&(u={});var p=this._events[c];if(!c||!p)return!0;var v=!1;return u.eventType=c,u.stop=function(){v=!0},u.currentTarget=this,__spreadArrays$1(p).forEach(function(A){A.listener(u),A.once&&d.off(c,A.listener)}),!v},s.trigger=function(c,u){return u===void 0&&(u={}),this.emit(c,u)},s._addEvent=function(c,u,d){var p=this._events;p[c]=p[c]||[];var v=p[c];v.push(__assign$8({listener:u},d))},a})();var extendStatics$8=function(a,s){return extendStatics$8=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(c,u){c.__proto__=u}||function(c,u){for(var d in u)u.hasOwnProperty(d)&&(c[d]=u[d])},extendStatics$8(a,s)};function __extends$8(a,s){extendStatics$8(a,s);function c(){this.constructor=a}a.prototype=s===null?Object.create(s):(c.prototype=s.prototype,new c)}var __assign$7=function(){return __assign$7=Object.assign||function(s){for(var c,u=1,d=arguments.length;u<d;u++){c=arguments[u];for(var p in c)Object.prototype.hasOwnProperty.call(c,p)&&(s[p]=c[p])}return s},__assign$7.apply(this,arguments)};function getRad(a,s){var c=s[0]-a[0],u=s[1]-a[1],d=Math.atan2(u,c);return d>=0?d:d+Math.PI*2}function getRotatiion(a){return getRad([a[0].clientX,a[0].clientY],[a[1].clientX,a[1].clientY])/Math.PI*180}function isMultiTouch(a){return a.touches&&a.touches.length>=2}function getEventClients(a){return a?a.touches?getClients(a.touches):[getClient$1(a)]:[]}function isMouseEvent(a){return a&&(a.type.indexOf("mouse")>-1||"button"in a)}function getPosition(a,s,c){var u=c.length,d=getAverageClient(a,u),p=d.clientX,v=d.clientY,A=d.originalClientX,x=d.originalClientY,g=getAverageClient(s,u),b=g.clientX,y=g.clientY,f=getAverageClient(c,u),m=f.clientX,E=f.clientY,w=p-b,S=v-y,$=p-m,T=v-E;return{clientX:A,clientY:x,deltaX:w,deltaY:S,distX:$,distY:T}}function getDist$1(a){return Math.sqrt(Math.pow(a[0].clientX-a[1].clientX,2)+Math.pow(a[0].clientY-a[1].clientY,2))}function getClients(a){for(var s=Math.min(a.length,2),c=[],u=0;u<s;++u)c.push(getClient$1(a[u]));return c}function getClient$1(a){return{clientX:a.clientX,clientY:a.clientY}}function getAverageClient(a,s){s===void 0&&(s=a.length);for(var c={clientX:0,clientY:0,originalClientX:0,originalClientY:0},u=Math.min(a.length,s),d=0;d<u;++d){var p=a[d];c.originalClientX+="originalClientX"in p?p.originalClientX:p.clientX,c.originalClientY+="originalClientY"in p?p.originalClientY:p.clientY,c.clientX+=p.clientX,c.clientY+=p.clientY}return s?{clientX:c.clientX/s,clientY:c.clientY/s,originalClientX:c.originalClientX/s,originalClientY:c.originalClientY/s}:c}var ClientStore=(function(){function a(s){this.prevClients=[],this.startClients=[],this.movement=0,this.length=0,this.startClients=s,this.prevClients=s,this.length=s.length}return a.prototype.getAngle=function(s){return s===void 0&&(s=this.prevClients),getRotatiion(s)},a.prototype.getRotation=function(s){return s===void 0&&(s=this.prevClients),getRotatiion(s)-getRotatiion(this.startClients)},a.prototype.getPosition=function(s,c){s===void 0&&(s=this.prevClients);var u=getPosition(s||this.prevClients,this.prevClients,this.startClients),d=u.deltaX,p=u.deltaY;return this.movement+=Math.sqrt(d*d+p*p),this.prevClients=s,u},a.prototype.getPositions=function(s){s===void 0&&(s=this.prevClients);for(var c=this.prevClients,u=this.startClients,d=Math.min(this.length,c.length),p=[],v=0;v<d;++v)p[v]=getPosition([s[v]],[c[v]],[u[v]]);return p},a.prototype.getMovement=function(s){var c=this.movement;if(!s)return c;var u=getAverageClient(s,this.length),d=getAverageClient(this.prevClients,this.length),p=u.clientX-d.clientX,v=u.clientY-d.clientY;return Math.sqrt(p*p+v*v)+c},a.prototype.getDistance=function(s){return s===void 0&&(s=this.prevClients),getDist$1(s)},a.prototype.getScale=function(s){return s===void 0&&(s=this.prevClients),getDist$1(s)/getDist$1(this.startClients)},a.prototype.move=function(s,c){this.startClients.forEach(function(u){u.clientX-=s,u.clientY-=c}),this.prevClients.forEach(function(u){u.clientX-=s,u.clientY-=c})},a})(),INPUT_TAGNAMES=["textarea","input"],Gesto=(function(a){__extends$8(s,a);function s(c,u){u===void 0&&(u={});var d=a.call(this)||this;d.options={},d.flag=!1,d.pinchFlag=!1,d.data={},d.isDrag=!1,d.isPinch=!1,d.clientStores=[],d.targets=[],d.prevTime=0,d.doubleFlag=!1,d._useMouse=!1,d._useTouch=!1,d._useDrag=!1,d._dragFlag=!1,d._isTrusted=!1,d._isMouseEvent=!1,d._isSecondaryButton=!1,d._preventMouseEvent=!1,d._prevInputEvent=null,d._isDragAPI=!1,d._isIdle=!0,d._preventMouseEventId=0,d._window=window,d.onDragStart=function(f,m){if(m===void 0&&(m=!0),!(!d.flag&&f.cancelable===!1)){var E=f.type.indexOf("drag")>=-1;if(!(d.flag&&E)){d._isDragAPI=!0;var w=d.options,S=w.container,$=w.pinchOutside,T=w.preventWheelClick,I=w.preventRightClick,_=w.preventDefault,C=w.checkInput,P=w.dragFocusedInput,O=w.preventClickEventOnDragStart,L=w.preventClickEventOnDrag,B=w.preventClickEventByCondition,F=d._useTouch,D=!d.flag;if(d._isSecondaryButton=f.which===3||f.button===2,T&&(f.which===2||f.button===1)||I&&(f.which===3||f.button===2))return d.stop(),!1;if(D){var V=d._window.document.activeElement,j=f.target;if(j){var G=j.tagName.toLowerCase(),U=INPUT_TAGNAMES.indexOf(G)>-1,M=j.isContentEditable;if(U||M){if(C||!P&&V===j)return!1;if(V&&(V===j||M&&V.isContentEditable&&V.contains(j)))if(P)j.blur();else return!1}else if((_||f.type==="touchstart")&&V){var N=V.tagName.toLowerCase();(V.isContentEditable||INPUT_TAGNAMES.indexOf(N)>-1)&&V.blur()}(O||L||B)&&addEvent(d._window,"click",d._onClick,!0)}d.clientStores=[new ClientStore(getEventClients(f))],d._isIdle=!1,d.flag=!0,d.isDrag=!1,d._isTrusted=m,d._dragFlag=!0,d._prevInputEvent=f,d.data={},d.doubleFlag=now()-d.prevTime<200,d._isMouseEvent=isMouseEvent(f),!d._isMouseEvent&&d._preventMouseEvent&&d._allowMouseEvent();var R=d._preventMouseEvent||d.emit("dragStart",__assign$7(__assign$7({data:d.data,datas:d.data,inputEvent:f,isMouseEvent:d._isMouseEvent,isSecondaryButton:d._isSecondaryButton,isTrusted:m,isDouble:d.doubleFlag},d.getCurrentStore().getPosition()),{preventDefault:function(){f.preventDefault()},preventDrag:function(){d._dragFlag=!1}}));R===!1&&d.stop(),d._isMouseEvent&&d.flag&&_&&f.preventDefault()}if(!d.flag)return!1;var k=0;if(D?(d._attchDragEvent(),F&&$&&(k=setTimeout(function(){addEvent(S,"touchstart",d.onDragStart,{passive:!1})}))):F&&$&&removeEvent(S,"touchstart",d.onDragStart),d.flag&&isMultiTouch(f)){if(clearTimeout(k),D&&f.touches.length!==f.changedTouches.length)return;d.pinchFlag||d.onPinchStart(f)}}}},d.onDrag=function(f,m){if(d.flag){var E=d.options.preventDefault;!d._isMouseEvent&&E&&f.preventDefault(),d._prevInputEvent=f;var w=getEventClients(f),S=d.moveClients(w,f,!1);if(d._dragFlag){if(d.pinchFlag||S.deltaX||S.deltaY){var $=d._preventMouseEvent||d.emit("drag",__assign$7(__assign$7({},S),{isScroll:!!m,inputEvent:f}));if($===!1){d.stop();return}}d.pinchFlag&&d.onPinch(f,w)}d.getCurrentStore().getPosition(w,!0)}},d.onDragEnd=function(f){if(d.flag){var m=d.options,E=m.pinchOutside,w=m.container,S=m.preventClickEventOnDrag,$=m.preventClickEventOnDragStart,T=m.preventClickEventByCondition,I=d.isDrag;(S||$||T)&&requestAnimationFrame(function(){d._allowClickEvent()}),!T&&!$&&S&&!I&&d._allowClickEvent(),d._useTouch&&E&&removeEvent(w,"touchstart",d.onDragStart),d.pinchFlag&&d.onPinchEnd(f);var _=f?.touches?getEventClients(f):[],C=_.length;C===0||!d.options.keepDragging?d.flag=!1:d._addStore(new ClientStore(_));var P=d._getPosition(),O=now(),L=!I&&d.doubleFlag;d._prevInputEvent=null,d.prevTime=I||L?0:O,d.flag||(d._dettachDragEvent(),d._preventMouseEvent||d.emit("dragEnd",__assign$7({data:d.data,datas:d.data,isDouble:L,isDrag:I,isClick:!I,isMouseEvent:d._isMouseEvent,isSecondaryButton:d._isSecondaryButton,inputEvent:f,isTrusted:d._isTrusted},P)),d.clientStores=[],d._isMouseEvent||(d._preventMouseEvent=!0,clearTimeout(d._preventMouseEventId),d._preventMouseEventId=setTimeout(function(){d._preventMouseEvent=!1},200)),d._isIdle=!0)}},d.onBlur=function(){d.onDragEnd()},d._allowClickEvent=function(){removeEvent(d._window,"click",d._onClick,!0)},d._onClick=function(f){d._allowClickEvent(),d._allowMouseEvent();var m=d.options.preventClickEventByCondition;m?.(f)||(f.stopPropagation(),f.preventDefault())},d._onContextMenu=function(f){var m=d.options;m.preventRightClick?d.onDragEnd(f):f.preventDefault()},d._passCallback=function(){};var p=[].concat(c),v=p[0];d._window=isWindow(v)?v:getWindow(v),d.options=__assign$7({checkInput:!1,container:v&&!("document"in v)?getWindow(v):v,preventRightClick:!0,preventWheelClick:!0,preventClickEventOnDragStart:!1,preventClickEventOnDrag:!1,preventClickEventByCondition:null,preventDefault:!0,checkWindowBlur:!1,keepDragging:!1,pinchThreshold:0,events:["touch","mouse"]},u);var A=d.options,x=A.container,g=A.events,b=A.checkWindowBlur;if(d._useDrag=g.indexOf("drag")>-1,d._useTouch=g.indexOf("touch")>-1,d._useMouse=g.indexOf("mouse")>-1,d.targets=p,d._useDrag&&p.forEach(function(f){addEvent(f,"dragstart",d.onDragStart)}),d._useMouse&&(p.forEach(function(f){addEvent(f,"mousedown",d.onDragStart),addEvent(f,"mousemove",d._passCallback)}),addEvent(x,"contextmenu",d._onContextMenu)),b&&addEvent(getWindow(),"blur",d.onBlur),d._useTouch){var y={passive:!1};p.forEach(function(f){addEvent(f,"touchstart",d.onDragStart,y),addEvent(f,"touchmove",d._passCallback,y)})}return d}return s.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},s.prototype.getMovement=function(c){return this.getCurrentStore().getMovement(c)+this.clientStores.slice(1).reduce(function(u,d){return u+d.movement},0)},s.prototype.isDragging=function(){return this.isDrag},s.prototype.isIdle=function(){return this._isIdle},s.prototype.isFlag=function(){return this.flag},s.prototype.isPinchFlag=function(){return this.pinchFlag},s.prototype.isDoubleFlag=function(){return this.doubleFlag},s.prototype.isPinching=function(){return this.isPinch},s.prototype.scrollBy=function(c,u,d,p){p===void 0&&(p=!0),this.flag&&(this.clientStores[0].move(c,u),p&&this.onDrag(d,!0))},s.prototype.move=function(c,u){var d=c[0],p=c[1],v=this.getCurrentStore(),A=v.prevClients;return this.moveClients(A.map(function(x){var g=x.clientX,b=x.clientY;return{clientX:g+d,clientY:b+p,originalClientX:g,originalClientY:b}}),u,!0)},s.prototype.triggerDragStart=function(c){this.onDragStart(c,!1)},s.prototype.setEventData=function(c){var u=this.data;for(var d in c)u[d]=c[d];return this},s.prototype.setEventDatas=function(c){return this.setEventData(c)},s.prototype.getCurrentEvent=function(c){return c===void 0&&(c=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:c})},s.prototype.getEventData=function(){return this.data},s.prototype.getEventDatas=function(){return this.data},s.prototype.unset=function(){var c=this,u=this.targets,d=this.options.container;this.off(),removeEvent(this._window,"blur",this.onBlur),this._useDrag&&u.forEach(function(p){removeEvent(p,"dragstart",c.onDragStart)}),this._useMouse&&(u.forEach(function(p){removeEvent(p,"mousedown",c.onDragStart)}),removeEvent(d,"contextmenu",this._onContextMenu)),this._useTouch&&(u.forEach(function(p){removeEvent(p,"touchstart",c.onDragStart)}),removeEvent(d,"touchstart",this.onDragStart)),this._prevInputEvent=null,this._allowClickEvent(),this._dettachDragEvent()},s.prototype.onPinchStart=function(c){var u=this,d=this.options.pinchThreshold;if(!(this.isDrag&&this.getMovement()>d)){var p=new ClientStore(getEventClients(c));this.pinchFlag=!0,this._addStore(p);var v=this.emit("pinchStart",__assign$7(__assign$7({data:this.data,datas:this.data,angle:p.getAngle(),touches:this.getCurrentStore().getPositions()},p.getPosition()),{inputEvent:c,isTrusted:this._isTrusted,preventDefault:function(){c.preventDefault()},preventDrag:function(){u._dragFlag=!1}}));v===!1&&(this.pinchFlag=!1)}},s.prototype.onPinch=function(c,u){if(!(!this.flag||!this.pinchFlag||u.length<2)){var d=this.getCurrentStore();this.isPinch=!0,this.emit("pinch",__assign$7(__assign$7({data:this.data,datas:this.data,movement:this.getMovement(u),angle:d.getAngle(u),rotation:d.getRotation(u),touches:d.getPositions(u),scale:d.getScale(u),distance:d.getDistance(u)},d.getPosition(u)),{inputEvent:c,isTrusted:this._isTrusted}))}},s.prototype.onPinchEnd=function(c){if(this.pinchFlag){var u=this.isPinch;this.isPinch=!1,this.pinchFlag=!1;var d=this.getCurrentStore();this.emit("pinchEnd",__assign$7(__assign$7({data:this.data,datas:this.data,isPinch:u,touches:d.getPositions()},d.getPosition()),{inputEvent:c}))}},s.prototype.getCurrentStore=function(){return this.clientStores[0]},s.prototype.moveClients=function(c,u,d){var p=this._getPosition(c,d),v=this.isDrag;(p.deltaX||p.deltaY)&&(this.isDrag=!0);var A=!1;return!v&&this.isDrag&&(A=!0),__assign$7(__assign$7({data:this.data,datas:this.data},p),{movement:this.getMovement(c),isDrag:this.isDrag,isPinch:this.isPinch,isScroll:!1,isMouseEvent:this._isMouseEvent,isSecondaryButton:this._isSecondaryButton,inputEvent:u,isTrusted:this._isTrusted,isFirstDrag:A})},s.prototype._addStore=function(c){this.clientStores.splice(0,0,c)},s.prototype._getPosition=function(c,u){var d=this.getCurrentStore(),p=d.getPosition(c,u),v=this.clientStores.slice(1).reduce(function(g,b){var y=b.getPosition();return g.distX+=y.distX,g.distY+=y.distY,g},p),A=v.distX,x=v.distY;return __assign$7(__assign$7({},p),{distX:A,distY:x})},s.prototype._attchDragEvent=function(){var c=this._window,u=this.options.container,d={passive:!1};this._isDragAPI&&(addEvent(u,"dragover",this.onDrag,d),addEvent(c,"dragend",this.onDragEnd)),this._useMouse&&(addEvent(u,"mousemove",this.onDrag),addEvent(c,"mouseup",this.onDragEnd)),this._useTouch&&(addEvent(u,"touchmove",this.onDrag,d),addEvent(c,"touchend",this.onDragEnd,d),addEvent(c,"touchcancel",this.onDragEnd,d))},s.prototype._dettachDragEvent=function(){var c=this._window,u=this.options.container;this._isDragAPI&&(removeEvent(u,"dragover",this.onDrag),removeEvent(c,"dragend",this.onDragEnd)),this._useMouse&&(removeEvent(u,"mousemove",this.onDrag),removeEvent(c,"mouseup",this.onDragEnd)),this._useTouch&&(removeEvent(u,"touchstart",this.onDragStart),removeEvent(u,"touchmove",this.onDrag),removeEvent(c,"touchend",this.onDragEnd),removeEvent(c,"touchcancel",this.onDragEnd))},s.prototype._allowMouseEvent=function(){this._preventMouseEvent=!1,clearTimeout(this._preventMouseEventId)},s})(EventEmitter);function prefixNames(a){for(var s=[],c=1;c<arguments.length;c++)s[c-1]=arguments[c];return s.map(function(u){return u.split(" ").map(function(d){return d?""+a+d:""}).join(" ")}).join(" ")}function prefixCSS(a,s){return s.replace(/([^}{]*){/gm,function(c,u){return u.replace(/\.([^{,\s\d.]+)/g,"."+a+"$1")+"{"})}function ref(a,s){return function(c){c&&(a[s]=c)}}function refs(a,s,c){return function(u){u&&(a[s][c]=u)}}function Properties(a,s){return function(c){var u=c.prototype;a.forEach(function(d){s(u,d)})}}function withMethods(a,s){return s===void 0&&(s={}),function(c,u){a.forEach(function(d){var p=s[d]||d;p in c||(c[p]=function(){for(var v,A=[],x=0;x<arguments.length;x++)A[x]=arguments[x];var g=(v=this[u])[d].apply(v,A);return g===this[u]?this:g})})}}var PolyMap=(function(){function a(){this.keys=[],this.values=[]}var s=a.prototype;return s.get=function(c){return this.values[this.keys.indexOf(c)]},s.set=function(c,u){var d=this.keys,p=this.values,v=d.indexOf(c),A=v===-1?d.length:v;d[A]=c,p[A]=u},a})(),HashMap=(function(){function a(){this.object={}}var s=a.prototype;return s.get=function(c){return this.object[c]},s.set=function(c,u){this.object[c]=u},a})(),SUPPORT_MAP=typeof Map=="function",Link=(function(){function a(){}var s=a.prototype;return s.connect=function(c,u){this.prev=c,this.next=u,c&&(c.next=this),u&&(u.prev=this)},s.disconnect=function(){var c=this.prev,u=this.next;c&&(c.next=u),u&&(u.prev=c)},s.getIndex=function(){for(var c=this,u=-1;c;)c=c.prev,++u;return u},a})();function orderChanged(a,s){var c=[],u=[];return a.forEach(function(d){var p=d[0],v=d[1],A=new Link;c[p]=A,u[v]=A}),c.forEach(function(d,p){d.connect(c[p-1])}),a.filter(function(d,p){return!s[p]}).map(function(d,p){var v=d[0],A=d[1];if(v===A)return[0,0];var x=c[v],g=u[A-1],b=x.getIndex();x.disconnect(),g?x.connect(g,g.next):x.connect(void 0,c[0]);var y=x.getIndex();return[b,y]})}var Result=(function(){function a(c,u,d,p,v,A,x,g){this.prevList=c,this.list=u,this.added=d,this.removed=p,this.changed=v,this.maintained=A,this.changedBeforeAdded=x,this.fixed=g}var s=a.prototype;return Object.defineProperty(s,"ordered",{get:function(){return this.cacheOrdered||this.caculateOrdered(),this.cacheOrdered},enumerable:!0,configurable:!0}),Object.defineProperty(s,"pureChanged",{get:function(){return this.cachePureChanged||this.caculateOrdered(),this.cachePureChanged},enumerable:!0,configurable:!0}),s.caculateOrdered=function(){var c=orderChanged(this.changedBeforeAdded,this.fixed),u=this.changed,d=[];this.cacheOrdered=c.filter(function(p,v){var A=p[0],x=p[1],g=u[v],b=g[0],y=g[1];if(A!==x)return d.push([b,y]),!0}),this.cachePureChanged=d},a})();function diff$1(a,s,c){var u=SUPPORT_MAP?Map:c?HashMap:PolyMap,d=c||function(T){return T},p=[],v=[],A=[],x=a.map(d),g=s.map(d),b=new u,y=new u,f=[],m=[],E={},w=[],S=0,$=0;return x.forEach(function(T,I){b.set(T,I)}),g.forEach(function(T,I){y.set(T,I)}),x.forEach(function(T,I){var _=y.get(T);typeof _>"u"?(++$,v.push(I)):E[_]=$}),g.forEach(function(T,I){var _=b.get(T);typeof _>"u"?(p.push(I),++S):(A.push([_,I]),$=E[I]||0,f.push([_-$,I-S]),m.push(I===_),_!==I&&w.push([_,I]))}),v.reverse(),new Result(a,s,p,v,w,A,f,m)}var ListDiffer=(function(){function a(c,u){c===void 0&&(c=[]),this.findKeyCallback=u,this.list=[].slice.call(c)}var s=a.prototype;return s.update=function(c){var u=[].slice.call(c),d=diff$1(this.list,u,this.findKeyCallback);return this.list=u,d},a})();var extendStatics$7=function(a,s){return extendStatics$7=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(c,u){c.__proto__=u}||function(c,u){for(var d in u)u.hasOwnProperty(d)&&(c[d]=u[d])},extendStatics$7(a,s)};function __extends$7(a,s){extendStatics$7(a,s);function c(){this.constructor=a}a.prototype=s===null?Object.create(s):(c.prototype=s.prototype,new c)}var findKeyCallback=typeof Map=="function"?void 0:(function(){var a=0;return function(s){return s.__DIFF_KEY__||(s.__DIFF_KEY__=++a)}})(),ChildrenDiffer=(function(a){__extends$7(s,a);function s(c){return c===void 0&&(c=[]),a.call(this,c,findKeyCallback)||this}return s})(ListDiffer);function diff(a,s){return diff$1(a,s,findKeyCallback)}var extendStatics$6=function(a,s){return extendStatics$6=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(c,u){c.__proto__=u}||function(c,u){for(var d in u)u.hasOwnProperty(d)&&(c[d]=u[d])},extendStatics$6(a,s)};function __extends$6(a,s){extendStatics$6(a,s);function c(){this.constructor=a}a.prototype=s===null?Object.create(s):(c.prototype=s.prototype,new c)}var __assign$6=function(){return __assign$6=Object.assign||function(s){for(var c,u=1,d=arguments.length;u<d;u++){c=arguments[u];for(var p in c)Object.prototype.hasOwnProperty.call(c,p)&&(s[p]=c[p])}return s},__assign$6.apply(this,arguments)};function getDefaultScrollPosition$1(a){var s=a.container;return s===document.body?[s.scrollLeft||document.documentElement.scrollLeft,s.scrollTop||document.documentElement.scrollTop]:[s.scrollLeft,s.scrollTop]}function checkDefaultScrollEvent(a,s){return a.addEventListener("scroll",s),function(){a.removeEventListener("scroll",s)}}function getContainerElement(a){if(a){if(isString(a))return document.querySelector(a)}else return null;if(isFunction(a))return a();if(a instanceof Element)return a;if("current"in a)return a.current;if("value"in a)return a.value}var DragScroll=(function(a){__extends$6(s,a);function s(){var u=a!==null&&a.apply(this,arguments)||this;return u._startRect=null,u._startPos=[],u._prevTime=0,u._timer=0,u._prevScrollPos=[0,0],u._isWait=!1,u._flag=!1,u._currentOptions=null,u._lock=!1,u._unregister=null,u._onScroll=function(){var d=u._currentOptions;u._lock||!d||u.emit("scrollDrag",{next:function(p){u.checkScroll({container:d.container,inputEvent:p})}})},u}var c=s.prototype;return c.dragStart=function(u,d){var p=getContainerElement(d.container);if(!p){this._flag=!1;return}var v=0,A=0,x=0,g=0;if(p===document.body)x=window.innerWidth,g=window.innerHeight;else{var b=p.getBoundingClientRect();v=b.top,A=b.left,x=b.width,g=b.height}this._flag=!0,this._startPos=[u.clientX,u.clientY],this._startRect={top:v,left:A,width:x,height:g},this._prevScrollPos=this._getScrollPosition([0,0],d),this._currentOptions=d,this._registerScrollEvent(d)},c.drag=function(u,d){if(clearTimeout(this._timer),!!this._flag){var p=u.clientX,v=u.clientY,A=d.threshold,x=A===void 0?0:A,g=this,b=g._startRect,y=g._startPos;this._currentOptions=d;var f=[0,0];return b.top>v-x?(y[1]>b.top||v<y[1])&&(f[1]=-1):b.top+b.height<v+x&&(y[1]<b.top+b.height||v>y[1])&&(f[1]=1),b.left>p-x?(y[0]>b.left||p<y[0])&&(f[0]=-1):b.left+b.width<p+x&&(y[0]<b.left+b.width||p>y[0])&&(f[0]=1),!f[0]&&!f[1]?!1:this._continueDrag(__assign$6(__assign$6({},d),{direction:f,inputEvent:u,isDrag:!0}))}},c.checkScroll=function(u){var d=this;if(this._isWait)return!1;var p=u.prevScrollPos,v=p===void 0?this._prevScrollPos:p,A=u.direction,x=u.throttleTime,g=x===void 0?0:x,b=u.inputEvent,y=u.isDrag,f=this._getScrollPosition(A||[0,0],u),m=f[0]-v[0],E=f[1]-v[1],w=A||[m?Math.abs(m)/m:0,E?Math.abs(E)/E:0];return this._prevScrollPos=f,this._lock=!1,!m&&!E?!1:(this.emit("move",{offsetX:w[0]?m:0,offsetY:w[1]?E:0,inputEvent:b}),g&&y&&(clearTimeout(this._timer),this._timer=window.setTimeout(function(){d._continueDrag(u)},g)),!0)},c.dragEnd=function(){this._flag=!1,this._lock=!1,clearTimeout(this._timer),this._unregisterScrollEvent()},c._getScrollPosition=function(u,d){var p=d.container,v=d.getScrollPosition,A=v===void 0?getDefaultScrollPosition$1:v;return A({container:getContainerElement(p),direction:u})},c._continueDrag=function(u){var d=this,p,v=u.container,A=u.direction,x=u.throttleTime,g=u.useScroll,b=u.isDrag,y=u.inputEvent;if(!(!this._flag||b&&this._isWait)){var f=now(),m=Math.max(x+this._prevTime-f,0);if(m>0)return clearTimeout(this._timer),this._timer=window.setTimeout(function(){d._continueDrag(u)},m),!1;this._prevTime=f;var E=this._getScrollPosition(A,u);this._prevScrollPos=E,b&&(this._isWait=!0),g||(this._lock=!0);var w={container:getContainerElement(v),direction:A,inputEvent:y};return(p=u.requestScroll)===null||p===void 0||p.call(u,w),this.emit("scroll",w),this._isWait=!1,g||this.checkScroll(__assign$6(__assign$6({},u),{prevScrollPos:E,direction:A,inputEvent:y}))}},c._registerScrollEvent=function(u){this._unregisterScrollEvent();var d=u.checkScrollEvent;if(d){var p=d===!0?checkDefaultScrollEvent:d,v=getContainerElement(u.container);d===!0&&(v===document.body||v===document.documentElement)?this._unregister=checkDefaultScrollEvent(window,this._onScroll):this._unregister=p(v,this._onScroll)}},c._unregisterScrollEvent=function(){var u;(u=this._unregister)===null||u===void 0||u.call(this),this._unregister=null},s})(EventEmitter),extendStatics$5=function(a,s){return extendStatics$5=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(c,u){c.__proto__=u}||function(c,u){for(var d in u)Object.prototype.hasOwnProperty.call(u,d)&&(c[d]=u[d])},extendStatics$5(a,s)};function __extends$5(a,s){if(typeof s!="function"&&s!==null)throw new TypeError("Class extends value "+String(s)+" is not a constructor or null");extendStatics$5(a,s);function c(){this.constructor=a}a.prototype=s===null?Object.create(s):(c.prototype=s.prototype,new c)}function createCommonjsModule(a,s){return s={exports:{}},a(s,s.exports),s.exports}var keycode=createCommonjsModule(function(a,s){function c(x){if(x&&typeof x=="object"){var g=x.which||x.keyCode||x.charCode;g&&(x=g)}if(typeof x=="number")return v[x];var b=String(x),y=u[b.toLowerCase()];if(y)return y;var y=d[b.toLowerCase()];if(y)return y;if(b.length===1)return b.charCodeAt(0)}c.isEventKey=function(g,b){if(g&&typeof g=="object"){var y=g.which||g.keyCode||g.charCode;if(y==null)return!1;if(typeof b=="string"){var f=u[b.toLowerCase()];if(f)return f===y;var f=d[b.toLowerCase()];if(f)return f===y}else if(typeof b=="number")return b===y;return!1}},s=a.exports=c;var u=s.code=s.codes={backspace:8,tab:9,enter:13,shift:16,ctrl:17,alt:18,"pause/break":19,"caps lock":20,esc:27,space:32,"page up":33,"page down":34,end:35,home:36,left:37,up:38,right:39,down:40,insert:45,delete:46,command:91,"left command":91,"right command":93,"numpad *":106,"numpad +":107,"numpad -":109,"numpad .":110,"numpad /":111,"num lock":144,"scroll lock":145,"my computer":182,"my calculator":183,";":186,"=":187,",":188,"-":189,".":190,"/":191,"`":192,"[":219,"\\":220,"]":221,"'":222},d=s.aliases={windows:91,"⇧":16,"⌥":18,"⌃":17,"⌘":91,ctl:17,control:17,option:18,pause:19,break:19,caps:20,return:13,escape:27,spc:32,spacebar:32,pgup:33,pgdn:34,ins:45,del:46,cmd:91};for(p=97;p<123;p++)u[String.fromCharCode(p)]=p-32;for(var p=48;p<58;p++)u[p-48]=p;for(p=1;p<13;p++)u["f"+p]=p+111;for(p=0;p<10;p++)u["numpad "+p]=p+96;var v=s.names=s.title={};for(p in u)v[u[p]]=p;for(var A in d)u[A]=d[A]});keycode.code,keycode.codes,keycode.aliases;var keycode_4=keycode.names;keycode.title;var codeData={"+":"plus","left command":"meta","right command":"meta"},keysSort={shift:1,ctrl:2,alt:3,meta:4};function getKey(a,s){var c=(keycode_4[a]||s||"").toLowerCase();for(var u in codeData)c=c.replace(u,codeData[u]);return c.replace(/\s/g,"")}function getCombi(a,s){s===void 0&&(s=getKey(a.keyCode,a.key));var c=getModifierCombi(a);return c.indexOf(s)===-1&&c.push(s),c.filter(Boolean)}function getModifierCombi(a){var s=[a.shiftKey&&"shift",a.ctrlKey&&"ctrl",a.altKey&&"alt",a.metaKey&&"meta"];return s.filter(Boolean)}function getArrangeCombi(a){var s=a.slice();return s.sort(function(c,u){var d=keysSort[c]||5,p=keysSort[u]||5;return d-p}),s}var globalKeyController,KeyController=(function(a){__extends$5(s,a);function s(u){u===void 0&&(u=window);var d=a.call(this)||this;return d.container=u,d.ctrlKey=!1,d.altKey=!1,d.shiftKey=!1,d.metaKey=!1,d.clear=function(){return d.ctrlKey=!1,d.altKey=!1,d.shiftKey=!1,d.metaKey=!1,d},d.keydownEvent=function(p){d.triggerEvent("keydown",p)},d.keyupEvent=function(p){d.triggerEvent("keyup",p)},d.blur=function(){d.clear(),d.trigger("blur")},addEvent(u,"blur",d.blur),addEvent(u,"keydown",d.keydownEvent),addEvent(u,"keyup",d.keyupEvent),d}var c=s.prototype;return Object.defineProperty(s,"global",{get:function(){return globalKeyController||(globalKeyController=new s)},enumerable:!1,configurable:!0}),s.setGlobal=function(){return this.global},c.destroy=function(){var u=this.container;this.clear(),this.off(),removeEvent(u,"blur",this.blur),removeEvent(u,"keydown",this.keydownEvent),removeEvent(u,"keyup",this.keyupEvent)},c.keydown=function(u,d){return this.addEvent("keydown",u,d)},c.offKeydown=function(u,d){return this.removeEvent("keydown",u,d)},c.offKeyup=function(u,d){return this.removeEvent("keyup",u,d)},c.keyup=function(u,d){return this.addEvent("keyup",u,d)},c.addEvent=function(u,d,p){return isArray(d)?this.on("".concat(u,".").concat(getArrangeCombi(d).join(".")),p):isString(d)?this.on("".concat(u,".").concat(d),p):this.on(u,d),this},c.removeEvent=function(u,d,p){return isArray(d)?this.off("".concat(u,".").concat(getArrangeCombi(d).join(".")),p):isString(d)?this.off("".concat(u,".").concat(d),p):this.off(u,d),this},c.triggerEvent=function(u,d){this.ctrlKey=d.ctrlKey,this.shiftKey=d.shiftKey,this.altKey=d.altKey,this.metaKey=d.metaKey;var p=getKey(d.keyCode,d.key),v=p==="ctrl"||p==="shift"||p==="meta"||p==="alt",A={key:p,isToggle:v,inputEvent:d,keyCode:d.keyCode,ctrlKey:d.ctrlKey,altKey:d.altKey,shiftKey:d.shiftKey,metaKey:d.metaKey};this.trigger(u,A),this.trigger("".concat(u,".").concat(p),A);var x=getCombi(d,p);x.length>1&&this.trigger("".concat(u,".").concat(x.join(".")),A)},s})(EventEmitter);function __spreadArrays(){for(var a=0,s=0,c=arguments.length;s<c;s++)a+=arguments[s].length;for(var u=Array(a),d=0,s=0;s<c;s++)for(var p=arguments[s],v=0,A=p.length;v<A;v++,d++)u[d]=p[v];return u}function tinyThrottle(a){return throttle(a,TINY_NUM$1)}function isSameConstants(a,s){return a.every(function(c,u){return tinyThrottle(c-s[u])===0})}function isSamePoint(a,s){return!tinyThrottle(a[0]-s[0])&&!tinyThrottle(a[1]-s[1])}function getAreaSize(a){return a.length<3?0:Math.abs(sum(a.map(function(s,c){var u=a[c+1]||a[0];return s[0]*u[1]-u[0]*s[1]})))/2}function fitPoints(a,s){var c=s.width,u=s.height,d=s.left,p=s.top,v=getMinMaxs(a),A=v.minX,x=v.minY,g=v.maxX,b=v.maxY,y=c/(g-A),f=u/(b-x);return a.map(function(m){return[d+(m[0]-A)*y,p+(m[1]-x)*f]})}function getMinMaxs(a){var s=a.map(function(u){return u[0]}),c=a.map(function(u){return u[1]});return{minX:Math.min.apply(Math,s),minY:Math.min.apply(Math,c),maxX:Math.max.apply(Math,s),maxY:Math.max.apply(Math,c)}}function isInside(a,s,c){var u=a[0],d=a[1],p=getMinMaxs(s),v=p.minX,A=p.maxX,x=[[v,d],[A,d]],g=getLinearConstants(x[0],x[1]),b=convertLines(s),y=[];if(b.forEach(function(E){var w=getLinearConstants(E[0],E[1]),S=E[0];if(isSameConstants(g,w))y.push({pos:a,line:E,type:"line"});else{var $=getPointsOnLines(getIntersectionPointsByConstants(g,w),[x,E]);$.forEach(function(T){E.some(function(I){return isSamePoint(I,T)})?y.push({pos:T,line:E,type:"point"}):tinyThrottle(S[1]-d)!==0&&y.push({pos:T,line:E,type:"intersection"})})}}),find$1(y,function(E){return E[0]===u}))return!0;var f=0,m={};return y.forEach(function(E){var w=E.pos,S=E.type,$=E.line;if(!(w[0]>u))if(S==="intersection")++f;else{if(S==="line")return;if(S==="point"){var T=find$1($,function(C){return C[1]!==d}),I=m[w[0]],_=T[1]>d?1:-1;I?I!==_&&++f:m[w[0]]=_}}}),f%2===1}function getLinearConstants(a,s){var c=a[0],u=a[1],d=s[0],p=s[1],v=d-c,A=p-u;Math.abs(v)<TINY_NUM$1&&(v=0),Math.abs(A)<TINY_NUM$1&&(A=0);var x=0,g=0,b=0;return v?A?(x=-A/v,g=1,b=-x*c-u):(g=1,b=-u):A&&(x=-1,b=c),[x,g,b]}function getIntersectionPointsByConstants(a,s){var c=a[0],u=a[1],d=a[2],p=s[0],v=s[1],A=s[2],x=c===0&&p===0,g=u===0&&v===0,b=[];if(x&&g)return[];if(x){var y=-d/u,f=-A/v;return y!==f?[]:[[-1/0,y],[1/0,y]]}else if(g){var m=-d/c,E=-A/p;return m!==E?[]:[[m,-1/0],[m,1/0]]}else if(c===0){var w=-d/u,S=-(v*w+A)/p;b=[[S,w]]}else if(p===0){var w=-A/v,S=-(u*w+d)/c;b=[[S,w]]}else if(u===0){var S=-d/c,w=-(p*S+A)/v;b=[[S,w]]}else if(v===0){var S=-A/p,w=-(c*S+d)/u;b=[[S,w]]}else{var S=(u*A-v*d)/(v*c-u*p),w=-(c*S+d)/u;b=[[S,w]]}return b.map(function($){return[$[0],$[1]]})}function getPointsOnLines(a,s){var c=s.map(function(y){return[0,1].map(function(f){return[Math.min(y[0][f],y[1][f]),Math.max(y[0][f],y[1][f])]})}),u=[];if(a.length===2){var d=a[0],p=d[0],v=d[1];if(tinyThrottle(p-a[1][0])){if(!tinyThrottle(v-a[1][1])){var g=Math.max.apply(Math,c.map(function(y){return y[0][0]})),b=Math.min.apply(Math,c.map(function(y){return y[0][1]}));if(tinyThrottle(g-b)>0)return[];u=[[g,v],[b,v]]}}else{var A=Math.max.apply(Math,c.map(function(y){return y[1][0]})),x=Math.min.apply(Math,c.map(function(y){return y[1][1]}));if(tinyThrottle(A-x)>0)return[];u=[[p,A],[p,x]]}}return u.length||(u=a.filter(function(y){var f=y[0],m=y[1];return c.every(function(E){return 0<=tinyThrottle(f-E[0][0])&&0<=tinyThrottle(E[0][1]-f)&&0<=tinyThrottle(m-E[1][0])&&0<=tinyThrottle(E[1][1]-m)})})),u.map(function(y){return[tinyThrottle(y[0]),tinyThrottle(y[1])]})}function convertLines(a){return __spreadArrays(a.slice(1),[a[0]]).map(function(s,c){return[a[c],s]})}function getOverlapPointInfos(a,s){var c=a.slice(),u=s.slice();getShapeDirection(c)===-1&&c.reverse(),getShapeDirection(u)===-1&&u.reverse();var d=convertLines(c),p=convertLines(u),v=d.map(function(b){return getLinearConstants(b[0],b[1])}),A=p.map(function(b){return getLinearConstants(b[0],b[1])}),x=[];v.forEach(function(b,y){var f=d[y],m=[];A.forEach(function(E,w){var S=getIntersectionPointsByConstants(b,E),$=getPointsOnLines(S,[f,p[w]]);m.push.apply(m,$.map(function(T){return{index1:y,index2:w,pos:T,type:"intersection"}}))}),m.sort(function(E,w){return getDist$2(f[0],E.pos)-getDist$2(f[0],w.pos)}),x.push.apply(x,m),isInside(f[1],u)&&x.push({index1:y,index2:-1,pos:f[1],type:"inside"})}),p.forEach(function(b,y){if(isInside(b[1],c)){var f=!1,m=findIndex(x,function(E){var w=E.index2;return w===y?(f=!0,!1):!!f});m===-1&&(f=!1,m=findIndex(x,function(E){var w=E.index1,S=E.index2;return w===-1&&S+1===y?(f=!0,!1):!!f})),m===-1?x.push({index1:-1,index2:y,pos:b[1],type:"inside"}):x.splice(m,0,{index1:-1,index2:y,pos:b[1],type:"inside"})}});var g={};return x.filter(function(b){var y=b.pos,f=y[0]+"x"+y[1];return g[f]?!1:(g[f]=!0,!0)})}function getOverlapPoints(a,s){var c=getOverlapPointInfos(a,s);return c.map(function(u){var d=u.pos;return d})}function getOverlapSize(a,s){var c=getOverlapPoints(a,s);return getAreaSize(c)}function add(a,s,c,u,d,p){for(var v=0;v<d;++v){var A=c+v*d,x=u+v*d;a[A]+=a[x]*p,s[A]+=s[x]*p}}function swap(a,s,c,u,d){for(var p=0;p<d;++p){var v=c+p*d,A=u+p*d,x=a[v],g=s[v];a[v]=a[A],a[A]=x,s[v]=s[A],s[A]=g}}function divide(a,s,c,u,d){for(var p=0;p<u;++p){var v=c+p*u;a[v]/=d,s[v]/=d}}function ignoreDimension(a,s,c){for(var u=a.slice(),d=0;d<c;++d)u[d*c+s-1]=0,u[(s-1)*c+d]=0;return u[(s-1)*(c+1)]=1,u}function invert(a,s){s===void 0&&(s=Math.sqrt(a.length));for(var c=a.slice(),u=createIdentityMatrix(s),d=0;d<s;++d){var p=s*d+d;if(!throttle(c[p],TINY_NUM$1)){for(var v=d+1;v<s;++v)if(c[s*d+v]){swap(c,u,d,v,s);break}}if(!throttle(c[p],TINY_NUM$1))return[];divide(c,u,d,s,c[p]);for(var v=0;v<s;++v){var A=v,x=v+d*s,g=c[x];!throttle(g,TINY_NUM$1)||d===v||add(c,u,A,d,s,-g)}}return u}function transpose(a,s){s===void 0&&(s=Math.sqrt(a.length));for(var c=[],u=0;u<s;++u)for(var d=0;d<s;++d)c[d*s+u]=a[s*u+d];return c}function getOrigin(a,s){s===void 0&&(s=Math.sqrt(a.length));for(var c=[],u=a[s*s-1],d=0;d<s-1;++d)c[d]=a[s*(s-1)+d]/u;return c[s-1]=0,c}function fromTranslation(a,s){for(var c=createIdentityMatrix(s),u=0;u<s-1;++u)c[s*(s-1)+u]=a[u]||0;return c}function convertPositionMatrix(a,s){for(var c=a.slice(),u=a.length;u<s-1;++u)c[u]=0;return c[s-1]=1,c}function convertDimension(a,s,c){if(s===void 0&&(s=Math.sqrt(a.length)),s===c)return a;for(var u=createIdentityMatrix(c),d=Math.min(s,c),p=0;p<d-1;++p){for(var v=0;v<d-1;++v)u[p*c+v]=a[p*s+v];u[(p+1)*c-1]=a[(p+1)*s-1],u[(c-1)*c+p]=a[(s-1)*s+p]}return u[c*c-1]=a[s*s-1],u}function multiplies(a){for(var s=[],c=1;c<arguments.length;c++)s[c-1]=arguments[c];var u=createIdentityMatrix(a);return s.forEach(function(d){u=multiply(u,d,a)}),u}function multiply(a,s,c){c===void 0&&(c=Math.sqrt(a.length));var u=[],d=a.length/c,p=s.length/d;if(d){if(!p)return a}else return s;for(var v=0;v<c;++v)for(var A=0;A<p;++A){u[A*c+v]=0;for(var x=0;x<d;++x)u[A*c+v]+=a[x*c+v]*s[A*d+x]}return u}function plus(a,s){for(var c=Math.min(a.length,s.length),u=a.slice(),d=0;d<c;++d)u[d]=u[d]+s[d];return u}function minus(a,s){for(var c=Math.min(a.length,s.length),u=a.slice(),d=0;d<c;++d)u[d]=u[d]-s[d];return u}function convertCSStoMatrix(a,s){return s===void 0&&(s=a.length===6),s?[a[0],a[1],0,a[2],a[3],0,a[4],a[5],1]:a}function convertMatrixtoCSS(a,s){return s===void 0&&(s=a.length===9),s?[a[0],a[1],a[3],a[4],a[6],a[7]]:a}function calculate(a,s,c){c===void 0&&(c=s.length);var u=multiply(a,s,c),d=u[c-1];return u.map(function(p){return p/d})}function rotateX3d(a,s){return multiply(a,[1,0,0,0,0,Math.cos(s),Math.sin(s),0,0,-Math.sin(s),Math.cos(s),0,0,0,0,1],4)}function rotateY3d(a,s){return multiply(a,[Math.cos(s),0,-Math.sin(s),0,0,1,0,0,Math.sin(s),0,Math.cos(s),0,0,0,0,1],4)}function rotateZ3d(a,s){return multiply(a,createRotateMatrix(s,4))}function scale3d(a,s){var c=s[0],u=c===void 0?1:c,d=s[1],p=d===void 0?1:d,v=s[2],A=v===void 0?1:v;return multiply(a,[u,0,0,0,0,p,0,0,0,0,A,0,0,0,0,1],4)}function rotate(a,s){return calculate(createRotateMatrix(s,3),convertPositionMatrix(a,3))}function translate3d(a,s){var c=s[0],u=c===void 0?0:c,d=s[1],p=d===void 0?0:d,v=s[2],A=v===void 0?0:v;return multiply(a,[1,0,0,0,0,1,0,0,0,0,1,0,u,p,A,1],4)}function matrix3d(a,s){return multiply(a,s,4)}function createRotateMatrix(a,s){var c=Math.cos(a),u=Math.sin(a),d=createIdentityMatrix(s);return d[0]=c,d[1]=u,d[s]=-u,d[s+1]=c,d}function createIdentityMatrix(a){for(var s=a*a,c=[],u=0;u<s;++u)c[u]=u%(a+1)?0:1;return c}function createScaleMatrix(a,s){for(var c=createIdentityMatrix(s),u=Math.min(a.length,s-1),d=0;d<u;++d)c[(s+1)*d]=a[d];return c}function createOriginMatrix(a,s){for(var c=createIdentityMatrix(s),u=Math.min(a.length,s-1),d=0;d<u;++d)c[s*(s-1)+d]=a[d];return c}function createWarpMatrix(a,s,c,u,d,p,v,A){var x=a[0],g=a[1],b=s[0],y=s[1],f=c[0],m=c[1],E=u[0],w=u[1],S=d[0],$=d[1],T=p[0],I=p[1],_=v[0],C=v[1],P=A[0],O=A[1],L=[x,0,b,0,f,0,E,0,g,0,y,0,m,0,w,0,1,0,1,0,1,0,1,0,0,x,0,b,0,f,0,E,0,g,0,y,0,m,0,w,0,1,0,1,0,1,0,1,-S*x,-$*x,-T*b,-I*b,-_*f,-C*f,-P*E,-O*E,-S*g,-$*g,-T*y,-I*y,-_*m,-C*m,-P*w,-O*w],B=invert(L,8);if(!B.length)return[];var F=multiply(B,[S,$,T,I,_,C,P,O],8);return F[8]=1,convertDimension(transpose(F),3,4)}var __assign$5=function(){return __assign$5=Object.assign||function(s){for(var c,u=1,d=arguments.length;u<d;u++){c=arguments[u];for(var p in c)Object.prototype.hasOwnProperty.call(c,p)&&(s[p]=c[p])}return s},__assign$5.apply(this,arguments)};function createMatrix(){return[1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1]}function parseMat(a,s){return s===void 0&&(s=0),toMat(parse(a,s))}function calculateMatrixDist(a,s){var c=calculate(a,[s[0],s[1]||0,s[2]||0,1],4),u=c[3]||1;return[c[0]/u,c[1]/u,c[2]/u]}function getDistElementMatrix(a,s){s===void 0&&(s=document.body);for(var c=a,u=createMatrix();c;){var d=getComputedStyle(c).transform;if(u=matrix3d(parseMat(d),u),c===s)break;c=c.parentElement}return u=invert(u,4),u[12]=0,u[13]=0,u[14]=0,u}function toMat(a){var s=createMatrix();return a.forEach(function(c){var u=c.matrixFunction,d=c.functionValue;u&&(s=u(s,d))}),s}function parse(a,s){s===void 0&&(s=0);var c=isArray(a)?a:splitSpace(a);return c.map(function(u){var d=splitBracket(u),p=d.prefix,v=d.value,A=null,x=p,g="";if(p==="translate"||p==="translateX"||p==="translate3d"){var b=isObject$1(s)?__assign$5(__assign$5({},s),{"o%":s["%"]}):{"%":s,"o%":s},y=splitComma(v).map(function(j,G){return G===0&&"x%"in b?b["%"]=s["x%"]:G===1&&"y%"in b?b["%"]=s["y%"]:b["%"]=s["o%"],convertUnitSize(j,b)}),f=y[0],m=y[1],E=m===void 0?0:m,w=y[2],S=w===void 0?0:w;A=translate3d,g=[f,E,S]}else if(p==="translateY"){var $=isObject$1(s)?__assign$5({"%":s["y%"]},s):{"%":s},E=convertUnitSize(v,$);A=translate3d,g=[0,E,0]}else if(p==="translateZ"){var S=parseFloat(v);A=translate3d,g=[0,0,S]}else if(p==="scale"||p==="scale3d"){var T=splitComma(v).map(function(j){return parseFloat(j)}),I=T[0],_=T[1],C=_===void 0?I:_,P=T[2],O=P===void 0?1:P;A=scale3d,g=[I,C,O]}else if(p==="scaleX"){var I=parseFloat(v);A=scale3d,g=[I,1,1]}else if(p==="scaleY"){var C=parseFloat(v);A=scale3d,g=[1,C,1]}else if(p==="scaleZ"){var O=parseFloat(v);A=scale3d,g=[1,1,O]}else if(p==="rotate"||p==="rotateZ"||p==="rotateX"||p==="rotateY"){var L=splitUnit(v),B=L.unit,F=L.value,D=B==="rad"?F:F*Math.PI/180;p==="rotate"||p==="rotateZ"?(x="rotateZ",A=rotateZ3d):p==="rotateX"?A=rotateX3d:p==="rotateY"&&(A=rotateY3d),g=D}else if(p==="matrix3d")A=matrix3d,g=splitComma(v).map(function(j){return parseFloat(j)});else if(p==="matrix"){var V=splitComma(v).map(function(j){return parseFloat(j)});A=matrix3d,g=[V[0],V[1],0,0,V[2],V[3],0,0,0,0,1,0,V[4],V[5],0,1]}else x="";return{name:p,functionName:x,value:v,matrixFunction:A,functionValue:g}})}function hash(a){for(var s=5381,c=a.length;c;)s=s*33^a.charCodeAt(--c);return s>>>0}var stringHash=hash;function getHash(a){return stringHash(a).toString(36)}function getShadowRoot$1(a){if(a&&a.getRootNode){var s=a.getRootNode();if(s.nodeType===11)return s}}function replaceStyle(a,s,c){return c.original?s:s.replace(/([^};{\s}][^};{]*|^\s*){/mg,function(u,d){var p=d.trim();return(p?splitComma(p):[""]).map(function(v){var A=v.trim();return A.indexOf("@")===0?A:A.indexOf(":global")>-1?A.replace(/\:global/g,""):A.indexOf(":host")>-1?"".concat(A.replace(/\:host/g,".".concat(a))):A?".".concat(a," ").concat(A):".".concat(a)}).join(", ")+" {"})}function injectStyle(a,s,c,u,d){var p=getDocument(u),v=p.createElement("style");return v.setAttribute("type","text/css"),v.setAttribute("data-styled-id",a),v.setAttribute("data-styled-count","1"),c.nonce&&v.setAttribute("nonce",c.nonce),v.innerHTML=replaceStyle(a,s,c),(d||p.head||p.body).appendChild(v),v}function styled$1(a){var s="rCS"+getHash(a);return{className:s,inject:function(c,u){u===void 0&&(u={});var d=getShadowRoot$1(c),p=(d||c.ownerDocument||document).querySelector('style[data-styled-id="'.concat(s,'"]'));if(!p)p=injectStyle(s,a,u,c,d);else{var v=parseFloat(p.getAttribute("data-styled-count"))||0;p.setAttribute("data-styled-count","".concat(v+1))}return{destroy:function(){var A,x=parseFloat(p.getAttribute("data-styled-count"))||0;x<=1?(p.remove?p.remove():(A=p.parentNode)===null||A===void 0||A.removeChild(p),p=null):p.setAttribute("data-styled-count","".concat(x-1))}}}}}var extendStatics$4=function(a,s){return extendStatics$4=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(c,u){c.__proto__=u}||function(c,u){for(var d in u)Object.prototype.hasOwnProperty.call(u,d)&&(c[d]=u[d])},extendStatics$4(a,s)};function __extends$4(a,s){if(typeof s!="function"&&s!==null)throw new TypeError("Class extends value "+String(s)+" is not a constructor or null");extendStatics$4(a,s);function c(){this.constructor=a}a.prototype=s===null?Object.create(s):(c.prototype=s.prototype,new c)}var __assign$4=function(){return __assign$4=Object.assign||function(s){for(var c,u=1,d=arguments.length;u<d;u++){c=arguments[u];for(var p in c)Object.prototype.hasOwnProperty.call(c,p)&&(s[p]=c[p])}return s},__assign$4.apply(this,arguments)};function __rest$2(a,s){var c={};for(var u in a)Object.prototype.hasOwnProperty.call(a,u)&&s.indexOf(u)<0&&(c[u]=a[u]);if(a!=null&&typeof Object.getOwnPropertySymbols=="function")for(var d=0,u=Object.getOwnPropertySymbols(a);d<u.length;d++)s.indexOf(u[d])<0&&Object.prototype.propertyIsEnumerable.call(a,u[d])&&(c[u[d]]=a[u[d]]);return c}function __decorate$2(a,s,c,u){var d=arguments.length,p=d<3?s:u===null?u=Object.getOwnPropertyDescriptor(s,c):u,v;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")p=Reflect.decorate(a,s,c,u);else for(var A=a.length-1;A>=0;A--)(v=a[A])&&(p=(d<3?v(p):d>3?v(s,c,p):v(s,c))||p);return d>3&&p&&Object.defineProperty(s,c,p),p}function __spreadArray$2(a,s,c){for(var u=0,d=s.length,p;u<d;u++)(p||!(u in s))&&(p||(p=Array.prototype.slice.call(s,0,u)),p[u]=s[u]);return a.concat(p||Array.prototype.slice.call(s))}function getClient(a){if("touches"in a){var s=a.touches[0]||a.changedTouches[0];return{clientX:s.clientX,clientY:s.clientY}}else return{clientX:a.clientX,clientY:a.clientY}}function filterDuplicated(a){if(typeof Map>"u")return a.filter(function(c,u){return a.indexOf(c)===u});var s=new Map;return a.filter(function(c){return s.has(c)?!1:(s.set(c,!0),!0)})}function elementFromPoint(a,s,c){var u=getDocument(a);return u.elementFromPoint&&u.elementFromPoint(s,c)||null}function createElement(a,s,c){var u=a.tag,d=a.children,p=a.attributes,v=a.className,A=a.style,x=s||getDocument(c).createElement(u);for(var g in p)x.setAttribute(g,p[g]);var b=x.children;if(d.forEach(function(f,m){createElement(f,b[m],x)}),v&&v.split(/\s+/g).forEach(function(f){f&&!hasClass(x,f)&&addClass(x,f)}),A){var y=x.style;for(var g in A)y[g]=A[g]}return!s&&c&&c.appendChild(x),x}function h(a,s){for(var c=[],u=2;u<arguments.length;u++)c[u-2]=arguments[u];var d=s||{},p=d.className,v=p===void 0?"":p,A=d.style,x=A===void 0?{}:A,g=__rest$2(d,["className","style"]);return{tag:a,className:v,style:x,attributes:g,children:c}}function diffValue(a,s,c){a!==s&&c(a,s)}function getRect$1(a,s,c){var u;c===void 0&&(c=a.data.boundArea);var d=a.distX,p=d===void 0?0:d,v=a.distY,A=v===void 0?0:v,x=a.data,g=x.startX,b=x.startY;if(s>0){var y=Math.sqrt((p*p+A*A)/(1+s*s)),f=s*y;p=(p>=0?1:-1)*f,A=(A>=0?1:-1)*y}var m=Math.abs(p),E=Math.abs(A),w=p<0?g-c.left:c.right-g,S=A<0?b-c.top:c.bottom-b;u=calculateBoundSize([m,E],[0,0],[w,S],!!s),m=u[0],E=u[1],p=(p>=0?1:-1)*m,A=(A>=0?1:-1)*E;var $=Math.min(0,p),T=Math.min(0,A),I=g+$,_=b+T;return{left:I,top:_,right:I+m,bottom:_+E,width:m,height:E}}function getDefaultElementRect(a){var s=a.getBoundingClientRect(),c=s.left,u=s.top,d=s.width,p=s.height;return{pos1:[c,u],pos2:[c+d,u],pos3:[c,u+p],pos4:[c+d,u+p]}}function passTargets(a,s,c){var u=diff(a,s),d=u.list,p=u.prevList,v=u.added,A=u.removed,x=u.maintained;return __spreadArray$2(__spreadArray$2(__spreadArray$2([],v.map(function(g){return d[g]}),!0),A.map(function(g){return p[g]}),!0),c?x.map(function(g){var b=g[1];return d[b]}):[])}function getLineSize(a){for(var s=0,c=a.length,u=1;u<c;++u)s=Math.max(getDist$2(a[u],a[u-1]),s);return s}var injector=styled$1(`
 :host {
     position: fixed;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pdfme/ui",
-  "version": "5.5.5-dev.1",
+  "version": "5.5.5",
   "sideEffects": false,
   "author": "hand-dot",
   "license": "MIT",

package/src/components/Designer/RightSidebar/DetailView/index.tsx

@@ -87,9 +87,7 @@ const DetailView = (props: DetailViewProps) => {
       });
     }
     setWidgets(newWidgets);
-  }, [activeSchema, pluginsRegistry, JSON.stringify(options)]);
-
-  useEffect(() => form.resetFields(), [activeSchema.id]);
+  }, [activeSchema, options, pluginsRegistry, props, token, typedI18n]);
 
   useEffect(() => {
     // Create a type-safe copy of the schema with editable property
@@ -98,7 +96,9 @@ const DetailView = (props: DetailViewProps) => {
     const readOnly = typeof values.readOnly === 'boolean' ? values.readOnly : false;
     values.editable = !readOnly;
     form.setValues(values);
-  }, [activeSchema]);
+  }, [activeSchema, form]);
+
+  useEffect(() => form.resetFields(), [activeSchema.id, form]);
 
   useEffect(() => {
     uniqueSchemaName.current = (value: string): boolean => {