@univerjs/sheets-conditional-formatting-ui 0.6.10 → 0.7.0-beta.0

package/lib/cjs/index.js

@@ -1,153 +1,80 @@
-"use strict";var xr=Object.defineProperty;var Ir=(e,t,n)=>t in e?xr(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n;var Ie=(e,t,n)=>Ir(e,typeof t!="symbol"?t+"":t,n);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("@univerjs/core"),c=require("@univerjs/sheets-conditional-formatting"),X=require("@univerjs/sheets"),ee=require("@univerjs/ui"),x=require("react/jsx-runtime"),j=require("react"),J=require("@univerjs/design"),Yt=require("@univerjs/engine-formula"),fe=require("@univerjs/sheets-ui"),Zt=require("react-dom"),Se=require("rxjs"),dt=require("@univerjs/sheets-formula-ui"),nr=require("@univerjs/engine-render"),it=require("rxjs/operators"),Jt={type:w.CommandType.COMMAND,id:"sheet.command.add-average-conditional-rule",handler(e,t){if(!t)return!1;const{ranges:n,style:r,stopIfTrue:o,operator:i}=t,u=e.get(c.ConditionalFormattingRuleModel),y=e.get(w.ICommandService),h=e.get(w.IUniverInstanceService),R=X.getSheetCommandTarget(h);if(!R)return!1;const{unitId:v,subUnitId:S}=R,_=u.createCfId(v,S),I={ranges:n,cfId:_,stopIfTrue:!!o,rule:{type:c.CFRuleType.highlightCell,subType:c.CFSubRuleType.average,operator:i,style:r}};return y.executeCommand(c.AddConditionalRuleMutation.id,{unitId:v,subUnitId:S,rule:I})}},Qt={type:w.CommandType.COMMAND,id:"sheet.command.add-color-scale-conditional-rule",handler(e,t){if(!t)return!1;const{ranges:n,config:r,stopIfTrue:o}=t,i=e.get(c.ConditionalFormattingRuleModel),u=e.get(w.ICommandService),y=e.get(w.IUniverInstanceService),h=X.getSheetCommandTarget(y);if(!h)return!1;const{unitId:R,subUnitId:v}=h,S=i.createCfId(R,v),_={ranges:n,cfId:S,stopIfTrue:!!o,rule:{type:c.CFRuleType.colorScale,config:r}};return u.executeCommand(c.AddConditionalRuleMutation.id,{unitId:R,subUnitId:v,rule:_})}},en={type:w.CommandType.COMMAND,id:"sheet.command.add-data-bar-conditional-rule",handler(e,t){if(!t)return!1;const{ranges:n,min:r,max:o,nativeColor:i,positiveColor:u,isGradient:y,stopIfTrue:h,isShowValue:R}=t,v=e.get(c.ConditionalFormattingRuleModel),S=e.get(w.IUniverInstanceService),_=X.getSheetCommandTarget(S);if(!_)return!1;const{unitId:I,subUnitId:T}=_,b=e.get(w.ICommandService),p=v.createCfId(I,T),a={ranges:n,cfId:p,stopIfTrue:!!h,rule:{type:c.CFRuleType.dataBar,isShowValue:R,config:{min:r,max:o,nativeColor:i,positiveColor:u,isGradient:y}}};return b.executeCommand(c.AddConditionalRuleMutation.id,{unitId:I,subUnitId:T,rule:a})}},tn={type:w.CommandType.COMMAND,id:"sheet.command.add-duplicate-values-conditional-rule",handler(e,t){if(!t)return!1;const{ranges:n,style:r,stopIfTrue:o}=t,i=e.get(c.ConditionalFormattingRuleModel),u=e.get(w.ICommandService),y=e.get(w.IUniverInstanceService),h=X.getSheetCommandTarget(y);if(!h)return!1;const{unitId:R,subUnitId:v}=h,S=i.createCfId(R,v),_={ranges:n,cfId:S,stopIfTrue:!!o,rule:{type:c.CFRuleType.highlightCell,subType:c.CFSubRuleType.duplicateValues,style:r}};return u.executeCommand(c.AddConditionalRuleMutation.id,{unitId:R,subUnitId:v,rule:_})}},nn={type:w.CommandType.COMMAND,id:"sheet.command.add-number-conditional-rule",handler(e,t){if(!t)return!1;const{ranges:n,style:r,stopIfTrue:o,operator:i,value:u}=t,y=e.get(c.ConditionalFormattingRuleModel),h=e.get(w.ICommandService),R=e.get(w.IUniverInstanceService),v=X.getSheetCommandTarget(R);if(!v)return!1;const{unitId:S,subUnitId:_}=v,I=y.createCfId(S,_);let T;if([c.CFNumberOperator.between,c.CFNumberOperator.notBetween].includes(i)){const b=u;if(b.length!==2||!Array.isArray(b))return!1;T={ranges:n,cfId:I,stopIfTrue:!!o,rule:{type:c.CFRuleType.highlightCell,subType:c.CFSubRuleType.number,operator:i,style:r,value:b}}}else{const b=u;if(typeof b!="number")return!1;T={ranges:n,cfId:I,stopIfTrue:!!o,rule:{type:c.CFRuleType.highlightCell,subType:c.CFSubRuleType.number,operator:i,style:r,value:b}}}return h.executeCommand(c.AddConditionalRuleMutation.id,{unitId:S,subUnitId:_,rule:T})}},rn={type:w.CommandType.COMMAND,id:"sheet.command.add-rank-conditional-rule",handler(e,t){if(!t)return!1;const{ranges:n,style:r,stopIfTrue:o,isPercent:i,isBottom:u,value:y}=t,h=e.get(c.ConditionalFormattingRuleModel),R=e.get(w.IUniverInstanceService),v=e.get(w.ICommandService),S=X.getSheetCommandTarget(R);if(!S)return!1;const{unitId:_,subUnitId:I}=S,T=h.createCfId(_,I),b={ranges:n,cfId:T,stopIfTrue:!!o,rule:{type:c.CFRuleType.highlightCell,subType:c.CFSubRuleType.rank,isPercent:i,isBottom:u,style:r,value:y}};return v.executeCommand(c.AddConditionalRuleMutation.id,{unitId:_,subUnitId:I,rule:b})}},on={type:w.CommandType.COMMAND,id:"sheet.command.add-text-conditional-rule",handler(e,t){if(!t)return!1;const{ranges:n,style:r,stopIfTrue:o,operator:i,value:u}=t,y=e.get(c.ConditionalFormattingRuleModel),h=e.get(w.IUniverInstanceService),R=X.getSheetCommandTarget(h);if(!R)return!1;const{unitId:v,subUnitId:S}=R,_=e.get(w.ICommandService),I=y.createCfId(v,S),T={ranges:n,cfId:I,stopIfTrue:!!o,rule:{type:c.CFRuleType.highlightCell,subType:c.CFSubRuleType.text,operator:i,style:r,value:u}};return _.executeCommand(c.AddConditionalRuleMutation.id,{unitId:v,subUnitId:S,rule:T})}},an={type:w.CommandType.COMMAND,id:"sheet.command.add-time-period-conditional-rule",handler(e,t){if(!t)return!1;const{ranges:n,style:r,stopIfTrue:o,operator:i}=t,u=e.get(c.ConditionalFormattingRuleModel),y=e.get(w.IUniverInstanceService),h=e.get(w.ICommandService),R=X.getSheetCommandTarget(y);if(!R)return!1;const{unitId:v,subUnitId:S}=R,_=u.createCfId(v,S),I={ranges:n,cfId:_,stopIfTrue:!!o,rule:{type:c.CFRuleType.highlightCell,subType:c.CFSubRuleType.timePeriod,operator:i,style:r}};return h.executeCommand(c.AddConditionalRuleMutation.id,{unitId:v,subUnitId:S,rule:I})}},sn={type:w.CommandType.COMMAND,id:"sheet.command.add-uniqueValues-conditional-rule",handler(e,t){if(!t)return!1;const{ranges:n,style:r,stopIfTrue:o}=t,i=e.get(c.ConditionalFormattingRuleModel),u=e.get(w.IUniverInstanceService),y=e.get(w.ICommandService),h=X.getSheetCommandTarget(u);if(!h)return!1;const{unitId:R,subUnitId:v}=h,S=i.createCfId(R,v),_={ranges:n,cfId:S,stopIfTrue:!!o,rule:{type:c.CFRuleType.highlightCell,subType:c.CFSubRuleType.uniqueValues,style:r}};return y.executeCommand(c.AddConditionalRuleMutation.id,{unitId:R,subUnitId:v,rule:_})}},_r="univer-conditional-formatting-wrap",Er="univer-title",Or="univer-label",Pr="univer-label-container",Dr="univer-m-t-base",Fr="univer-m-t-sm",Mr="univer-m-t-xl",Nr="univer-m-l-sm",jr="univer-m-l-xl",Lr="univer-m-l-xxs",Ur="univer-m-l-0",Vr="univer-m-r-0",z={conditionalFormattingWrap:_r,title:Er,label:Or,labelContainer:Pr,mTBase:Dr,mTSm:Fr,mTXl:Mr,mLSm:Nr,mLXl:jr,mLXxs:Lr,mL0:Ur,mR0:Vr};var Ce=function(){return Ce=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++){t=arguments[n];for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o])}return e},Ce.apply(this,arguments)},zr=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var o=0,r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]]);return n},ke=j.forwardRef(function(e,t){var n=e.icon,r=e.id,o=e.className,i=e.extend,u=zr(e,["icon","id","className","extend"]),y="univerjs-icon univerjs-icon-".concat(r," ").concat(o||"").trim(),h=j.useRef("_".concat(Ar()));return rr(n,"".concat(r),{defIds:n.defIds,idSuffix:h.current},Ce({ref:t,className:y},u),i)});function rr(e,t,n,r,o){return j.createElement(e.tag,Ce(Ce({key:t},$r(e,n,o)),r),(kr(e,n).children||[]).map(function(i,u){return rr(i,"".concat(t,"-").concat(e.tag,"-").concat(u),n,void 0,o)}))}function $r(e,t,n){var r=Ce({},e.attrs);n!=null&&n.colorChannel1&&r.fill==="colorChannel1"&&(r.fill=n.colorChannel1),e.tag==="mask"&&r.id&&(r.id=r.id+t.idSuffix),Object.entries(r).forEach(function(i){var u=i[0],y=i[1];u==="mask"&&typeof y=="string"&&(r[u]=y.replace(/url\(#(.*)\)/,"url(#$1".concat(t.idSuffix,")")))});var o=t.defIds;return!o||o.length===0||(e.tag==="use"&&r["xlink:href"]&&(r["xlink:href"]=r["xlink:href"]+t.idSuffix),Object.entries(r).forEach(function(i){var u=i[0],y=i[1];typeof y=="string"&&(r[u]=y.replace(/url\(#(.*)\)/,"url(#$1".concat(t.idSuffix,")")))})),r}function kr(e,t){var n,r=t.defIds;return!r||r.length===0?e:e.tag==="defs"&&(!((n=e.children)===null||n===void 0)&&n.length)?Ce(Ce({},e),{children:e.children.map(function(o){return typeof o.attrs.id=="string"&&r&&r.indexOf(o.attrs.id)>-1?Ce(Ce({},o),{attrs:Ce(Ce({},o.attrs),{id:o.attrs.id+t.idSuffix})}):o})}):e}function Ar(){return Math.random().toString(36).substring(2,8)}ke.displayName="UniverIcon";var qr={tag:"svg",attrs:{fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M5.3313 1.4667C5.3313 1.13533 5.59993.866699 5.9313.866699H10.069C10.4004.866699 10.669 1.13533 10.669 1.4667 10.669 1.79807 10.4004 2.0667 10.069 2.0667H5.9313C5.59993 2.0667 5.3313 1.79807 5.3313 1.4667zM1.09985 3.64443C1.09985 3.31306 1.36848 3.04443 1.69985 3.04443H14.2999C14.6312 3.04443 14.8999 3.31306 14.8999 3.64443 14.8999 3.9758 14.6312 4.24443 14.2999 4.24443H1.69985C1.36848 4.24443 1.09985 3.9758 1.09985 3.64443zM6.12398 8.30171C6.35829 8.0674 6.73819 8.0674 6.97251 8.30171L8.00007 9.32928 9.02764 8.30171C9.26195 8.0674 9.64185 8.0674 9.87617 8.30171 10.1105 8.53603 10.1105 8.91593 9.87617 9.15024L8.8486 10.1778 9.87617 11.2054C10.1105 11.4397 10.1105 11.8196 9.87617 12.0539 9.64185 12.2882 9.26195 12.2882 9.02764 12.0539L8.00007 11.0263 6.97251 12.0539C6.73819 12.2882 6.35829 12.2882 6.12398 12.0539 5.88966 11.8196 5.88966 11.4397 6.12398 11.2054L7.15154 10.1778 6.12398 9.15024C5.88966 8.91593 5.88966 8.53603 6.12398 8.30171z"}},{tag:"path",attrs:{fill:"currentColor",d:"M4.75332 5.22217C3.86966 5.22217 3.15332 5.93851 3.15332 6.82217V12.5331C3.15332 13.9691 4.31738 15.1332 5.75332 15.1332H10.2465C11.6825 15.1332 12.8465 13.9691 12.8465 12.5331V6.82217C12.8465 5.93851 12.1302 5.22217 11.2465 5.22217H4.75332ZM4.35332 6.82217C4.35332 6.60125 4.53241 6.42217 4.75332 6.42217H11.2465C11.4674 6.42217 11.6465 6.60125 11.6465 6.82217V12.5331C11.6465 13.3063 11.0197 13.9332 10.2465 13.9332H5.75332C4.98012 13.9332 4.35332 13.3063 4.35332 12.5331V6.82217Z",fillRule:"evenodd",clipRule:"evenodd"}}]},xt=j.forwardRef(function(e,t){return j.createElement(ke,Object.assign({},e,{id:"delete-single",ref:t,icon:qr}))});xt.displayName="DeleteSingle";var Wr={tag:"svg",attrs:{fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M8.6 1.99991C8.60001 1.66854 8.33138 1.39991 8.00001 1.3999C7.66864 1.3999 7.40001 1.66853 7.4 1.9999L7.39996 7.3999H1.9999C1.66853 7.3999 1.3999 7.66853 1.3999 7.9999C1.3999 8.33127 1.66853 8.5999 1.9999 8.5999H7.39995L7.3999 13.9999C7.3999 14.3313 7.66853 14.5999 7.9999 14.5999C8.33127 14.5999 8.5999 14.3313 8.5999 13.9999L8.59995 8.5999H13.9999C14.3313 8.5999 14.5999 8.33127 14.5999 7.9999C14.5999 7.66853 14.3313 7.3999 13.9999 7.3999H8.59996L8.6 1.99991Z"}}]},or=j.forwardRef(function(e,t){return j.createElement(ke,Object.assign({},e,{id:"increase-single",ref:t,icon:Wr}))});or.displayName="IncreaseSingle";var Hr={tag:"svg",attrs:{fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M11.3536 6.14645C11.5488 6.34171 11.5488 6.65829 11.3536 6.85355L8.35355 9.85355C8.15829 10.0488 7.84171 10.0488 7.64645 9.85355L4.64645 6.85355C4.45118 6.65829 4.45118 6.34171 4.64645 6.14645C4.84171 5.95118 5.15829 5.95118 5.35355 6.14645L8 8.79289L10.6464 6.14645C10.8417 5.95118 11.1583 5.95118 11.3536 6.14645Z",fillRule:"evenodd",clipRule:"evenodd"}}]},Nt=j.forwardRef(function(e,t){return j.createElement(ke,Object.assign({},e,{id:"more-down-single",ref:t,icon:Hr}))});Nt.displayName="MoreDownSingle";var Br={tag:"svg",attrs:{fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"mask",attrs:{id:"mask0_622_8",style:{maskType:"alpha"},width:16,height:16,x:0,y:0,maskUnits:"userSpaceOnUse"},children:[{tag:"path",attrs:{fill:"#D9D9D9",d:"M0 0H16V16H0z"}}]},{tag:"g",attrs:{fill:"currentColor",mask:"url(#mask0_622_8)"},children:[{tag:"path",attrs:{d:"M6 5C6.55228 5 7 4.55228 7 4 7 3.44772 6.55228 3 6 3 5.44772 3 5 3.44772 5 4 5 4.55228 5.44772 5 6 5zM6 9C6.55228 9 7 8.55229 7 8 7 7.44772 6.55228 7 6 7 5.44772 7 5 7.44772 5 8 5 8.55229 5.44772 9 6 9zM7 12C7 12.5523 6.55228 13 6 13 5.44772 13 5 12.5523 5 12 5 11.4477 5.44772 11 6 11 6.55228 11 7 11.4477 7 12zM10 5C10.5523 5 11 4.55228 11 4 11 3.44772 10.5523 3 10 3 9.44771 3 9 3.44772 9 4 9 4.55228 9.44771 5 10 5zM11 8C11 8.55229 10.5523 9 10 9 9.44771 9 9 8.55229 9 8 9 7.44772 9.44771 7 10 7 10.5523 7 11 7.44772 11 8zM10 13C10.5523 13 11 12.5523 11 12 11 11.4477 10.5523 11 10 11 9.44771 11 9 11.4477 9 12 9 12.5523 9.44771 13 10 13z"}}]}]},ir=j.forwardRef(function(e,t){return j.createElement(ke,Object.assign({},e,{id:"sequence-single",ref:t,icon:Br}))});ir.displayName="SequenceSingle";var Gr={tag:"svg",attrs:{fill:"none",viewBox:"0 0 17 17",width:"1em",height:"1em"},children:[{tag:"mask",attrs:{id:"mask0_436_41",style:{maskType:"alpha"},width:17,height:17,x:0,y:0,maskUnits:"userSpaceOnUse"},children:[{tag:"path",attrs:{fill:"#D9D9D9",d:"M0.35 0.48H16.35V16.48H0.35z"}}]},{tag:"g",attrs:{mask:"url(#mask0_436_41)",fillRule:"evenodd",clipRule:"evenodd"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M2.27177 13.714L13.5855 2.40025L14.434 3.24878L3.1203 14.5625L2.27177 13.714Z"}},{tag:"path",attrs:{fill:"#E5E5E5",d:"M4.2603 1.82495L2.89617 1.82495C2.23343 1.82495 1.69617 2.36221 1.69617 3.02495L1.69617 4.38908L3.02617 4.38908L3.02617 3.15495L4.2603 3.15495L4.2603 1.82495ZM15.0092 4.38908L15.0092 3.02495C15.0092 2.36221 14.4719 1.82495 13.8092 1.82495L12.4451 1.82495L12.4451 3.15495L13.6792 3.15495L13.6792 4.38908L15.0092 4.38908ZM6.98856 1.82495L6.98856 3.15495L9.71681 3.15495L9.71681 1.82495L6.98856 1.82495ZM15.0092 7.11734L13.6792 7.11734L13.6792 9.84559L15.0092 9.84559L15.0092 7.11734ZM15.0092 12.5739L13.6792 12.5739L13.6792 13.808L12.4451 13.808L12.4451 15.138L13.8092 15.138C14.4719 15.138 15.0092 14.6007 15.0092 13.938L15.0092 12.5739ZM9.71681 15.138L9.71681 13.808L6.98856 13.808L6.98856 15.138L9.71681 15.138ZM4.2603 15.138L4.2603 13.808L3.02617 13.808L3.02617 12.5739L1.69617 12.5739L1.69617 13.938C1.69617 14.6007 2.23343 15.138 2.89617 15.138L4.2603 15.138ZM1.69617 9.8456L3.02617 9.8456L3.02617 7.11734L1.69617 7.11734L1.69617 9.8456Z"}}]}]},ft=j.forwardRef(function(e,t){return j.createElement(ke,Object.assign({},e,{id:"slash-single",ref:t,icon:Gr}))});ft.displayName="SlashSingle";function Xr(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}function ar(e){if(Object.prototype.hasOwnProperty.call(e,"__esModule"))return e;var t=e.default;if(typeof t=="function"){var n=function r(){return this instanceof r?Reflect.construct(t,arguments,this.constructor):t.apply(this,arguments)};n.prototype=t.prototype}else n={};return Object.defineProperty(n,"__esModule",{value:!0}),Object.keys(e).forEach(function(r){var o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(n,r,o.get?o:{enumerable:!0,get:function(){return e[r]}})}),n}var Vt={exports:{}},We={},ot={exports:{}},Yr=ot.exports,hn;function ln(){return hn||(hn=1,function(e,t){(function(n,r){r(t)})(Yr,function(n){function r(A){return function(ae,O,P,M,V,H,k){return A(ae,O,k)}}function o(A){return function(ae,O,P,M){if(!ae||!O||typeof ae!="object"||typeof O!="object")return A(ae,O,P,M);var V=M.get(ae),H=M.get(O);if(V&&H)return V===O&&H===ae;M.set(ae,O),M.set(O,ae);var k=A(ae,O,P,M);return M.delete(ae),M.delete(O),k}}function i(A,K){var ae={};for(var O in A)ae[O]=A[O];for(var O in K)ae[O]=K[O];return ae}function u(A){return A.constructor===Object||A.constructor==null}function y(A){return typeof A.then=="function"}function h(A,K){return A===K||A!==A&&K!==K}var R="[object Arguments]",v="[object Boolean]",S="[object Date]",_="[object RegExp]",I="[object Map]",T="[object Number]",b="[object Object]",p="[object Set]",a="[object String]",s=Object.prototype.toString;function f(A){var K=A.areArraysEqual,ae=A.areDatesEqual,O=A.areMapsEqual,P=A.areObjectsEqual,M=A.areRegExpsEqual,V=A.areSetsEqual,H=A.createIsNestedEqual,k=H(Z);function Z(G,te,ce){if(G===te)return!0;if(!G||!te||typeof G!="object"||typeof te!="object")return G!==G&&te!==te;if(u(G)&&u(te))return P(G,te,k,ce);var Pe=Array.isArray(G),ye=Array.isArray(te);if(Pe||ye)return Pe===ye&&K(G,te,k,ce);var ge=s.call(G);return ge!==s.call(te)?!1:ge===S?ae(G,te,k,ce):ge===_?M(G,te,k,ce):ge===I?O(G,te,k,ce):ge===p?V(G,te,k,ce):ge===b||ge===R?y(G)||y(te)?!1:P(G,te,k,ce):ge===v||ge===T||ge===a?h(G.valueOf(),te.valueOf()):!1}return Z}function C(A,K,ae,O){var P=A.length;if(K.length!==P)return!1;for(;P-- >0;)if(!ae(A[P],K[P],P,P,A,K,O))return!1;return!0}var l=o(C);function m(A,K){return h(A.valueOf(),K.valueOf())}function d(A,K,ae,O){var P=A.size===K.size;if(!P)return!1;if(!A.size)return!0;var M={},V=0;return A.forEach(function(H,k){if(P){var Z=!1,G=0;K.forEach(function(te,ce){!Z&&!M[G]&&(Z=ae(k,ce,V,G,A,K,O)&&ae(H,te,k,ce,A,K,O))&&(M[G]=!0),G++}),V++,P=Z}}),P}var g=o(d),D="_owner",F=Object.prototype.hasOwnProperty;function L(A,K,ae,O){var P=Object.keys(A),M=P.length;if(Object.keys(K).length!==M)return!1;for(var V;M-- >0;){if(V=P[M],V===D){var H=!!A.$$typeof,k=!!K.$$typeof;if((H||k)&&H!==k)return!1}if(!F.call(K,V)||!ae(A[V],K[V],V,V,A,K,O))return!1}return!0}var U=o(L);function E(A,K){return A.source===K.source&&A.flags===K.flags}function N(A,K,ae,O){var P=A.size===K.size;if(!P)return!1;if(!A.size)return!0;var M={};return A.forEach(function(V,H){if(P){var k=!1,Z=0;K.forEach(function(G,te){!k&&!M[Z]&&(k=ae(V,G,H,te,A,K,O))&&(M[Z]=!0),Z++}),P=k}}),P}var q=o(N),B=Object.freeze({areArraysEqual:C,areDatesEqual:m,areMapsEqual:d,areObjectsEqual:L,areRegExpsEqual:E,areSetsEqual:N,createIsNestedEqual:r}),Y=Object.freeze({areArraysEqual:l,areDatesEqual:m,areMapsEqual:g,areObjectsEqual:U,areRegExpsEqual:E,areSetsEqual:q,createIsNestedEqual:r}),ie=f(B);function re(A,K){return ie(A,K,void 0)}var le=f(i(B,{createIsNestedEqual:function(){return h}}));function $(A,K){return le(A,K,void 0)}var Q=f(Y);function ne(A,K){return Q(A,K,new WeakMap)}var se=f(i(Y,{createIsNestedEqual:function(){return h}}));function de(A,K){return se(A,K,new WeakMap)}function he(A){return f(i(B,A(B)))}function be(A){var K=f(i(Y,A(Y)));return function(ae,O,P){return P===void 0&&(P=new WeakMap),K(ae,O,P)}}n.circularDeepEqual=ne,n.circularShallowEqual=de,n.createCustomCircularEqual=be,n.createCustomEqual=he,n.deepEqual=re,n.sameValueZeroEqual=h,n.shallowEqual=$,Object.defineProperty(n,"__esModule",{value:!0})})}(ot,ot.exports)),ot.exports}var mt={exports:{}},mn;function un(){if(mn)return mt.exports;mn=1;function e(n){var r,o,i="";if(typeof n=="string"||typeof n=="number")i+=n;else if(typeof n=="object")if(Array.isArray(n)){var u=n.length;for(r=0;r<u;r++)n[r]&&(o=e(n[r]))&&(i&&(i+=" "),i+=o)}else for(o in n)n[o]&&(i&&(i+=" "),i+=o);return i}function t(){for(var n,r,o=0,i="",u=arguments.length;o<u;o++)(n=arguments[o])&&(r=e(n))&&(i&&(i+=" "),i+=r);return i}return mt.exports=t,mt.exports.clsx=t,mt.exports}var oe={},zt,gn;function Kr(){return gn||(gn=1,zt=function(t,n,r){return t===n?!0:t.className===n.className&&r(t.style,n.style)&&t.width===n.width&&t.autoSize===n.autoSize&&t.cols===n.cols&&t.draggableCancel===n.draggableCancel&&t.draggableHandle===n.draggableHandle&&r(t.verticalCompact,n.verticalCompact)&&r(t.compactType,n.compactType)&&r(t.layout,n.layout)&&r(t.margin,n.margin)&&r(t.containerPadding,n.containerPadding)&&t.rowHeight===n.rowHeight&&t.maxRows===n.maxRows&&t.isBounded===n.isBounded&&t.isDraggable===n.isDraggable&&t.isResizable===n.isResizable&&t.allowOverlap===n.allowOverlap&&t.preventCollision===n.preventCollision&&t.useCSSTransforms===n.useCSSTransforms&&t.transformScale===n.transformScale&&t.isDroppable===n.isDroppable&&r(t.resizeHandles,n.resizeHandles)&&r(t.resizeHandle,n.resizeHandle)&&t.onLayoutChange===n.onLayoutChange&&t.onDragStart===n.onDragStart&&t.onDrag===n.onDrag&&t.onDragStop===n.onDragStop&&t.onResizeStart===n.onResizeStart&&t.onResize===n.onResize&&t.onResizeStop===n.onResizeStop&&t.onDrop===n.onDrop&&r(t.droppingItem,n.droppingItem)&&r(t.innerRef,n.innerRef)}),zt}var vn;function Ae(){if(vn)return oe;vn=1,Object.defineProperty(oe,"__esModule",{value:!0}),oe.bottom=r,oe.childrenEqual=h,oe.cloneLayout=o,oe.cloneLayoutItem=y,oe.collides=v,oe.compact=S,oe.compactItem=T,oe.compactType=A,oe.correctBounds=b,oe.fastPositionEqual=R,oe.fastRGLPropsEqual=void 0,oe.getAllCollisions=s,oe.getFirstCollision=a,oe.getLayoutItem=p,oe.getStatics=f,oe.modifyLayout=i,oe.moveElement=C,oe.moveElementAwayFromCollision=l,oe.noop=void 0,oe.perc=m,oe.resizeItemInDirection=le,oe.setTopLeft=Q,oe.setTransform=$,oe.sortLayoutItems=ne,oe.sortLayoutItemsByColRow=de,oe.sortLayoutItemsByRowCol=se,oe.synchronizeLayoutWithChildren=he,oe.validateLayout=be,oe.withLayoutItem=u;var e=ln(),t=n(j);function n(O){return O&&O.__esModule?O:{default:O}}function r(O){let P=0,M;for(let V=0,H=O.length;V<H;V++)M=O[V].y+O[V].h,M>P&&(P=M);return P}function o(O){const P=Array(O.length);for(let M=0,V=O.length;M<V;M++)P[M]=y(O[M]);return P}function i(O,P){const M=Array(O.length);for(let V=0,H=O.length;V<H;V++)P.i===O[V].i?M[V]=P:M[V]=O[V];return M}function u(O,P,M){let V=p(O,P);return V?(V=M(y(V)),O=i(O,V),[O,V]):[O,null]}function y(O){return{w:O.w,h:O.h,x:O.x,y:O.y,i:O.i,minW:O.minW,maxW:O.maxW,minH:O.minH,maxH:O.maxH,moved:!!O.moved,static:!!O.static,isDraggable:O.isDraggable,isResizable:O.isResizable,resizeHandles:O.resizeHandles,isBounded:O.isBounded}}function h(O,P){return(0,e.deepEqual)(t.default.Children.map(O,M=>M==null?void 0:M.key),t.default.Children.map(P,M=>M==null?void 0:M.key))&&(0,e.deepEqual)(t.default.Children.map(O,M=>M==null?void 0:M.props["data-grid"]),t.default.Children.map(P,M=>M==null?void 0:M.props["data-grid"]))}oe.fastRGLPropsEqual=Kr();function R(O,P){return O.left===P.left&&O.top===P.top&&O.width===P.width&&O.height===P.height}function v(O,P){return!(O.i===P.i||O.x+O.w<=P.x||O.x>=P.x+P.w||O.y+O.h<=P.y||O.y>=P.y+P.h)}function S(O,P,M,V){const H=f(O),k=ne(O,P),Z=Array(O.length);for(let G=0,te=k.length;G<te;G++){let ce=y(k[G]);ce.static||(ce=T(H,ce,P,M,k,V),H.push(ce)),Z[O.indexOf(k[G])]=ce,ce.moved=!1}return Z}const _={x:"w",y:"h"};function I(O,P,M,V){const H=_[V];P[V]+=1;const k=O.map(Z=>Z.i).indexOf(P.i);for(let Z=k+1;Z<O.length;Z++){const G=O[Z];if(!G.static){if(G.y>P.y+P.h)break;v(P,G)&&I(O,G,M+P[H],V)}}P[V]=M}function T(O,P,M,V,H,k){const Z=M==="vertical",G=M==="horizontal";if(Z)for(P.y=Math.min(r(O),P.y);P.y>0&&!a(O,P);)P.y--;else if(G)for(;P.x>0&&!a(O,P);)P.x--;let te;for(;(te=a(O,P))&&!(M===null&&k);)if(G?I(H,P,te.x+te.w,"x"):I(H,P,te.y+te.h,"y"),G&&P.x+P.w>V)for(P.x=V-P.w,P.y++;P.x>0&&!a(O,P);)P.x--;return P.y=Math.max(P.y,0),P.x=Math.max(P.x,0),P}function b(O,P){const M=f(O);for(let V=0,H=O.length;V<H;V++){const k=O[V];if(k.x+k.w>P.cols&&(k.x=P.cols-k.w),k.x<0&&(k.x=0,k.w=P.cols),!k.static)M.push(k);else for(;a(M,k);)k.y++}return O}function p(O,P){for(let M=0,V=O.length;M<V;M++)if(O[M].i===P)return O[M]}function a(O,P){for(let M=0,V=O.length;M<V;M++)if(v(O[M],P))return O[M]}function s(O,P){return O.filter(M=>v(M,P))}function f(O){return O.filter(P=>P.static)}function C(O,P,M,V,H,k,Z,G,te){if(P.static&&P.isDraggable!==!0||P.y===V&&P.x===M)return O;`${P.i}${String(M)}${String(V)}${P.x}${P.y}`;const ce=P.x,Pe=P.y;typeof M=="number"&&(P.x=M),typeof V=="number"&&(P.y=V),P.moved=!0;let ye=ne(O,Z);(Z==="vertical"&&typeof V=="number"?Pe>=V:Z==="horizontal"&&typeof M=="number"?ce>=M:!1)&&(ye=ye.reverse());const je=s(ye,P),ht=je.length>0;if(ht&&te)return o(O);if(ht&&k)return`${P.i}`,P.x=ce,P.y=Pe,P.moved=!1,O;for(let Ut=0,wr=je.length;Ut<wr;Ut++){const De=je[Ut];`${P.i}${P.x}${P.y}${De.i}${De.x}${De.y}`,!De.moved&&(De.static?O=l(O,De,P,H,Z):O=l(O,P,De,H,Z))}return O}function l(O,P,M,V,H,k){const Z=H==="horizontal",G=H==="vertical",te=P.static;if(V){V=!1;const ye={x:Z?Math.max(P.x-M.w,0):M.x,y:G?Math.max(P.y-M.h,0):M.y,w:M.w,h:M.h,i:"-1"},ge=a(O,ye),je=ge&&ge.y+ge.h>P.y,ht=ge&&P.x+P.w>ge.x;if(ge){if(je&&G)return C(O,M,void 0,P.y+1,V,te,H);if(je&&H==null)return P.y=M.y,M.y=M.y+M.h,O;if(ht&&Z)return C(O,P,M.x,void 0,V,te,H)}else return`${M.i}${ye.x}${ye.y}`,C(O,M,Z?ye.x:void 0,G?ye.y:void 0,V,te,H)}const ce=Z?M.x+1:void 0,Pe=G?M.y+1:void 0;return ce==null&&Pe==null?O:C(O,M,Z?M.x+1:void 0,G?M.y+1:void 0,V,te,H)}function m(O){return O*100+"%"}const d=(O,P,M,V)=>O+M>V?P:M,g=(O,P,M)=>O<0?P:M,D=O=>Math.max(0,O),F=O=>Math.max(0,O),L=(O,P,M)=>{let{left:V,height:H,width:k}=P;const Z=O.top-(H-O.height);return{left:V,width:k,height:g(Z,O.height,H),top:F(Z)}},U=(O,P,M)=>{let{top:V,left:H,height:k,width:Z}=P;return{top:V,height:k,width:d(O.left,O.width,Z,M),left:D(H)}},E=(O,P,M)=>{let{top:V,height:H,width:k}=P;const Z=O.left-(k-O.width);return{height:H,width:Z<0?O.width:d(O.left,O.width,k,M),top:F(V),left:D(Z)}},N=(O,P,M)=>{let{top:V,left:H,height:k,width:Z}=P;return{width:Z,left:H,height:g(V,O.height,k),top:F(V)}},re={n:L,ne:function(){return L(arguments.length<=0?void 0:arguments[0],U(...arguments))},e:U,se:function(){return N(arguments.length<=0?void 0:arguments[0],U(...arguments))},s:N,sw:function(){return N(arguments.length<=0?void 0:arguments[0],E(...arguments))},w:E,nw:function(){return L(arguments.length<=0?void 0:arguments[0],E(...arguments))}};function le(O,P,M,V){const H=re[O];return H?H(P,{...P,...M},V):M}function $(O){let{top:P,left:M,width:V,height:H}=O;const k=`translate(${M}px,${P}px)`;return{transform:k,WebkitTransform:k,MozTransform:k,msTransform:k,OTransform:k,width:`${V}px`,height:`${H}px`,position:"absolute"}}function Q(O){let{top:P,left:M,width:V,height:H}=O;return{top:`${P}px`,left:`${M}px`,width:`${V}px`,height:`${H}px`,position:"absolute"}}function ne(O,P){return P==="horizontal"?de(O):P==="vertical"?se(O):O}function se(O){return O.slice(0).sort(function(P,M){return P.y>M.y||P.y===M.y&&P.x>M.x?1:P.y===M.y&&P.x===M.x?0:-1})}function de(O){return O.slice(0).sort(function(P,M){return P.x>M.x||P.x===M.x&&P.y>M.y?1:-1})}function he(O,P,M,V,H){O=O||[];const k=[];t.default.Children.forEach(P,G=>{if((G==null?void 0:G.key)==null)return;const te=p(O,String(G.key)),ce=G.props["data-grid"];te&&ce==null?k.push(y(te)):ce?k.push(y({...ce,i:G.key})):k.push(y({w:1,h:1,x:0,y:r(k),i:String(G.key)}))});const Z=b(k,{cols:M});return H?Z:S(Z,V,M)}function be(O){let P=arguments.length>1&&arguments[1]!==void 0?arguments[1]:"Layout";const M=["x","y","w","h"];if(!Array.isArray(O))throw new Error(P+" must be an array!");for(let V=0,H=O.length;V<H;V++){const k=O[V];for(let Z=0;Z<M.length;Z++){const G=M[Z],te=k[G];if(typeof te!="number"||Number.isNaN(te))throw new Error(`ReactGridLayout: ${P}[${V}].${G} must be a number! Received: ${te} (${typeof te})`)}if(typeof k.i<"u"&&typeof k.i!="string")throw new Error(`ReactGridLayout: ${P}[${V}].i must be a string! Received: ${k.i} (${typeof k.i})`)}}function A(O){const{verticalCompact:P,compactType:M}=O||{};return P===!1?null:M}function K(){}const ae=()=>{};return oe.noop=ae,oe}var Te={},yn;function cn(){if(yn)return Te;yn=1,Object.defineProperty(Te,"__esModule",{value:!0}),Te.calcGridColWidth=e,Te.calcGridItemPosition=n,Te.calcGridItemWHPx=t,Te.calcWH=o,Te.calcXY=r,Te.clamp=i;function e(u){const{margin:y,containerPadding:h,containerWidth:R,cols:v}=u;return(R-y[0]*(v-1)-h[0]*2)/v}function t(u,y,h){return Number.isFinite(u)?Math.round(y*u+Math.max(0,u-1)*h):u}function n(u,y,h,R,v,S){const{margin:_,containerPadding:I,rowHeight:T}=u,b=e(u),p={};return S&&S.resizing?(p.width=Math.round(S.resizing.width),p.height=Math.round(S.resizing.height)):(p.width=t(R,b,_[0]),p.height=t(v,T,_[1])),S&&S.dragging?(p.top=Math.round(S.dragging.top),p.left=Math.round(S.dragging.left)):S&&S.resizing&&typeof S.resizing.top=="number"&&typeof S.resizing.left=="number"?(p.top=Math.round(S.resizing.top),p.left=Math.round(S.resizing.left)):(p.top=Math.round((T+_[1])*h+I[1]),p.left=Math.round((b+_[0])*y+I[0])),p}function r(u,y,h,R,v){const{margin:S,containerPadding:_,cols:I,rowHeight:T,maxRows:b}=u,p=e(u);let a=Math.round((h-_[0])/(p+S[0])),s=Math.round((y-_[1])/(T+S[1]));return a=i(a,0,I-R),s=i(s,0,b-v),{x:a,y:s}}function o(u,y,h,R,v,S){const{margin:_,maxRows:I,cols:T,rowHeight:b}=u,p=e(u);let a=Math.round((y+_[0])/(p+_[0])),s=Math.round((h+_[1])/(b+_[1])),f=i(a,0,T-R),C=i(s,0,I-v);return["sw","w","nw"].indexOf(S)!==-1&&(f=i(a,0,T)),["nw","n","ne"].indexOf(S)!==-1&&(C=i(s,0,I)),{w:f,h:C}}function i(u,y,h){return Math.max(Math.min(u,h),y)}return Te}var He={},$t={exports:{}},kt,Cn;function Zr(){if(Cn)return kt;Cn=1;var e="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";return kt=e,kt}var At,bn;function Jr(){if(bn)return At;bn=1;var e=Zr();function t(){}function n(){}return n.resetWarningCache=t,At=function(){function r(u,y,h,R,v,S){if(S!==e){var _=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw _.name="Invariant Violation",_}}r.isRequired=r;function o(){return r}var i={array:r,bigint:r,bool:r,func:r,number:r,object:r,string:r,symbol:r,any:r,arrayOf:o,element:r,elementType:r,instanceOf:o,node:r,objectOf:o,oneOf:o,oneOfType:o,shape:o,exact:o,checkPropTypes:n,resetWarningCache:t};return i.PropTypes=i,i},At}var Sn;function Oe(){return Sn||(Sn=1,$t.exports=Jr()()),$t.exports}var Be={exports:{}},qt={};function sr(e){var t,n,r="";if(typeof e=="string"||typeof e=="number")r+=e;else if(typeof e=="object")if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(n=sr(e[t]))&&(r&&(r+=" "),r+=n);else for(t in e)e[t]&&(r&&(r+=" "),r+=t);return r}function Rn(){for(var e,t,n=0,r="";n<arguments.length;)(e=arguments[n++])&&(t=sr(e))&&(r&&(r+=" "),r+=t);return r}const Qr=Object.freeze(Object.defineProperty({__proto__:null,clsx:Rn,default:Rn},Symbol.toStringTag,{value:"Module"})),eo=ar(Qr);var pe={},_e={},Tn;function jt(){if(Tn)return _e;Tn=1,Object.defineProperty(_e,"__esModule",{value:!0}),_e.dontSetMe=o,_e.findInArray=e,_e.int=r,_e.isFunction=t,_e.isNum=n;function e(i,u){for(let y=0,h=i.length;y<h;y++)if(u.apply(u,[i[y],y,i]))return i[y]}function t(i){return typeof i=="function"||Object.prototype.toString.call(i)==="[object Function]"}function n(i){return typeof i=="number"&&!isNaN(i)}function r(i){return parseInt(i,10)}function o(i,u,y){if(i[u])return new Error("Invalid prop ".concat(u," passed to ").concat(y," - do not set this, set it on the child."))}return _e}var Ee={},wn;function to(){if(wn)return Ee;wn=1,Object.defineProperty(Ee,"__esModule",{value:!0}),Ee.browserPrefixToKey=n,Ee.browserPrefixToStyle=r,Ee.default=void 0,Ee.getPrefix=t;const e=["Moz","Webkit","O","ms"];function t(){var i;let u=arguments.length>0&&arguments[0]!==void 0?arguments[0]:"transform";if(typeof window>"u")return"";const y=(i=window.document)===null||i===void 0||(i=i.documentElement)===null||i===void 0?void 0:i.style;if(!y||u in y)return"";for(let h=0;h<e.length;h++)if(n(u,e[h])in y)return e[h];return""}function n(i,u){return u?"".concat(u).concat(o(i)):i}function r(i,u){return u?"-".concat(u.toLowerCase(),"-").concat(i):i}function o(i){let u="",y=!0;for(let h=0;h<i.length;h++)y?(u+=i[h].toUpperCase(),y=!1):i[h]==="-"?y=!0:u+=i[h];return u}return Ee.default=t(),Ee}var xn;function dn(){if(xn)return pe;xn=1,Object.defineProperty(pe,"__esModule",{value:!0}),pe.addClassName=l,pe.addEvent=y,pe.addUserSelectStyles=f,pe.createCSSTransform=T,pe.createSVGTransform=b,pe.getTouch=a,pe.getTouchIdentifier=s,pe.getTranslation=p,pe.innerHeight=S,pe.innerWidth=_,pe.matchesSelector=i,pe.matchesSelectorAndParentsTo=u,pe.offsetXYFromParent=I,pe.outerHeight=R,pe.outerWidth=v,pe.removeClassName=m,pe.removeEvent=h,pe.removeUserSelectStyles=C;var e=jt(),t=r(to());function n(d){if(typeof WeakMap!="function")return null;var g=new WeakMap,D=new WeakMap;return(n=function(F){return F?D:g})(d)}function r(d,g){if(d&&d.__esModule)return d;if(d===null||typeof d!="object"&&typeof d!="function")return{default:d};var D=n(g);if(D&&D.has(d))return D.get(d);var F={},L=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var U in d)if(U!=="default"&&Object.prototype.hasOwnProperty.call(d,U)){var E=L?Object.getOwnPropertyDescriptor(d,U):null;E&&(E.get||E.set)?Object.defineProperty(F,U,E):F[U]=d[U]}return F.default=d,D&&D.set(d,F),F}let o="";function i(d,g){return o||(o=(0,e.findInArray)(["matches","webkitMatchesSelector","mozMatchesSelector","msMatchesSelector","oMatchesSelector"],function(D){return(0,e.isFunction)(d[D])})),(0,e.isFunction)(d[o])?d[o](g):!1}function u(d,g,D){let F=d;do{if(i(F,g))return!0;if(F===D)return!1;F=F.parentNode}while(F);return!1}function y(d,g,D,F){if(!d)return;const L={capture:!0,...F};d.addEventListener?d.addEventListener(g,D,L):d.attachEvent?d.attachEvent("on"+g,D):d["on"+g]=D}function h(d,g,D,F){if(!d)return;const L={capture:!0,...F};d.removeEventListener?d.removeEventListener(g,D,L):d.detachEvent?d.detachEvent("on"+g,D):d["on"+g]=null}function R(d){let g=d.clientHeight;const D=d.ownerDocument.defaultView.getComputedStyle(d);return g+=(0,e.int)(D.borderTopWidth),g+=(0,e.int)(D.borderBottomWidth),g}function v(d){let g=d.clientWidth;const D=d.ownerDocument.defaultView.getComputedStyle(d);return g+=(0,e.int)(D.borderLeftWidth),g+=(0,e.int)(D.borderRightWidth),g}function S(d){let g=d.clientHeight;const D=d.ownerDocument.defaultView.getComputedStyle(d);return g-=(0,e.int)(D.paddingTop),g-=(0,e.int)(D.paddingBottom),g}function _(d){let g=d.clientWidth;const D=d.ownerDocument.defaultView.getComputedStyle(d);return g-=(0,e.int)(D.paddingLeft),g-=(0,e.int)(D.paddingRight),g}function I(d,g,D){const L=g===g.ownerDocument.body?{left:0,top:0}:g.getBoundingClientRect(),U=(d.clientX+g.scrollLeft-L.left)/D,E=(d.clientY+g.scrollTop-L.top)/D;return{x:U,y:E}}function T(d,g){const D=p(d,g,"px");return{[(0,t.browserPrefixToKey)("transform",t.default)]:D}}function b(d,g){return p(d,g,"")}function p(d,g,D){let{x:F,y:L}=d,U="translate(".concat(F).concat(D,",").concat(L).concat(D,")");if(g){const E="".concat(typeof g.x=="string"?g.x:g.x+D),N="".concat(typeof g.y=="string"?g.y:g.y+D);U="translate(".concat(E,", ").concat(N,")")+U}return U}function a(d,g){return d.targetTouches&&(0,e.findInArray)(d.targetTouches,D=>g===D.identifier)||d.changedTouches&&(0,e.findInArray)(d.changedTouches,D=>g===D.identifier)}function s(d){if(d.targetTouches&&d.targetTouches[0])return d.targetTouches[0].identifier;if(d.changedTouches&&d.changedTouches[0])return d.changedTouches[0].identifier}function f(d){if(!d)return;let g=d.getElementById("react-draggable-style-el");g||(g=d.createElement("style"),g.type="text/css",g.id="react-draggable-style-el",g.innerHTML=`.react-draggable-transparent-selection *::-moz-selection {all: inherit;}
-`,g.innerHTML+=`.react-draggable-transparent-selection *::selection {all: inherit;}
-`,d.getElementsByTagName("head")[0].appendChild(g)),d.body&&l(d.body,"react-draggable-transparent-selection")}function C(d){if(d)try{if(d.body&&m(d.body,"react-draggable-transparent-selection"),d.selection)d.selection.empty();else{const g=(d.defaultView||window).getSelection();g&&g.type!=="Caret"&&g.removeAllRanges()}}catch{}}function l(d,g){d.classList?d.classList.add(g):d.className.match(new RegExp("(?:^|\\s)".concat(g,"(?!\\S)")))||(d.className+=" ".concat(g))}function m(d,g){d.classList?d.classList.remove(g):d.className=d.className.replace(new RegExp("(?:^|\\s)".concat(g,"(?!\\S)"),"g"),"")}return pe}var Re={},In;function lr(){if(In)return Re;In=1,Object.defineProperty(Re,"__esModule",{value:!0}),Re.canDragX=o,Re.canDragY=i,Re.createCoreData=y,Re.createDraggableData=h,Re.getBoundPosition=n,Re.getControlPosition=u,Re.snapToGrid=r;var e=jt(),t=dn();function n(S,_,I){if(!S.props.bounds)return[_,I];let{bounds:T}=S.props;T=typeof T=="string"?T:R(T);const b=v(S);if(typeof T=="string"){const{ownerDocument:p}=b,a=p.defaultView;let s;if(T==="parent"?s=b.parentNode:s=p.querySelector(T),!(s instanceof a.HTMLElement))throw new Error('Bounds selector "'+T+'" could not find an element.');const f=s,C=a.getComputedStyle(b),l=a.getComputedStyle(f);T={left:-b.offsetLeft+(0,e.int)(l.paddingLeft)+(0,e.int)(C.marginLeft),top:-b.offsetTop+(0,e.int)(l.paddingTop)+(0,e.int)(C.marginTop),right:(0,t.innerWidth)(f)-(0,t.outerWidth)(b)-b.offsetLeft+(0,e.int)(l.paddingRight)-(0,e.int)(C.marginRight),bottom:(0,t.innerHeight)(f)-(0,t.outerHeight)(b)-b.offsetTop+(0,e.int)(l.paddingBottom)-(0,e.int)(C.marginBottom)}}return(0,e.isNum)(T.right)&&(_=Math.min(_,T.right)),(0,e.isNum)(T.bottom)&&(I=Math.min(I,T.bottom)),(0,e.isNum)(T.left)&&(_=Math.max(_,T.left)),(0,e.isNum)(T.top)&&(I=Math.max(I,T.top)),[_,I]}function r(S,_,I){const T=Math.round(_/S[0])*S[0],b=Math.round(I/S[1])*S[1];return[T,b]}function o(S){return S.props.axis==="both"||S.props.axis==="x"}function i(S){return S.props.axis==="both"||S.props.axis==="y"}function u(S,_,I){const T=typeof _=="number"?(0,t.getTouch)(S,_):null;if(typeof _=="number"&&!T)return null;const b=v(I),p=I.props.offsetParent||b.offsetParent||b.ownerDocument.body;return(0,t.offsetXYFromParent)(T||S,p,I.props.scale)}function y(S,_,I){const T=!(0,e.isNum)(S.lastX),b=v(S);return T?{node:b,deltaX:0,deltaY:0,lastX:_,lastY:I,x:_,y:I}:{node:b,deltaX:_-S.lastX,deltaY:I-S.lastY,lastX:S.lastX,lastY:S.lastY,x:_,y:I}}function h(S,_){const I=S.props.scale;return{node:_.node,x:S.state.x+_.deltaX/I,y:S.state.y+_.deltaY/I,deltaX:_.deltaX/I,deltaY:_.deltaY/I,lastX:S.state.x,lastY:S.state.y}}function R(S){return{left:S.left,top:S.top,right:S.right,bottom:S.bottom}}function v(S){const _=S.findDOMNode();if(!_)throw new Error("<DraggableCore>: Unmounted during event!");return _}return Re}var Ge={},gt={},_n;function ur(){if(_n)return gt;_n=1,Object.defineProperty(gt,"__esModule",{value:!0}),gt.default=e;function e(){}return gt}var En;function no(){if(En)return Ge;En=1,Object.defineProperty(Ge,"__esModule",{value:!0}),Ge.default=void 0;var e=R(j),t=y(Oe()),n=y(Zt),r=dn(),o=lr(),i=jt(),u=y(ur());function y(p){return p&&p.__esModule?p:{default:p}}function h(p){if(typeof WeakMap!="function")return null;var a=new WeakMap,s=new WeakMap;return(h=function(f){return f?s:a})(p)}function R(p,a){if(p&&p.__esModule)return p;if(p===null||typeof p!="object"&&typeof p!="function")return{default:p};var s=h(a);if(s&&s.has(p))return s.get(p);var f={},C=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in p)if(l!=="default"&&Object.prototype.hasOwnProperty.call(p,l)){var m=C?Object.getOwnPropertyDescriptor(p,l):null;m&&(m.get||m.set)?Object.defineProperty(f,l,m):f[l]=p[l]}return f.default=p,s&&s.set(p,f),f}function v(p,a,s){return a=S(a),a in p?Object.defineProperty(p,a,{value:s,enumerable:!0,configurable:!0,writable:!0}):p[a]=s,p}function S(p){var a=_(p,"string");return typeof a=="symbol"?a:String(a)}function _(p,a){if(typeof p!="object"||p===null)return p;var s=p[Symbol.toPrimitive];if(s!==void 0){var f=s.call(p,a);if(typeof f!="object")return f;throw new TypeError("@@toPrimitive must return a primitive value.")}return(a==="string"?String:Number)(p)}const I={touch:{start:"touchstart",move:"touchmove",stop:"touchend"},mouse:{start:"mousedown",move:"mousemove",stop:"mouseup"}};let T=I.mouse,b=class extends e.Component{constructor(){super(...arguments),v(this,"dragging",!1),v(this,"lastX",NaN),v(this,"lastY",NaN),v(this,"touchIdentifier",null),v(this,"mounted",!1),v(this,"handleDragStart",a=>{if(this.props.onMouseDown(a),!this.props.allowAnyClick&&typeof a.button=="number"&&a.button!==0)return!1;const s=this.findDOMNode();if(!s||!s.ownerDocument||!s.ownerDocument.body)throw new Error("<DraggableCore> not mounted on DragStart!");const{ownerDocument:f}=s;if(this.props.disabled||!(a.target instanceof f.defaultView.Node)||this.props.handle&&!(0,r.matchesSelectorAndParentsTo)(a.target,this.props.handle,s)||this.props.cancel&&(0,r.matchesSelectorAndParentsTo)(a.target,this.props.cancel,s))return;a.type==="touchstart"&&a.preventDefault();const C=(0,r.getTouchIdentifier)(a);this.touchIdentifier=C;const l=(0,o.getControlPosition)(a,C,this);if(l==null)return;const{x:m,y:d}=l,g=(0,o.createCoreData)(this,m,d);(0,u.default)("DraggableCore: handleDragStart: %j",g),(0,u.default)("calling",this.props.onStart),!(this.props.onStart(a,g)===!1||this.mounted===!1)&&(this.props.enableUserSelectHack&&(0,r.addUserSelectStyles)(f),this.dragging=!0,this.lastX=m,this.lastY=d,(0,r.addEvent)(f,T.move,this.handleDrag),(0,r.addEvent)(f,T.stop,this.handleDragStop))}),v(this,"handleDrag",a=>{const s=(0,o.getControlPosition)(a,this.touchIdentifier,this);if(s==null)return;let{x:f,y:C}=s;if(Array.isArray(this.props.grid)){let d=f-this.lastX,g=C-this.lastY;if([d,g]=(0,o.snapToGrid)(this.props.grid,d,g),!d&&!g)return;f=this.lastX+d,C=this.lastY+g}const l=(0,o.createCoreData)(this,f,C);if((0,u.default)("DraggableCore: handleDrag: %j",l),this.props.onDrag(a,l)===!1||this.mounted===!1){try{this.handleDragStop(new MouseEvent("mouseup"))}catch{const g=document.createEvent("MouseEvents");g.initMouseEvent("mouseup",!0,!0,window,0,0,0,0,0,!1,!1,!1,!1,0,null),this.handleDragStop(g)}return}this.lastX=f,this.lastY=C}),v(this,"handleDragStop",a=>{if(!this.dragging)return;const s=(0,o.getControlPosition)(a,this.touchIdentifier,this);if(s==null)return;let{x:f,y:C}=s;if(Array.isArray(this.props.grid)){let g=f-this.lastX||0,D=C-this.lastY||0;[g,D]=(0,o.snapToGrid)(this.props.grid,g,D),f=this.lastX+g,C=this.lastY+D}const l=(0,o.createCoreData)(this,f,C);if(this.props.onStop(a,l)===!1||this.mounted===!1)return!1;const d=this.findDOMNode();d&&this.props.enableUserSelectHack&&(0,r.removeUserSelectStyles)(d.ownerDocument),(0,u.default)("DraggableCore: handleDragStop: %j",l),this.dragging=!1,this.lastX=NaN,this.lastY=NaN,d&&((0,u.default)("DraggableCore: Removing handlers"),(0,r.removeEvent)(d.ownerDocument,T.move,this.handleDrag),(0,r.removeEvent)(d.ownerDocument,T.stop,this.handleDragStop))}),v(this,"onMouseDown",a=>(T=I.mouse,this.handleDragStart(a))),v(this,"onMouseUp",a=>(T=I.mouse,this.handleDragStop(a))),v(this,"onTouchStart",a=>(T=I.touch,this.handleDragStart(a))),v(this,"onTouchEnd",a=>(T=I.touch,this.handleDragStop(a)))}componentDidMount(){this.mounted=!0;const a=this.findDOMNode();a&&(0,r.addEvent)(a,I.touch.start,this.onTouchStart,{passive:!1})}componentWillUnmount(){this.mounted=!1;const a=this.findDOMNode();if(a){const{ownerDocument:s}=a;(0,r.removeEvent)(s,I.mouse.move,this.handleDrag),(0,r.removeEvent)(s,I.touch.move,this.handleDrag),(0,r.removeEvent)(s,I.mouse.stop,this.handleDragStop),(0,r.removeEvent)(s,I.touch.stop,this.handleDragStop),(0,r.removeEvent)(a,I.touch.start,this.onTouchStart,{passive:!1}),this.props.enableUserSelectHack&&(0,r.removeUserSelectStyles)(s)}}findDOMNode(){var a,s;return(a=this.props)!==null&&a!==void 0&&a.nodeRef?(s=this.props)===null||s===void 0||(s=s.nodeRef)===null||s===void 0?void 0:s.current:n.default.findDOMNode(this)}render(){return e.cloneElement(e.Children.only(this.props.children),{onMouseDown:this.onMouseDown,onMouseUp:this.onMouseUp,onTouchEnd:this.onTouchEnd})}};return Ge.default=b,v(b,"displayName","DraggableCore"),v(b,"propTypes",{allowAnyClick:t.default.bool,children:t.default.node.isRequired,disabled:t.default.bool,enableUserSelectHack:t.default.bool,offsetParent:function(p,a){if(p[a]&&p[a].nodeType!==1)throw new Error("Draggable's offsetParent must be a DOM Node.")},grid:t.default.arrayOf(t.default.number),handle:t.default.string,cancel:t.default.string,nodeRef:t.default.object,onStart:t.default.func,onDrag:t.default.func,onStop:t.default.func,onMouseDown:t.default.func,scale:t.default.number,className:i.dontSetMe,style:i.dontSetMe,transform:i.dontSetMe}),v(b,"defaultProps",{allowAnyClick:!1,disabled:!1,enableUserSelectHack:!0,onStart:function(){},onDrag:function(){},onStop:function(){},onMouseDown:function(){},scale:1}),Ge}var On;function ro(){return On||(On=1,function(e){Object.defineProperty(e,"__esModule",{value:!0}),Object.defineProperty(e,"DraggableCore",{enumerable:!0,get:function(){return h.default}}),e.default=void 0;var t=_(j),n=v(Oe()),r=v(Zt),o=v(eo),i=dn(),u=lr(),y=jt(),h=v(no()),R=v(ur());function v(s){return s&&s.__esModule?s:{default:s}}function S(s){if(typeof WeakMap!="function")return null;var f=new WeakMap,C=new WeakMap;return(S=function(l){return l?C:f})(s)}function _(s,f){if(s&&s.__esModule)return s;if(s===null||typeof s!="object"&&typeof s!="function")return{default:s};var C=S(f);if(C&&C.has(s))return C.get(s);var l={},m=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var d in s)if(d!=="default"&&Object.prototype.hasOwnProperty.call(s,d)){var g=m?Object.getOwnPropertyDescriptor(s,d):null;g&&(g.get||g.set)?Object.defineProperty(l,d,g):l[d]=s[d]}return l.default=s,C&&C.set(s,l),l}function I(){return I=Object.assign?Object.assign.bind():function(s){for(var f=1;f<arguments.length;f++){var C=arguments[f];for(var l in C)Object.prototype.hasOwnProperty.call(C,l)&&(s[l]=C[l])}return s},I.apply(this,arguments)}function T(s,f,C){return f=b(f),f in s?Object.defineProperty(s,f,{value:C,enumerable:!0,configurable:!0,writable:!0}):s[f]=C,s}function b(s){var f=p(s,"string");return typeof f=="symbol"?f:String(f)}function p(s,f){if(typeof s!="object"||s===null)return s;var C=s[Symbol.toPrimitive];if(C!==void 0){var l=C.call(s,f);if(typeof l!="object")return l;throw new TypeError("@@toPrimitive must return a primitive value.")}return(f==="string"?String:Number)(s)}class a extends t.Component{static getDerivedStateFromProps(f,C){let{position:l}=f,{prevPropsPosition:m}=C;return l&&(!m||l.x!==m.x||l.y!==m.y)?((0,R.default)("Draggable: getDerivedStateFromProps %j",{position:l,prevPropsPosition:m}),{x:l.x,y:l.y,prevPropsPosition:{...l}}):null}constructor(f){super(f),T(this,"onDragStart",(C,l)=>{if((0,R.default)("Draggable: onDragStart: %j",l),this.props.onStart(C,(0,u.createDraggableData)(this,l))===!1)return!1;this.setState({dragging:!0,dragged:!0})}),T(this,"onDrag",(C,l)=>{if(!this.state.dragging)return!1;(0,R.default)("Draggable: onDrag: %j",l);const m=(0,u.createDraggableData)(this,l),d={x:m.x,y:m.y,slackX:0,slackY:0};if(this.props.bounds){const{x:D,y:F}=d;d.x+=this.state.slackX,d.y+=this.state.slackY;const[L,U]=(0,u.getBoundPosition)(this,d.x,d.y);d.x=L,d.y=U,d.slackX=this.state.slackX+(D-d.x),d.slackY=this.state.slackY+(F-d.y),m.x=d.x,m.y=d.y,m.deltaX=d.x-this.state.x,m.deltaY=d.y-this.state.y}if(this.props.onDrag(C,m)===!1)return!1;this.setState(d)}),T(this,"onDragStop",(C,l)=>{if(!this.state.dragging||this.props.onStop(C,(0,u.createDraggableData)(this,l))===!1)return!1;(0,R.default)("Draggable: onDragStop: %j",l);const d={dragging:!1,slackX:0,slackY:0};if(!!this.props.position){const{x:D,y:F}=this.props.position;d.x=D,d.y=F}this.setState(d)}),this.state={dragging:!1,dragged:!1,x:f.position?f.position.x:f.defaultPosition.x,y:f.position?f.position.y:f.defaultPosition.y,prevPropsPosition:{...f.position},slackX:0,slackY:0,isElementSVG:!1},f.position&&!(f.onDrag||f.onStop)&&console.warn("A `position` was applied to this <Draggable>, without drag handlers. This will make this component effectively undraggable. Please attach `onDrag` or `onStop` handlers so you can adjust the `position` of this element.")}componentDidMount(){typeof window.SVGElement<"u"&&this.findDOMNode()instanceof window.SVGElement&&this.setState({isElementSVG:!0})}componentWillUnmount(){this.setState({dragging:!1})}findDOMNode(){var f,C;return(f=(C=this.props)===null||C===void 0||(C=C.nodeRef)===null||C===void 0?void 0:C.current)!==null&&f!==void 0?f:r.default.findDOMNode(this)}render(){const{axis:f,bounds:C,children:l,defaultPosition:m,defaultClassName:d,defaultClassNameDragging:g,defaultClassNameDragged:D,position:F,positionOffset:L,scale:U,...E}=this.props;let N={},q=null;const Y=!!!F||this.state.dragging,ie=F||m,re={x:(0,u.canDragX)(this)&&Y?this.state.x:ie.x,y:(0,u.canDragY)(this)&&Y?this.state.y:ie.y};this.state.isElementSVG?q=(0,i.createSVGTransform)(re,L):N=(0,i.createCSSTransform)(re,L);const le=(0,o.default)(l.props.className||"",d,{[g]:this.state.dragging,[D]:this.state.dragged});return t.createElement(h.default,I({},E,{onStart:this.onDragStart,onDrag:this.onDrag,onStop:this.onDragStop}),t.cloneElement(t.Children.only(l),{className:le,style:{...l.props.style,...N},transform:q}))}}e.default=a,T(a,"displayName","Draggable"),T(a,"propTypes",{...h.default.propTypes,axis:n.default.oneOf(["both","x","y","none"]),bounds:n.default.oneOfType([n.default.shape({left:n.default.number,right:n.default.number,top:n.default.number,bottom:n.default.number}),n.default.string,n.default.oneOf([!1])]),defaultClassName:n.default.string,defaultClassNameDragging:n.default.string,defaultClassNameDragged:n.default.string,defaultPosition:n.default.shape({x:n.default.number,y:n.default.number}),positionOffset:n.default.shape({x:n.default.oneOfType([n.default.number,n.default.string]),y:n.default.oneOfType([n.default.number,n.default.string])}),position:n.default.shape({x:n.default.number,y:n.default.number}),className:y.dontSetMe,style:y.dontSetMe,transform:y.dontSetMe}),T(a,"defaultProps",{...h.default.defaultProps,axis:"both",bounds:!1,defaultClassName:"react-draggable",defaultClassNameDragging:"react-draggable-dragging",defaultClassNameDragged:"react-draggable-dragged",defaultPosition:{x:0,y:0},scale:1})}(qt)),qt}var Pn;function fn(){if(Pn)return Be.exports;Pn=1;const{default:e,DraggableCore:t}=ro();return Be.exports=e,Be.exports.default=e,Be.exports.DraggableCore=t,Be.exports}var Xe={exports:{}},Ye={},vt={},Dn;function oo(){if(Dn)return vt;Dn=1,vt.__esModule=!0,vt.cloneElement=y;var e=t(j);function t(h){return h&&h.__esModule?h:{default:h}}function n(h,R){var v=Object.keys(h);if(Object.getOwnPropertySymbols){var S=Object.getOwnPropertySymbols(h);R&&(S=S.filter(function(_){return Object.getOwnPropertyDescriptor(h,_).enumerable})),v.push.apply(v,S)}return v}function r(h){for(var R=1;R<arguments.length;R++){var v=arguments[R]!=null?arguments[R]:{};R%2?n(Object(v),!0).forEach(function(S){o(h,S,v[S])}):Object.getOwnPropertyDescriptors?Object.defineProperties(h,Object.getOwnPropertyDescriptors(v)):n(Object(v)).forEach(function(S){Object.defineProperty(h,S,Object.getOwnPropertyDescriptor(v,S))})}return h}function o(h,R,v){return R=i(R),R in h?Object.defineProperty(h,R,{value:v,enumerable:!0,configurable:!0,writable:!0}):h[R]=v,h}function i(h){var R=u(h,"string");return typeof R=="symbol"?R:String(R)}function u(h,R){if(typeof h!="object"||h===null)return h;var v=h[Symbol.toPrimitive];if(v!==void 0){var S=v.call(h,R);if(typeof S!="object")return S;throw new TypeError("@@toPrimitive must return a primitive value.")}return(R==="string"?String:Number)(h)}function y(h,R){return R.style&&h.props.style&&(R.style=r(r({},h.props.style),R.style)),R.className&&h.props.className&&(R.className=h.props.className+" "+R.className),e.default.cloneElement(h,R)}return vt}var Ke={},Fn;function cr(){if(Fn)return Ke;Fn=1,Ke.__esModule=!0,Ke.resizableProps=void 0;var e=t(Oe());fn();function t(r){return r&&r.__esModule?r:{default:r}}var n={axis:e.default.oneOf(["both","x","y","none"]),className:e.default.string,children:e.default.element.isRequired,draggableOpts:e.default.shape({allowAnyClick:e.default.bool,cancel:e.default.string,children:e.default.node,disabled:e.default.bool,enableUserSelectHack:e.default.bool,offsetParent:e.default.node,grid:e.default.arrayOf(e.default.number),handle:e.default.string,nodeRef:e.default.object,onStart:e.default.func,onDrag:e.default.func,onStop:e.default.func,onMouseDown:e.default.func,scale:e.default.number}),height:function(){for(var o=arguments.length,i=new Array(o),u=0;u<o;u++)i[u]=arguments[u];var y=i[0];if(y.axis==="both"||y.axis==="y"){var h;return(h=e.default.number).isRequired.apply(h,i)}return e.default.number.apply(e.default,i)},handle:e.default.oneOfType([e.default.node,e.default.func]),handleSize:e.default.arrayOf(e.default.number),lockAspectRatio:e.default.bool,maxConstraints:e.default.arrayOf(e.default.number),minConstraints:e.default.arrayOf(e.default.number),onResizeStop:e.default.func,onResizeStart:e.default.func,onResize:e.default.func,resizeHandles:e.default.arrayOf(e.default.oneOf(["s","w","e","n","sw","nw","se","ne"])),transformScale:e.default.number,width:function(){for(var o=arguments.length,i=new Array(o),u=0;u<o;u++)i[u]=arguments[u];var y=i[0];if(y.axis==="both"||y.axis==="x"){var h;return(h=e.default.number).isRequired.apply(h,i)}return e.default.number.apply(e.default,i)}};return Ke.resizableProps=n,Ke}var Mn;function dr(){if(Mn)return Ye;Mn=1,Ye.__esModule=!0,Ye.default=void 0;var e=u(j),t=fn(),n=oo(),r=cr(),o=["children","className","draggableOpts","width","height","handle","handleSize","lockAspectRatio","axis","minConstraints","maxConstraints","onResize","onResizeStop","onResizeStart","resizeHandles","transformScale"];function i(a){if(typeof WeakMap!="function")return null;var s=new WeakMap,f=new WeakMap;return(i=function(l){return l?f:s})(a)}function u(a,s){if(a&&a.__esModule)return a;if(a===null||typeof a!="object"&&typeof a!="function")return{default:a};var f=i(s);if(f&&f.has(a))return f.get(a);var C={},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var m in a)if(m!=="default"&&Object.prototype.hasOwnProperty.call(a,m)){var d=l?Object.getOwnPropertyDescriptor(a,m):null;d&&(d.get||d.set)?Object.defineProperty(C,m,d):C[m]=a[m]}return C.default=a,f&&f.set(a,C),C}function y(){return y=Object.assign?Object.assign.bind():function(a){for(var s=1;s<arguments.length;s++){var f=arguments[s];for(var C in f)Object.prototype.hasOwnProperty.call(f,C)&&(a[C]=f[C])}return a},y.apply(this,arguments)}function h(a,s){if(a==null)return{};var f={},C=Object.keys(a),l,m;for(m=0;m<C.length;m++)l=C[m],!(s.indexOf(l)>=0)&&(f[l]=a[l]);return f}function R(a,s){var f=Object.keys(a);if(Object.getOwnPropertySymbols){var C=Object.getOwnPropertySymbols(a);s&&(C=C.filter(function(l){return Object.getOwnPropertyDescriptor(a,l).enumerable})),f.push.apply(f,C)}return f}function v(a){for(var s=1;s<arguments.length;s++){var f=arguments[s]!=null?arguments[s]:{};s%2?R(Object(f),!0).forEach(function(C){S(a,C,f[C])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(f)):R(Object(f)).forEach(function(C){Object.defineProperty(a,C,Object.getOwnPropertyDescriptor(f,C))})}return a}function S(a,s,f){return s=_(s),s in a?Object.defineProperty(a,s,{value:f,enumerable:!0,configurable:!0,writable:!0}):a[s]=f,a}function _(a){var s=I(a,"string");return typeof s=="symbol"?s:String(s)}function I(a,s){if(typeof a!="object"||a===null)return a;var f=a[Symbol.toPrimitive];if(f!==void 0){var C=f.call(a,s);if(typeof C!="object")return C;throw new TypeError("@@toPrimitive must return a primitive value.")}return(s==="string"?String:Number)(a)}function T(a,s){a.prototype=Object.create(s.prototype),a.prototype.constructor=a,b(a,s)}function b(a,s){return b=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(C,l){return C.__proto__=l,C},b(a,s)}var p=function(a){T(s,a);function s(){for(var C,l=arguments.length,m=new Array(l),d=0;d<l;d++)m[d]=arguments[d];return C=a.call.apply(a,[this].concat(m))||this,C.handleRefs={},C.lastHandleRect=null,C.slack=null,C}var f=s.prototype;return f.componentWillUnmount=function(){this.resetData()},f.resetData=function(){this.lastHandleRect=this.slack=null},f.runConstraints=function(l,m){var d=this.props,g=d.minConstraints,D=d.maxConstraints,F=d.lockAspectRatio;if(!g&&!D&&!F)return[l,m];if(F){var L=this.props.width/this.props.height,U=l-this.props.width,E=m-this.props.height;Math.abs(U)>Math.abs(E*L)?m=l/L:l=m*L}var N=l,q=m,B=this.slack||[0,0],Y=B[0],ie=B[1];return l+=Y,m+=ie,g&&(l=Math.max(g[0],l),m=Math.max(g[1],m)),D&&(l=Math.min(D[0],l),m=Math.min(D[1],m)),this.slack=[Y+(N-l),ie+(q-m)],[l,m]},f.resizeHandler=function(l,m){var d=this;return function(g,D){var F=D.node,L=D.deltaX,U=D.deltaY;l==="onResizeStart"&&d.resetData();var E=(d.props.axis==="both"||d.props.axis==="x")&&m!=="n"&&m!=="s",N=(d.props.axis==="both"||d.props.axis==="y")&&m!=="e"&&m!=="w";if(!(!E&&!N)){var q=m[0],B=m[m.length-1],Y=F.getBoundingClientRect();if(d.lastHandleRect!=null){if(B==="w"){var ie=Y.left-d.lastHandleRect.left;L+=ie}if(q==="n"){var re=Y.top-d.lastHandleRect.top;U+=re}}d.lastHandleRect=Y,B==="w"&&(L=-L),q==="n"&&(U=-U);var le=d.props.width+(E?L/d.props.transformScale:0),$=d.props.height+(N?U/d.props.transformScale:0),Q=d.runConstraints(le,$);le=Q[0],$=Q[1];var ne=le!==d.props.width||$!==d.props.height,se=typeof d.props[l]=="function"?d.props[l]:null,de=l==="onResize"&&!ne;se&&!de&&(g.persist==null||g.persist(),se(g,{node:F,size:{width:le,height:$},handle:m})),l==="onResizeStop"&&d.resetData()}}},f.renderResizeHandle=function(l,m){var d=this.props.handle;if(!d)return e.createElement("span",{className:"react-resizable-handle react-resizable-handle-"+l,ref:m});if(typeof d=="function")return d(l,m);var g=typeof d.type=="string",D=v({ref:m},g?{}:{handleAxis:l});return e.cloneElement(d,D)},f.render=function(){var l=this,m=this.props,d=m.children,g=m.className,D=m.draggableOpts;m.width,m.height,m.handle,m.handleSize,m.lockAspectRatio,m.axis,m.minConstraints,m.maxConstraints,m.onResize,m.onResizeStop,m.onResizeStart;var F=m.resizeHandles;m.transformScale;var L=h(m,o);return(0,n.cloneElement)(d,v(v({},L),{},{className:(g?g+" ":"")+"react-resizable",children:[].concat(d.props.children,F.map(function(U){var E,N=(E=l.handleRefs[U])!=null?E:l.handleRefs[U]=e.createRef();return e.createElement(t.DraggableCore,y({},D,{nodeRef:N,key:"resizableHandle-"+U,onStop:l.resizeHandler("onResizeStop",U),onStart:l.resizeHandler("onResizeStart",U),onDrag:l.resizeHandler("onResize",U)}),l.renderResizeHandle(U,N))}))}))},s}(e.Component);return Ye.default=p,p.propTypes=r.resizableProps,p.defaultProps={axis:"both",handleSize:[20,20],lockAspectRatio:!1,minConstraints:[20,20],maxConstraints:[1/0,1/0],resizeHandles:["se"],transformScale:1},Ye}var Ze={},Nn;function io(){if(Nn)return Ze;Nn=1,Ze.__esModule=!0,Ze.default=void 0;var e=y(j),t=i(Oe()),n=i(dr()),r=cr(),o=["handle","handleSize","onResize","onResizeStart","onResizeStop","draggableOpts","minConstraints","maxConstraints","lockAspectRatio","axis","width","height","resizeHandles","style","transformScale"];function i(s){return s&&s.__esModule?s:{default:s}}function u(s){if(typeof WeakMap!="function")return null;var f=new WeakMap,C=new WeakMap;return(u=function(m){return m?C:f})(s)}function y(s,f){if(s&&s.__esModule)return s;if(s===null||typeof s!="object"&&typeof s!="function")return{default:s};var C=u(f);if(C&&C.has(s))return C.get(s);var l={},m=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var d in s)if(d!=="default"&&Object.prototype.hasOwnProperty.call(s,d)){var g=m?Object.getOwnPropertyDescriptor(s,d):null;g&&(g.get||g.set)?Object.defineProperty(l,d,g):l[d]=s[d]}return l.default=s,C&&C.set(s,l),l}function h(){return h=Object.assign?Object.assign.bind():function(s){for(var f=1;f<arguments.length;f++){var C=arguments[f];for(var l in C)Object.prototype.hasOwnProperty.call(C,l)&&(s[l]=C[l])}return s},h.apply(this,arguments)}function R(s,f){var C=Object.keys(s);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(s);f&&(l=l.filter(function(m){return Object.getOwnPropertyDescriptor(s,m).enumerable})),C.push.apply(C,l)}return C}function v(s){for(var f=1;f<arguments.length;f++){var C=arguments[f]!=null?arguments[f]:{};f%2?R(Object(C),!0).forEach(function(l){S(s,l,C[l])}):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(C)):R(Object(C)).forEach(function(l){Object.defineProperty(s,l,Object.getOwnPropertyDescriptor(C,l))})}return s}function S(s,f,C){return f=_(f),f in s?Object.defineProperty(s,f,{value:C,enumerable:!0,configurable:!0,writable:!0}):s[f]=C,s}function _(s){var f=I(s,"string");return typeof f=="symbol"?f:String(f)}function I(s,f){if(typeof s!="object"||s===null)return s;var C=s[Symbol.toPrimitive];if(C!==void 0){var l=C.call(s,f);if(typeof l!="object")return l;throw new TypeError("@@toPrimitive must return a primitive value.")}return(f==="string"?String:Number)(s)}function T(s,f){if(s==null)return{};var C={},l=Object.keys(s),m,d;for(d=0;d<l.length;d++)m=l[d],!(f.indexOf(m)>=0)&&(C[m]=s[m]);return C}function b(s,f){s.prototype=Object.create(f.prototype),s.prototype.constructor=s,p(s,f)}function p(s,f){return p=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(l,m){return l.__proto__=m,l},p(s,f)}var a=function(s){b(f,s);function f(){for(var l,m=arguments.length,d=new Array(m),g=0;g<m;g++)d[g]=arguments[g];return l=s.call.apply(s,[this].concat(d))||this,l.state={width:l.props.width,height:l.props.height,propsWidth:l.props.width,propsHeight:l.props.height},l.onResize=function(D,F){var L=F.size;l.props.onResize?(D.persist==null||D.persist(),l.setState(L,function(){return l.props.onResize&&l.props.onResize(D,F)})):l.setState(L)},l}f.getDerivedStateFromProps=function(m,d){return d.propsWidth!==m.width||d.propsHeight!==m.height?{width:m.width,height:m.height,propsWidth:m.width,propsHeight:m.height}:null};var C=f.prototype;return C.render=function(){var m=this.props,d=m.handle,g=m.handleSize;m.onResize;var D=m.onResizeStart,F=m.onResizeStop,L=m.draggableOpts,U=m.minConstraints,E=m.maxConstraints,N=m.lockAspectRatio,q=m.axis;m.width,m.height;var B=m.resizeHandles,Y=m.style,ie=m.transformScale,re=T(m,o);return e.createElement(n.default,{axis:q,draggableOpts:L,handle:d,handleSize:g,height:this.state.height,lockAspectRatio:N,maxConstraints:E,minConstraints:U,onResizeStart:D,onResize:this.onResize,onResizeStop:F,resizeHandles:B,transformScale:ie,width:this.state.width},e.createElement("div",h({},re,{style:v(v({},Y),{},{width:this.state.width+"px",height:this.state.height+"px"})})))},f}(e.Component);return Ze.default=a,a.propTypes=v(v({},r.resizableProps),{},{children:t.default.element}),Ze}var jn;function ao(){return jn||(jn=1,Xe.exports=function(){throw new Error("Don't instantiate Resizable directly! Use require('react-resizable').Resizable")},Xe.exports.Resizable=dr().default,Xe.exports.ResizableBox=io().default),Xe.exports}var we={},Ln;function fr(){if(Ln)return we;Ln=1,Object.defineProperty(we,"__esModule",{value:!0}),we.resizeHandleType=we.resizeHandleAxesType=we.default=void 0;var e=n(Oe()),t=n(j);function n(i){return i&&i.__esModule?i:{default:i}}const r=we.resizeHandleAxesType=e.default.arrayOf(e.default.oneOf(["s","w","e","n","sw","nw","se","ne"])),o=we.resizeHandleType=e.default.oneOfType([e.default.node,e.default.func]);return we.default={className:e.default.string,style:e.default.object,width:e.default.number,autoSize:e.default.bool,cols:e.default.number,draggableCancel:e.default.string,draggableHandle:e.default.string,verticalCompact:function(i){i.verticalCompact},compactType:e.default.oneOf(["vertical","horizontal"]),layout:function(i){var u=i.layout;u!==void 0&&Ae().validateLayout(u,"layout")},margin:e.default.arrayOf(e.default.number),containerPadding:e.default.arrayOf(e.default.number),rowHeight:e.default.number,maxRows:e.default.number,isBounded:e.default.bool,isDraggable:e.default.bool,isResizable:e.default.bool,allowOverlap:e.default.bool,preventCollision:e.default.bool,useCSSTransforms:e.default.bool,transformScale:e.default.number,isDroppable:e.default.bool,resizeHandles:r,resizeHandle:o,onLayoutChange:e.default.func,onDragStart:e.default.func,onDrag:e.default.func,onDragStop:e.default.func,onResizeStart:e.default.func,onResize:e.default.func,onResizeStop:e.default.func,onDrop:e.default.func,droppingItem:e.default.shape({i:e.default.string.isRequired,w:e.default.number.isRequired,h:e.default.number.isRequired}),children:function(i,u){const y=i[u],h={};t.default.Children.forEach(y,function(R){if((R==null?void 0:R.key)!=null){if(h[R.key])throw new Error('Duplicate child key "'+R.key+'" found! This will cause problems in ReactGridLayout.');h[R.key]=!0}})},innerRef:e.default.any},we}var Un;function so(){if(Un)return He;Un=1,Object.defineProperty(He,"__esModule",{value:!0}),He.default=void 0;var e=R(j),t=Zt,n=R(Oe()),r=fn(),o=ao(),i=Ae(),u=cn(),y=fr(),h=R(un());function R(T){return T&&T.__esModule?T:{default:T}}function v(T,b,p){return b=S(b),b in T?Object.defineProperty(T,b,{value:p,enumerable:!0,configurable:!0,writable:!0}):T[b]=p,T}function S(T){var b=_(T,"string");return typeof b=="symbol"?b:String(b)}function _(T,b){if(typeof T!="object"||T===null)return T;var p=T[Symbol.toPrimitive];if(p!==void 0){var a=p.call(T,b);if(typeof a!="object")return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return(b==="string"?String:Number)(T)}let I=class extends e.default.Component{constructor(){super(...arguments),v(this,"state",{resizing:null,dragging:null,className:""}),v(this,"elementRef",e.default.createRef()),v(this,"onDragStart",(b,p)=>{let{node:a}=p;const{onDragStart:s,transformScale:f}=this.props;if(!s)return;const C={top:0,left:0},{offsetParent:l}=a;if(!l)return;const m=l.getBoundingClientRect(),d=a.getBoundingClientRect(),g=d.left/f,D=m.left/f,F=d.top/f,L=m.top/f;C.left=g-D+l.scrollLeft,C.top=F-L+l.scrollTop,this.setState({dragging:C});const{x:U,y:E}=(0,u.calcXY)(this.getPositionParams(),C.top,C.left,this.props.w,this.props.h);return s.call(this,this.props.i,U,E,{e:b,node:a,newPosition:C})}),v(this,"onDrag",(b,p,a)=>{let{node:s,deltaX:f,deltaY:C}=p;const{onDrag:l}=this.props;if(!l)return;if(!this.state.dragging)throw new Error("onDrag called before onDragStart.");let m=this.state.dragging.top+C,d=this.state.dragging.left+f;const{isBounded:g,i:D,w:F,h:L,containerWidth:U}=this.props,E=this.getPositionParams();if(g){const{offsetParent:Y}=s;if(Y){const{margin:ie,rowHeight:re,containerPadding:le}=this.props,$=Y.clientHeight-(0,u.calcGridItemWHPx)(L,re,ie[1]);m=(0,u.clamp)(m-le[1],0,$);const Q=(0,u.calcGridColWidth)(E),ne=U-(0,u.calcGridItemWHPx)(F,Q,ie[0]);d=(0,u.clamp)(d-le[0],0,ne)}}const N={top:m,left:d};a?this.setState({dragging:N}):(0,t.flushSync)(()=>{this.setState({dragging:N})});const{x:q,y:B}=(0,u.calcXY)(E,m,d,F,L);return l.call(this,D,q,B,{e:b,node:s,newPosition:N})}),v(this,"onDragStop",(b,p)=>{let{node:a}=p;const{onDragStop:s}=this.props;if(!s)return;if(!this.state.dragging)throw new Error("onDragEnd called before onDragStart.");const{w:f,h:C,i:l}=this.props,{left:m,top:d}=this.state.dragging,g={top:d,left:m};this.setState({dragging:null});const{x:D,y:F}=(0,u.calcXY)(this.getPositionParams(),d,m,f,C);return s.call(this,l,D,F,{e:b,node:a,newPosition:g})}),v(this,"onResizeStop",(b,p,a)=>this.onResizeHandler(b,p,a,"onResizeStop")),v(this,"onResizeStart",(b,p,a)=>this.onResizeHandler(b,p,a,"onResizeStart")),v(this,"onResize",(b,p,a)=>this.onResizeHandler(b,p,a,"onResize"))}shouldComponentUpdate(b,p){if(this.props.children!==b.children||this.props.droppingPosition!==b.droppingPosition)return!0;const a=(0,u.calcGridItemPosition)(this.getPositionParams(this.props),this.props.x,this.props.y,this.props.w,this.props.h,this.state),s=(0,u.calcGridItemPosition)(this.getPositionParams(b),b.x,b.y,b.w,b.h,p);return!(0,i.fastPositionEqual)(a,s)||this.props.useCSSTransforms!==b.useCSSTransforms}componentDidMount(){this.moveDroppingItem({})}componentDidUpdate(b){this.moveDroppingItem(b)}moveDroppingItem(b){const{droppingPosition:p}=this.props;if(!p)return;const a=this.elementRef.current;if(!a)return;const s=b.droppingPosition||{left:0,top:0},{dragging:f}=this.state,C=f&&p.left!==s.left||p.top!==s.top;if(!f)this.onDragStart(p.e,{node:a,deltaX:p.left,deltaY:p.top});else if(C){const l=p.left-f.left,m=p.top-f.top;this.onDrag(p.e,{node:a,deltaX:l,deltaY:m},!0)}}getPositionParams(){let b=arguments.length>0&&arguments[0]!==void 0?arguments[0]:this.props;return{cols:b.cols,containerPadding:b.containerPadding,containerWidth:b.containerWidth,margin:b.margin,maxRows:b.maxRows,rowHeight:b.rowHeight}}createStyle(b){const{usePercentages:p,containerWidth:a,useCSSTransforms:s}=this.props;let f;return s?f=(0,i.setTransform)(b):(f=(0,i.setTopLeft)(b),p&&(f.left=(0,i.perc)(b.left/a),f.width=(0,i.perc)(b.width/a))),f}mixinDraggable(b,p){return e.default.createElement(r.DraggableCore,{disabled:!p,onStart:this.onDragStart,onDrag:this.onDrag,onStop:this.onDragStop,handle:this.props.handle,cancel:".react-resizable-handle"+(this.props.cancel?","+this.props.cancel:""),scale:this.props.transformScale,nodeRef:this.elementRef},b)}curryResizeHandler(b,p){return(a,s)=>p(a,s,b)}mixinResizable(b,p,a){const{cols:s,minW:f,minH:C,maxW:l,maxH:m,transformScale:d,resizeHandles:g,resizeHandle:D}=this.props,F=this.getPositionParams(),L=(0,u.calcGridItemPosition)(F,0,0,s,0).width,U=(0,u.calcGridItemPosition)(F,0,0,f,C),E=(0,u.calcGridItemPosition)(F,0,0,l,m),N=[U.width,U.height],q=[Math.min(E.width,L),Math.min(E.height,1/0)];return e.default.createElement(o.Resizable,{draggableOpts:{disabled:!a},className:a?void 0:"react-resizable-hide",width:p.width,height:p.height,minConstraints:N,maxConstraints:q,onResizeStop:this.curryResizeHandler(p,this.onResizeStop),onResizeStart:this.curryResizeHandler(p,this.onResizeStart),onResize:this.curryResizeHandler(p,this.onResize),transformScale:d,resizeHandles:g,handle:D},b)}onResizeHandler(b,p,a,s){let{node:f,size:C,handle:l}=p;const m=this.props[s];if(!m)return;const{x:d,y:g,i:D,maxH:F,minH:L,containerWidth:U}=this.props,{minW:E,maxW:N}=this.props;let q=C;f&&(q=(0,i.resizeItemInDirection)(l,a,C,U),(0,t.flushSync)(()=>{this.setState({resizing:s==="onResizeStop"?null:q})}));let{w:B,h:Y}=(0,u.calcWH)(this.getPositionParams(),q.width,q.height,d,g,l);B=(0,u.clamp)(B,Math.max(E,1),N),Y=(0,u.clamp)(Y,L,F),m.call(this,D,B,Y,{e:b,node:f,size:q,handle:l})}render(){const{x:b,y:p,w:a,h:s,isDraggable:f,isResizable:C,droppingPosition:l,useCSSTransforms:m}=this.props,d=(0,u.calcGridItemPosition)(this.getPositionParams(),b,p,a,s,this.state),g=e.default.Children.only(this.props.children);let D=e.default.cloneElement(g,{ref:this.elementRef,className:(0,h.default)("react-grid-item",g.props.className,this.props.className,{static:this.props.static,resizing:!!this.state.resizing,"react-draggable":f,"react-draggable-dragging":!!this.state.dragging,dropping:!!l,cssTransforms:m}),style:{...this.props.style,...g.props.style,...this.createStyle(d)}});return D=this.mixinResizable(D,d,C),D=this.mixinDraggable(D,f),D}};return He.default=I,v(I,"propTypes",{children:n.default.element,cols:n.default.number.isRequired,containerWidth:n.default.number.isRequired,rowHeight:n.default.number.isRequired,margin:n.default.array.isRequired,maxRows:n.default.number.isRequired,containerPadding:n.default.array.isRequired,x:n.default.number.isRequired,y:n.default.number.isRequired,w:n.default.number.isRequired,h:n.default.number.isRequired,minW:function(T,b){const p=T[b];if(typeof p!="number")return new Error("minWidth not Number");if(p>T.w||p>T.maxW)return new Error("minWidth larger than item width/maxWidth")},maxW:function(T,b){const p=T[b];if(typeof p!="number")return new Error("maxWidth not Number");if(p<T.w||p<T.minW)return new Error("maxWidth smaller than item width/minWidth")},minH:function(T,b){const p=T[b];if(typeof p!="number")return new Error("minHeight not Number");if(p>T.h||p>T.maxH)return new Error("minHeight larger than item height/maxHeight")},maxH:function(T,b){const p=T[b];if(typeof p!="number")return new Error("maxHeight not Number");if(p<T.h||p<T.minH)return new Error("maxHeight smaller than item height/minHeight")},i:n.default.string.isRequired,resizeHandles:y.resizeHandleAxesType,resizeHandle:y.resizeHandleType,onDragStop:n.default.func,onDragStart:n.default.func,onDrag:n.default.func,onResizeStop:n.default.func,onResizeStart:n.default.func,onResize:n.default.func,isDraggable:n.default.bool.isRequired,isResizable:n.default.bool.isRequired,isBounded:n.default.bool.isRequired,static:n.default.bool,useCSSTransforms:n.default.bool.isRequired,transformScale:n.default.number,className:n.default.string,handle:n.default.string,cancel:n.default.string,droppingPosition:n.default.shape({e:n.default.object.isRequired,left:n.default.number.isRequired,top:n.default.number.isRequired})}),v(I,"defaultProps",{className:"",cancel:"",handle:"",minH:1,minW:1,maxH:1/0,maxW:1/0,transformScale:1}),He}var Vn;function pr(){if(Vn)return We;Vn=1,Object.defineProperty(We,"__esModule",{value:!0}),We.default=void 0;var e=R(j),t=ln(),n=y(un()),r=Ae(),o=cn(),i=y(so()),u=y(fr());function y(p){return p&&p.__esModule?p:{default:p}}function h(p){if(typeof WeakMap!="function")return null;var a=new WeakMap,s=new WeakMap;return(h=function(f){return f?s:a})(p)}function R(p,a){if(p&&p.__esModule)return p;if(p===null||typeof p!="object"&&typeof p!="function")return{default:p};var s=h(a);if(s&&s.has(p))return s.get(p);var f={__proto__:null},C=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in p)if(l!=="default"&&Object.prototype.hasOwnProperty.call(p,l)){var m=C?Object.getOwnPropertyDescriptor(p,l):null;m&&(m.get||m.set)?Object.defineProperty(f,l,m):f[l]=p[l]}return f.default=p,s&&s.set(p,f),f}function v(p,a,s){return a=S(a),a in p?Object.defineProperty(p,a,{value:s,enumerable:!0,configurable:!0,writable:!0}):p[a]=s,p}function S(p){var a=_(p,"string");return typeof a=="symbol"?a:String(a)}function _(p,a){if(typeof p!="object"||p===null)return p;var s=p[Symbol.toPrimitive];if(s!==void 0){var f=s.call(p,a);if(typeof f!="object")return f;throw new TypeError("@@toPrimitive must return a primitive value.")}return(a==="string"?String:Number)(p)}const I="react-grid-layout";let T=!1;try{T=/firefox/i.test(navigator.userAgent)}catch{}let b=class extends e.Component{constructor(){super(...arguments),v(this,"state",{activeDrag:null,layout:(0,r.synchronizeLayoutWithChildren)(this.props.layout,this.props.children,this.props.cols,(0,r.compactType)(this.props),this.props.allowOverlap),mounted:!1,oldDragItem:null,oldLayout:null,oldResizeItem:null,resizing:!1,droppingDOMNode:null,children:[]}),v(this,"dragEnterCounter",0),v(this,"onDragStart",(a,s,f,C)=>{let{e:l,node:m}=C;const{layout:d}=this.state,g=(0,r.getLayoutItem)(d,a);if(!g)return;const D={w:g.w,h:g.h,x:g.x,y:g.y,placeholder:!0,i:a};return this.setState({oldDragItem:(0,r.cloneLayoutItem)(g),oldLayout:d,activeDrag:D}),this.props.onDragStart(d,g,g,null,l,m)}),v(this,"onDrag",(a,s,f,C)=>{let{e:l,node:m}=C;const{oldDragItem:d}=this.state;let{layout:g}=this.state;const{cols:D,allowOverlap:F,preventCollision:L}=this.props,U=(0,r.getLayoutItem)(g,a);if(!U)return;const E={w:U.w,h:U.h,x:U.x,y:U.y,placeholder:!0,i:a};g=(0,r.moveElement)(g,U,s,f,!0,L,(0,r.compactType)(this.props),D,F),this.props.onDrag(g,d,U,E,l,m),this.setState({layout:F?g:(0,r.compact)(g,(0,r.compactType)(this.props),D),activeDrag:E})}),v(this,"onDragStop",(a,s,f,C)=>{let{e:l,node:m}=C;if(!this.state.activeDrag)return;const{oldDragItem:d}=this.state;let{layout:g}=this.state;const{cols:D,preventCollision:F,allowOverlap:L}=this.props,U=(0,r.getLayoutItem)(g,a);if(!U)return;g=(0,r.moveElement)(g,U,s,f,!0,F,(0,r.compactType)(this.props),D,L);const N=L?g:(0,r.compact)(g,(0,r.compactType)(this.props),D);this.props.onDragStop(N,d,U,null,l,m);const{oldLayout:q}=this.state;this.setState({activeDrag:null,layout:N,oldDragItem:null,oldLayout:null}),this.onLayoutMaybeChanged(N,q)}),v(this,"onResizeStart",(a,s,f,C)=>{let{e:l,node:m}=C;const{layout:d}=this.state,g=(0,r.getLayoutItem)(d,a);g&&(this.setState({oldResizeItem:(0,r.cloneLayoutItem)(g),oldLayout:this.state.layout,resizing:!0}),this.props.onResizeStart(d,g,g,null,l,m))}),v(this,"onResize",(a,s,f,C)=>{let{e:l,node:m,size:d,handle:g}=C;const{oldResizeItem:D}=this.state,{layout:F}=this.state,{cols:L,preventCollision:U,allowOverlap:E}=this.props;let N=!1,q,B,Y;const[ie,re]=(0,r.withLayoutItem)(F,a,$=>{let Q;return B=$.x,Y=$.y,["sw","w","nw","n","ne"].indexOf(g)!==-1&&(["sw","nw","w"].indexOf(g)!==-1&&(B=$.x+($.w-s),s=$.x!==B&&B<0?$.w:s,B=B<0?0:B),["ne","n","nw"].indexOf(g)!==-1&&(Y=$.y+($.h-f),f=$.y!==Y&&Y<0?$.h:f,Y=Y<0?0:Y),N=!0),U&&!E&&(Q=(0,r.getAllCollisions)(F,{...$,w:s,h:f,x:B,y:Y}).filter(se=>se.i!==$.i).length>0,Q&&(Y=$.y,f=$.h,B=$.x,s=$.w,N=!1)),$.w=s,$.h=f,$});if(!re)return;q=ie,N&&(q=(0,r.moveElement)(ie,re,B,Y,!0,this.props.preventCollision,(0,r.compactType)(this.props),L,E));const le={w:re.w,h:re.h,x:re.x,y:re.y,static:!0,i:a};this.props.onResize(q,D,re,le,l,m),this.setState({layout:E?q:(0,r.compact)(q,(0,r.compactType)(this.props),L),activeDrag:le})}),v(this,"onResizeStop",(a,s,f,C)=>{let{e:l,node:m}=C;const{layout:d,oldResizeItem:g}=this.state,{cols:D,allowOverlap:F}=this.props,L=(0,r.getLayoutItem)(d,a),U=F?d:(0,r.compact)(d,(0,r.compactType)(this.props),D);this.props.onResizeStop(U,g,L,null,l,m);const{oldLayout:E}=this.state;this.setState({activeDrag:null,layout:U,oldResizeItem:null,oldLayout:null,resizing:!1}),this.onLayoutMaybeChanged(U,E)}),v(this,"onDragOver",a=>{var ie;if(a.preventDefault(),a.stopPropagation(),T&&!((ie=a.nativeEvent.target)!=null&&ie.classList.contains(I)))return!1;const{droppingItem:s,onDropDragOver:f,margin:C,cols:l,rowHeight:m,maxRows:d,width:g,containerPadding:D,transformScale:F}=this.props,L=f==null?void 0:f(a);if(L===!1)return this.state.droppingDOMNode&&this.removeDroppingPlaceholder(),!1;const U={...s,...L},{layout:E}=this.state,N=a.currentTarget.getBoundingClientRect(),q=a.clientX-N.left,B=a.clientY-N.top,Y={left:q/F,top:B/F,e:a};if(this.state.droppingDOMNode){if(this.state.droppingPosition){const{left:re,top:le}=this.state.droppingPosition;(re!=q||le!=B)&&this.setState({droppingPosition:Y})}}else{const re={cols:l,margin:C,maxRows:d,rowHeight:m,containerWidth:g,containerPadding:D||C},le=(0,o.calcXY)(re,B,q,U.w,U.h);this.setState({droppingDOMNode:e.createElement("div",{key:U.i}),droppingPosition:Y,layout:[...E,{...U,x:le.x,y:le.y,static:!1,isDraggable:!0}]})}}),v(this,"removeDroppingPlaceholder",()=>{const{droppingItem:a,cols:s}=this.props,{layout:f}=this.state,C=(0,r.compact)(f.filter(l=>l.i!==a.i),(0,r.compactType)(this.props),s,this.props.allowOverlap);this.setState({layout:C,droppingDOMNode:null,activeDrag:null,droppingPosition:void 0})}),v(this,"onDragLeave",a=>{a.preventDefault(),a.stopPropagation(),this.dragEnterCounter--,this.dragEnterCounter===0&&this.removeDroppingPlaceholder()}),v(this,"onDragEnter",a=>{a.preventDefault(),a.stopPropagation(),this.dragEnterCounter++}),v(this,"onDrop",a=>{a.preventDefault(),a.stopPropagation();const{droppingItem:s}=this.props,{layout:f}=this.state,C=f.find(l=>l.i===s.i);this.dragEnterCounter=0,this.removeDroppingPlaceholder(),this.props.onDrop(f,C,a)})}componentDidMount(){this.setState({mounted:!0}),this.onLayoutMaybeChanged(this.state.layout,this.props.layout)}static getDerivedStateFromProps(a,s){let f;return s.activeDrag?null:(!(0,t.deepEqual)(a.layout,s.propsLayout)||a.compactType!==s.compactType?f=a.layout:(0,r.childrenEqual)(a.children,s.children)||(f=s.layout),f?{layout:(0,r.synchronizeLayoutWithChildren)(f,a.children,a.cols,(0,r.compactType)(a),a.allowOverlap),compactType:a.compactType,children:a.children,propsLayout:a.layout}:null)}shouldComponentUpdate(a,s){return this.props.children!==a.children||!(0,r.fastRGLPropsEqual)(this.props,a,t.deepEqual)||this.state.activeDrag!==s.activeDrag||this.state.mounted!==s.mounted||this.state.droppingPosition!==s.droppingPosition}componentDidUpdate(a,s){if(!this.state.activeDrag){const f=this.state.layout,C=s.layout;this.onLayoutMaybeChanged(f,C)}}containerHeight(){if(!this.props.autoSize)return;const a=(0,r.bottom)(this.state.layout),s=this.props.containerPadding?this.props.containerPadding[1]:this.props.margin[1];return a*this.props.rowHeight+(a-1)*this.props.margin[1]+s*2+"px"}onLayoutMaybeChanged(a,s){s||(s=this.state.layout),(0,t.deepEqual)(s,a)||this.props.onLayoutChange(a)}placeholder(){const{activeDrag:a}=this.state;if(!a)return null;const{width:s,cols:f,margin:C,containerPadding:l,rowHeight:m,maxRows:d,useCSSTransforms:g,transformScale:D}=this.props;return e.createElement(i.default,{w:a.w,h:a.h,x:a.x,y:a.y,i:a.i,className:`react-grid-placeholder ${this.state.resizing?"placeholder-resizing":""}`,containerWidth:s,cols:f,margin:C,containerPadding:l||C,maxRows:d,rowHeight:m,isDraggable:!1,isResizable:!1,isBounded:!1,useCSSTransforms:g,transformScale:D},e.createElement("div",null))}processGridItem(a,s){if(!a||!a.key)return;const f=(0,r.getLayoutItem)(this.state.layout,String(a.key));if(!f)return null;const{width:C,cols:l,margin:m,containerPadding:d,rowHeight:g,maxRows:D,isDraggable:F,isResizable:L,isBounded:U,useCSSTransforms:E,transformScale:N,draggableCancel:q,draggableHandle:B,resizeHandles:Y,resizeHandle:ie}=this.props,{mounted:re,droppingPosition:le}=this.state,$=typeof f.isDraggable=="boolean"?f.isDraggable:!f.static&&F,Q=typeof f.isResizable=="boolean"?f.isResizable:!f.static&&L,ne=f.resizeHandles||Y,se=$&&U&&f.isBounded!==!1;return e.createElement(i.default,{containerWidth:C,cols:l,margin:m,containerPadding:d||m,maxRows:D,rowHeight:g,cancel:q,handle:B,onDragStop:this.onDragStop,onDragStart:this.onDragStart,onDrag:this.onDrag,onResizeStart:this.onResizeStart,onResize:this.onResize,onResizeStop:this.onResizeStop,isDraggable:$,isResizable:Q,isBounded:se,useCSSTransforms:E&&re,usePercentages:!re,transformScale:N,w:f.w,h:f.h,x:f.x,y:f.y,i:f.i,minH:f.minH,minW:f.minW,maxH:f.maxH,maxW:f.maxW,static:f.static,droppingPosition:s?le:void 0,resizeHandles:ne,resizeHandle:ie},a)}render(){const{className:a,style:s,isDroppable:f,innerRef:C}=this.props,l=(0,n.default)(I,a),m={height:this.containerHeight(),...s};return e.createElement("div",{ref:C,className:l,style:m,onDrop:f?this.onDrop:r.noop,onDragLeave:f?this.onDragLeave:r.noop,onDragEnter:f?this.onDragEnter:r.noop,onDragOver:f?this.onDragOver:r.noop},e.Children.map(this.props.children,d=>this.processGridItem(d)),f&&this.state.droppingDOMNode&&this.processGridItem(this.state.droppingDOMNode,!0),this.placeholder())}};return We.default=b,v(b,"displayName","ReactGridLayout"),v(b,"propTypes",u.default),v(b,"defaultProps",{autoSize:!0,cols:12,className:"",style:{},draggableHandle:"",draggableCancel:"",containerPadding:null,rowHeight:150,maxRows:1/0,layout:[],margin:[10,10],isBounded:!1,isDraggable:!0,isResizable:!0,allowOverlap:!1,isDroppable:!1,useCSSTransforms:!0,transformScale:1,verticalCompact:!0,compactType:"vertical",preventCollision:!1,droppingItem:{i:"__dropping-elem__",h:1,w:1},resizeHandles:["se"],onLayoutChange:r.noop,onDragStart:r.noop,onDrag:r.noop,onDragStop:r.noop,onResizeStart:r.noop,onResize:r.noop,onResizeStop:r.noop,onDrop:r.noop,onDropDragOver:r.noop}),We}var Je={},Fe={},zn;function hr(){if(zn)return Fe;zn=1,Object.defineProperty(Fe,"__esModule",{value:!0}),Fe.findOrGenerateResponsiveLayout=r,Fe.getBreakpointFromWidth=t,Fe.getColsFromBreakpoint=n,Fe.sortBreakpoints=o;var e=Ae();function t(i,u){const y=o(i);let h=y[0];for(let R=1,v=y.length;R<v;R++){const S=y[R];u>i[S]&&(h=S)}return h}function n(i,u){if(!u[i])throw new Error("ResponsiveReactGridLayout: `cols` entry for breakpoint "+i+" is missing!");return u[i]}function r(i,u,y,h,R,v){if(i[y])return(0,e.cloneLayout)(i[y]);let S=i[h];const _=o(u),I=_.slice(_.indexOf(y));for(let T=0,b=I.length;T<b;T++){const p=I[T];if(i[p]){S=i[p];break}}return S=(0,e.cloneLayout)(S||[]),(0,e.compact)((0,e.correctBounds)(S,{cols:R}),v,R)}function o(i){return Object.keys(i).sort(function(y,h){return i[y]-i[h]})}return Fe}var $n;function lo(){if($n)return Je;$n=1,Object.defineProperty(Je,"__esModule",{value:!0}),Je.default=void 0;var e=h(j),t=u(Oe()),n=ln(),r=Ae(),o=hr(),i=u(pr());function u(p){return p&&p.__esModule?p:{default:p}}function y(p){if(typeof WeakMap!="function")return null;var a=new WeakMap,s=new WeakMap;return(y=function(f){return f?s:a})(p)}function h(p,a){if(p&&p.__esModule)return p;if(p===null||typeof p!="object"&&typeof p!="function")return{default:p};var s=y(a);if(s&&s.has(p))return s.get(p);var f={__proto__:null},C=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in p)if(l!=="default"&&Object.prototype.hasOwnProperty.call(p,l)){var m=C?Object.getOwnPropertyDescriptor(p,l):null;m&&(m.get||m.set)?Object.defineProperty(f,l,m):f[l]=p[l]}return f.default=p,s&&s.set(p,f),f}function R(){return R=Object.assign?Object.assign.bind():function(p){for(var a=1;a<arguments.length;a++){var s=arguments[a];for(var f in s)Object.prototype.hasOwnProperty.call(s,f)&&(p[f]=s[f])}return p},R.apply(this,arguments)}function v(p,a,s){return a=S(a),a in p?Object.defineProperty(p,a,{value:s,enumerable:!0,configurable:!0,writable:!0}):p[a]=s,p}function S(p){var a=_(p,"string");return typeof a=="symbol"?a:String(a)}function _(p,a){if(typeof p!="object"||p===null)return p;var s=p[Symbol.toPrimitive];if(s!==void 0){var f=s.call(p,a);if(typeof f!="object")return f;throw new TypeError("@@toPrimitive must return a primitive value.")}return(a==="string"?String:Number)(p)}const I=p=>Object.prototype.toString.call(p);function T(p,a){return p==null?null:Array.isArray(p)?p:p[a]}let b=class extends e.Component{constructor(){super(...arguments),v(this,"state",this.generateInitialState()),v(this,"onLayoutChange",a=>{this.props.onLayoutChange(a,{...this.props.layouts,[this.state.breakpoint]:a})})}generateInitialState(){const{width:a,breakpoints:s,layouts:f,cols:C}=this.props,l=(0,o.getBreakpointFromWidth)(s,a),m=(0,o.getColsFromBreakpoint)(l,C),d=this.props.verticalCompact===!1?null:this.props.compactType;return{layout:(0,o.findOrGenerateResponsiveLayout)(f,s,l,l,m,d),breakpoint:l,cols:m}}static getDerivedStateFromProps(a,s){if(!(0,n.deepEqual)(a.layouts,s.layouts)){const{breakpoint:f,cols:C}=s;return{layout:(0,o.findOrGenerateResponsiveLayout)(a.layouts,a.breakpoints,f,f,C,a.compactType),layouts:a.layouts}}return null}componentDidUpdate(a){(this.props.width!=a.width||this.props.breakpoint!==a.breakpoint||!(0,n.deepEqual)(this.props.breakpoints,a.breakpoints)||!(0,n.deepEqual)(this.props.cols,a.cols))&&this.onWidthChange(a)}onWidthChange(a){const{breakpoints:s,cols:f,layouts:C,compactType:l}=this.props,m=this.props.breakpoint||(0,o.getBreakpointFromWidth)(this.props.breakpoints,this.props.width),d=this.state.breakpoint,g=(0,o.getColsFromBreakpoint)(m,f),D={...C};if(d!==m||a.breakpoints!==s||a.cols!==f){d in D||(D[d]=(0,r.cloneLayout)(this.state.layout));let U=(0,o.findOrGenerateResponsiveLayout)(D,s,m,d,g,l);U=(0,r.synchronizeLayoutWithChildren)(U,this.props.children,g,l,this.props.allowOverlap),D[m]=U,this.props.onBreakpointChange(m,g),this.props.onLayoutChange(U,D),this.setState({breakpoint:m,layout:U,cols:g})}const F=T(this.props.margin,m),L=T(this.props.containerPadding,m);this.props.onWidthChange(this.props.width,F,g,L)}render(){const{breakpoint:a,breakpoints:s,cols:f,layouts:C,margin:l,containerPadding:m,onBreakpointChange:d,onLayoutChange:g,onWidthChange:D,...F}=this.props;return e.createElement(i.default,R({},F,{margin:T(l,this.state.breakpoint),containerPadding:T(m,this.state.breakpoint),onLayoutChange:this.onLayoutChange,layout:this.state.layout,cols:this.state.cols}))}};return Je.default=b,v(b,"propTypes",{breakpoint:t.default.string,breakpoints:t.default.object,allowOverlap:t.default.bool,cols:t.default.object,margin:t.default.oneOfType([t.default.array,t.default.object]),containerPadding:t.default.oneOfType([t.default.array,t.default.object]),layouts(p,a){if(I(p[a])!=="[object Object]")throw new Error("Layout property must be an object. Received: "+I(p[a]));Object.keys(p[a]).forEach(s=>{if(!(s in p.breakpoints))throw new Error("Each key in layouts must align with a key in breakpoints.");(0,r.validateLayout)(p.layouts[s],"layouts."+s)})},width:t.default.number.isRequired,onBreakpointChange:t.default.func,onLayoutChange:t.default.func,onWidthChange:t.default.func}),v(b,"defaultProps",{breakpoints:{lg:1200,md:996,sm:768,xs:480,xxs:0},cols:{lg:12,md:10,sm:6,xs:4,xxs:2},containerPadding:{lg:null,md:null,sm:null,xs:null,xxs:null},layouts:{},margin:[10,10],allowOverlap:!1,onBreakpointChange:r.noop,onLayoutChange:r.noop,onWidthChange:r.noop}),Je}var yt={},mr=function(){if(typeof Map<"u")return Map;function e(t,n){var r=-1;return t.some(function(o,i){return o[0]===n?(r=i,!0):!1}),r}return function(){function t(){this.__entries__=[]}return Object.defineProperty(t.prototype,"size",{get:function(){return this.__entries__.length},enumerable:!0,configurable:!0}),t.prototype.get=function(n){var r=e(this.__entries__,n),o=this.__entries__[r];return o&&o[1]},t.prototype.set=function(n,r){var o=e(this.__entries__,n);~o?this.__entries__[o][1]=r:this.__entries__.push([n,r])},t.prototype.delete=function(n){var r=this.__entries__,o=e(r,n);~o&&r.splice(o,1)},t.prototype.has=function(n){return!!~e(this.__entries__,n)},t.prototype.clear=function(){this.__entries__.splice(0)},t.prototype.forEach=function(n,r){r===void 0&&(r=null);for(var o=0,i=this.__entries__;o<i.length;o++){var u=i[o];n.call(r,u[1],u[0])}},t}()}(),Kt=typeof window<"u"&&typeof document<"u"&&window.document===document,It=function(){return typeof global<"u"&&global.Math===Math?global:typeof self<"u"&&self.Math===Math?self:typeof window<"u"&&window.Math===Math?window:Function("return this")()}(),uo=function(){return typeof requestAnimationFrame=="function"?requestAnimationFrame.bind(It):function(e){return setTimeout(function(){return e(Date.now())},1e3/60)}}(),co=2;function fo(e,t){var n=!1,r=!1,o=0;function i(){n&&(n=!1,e()),r&&y()}function u(){uo(i)}function y(){var h=Date.now();if(n){if(h-o<co)return;r=!0}else n=!0,r=!1,setTimeout(u,t);o=h}return y}var po=20,ho=["top","right","bottom","left","width","height","size","weight"],mo=typeof MutationObserver<"u",go=function(){function e(){this.connected_=!1,this.mutationEventsAdded_=!1,this.mutationsObserver_=null,this.observers_=[],this.onTransitionEnd_=this.onTransitionEnd_.bind(this),this.refresh=fo(this.refresh.bind(this),po)}return e.prototype.addObserver=function(t){~this.observers_.indexOf(t)||this.observers_.push(t),this.connected_||this.connect_()},e.prototype.removeObserver=function(t){var n=this.observers_,r=n.indexOf(t);~r&&n.splice(r,1),!n.length&&this.connected_&&this.disconnect_()},e.prototype.refresh=function(){var t=this.updateObservers_();t&&this.refresh()},e.prototype.updateObservers_=function(){var t=this.observers_.filter(function(n){return n.gatherActive(),n.hasActive()});return t.forEach(function(n){return n.broadcastActive()}),t.length>0},e.prototype.connect_=function(){!Kt||this.connected_||(document.addEventListener("transitionend",this.onTransitionEnd_),window.addEventListener("resize",this.refresh),mo?(this.mutationsObserver_=new MutationObserver(this.refresh),this.mutationsObserver_.observe(document,{attributes:!0,childList:!0,characterData:!0,subtree:!0})):(document.addEventListener("DOMSubtreeModified",this.refresh),this.mutationEventsAdded_=!0),this.connected_=!0)},e.prototype.disconnect_=function(){!Kt||!this.connected_||(document.removeEventListener("transitionend",this.onTransitionEnd_),window.removeEventListener("resize",this.refresh),this.mutationsObserver_&&this.mutationsObserver_.disconnect(),this.mutationEventsAdded_&&document.removeEventListener("DOMSubtreeModified",this.refresh),this.mutationsObserver_=null,this.mutationEventsAdded_=!1,this.connected_=!1)},e.prototype.onTransitionEnd_=function(t){var n=t.propertyName,r=n===void 0?"":n,o=ho.some(function(i){return!!~r.indexOf(i)});o&&this.refresh()},e.getInstance=function(){return this.instance_||(this.instance_=new e),this.instance_},e.instance_=null,e}(),gr=function(e,t){for(var n=0,r=Object.keys(t);n<r.length;n++){var o=r[n];Object.defineProperty(e,o,{value:t[o],enumerable:!1,writable:!1,configurable:!0})}return e},ze=function(e){var t=e&&e.ownerDocument&&e.ownerDocument.defaultView;return t||It},vr=Lt(0,0,0,0);function _t(e){return parseFloat(e)||0}function kn(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];return t.reduce(function(r,o){var i=e["border-"+o+"-width"];return r+_t(i)},0)}function vo(e){for(var t=["top","right","bottom","left"],n={},r=0,o=t;r<o.length;r++){var i=o[r],u=e["padding-"+i];n[i]=_t(u)}return n}function yo(e){var t=e.getBBox();return Lt(0,0,t.width,t.height)}function Co(e){var t=e.clientWidth,n=e.clientHeight;if(!t&&!n)return vr;var r=ze(e).getComputedStyle(e),o=vo(r),i=o.left+o.right,u=o.top+o.bottom,y=_t(r.width),h=_t(r.height);if(r.boxSizing==="border-box"&&(Math.round(y+i)!==t&&(y-=kn(r,"left","right")+i),Math.round(h+u)!==n&&(h-=kn(r,"top","bottom")+u)),!So(e)){var R=Math.round(y+i)-t,v=Math.round(h+u)-n;Math.abs(R)!==1&&(y-=R),Math.abs(v)!==1&&(h-=v)}return Lt(o.left,o.top,y,h)}var bo=function(){return typeof SVGGraphicsElement<"u"?function(e){return e instanceof ze(e).SVGGraphicsElement}:function(e){return e instanceof ze(e).SVGElement&&typeof e.getBBox=="function"}}();function So(e){return e===ze(e).document.documentElement}function Ro(e){return Kt?bo(e)?yo(e):Co(e):vr}function To(e){var t=e.x,n=e.y,r=e.width,o=e.height,i=typeof DOMRectReadOnly<"u"?DOMRectReadOnly:Object,u=Object.create(i.prototype);return gr(u,{x:t,y:n,width:r,height:o,top:n,right:t+r,bottom:o+n,left:t}),u}function Lt(e,t,n,r){return{x:e,y:t,width:n,height:r}}var wo=function(){function e(t){this.broadcastWidth=0,this.broadcastHeight=0,this.contentRect_=Lt(0,0,0,0),this.target=t}return e.prototype.isActive=function(){var t=Ro(this.target);return this.contentRect_=t,t.width!==this.broadcastWidth||t.height!==this.broadcastHeight},e.prototype.broadcastRect=function(){var t=this.contentRect_;return this.broadcastWidth=t.width,this.broadcastHeight=t.height,t},e}(),xo=function(){function e(t,n){var r=To(n);gr(this,{target:t,contentRect:r})}return e}(),Io=function(){function e(t,n,r){if(this.activeObservations_=[],this.observations_=new mr,typeof t!="function")throw new TypeError("The callback provided as parameter 1 is not a function.");this.callback_=t,this.controller_=n,this.callbackCtx_=r}return e.prototype.observe=function(t){if(!arguments.length)throw new TypeError("1 argument required, but only 0 present.");if(!(typeof Element>"u"||!(Element instanceof Object))){if(!(t instanceof ze(t).Element))throw new TypeError('parameter 1 is not of type "Element".');var n=this.observations_;n.has(t)||(n.set(t,new wo(t)),this.controller_.addObserver(this),this.controller_.refresh())}},e.prototype.unobserve=function(t){if(!arguments.length)throw new TypeError("1 argument required, but only 0 present.");if(!(typeof Element>"u"||!(Element instanceof Object))){if(!(t instanceof ze(t).Element))throw new TypeError('parameter 1 is not of type "Element".');var n=this.observations_;n.has(t)&&(n.delete(t),n.size||this.controller_.removeObserver(this))}},e.prototype.disconnect=function(){this.clearActive(),this.observations_.clear(),this.controller_.removeObserver(this)},e.prototype.gatherActive=function(){var t=this;this.clearActive(),this.observations_.forEach(function(n){n.isActive()&&t.activeObservations_.push(n)})},e.prototype.broadcastActive=function(){if(this.hasActive()){var t=this.callbackCtx_,n=this.activeObservations_.map(function(r){return new xo(r.target,r.broadcastRect())});this.callback_.call(t,n,t),this.clearActive()}},e.prototype.clearActive=function(){this.activeObservations_.splice(0)},e.prototype.hasActive=function(){return this.activeObservations_.length>0},e}(),yr=typeof WeakMap<"u"?new WeakMap:new mr,Cr=function(){function e(t){if(!(this instanceof e))throw new TypeError("Cannot call a class as a function.");if(!arguments.length)throw new TypeError("1 argument required, but only 0 present.");var n=go.getInstance(),r=new Io(t,n,this);yr.set(this,r)}return e}();["observe","unobserve","disconnect"].forEach(function(e){Cr.prototype[e]=function(){var t;return(t=yr.get(this))[e].apply(t,arguments)}});var _o=function(){return typeof It.ResizeObserver<"u"?It.ResizeObserver:Cr}();const Eo=Object.freeze(Object.defineProperty({__proto__:null,default:_o},Symbol.toStringTag,{value:"Module"})),Oo=ar(Eo);var An;function Po(){if(An)return yt;An=1,Object.defineProperty(yt,"__esModule",{value:!0}),yt.default=_;var e=u(j),t=o(Oe()),n=o(Oo),r=o(un());function o(I){return I&&I.__esModule?I:{default:I}}function i(I){if(typeof WeakMap!="function")return null;var T=new WeakMap,b=new WeakMap;return(i=function(p){return p?b:T})(I)}function u(I,T){if(I&&I.__esModule)return I;if(I===null||typeof I!="object"&&typeof I!="function")return{default:I};var b=i(T);if(b&&b.has(I))return b.get(I);var p={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var s in I)if(s!=="default"&&Object.prototype.hasOwnProperty.call(I,s)){var f=a?Object.getOwnPropertyDescriptor(I,s):null;f&&(f.get||f.set)?Object.defineProperty(p,s,f):p[s]=I[s]}return p.default=I,b&&b.set(I,p),p}function y(){return y=Object.assign?Object.assign.bind():function(I){for(var T=1;T<arguments.length;T++){var b=arguments[T];for(var p in b)Object.prototype.hasOwnProperty.call(b,p)&&(I[p]=b[p])}return I},y.apply(this,arguments)}function h(I,T,b){return T=R(T),T in I?Object.defineProperty(I,T,{value:b,enumerable:!0,configurable:!0,writable:!0}):I[T]=b,I}function R(I){var T=v(I,"string");return typeof T=="symbol"?T:String(T)}function v(I,T){if(typeof I!="object"||I===null)return I;var b=I[Symbol.toPrimitive];if(b!==void 0){var p=b.call(I,T);if(typeof p!="object")return p;throw new TypeError("@@toPrimitive must return a primitive value.")}return(T==="string"?String:Number)(I)}const S="react-grid-layout";function _(I){var T;return T=class extends e.Component{constructor(){super(...arguments),h(this,"state",{width:1280}),h(this,"elementRef",e.createRef()),h(this,"mounted",!1),h(this,"resizeObserver",void 0)}componentDidMount(){this.mounted=!0,this.resizeObserver=new n.default(a=>{if(this.elementRef.current instanceof HTMLElement){const f=a[0].contentRect.width;this.setState({width:f})}});const p=this.elementRef.current;p instanceof HTMLElement&&this.resizeObserver.observe(p)}componentWillUnmount(){this.mounted=!1;const p=this.elementRef.current;p instanceof HTMLElement&&this.resizeObserver.unobserve(p),this.resizeObserver.disconnect()}render(){const{measureBeforeMount:p,...a}=this.props;return p&&!this.mounted?e.createElement("div",{className:(0,r.default)(this.props.className,S),style:this.props.style,ref:this.elementRef}):e.createElement(I,y({innerRef:this.elementRef},a,this.state))}},h(T,"defaultProps",{measureBeforeMount:!1}),h(T,"propTypes",{measureBeforeMount:t.default.bool}),T}return yt}var qn;function Do(){return qn||(qn=1,function(e){e.exports=pr().default,e.exports.utils=Ae(),e.exports.calculateUtils=cn(),e.exports.Responsive=lo().default,e.exports.Responsive.utils=hr(),e.exports.WidthProvider=Po().default}(Vt)),Vt.exports}var Fo=Do();const Mo=Xr(Fo);var No=Object.getOwnPropertyDescriptor,jo=(e,t,n,r)=>{for(var o=r>1?void 0:r?No(t,n):t,i=e.length-1,u;i>=0;i--)(u=e[i])&&(o=u(o)||o);return o},Lo=(e,t)=>(n,r)=>t(n,r,e);let $e=class extends w.Disposable{constructor(t){super();Ie(this,"_initLocal",()=>{});Ie(this,"_findReplaceIndex",t=>{const n=/\{([^}]+)?\}/g,r=[];let o=n.exec(t);for(;o;)r.push({startIndex:o.index,key:Number(o[1]),endIndex:o.index+o[0].length-1}),o=n.exec(t);return r});this._localeService=t,this._initLocal()}tWithReactNode(t,...n){const r=this._localeService.getLocales(),o=t.split("."),i=r&&this._localeService.resolveKeyPath(r,o);if(typeof i=="string"){const u=[];return this._findReplaceIndex(i).forEach((y,h,R)=>{const v=R[h-1]||{endIndex:-1};if(v.endIndex+1<y.startIndex){const S=i.slice(v.endIndex+1,y.startIndex);S&&u.push(S)}if(n[y.key]&&u.push(n[y.key]),h===R.length-1){const S=i.slice(y.endIndex+1);S&&u.push(S)}}),u}return[]}};$e=jo([Lo(0,w.Inject(w.LocaleService))],$e);const Uo="univer-cf-preview",Ct={cfPreview:Uo},qe=e=>{var o,i;const t=e.rule;if(!t)return null;const n=j.useMemo(()=>{if(t.type===c.CFRuleType.colorScale){const u=t.config.map((R,v)=>({color:new w.ColorKit(R.color),value:v})),y=u.length-1;return new Array(5).fill("").map((R,v,S)=>v*y/(S.length-1)).map(R=>c.getColorScaleFromValue(u,R))}return null},[t]),r=j.useMemo(()=>{if(t.type===c.CFRuleType.iconSet)return t.config.map(u=>{const y=c.iconMap[u.iconType];return y&&y[Number(u.iconId)]})},[t]);switch(t.type){case c.CFRuleType.dataBar:{const{isGradient:u}=t.config,y={width:"50%",height:"100%"},h=u?`linear-gradient(to right, ${t.config.positiveColor||c.defaultDataBarPositiveColor}, rgb(255 255 255))`:t.config.positiveColor,R=u?`linear-gradient(to right,  rgb(255 255 255),${t.config.nativeColor||c.defaultDataBarNativeColor})`:t.config.nativeColor;return x.jsxs("div",{className:Ct.cfPreview,children:[x.jsx("div",{style:{...y,background:R,border:`1px solid ${t.config.nativeColor||c.defaultDataBarNativeColor}`}}),x.jsx("div",{style:{...y,background:h,border:`1px solid ${t.config.positiveColor||c.defaultDataBarPositiveColor}`}})]})}case c.CFRuleType.colorScale:return n&&x.jsx("div",{className:Ct.cfPreview,children:n.map((u,y)=>x.jsx("div",{style:{width:`${100/n.length}%`,height:"100%",background:u}},y))});case c.CFRuleType.iconSet:return r&&x.jsx("div",{className:Ct.cfPreview,children:r.map((u,y)=>u?x.jsx("img",{style:{height:"100%"},src:u},y):x.jsx(ft,{},y))});case c.CFRuleType.highlightCell:{const{ul:u,st:y,it:h,bl:R,bg:v,cl:S}=t.style,_=(u==null?void 0:u.s)===w.BooleanNumber.TRUE,I=(y==null?void 0:y.s)===w.BooleanNumber.TRUE,T=h===w.BooleanNumber.TRUE,b=R===w.BooleanNumber.TRUE,p=(o=v==null?void 0:v.rgb)!=null?o:c.DEFAULT_BG_COLOR,a=(i=S==null?void 0:S.rgb)!=null?i:c.DEFAULT_FONT_COLOR,s={fontWeight:b?"bold":void 0,fontStyle:T?"italic":void 0,textDecoration:`${_?"underline":""} ${I?"line-through":""}`.replace(/^ /,"")||void 0,backgroundColor:p,color:a};return x.jsx("div",{style:s,className:Ct.cfPreview,children:"123"})}}return null},Vo="univer-cf-rule-list",zo="univer-rule-selector",$o="univer-select",ko="univer-btn-list",Ao="univer-gap",qo="univer-icon",Wo="univer-disabled",Ho="univer-rule-item",Bo="univer-rule-describe",Go="univer-rule-type",Xo="univer-rule-range",Yo="univer-active",Ko="univer-draggableHandle",Zo="univer-delete-item",Jo="univer-grid-layout-wrap",me={cfRuleList:Vo,ruleSelector:zo,select:$o,btnList:ko,gap:Ao,icon:qo,disabled:Wo,ruleItem:Ho,ruleDescribe:Bo,ruleType:Go,ruleRange:Xo,active:Yo,draggableHandle:Ko,deleteItem:Zo,gridLayoutWrap:Jo},Qo=(e,t)=>{const n=e.rule;switch(n.type){case c.CFRuleType.colorScale:return t.t("sheet.cf.ruleType.colorScale");case c.CFRuleType.dataBar:return t.t("sheet.cf.ruleType.dataBar");case c.CFRuleType.iconSet:return t.t("sheet.cf.ruleType.iconSet");case c.CFRuleType.highlightCell:switch(n.subType){case c.CFSubRuleType.average:{const r=n.operator;return t.t(`sheet.cf.preview.describe.${r}`,t.t("sheet.cf.subRuleType.average"))}case c.CFSubRuleType.duplicateValues:return t.t("sheet.cf.subRuleType.duplicateValues");case c.CFSubRuleType.uniqueValues:return t.t("sheet.cf.subRuleType.uniqueValues");case c.CFSubRuleType.number:{const r=n.operator;return t.t(`sheet.cf.preview.describe.${r}`,...Array.isArray(n.value)?n.value.map(o=>String(o)):[String(n.value||"")])}case c.CFSubRuleType.text:{const r=n.operator;return t.t(`sheet.cf.preview.describe.${r}`,n.value||"")}case c.CFSubRuleType.timePeriod:{const r=n.operator;return t.t(`sheet.cf.preview.describe.${r}`)}case c.CFSubRuleType.rank:return n.isPercent?n.isBottom?t.t("sheet.cf.preview.describe.bottomNPercent",String(n.value)):t.t("sheet.cf.preview.describe.topNPercent",String(n.value)):n.isBottom?t.t("sheet.cf.preview.describe.bottomN",String(n.value)):t.t("sheet.cf.preview.describe.topN",String(n.value));case c.CFSubRuleType.formula:return t.t("sheet.cf.ruleType.formula")}}};let Wn=0;const ei=e=>{const{onClick:t}=e,n=ee.useDependency(c.ConditionalFormattingRuleModel),r=ee.useDependency(w.IUniverInstanceService),o=ee.useDependency(X.SheetsSelectionsService),i=ee.useDependency(w.ICommandService),u=ee.useDependency(w.LocaleService),y=ee.useDependency(w.Injector),h=ee.useDependency(ee.ISidebarService),R=ee.useDependency($e),v=ee.useObservable(()=>r.getCurrentTypeOfUnit$(w.UniverInstanceType.UNIVER_SHEET),void 0,void 0,[]),S=v.getUnitId(),_=v.getActiveSheet();if(!_)throw new Error("No active sheet found");const I=_.getSheetId(),[T,b]=j.useState([]),[p,a]=j.useState("2"),[s,f]=j.useState(0),[C,l]=j.useState(-1),[m,d]=j.useState(Wn),g=j.useRef(null),D=[{label:u.t("sheet.cf.panel.workSheet"),value:"2"},{label:u.t("sheet.cf.panel.selectedRange"),value:"1"}],F=()=>{const $=n.getSubunitRules(S,I);if(!$||!$.length)return[];if(p==="1"){const Q=o.getCurrentLastSelection();if(!Q)return[];const ne=Q.range;return $.filter(de=>de.ranges.some(he=>w.Rectangle.intersects(he,ne)))}else if(p==="2")return[...$];return[]},[L,U]=j.useState(F);fe.useHighlightRange(T),j.useEffect(()=>{const $=i.onCommandExecuted(Q=>{Q.id===X.SetWorksheetActiveOperation.id&&f(Math.random())});return()=>$.dispose()}),j.useEffect(()=>{U(F)},[p,s,S,I]),j.useEffect(()=>{if(p==="2")return;const $=new Se.Observable(Q=>{const ne=[X.SetSelectionsOperation.id,c.AddConditionalRuleMutation.id,c.SetConditionalRuleMutation.id,c.DeleteConditionalRuleMutation.id,c.MoveConditionalRuleMutation.id],se=i.onCommandExecuted(de=>{const{id:he,params:be}=de,A=r.getCurrentUnitOfType(w.UniverInstanceType.UNIVER_SHEET).getUnitId();ne.includes(he)&&be.unitId===A&&Q.next(null)});return()=>se.dispose()}).pipe(Se.debounceTime(16)).subscribe(()=>{U(F)});return()=>{$.unsubscribe()}},[r,p,S,I]),j.useEffect(()=>{const $=n.$ruleChange.subscribe(()=>{f(Math.random())});return()=>$.unsubscribe()},[n]),j.useEffect(()=>{const $=()=>{var de,he;const se=Math.max(0,((he=(de=g.current)==null?void 0:de.getBoundingClientRect().width)!=null?he:0)-8);return Wn=se,se},ne=new Se.Observable(se=>{const de=h.getContainer();if(de){let he=setTimeout(()=>{se.next()},150);const be=()=>{he&&clearTimeout(he),he=null},A=K=>{K.propertyName==="width"&&(be(),se.next())};return de.addEventListener("transitionend",A),()=>{be(),de.removeEventListener("transitionend",A)}}}).pipe(Se.debounceTime(16)).subscribe(()=>{d($())});return()=>{ne.unsubscribe()}},[]);const E=$=>{var se;const Q=r.getCurrentUnitOfType(w.UniverInstanceType.UNIVER_SHEET).getUnitId(),ne=(se=r.getCurrentUnitOfType(w.UniverInstanceType.UNIVER_SHEET).getActiveSheet())==null?void 0:se.getSheetId();if(!Q||!ne)throw new Error("No active sheet found");i.executeCommand(c.DeleteCfCommand.id,{unitId:Q,subUnitId:ne,cfId:$.cfId})},N=($,Q)=>{l(Q.y)},q=($,Q,ne)=>{var K;l(-1);const se=r.getCurrentUnitOfType(w.UniverInstanceType.UNIVER_SHEET).getUnitId(),de=(K=r.getCurrentUnitOfType(w.UniverInstanceType.UNIVER_SHEET).getActiveSheet())==null?void 0:K.getSheetId();if(!se||!de)throw new Error("No active sheet found");const he=ae=>{const O=L.length;return Math.min(O-1,Math.max(0,ae))},be=L[he(Q.y)].cfId,A=L[he(ne.y)].cfId;be!==A&&i.executeCommand(c.MoveCfCommand.id,{unitId:se,subUnitId:de,start:{id:be,type:"self"},end:{id:A,type:ne.y>Q.y?"after":"before"}})},B=()=>{e.onCreate()},Y=()=>{p==="2"?i.executeCommand(c.ClearWorksheetCfCommand.id):p==="1"&&L.map(Q=>({unitId:S,subUnitId:I,cfId:Q.cfId})).forEach(Q=>{i.executeCommand(c.DeleteCfCommand.id,Q)})},ie=j.useMemo(()=>{const $=r.getCurrentUnitOfType(w.UniverInstanceType.UNIVER_SHEET),Q=$.getActiveSheet();return L.filter(ne=>{const se=ne.ranges;return X.checkRangesEditablePermission(y,$.getUnitId(),Q.getSheetId(),se)})},[L]),re=ie.map(($,Q)=>({i:$.cfId,x:0,w:12,y:Q,h:1,isResizable:!1})),le=j.useMemo(()=>{const $=r.getCurrentUnitOfType(w.UniverInstanceType.UNIVER_SHEET),Q=$.getActiveSheet();return L.every(ne=>{const se=ne.ranges;return X.checkRangesEditablePermission(y,$.getUnitId(),Q.getSheetId(),se)})},[L]);return x.jsxs("div",{className:me.cfRuleList,children:[x.jsxs("div",{className:me.ruleSelector,children:[x.jsx("div",{children:R.tWithReactNode("sheet.cf.panel.managerRuleSelect",x.jsx(J.Select,{className:me.select,options:D,value:p,onChange:$=>{a($)}})).map(($,Q)=>x.jsx("span",{children:$},Q))}),x.jsxs("div",{className:me.btnList,children:[x.jsx(J.Tooltip,{title:u.t("sheet.cf.panel.createRule"),placement:"bottom",children:x.jsx("div",{className:me.icon,onClick:B,children:x.jsx(or,{})})}),L.length&&le?x.jsx(J.Tooltip,{title:u.t("sheet.cf.panel.clear"),placement:"bottom",children:x.jsx("div",{className:J.clsx(me.gap,me.icon),onClick:Y,children:x.jsx(xt,{})})}):x.jsx("div",{className:J.clsx(me.gap,me.disabled),children:x.jsx(xt,{})})]})]}),x.jsx("div",{ref:g,className:me.gridLayoutWrap,children:m?x.jsx(Mo,{draggableHandle:".draggableHandle",layout:re,cols:12,rowHeight:60,width:m,margin:[0,10],onDragStop:q,onDragStart:N,children:ie==null?void 0:ie.map(($,Q)=>x.jsx("div",{children:x.jsxs("div",{className:J.clsx(me.ruleItem,{[me.active]:C===Q}),onMouseMove:()=>{$.ranges!==T&&b($.ranges)},onMouseLeave:()=>b([]),onClick:()=>{t($)},children:[x.jsx("div",{className:J.clsx(me.draggableHandle,"draggableHandle"),onClick:ne=>ne.stopPropagation(),children:x.jsx(ir,{})}),x.jsxs("div",{className:me.ruleDescribe,children:[x.jsx("div",{className:me.ruleType,children:Qo($,u)}),x.jsx("div",{className:me.ruleRange,children:$.ranges.map(ne=>Yt.serializeRange(ne)).join(",")})]}),x.jsx("div",{className:me.preview,children:x.jsx(qe,{rule:$.rule})}),x.jsx("div",{className:J.clsx(me.deleteItem,{[me.active]:C===Q}),onClick:ne=>{ne.stopPropagation(),E($),b([])},children:x.jsx(xt,{})})]})},`${$.cfId}`))}):null})]})},ti="univer-cf-color-picker-icon",ni="univer-icon-dropdown",Hn={cfColorPickerIcon:ti,iconDropdown:ni},Ne=e=>{const{color:t,onChange:n,disable:r=!1,iconId:o="PaintBucket",className:i,isNeedDropdownIcon:u=!0}=e,y=ee.useDependency(ee.ComponentManager),h=j.useMemo(()=>new w.ColorKit(t),[t]),R=y.get(o);return R&&(r?x.jsx(R,{className:i,extend:{colorChannel1:h.isValid?t:"rgb(var(--primary-color))"}}):x.jsx(J.Dropdown,{overlay:x.jsx("div",{className:"univer-rounded-lg univer-p-4",children:x.jsx(J.ColorPicker,{value:t,onChange:n})}),children:x.jsxs("span",{className:`
-                      ${Hn.cfColorPickerIcon}
-                      ${i}
-                    `,children:[x.jsx(R,{extend:{colorChannel1:h.isValid?t:"rgb(var(--primary-color))"}}),u&&x.jsx(Nt,{className:Hn.iconDropdown})]})}))},ri="univer-cf-rule-style-editor",oi="univer-cf-error-text",ii="univer-cf-preview-wrap",ai="univer-text",si="univer-position-relative",li="univer-btn-list",ui="univer-util-item",ci="univer-icon-set",di="univer-render-config",fi="univer-flex",pi="univer-width45",hi="univer-icon-wrap",mi="univer-icon",gi="univer-dropdown-icon",vi="univer-error-input",yi="univer-error-text",Ci="univer-icon-group-list",bi="univer-title",Si="univer-group",Ri="univer-item-content",Ti="univer-item-wrap",wi="univer-item",xi="univer-icon-item-list-wrap",Ii="univer-none",_i="univer-icon-item-list",Ei="univer-width100",Oi="univer-stress",W={cfRuleStyleEditor:ri,cfErrorText:oi,cfPreviewWrap:ii,text:ai,positionRelative:si,btnList:li,utilItem:ui,iconSet:ci,renderConfig:di,flex:fi,width45:pi,iconWrap:hi,icon:mi,dropdownIcon:gi,errorInput:vi,errorText:yi,iconGroupList:Ci,title:bi,group:Si,itemContent:Ri,itemWrap:Ti,item:wi,iconItemListWrap:xi,none:Ii,iconItemList:_i,width100:Ei,stress:Oi},Me=(e,t)=>({label:t.t(`sheet.cf.valueType.${e}`),value:e}),Wt=e=>{var T;const{type:t,className:n,onChange:r,id:o,value:i}=e,u=ee.useDependency(w.IUniverInstanceService),y=u.getCurrentUnitForType(w.UniverInstanceType.UNIVER_SHEET).getUnitId(),h=(T=u.getCurrentUnitForType(w.UniverInstanceType.UNIVER_SHEET).getActiveSheet())==null?void 0:T.getSheetId(),R=j.useMemo(()=>String(i).startsWith("=")?String(i):"=",[i]),v=j.useMemo(()=>[c.CFValueType.max,c.CFValueType.min,"none"].includes(t)?{disabled:!0}:[c.CFValueType.percent,c.CFValueType.percentile].includes(t)?{min:0,max:100}:{min:Number.MIN_SAFE_INTEGER,max:Number.MAX_SAFE_INTEGER},[t]),S=j.useRef(null),[_,I]=j.useState(!1);return ee.useSidebarClick(b=>{var a;((a=S.current)==null?void 0:a.isClickOutSide(b))&&I(!1)}),t===c.CFValueType.formula?x.jsx("div",{style:{width:"100%",marginLeft:4},children:x.jsx(dt.FormulaEditor,{initValue:R,unitId:y,subUnitId:h,isFocus:_,onChange:(b="")=>{r(b||"")},onFocus:()=>I(!0),ref:S})}):x.jsx(J.InputNumber,{className:n,value:Number(e.value)||0,onChange:b=>e.onChange(b||0),...v})},Pi=e=>{var U;const{interceptorManager:t}=e,n=ee.useDependency(w.LocaleService),r=((U=e.rule)==null?void 0:U.type)===c.CFRuleType.colorScale?e.rule:void 0,o=[Me(c.CFValueType.num,n),Me(c.CFValueType.percent,n),Me(c.CFValueType.percentile,n),Me(c.CFValueType.formula,n)],i=[Me(c.CFValueType.min,n),...o],u=[Me("none",n),...o],y=[Me(c.CFValueType.max,n),...o],[h,R]=j.useState(()=>{var N;const E=c.CFValueType.min;return r&&((N=r.config[0])==null?void 0:N.value.type)||E}),[v,S]=j.useState(()=>{var N;const E="none";return!r||r.config.length!==3?E:((N=r.config[1])==null?void 0:N.value.type)||E}),[_,I]=j.useState(()=>{var N;const E=c.CFValueType.max;return r&&((N=r.config[r.config.length-1])==null?void 0:N.value.type)||E}),[T,b]=j.useState(()=>{if(!r)return 10;const N=r.config[0];return(N==null?void 0:N.value.value)===void 0?10:N==null?void 0:N.value.value}),[p,a]=j.useState(()=>{var q;if(!r||r.config.length!==3)return 50;const N=(q=r.config[1])==null?void 0:q.value.value;return N===void 0?50:N}),[s,f]=j.useState(()=>{var q;if(!r)return 90;const N=(q=r.config[r.config.length-1])==null?void 0:q.value.value;return N===void 0?90:N}),[C,l]=j.useState(()=>{var N;const E="#d0d9fb";return r&&((N=r.config[0])==null?void 0:N.color)||E}),[m,d]=j.useState(()=>{var N;const E="#7790f3";return!r||r.config.length!==3?E:((N=r.config[1])==null?void 0:N.color)||E}),[g,D]=j.useState(()=>{var N;const E="#2e55ef";return r&&((N=r.config[r.config.length-1])==null?void 0:N.color)||E}),F=j.useMemo(()=>E=>{const{minType:N,medianType:q,maxType:B,minValue:Y,medianValue:ie,maxValue:re,minColor:le,medianColor:$,maxColor:Q}=E,ne=[];return ne.push({color:le,value:{type:N,value:Y}}),q!=="none"&&ne.push({color:$,value:{type:q,value:ie}}),ne.push({color:Q,value:{type:B,value:re}}),{config:ne.map((de,he)=>({...de,index:he})),type:c.CFRuleType.colorScale}},[]);j.useEffect(()=>t.intercept(t.getInterceptPoints().submit,{handler(){return F({minType:h,medianType:v,maxType:_,minValue:T,medianValue:p,maxValue:s,minColor:C,medianColor:m,maxColor:g})}}),[F,h,v,_,T,p,s,C,m,g,t]);const L=E=>{e.onChange(F(E))};return x.jsxs("div",{children:[x.jsx("div",{className:z.title,children:n.t("sheet.cf.panel.styleRule")}),x.jsx("div",{className:`
-                  ${W.cfPreviewWrap}
-                `,children:x.jsx(qe,{rule:F({minType:h,medianType:v,maxType:_,minValue:T,medianValue:p,maxValue:s,minColor:C,medianColor:m,maxColor:g})})}),x.jsx("div",{className:z.label,children:n.t("sheet.cf.valueType.min")}),x.jsxs("div",{className:J.clsx(`
-                  ${z.labelContainer}
-                  ${z.mTSm}
-                `,"univer-box-border univer-h-7"),children:[x.jsx(J.Select,{style:{flexShrink:0},options:i,value:h,onChange:E=>{R(E);const N=c.createDefaultValueByValueType(E,10);b(N),L({minType:E,medianType:v,maxType:_,minValue:N,medianValue:p,maxValue:s,minColor:C,medianColor:m,maxColor:g})}}),x.jsx(Wt,{id:"min",className:`
-                      ${z.mLXxs}
-                    `,value:T,type:h,onChange:E=>{b(E),L({minType:h,medianType:v,maxType:_,minValue:E,medianValue:p,maxValue:s,minColor:C,medianColor:m,maxColor:g})}}),x.jsx(Ne,{className:z.mLXxs,color:C,onChange:E=>{l(E),L({minType:h,medianType:v,maxType:_,minValue:T,medianValue:p,maxValue:s,minColor:E,medianColor:m,maxColor:g})}})]}),x.jsx("div",{className:z.label,children:n.t("sheet.cf.panel.medianValue")}),x.jsxs("div",{className:J.clsx(`
-                  ${z.labelContainer}
-                  ${z.mTSm}
-                `,"univer-box-border univer-h-7"),children:[x.jsx(J.Select,{style:{flexShrink:0},options:u,value:v,onChange:E=>{S(E);const N=c.createDefaultValueByValueType(E,50);a(N),L({minType:h,medianType:E,maxType:_,minValue:T,medianValue:N,maxValue:s,minColor:C,medianColor:m,maxColor:g})}}),x.jsx(Wt,{id:"median",className:`
-                      ${z.mLXxs}
-                    `,value:p,type:v,onChange:E=>{a(E),L({minType:h,medianType:v,maxType:_,minValue:T,medianValue:E,maxValue:s,minColor:C,medianColor:m,maxColor:g})}}),v!=="none"&&x.jsx(Ne,{className:z.mLXxs,color:m,onChange:E=>{d(E),L({minType:h,medianType:v,maxType:_,minValue:T,medianValue:p,maxValue:s,minColor:C,medianColor:E,maxColor:g})}})]}),x.jsx("div",{className:z.label,children:n.t("sheet.cf.valueType.max")}),x.jsxs("div",{className:J.clsx(`
-                  ${z.labelContainer}
-                  ${z.mTSm}
-                `,"univer-box-border univer-h-7"),children:[x.jsx(J.Select,{style:{flexShrink:0},options:y,value:_,onChange:E=>{I(E);const N=c.createDefaultValueByValueType(E,90);f(N),L({minType:h,medianType:v,maxType:E,minValue:T,medianValue:p,maxValue:N,minColor:C,medianColor:m,maxColor:g})}}),x.jsx(Wt,{id:"max",className:`
-                      ${z.mLXxs}
-                    `,value:s,type:_,onChange:E=>{f(E),L({minType:h,medianType:v,maxType:_,minValue:T,medianValue:p,maxValue:E,minColor:C,medianColor:m,maxColor:g})}}),x.jsx(Ne,{className:z.mLXxs,color:g,onChange:E=>{D(E),L({minType:h,medianType:v,maxType:_,minValue:T,medianValue:p,maxValue:s,minColor:C,medianColor:m,maxColor:E})}})]})]})},Le=(e,t)=>({label:t.t(`sheet.cf.valueType.${e}`),value:e}),Bn=e=>{var b;const{onChange:t,className:n,value:r,type:o,id:i,disabled:u=!1}=e,y=ee.useDependency(w.IUniverInstanceService),h=y.getCurrentUnitForType(w.UniverInstanceType.UNIVER_SHEET).getUnitId(),R=(b=y.getCurrentUnitForType(w.UniverInstanceType.UNIVER_SHEET).getActiveSheet())==null?void 0:b.getSheetId(),v=j.useRef(null),[S,_]=j.useState(!1);ee.useSidebarClick(p=>{var s;((s=v.current)==null?void 0:s.isClickOutSide(p))&&_(!1)});const I=j.useRef(r),T=j.useMemo(()=>[c.CFValueType.percentile,c.CFValueType.percent].includes(o)?{max:100,min:0}:{min:Number.MIN_SAFE_INTEGER,max:Number.MAX_SAFE_INTEGER},[o]);if(o===c.CFValueType.formula){const p=String(I.current).startsWith("=")?String(I.current)||"":"=";return x.jsx("div",{style:{width:"100%",marginLeft:12},children:x.jsx(dt.FormulaEditor,{initValue:p,unitId:h,subUnitId:R,isFocus:S,onChange:(a="")=>{t(a||"")},onFocus:()=>_(!0),ref:v})})}return x.jsx(J.InputNumber,{className:n,value:Number(r)||0,disabled:u,onChange:p=>{t(p||0)},...T})},Di=e=>{var U;const{interceptorManager:t}=e,n=ee.useDependency(w.LocaleService),r=((U=e.rule)==null?void 0:U.type)===c.CFRuleType.dataBar?e.rule:void 0,[o,i]=j.useState(()=>{var N;const E="0";return r?(N=r.config)!=null&&N.isGradient?"1":"0":E}),[u,y]=j.useState(()=>{var E;return r&&((E=r.config)==null?void 0:E.positiveColor)||c.defaultDataBarPositiveColor}),[h,R]=j.useState(()=>{var E;return r&&((E=r.config)==null?void 0:E.nativeColor)||c.defaultDataBarNativeColor}),v=[Le(c.CFValueType.num,n),Le(c.CFValueType.percent,n),Le(c.CFValueType.percentile,n),Le(c.CFValueType.formula,n)],S=[Le(c.CFValueType.min,n),...v],_=[Le(c.CFValueType.max,n),...v],[I,T]=j.useState(()=>{var N;const E=S[0].value;return r&&((N=r.config)==null?void 0:N.min.type)||E}),[b,p]=j.useState(()=>{var N;const E=_[0].value;return r&&((N=r.config)==null?void 0:N.max.type)||E}),[a,s]=j.useState(()=>{var q;if(!r)return 0;const N=((q=r.config)==null?void 0:q.min)||{};return N.type===c.CFValueType.formula?N.value||"=":N.value||0}),[f,C]=j.useState(()=>{var q;if(!r)return 100;const N=((q=r.config)==null?void 0:q.max)||{};return N.type===c.CFValueType.formula?N.value||"=":N.value===void 0?100:N.value}),[l,m]=j.useState(()=>r?r.isShowValue===void 0?!0:!!r.isShowValue:!0),d=E=>({config:{min:{type:E.minValueType,value:E.minValue},max:{type:E.maxValueType,value:E.maxValue},isGradient:E.isGradient==="1",positiveColor:E.positiveColor||c.defaultDataBarPositiveColor,nativeColor:E.nativeColor||c.defaultDataBarNativeColor},type:c.CFRuleType.dataBar,isShowValue:E.isShowValue});j.useEffect(()=>t.intercept(t.getInterceptPoints().submit,{handler(){return d({isGradient:o,minValue:a,minValueType:I,maxValue:f,maxValueType:b,positiveColor:u,nativeColor:h,isShowValue:l})}}),[o,a,I,f,b,u,h,t,l]);const g=E=>{e.onChange(d(E))},D=E=>{y(E),g({isGradient:o,minValue:a,minValueType:I,maxValue:f,maxValueType:b,positiveColor:E,nativeColor:h,isShowValue:l})},F=E=>{R(E),g({isGradient:o,minValue:a,minValueType:I,maxValue:f,maxValueType:b,positiveColor:u,nativeColor:E,isShowValue:l})},L=E=>v.map(N=>N.value).includes(E);return x.jsxs("div",{children:[x.jsx("div",{className:z.title,children:n.t("sheet.cf.panel.styleRule")}),x.jsx("div",{className:`
-                  ${W.cfPreviewWrap}
-                `,children:x.jsx(qe,{rule:d({isGradient:o,minValue:a,minValueType:I,maxValue:f,maxValueType:b,positiveColor:u,nativeColor:h,isShowValue:l})})}),x.jsxs("div",{children:[x.jsx("div",{className:z.label,children:n.t("sheet.cf.panel.fillType")}),x.jsxs("div",{className:`
-                      ${z.mTSm}
-                      ${z.mLXxs}
-                      ${z.labelContainer}
-                    `,children:[x.jsxs(J.RadioGroup,{value:o,onChange:E=>{i(E),g({isGradient:E,minValue:a,minValueType:I,maxValue:f,maxValueType:b,positiveColor:u,nativeColor:h,isShowValue:l})},children:[x.jsx(J.Radio,{value:"0",children:x.jsx("span",{className:W.text,children:n.t("sheet.cf.panel.pureColor")})}),x.jsx(J.Radio,{value:"1",children:x.jsx("span",{className:W.text,children:n.t("sheet.cf.panel.gradient")})})]}),x.jsxs("div",{className:`
-                          ${W.utilItem}
-                          ${z.mLXl}
-                        `,children:[x.jsx(J.Checkbox,{checked:!l,onChange:E=>{m(!E),g({isGradient:E,minValue:a,minValueType:I,maxValue:f,maxValueType:b,positiveColor:u,nativeColor:h,isShowValue:!E})}}),n.t("sheet.cf.panel.onlyShowDataBar")]})]})]}),x.jsxs("div",{children:[x.jsx("div",{className:z.label,children:n.t("sheet.cf.panel.colorSet")}),x.jsxs("div",{className:`
-                      ${z.labelContainer}
-                      ${z.mTSm}
-                      ${z.mLXxs}
+"use strict";var xr=Object.defineProperty;var Ir=(e,t,n)=>t in e?xr(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n;var Ie=(e,t,n)=>Ir(e,typeof t!="symbol"?t+"":t,n);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("@univerjs/core"),c=require("@univerjs/sheets-conditional-formatting"),B=require("@univerjs/sheets"),J=require("@univerjs/ui"),x=require("react/jsx-runtime"),j=require("react"),K=require("@univerjs/design"),Xt=require("@univerjs/engine-formula"),fe=require("@univerjs/sheets-ui"),Zt=require("react-dom"),Se=require("rxjs"),dt=require("@univerjs/sheets-formula-ui"),nr=require("@univerjs/engine-render"),ot=require("rxjs/operators"),Jt={type:w.CommandType.COMMAND,id:"sheet.command.add-average-conditional-rule",handler(e,t){if(!t)return!1;const{ranges:n,style:r,stopIfTrue:i,operator:o}=t,u=e.get(c.ConditionalFormattingRuleModel),y=e.get(w.ICommandService),h=e.get(w.IUniverInstanceService),R=B.getSheetCommandTarget(h);if(!R)return!1;const{unitId:v,subUnitId:S}=R,_=u.createCfId(v,S),I={ranges:n,cfId:_,stopIfTrue:!!i,rule:{type:c.CFRuleType.highlightCell,subType:c.CFSubRuleType.average,operator:o,style:r}};return y.executeCommand(c.AddConditionalRuleMutation.id,{unitId:v,subUnitId:S,rule:I})}},Qt={type:w.CommandType.COMMAND,id:"sheet.command.add-color-scale-conditional-rule",handler(e,t){if(!t)return!1;const{ranges:n,config:r,stopIfTrue:i}=t,o=e.get(c.ConditionalFormattingRuleModel),u=e.get(w.ICommandService),y=e.get(w.IUniverInstanceService),h=B.getSheetCommandTarget(y);if(!h)return!1;const{unitId:R,subUnitId:v}=h,S=o.createCfId(R,v),_={ranges:n,cfId:S,stopIfTrue:!!i,rule:{type:c.CFRuleType.colorScale,config:r}};return u.executeCommand(c.AddConditionalRuleMutation.id,{unitId:R,subUnitId:v,rule:_})}},en={type:w.CommandType.COMMAND,id:"sheet.command.add-data-bar-conditional-rule",handler(e,t){if(!t)return!1;const{ranges:n,min:r,max:i,nativeColor:o,positiveColor:u,isGradient:y,stopIfTrue:h,isShowValue:R}=t,v=e.get(c.ConditionalFormattingRuleModel),S=e.get(w.IUniverInstanceService),_=B.getSheetCommandTarget(S);if(!_)return!1;const{unitId:I,subUnitId:T}=_,b=e.get(w.ICommandService),p=v.createCfId(I,T),a={ranges:n,cfId:p,stopIfTrue:!!h,rule:{type:c.CFRuleType.dataBar,isShowValue:R,config:{min:r,max:i,nativeColor:o,positiveColor:u,isGradient:y}}};return b.executeCommand(c.AddConditionalRuleMutation.id,{unitId:I,subUnitId:T,rule:a})}},tn={type:w.CommandType.COMMAND,id:"sheet.command.add-duplicate-values-conditional-rule",handler(e,t){if(!t)return!1;const{ranges:n,style:r,stopIfTrue:i}=t,o=e.get(c.ConditionalFormattingRuleModel),u=e.get(w.ICommandService),y=e.get(w.IUniverInstanceService),h=B.getSheetCommandTarget(y);if(!h)return!1;const{unitId:R,subUnitId:v}=h,S=o.createCfId(R,v),_={ranges:n,cfId:S,stopIfTrue:!!i,rule:{type:c.CFRuleType.highlightCell,subType:c.CFSubRuleType.duplicateValues,style:r}};return u.executeCommand(c.AddConditionalRuleMutation.id,{unitId:R,subUnitId:v,rule:_})}},nn={type:w.CommandType.COMMAND,id:"sheet.command.add-number-conditional-rule",handler(e,t){if(!t)return!1;const{ranges:n,style:r,stopIfTrue:i,operator:o,value:u}=t,y=e.get(c.ConditionalFormattingRuleModel),h=e.get(w.ICommandService),R=e.get(w.IUniverInstanceService),v=B.getSheetCommandTarget(R);if(!v)return!1;const{unitId:S,subUnitId:_}=v,I=y.createCfId(S,_);let T;if([c.CFNumberOperator.between,c.CFNumberOperator.notBetween].includes(o)){const b=u;if(b.length!==2||!Array.isArray(b))return!1;T={ranges:n,cfId:I,stopIfTrue:!!i,rule:{type:c.CFRuleType.highlightCell,subType:c.CFSubRuleType.number,operator:o,style:r,value:b}}}else{const b=u;if(typeof b!="number")return!1;T={ranges:n,cfId:I,stopIfTrue:!!i,rule:{type:c.CFRuleType.highlightCell,subType:c.CFSubRuleType.number,operator:o,style:r,value:b}}}return h.executeCommand(c.AddConditionalRuleMutation.id,{unitId:S,subUnitId:_,rule:T})}},rn={type:w.CommandType.COMMAND,id:"sheet.command.add-rank-conditional-rule",handler(e,t){if(!t)return!1;const{ranges:n,style:r,stopIfTrue:i,isPercent:o,isBottom:u,value:y}=t,h=e.get(c.ConditionalFormattingRuleModel),R=e.get(w.IUniverInstanceService),v=e.get(w.ICommandService),S=B.getSheetCommandTarget(R);if(!S)return!1;const{unitId:_,subUnitId:I}=S,T=h.createCfId(_,I),b={ranges:n,cfId:T,stopIfTrue:!!i,rule:{type:c.CFRuleType.highlightCell,subType:c.CFSubRuleType.rank,isPercent:o,isBottom:u,style:r,value:y}};return v.executeCommand(c.AddConditionalRuleMutation.id,{unitId:_,subUnitId:I,rule:b})}},on={type:w.CommandType.COMMAND,id:"sheet.command.add-text-conditional-rule",handler(e,t){if(!t)return!1;const{ranges:n,style:r,stopIfTrue:i,operator:o,value:u}=t,y=e.get(c.ConditionalFormattingRuleModel),h=e.get(w.IUniverInstanceService),R=B.getSheetCommandTarget(h);if(!R)return!1;const{unitId:v,subUnitId:S}=R,_=e.get(w.ICommandService),I=y.createCfId(v,S),T={ranges:n,cfId:I,stopIfTrue:!!i,rule:{type:c.CFRuleType.highlightCell,subType:c.CFSubRuleType.text,operator:o,style:r,value:u}};return _.executeCommand(c.AddConditionalRuleMutation.id,{unitId:v,subUnitId:S,rule:T})}},an={type:w.CommandType.COMMAND,id:"sheet.command.add-time-period-conditional-rule",handler(e,t){if(!t)return!1;const{ranges:n,style:r,stopIfTrue:i,operator:o}=t,u=e.get(c.ConditionalFormattingRuleModel),y=e.get(w.IUniverInstanceService),h=e.get(w.ICommandService),R=B.getSheetCommandTarget(y);if(!R)return!1;const{unitId:v,subUnitId:S}=R,_=u.createCfId(v,S),I={ranges:n,cfId:_,stopIfTrue:!!i,rule:{type:c.CFRuleType.highlightCell,subType:c.CFSubRuleType.timePeriod,operator:o,style:r}};return h.executeCommand(c.AddConditionalRuleMutation.id,{unitId:v,subUnitId:S,rule:I})}},sn={type:w.CommandType.COMMAND,id:"sheet.command.add-uniqueValues-conditional-rule",handler(e,t){if(!t)return!1;const{ranges:n,style:r,stopIfTrue:i}=t,o=e.get(c.ConditionalFormattingRuleModel),u=e.get(w.IUniverInstanceService),y=e.get(w.ICommandService),h=B.getSheetCommandTarget(u);if(!h)return!1;const{unitId:R,subUnitId:v}=h,S=o.createCfId(R,v),_={ranges:n,cfId:S,stopIfTrue:!!i,rule:{type:c.CFRuleType.highlightCell,subType:c.CFSubRuleType.uniqueValues,style:r}};return y.executeCommand(c.AddConditionalRuleMutation.id,{unitId:R,subUnitId:v,rule:_})}},_r="univer-conditional-formatting-wrap",Er="univer-title",Or="univer-label",Pr="univer-label-container",le={conditionalFormattingWrap:_r,title:Er,label:Or,labelContainer:Pr};var Ce=function(){return Ce=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++){t=arguments[n];for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i])}return e},Ce.apply(this,arguments)},Dr=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,r=Object.getOwnPropertySymbols(e);i<r.length;i++)t.indexOf(r[i])<0&&Object.prototype.propertyIsEnumerable.call(e,r[i])&&(n[r[i]]=e[r[i]]);return n},Ae=j.forwardRef(function(e,t){var n=e.icon,r=e.id,i=e.className,o=e.extend,u=Dr(e,["icon","id","className","extend"]),y="univerjs-icon univerjs-icon-".concat(r," ").concat(i||"").trim(),h=j.useRef("_".concat(Nr()));return rr(n,"".concat(r),{defIds:n.defIds,idSuffix:h.current},Ce({ref:t,className:y},u),o)});function rr(e,t,n,r,i){return j.createElement(e.tag,Ce(Ce({key:t},Fr(e,n,i)),r),(Mr(e,n).children||[]).map(function(o,u){return rr(o,"".concat(t,"-").concat(e.tag,"-").concat(u),n,void 0,i)}))}function Fr(e,t,n){var r=Ce({},e.attrs);n!=null&&n.colorChannel1&&r.fill==="colorChannel1"&&(r.fill=n.colorChannel1),e.tag==="mask"&&r.id&&(r.id=r.id+t.idSuffix),Object.entries(r).forEach(function(o){var u=o[0],y=o[1];u==="mask"&&typeof y=="string"&&(r[u]=y.replace(/url\(#(.*)\)/,"url(#$1".concat(t.idSuffix,")")))});var i=t.defIds;return!i||i.length===0||(e.tag==="use"&&r["xlink:href"]&&(r["xlink:href"]=r["xlink:href"]+t.idSuffix),Object.entries(r).forEach(function(o){var u=o[0],y=o[1];typeof y=="string"&&(r[u]=y.replace(/url\(#(.*)\)/,"url(#$1".concat(t.idSuffix,")")))})),r}function Mr(e,t){var n,r=t.defIds;return!r||r.length===0?e:e.tag==="defs"&&(!((n=e.children)===null||n===void 0)&&n.length)?Ce(Ce({},e),{children:e.children.map(function(i){return typeof i.attrs.id=="string"&&r&&r.indexOf(i.attrs.id)>-1?Ce(Ce({},i),{attrs:Ce(Ce({},i.attrs),{id:i.attrs.id+t.idSuffix})}):i})}):e}function Nr(){return Math.random().toString(36).substring(2,8)}Ae.displayName="UniverIcon";var jr={tag:"svg",attrs:{fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M5.3313 1.4667C5.3313 1.13533 5.59993.866699 5.9313.866699H10.069C10.4004.866699 10.669 1.13533 10.669 1.4667 10.669 1.79807 10.4004 2.0667 10.069 2.0667H5.9313C5.59993 2.0667 5.3313 1.79807 5.3313 1.4667zM1.09985 3.64443C1.09985 3.31306 1.36848 3.04443 1.69985 3.04443H14.2999C14.6312 3.04443 14.8999 3.31306 14.8999 3.64443 14.8999 3.9758 14.6312 4.24443 14.2999 4.24443H1.69985C1.36848 4.24443 1.09985 3.9758 1.09985 3.64443zM6.12398 8.30171C6.35829 8.0674 6.73819 8.0674 6.97251 8.30171L8.00007 9.32928 9.02764 8.30171C9.26195 8.0674 9.64185 8.0674 9.87617 8.30171 10.1105 8.53603 10.1105 8.91593 9.87617 9.15024L8.8486 10.1778 9.87617 11.2054C10.1105 11.4397 10.1105 11.8196 9.87617 12.0539 9.64185 12.2882 9.26195 12.2882 9.02764 12.0539L8.00007 11.0263 6.97251 12.0539C6.73819 12.2882 6.35829 12.2882 6.12398 12.0539 5.88966 11.8196 5.88966 11.4397 6.12398 11.2054L7.15154 10.1778 6.12398 9.15024C5.88966 8.91593 5.88966 8.53603 6.12398 8.30171z"}},{tag:"path",attrs:{fill:"currentColor",d:"M4.75332 5.22217C3.86966 5.22217 3.15332 5.93851 3.15332 6.82217V12.5331C3.15332 13.9691 4.31738 15.1332 5.75332 15.1332H10.2465C11.6825 15.1332 12.8465 13.9691 12.8465 12.5331V6.82217C12.8465 5.93851 12.1302 5.22217 11.2465 5.22217H4.75332ZM4.35332 6.82217C4.35332 6.60125 4.53241 6.42217 4.75332 6.42217H11.2465C11.4674 6.42217 11.6465 6.60125 11.6465 6.82217V12.5331C11.6465 13.3063 11.0197 13.9332 10.2465 13.9332H5.75332C4.98012 13.9332 4.35332 13.3063 4.35332 12.5331V6.82217Z",fillRule:"evenodd",clipRule:"evenodd"}}]},xt=j.forwardRef(function(e,t){return j.createElement(Ae,Object.assign({},e,{id:"delete-single",ref:t,icon:jr}))});xt.displayName="DeleteSingle";var Lr={tag:"svg",attrs:{fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M8.6 1.99991C8.60001 1.66854 8.33138 1.39991 8.00001 1.3999C7.66864 1.3999 7.40001 1.66853 7.4 1.9999L7.39996 7.3999H1.9999C1.66853 7.3999 1.3999 7.66853 1.3999 7.9999C1.3999 8.33127 1.66853 8.5999 1.9999 8.5999H7.39995L7.3999 13.9999C7.3999 14.3313 7.66853 14.5999 7.9999 14.5999C8.33127 14.5999 8.5999 14.3313 8.5999 13.9999L8.59995 8.5999H13.9999C14.3313 8.5999 14.5999 8.33127 14.5999 7.9999C14.5999 7.66853 14.3313 7.3999 13.9999 7.3999H8.59996L8.6 1.99991Z"}}]},ir=j.forwardRef(function(e,t){return j.createElement(Ae,Object.assign({},e,{id:"increase-single",ref:t,icon:Lr}))});ir.displayName="IncreaseSingle";var Ur={tag:"svg",attrs:{fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M11.3536 6.14645C11.5488 6.34171 11.5488 6.65829 11.3536 6.85355L8.35355 9.85355C8.15829 10.0488 7.84171 10.0488 7.64645 9.85355L4.64645 6.85355C4.45118 6.65829 4.45118 6.34171 4.64645 6.14645C4.84171 5.95118 5.15829 5.95118 5.35355 6.14645L8 8.79289L10.6464 6.14645C10.8417 5.95118 11.1583 5.95118 11.3536 6.14645Z",fillRule:"evenodd",clipRule:"evenodd"}}]},Nt=j.forwardRef(function(e,t){return j.createElement(Ae,Object.assign({},e,{id:"more-down-single",ref:t,icon:Ur}))});Nt.displayName="MoreDownSingle";var Vr={tag:"svg",attrs:{fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"mask",attrs:{id:"mask0_622_8",style:{maskType:"alpha"},width:16,height:16,x:0,y:0,maskUnits:"userSpaceOnUse"},children:[{tag:"path",attrs:{fill:"#D9D9D9",d:"M0 0H16V16H0z"}}]},{tag:"g",attrs:{fill:"currentColor",mask:"url(#mask0_622_8)"},children:[{tag:"path",attrs:{d:"M6 5C6.55228 5 7 4.55228 7 4 7 3.44772 6.55228 3 6 3 5.44772 3 5 3.44772 5 4 5 4.55228 5.44772 5 6 5zM6 9C6.55228 9 7 8.55229 7 8 7 7.44772 6.55228 7 6 7 5.44772 7 5 7.44772 5 8 5 8.55229 5.44772 9 6 9zM7 12C7 12.5523 6.55228 13 6 13 5.44772 13 5 12.5523 5 12 5 11.4477 5.44772 11 6 11 6.55228 11 7 11.4477 7 12zM10 5C10.5523 5 11 4.55228 11 4 11 3.44772 10.5523 3 10 3 9.44771 3 9 3.44772 9 4 9 4.55228 9.44771 5 10 5zM11 8C11 8.55229 10.5523 9 10 9 9.44771 9 9 8.55229 9 8 9 7.44772 9.44771 7 10 7 10.5523 7 11 7.44772 11 8zM10 13C10.5523 13 11 12.5523 11 12 11 11.4477 10.5523 11 10 11 9.44771 11 9 11.4477 9 12 9 12.5523 9.44771 13 10 13z"}}]}]},or=j.forwardRef(function(e,t){return j.createElement(Ae,Object.assign({},e,{id:"sequence-single",ref:t,icon:Vr}))});or.displayName="SequenceSingle";var zr={tag:"svg",attrs:{fill:"none",viewBox:"0 0 17 17",width:"1em",height:"1em"},children:[{tag:"mask",attrs:{id:"mask0_436_41",style:{maskType:"alpha"},width:17,height:17,x:0,y:0,maskUnits:"userSpaceOnUse"},children:[{tag:"path",attrs:{fill:"#D9D9D9",d:"M0.35 0.48H16.35V16.48H0.35z"}}]},{tag:"g",attrs:{mask:"url(#mask0_436_41)",fillRule:"evenodd",clipRule:"evenodd"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M2.27177 13.714L13.5855 2.40025L14.434 3.24878L3.1203 14.5625L2.27177 13.714Z"}},{tag:"path",attrs:{fill:"#E5E5E5",d:"M4.2603 1.82495L2.89617 1.82495C2.23343 1.82495 1.69617 2.36221 1.69617 3.02495L1.69617 4.38908L3.02617 4.38908L3.02617 3.15495L4.2603 3.15495L4.2603 1.82495ZM15.0092 4.38908L15.0092 3.02495C15.0092 2.36221 14.4719 1.82495 13.8092 1.82495L12.4451 1.82495L12.4451 3.15495L13.6792 3.15495L13.6792 4.38908L15.0092 4.38908ZM6.98856 1.82495L6.98856 3.15495L9.71681 3.15495L9.71681 1.82495L6.98856 1.82495ZM15.0092 7.11734L13.6792 7.11734L13.6792 9.84559L15.0092 9.84559L15.0092 7.11734ZM15.0092 12.5739L13.6792 12.5739L13.6792 13.808L12.4451 13.808L12.4451 15.138L13.8092 15.138C14.4719 15.138 15.0092 14.6007 15.0092 13.938L15.0092 12.5739ZM9.71681 15.138L9.71681 13.808L6.98856 13.808L6.98856 15.138L9.71681 15.138ZM4.2603 15.138L4.2603 13.808L3.02617 13.808L3.02617 12.5739L1.69617 12.5739L1.69617 13.938C1.69617 14.6007 2.23343 15.138 2.89617 15.138L4.2603 15.138ZM1.69617 9.8456L3.02617 9.8456L3.02617 7.11734L1.69617 7.11734L1.69617 9.8456Z"}}]}]},ft=j.forwardRef(function(e,t){return j.createElement(Ae,Object.assign({},e,{id:"slash-single",ref:t,icon:zr}))});ft.displayName="SlashSingle";function kr(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}function ar(e){if(Object.prototype.hasOwnProperty.call(e,"__esModule"))return e;var t=e.default;if(typeof t=="function"){var n=function r(){return this instanceof r?Reflect.construct(t,arguments,this.constructor):t.apply(this,arguments)};n.prototype=t.prototype}else n={};return Object.defineProperty(n,"__esModule",{value:!0}),Object.keys(e).forEach(function(r){var i=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(n,r,i.get?i:{enumerable:!0,get:function(){return e[r]}})}),n}var Vt={exports:{}},We={},it={exports:{}},Ar=it.exports,hn;function ln(){return hn||(hn=1,function(e,t){(function(n,r){r(t)})(Ar,function(n){function r(A){return function(oe,O,P,M,V,H,k){return A(oe,O,k)}}function i(A){return function(oe,O,P,M){if(!oe||!O||typeof oe!="object"||typeof O!="object")return A(oe,O,P,M);var V=M.get(oe),H=M.get(O);if(V&&H)return V===O&&H===oe;M.set(oe,O),M.set(O,oe);var k=A(oe,O,P,M);return M.delete(oe),M.delete(O),k}}function o(A,Y){var oe={};for(var O in A)oe[O]=A[O];for(var O in Y)oe[O]=Y[O];return oe}function u(A){return A.constructor===Object||A.constructor==null}function y(A){return typeof A.then=="function"}function h(A,Y){return A===Y||A!==A&&Y!==Y}var R="[object Arguments]",v="[object Boolean]",S="[object Date]",_="[object RegExp]",I="[object Map]",T="[object Number]",b="[object Object]",p="[object Set]",a="[object String]",s=Object.prototype.toString;function f(A){var Y=A.areArraysEqual,oe=A.areDatesEqual,O=A.areMapsEqual,P=A.areObjectsEqual,M=A.areRegExpsEqual,V=A.areSetsEqual,H=A.createIsNestedEqual,k=H(X);function X($,Q,ce){if($===Q)return!0;if(!$||!Q||typeof $!="object"||typeof Q!="object")return $!==$&&Q!==Q;if(u($)&&u(Q))return P($,Q,k,ce);var Pe=Array.isArray($),ye=Array.isArray(Q);if(Pe||ye)return Pe===ye&&Y($,Q,k,ce);var ge=s.call($);return ge!==s.call(Q)?!1:ge===S?oe($,Q,k,ce):ge===_?M($,Q,k,ce):ge===I?O($,Q,k,ce):ge===p?V($,Q,k,ce):ge===b||ge===R?y($)||y(Q)?!1:P($,Q,k,ce):ge===v||ge===T||ge===a?h($.valueOf(),Q.valueOf()):!1}return X}function C(A,Y,oe,O){var P=A.length;if(Y.length!==P)return!1;for(;P-- >0;)if(!oe(A[P],Y[P],P,P,A,Y,O))return!1;return!0}var l=i(C);function g(A,Y){return h(A.valueOf(),Y.valueOf())}function d(A,Y,oe,O){var P=A.size===Y.size;if(!P)return!1;if(!A.size)return!0;var M={},V=0;return A.forEach(function(H,k){if(P){var X=!1,$=0;Y.forEach(function(Q,ce){!X&&!M[$]&&(X=oe(k,ce,V,$,A,Y,O)&&oe(H,Q,k,ce,A,Y,O))&&(M[$]=!0),$++}),V++,P=X}}),P}var m=i(d),D="_owner",F=Object.prototype.hasOwnProperty;function L(A,Y,oe,O){var P=Object.keys(A),M=P.length;if(Object.keys(Y).length!==M)return!1;for(var V;M-- >0;){if(V=P[M],V===D){var H=!!A.$$typeof,k=!!Y.$$typeof;if((H||k)&&H!==k)return!1}if(!F.call(Y,V)||!oe(A[V],Y[V],V,V,A,Y,O))return!1}return!0}var U=i(L);function E(A,Y){return A.source===Y.source&&A.flags===Y.flags}function N(A,Y,oe,O){var P=A.size===Y.size;if(!P)return!1;if(!A.size)return!0;var M={};return A.forEach(function(V,H){if(P){var k=!1,X=0;Y.forEach(function($,Q){!k&&!M[X]&&(k=oe(V,$,H,Q,A,Y,O))&&(M[X]=!0),X++}),P=k}}),P}var q=i(N),W=Object.freeze({areArraysEqual:C,areDatesEqual:g,areMapsEqual:d,areObjectsEqual:L,areRegExpsEqual:E,areSetsEqual:N,createIsNestedEqual:r}),G=Object.freeze({areArraysEqual:l,areDatesEqual:g,areMapsEqual:m,areObjectsEqual:U,areRegExpsEqual:E,areSetsEqual:q,createIsNestedEqual:r}),ie=f(W);function ne(A,Y){return ie(A,Y,void 0)}var se=f(o(W,{createIsNestedEqual:function(){return h}}));function z(A,Y){return se(A,Y,void 0)}var Z=f(G);function ee(A,Y){return Z(A,Y,new WeakMap)}var ae=f(o(G,{createIsNestedEqual:function(){return h}}));function de(A,Y){return ae(A,Y,new WeakMap)}function he(A){return f(o(W,A(W)))}function be(A){var Y=f(o(G,A(G)));return function(oe,O,P){return P===void 0&&(P=new WeakMap),Y(oe,O,P)}}n.circularDeepEqual=ee,n.circularShallowEqual=de,n.createCustomCircularEqual=be,n.createCustomEqual=he,n.deepEqual=ne,n.sameValueZeroEqual=h,n.shallowEqual=z,Object.defineProperty(n,"__esModule",{value:!0})})}(it,it.exports)),it.exports}var gt={exports:{}},gn;function un(){if(gn)return gt.exports;gn=1;function e(n){var r,i,o="";if(typeof n=="string"||typeof n=="number")o+=n;else if(typeof n=="object")if(Array.isArray(n)){var u=n.length;for(r=0;r<u;r++)n[r]&&(i=e(n[r]))&&(o&&(o+=" "),o+=i)}else for(i in n)n[i]&&(o&&(o+=" "),o+=i);return o}function t(){for(var n,r,i=0,o="",u=arguments.length;i<u;i++)(n=arguments[i])&&(r=e(n))&&(o&&(o+=" "),o+=r);return o}return gt.exports=t,gt.exports.clsx=t,gt.exports}var re={},zt,mn;function qr(){return mn||(mn=1,zt=function(t,n,r){return t===n?!0:t.className===n.className&&r(t.style,n.style)&&t.width===n.width&&t.autoSize===n.autoSize&&t.cols===n.cols&&t.draggableCancel===n.draggableCancel&&t.draggableHandle===n.draggableHandle&&r(t.verticalCompact,n.verticalCompact)&&r(t.compactType,n.compactType)&&r(t.layout,n.layout)&&r(t.margin,n.margin)&&r(t.containerPadding,n.containerPadding)&&t.rowHeight===n.rowHeight&&t.maxRows===n.maxRows&&t.isBounded===n.isBounded&&t.isDraggable===n.isDraggable&&t.isResizable===n.isResizable&&t.allowOverlap===n.allowOverlap&&t.preventCollision===n.preventCollision&&t.useCSSTransforms===n.useCSSTransforms&&t.transformScale===n.transformScale&&t.isDroppable===n.isDroppable&&r(t.resizeHandles,n.resizeHandles)&&r(t.resizeHandle,n.resizeHandle)&&t.onLayoutChange===n.onLayoutChange&&t.onDragStart===n.onDragStart&&t.onDrag===n.onDrag&&t.onDragStop===n.onDragStop&&t.onResizeStart===n.onResizeStart&&t.onResize===n.onResize&&t.onResizeStop===n.onResizeStop&&t.onDrop===n.onDrop&&r(t.droppingItem,n.droppingItem)&&r(t.innerRef,n.innerRef)}),zt}var vn;function qe(){if(vn)return re;vn=1,Object.defineProperty(re,"__esModule",{value:!0}),re.bottom=r,re.childrenEqual=h,re.cloneLayout=i,re.cloneLayoutItem=y,re.collides=v,re.compact=S,re.compactItem=T,re.compactType=A,re.correctBounds=b,re.fastPositionEqual=R,re.fastRGLPropsEqual=void 0,re.getAllCollisions=s,re.getFirstCollision=a,re.getLayoutItem=p,re.getStatics=f,re.modifyLayout=o,re.moveElement=C,re.moveElementAwayFromCollision=l,re.noop=void 0,re.perc=g,re.resizeItemInDirection=se,re.setTopLeft=Z,re.setTransform=z,re.sortLayoutItems=ee,re.sortLayoutItemsByColRow=de,re.sortLayoutItemsByRowCol=ae,re.synchronizeLayoutWithChildren=he,re.validateLayout=be,re.withLayoutItem=u;var e=ln(),t=n(j);function n(O){return O&&O.__esModule?O:{default:O}}function r(O){let P=0,M;for(let V=0,H=O.length;V<H;V++)M=O[V].y+O[V].h,M>P&&(P=M);return P}function i(O){const P=Array(O.length);for(let M=0,V=O.length;M<V;M++)P[M]=y(O[M]);return P}function o(O,P){const M=Array(O.length);for(let V=0,H=O.length;V<H;V++)P.i===O[V].i?M[V]=P:M[V]=O[V];return M}function u(O,P,M){let V=p(O,P);return V?(V=M(y(V)),O=o(O,V),[O,V]):[O,null]}function y(O){return{w:O.w,h:O.h,x:O.x,y:O.y,i:O.i,minW:O.minW,maxW:O.maxW,minH:O.minH,maxH:O.maxH,moved:!!O.moved,static:!!O.static,isDraggable:O.isDraggable,isResizable:O.isResizable,resizeHandles:O.resizeHandles,isBounded:O.isBounded}}function h(O,P){return(0,e.deepEqual)(t.default.Children.map(O,M=>M==null?void 0:M.key),t.default.Children.map(P,M=>M==null?void 0:M.key))&&(0,e.deepEqual)(t.default.Children.map(O,M=>M==null?void 0:M.props["data-grid"]),t.default.Children.map(P,M=>M==null?void 0:M.props["data-grid"]))}re.fastRGLPropsEqual=qr();function R(O,P){return O.left===P.left&&O.top===P.top&&O.width===P.width&&O.height===P.height}function v(O,P){return!(O.i===P.i||O.x+O.w<=P.x||O.x>=P.x+P.w||O.y+O.h<=P.y||O.y>=P.y+P.h)}function S(O,P,M,V){const H=f(O),k=ee(O,P),X=Array(O.length);for(let $=0,Q=k.length;$<Q;$++){let ce=y(k[$]);ce.static||(ce=T(H,ce,P,M,k,V),H.push(ce)),X[O.indexOf(k[$])]=ce,ce.moved=!1}return X}const _={x:"w",y:"h"};function I(O,P,M,V){const H=_[V];P[V]+=1;const k=O.map(X=>X.i).indexOf(P.i);for(let X=k+1;X<O.length;X++){const $=O[X];if(!$.static){if($.y>P.y+P.h)break;v(P,$)&&I(O,$,M+P[H],V)}}P[V]=M}function T(O,P,M,V,H,k){const X=M==="vertical",$=M==="horizontal";if(X)for(P.y=Math.min(r(O),P.y);P.y>0&&!a(O,P);)P.y--;else if($)for(;P.x>0&&!a(O,P);)P.x--;let Q;for(;(Q=a(O,P))&&!(M===null&&k);)if($?I(H,P,Q.x+Q.w,"x"):I(H,P,Q.y+Q.h,"y"),$&&P.x+P.w>V)for(P.x=V-P.w,P.y++;P.x>0&&!a(O,P);)P.x--;return P.y=Math.max(P.y,0),P.x=Math.max(P.x,0),P}function b(O,P){const M=f(O);for(let V=0,H=O.length;V<H;V++){const k=O[V];if(k.x+k.w>P.cols&&(k.x=P.cols-k.w),k.x<0&&(k.x=0,k.w=P.cols),!k.static)M.push(k);else for(;a(M,k);)k.y++}return O}function p(O,P){for(let M=0,V=O.length;M<V;M++)if(O[M].i===P)return O[M]}function a(O,P){for(let M=0,V=O.length;M<V;M++)if(v(O[M],P))return O[M]}function s(O,P){return O.filter(M=>v(M,P))}function f(O){return O.filter(P=>P.static)}function C(O,P,M,V,H,k,X,$,Q){if(P.static&&P.isDraggable!==!0||P.y===V&&P.x===M)return O;`${P.i}${String(M)}${String(V)}${P.x}${P.y}`;const ce=P.x,Pe=P.y;typeof M=="number"&&(P.x=M),typeof V=="number"&&(P.y=V),P.moved=!0;let ye=ee(O,X);(X==="vertical"&&typeof V=="number"?Pe>=V:X==="horizontal"&&typeof M=="number"?ce>=M:!1)&&(ye=ye.reverse());const je=s(ye,P),ht=je.length>0;if(ht&&Q)return i(O);if(ht&&k)return`${P.i}`,P.x=ce,P.y=Pe,P.moved=!1,O;for(let Ut=0,wr=je.length;Ut<wr;Ut++){const De=je[Ut];`${P.i}${P.x}${P.y}${De.i}${De.x}${De.y}`,!De.moved&&(De.static?O=l(O,De,P,H,X):O=l(O,P,De,H,X))}return O}function l(O,P,M,V,H,k){const X=H==="horizontal",$=H==="vertical",Q=P.static;if(V){V=!1;const ye={x:X?Math.max(P.x-M.w,0):M.x,y:$?Math.max(P.y-M.h,0):M.y,w:M.w,h:M.h,i:"-1"},ge=a(O,ye),je=ge&&ge.y+ge.h>P.y,ht=ge&&P.x+P.w>ge.x;if(ge){if(je&&$)return C(O,M,void 0,P.y+1,V,Q,H);if(je&&H==null)return P.y=M.y,M.y=M.y+M.h,O;if(ht&&X)return C(O,P,M.x,void 0,V,Q,H)}else return`${M.i}${ye.x}${ye.y}`,C(O,M,X?ye.x:void 0,$?ye.y:void 0,V,Q,H)}const ce=X?M.x+1:void 0,Pe=$?M.y+1:void 0;return ce==null&&Pe==null?O:C(O,M,X?M.x+1:void 0,$?M.y+1:void 0,V,Q,H)}function g(O){return O*100+"%"}const d=(O,P,M,V)=>O+M>V?P:M,m=(O,P,M)=>O<0?P:M,D=O=>Math.max(0,O),F=O=>Math.max(0,O),L=(O,P,M)=>{let{left:V,height:H,width:k}=P;const X=O.top-(H-O.height);return{left:V,width:k,height:m(X,O.height,H),top:F(X)}},U=(O,P,M)=>{let{top:V,left:H,height:k,width:X}=P;return{top:V,height:k,width:d(O.left,O.width,X,M),left:D(H)}},E=(O,P,M)=>{let{top:V,height:H,width:k}=P;const X=O.left-(k-O.width);return{height:H,width:X<0?O.width:d(O.left,O.width,k,M),top:F(V),left:D(X)}},N=(O,P,M)=>{let{top:V,left:H,height:k,width:X}=P;return{width:X,left:H,height:m(V,O.height,k),top:F(V)}},ne={n:L,ne:function(){return L(arguments.length<=0?void 0:arguments[0],U(...arguments))},e:U,se:function(){return N(arguments.length<=0?void 0:arguments[0],U(...arguments))},s:N,sw:function(){return N(arguments.length<=0?void 0:arguments[0],E(...arguments))},w:E,nw:function(){return L(arguments.length<=0?void 0:arguments[0],E(...arguments))}};function se(O,P,M,V){const H=ne[O];return H?H(P,{...P,...M},V):M}function z(O){let{top:P,left:M,width:V,height:H}=O;const k=`translate(${M}px,${P}px)`;return{transform:k,WebkitTransform:k,MozTransform:k,msTransform:k,OTransform:k,width:`${V}px`,height:`${H}px`,position:"absolute"}}function Z(O){let{top:P,left:M,width:V,height:H}=O;return{top:`${P}px`,left:`${M}px`,width:`${V}px`,height:`${H}px`,position:"absolute"}}function ee(O,P){return P==="horizontal"?de(O):P==="vertical"?ae(O):O}function ae(O){return O.slice(0).sort(function(P,M){return P.y>M.y||P.y===M.y&&P.x>M.x?1:P.y===M.y&&P.x===M.x?0:-1})}function de(O){return O.slice(0).sort(function(P,M){return P.x>M.x||P.x===M.x&&P.y>M.y?1:-1})}function he(O,P,M,V,H){O=O||[];const k=[];t.default.Children.forEach(P,$=>{if(($==null?void 0:$.key)==null)return;const Q=p(O,String($.key)),ce=$.props["data-grid"];Q&&ce==null?k.push(y(Q)):ce?k.push(y({...ce,i:$.key})):k.push(y({w:1,h:1,x:0,y:r(k),i:String($.key)}))});const X=b(k,{cols:M});return H?X:S(X,V,M)}function be(O){let P=arguments.length>1&&arguments[1]!==void 0?arguments[1]:"Layout";const M=["x","y","w","h"];if(!Array.isArray(O))throw new Error(P+" must be an array!");for(let V=0,H=O.length;V<H;V++){const k=O[V];for(let X=0;X<M.length;X++){const $=M[X],Q=k[$];if(typeof Q!="number"||Number.isNaN(Q))throw new Error(`ReactGridLayout: ${P}[${V}].${$} must be a number! Received: ${Q} (${typeof Q})`)}if(typeof k.i<"u"&&typeof k.i!="string")throw new Error(`ReactGridLayout: ${P}[${V}].i must be a string! Received: ${k.i} (${typeof k.i})`)}}function A(O){const{verticalCompact:P,compactType:M}=O||{};return P===!1?null:M}function Y(){}const oe=()=>{};return re.noop=oe,re}var Te={},yn;function cn(){if(yn)return Te;yn=1,Object.defineProperty(Te,"__esModule",{value:!0}),Te.calcGridColWidth=e,Te.calcGridItemPosition=n,Te.calcGridItemWHPx=t,Te.calcWH=i,Te.calcXY=r,Te.clamp=o;function e(u){const{margin:y,containerPadding:h,containerWidth:R,cols:v}=u;return(R-y[0]*(v-1)-h[0]*2)/v}function t(u,y,h){return Number.isFinite(u)?Math.round(y*u+Math.max(0,u-1)*h):u}function n(u,y,h,R,v,S){const{margin:_,containerPadding:I,rowHeight:T}=u,b=e(u),p={};return S&&S.resizing?(p.width=Math.round(S.resizing.width),p.height=Math.round(S.resizing.height)):(p.width=t(R,b,_[0]),p.height=t(v,T,_[1])),S&&S.dragging?(p.top=Math.round(S.dragging.top),p.left=Math.round(S.dragging.left)):S&&S.resizing&&typeof S.resizing.top=="number"&&typeof S.resizing.left=="number"?(p.top=Math.round(S.resizing.top),p.left=Math.round(S.resizing.left)):(p.top=Math.round((T+_[1])*h+I[1]),p.left=Math.round((b+_[0])*y+I[0])),p}function r(u,y,h,R,v){const{margin:S,containerPadding:_,cols:I,rowHeight:T,maxRows:b}=u,p=e(u);let a=Math.round((h-_[0])/(p+S[0])),s=Math.round((y-_[1])/(T+S[1]));return a=o(a,0,I-R),s=o(s,0,b-v),{x:a,y:s}}function i(u,y,h,R,v,S){const{margin:_,maxRows:I,cols:T,rowHeight:b}=u,p=e(u);let a=Math.round((y+_[0])/(p+_[0])),s=Math.round((h+_[1])/(b+_[1])),f=o(a,0,T-R),C=o(s,0,I-v);return["sw","w","nw"].indexOf(S)!==-1&&(f=o(a,0,T)),["nw","n","ne"].indexOf(S)!==-1&&(C=o(s,0,I)),{w:f,h:C}}function o(u,y,h){return Math.max(Math.min(u,h),y)}return Te}var $e={},kt={exports:{}},At,Cn;function Hr(){if(Cn)return At;Cn=1;var e="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";return At=e,At}var qt,bn;function Wr(){if(bn)return qt;bn=1;var e=Hr();function t(){}function n(){}return n.resetWarningCache=t,qt=function(){function r(u,y,h,R,v,S){if(S!==e){var _=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw _.name="Invariant Violation",_}}r.isRequired=r;function i(){return r}var o={array:r,bigint:r,bool:r,func:r,number:r,object:r,string:r,symbol:r,any:r,arrayOf:i,element:r,elementType:r,instanceOf:i,node:r,objectOf:i,oneOf:i,oneOfType:i,shape:i,exact:i,checkPropTypes:n,resetWarningCache:t};return o.PropTypes=o,o},qt}var Sn;function Oe(){return Sn||(Sn=1,kt.exports=Wr()()),kt.exports}var Be={exports:{}},Ht={};function sr(e){var t,n,r="";if(typeof e=="string"||typeof e=="number")r+=e;else if(typeof e=="object")if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(n=sr(e[t]))&&(r&&(r+=" "),r+=n);else for(t in e)e[t]&&(r&&(r+=" "),r+=t);return r}function Rn(){for(var e,t,n=0,r="";n<arguments.length;)(e=arguments[n++])&&(t=sr(e))&&(r&&(r+=" "),r+=t);return r}const $r=Object.freeze(Object.defineProperty({__proto__:null,clsx:Rn,default:Rn},Symbol.toStringTag,{value:"Module"})),Br=ar($r);var pe={},_e={},Tn;function jt(){if(Tn)return _e;Tn=1,Object.defineProperty(_e,"__esModule",{value:!0}),_e.dontSetMe=i,_e.findInArray=e,_e.int=r,_e.isFunction=t,_e.isNum=n;function e(o,u){for(let y=0,h=o.length;y<h;y++)if(u.apply(u,[o[y],y,o]))return o[y]}function t(o){return typeof o=="function"||Object.prototype.toString.call(o)==="[object Function]"}function n(o){return typeof o=="number"&&!isNaN(o)}function r(o){return parseInt(o,10)}function i(o,u,y){if(o[u])return new Error("Invalid prop ".concat(u," passed to ").concat(y," - do not set this, set it on the child."))}return _e}var Ee={},wn;function Gr(){if(wn)return Ee;wn=1,Object.defineProperty(Ee,"__esModule",{value:!0}),Ee.browserPrefixToKey=n,Ee.browserPrefixToStyle=r,Ee.default=void 0,Ee.getPrefix=t;const e=["Moz","Webkit","O","ms"];function t(){var o;let u=arguments.length>0&&arguments[0]!==void 0?arguments[0]:"transform";if(typeof window>"u")return"";const y=(o=window.document)===null||o===void 0||(o=o.documentElement)===null||o===void 0?void 0:o.style;if(!y||u in y)return"";for(let h=0;h<e.length;h++)if(n(u,e[h])in y)return e[h];return""}function n(o,u){return u?"".concat(u).concat(i(o)):o}function r(o,u){return u?"-".concat(u.toLowerCase(),"-").concat(o):o}function i(o){let u="",y=!0;for(let h=0;h<o.length;h++)y?(u+=o[h].toUpperCase(),y=!1):o[h]==="-"?y=!0:u+=o[h];return u}return Ee.default=t(),Ee}var xn;function dn(){if(xn)return pe;xn=1,Object.defineProperty(pe,"__esModule",{value:!0}),pe.addClassName=l,pe.addEvent=y,pe.addUserSelectStyles=f,pe.createCSSTransform=T,pe.createSVGTransform=b,pe.getTouch=a,pe.getTouchIdentifier=s,pe.getTranslation=p,pe.innerHeight=S,pe.innerWidth=_,pe.matchesSelector=o,pe.matchesSelectorAndParentsTo=u,pe.offsetXYFromParent=I,pe.outerHeight=R,pe.outerWidth=v,pe.removeClassName=g,pe.removeEvent=h,pe.removeUserSelectStyles=C;var e=jt(),t=r(Gr());function n(d){if(typeof WeakMap!="function")return null;var m=new WeakMap,D=new WeakMap;return(n=function(F){return F?D:m})(d)}function r(d,m){if(d&&d.__esModule)return d;if(d===null||typeof d!="object"&&typeof d!="function")return{default:d};var D=n(m);if(D&&D.has(d))return D.get(d);var F={},L=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var U in d)if(U!=="default"&&Object.prototype.hasOwnProperty.call(d,U)){var E=L?Object.getOwnPropertyDescriptor(d,U):null;E&&(E.get||E.set)?Object.defineProperty(F,U,E):F[U]=d[U]}return F.default=d,D&&D.set(d,F),F}let i="";function o(d,m){return i||(i=(0,e.findInArray)(["matches","webkitMatchesSelector","mozMatchesSelector","msMatchesSelector","oMatchesSelector"],function(D){return(0,e.isFunction)(d[D])})),(0,e.isFunction)(d[i])?d[i](m):!1}function u(d,m,D){let F=d;do{if(o(F,m))return!0;if(F===D)return!1;F=F.parentNode}while(F);return!1}function y(d,m,D,F){if(!d)return;const L={capture:!0,...F};d.addEventListener?d.addEventListener(m,D,L):d.attachEvent?d.attachEvent("on"+m,D):d["on"+m]=D}function h(d,m,D,F){if(!d)return;const L={capture:!0,...F};d.removeEventListener?d.removeEventListener(m,D,L):d.detachEvent?d.detachEvent("on"+m,D):d["on"+m]=null}function R(d){let m=d.clientHeight;const D=d.ownerDocument.defaultView.getComputedStyle(d);return m+=(0,e.int)(D.borderTopWidth),m+=(0,e.int)(D.borderBottomWidth),m}function v(d){let m=d.clientWidth;const D=d.ownerDocument.defaultView.getComputedStyle(d);return m+=(0,e.int)(D.borderLeftWidth),m+=(0,e.int)(D.borderRightWidth),m}function S(d){let m=d.clientHeight;const D=d.ownerDocument.defaultView.getComputedStyle(d);return m-=(0,e.int)(D.paddingTop),m-=(0,e.int)(D.paddingBottom),m}function _(d){let m=d.clientWidth;const D=d.ownerDocument.defaultView.getComputedStyle(d);return m-=(0,e.int)(D.paddingLeft),m-=(0,e.int)(D.paddingRight),m}function I(d,m,D){const L=m===m.ownerDocument.body?{left:0,top:0}:m.getBoundingClientRect(),U=(d.clientX+m.scrollLeft-L.left)/D,E=(d.clientY+m.scrollTop-L.top)/D;return{x:U,y:E}}function T(d,m){const D=p(d,m,"px");return{[(0,t.browserPrefixToKey)("transform",t.default)]:D}}function b(d,m){return p(d,m,"")}function p(d,m,D){let{x:F,y:L}=d,U="translate(".concat(F).concat(D,",").concat(L).concat(D,")");if(m){const E="".concat(typeof m.x=="string"?m.x:m.x+D),N="".concat(typeof m.y=="string"?m.y:m.y+D);U="translate(".concat(E,", ").concat(N,")")+U}return U}function a(d,m){return d.targetTouches&&(0,e.findInArray)(d.targetTouches,D=>m===D.identifier)||d.changedTouches&&(0,e.findInArray)(d.changedTouches,D=>m===D.identifier)}function s(d){if(d.targetTouches&&d.targetTouches[0])return d.targetTouches[0].identifier;if(d.changedTouches&&d.changedTouches[0])return d.changedTouches[0].identifier}function f(d){if(!d)return;let m=d.getElementById("react-draggable-style-el");m||(m=d.createElement("style"),m.type="text/css",m.id="react-draggable-style-el",m.innerHTML=`.react-draggable-transparent-selection *::-moz-selection {all: inherit;}
+`,m.innerHTML+=`.react-draggable-transparent-selection *::selection {all: inherit;}
+`,d.getElementsByTagName("head")[0].appendChild(m)),d.body&&l(d.body,"react-draggable-transparent-selection")}function C(d){if(d)try{if(d.body&&g(d.body,"react-draggable-transparent-selection"),d.selection)d.selection.empty();else{const m=(d.defaultView||window).getSelection();m&&m.type!=="Caret"&&m.removeAllRanges()}}catch{}}function l(d,m){d.classList?d.classList.add(m):d.className.match(new RegExp("(?:^|\\s)".concat(m,"(?!\\S)")))||(d.className+=" ".concat(m))}function g(d,m){d.classList?d.classList.remove(m):d.className=d.className.replace(new RegExp("(?:^|\\s)".concat(m,"(?!\\S)"),"g"),"")}return pe}var Re={},In;function lr(){if(In)return Re;In=1,Object.defineProperty(Re,"__esModule",{value:!0}),Re.canDragX=i,Re.canDragY=o,Re.createCoreData=y,Re.createDraggableData=h,Re.getBoundPosition=n,Re.getControlPosition=u,Re.snapToGrid=r;var e=jt(),t=dn();function n(S,_,I){if(!S.props.bounds)return[_,I];let{bounds:T}=S.props;T=typeof T=="string"?T:R(T);const b=v(S);if(typeof T=="string"){const{ownerDocument:p}=b,a=p.defaultView;let s;if(T==="parent"?s=b.parentNode:s=p.querySelector(T),!(s instanceof a.HTMLElement))throw new Error('Bounds selector "'+T+'" could not find an element.');const f=s,C=a.getComputedStyle(b),l=a.getComputedStyle(f);T={left:-b.offsetLeft+(0,e.int)(l.paddingLeft)+(0,e.int)(C.marginLeft),top:-b.offsetTop+(0,e.int)(l.paddingTop)+(0,e.int)(C.marginTop),right:(0,t.innerWidth)(f)-(0,t.outerWidth)(b)-b.offsetLeft+(0,e.int)(l.paddingRight)-(0,e.int)(C.marginRight),bottom:(0,t.innerHeight)(f)-(0,t.outerHeight)(b)-b.offsetTop+(0,e.int)(l.paddingBottom)-(0,e.int)(C.marginBottom)}}return(0,e.isNum)(T.right)&&(_=Math.min(_,T.right)),(0,e.isNum)(T.bottom)&&(I=Math.min(I,T.bottom)),(0,e.isNum)(T.left)&&(_=Math.max(_,T.left)),(0,e.isNum)(T.top)&&(I=Math.max(I,T.top)),[_,I]}function r(S,_,I){const T=Math.round(_/S[0])*S[0],b=Math.round(I/S[1])*S[1];return[T,b]}function i(S){return S.props.axis==="both"||S.props.axis==="x"}function o(S){return S.props.axis==="both"||S.props.axis==="y"}function u(S,_,I){const T=typeof _=="number"?(0,t.getTouch)(S,_):null;if(typeof _=="number"&&!T)return null;const b=v(I),p=I.props.offsetParent||b.offsetParent||b.ownerDocument.body;return(0,t.offsetXYFromParent)(T||S,p,I.props.scale)}function y(S,_,I){const T=!(0,e.isNum)(S.lastX),b=v(S);return T?{node:b,deltaX:0,deltaY:0,lastX:_,lastY:I,x:_,y:I}:{node:b,deltaX:_-S.lastX,deltaY:I-S.lastY,lastX:S.lastX,lastY:S.lastY,x:_,y:I}}function h(S,_){const I=S.props.scale;return{node:_.node,x:S.state.x+_.deltaX/I,y:S.state.y+_.deltaY/I,deltaX:_.deltaX/I,deltaY:_.deltaY/I,lastX:S.state.x,lastY:S.state.y}}function R(S){return{left:S.left,top:S.top,right:S.right,bottom:S.bottom}}function v(S){const _=S.findDOMNode();if(!_)throw new Error("<DraggableCore>: Unmounted during event!");return _}return Re}var Ge={},mt={},_n;function ur(){if(_n)return mt;_n=1,Object.defineProperty(mt,"__esModule",{value:!0}),mt.default=e;function e(){}return mt}var En;function Yr(){if(En)return Ge;En=1,Object.defineProperty(Ge,"__esModule",{value:!0}),Ge.default=void 0;var e=R(j),t=y(Oe()),n=y(Zt),r=dn(),i=lr(),o=jt(),u=y(ur());function y(p){return p&&p.__esModule?p:{default:p}}function h(p){if(typeof WeakMap!="function")return null;var a=new WeakMap,s=new WeakMap;return(h=function(f){return f?s:a})(p)}function R(p,a){if(p&&p.__esModule)return p;if(p===null||typeof p!="object"&&typeof p!="function")return{default:p};var s=h(a);if(s&&s.has(p))return s.get(p);var f={},C=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in p)if(l!=="default"&&Object.prototype.hasOwnProperty.call(p,l)){var g=C?Object.getOwnPropertyDescriptor(p,l):null;g&&(g.get||g.set)?Object.defineProperty(f,l,g):f[l]=p[l]}return f.default=p,s&&s.set(p,f),f}function v(p,a,s){return a=S(a),a in p?Object.defineProperty(p,a,{value:s,enumerable:!0,configurable:!0,writable:!0}):p[a]=s,p}function S(p){var a=_(p,"string");return typeof a=="symbol"?a:String(a)}function _(p,a){if(typeof p!="object"||p===null)return p;var s=p[Symbol.toPrimitive];if(s!==void 0){var f=s.call(p,a);if(typeof f!="object")return f;throw new TypeError("@@toPrimitive must return a primitive value.")}return(a==="string"?String:Number)(p)}const I={touch:{start:"touchstart",move:"touchmove",stop:"touchend"},mouse:{start:"mousedown",move:"mousemove",stop:"mouseup"}};let T=I.mouse,b=class extends e.Component{constructor(){super(...arguments),v(this,"dragging",!1),v(this,"lastX",NaN),v(this,"lastY",NaN),v(this,"touchIdentifier",null),v(this,"mounted",!1),v(this,"handleDragStart",a=>{if(this.props.onMouseDown(a),!this.props.allowAnyClick&&typeof a.button=="number"&&a.button!==0)return!1;const s=this.findDOMNode();if(!s||!s.ownerDocument||!s.ownerDocument.body)throw new Error("<DraggableCore> not mounted on DragStart!");const{ownerDocument:f}=s;if(this.props.disabled||!(a.target instanceof f.defaultView.Node)||this.props.handle&&!(0,r.matchesSelectorAndParentsTo)(a.target,this.props.handle,s)||this.props.cancel&&(0,r.matchesSelectorAndParentsTo)(a.target,this.props.cancel,s))return;a.type==="touchstart"&&a.preventDefault();const C=(0,r.getTouchIdentifier)(a);this.touchIdentifier=C;const l=(0,i.getControlPosition)(a,C,this);if(l==null)return;const{x:g,y:d}=l,m=(0,i.createCoreData)(this,g,d);(0,u.default)("DraggableCore: handleDragStart: %j",m),(0,u.default)("calling",this.props.onStart),!(this.props.onStart(a,m)===!1||this.mounted===!1)&&(this.props.enableUserSelectHack&&(0,r.addUserSelectStyles)(f),this.dragging=!0,this.lastX=g,this.lastY=d,(0,r.addEvent)(f,T.move,this.handleDrag),(0,r.addEvent)(f,T.stop,this.handleDragStop))}),v(this,"handleDrag",a=>{const s=(0,i.getControlPosition)(a,this.touchIdentifier,this);if(s==null)return;let{x:f,y:C}=s;if(Array.isArray(this.props.grid)){let d=f-this.lastX,m=C-this.lastY;if([d,m]=(0,i.snapToGrid)(this.props.grid,d,m),!d&&!m)return;f=this.lastX+d,C=this.lastY+m}const l=(0,i.createCoreData)(this,f,C);if((0,u.default)("DraggableCore: handleDrag: %j",l),this.props.onDrag(a,l)===!1||this.mounted===!1){try{this.handleDragStop(new MouseEvent("mouseup"))}catch{const m=document.createEvent("MouseEvents");m.initMouseEvent("mouseup",!0,!0,window,0,0,0,0,0,!1,!1,!1,!1,0,null),this.handleDragStop(m)}return}this.lastX=f,this.lastY=C}),v(this,"handleDragStop",a=>{if(!this.dragging)return;const s=(0,i.getControlPosition)(a,this.touchIdentifier,this);if(s==null)return;let{x:f,y:C}=s;if(Array.isArray(this.props.grid)){let m=f-this.lastX||0,D=C-this.lastY||0;[m,D]=(0,i.snapToGrid)(this.props.grid,m,D),f=this.lastX+m,C=this.lastY+D}const l=(0,i.createCoreData)(this,f,C);if(this.props.onStop(a,l)===!1||this.mounted===!1)return!1;const d=this.findDOMNode();d&&this.props.enableUserSelectHack&&(0,r.removeUserSelectStyles)(d.ownerDocument),(0,u.default)("DraggableCore: handleDragStop: %j",l),this.dragging=!1,this.lastX=NaN,this.lastY=NaN,d&&((0,u.default)("DraggableCore: Removing handlers"),(0,r.removeEvent)(d.ownerDocument,T.move,this.handleDrag),(0,r.removeEvent)(d.ownerDocument,T.stop,this.handleDragStop))}),v(this,"onMouseDown",a=>(T=I.mouse,this.handleDragStart(a))),v(this,"onMouseUp",a=>(T=I.mouse,this.handleDragStop(a))),v(this,"onTouchStart",a=>(T=I.touch,this.handleDragStart(a))),v(this,"onTouchEnd",a=>(T=I.touch,this.handleDragStop(a)))}componentDidMount(){this.mounted=!0;const a=this.findDOMNode();a&&(0,r.addEvent)(a,I.touch.start,this.onTouchStart,{passive:!1})}componentWillUnmount(){this.mounted=!1;const a=this.findDOMNode();if(a){const{ownerDocument:s}=a;(0,r.removeEvent)(s,I.mouse.move,this.handleDrag),(0,r.removeEvent)(s,I.touch.move,this.handleDrag),(0,r.removeEvent)(s,I.mouse.stop,this.handleDragStop),(0,r.removeEvent)(s,I.touch.stop,this.handleDragStop),(0,r.removeEvent)(a,I.touch.start,this.onTouchStart,{passive:!1}),this.props.enableUserSelectHack&&(0,r.removeUserSelectStyles)(s)}}findDOMNode(){var a,s;return(a=this.props)!==null&&a!==void 0&&a.nodeRef?(s=this.props)===null||s===void 0||(s=s.nodeRef)===null||s===void 0?void 0:s.current:n.default.findDOMNode(this)}render(){return e.cloneElement(e.Children.only(this.props.children),{onMouseDown:this.onMouseDown,onMouseUp:this.onMouseUp,onTouchEnd:this.onTouchEnd})}};return Ge.default=b,v(b,"displayName","DraggableCore"),v(b,"propTypes",{allowAnyClick:t.default.bool,children:t.default.node.isRequired,disabled:t.default.bool,enableUserSelectHack:t.default.bool,offsetParent:function(p,a){if(p[a]&&p[a].nodeType!==1)throw new Error("Draggable's offsetParent must be a DOM Node.")},grid:t.default.arrayOf(t.default.number),handle:t.default.string,cancel:t.default.string,nodeRef:t.default.object,onStart:t.default.func,onDrag:t.default.func,onStop:t.default.func,onMouseDown:t.default.func,scale:t.default.number,className:o.dontSetMe,style:o.dontSetMe,transform:o.dontSetMe}),v(b,"defaultProps",{allowAnyClick:!1,disabled:!1,enableUserSelectHack:!0,onStart:function(){},onDrag:function(){},onStop:function(){},onMouseDown:function(){},scale:1}),Ge}var On;function Xr(){return On||(On=1,function(e){Object.defineProperty(e,"__esModule",{value:!0}),Object.defineProperty(e,"DraggableCore",{enumerable:!0,get:function(){return h.default}}),e.default=void 0;var t=_(j),n=v(Oe()),r=v(Zt),i=v(Br),o=dn(),u=lr(),y=jt(),h=v(Yr()),R=v(ur());function v(s){return s&&s.__esModule?s:{default:s}}function S(s){if(typeof WeakMap!="function")return null;var f=new WeakMap,C=new WeakMap;return(S=function(l){return l?C:f})(s)}function _(s,f){if(s&&s.__esModule)return s;if(s===null||typeof s!="object"&&typeof s!="function")return{default:s};var C=S(f);if(C&&C.has(s))return C.get(s);var l={},g=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var d in s)if(d!=="default"&&Object.prototype.hasOwnProperty.call(s,d)){var m=g?Object.getOwnPropertyDescriptor(s,d):null;m&&(m.get||m.set)?Object.defineProperty(l,d,m):l[d]=s[d]}return l.default=s,C&&C.set(s,l),l}function I(){return I=Object.assign?Object.assign.bind():function(s){for(var f=1;f<arguments.length;f++){var C=arguments[f];for(var l in C)Object.prototype.hasOwnProperty.call(C,l)&&(s[l]=C[l])}return s},I.apply(this,arguments)}function T(s,f,C){return f=b(f),f in s?Object.defineProperty(s,f,{value:C,enumerable:!0,configurable:!0,writable:!0}):s[f]=C,s}function b(s){var f=p(s,"string");return typeof f=="symbol"?f:String(f)}function p(s,f){if(typeof s!="object"||s===null)return s;var C=s[Symbol.toPrimitive];if(C!==void 0){var l=C.call(s,f);if(typeof l!="object")return l;throw new TypeError("@@toPrimitive must return a primitive value.")}return(f==="string"?String:Number)(s)}class a extends t.Component{static getDerivedStateFromProps(f,C){let{position:l}=f,{prevPropsPosition:g}=C;return l&&(!g||l.x!==g.x||l.y!==g.y)?((0,R.default)("Draggable: getDerivedStateFromProps %j",{position:l,prevPropsPosition:g}),{x:l.x,y:l.y,prevPropsPosition:{...l}}):null}constructor(f){super(f),T(this,"onDragStart",(C,l)=>{if((0,R.default)("Draggable: onDragStart: %j",l),this.props.onStart(C,(0,u.createDraggableData)(this,l))===!1)return!1;this.setState({dragging:!0,dragged:!0})}),T(this,"onDrag",(C,l)=>{if(!this.state.dragging)return!1;(0,R.default)("Draggable: onDrag: %j",l);const g=(0,u.createDraggableData)(this,l),d={x:g.x,y:g.y,slackX:0,slackY:0};if(this.props.bounds){const{x:D,y:F}=d;d.x+=this.state.slackX,d.y+=this.state.slackY;const[L,U]=(0,u.getBoundPosition)(this,d.x,d.y);d.x=L,d.y=U,d.slackX=this.state.slackX+(D-d.x),d.slackY=this.state.slackY+(F-d.y),g.x=d.x,g.y=d.y,g.deltaX=d.x-this.state.x,g.deltaY=d.y-this.state.y}if(this.props.onDrag(C,g)===!1)return!1;this.setState(d)}),T(this,"onDragStop",(C,l)=>{if(!this.state.dragging||this.props.onStop(C,(0,u.createDraggableData)(this,l))===!1)return!1;(0,R.default)("Draggable: onDragStop: %j",l);const d={dragging:!1,slackX:0,slackY:0};if(!!this.props.position){const{x:D,y:F}=this.props.position;d.x=D,d.y=F}this.setState(d)}),this.state={dragging:!1,dragged:!1,x:f.position?f.position.x:f.defaultPosition.x,y:f.position?f.position.y:f.defaultPosition.y,prevPropsPosition:{...f.position},slackX:0,slackY:0,isElementSVG:!1},f.position&&!(f.onDrag||f.onStop)&&console.warn("A `position` was applied to this <Draggable>, without drag handlers. This will make this component effectively undraggable. Please attach `onDrag` or `onStop` handlers so you can adjust the `position` of this element.")}componentDidMount(){typeof window.SVGElement<"u"&&this.findDOMNode()instanceof window.SVGElement&&this.setState({isElementSVG:!0})}componentWillUnmount(){this.setState({dragging:!1})}findDOMNode(){var f,C;return(f=(C=this.props)===null||C===void 0||(C=C.nodeRef)===null||C===void 0?void 0:C.current)!==null&&f!==void 0?f:r.default.findDOMNode(this)}render(){const{axis:f,bounds:C,children:l,defaultPosition:g,defaultClassName:d,defaultClassNameDragging:m,defaultClassNameDragged:D,position:F,positionOffset:L,scale:U,...E}=this.props;let N={},q=null;const G=!!!F||this.state.dragging,ie=F||g,ne={x:(0,u.canDragX)(this)&&G?this.state.x:ie.x,y:(0,u.canDragY)(this)&&G?this.state.y:ie.y};this.state.isElementSVG?q=(0,o.createSVGTransform)(ne,L):N=(0,o.createCSSTransform)(ne,L);const se=(0,i.default)(l.props.className||"",d,{[m]:this.state.dragging,[D]:this.state.dragged});return t.createElement(h.default,I({},E,{onStart:this.onDragStart,onDrag:this.onDrag,onStop:this.onDragStop}),t.cloneElement(t.Children.only(l),{className:se,style:{...l.props.style,...N},transform:q}))}}e.default=a,T(a,"displayName","Draggable"),T(a,"propTypes",{...h.default.propTypes,axis:n.default.oneOf(["both","x","y","none"]),bounds:n.default.oneOfType([n.default.shape({left:n.default.number,right:n.default.number,top:n.default.number,bottom:n.default.number}),n.default.string,n.default.oneOf([!1])]),defaultClassName:n.default.string,defaultClassNameDragging:n.default.string,defaultClassNameDragged:n.default.string,defaultPosition:n.default.shape({x:n.default.number,y:n.default.number}),positionOffset:n.default.shape({x:n.default.oneOfType([n.default.number,n.default.string]),y:n.default.oneOfType([n.default.number,n.default.string])}),position:n.default.shape({x:n.default.number,y:n.default.number}),className:y.dontSetMe,style:y.dontSetMe,transform:y.dontSetMe}),T(a,"defaultProps",{...h.default.defaultProps,axis:"both",bounds:!1,defaultClassName:"react-draggable",defaultClassNameDragging:"react-draggable-dragging",defaultClassNameDragged:"react-draggable-dragged",defaultPosition:{x:0,y:0},scale:1})}(Ht)),Ht}var Pn;function fn(){if(Pn)return Be.exports;Pn=1;const{default:e,DraggableCore:t}=Xr();return Be.exports=e,Be.exports.default=e,Be.exports.DraggableCore=t,Be.exports}var Ye={exports:{}},Xe={},vt={},Dn;function Kr(){if(Dn)return vt;Dn=1,vt.__esModule=!0,vt.cloneElement=y;var e=t(j);function t(h){return h&&h.__esModule?h:{default:h}}function n(h,R){var v=Object.keys(h);if(Object.getOwnPropertySymbols){var S=Object.getOwnPropertySymbols(h);R&&(S=S.filter(function(_){return Object.getOwnPropertyDescriptor(h,_).enumerable})),v.push.apply(v,S)}return v}function r(h){for(var R=1;R<arguments.length;R++){var v=arguments[R]!=null?arguments[R]:{};R%2?n(Object(v),!0).forEach(function(S){i(h,S,v[S])}):Object.getOwnPropertyDescriptors?Object.defineProperties(h,Object.getOwnPropertyDescriptors(v)):n(Object(v)).forEach(function(S){Object.defineProperty(h,S,Object.getOwnPropertyDescriptor(v,S))})}return h}function i(h,R,v){return R=o(R),R in h?Object.defineProperty(h,R,{value:v,enumerable:!0,configurable:!0,writable:!0}):h[R]=v,h}function o(h){var R=u(h,"string");return typeof R=="symbol"?R:String(R)}function u(h,R){if(typeof h!="object"||h===null)return h;var v=h[Symbol.toPrimitive];if(v!==void 0){var S=v.call(h,R);if(typeof S!="object")return S;throw new TypeError("@@toPrimitive must return a primitive value.")}return(R==="string"?String:Number)(h)}function y(h,R){return R.style&&h.props.style&&(R.style=r(r({},h.props.style),R.style)),R.className&&h.props.className&&(R.className=h.props.className+" "+R.className),e.default.cloneElement(h,R)}return vt}var Ke={},Fn;function cr(){if(Fn)return Ke;Fn=1,Ke.__esModule=!0,Ke.resizableProps=void 0;var e=t(Oe());fn();function t(r){return r&&r.__esModule?r:{default:r}}var n={axis:e.default.oneOf(["both","x","y","none"]),className:e.default.string,children:e.default.element.isRequired,draggableOpts:e.default.shape({allowAnyClick:e.default.bool,cancel:e.default.string,children:e.default.node,disabled:e.default.bool,enableUserSelectHack:e.default.bool,offsetParent:e.default.node,grid:e.default.arrayOf(e.default.number),handle:e.default.string,nodeRef:e.default.object,onStart:e.default.func,onDrag:e.default.func,onStop:e.default.func,onMouseDown:e.default.func,scale:e.default.number}),height:function(){for(var i=arguments.length,o=new Array(i),u=0;u<i;u++)o[u]=arguments[u];var y=o[0];if(y.axis==="both"||y.axis==="y"){var h;return(h=e.default.number).isRequired.apply(h,o)}return e.default.number.apply(e.default,o)},handle:e.default.oneOfType([e.default.node,e.default.func]),handleSize:e.default.arrayOf(e.default.number),lockAspectRatio:e.default.bool,maxConstraints:e.default.arrayOf(e.default.number),minConstraints:e.default.arrayOf(e.default.number),onResizeStop:e.default.func,onResizeStart:e.default.func,onResize:e.default.func,resizeHandles:e.default.arrayOf(e.default.oneOf(["s","w","e","n","sw","nw","se","ne"])),transformScale:e.default.number,width:function(){for(var i=arguments.length,o=new Array(i),u=0;u<i;u++)o[u]=arguments[u];var y=o[0];if(y.axis==="both"||y.axis==="x"){var h;return(h=e.default.number).isRequired.apply(h,o)}return e.default.number.apply(e.default,o)}};return Ke.resizableProps=n,Ke}var Mn;function dr(){if(Mn)return Xe;Mn=1,Xe.__esModule=!0,Xe.default=void 0;var e=u(j),t=fn(),n=Kr(),r=cr(),i=["children","className","draggableOpts","width","height","handle","handleSize","lockAspectRatio","axis","minConstraints","maxConstraints","onResize","onResizeStop","onResizeStart","resizeHandles","transformScale"];function o(a){if(typeof WeakMap!="function")return null;var s=new WeakMap,f=new WeakMap;return(o=function(l){return l?f:s})(a)}function u(a,s){if(a&&a.__esModule)return a;if(a===null||typeof a!="object"&&typeof a!="function")return{default:a};var f=o(s);if(f&&f.has(a))return f.get(a);var C={},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var g in a)if(g!=="default"&&Object.prototype.hasOwnProperty.call(a,g)){var d=l?Object.getOwnPropertyDescriptor(a,g):null;d&&(d.get||d.set)?Object.defineProperty(C,g,d):C[g]=a[g]}return C.default=a,f&&f.set(a,C),C}function y(){return y=Object.assign?Object.assign.bind():function(a){for(var s=1;s<arguments.length;s++){var f=arguments[s];for(var C in f)Object.prototype.hasOwnProperty.call(f,C)&&(a[C]=f[C])}return a},y.apply(this,arguments)}function h(a,s){if(a==null)return{};var f={},C=Object.keys(a),l,g;for(g=0;g<C.length;g++)l=C[g],!(s.indexOf(l)>=0)&&(f[l]=a[l]);return f}function R(a,s){var f=Object.keys(a);if(Object.getOwnPropertySymbols){var C=Object.getOwnPropertySymbols(a);s&&(C=C.filter(function(l){return Object.getOwnPropertyDescriptor(a,l).enumerable})),f.push.apply(f,C)}return f}function v(a){for(var s=1;s<arguments.length;s++){var f=arguments[s]!=null?arguments[s]:{};s%2?R(Object(f),!0).forEach(function(C){S(a,C,f[C])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(f)):R(Object(f)).forEach(function(C){Object.defineProperty(a,C,Object.getOwnPropertyDescriptor(f,C))})}return a}function S(a,s,f){return s=_(s),s in a?Object.defineProperty(a,s,{value:f,enumerable:!0,configurable:!0,writable:!0}):a[s]=f,a}function _(a){var s=I(a,"string");return typeof s=="symbol"?s:String(s)}function I(a,s){if(typeof a!="object"||a===null)return a;var f=a[Symbol.toPrimitive];if(f!==void 0){var C=f.call(a,s);if(typeof C!="object")return C;throw new TypeError("@@toPrimitive must return a primitive value.")}return(s==="string"?String:Number)(a)}function T(a,s){a.prototype=Object.create(s.prototype),a.prototype.constructor=a,b(a,s)}function b(a,s){return b=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(C,l){return C.__proto__=l,C},b(a,s)}var p=function(a){T(s,a);function s(){for(var C,l=arguments.length,g=new Array(l),d=0;d<l;d++)g[d]=arguments[d];return C=a.call.apply(a,[this].concat(g))||this,C.handleRefs={},C.lastHandleRect=null,C.slack=null,C}var f=s.prototype;return f.componentWillUnmount=function(){this.resetData()},f.resetData=function(){this.lastHandleRect=this.slack=null},f.runConstraints=function(l,g){var d=this.props,m=d.minConstraints,D=d.maxConstraints,F=d.lockAspectRatio;if(!m&&!D&&!F)return[l,g];if(F){var L=this.props.width/this.props.height,U=l-this.props.width,E=g-this.props.height;Math.abs(U)>Math.abs(E*L)?g=l/L:l=g*L}var N=l,q=g,W=this.slack||[0,0],G=W[0],ie=W[1];return l+=G,g+=ie,m&&(l=Math.max(m[0],l),g=Math.max(m[1],g)),D&&(l=Math.min(D[0],l),g=Math.min(D[1],g)),this.slack=[G+(N-l),ie+(q-g)],[l,g]},f.resizeHandler=function(l,g){var d=this;return function(m,D){var F=D.node,L=D.deltaX,U=D.deltaY;l==="onResizeStart"&&d.resetData();var E=(d.props.axis==="both"||d.props.axis==="x")&&g!=="n"&&g!=="s",N=(d.props.axis==="both"||d.props.axis==="y")&&g!=="e"&&g!=="w";if(!(!E&&!N)){var q=g[0],W=g[g.length-1],G=F.getBoundingClientRect();if(d.lastHandleRect!=null){if(W==="w"){var ie=G.left-d.lastHandleRect.left;L+=ie}if(q==="n"){var ne=G.top-d.lastHandleRect.top;U+=ne}}d.lastHandleRect=G,W==="w"&&(L=-L),q==="n"&&(U=-U);var se=d.props.width+(E?L/d.props.transformScale:0),z=d.props.height+(N?U/d.props.transformScale:0),Z=d.runConstraints(se,z);se=Z[0],z=Z[1];var ee=se!==d.props.width||z!==d.props.height,ae=typeof d.props[l]=="function"?d.props[l]:null,de=l==="onResize"&&!ee;ae&&!de&&(m.persist==null||m.persist(),ae(m,{node:F,size:{width:se,height:z},handle:g})),l==="onResizeStop"&&d.resetData()}}},f.renderResizeHandle=function(l,g){var d=this.props.handle;if(!d)return e.createElement("span",{className:"react-resizable-handle react-resizable-handle-"+l,ref:g});if(typeof d=="function")return d(l,g);var m=typeof d.type=="string",D=v({ref:g},m?{}:{handleAxis:l});return e.cloneElement(d,D)},f.render=function(){var l=this,g=this.props,d=g.children,m=g.className,D=g.draggableOpts;g.width,g.height,g.handle,g.handleSize,g.lockAspectRatio,g.axis,g.minConstraints,g.maxConstraints,g.onResize,g.onResizeStop,g.onResizeStart;var F=g.resizeHandles;g.transformScale;var L=h(g,i);return(0,n.cloneElement)(d,v(v({},L),{},{className:(m?m+" ":"")+"react-resizable",children:[].concat(d.props.children,F.map(function(U){var E,N=(E=l.handleRefs[U])!=null?E:l.handleRefs[U]=e.createRef();return e.createElement(t.DraggableCore,y({},D,{nodeRef:N,key:"resizableHandle-"+U,onStop:l.resizeHandler("onResizeStop",U),onStart:l.resizeHandler("onResizeStart",U),onDrag:l.resizeHandler("onResize",U)}),l.renderResizeHandle(U,N))}))}))},s}(e.Component);return Xe.default=p,p.propTypes=r.resizableProps,p.defaultProps={axis:"both",handleSize:[20,20],lockAspectRatio:!1,minConstraints:[20,20],maxConstraints:[1/0,1/0],resizeHandles:["se"],transformScale:1},Xe}var Ze={},Nn;function Zr(){if(Nn)return Ze;Nn=1,Ze.__esModule=!0,Ze.default=void 0;var e=y(j),t=o(Oe()),n=o(dr()),r=cr(),i=["handle","handleSize","onResize","onResizeStart","onResizeStop","draggableOpts","minConstraints","maxConstraints","lockAspectRatio","axis","width","height","resizeHandles","style","transformScale"];function o(s){return s&&s.__esModule?s:{default:s}}function u(s){if(typeof WeakMap!="function")return null;var f=new WeakMap,C=new WeakMap;return(u=function(g){return g?C:f})(s)}function y(s,f){if(s&&s.__esModule)return s;if(s===null||typeof s!="object"&&typeof s!="function")return{default:s};var C=u(f);if(C&&C.has(s))return C.get(s);var l={},g=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var d in s)if(d!=="default"&&Object.prototype.hasOwnProperty.call(s,d)){var m=g?Object.getOwnPropertyDescriptor(s,d):null;m&&(m.get||m.set)?Object.defineProperty(l,d,m):l[d]=s[d]}return l.default=s,C&&C.set(s,l),l}function h(){return h=Object.assign?Object.assign.bind():function(s){for(var f=1;f<arguments.length;f++){var C=arguments[f];for(var l in C)Object.prototype.hasOwnProperty.call(C,l)&&(s[l]=C[l])}return s},h.apply(this,arguments)}function R(s,f){var C=Object.keys(s);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(s);f&&(l=l.filter(function(g){return Object.getOwnPropertyDescriptor(s,g).enumerable})),C.push.apply(C,l)}return C}function v(s){for(var f=1;f<arguments.length;f++){var C=arguments[f]!=null?arguments[f]:{};f%2?R(Object(C),!0).forEach(function(l){S(s,l,C[l])}):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(C)):R(Object(C)).forEach(function(l){Object.defineProperty(s,l,Object.getOwnPropertyDescriptor(C,l))})}return s}function S(s,f,C){return f=_(f),f in s?Object.defineProperty(s,f,{value:C,enumerable:!0,configurable:!0,writable:!0}):s[f]=C,s}function _(s){var f=I(s,"string");return typeof f=="symbol"?f:String(f)}function I(s,f){if(typeof s!="object"||s===null)return s;var C=s[Symbol.toPrimitive];if(C!==void 0){var l=C.call(s,f);if(typeof l!="object")return l;throw new TypeError("@@toPrimitive must return a primitive value.")}return(f==="string"?String:Number)(s)}function T(s,f){if(s==null)return{};var C={},l=Object.keys(s),g,d;for(d=0;d<l.length;d++)g=l[d],!(f.indexOf(g)>=0)&&(C[g]=s[g]);return C}function b(s,f){s.prototype=Object.create(f.prototype),s.prototype.constructor=s,p(s,f)}function p(s,f){return p=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(l,g){return l.__proto__=g,l},p(s,f)}var a=function(s){b(f,s);function f(){for(var l,g=arguments.length,d=new Array(g),m=0;m<g;m++)d[m]=arguments[m];return l=s.call.apply(s,[this].concat(d))||this,l.state={width:l.props.width,height:l.props.height,propsWidth:l.props.width,propsHeight:l.props.height},l.onResize=function(D,F){var L=F.size;l.props.onResize?(D.persist==null||D.persist(),l.setState(L,function(){return l.props.onResize&&l.props.onResize(D,F)})):l.setState(L)},l}f.getDerivedStateFromProps=function(g,d){return d.propsWidth!==g.width||d.propsHeight!==g.height?{width:g.width,height:g.height,propsWidth:g.width,propsHeight:g.height}:null};var C=f.prototype;return C.render=function(){var g=this.props,d=g.handle,m=g.handleSize;g.onResize;var D=g.onResizeStart,F=g.onResizeStop,L=g.draggableOpts,U=g.minConstraints,E=g.maxConstraints,N=g.lockAspectRatio,q=g.axis;g.width,g.height;var W=g.resizeHandles,G=g.style,ie=g.transformScale,ne=T(g,i);return e.createElement(n.default,{axis:q,draggableOpts:L,handle:d,handleSize:m,height:this.state.height,lockAspectRatio:N,maxConstraints:E,minConstraints:U,onResizeStart:D,onResize:this.onResize,onResizeStop:F,resizeHandles:W,transformScale:ie,width:this.state.width},e.createElement("div",h({},ne,{style:v(v({},G),{},{width:this.state.width+"px",height:this.state.height+"px"})})))},f}(e.Component);return Ze.default=a,a.propTypes=v(v({},r.resizableProps),{},{children:t.default.element}),Ze}var jn;function Jr(){return jn||(jn=1,Ye.exports=function(){throw new Error("Don't instantiate Resizable directly! Use require('react-resizable').Resizable")},Ye.exports.Resizable=dr().default,Ye.exports.ResizableBox=Zr().default),Ye.exports}var we={},Ln;function fr(){if(Ln)return we;Ln=1,Object.defineProperty(we,"__esModule",{value:!0}),we.resizeHandleType=we.resizeHandleAxesType=we.default=void 0;var e=n(Oe()),t=n(j);function n(o){return o&&o.__esModule?o:{default:o}}const r=we.resizeHandleAxesType=e.default.arrayOf(e.default.oneOf(["s","w","e","n","sw","nw","se","ne"])),i=we.resizeHandleType=e.default.oneOfType([e.default.node,e.default.func]);return we.default={className:e.default.string,style:e.default.object,width:e.default.number,autoSize:e.default.bool,cols:e.default.number,draggableCancel:e.default.string,draggableHandle:e.default.string,verticalCompact:function(o){o.verticalCompact},compactType:e.default.oneOf(["vertical","horizontal"]),layout:function(o){var u=o.layout;u!==void 0&&qe().validateLayout(u,"layout")},margin:e.default.arrayOf(e.default.number),containerPadding:e.default.arrayOf(e.default.number),rowHeight:e.default.number,maxRows:e.default.number,isBounded:e.default.bool,isDraggable:e.default.bool,isResizable:e.default.bool,allowOverlap:e.default.bool,preventCollision:e.default.bool,useCSSTransforms:e.default.bool,transformScale:e.default.number,isDroppable:e.default.bool,resizeHandles:r,resizeHandle:i,onLayoutChange:e.default.func,onDragStart:e.default.func,onDrag:e.default.func,onDragStop:e.default.func,onResizeStart:e.default.func,onResize:e.default.func,onResizeStop:e.default.func,onDrop:e.default.func,droppingItem:e.default.shape({i:e.default.string.isRequired,w:e.default.number.isRequired,h:e.default.number.isRequired}),children:function(o,u){const y=o[u],h={};t.default.Children.forEach(y,function(R){if((R==null?void 0:R.key)!=null){if(h[R.key])throw new Error('Duplicate child key "'+R.key+'" found! This will cause problems in ReactGridLayout.');h[R.key]=!0}})},innerRef:e.default.any},we}var Un;function Qr(){if(Un)return $e;Un=1,Object.defineProperty($e,"__esModule",{value:!0}),$e.default=void 0;var e=R(j),t=Zt,n=R(Oe()),r=fn(),i=Jr(),o=qe(),u=cn(),y=fr(),h=R(un());function R(T){return T&&T.__esModule?T:{default:T}}function v(T,b,p){return b=S(b),b in T?Object.defineProperty(T,b,{value:p,enumerable:!0,configurable:!0,writable:!0}):T[b]=p,T}function S(T){var b=_(T,"string");return typeof b=="symbol"?b:String(b)}function _(T,b){if(typeof T!="object"||T===null)return T;var p=T[Symbol.toPrimitive];if(p!==void 0){var a=p.call(T,b);if(typeof a!="object")return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return(b==="string"?String:Number)(T)}let I=class extends e.default.Component{constructor(){super(...arguments),v(this,"state",{resizing:null,dragging:null,className:""}),v(this,"elementRef",e.default.createRef()),v(this,"onDragStart",(b,p)=>{let{node:a}=p;const{onDragStart:s,transformScale:f}=this.props;if(!s)return;const C={top:0,left:0},{offsetParent:l}=a;if(!l)return;const g=l.getBoundingClientRect(),d=a.getBoundingClientRect(),m=d.left/f,D=g.left/f,F=d.top/f,L=g.top/f;C.left=m-D+l.scrollLeft,C.top=F-L+l.scrollTop,this.setState({dragging:C});const{x:U,y:E}=(0,u.calcXY)(this.getPositionParams(),C.top,C.left,this.props.w,this.props.h);return s.call(this,this.props.i,U,E,{e:b,node:a,newPosition:C})}),v(this,"onDrag",(b,p,a)=>{let{node:s,deltaX:f,deltaY:C}=p;const{onDrag:l}=this.props;if(!l)return;if(!this.state.dragging)throw new Error("onDrag called before onDragStart.");let g=this.state.dragging.top+C,d=this.state.dragging.left+f;const{isBounded:m,i:D,w:F,h:L,containerWidth:U}=this.props,E=this.getPositionParams();if(m){const{offsetParent:G}=s;if(G){const{margin:ie,rowHeight:ne,containerPadding:se}=this.props,z=G.clientHeight-(0,u.calcGridItemWHPx)(L,ne,ie[1]);g=(0,u.clamp)(g-se[1],0,z);const Z=(0,u.calcGridColWidth)(E),ee=U-(0,u.calcGridItemWHPx)(F,Z,ie[0]);d=(0,u.clamp)(d-se[0],0,ee)}}const N={top:g,left:d};a?this.setState({dragging:N}):(0,t.flushSync)(()=>{this.setState({dragging:N})});const{x:q,y:W}=(0,u.calcXY)(E,g,d,F,L);return l.call(this,D,q,W,{e:b,node:s,newPosition:N})}),v(this,"onDragStop",(b,p)=>{let{node:a}=p;const{onDragStop:s}=this.props;if(!s)return;if(!this.state.dragging)throw new Error("onDragEnd called before onDragStart.");const{w:f,h:C,i:l}=this.props,{left:g,top:d}=this.state.dragging,m={top:d,left:g};this.setState({dragging:null});const{x:D,y:F}=(0,u.calcXY)(this.getPositionParams(),d,g,f,C);return s.call(this,l,D,F,{e:b,node:a,newPosition:m})}),v(this,"onResizeStop",(b,p,a)=>this.onResizeHandler(b,p,a,"onResizeStop")),v(this,"onResizeStart",(b,p,a)=>this.onResizeHandler(b,p,a,"onResizeStart")),v(this,"onResize",(b,p,a)=>this.onResizeHandler(b,p,a,"onResize"))}shouldComponentUpdate(b,p){if(this.props.children!==b.children||this.props.droppingPosition!==b.droppingPosition)return!0;const a=(0,u.calcGridItemPosition)(this.getPositionParams(this.props),this.props.x,this.props.y,this.props.w,this.props.h,this.state),s=(0,u.calcGridItemPosition)(this.getPositionParams(b),b.x,b.y,b.w,b.h,p);return!(0,o.fastPositionEqual)(a,s)||this.props.useCSSTransforms!==b.useCSSTransforms}componentDidMount(){this.moveDroppingItem({})}componentDidUpdate(b){this.moveDroppingItem(b)}moveDroppingItem(b){const{droppingPosition:p}=this.props;if(!p)return;const a=this.elementRef.current;if(!a)return;const s=b.droppingPosition||{left:0,top:0},{dragging:f}=this.state,C=f&&p.left!==s.left||p.top!==s.top;if(!f)this.onDragStart(p.e,{node:a,deltaX:p.left,deltaY:p.top});else if(C){const l=p.left-f.left,g=p.top-f.top;this.onDrag(p.e,{node:a,deltaX:l,deltaY:g},!0)}}getPositionParams(){let b=arguments.length>0&&arguments[0]!==void 0?arguments[0]:this.props;return{cols:b.cols,containerPadding:b.containerPadding,containerWidth:b.containerWidth,margin:b.margin,maxRows:b.maxRows,rowHeight:b.rowHeight}}createStyle(b){const{usePercentages:p,containerWidth:a,useCSSTransforms:s}=this.props;let f;return s?f=(0,o.setTransform)(b):(f=(0,o.setTopLeft)(b),p&&(f.left=(0,o.perc)(b.left/a),f.width=(0,o.perc)(b.width/a))),f}mixinDraggable(b,p){return e.default.createElement(r.DraggableCore,{disabled:!p,onStart:this.onDragStart,onDrag:this.onDrag,onStop:this.onDragStop,handle:this.props.handle,cancel:".react-resizable-handle"+(this.props.cancel?","+this.props.cancel:""),scale:this.props.transformScale,nodeRef:this.elementRef},b)}curryResizeHandler(b,p){return(a,s)=>p(a,s,b)}mixinResizable(b,p,a){const{cols:s,minW:f,minH:C,maxW:l,maxH:g,transformScale:d,resizeHandles:m,resizeHandle:D}=this.props,F=this.getPositionParams(),L=(0,u.calcGridItemPosition)(F,0,0,s,0).width,U=(0,u.calcGridItemPosition)(F,0,0,f,C),E=(0,u.calcGridItemPosition)(F,0,0,l,g),N=[U.width,U.height],q=[Math.min(E.width,L),Math.min(E.height,1/0)];return e.default.createElement(i.Resizable,{draggableOpts:{disabled:!a},className:a?void 0:"react-resizable-hide",width:p.width,height:p.height,minConstraints:N,maxConstraints:q,onResizeStop:this.curryResizeHandler(p,this.onResizeStop),onResizeStart:this.curryResizeHandler(p,this.onResizeStart),onResize:this.curryResizeHandler(p,this.onResize),transformScale:d,resizeHandles:m,handle:D},b)}onResizeHandler(b,p,a,s){let{node:f,size:C,handle:l}=p;const g=this.props[s];if(!g)return;const{x:d,y:m,i:D,maxH:F,minH:L,containerWidth:U}=this.props,{minW:E,maxW:N}=this.props;let q=C;f&&(q=(0,o.resizeItemInDirection)(l,a,C,U),(0,t.flushSync)(()=>{this.setState({resizing:s==="onResizeStop"?null:q})}));let{w:W,h:G}=(0,u.calcWH)(this.getPositionParams(),q.width,q.height,d,m,l);W=(0,u.clamp)(W,Math.max(E,1),N),G=(0,u.clamp)(G,L,F),g.call(this,D,W,G,{e:b,node:f,size:q,handle:l})}render(){const{x:b,y:p,w:a,h:s,isDraggable:f,isResizable:C,droppingPosition:l,useCSSTransforms:g}=this.props,d=(0,u.calcGridItemPosition)(this.getPositionParams(),b,p,a,s,this.state),m=e.default.Children.only(this.props.children);let D=e.default.cloneElement(m,{ref:this.elementRef,className:(0,h.default)("react-grid-item",m.props.className,this.props.className,{static:this.props.static,resizing:!!this.state.resizing,"react-draggable":f,"react-draggable-dragging":!!this.state.dragging,dropping:!!l,cssTransforms:g}),style:{...this.props.style,...m.props.style,...this.createStyle(d)}});return D=this.mixinResizable(D,d,C),D=this.mixinDraggable(D,f),D}};return $e.default=I,v(I,"propTypes",{children:n.default.element,cols:n.default.number.isRequired,containerWidth:n.default.number.isRequired,rowHeight:n.default.number.isRequired,margin:n.default.array.isRequired,maxRows:n.default.number.isRequired,containerPadding:n.default.array.isRequired,x:n.default.number.isRequired,y:n.default.number.isRequired,w:n.default.number.isRequired,h:n.default.number.isRequired,minW:function(T,b){const p=T[b];if(typeof p!="number")return new Error("minWidth not Number");if(p>T.w||p>T.maxW)return new Error("minWidth larger than item width/maxWidth")},maxW:function(T,b){const p=T[b];if(typeof p!="number")return new Error("maxWidth not Number");if(p<T.w||p<T.minW)return new Error("maxWidth smaller than item width/minWidth")},minH:function(T,b){const p=T[b];if(typeof p!="number")return new Error("minHeight not Number");if(p>T.h||p>T.maxH)return new Error("minHeight larger than item height/maxHeight")},maxH:function(T,b){const p=T[b];if(typeof p!="number")return new Error("maxHeight not Number");if(p<T.h||p<T.minH)return new Error("maxHeight smaller than item height/minHeight")},i:n.default.string.isRequired,resizeHandles:y.resizeHandleAxesType,resizeHandle:y.resizeHandleType,onDragStop:n.default.func,onDragStart:n.default.func,onDrag:n.default.func,onResizeStop:n.default.func,onResizeStart:n.default.func,onResize:n.default.func,isDraggable:n.default.bool.isRequired,isResizable:n.default.bool.isRequired,isBounded:n.default.bool.isRequired,static:n.default.bool,useCSSTransforms:n.default.bool.isRequired,transformScale:n.default.number,className:n.default.string,handle:n.default.string,cancel:n.default.string,droppingPosition:n.default.shape({e:n.default.object.isRequired,left:n.default.number.isRequired,top:n.default.number.isRequired})}),v(I,"defaultProps",{className:"",cancel:"",handle:"",minH:1,minW:1,maxH:1/0,maxW:1/0,transformScale:1}),$e}var Vn;function pr(){if(Vn)return We;Vn=1,Object.defineProperty(We,"__esModule",{value:!0}),We.default=void 0;var e=R(j),t=ln(),n=y(un()),r=qe(),i=cn(),o=y(Qr()),u=y(fr());function y(p){return p&&p.__esModule?p:{default:p}}function h(p){if(typeof WeakMap!="function")return null;var a=new WeakMap,s=new WeakMap;return(h=function(f){return f?s:a})(p)}function R(p,a){if(p&&p.__esModule)return p;if(p===null||typeof p!="object"&&typeof p!="function")return{default:p};var s=h(a);if(s&&s.has(p))return s.get(p);var f={__proto__:null},C=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in p)if(l!=="default"&&Object.prototype.hasOwnProperty.call(p,l)){var g=C?Object.getOwnPropertyDescriptor(p,l):null;g&&(g.get||g.set)?Object.defineProperty(f,l,g):f[l]=p[l]}return f.default=p,s&&s.set(p,f),f}function v(p,a,s){return a=S(a),a in p?Object.defineProperty(p,a,{value:s,enumerable:!0,configurable:!0,writable:!0}):p[a]=s,p}function S(p){var a=_(p,"string");return typeof a=="symbol"?a:String(a)}function _(p,a){if(typeof p!="object"||p===null)return p;var s=p[Symbol.toPrimitive];if(s!==void 0){var f=s.call(p,a);if(typeof f!="object")return f;throw new TypeError("@@toPrimitive must return a primitive value.")}return(a==="string"?String:Number)(p)}const I="react-grid-layout";let T=!1;try{T=/firefox/i.test(navigator.userAgent)}catch{}let b=class extends e.Component{constructor(){super(...arguments),v(this,"state",{activeDrag:null,layout:(0,r.synchronizeLayoutWithChildren)(this.props.layout,this.props.children,this.props.cols,(0,r.compactType)(this.props),this.props.allowOverlap),mounted:!1,oldDragItem:null,oldLayout:null,oldResizeItem:null,resizing:!1,droppingDOMNode:null,children:[]}),v(this,"dragEnterCounter",0),v(this,"onDragStart",(a,s,f,C)=>{let{e:l,node:g}=C;const{layout:d}=this.state,m=(0,r.getLayoutItem)(d,a);if(!m)return;const D={w:m.w,h:m.h,x:m.x,y:m.y,placeholder:!0,i:a};return this.setState({oldDragItem:(0,r.cloneLayoutItem)(m),oldLayout:d,activeDrag:D}),this.props.onDragStart(d,m,m,null,l,g)}),v(this,"onDrag",(a,s,f,C)=>{let{e:l,node:g}=C;const{oldDragItem:d}=this.state;let{layout:m}=this.state;const{cols:D,allowOverlap:F,preventCollision:L}=this.props,U=(0,r.getLayoutItem)(m,a);if(!U)return;const E={w:U.w,h:U.h,x:U.x,y:U.y,placeholder:!0,i:a};m=(0,r.moveElement)(m,U,s,f,!0,L,(0,r.compactType)(this.props),D,F),this.props.onDrag(m,d,U,E,l,g),this.setState({layout:F?m:(0,r.compact)(m,(0,r.compactType)(this.props),D),activeDrag:E})}),v(this,"onDragStop",(a,s,f,C)=>{let{e:l,node:g}=C;if(!this.state.activeDrag)return;const{oldDragItem:d}=this.state;let{layout:m}=this.state;const{cols:D,preventCollision:F,allowOverlap:L}=this.props,U=(0,r.getLayoutItem)(m,a);if(!U)return;m=(0,r.moveElement)(m,U,s,f,!0,F,(0,r.compactType)(this.props),D,L);const N=L?m:(0,r.compact)(m,(0,r.compactType)(this.props),D);this.props.onDragStop(N,d,U,null,l,g);const{oldLayout:q}=this.state;this.setState({activeDrag:null,layout:N,oldDragItem:null,oldLayout:null}),this.onLayoutMaybeChanged(N,q)}),v(this,"onResizeStart",(a,s,f,C)=>{let{e:l,node:g}=C;const{layout:d}=this.state,m=(0,r.getLayoutItem)(d,a);m&&(this.setState({oldResizeItem:(0,r.cloneLayoutItem)(m),oldLayout:this.state.layout,resizing:!0}),this.props.onResizeStart(d,m,m,null,l,g))}),v(this,"onResize",(a,s,f,C)=>{let{e:l,node:g,size:d,handle:m}=C;const{oldResizeItem:D}=this.state,{layout:F}=this.state,{cols:L,preventCollision:U,allowOverlap:E}=this.props;let N=!1,q,W,G;const[ie,ne]=(0,r.withLayoutItem)(F,a,z=>{let Z;return W=z.x,G=z.y,["sw","w","nw","n","ne"].indexOf(m)!==-1&&(["sw","nw","w"].indexOf(m)!==-1&&(W=z.x+(z.w-s),s=z.x!==W&&W<0?z.w:s,W=W<0?0:W),["ne","n","nw"].indexOf(m)!==-1&&(G=z.y+(z.h-f),f=z.y!==G&&G<0?z.h:f,G=G<0?0:G),N=!0),U&&!E&&(Z=(0,r.getAllCollisions)(F,{...z,w:s,h:f,x:W,y:G}).filter(ae=>ae.i!==z.i).length>0,Z&&(G=z.y,f=z.h,W=z.x,s=z.w,N=!1)),z.w=s,z.h=f,z});if(!ne)return;q=ie,N&&(q=(0,r.moveElement)(ie,ne,W,G,!0,this.props.preventCollision,(0,r.compactType)(this.props),L,E));const se={w:ne.w,h:ne.h,x:ne.x,y:ne.y,static:!0,i:a};this.props.onResize(q,D,ne,se,l,g),this.setState({layout:E?q:(0,r.compact)(q,(0,r.compactType)(this.props),L),activeDrag:se})}),v(this,"onResizeStop",(a,s,f,C)=>{let{e:l,node:g}=C;const{layout:d,oldResizeItem:m}=this.state,{cols:D,allowOverlap:F}=this.props,L=(0,r.getLayoutItem)(d,a),U=F?d:(0,r.compact)(d,(0,r.compactType)(this.props),D);this.props.onResizeStop(U,m,L,null,l,g);const{oldLayout:E}=this.state;this.setState({activeDrag:null,layout:U,oldResizeItem:null,oldLayout:null,resizing:!1}),this.onLayoutMaybeChanged(U,E)}),v(this,"onDragOver",a=>{var ie;if(a.preventDefault(),a.stopPropagation(),T&&!((ie=a.nativeEvent.target)!=null&&ie.classList.contains(I)))return!1;const{droppingItem:s,onDropDragOver:f,margin:C,cols:l,rowHeight:g,maxRows:d,width:m,containerPadding:D,transformScale:F}=this.props,L=f==null?void 0:f(a);if(L===!1)return this.state.droppingDOMNode&&this.removeDroppingPlaceholder(),!1;const U={...s,...L},{layout:E}=this.state,N=a.currentTarget.getBoundingClientRect(),q=a.clientX-N.left,W=a.clientY-N.top,G={left:q/F,top:W/F,e:a};if(this.state.droppingDOMNode){if(this.state.droppingPosition){const{left:ne,top:se}=this.state.droppingPosition;(ne!=q||se!=W)&&this.setState({droppingPosition:G})}}else{const ne={cols:l,margin:C,maxRows:d,rowHeight:g,containerWidth:m,containerPadding:D||C},se=(0,i.calcXY)(ne,W,q,U.w,U.h);this.setState({droppingDOMNode:e.createElement("div",{key:U.i}),droppingPosition:G,layout:[...E,{...U,x:se.x,y:se.y,static:!1,isDraggable:!0}]})}}),v(this,"removeDroppingPlaceholder",()=>{const{droppingItem:a,cols:s}=this.props,{layout:f}=this.state,C=(0,r.compact)(f.filter(l=>l.i!==a.i),(0,r.compactType)(this.props),s,this.props.allowOverlap);this.setState({layout:C,droppingDOMNode:null,activeDrag:null,droppingPosition:void 0})}),v(this,"onDragLeave",a=>{a.preventDefault(),a.stopPropagation(),this.dragEnterCounter--,this.dragEnterCounter===0&&this.removeDroppingPlaceholder()}),v(this,"onDragEnter",a=>{a.preventDefault(),a.stopPropagation(),this.dragEnterCounter++}),v(this,"onDrop",a=>{a.preventDefault(),a.stopPropagation();const{droppingItem:s}=this.props,{layout:f}=this.state,C=f.find(l=>l.i===s.i);this.dragEnterCounter=0,this.removeDroppingPlaceholder(),this.props.onDrop(f,C,a)})}componentDidMount(){this.setState({mounted:!0}),this.onLayoutMaybeChanged(this.state.layout,this.props.layout)}static getDerivedStateFromProps(a,s){let f;return s.activeDrag?null:(!(0,t.deepEqual)(a.layout,s.propsLayout)||a.compactType!==s.compactType?f=a.layout:(0,r.childrenEqual)(a.children,s.children)||(f=s.layout),f?{layout:(0,r.synchronizeLayoutWithChildren)(f,a.children,a.cols,(0,r.compactType)(a),a.allowOverlap),compactType:a.compactType,children:a.children,propsLayout:a.layout}:null)}shouldComponentUpdate(a,s){return this.props.children!==a.children||!(0,r.fastRGLPropsEqual)(this.props,a,t.deepEqual)||this.state.activeDrag!==s.activeDrag||this.state.mounted!==s.mounted||this.state.droppingPosition!==s.droppingPosition}componentDidUpdate(a,s){if(!this.state.activeDrag){const f=this.state.layout,C=s.layout;this.onLayoutMaybeChanged(f,C)}}containerHeight(){if(!this.props.autoSize)return;const a=(0,r.bottom)(this.state.layout),s=this.props.containerPadding?this.props.containerPadding[1]:this.props.margin[1];return a*this.props.rowHeight+(a-1)*this.props.margin[1]+s*2+"px"}onLayoutMaybeChanged(a,s){s||(s=this.state.layout),(0,t.deepEqual)(s,a)||this.props.onLayoutChange(a)}placeholder(){const{activeDrag:a}=this.state;if(!a)return null;const{width:s,cols:f,margin:C,containerPadding:l,rowHeight:g,maxRows:d,useCSSTransforms:m,transformScale:D}=this.props;return e.createElement(o.default,{w:a.w,h:a.h,x:a.x,y:a.y,i:a.i,className:`react-grid-placeholder ${this.state.resizing?"placeholder-resizing":""}`,containerWidth:s,cols:f,margin:C,containerPadding:l||C,maxRows:d,rowHeight:g,isDraggable:!1,isResizable:!1,isBounded:!1,useCSSTransforms:m,transformScale:D},e.createElement("div",null))}processGridItem(a,s){if(!a||!a.key)return;const f=(0,r.getLayoutItem)(this.state.layout,String(a.key));if(!f)return null;const{width:C,cols:l,margin:g,containerPadding:d,rowHeight:m,maxRows:D,isDraggable:F,isResizable:L,isBounded:U,useCSSTransforms:E,transformScale:N,draggableCancel:q,draggableHandle:W,resizeHandles:G,resizeHandle:ie}=this.props,{mounted:ne,droppingPosition:se}=this.state,z=typeof f.isDraggable=="boolean"?f.isDraggable:!f.static&&F,Z=typeof f.isResizable=="boolean"?f.isResizable:!f.static&&L,ee=f.resizeHandles||G,ae=z&&U&&f.isBounded!==!1;return e.createElement(o.default,{containerWidth:C,cols:l,margin:g,containerPadding:d||g,maxRows:D,rowHeight:m,cancel:q,handle:W,onDragStop:this.onDragStop,onDragStart:this.onDragStart,onDrag:this.onDrag,onResizeStart:this.onResizeStart,onResize:this.onResize,onResizeStop:this.onResizeStop,isDraggable:z,isResizable:Z,isBounded:ae,useCSSTransforms:E&&ne,usePercentages:!ne,transformScale:N,w:f.w,h:f.h,x:f.x,y:f.y,i:f.i,minH:f.minH,minW:f.minW,maxH:f.maxH,maxW:f.maxW,static:f.static,droppingPosition:s?se:void 0,resizeHandles:ee,resizeHandle:ie},a)}render(){const{className:a,style:s,isDroppable:f,innerRef:C}=this.props,l=(0,n.default)(I,a),g={height:this.containerHeight(),...s};return e.createElement("div",{ref:C,className:l,style:g,onDrop:f?this.onDrop:r.noop,onDragLeave:f?this.onDragLeave:r.noop,onDragEnter:f?this.onDragEnter:r.noop,onDragOver:f?this.onDragOver:r.noop},e.Children.map(this.props.children,d=>this.processGridItem(d)),f&&this.state.droppingDOMNode&&this.processGridItem(this.state.droppingDOMNode,!0),this.placeholder())}};return We.default=b,v(b,"displayName","ReactGridLayout"),v(b,"propTypes",u.default),v(b,"defaultProps",{autoSize:!0,cols:12,className:"",style:{},draggableHandle:"",draggableCancel:"",containerPadding:null,rowHeight:150,maxRows:1/0,layout:[],margin:[10,10],isBounded:!1,isDraggable:!0,isResizable:!0,allowOverlap:!1,isDroppable:!1,useCSSTransforms:!0,transformScale:1,verticalCompact:!0,compactType:"vertical",preventCollision:!1,droppingItem:{i:"__dropping-elem__",h:1,w:1},resizeHandles:["se"],onLayoutChange:r.noop,onDragStart:r.noop,onDrag:r.noop,onDragStop:r.noop,onResizeStart:r.noop,onResize:r.noop,onResizeStop:r.noop,onDrop:r.noop,onDropDragOver:r.noop}),We}var Je={},Fe={},zn;function hr(){if(zn)return Fe;zn=1,Object.defineProperty(Fe,"__esModule",{value:!0}),Fe.findOrGenerateResponsiveLayout=r,Fe.getBreakpointFromWidth=t,Fe.getColsFromBreakpoint=n,Fe.sortBreakpoints=i;var e=qe();function t(o,u){const y=i(o);let h=y[0];for(let R=1,v=y.length;R<v;R++){const S=y[R];u>o[S]&&(h=S)}return h}function n(o,u){if(!u[o])throw new Error("ResponsiveReactGridLayout: `cols` entry for breakpoint "+o+" is missing!");return u[o]}function r(o,u,y,h,R,v){if(o[y])return(0,e.cloneLayout)(o[y]);let S=o[h];const _=i(u),I=_.slice(_.indexOf(y));for(let T=0,b=I.length;T<b;T++){const p=I[T];if(o[p]){S=o[p];break}}return S=(0,e.cloneLayout)(S||[]),(0,e.compact)((0,e.correctBounds)(S,{cols:R}),v,R)}function i(o){return Object.keys(o).sort(function(y,h){return o[y]-o[h]})}return Fe}var kn;function ei(){if(kn)return Je;kn=1,Object.defineProperty(Je,"__esModule",{value:!0}),Je.default=void 0;var e=h(j),t=u(Oe()),n=ln(),r=qe(),i=hr(),o=u(pr());function u(p){return p&&p.__esModule?p:{default:p}}function y(p){if(typeof WeakMap!="function")return null;var a=new WeakMap,s=new WeakMap;return(y=function(f){return f?s:a})(p)}function h(p,a){if(p&&p.__esModule)return p;if(p===null||typeof p!="object"&&typeof p!="function")return{default:p};var s=y(a);if(s&&s.has(p))return s.get(p);var f={__proto__:null},C=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in p)if(l!=="default"&&Object.prototype.hasOwnProperty.call(p,l)){var g=C?Object.getOwnPropertyDescriptor(p,l):null;g&&(g.get||g.set)?Object.defineProperty(f,l,g):f[l]=p[l]}return f.default=p,s&&s.set(p,f),f}function R(){return R=Object.assign?Object.assign.bind():function(p){for(var a=1;a<arguments.length;a++){var s=arguments[a];for(var f in s)Object.prototype.hasOwnProperty.call(s,f)&&(p[f]=s[f])}return p},R.apply(this,arguments)}function v(p,a,s){return a=S(a),a in p?Object.defineProperty(p,a,{value:s,enumerable:!0,configurable:!0,writable:!0}):p[a]=s,p}function S(p){var a=_(p,"string");return typeof a=="symbol"?a:String(a)}function _(p,a){if(typeof p!="object"||p===null)return p;var s=p[Symbol.toPrimitive];if(s!==void 0){var f=s.call(p,a);if(typeof f!="object")return f;throw new TypeError("@@toPrimitive must return a primitive value.")}return(a==="string"?String:Number)(p)}const I=p=>Object.prototype.toString.call(p);function T(p,a){return p==null?null:Array.isArray(p)?p:p[a]}let b=class extends e.Component{constructor(){super(...arguments),v(this,"state",this.generateInitialState()),v(this,"onLayoutChange",a=>{this.props.onLayoutChange(a,{...this.props.layouts,[this.state.breakpoint]:a})})}generateInitialState(){const{width:a,breakpoints:s,layouts:f,cols:C}=this.props,l=(0,i.getBreakpointFromWidth)(s,a),g=(0,i.getColsFromBreakpoint)(l,C),d=this.props.verticalCompact===!1?null:this.props.compactType;return{layout:(0,i.findOrGenerateResponsiveLayout)(f,s,l,l,g,d),breakpoint:l,cols:g}}static getDerivedStateFromProps(a,s){if(!(0,n.deepEqual)(a.layouts,s.layouts)){const{breakpoint:f,cols:C}=s;return{layout:(0,i.findOrGenerateResponsiveLayout)(a.layouts,a.breakpoints,f,f,C,a.compactType),layouts:a.layouts}}return null}componentDidUpdate(a){(this.props.width!=a.width||this.props.breakpoint!==a.breakpoint||!(0,n.deepEqual)(this.props.breakpoints,a.breakpoints)||!(0,n.deepEqual)(this.props.cols,a.cols))&&this.onWidthChange(a)}onWidthChange(a){const{breakpoints:s,cols:f,layouts:C,compactType:l}=this.props,g=this.props.breakpoint||(0,i.getBreakpointFromWidth)(this.props.breakpoints,this.props.width),d=this.state.breakpoint,m=(0,i.getColsFromBreakpoint)(g,f),D={...C};if(d!==g||a.breakpoints!==s||a.cols!==f){d in D||(D[d]=(0,r.cloneLayout)(this.state.layout));let U=(0,i.findOrGenerateResponsiveLayout)(D,s,g,d,m,l);U=(0,r.synchronizeLayoutWithChildren)(U,this.props.children,m,l,this.props.allowOverlap),D[g]=U,this.props.onBreakpointChange(g,m),this.props.onLayoutChange(U,D),this.setState({breakpoint:g,layout:U,cols:m})}const F=T(this.props.margin,g),L=T(this.props.containerPadding,g);this.props.onWidthChange(this.props.width,F,m,L)}render(){const{breakpoint:a,breakpoints:s,cols:f,layouts:C,margin:l,containerPadding:g,onBreakpointChange:d,onLayoutChange:m,onWidthChange:D,...F}=this.props;return e.createElement(o.default,R({},F,{margin:T(l,this.state.breakpoint),containerPadding:T(g,this.state.breakpoint),onLayoutChange:this.onLayoutChange,layout:this.state.layout,cols:this.state.cols}))}};return Je.default=b,v(b,"propTypes",{breakpoint:t.default.string,breakpoints:t.default.object,allowOverlap:t.default.bool,cols:t.default.object,margin:t.default.oneOfType([t.default.array,t.default.object]),containerPadding:t.default.oneOfType([t.default.array,t.default.object]),layouts(p,a){if(I(p[a])!=="[object Object]")throw new Error("Layout property must be an object. Received: "+I(p[a]));Object.keys(p[a]).forEach(s=>{if(!(s in p.breakpoints))throw new Error("Each key in layouts must align with a key in breakpoints.");(0,r.validateLayout)(p.layouts[s],"layouts."+s)})},width:t.default.number.isRequired,onBreakpointChange:t.default.func,onLayoutChange:t.default.func,onWidthChange:t.default.func}),v(b,"defaultProps",{breakpoints:{lg:1200,md:996,sm:768,xs:480,xxs:0},cols:{lg:12,md:10,sm:6,xs:4,xxs:2},containerPadding:{lg:null,md:null,sm:null,xs:null,xxs:null},layouts:{},margin:[10,10],allowOverlap:!1,onBreakpointChange:r.noop,onLayoutChange:r.noop,onWidthChange:r.noop}),Je}var yt={},gr=function(){if(typeof Map<"u")return Map;function e(t,n){var r=-1;return t.some(function(i,o){return i[0]===n?(r=o,!0):!1}),r}return function(){function t(){this.__entries__=[]}return Object.defineProperty(t.prototype,"size",{get:function(){return this.__entries__.length},enumerable:!0,configurable:!0}),t.prototype.get=function(n){var r=e(this.__entries__,n),i=this.__entries__[r];return i&&i[1]},t.prototype.set=function(n,r){var i=e(this.__entries__,n);~i?this.__entries__[i][1]=r:this.__entries__.push([n,r])},t.prototype.delete=function(n){var r=this.__entries__,i=e(r,n);~i&&r.splice(i,1)},t.prototype.has=function(n){return!!~e(this.__entries__,n)},t.prototype.clear=function(){this.__entries__.splice(0)},t.prototype.forEach=function(n,r){r===void 0&&(r=null);for(var i=0,o=this.__entries__;i<o.length;i++){var u=o[i];n.call(r,u[1],u[0])}},t}()}(),Kt=typeof window<"u"&&typeof document<"u"&&window.document===document,It=function(){return typeof global<"u"&&global.Math===Math?global:typeof self<"u"&&self.Math===Math?self:typeof window<"u"&&window.Math===Math?window:Function("return this")()}(),ti=function(){return typeof requestAnimationFrame=="function"?requestAnimationFrame.bind(It):function(e){return setTimeout(function(){return e(Date.now())},1e3/60)}}(),ni=2;function ri(e,t){var n=!1,r=!1,i=0;function o(){n&&(n=!1,e()),r&&y()}function u(){ti(o)}function y(){var h=Date.now();if(n){if(h-i<ni)return;r=!0}else n=!0,r=!1,setTimeout(u,t);i=h}return y}var ii=20,oi=["top","right","bottom","left","width","height","size","weight"],ai=typeof MutationObserver<"u",si=function(){function e(){this.connected_=!1,this.mutationEventsAdded_=!1,this.mutationsObserver_=null,this.observers_=[],this.onTransitionEnd_=this.onTransitionEnd_.bind(this),this.refresh=ri(this.refresh.bind(this),ii)}return e.prototype.addObserver=function(t){~this.observers_.indexOf(t)||this.observers_.push(t),this.connected_||this.connect_()},e.prototype.removeObserver=function(t){var n=this.observers_,r=n.indexOf(t);~r&&n.splice(r,1),!n.length&&this.connected_&&this.disconnect_()},e.prototype.refresh=function(){var t=this.updateObservers_();t&&this.refresh()},e.prototype.updateObservers_=function(){var t=this.observers_.filter(function(n){return n.gatherActive(),n.hasActive()});return t.forEach(function(n){return n.broadcastActive()}),t.length>0},e.prototype.connect_=function(){!Kt||this.connected_||(document.addEventListener("transitionend",this.onTransitionEnd_),window.addEventListener("resize",this.refresh),ai?(this.mutationsObserver_=new MutationObserver(this.refresh),this.mutationsObserver_.observe(document,{attributes:!0,childList:!0,characterData:!0,subtree:!0})):(document.addEventListener("DOMSubtreeModified",this.refresh),this.mutationEventsAdded_=!0),this.connected_=!0)},e.prototype.disconnect_=function(){!Kt||!this.connected_||(document.removeEventListener("transitionend",this.onTransitionEnd_),window.removeEventListener("resize",this.refresh),this.mutationsObserver_&&this.mutationsObserver_.disconnect(),this.mutationEventsAdded_&&document.removeEventListener("DOMSubtreeModified",this.refresh),this.mutationsObserver_=null,this.mutationEventsAdded_=!1,this.connected_=!1)},e.prototype.onTransitionEnd_=function(t){var n=t.propertyName,r=n===void 0?"":n,i=oi.some(function(o){return!!~r.indexOf(o)});i&&this.refresh()},e.getInstance=function(){return this.instance_||(this.instance_=new e),this.instance_},e.instance_=null,e}(),mr=function(e,t){for(var n=0,r=Object.keys(t);n<r.length;n++){var i=r[n];Object.defineProperty(e,i,{value:t[i],enumerable:!1,writable:!1,configurable:!0})}return e},ze=function(e){var t=e&&e.ownerDocument&&e.ownerDocument.defaultView;return t||It},vr=Lt(0,0,0,0);function _t(e){return parseFloat(e)||0}function An(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];return t.reduce(function(r,i){var o=e["border-"+i+"-width"];return r+_t(o)},0)}function li(e){for(var t=["top","right","bottom","left"],n={},r=0,i=t;r<i.length;r++){var o=i[r],u=e["padding-"+o];n[o]=_t(u)}return n}function ui(e){var t=e.getBBox();return Lt(0,0,t.width,t.height)}function ci(e){var t=e.clientWidth,n=e.clientHeight;if(!t&&!n)return vr;var r=ze(e).getComputedStyle(e),i=li(r),o=i.left+i.right,u=i.top+i.bottom,y=_t(r.width),h=_t(r.height);if(r.boxSizing==="border-box"&&(Math.round(y+o)!==t&&(y-=An(r,"left","right")+o),Math.round(h+u)!==n&&(h-=An(r,"top","bottom")+u)),!fi(e)){var R=Math.round(y+o)-t,v=Math.round(h+u)-n;Math.abs(R)!==1&&(y-=R),Math.abs(v)!==1&&(h-=v)}return Lt(i.left,i.top,y,h)}var di=function(){return typeof SVGGraphicsElement<"u"?function(e){return e instanceof ze(e).SVGGraphicsElement}:function(e){return e instanceof ze(e).SVGElement&&typeof e.getBBox=="function"}}();function fi(e){return e===ze(e).document.documentElement}function pi(e){return Kt?di(e)?ui(e):ci(e):vr}function hi(e){var t=e.x,n=e.y,r=e.width,i=e.height,o=typeof DOMRectReadOnly<"u"?DOMRectReadOnly:Object,u=Object.create(o.prototype);return mr(u,{x:t,y:n,width:r,height:i,top:n,right:t+r,bottom:i+n,left:t}),u}function Lt(e,t,n,r){return{x:e,y:t,width:n,height:r}}var gi=function(){function e(t){this.broadcastWidth=0,this.broadcastHeight=0,this.contentRect_=Lt(0,0,0,0),this.target=t}return e.prototype.isActive=function(){var t=pi(this.target);return this.contentRect_=t,t.width!==this.broadcastWidth||t.height!==this.broadcastHeight},e.prototype.broadcastRect=function(){var t=this.contentRect_;return this.broadcastWidth=t.width,this.broadcastHeight=t.height,t},e}(),mi=function(){function e(t,n){var r=hi(n);mr(this,{target:t,contentRect:r})}return e}(),vi=function(){function e(t,n,r){if(this.activeObservations_=[],this.observations_=new gr,typeof t!="function")throw new TypeError("The callback provided as parameter 1 is not a function.");this.callback_=t,this.controller_=n,this.callbackCtx_=r}return e.prototype.observe=function(t){if(!arguments.length)throw new TypeError("1 argument required, but only 0 present.");if(!(typeof Element>"u"||!(Element instanceof Object))){if(!(t instanceof ze(t).Element))throw new TypeError('parameter 1 is not of type "Element".');var n=this.observations_;n.has(t)||(n.set(t,new gi(t)),this.controller_.addObserver(this),this.controller_.refresh())}},e.prototype.unobserve=function(t){if(!arguments.length)throw new TypeError("1 argument required, but only 0 present.");if(!(typeof Element>"u"||!(Element instanceof Object))){if(!(t instanceof ze(t).Element))throw new TypeError('parameter 1 is not of type "Element".');var n=this.observations_;n.has(t)&&(n.delete(t),n.size||this.controller_.removeObserver(this))}},e.prototype.disconnect=function(){this.clearActive(),this.observations_.clear(),this.controller_.removeObserver(this)},e.prototype.gatherActive=function(){var t=this;this.clearActive(),this.observations_.forEach(function(n){n.isActive()&&t.activeObservations_.push(n)})},e.prototype.broadcastActive=function(){if(this.hasActive()){var t=this.callbackCtx_,n=this.activeObservations_.map(function(r){return new mi(r.target,r.broadcastRect())});this.callback_.call(t,n,t),this.clearActive()}},e.prototype.clearActive=function(){this.activeObservations_.splice(0)},e.prototype.hasActive=function(){return this.activeObservations_.length>0},e}(),yr=typeof WeakMap<"u"?new WeakMap:new gr,Cr=function(){function e(t){if(!(this instanceof e))throw new TypeError("Cannot call a class as a function.");if(!arguments.length)throw new TypeError("1 argument required, but only 0 present.");var n=si.getInstance(),r=new vi(t,n,this);yr.set(this,r)}return e}();["observe","unobserve","disconnect"].forEach(function(e){Cr.prototype[e]=function(){var t;return(t=yr.get(this))[e].apply(t,arguments)}});var yi=function(){return typeof It.ResizeObserver<"u"?It.ResizeObserver:Cr}();const Ci=Object.freeze(Object.defineProperty({__proto__:null,default:yi},Symbol.toStringTag,{value:"Module"})),bi=ar(Ci);var qn;function Si(){if(qn)return yt;qn=1,Object.defineProperty(yt,"__esModule",{value:!0}),yt.default=_;var e=u(j),t=i(Oe()),n=i(bi),r=i(un());function i(I){return I&&I.__esModule?I:{default:I}}function o(I){if(typeof WeakMap!="function")return null;var T=new WeakMap,b=new WeakMap;return(o=function(p){return p?b:T})(I)}function u(I,T){if(I&&I.__esModule)return I;if(I===null||typeof I!="object"&&typeof I!="function")return{default:I};var b=o(T);if(b&&b.has(I))return b.get(I);var p={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var s in I)if(s!=="default"&&Object.prototype.hasOwnProperty.call(I,s)){var f=a?Object.getOwnPropertyDescriptor(I,s):null;f&&(f.get||f.set)?Object.defineProperty(p,s,f):p[s]=I[s]}return p.default=I,b&&b.set(I,p),p}function y(){return y=Object.assign?Object.assign.bind():function(I){for(var T=1;T<arguments.length;T++){var b=arguments[T];for(var p in b)Object.prototype.hasOwnProperty.call(b,p)&&(I[p]=b[p])}return I},y.apply(this,arguments)}function h(I,T,b){return T=R(T),T in I?Object.defineProperty(I,T,{value:b,enumerable:!0,configurable:!0,writable:!0}):I[T]=b,I}function R(I){var T=v(I,"string");return typeof T=="symbol"?T:String(T)}function v(I,T){if(typeof I!="object"||I===null)return I;var b=I[Symbol.toPrimitive];if(b!==void 0){var p=b.call(I,T);if(typeof p!="object")return p;throw new TypeError("@@toPrimitive must return a primitive value.")}return(T==="string"?String:Number)(I)}const S="react-grid-layout";function _(I){var T;return T=class extends e.Component{constructor(){super(...arguments),h(this,"state",{width:1280}),h(this,"elementRef",e.createRef()),h(this,"mounted",!1),h(this,"resizeObserver",void 0)}componentDidMount(){this.mounted=!0,this.resizeObserver=new n.default(a=>{if(this.elementRef.current instanceof HTMLElement){const f=a[0].contentRect.width;this.setState({width:f})}});const p=this.elementRef.current;p instanceof HTMLElement&&this.resizeObserver.observe(p)}componentWillUnmount(){this.mounted=!1;const p=this.elementRef.current;p instanceof HTMLElement&&this.resizeObserver.unobserve(p),this.resizeObserver.disconnect()}render(){const{measureBeforeMount:p,...a}=this.props;return p&&!this.mounted?e.createElement("div",{className:(0,r.default)(this.props.className,S),style:this.props.style,ref:this.elementRef}):e.createElement(I,y({innerRef:this.elementRef},a,this.state))}},h(T,"defaultProps",{measureBeforeMount:!1}),h(T,"propTypes",{measureBeforeMount:t.default.bool}),T}return yt}var Hn;function Ri(){return Hn||(Hn=1,function(e){e.exports=pr().default,e.exports.utils=qe(),e.exports.calculateUtils=cn(),e.exports.Responsive=ei().default,e.exports.Responsive.utils=hr(),e.exports.WidthProvider=Si().default}(Vt)),Vt.exports}var Ti=Ri();const wi=kr(Ti);var xi=Object.getOwnPropertyDescriptor,Ii=(e,t,n,r)=>{for(var i=r>1?void 0:r?xi(t,n):t,o=e.length-1,u;o>=0;o--)(u=e[o])&&(i=u(i)||i);return i},_i=(e,t)=>(n,r)=>t(n,r,e);let ke=class extends w.Disposable{constructor(t){super();Ie(this,"_initLocal",()=>{});Ie(this,"_findReplaceIndex",t=>{const n=/\{([^}]+)?\}/g,r=[];let i=n.exec(t);for(;i;)r.push({startIndex:i.index,key:Number(i[1]),endIndex:i.index+i[0].length-1}),i=n.exec(t);return r});this._localeService=t,this._initLocal()}tWithReactNode(t,...n){const r=this._localeService.getLocales(),i=t.split("."),o=r&&this._localeService.resolveKeyPath(r,i);if(typeof o=="string"){const u=[];return this._findReplaceIndex(o).forEach((y,h,R)=>{const v=R[h-1]||{endIndex:-1};if(v.endIndex+1<y.startIndex){const S=o.slice(v.endIndex+1,y.startIndex);S&&u.push(S)}if(n[y.key]&&u.push(n[y.key]),h===R.length-1){const S=o.slice(y.endIndex+1);S&&u.push(S)}}),u}return[]}};ke=Ii([_i(0,w.Inject(w.LocaleService))],ke);const Ei="univer-cf-preview",Ct={cfPreview:Ei},He=e=>{var i,o;const t=e.rule;if(!t)return null;const n=j.useMemo(()=>{if(t.type===c.CFRuleType.colorScale){const u=t.config.map((R,v)=>({color:new w.ColorKit(R.color),value:v})),y=u.length-1;return new Array(5).fill("").map((R,v,S)=>v*y/(S.length-1)).map(R=>c.getColorScaleFromValue(u,R))}return null},[t]),r=j.useMemo(()=>{if(t.type===c.CFRuleType.iconSet)return t.config.map(u=>{const y=c.iconMap[u.iconType];return y&&y[Number(u.iconId)]})},[t]);switch(t.type){case c.CFRuleType.dataBar:{const{isGradient:u}=t.config,y={width:"50%",height:"100%"},h=u?`linear-gradient(to right, ${t.config.positiveColor||c.defaultDataBarPositiveColor}, rgb(255 255 255))`:t.config.positiveColor,R=u?`linear-gradient(to right,  rgb(255 255 255),${t.config.nativeColor||c.defaultDataBarNativeColor})`:t.config.nativeColor;return x.jsxs("div",{className:Ct.cfPreview,children:[x.jsx("div",{style:{...y,background:R,border:`1px solid ${t.config.nativeColor||c.defaultDataBarNativeColor}`}}),x.jsx("div",{style:{...y,background:h,border:`1px solid ${t.config.positiveColor||c.defaultDataBarPositiveColor}`}})]})}case c.CFRuleType.colorScale:return n&&x.jsx("div",{className:Ct.cfPreview,children:n.map((u,y)=>x.jsx("div",{style:{width:`${100/n.length}%`,height:"100%",background:u}},y))});case c.CFRuleType.iconSet:return r&&x.jsx("div",{className:Ct.cfPreview,children:r.map((u,y)=>u?x.jsx("img",{style:{height:"100%"},src:u},y):x.jsx(ft,{},y))});case c.CFRuleType.highlightCell:{const{ul:u,st:y,it:h,bl:R,bg:v,cl:S}=t.style,_=(u==null?void 0:u.s)===w.BooleanNumber.TRUE,I=(y==null?void 0:y.s)===w.BooleanNumber.TRUE,T=h===w.BooleanNumber.TRUE,b=R===w.BooleanNumber.TRUE,p=(i=v==null?void 0:v.rgb)!=null?i:c.DEFAULT_BG_COLOR,a=(o=S==null?void 0:S.rgb)!=null?o:c.DEFAULT_FONT_COLOR,s={fontWeight:b?"bold":void 0,fontStyle:T?"italic":void 0,textDecoration:`${_?"underline":""} ${I?"line-through":""}`.replace(/^ /,"")||void 0,backgroundColor:p,color:a};return x.jsx("div",{style:s,className:Ct.cfPreview,children:"123"})}}return null},Oi="univer-cf-rule-list",Pi="univer-rule-selector",Di="univer-select",Fi="univer-gap",Mi="univer-disabled",Ni="univer-rule-item",ji="univer-rule-describe",Li="univer-rule-type",Ui="univer-rule-range",Vi="univer-active",zi="univer-draggableHandle",ki="univer-delete-item",Ai="univer-grid-layout-wrap",me={cfRuleList:Oi,ruleSelector:Pi,select:Di,gap:Fi,disabled:Mi,ruleItem:Ni,ruleDescribe:ji,ruleType:Li,ruleRange:Ui,active:Vi,draggableHandle:zi,deleteItem:ki,gridLayoutWrap:Ai},qi=(e,t)=>{const n=e.rule;switch(n.type){case c.CFRuleType.colorScale:return t.t("sheet.cf.ruleType.colorScale");case c.CFRuleType.dataBar:return t.t("sheet.cf.ruleType.dataBar");case c.CFRuleType.iconSet:return t.t("sheet.cf.ruleType.iconSet");case c.CFRuleType.highlightCell:switch(n.subType){case c.CFSubRuleType.average:{const r=n.operator;return t.t(`sheet.cf.preview.describe.${r}`,t.t("sheet.cf.subRuleType.average"))}case c.CFSubRuleType.duplicateValues:return t.t("sheet.cf.subRuleType.duplicateValues");case c.CFSubRuleType.uniqueValues:return t.t("sheet.cf.subRuleType.uniqueValues");case c.CFSubRuleType.number:{const r=n.operator;return t.t(`sheet.cf.preview.describe.${r}`,...Array.isArray(n.value)?n.value.map(i=>String(i)):[String(n.value||"")])}case c.CFSubRuleType.text:{const r=n.operator;return t.t(`sheet.cf.preview.describe.${r}`,n.value||"")}case c.CFSubRuleType.timePeriod:{const r=n.operator;return t.t(`sheet.cf.preview.describe.${r}`)}case c.CFSubRuleType.rank:return n.isPercent?n.isBottom?t.t("sheet.cf.preview.describe.bottomNPercent",String(n.value)):t.t("sheet.cf.preview.describe.topNPercent",String(n.value)):n.isBottom?t.t("sheet.cf.preview.describe.bottomN",String(n.value)):t.t("sheet.cf.preview.describe.topN",String(n.value));case c.CFSubRuleType.formula:return t.t("sheet.cf.ruleType.formula")}}};let Wn=0;const Hi=e=>{const{onClick:t}=e,n=J.useDependency(c.ConditionalFormattingRuleModel),r=J.useDependency(w.IUniverInstanceService),i=J.useDependency(B.SheetsSelectionsService),o=J.useDependency(w.ICommandService),u=J.useDependency(w.LocaleService),y=J.useDependency(w.Injector),h=J.useDependency(J.ISidebarService),R=J.useDependency(ke),v=J.useObservable(()=>r.getCurrentTypeOfUnit$(w.UniverInstanceType.UNIVER_SHEET),void 0,void 0,[]),S=v.getUnitId(),_=v.getActiveSheet();if(!_)throw new Error("No active sheet found");const I=_.getSheetId(),[T,b]=j.useState([]),[p,a]=j.useState("2"),[s,f]=j.useState(0),[C,l]=j.useState(-1),[g,d]=j.useState(Wn),m=j.useRef(null),D=[{label:u.t("sheet.cf.panel.workSheet"),value:"2"},{label:u.t("sheet.cf.panel.selectedRange"),value:"1"}],F=()=>{const z=n.getSubunitRules(S,I);if(!z||!z.length)return[];if(p==="1"){const Z=i.getCurrentLastSelection();if(!Z)return[];const ee=Z.range;return z.filter(de=>de.ranges.some(he=>w.Rectangle.intersects(he,ee)))}else if(p==="2")return[...z];return[]},[L,U]=j.useState(F);fe.useHighlightRange(T),j.useEffect(()=>{const z=o.onCommandExecuted(Z=>{Z.id===B.SetWorksheetActiveOperation.id&&f(Math.random())});return()=>z.dispose()}),j.useEffect(()=>{U(F)},[p,s,S,I]),j.useEffect(()=>{if(p==="2")return;const z=new Se.Observable(Z=>{const ee=[B.SetSelectionsOperation.id,c.AddConditionalRuleMutation.id,c.SetConditionalRuleMutation.id,c.DeleteConditionalRuleMutation.id,c.MoveConditionalRuleMutation.id],ae=o.onCommandExecuted(de=>{const{id:he,params:be}=de,A=r.getCurrentUnitOfType(w.UniverInstanceType.UNIVER_SHEET).getUnitId();ee.includes(he)&&be.unitId===A&&Z.next(null)});return()=>ae.dispose()}).pipe(Se.debounceTime(16)).subscribe(()=>{U(F)});return()=>{z.unsubscribe()}},[r,p,S,I]),j.useEffect(()=>{const z=n.$ruleChange.subscribe(()=>{f(Math.random())});return()=>z.unsubscribe()},[n]),j.useEffect(()=>{const z=()=>{var de,he;const ae=Math.max(0,((he=(de=m.current)==null?void 0:de.getBoundingClientRect().width)!=null?he:0)-8);return Wn=ae,ae},ee=new Se.Observable(ae=>{const de=h.getContainer();if(de){let he=setTimeout(()=>{ae.next()},150);const be=()=>{he&&clearTimeout(he),he=null},A=Y=>{Y.propertyName==="width"&&(be(),ae.next())};return de.addEventListener("transitionend",A),()=>{be(),de.removeEventListener("transitionend",A)}}}).pipe(Se.debounceTime(16)).subscribe(()=>{d(z())});return()=>{ee.unsubscribe()}},[]);const E=z=>{var ae;const Z=r.getCurrentUnitOfType(w.UniverInstanceType.UNIVER_SHEET).getUnitId(),ee=(ae=r.getCurrentUnitOfType(w.UniverInstanceType.UNIVER_SHEET).getActiveSheet())==null?void 0:ae.getSheetId();if(!Z||!ee)throw new Error("No active sheet found");o.executeCommand(c.DeleteCfCommand.id,{unitId:Z,subUnitId:ee,cfId:z.cfId})},N=(z,Z)=>{l(Z.y)},q=(z,Z,ee)=>{var Y;l(-1);const ae=r.getCurrentUnitOfType(w.UniverInstanceType.UNIVER_SHEET).getUnitId(),de=(Y=r.getCurrentUnitOfType(w.UniverInstanceType.UNIVER_SHEET).getActiveSheet())==null?void 0:Y.getSheetId();if(!ae||!de)throw new Error("No active sheet found");const he=oe=>{const O=L.length;return Math.min(O-1,Math.max(0,oe))},be=L[he(Z.y)].cfId,A=L[he(ee.y)].cfId;be!==A&&o.executeCommand(c.MoveCfCommand.id,{unitId:ae,subUnitId:de,start:{id:be,type:"self"},end:{id:A,type:ee.y>Z.y?"after":"before"}})},W=()=>{e.onCreate()},G=()=>{p==="2"?o.executeCommand(c.ClearWorksheetCfCommand.id):p==="1"&&L.map(Z=>({unitId:S,subUnitId:I,cfId:Z.cfId})).forEach(Z=>{o.executeCommand(c.DeleteCfCommand.id,Z)})},ie=j.useMemo(()=>{const z=r.getCurrentUnitOfType(w.UniverInstanceType.UNIVER_SHEET),Z=z.getActiveSheet();return L.filter(ee=>{const ae=ee.ranges;return B.checkRangesEditablePermission(y,z.getUnitId(),Z.getSheetId(),ae)})},[L]),ne=ie.map((z,Z)=>({i:z.cfId,x:0,w:12,y:Z,h:1,isResizable:!1})),se=j.useMemo(()=>{const z=r.getCurrentUnitOfType(w.UniverInstanceType.UNIVER_SHEET),Z=z.getActiveSheet();return L.every(ee=>{const ae=ee.ranges;return B.checkRangesEditablePermission(y,z.getUnitId(),Z.getSheetId(),ae)})},[L]);return x.jsxs("div",{className:me.cfRuleList,children:[x.jsxs("div",{className:me.ruleSelector,children:[x.jsx("div",{children:R.tWithReactNode("sheet.cf.panel.managerRuleSelect",x.jsx(K.Select,{className:me.select,options:D,value:p,onChange:z=>{a(z)}})).map((z,Z)=>x.jsx("span",{children:z},Z))}),x.jsxs("div",{className:"univer-flex univer-justify-end",children:[x.jsx(K.Tooltip,{title:u.t("sheet.cf.panel.createRule"),placement:"bottom",children:x.jsx("div",{className:"univer-size-5",onClick:W,children:x.jsx(ir,{})})}),L.length&&se?x.jsx(K.Tooltip,{title:u.t("sheet.cf.panel.clear"),placement:"bottom",children:x.jsx("div",{className:K.clsx(me.gap,"univer-size-5"),onClick:G,children:x.jsx(xt,{})})}):x.jsx("div",{className:K.clsx(me.gap,me.disabled),children:x.jsx(xt,{})})]})]}),x.jsx("div",{ref:m,className:me.gridLayoutWrap,children:g?x.jsx(wi,{draggableHandle:".draggableHandle",layout:ne,cols:12,rowHeight:60,width:g,margin:[0,10],onDragStop:q,onDragStart:N,children:ie==null?void 0:ie.map((z,Z)=>x.jsx("div",{children:x.jsxs("div",{className:K.clsx(me.ruleItem,{[me.active]:C===Z}),onMouseMove:()=>{z.ranges!==T&&b(z.ranges)},onMouseLeave:()=>b([]),onClick:()=>{t(z)},children:[x.jsx("div",{className:K.clsx(me.draggableHandle,"draggableHandle"),onClick:ee=>ee.stopPropagation(),children:x.jsx(or,{})}),x.jsxs("div",{className:me.ruleDescribe,children:[x.jsx("div",{className:me.ruleType,children:qi(z,u)}),x.jsx("div",{className:me.ruleRange,children:z.ranges.map(ee=>Xt.serializeRange(ee)).join(",")})]}),x.jsx("div",{children:x.jsx(He,{rule:z.rule})}),x.jsx("div",{className:K.clsx(me.deleteItem,{[me.active]:C===Z}),onClick:ee=>{ee.stopPropagation(),E(z),b([])},children:x.jsx(xt,{})})]})},`${z.cfId}`))}):null})]})},Wi="univer-cf-color-picker-icon",$i="univer-icon-dropdown",$n={cfColorPickerIcon:Wi,iconDropdown:$i},Ne=e=>{const{color:t,onChange:n,disable:r=!1,iconId:i="PaintBucket",className:o,isNeedDropdownIcon:u=!0}=e,y=J.useDependency(J.ComponentManager),h=j.useMemo(()=>new w.ColorKit(t),[t]),R=y.get(i);return R&&(r?x.jsx(R,{className:o,extend:{colorChannel1:h.isValid?t:"rgb(var(--primary-color))"}}):x.jsx(K.Dropdown,{overlay:x.jsx("div",{className:"univer-rounded-lg univer-p-4",children:x.jsx(K.ColorPicker,{value:t,onChange:n})}),children:x.jsxs("span",{className:`
+                      ${$n.cfColorPickerIcon}
+                      ${o}
+                    `,children:[x.jsx(R,{extend:{colorChannel1:h.isValid?t:"rgb(var(--primary-color))"}}),u&&x.jsx(Nt,{className:$n.iconDropdown})]})}))},Bi="univer-cf-rule-style-editor",Gi="univer-cf-error-text",Yi="univer-cf-preview-wrap",Xi="univer-text",Ki="univer-position-relative",Zi="univer-util-item",Ji="univer-icon-set",Qi="univer-render-config",eo="univer-dropdown-icon",to="univer-icon",no="univer-error-input",ro="univer-error-text",io="univer-icon-group-list",oo="univer-title",ao="univer-group",so="univer-item-content",lo="univer-item-wrap",uo="univer-item",co="univer-icon-item-list-wrap",fo="univer-none",po="univer-icon-item-list",ho="univer-stress",te={cfRuleStyleEditor:Bi,cfErrorText:Gi,cfPreviewWrap:Yi,text:Xi,positionRelative:Ki,utilItem:Zi,iconSet:Ji,renderConfig:Qi,dropdownIcon:eo,icon:to,errorInput:no,errorText:ro,iconGroupList:io,title:oo,group:ao,itemContent:so,itemWrap:lo,item:uo,iconItemListWrap:co,none:fo,iconItemList:po,stress:ho},Me=(e,t)=>({label:t.t(`sheet.cf.valueType.${e}`),value:e}),Wt=e=>{var T;const{type:t,className:n,onChange:r,id:i,value:o}=e,u=J.useDependency(w.IUniverInstanceService),y=u.getCurrentUnitForType(w.UniverInstanceType.UNIVER_SHEET).getUnitId(),h=(T=u.getCurrentUnitForType(w.UniverInstanceType.UNIVER_SHEET).getActiveSheet())==null?void 0:T.getSheetId(),R=j.useMemo(()=>String(o).startsWith("=")?String(o):"=",[o]),v=j.useMemo(()=>[c.CFValueType.max,c.CFValueType.min,"none"].includes(t)?{disabled:!0}:[c.CFValueType.percent,c.CFValueType.percentile].includes(t)?{min:0,max:100}:{min:Number.MIN_SAFE_INTEGER,max:Number.MAX_SAFE_INTEGER},[t]),S=j.useRef(null),[_,I]=j.useState(!1);return J.useSidebarClick(b=>{var a;((a=S.current)==null?void 0:a.isClickOutSide(b))&&I(!1)}),t===c.CFValueType.formula?x.jsx("div",{style:{width:"100%",marginLeft:4},children:x.jsx(dt.FormulaEditor,{initValue:R,unitId:y,subUnitId:h,isFocus:_,onChange:(b="")=>{r(b||"")},onFocus:()=>I(!0),ref:S})}):x.jsx(K.InputNumber,{className:n,value:Number(e.value)||0,onChange:b=>e.onChange(b||0),...v})},go=e=>{var U;const{interceptorManager:t}=e,n=J.useDependency(w.LocaleService),r=((U=e.rule)==null?void 0:U.type)===c.CFRuleType.colorScale?e.rule:void 0,i=[Me(c.CFValueType.num,n),Me(c.CFValueType.percent,n),Me(c.CFValueType.percentile,n),Me(c.CFValueType.formula,n)],o=[Me(c.CFValueType.min,n),...i],u=[Me("none",n),...i],y=[Me(c.CFValueType.max,n),...i],[h,R]=j.useState(()=>{var N;const E=c.CFValueType.min;return r&&((N=r.config[0])==null?void 0:N.value.type)||E}),[v,S]=j.useState(()=>{var N;const E="none";return!r||r.config.length!==3?E:((N=r.config[1])==null?void 0:N.value.type)||E}),[_,I]=j.useState(()=>{var N;const E=c.CFValueType.max;return r&&((N=r.config[r.config.length-1])==null?void 0:N.value.type)||E}),[T,b]=j.useState(()=>{if(!r)return 10;const N=r.config[0];return(N==null?void 0:N.value.value)===void 0?10:N==null?void 0:N.value.value}),[p,a]=j.useState(()=>{var q;if(!r||r.config.length!==3)return 50;const N=(q=r.config[1])==null?void 0:q.value.value;return N===void 0?50:N}),[s,f]=j.useState(()=>{var q;if(!r)return 90;const N=(q=r.config[r.config.length-1])==null?void 0:q.value.value;return N===void 0?90:N}),[C,l]=j.useState(()=>{var N;const E="#d0d9fb";return r&&((N=r.config[0])==null?void 0:N.color)||E}),[g,d]=j.useState(()=>{var N;const E="#7790f3";return!r||r.config.length!==3?E:((N=r.config[1])==null?void 0:N.color)||E}),[m,D]=j.useState(()=>{var N;const E="#2e55ef";return r&&((N=r.config[r.config.length-1])==null?void 0:N.color)||E}),F=j.useMemo(()=>E=>{const{minType:N,medianType:q,maxType:W,minValue:G,medianValue:ie,maxValue:ne,minColor:se,medianColor:z,maxColor:Z}=E,ee=[];return ee.push({color:se,value:{type:N,value:G}}),q!=="none"&&ee.push({color:z,value:{type:q,value:ie}}),ee.push({color:Z,value:{type:W,value:ne}}),{config:ee.map((de,he)=>({...de,index:he})),type:c.CFRuleType.colorScale}},[]);j.useEffect(()=>t.intercept(t.getInterceptPoints().submit,{handler(){return F({minType:h,medianType:v,maxType:_,minValue:T,medianValue:p,maxValue:s,minColor:C,medianColor:g,maxColor:m})}}),[F,h,v,_,T,p,s,C,g,m,t]);const L=E=>{e.onChange(F(E))};return x.jsxs("div",{children:[x.jsx("div",{className:le.title,children:n.t("sheet.cf.panel.styleRule")}),x.jsx("div",{className:`
+                  ${te.cfPreviewWrap}
+                `,children:x.jsx(He,{rule:F({minType:h,medianType:v,maxType:_,minValue:T,medianValue:p,maxValue:s,minColor:C,medianColor:g,maxColor:m})})}),x.jsx("div",{className:le.label,children:n.t("sheet.cf.valueType.min")}),x.jsxs("div",{className:K.clsx(`
+                  ${le.labelContainer}
+                  univer-mt-3
+                `,"univer-box-border univer-h-8"),children:[x.jsx(K.Select,{className:"univer-flex-shrink-0",options:o,value:h,onChange:E=>{R(E);const N=c.createDefaultValueByValueType(E,10);b(N),L({minType:E,medianType:v,maxType:_,minValue:N,medianValue:p,maxValue:s,minColor:C,medianColor:g,maxColor:m})}}),x.jsx(Wt,{id:"min",className:"univer-ml-1",value:T,type:h,onChange:E=>{b(E),L({minType:h,medianType:v,maxType:_,minValue:E,medianValue:p,maxValue:s,minColor:C,medianColor:g,maxColor:m})}}),x.jsx(Ne,{className:"univer-ml-1",color:C,onChange:E=>{l(E),L({minType:h,medianType:v,maxType:_,minValue:T,medianValue:p,maxValue:s,minColor:E,medianColor:g,maxColor:m})}})]}),x.jsx("div",{className:le.label,children:n.t("sheet.cf.panel.medianValue")}),x.jsxs("div",{className:K.clsx(`
+                  ${le.labelContainer}
+                  univer-mt-3
+                `,"univer-box-border univer-h-8"),children:[x.jsx(K.Select,{className:"univer-flex-shrink-0",options:u,value:v,onChange:E=>{S(E);const N=c.createDefaultValueByValueType(E,50);a(N),L({minType:h,medianType:E,maxType:_,minValue:T,medianValue:N,maxValue:s,minColor:C,medianColor:g,maxColor:m})}}),x.jsx(Wt,{id:"median",className:"univer-ml-1",value:p,type:v,onChange:E=>{a(E),L({minType:h,medianType:v,maxType:_,minValue:T,medianValue:E,maxValue:s,minColor:C,medianColor:g,maxColor:m})}}),v!=="none"&&x.jsx(Ne,{className:"univer-ml-1",color:g,onChange:E=>{d(E),L({minType:h,medianType:v,maxType:_,minValue:T,medianValue:p,maxValue:s,minColor:C,medianColor:E,maxColor:m})}})]}),x.jsx("div",{className:le.label,children:n.t("sheet.cf.valueType.max")}),x.jsxs("div",{className:K.clsx(`
+                  ${le.labelContainer}
+                  univer-mt-3 univer-box-border univer-h-8
+                `),children:[x.jsx(K.Select,{className:"univer-flex-shrink-0",options:y,value:_,onChange:E=>{I(E);const N=c.createDefaultValueByValueType(E,90);f(N),L({minType:h,medianType:v,maxType:E,minValue:T,medianValue:p,maxValue:N,minColor:C,medianColor:g,maxColor:m})}}),x.jsx(Wt,{id:"max",className:"univer-ml-1",value:s,type:_,onChange:E=>{f(E),L({minType:h,medianType:v,maxType:_,minValue:T,medianValue:p,maxValue:E,minColor:C,medianColor:g,maxColor:m})}}),x.jsx(Ne,{className:"univer-ml-1",color:m,onChange:E=>{D(E),L({minType:h,medianType:v,maxType:_,minValue:T,medianValue:p,maxValue:s,minColor:C,medianColor:g,maxColor:E})}})]})]})},Le=(e,t)=>({label:t.t(`sheet.cf.valueType.${e}`),value:e}),Bn=e=>{var b;const{onChange:t,className:n,value:r,type:i,id:o,disabled:u=!1}=e,y=J.useDependency(w.IUniverInstanceService),h=y.getCurrentUnitForType(w.UniverInstanceType.UNIVER_SHEET).getUnitId(),R=(b=y.getCurrentUnitForType(w.UniverInstanceType.UNIVER_SHEET).getActiveSheet())==null?void 0:b.getSheetId(),v=j.useRef(null),[S,_]=j.useState(!1);J.useSidebarClick(p=>{var s;((s=v.current)==null?void 0:s.isClickOutSide(p))&&_(!1)});const I=j.useRef(r),T=j.useMemo(()=>[c.CFValueType.percentile,c.CFValueType.percent].includes(i)?{max:100,min:0}:{min:Number.MIN_SAFE_INTEGER,max:Number.MAX_SAFE_INTEGER},[i]);if(i===c.CFValueType.formula){const p=String(I.current).startsWith("=")?String(I.current)||"":"=";return x.jsx("div",{style:{width:"100%",marginLeft:12},children:x.jsx(dt.FormulaEditor,{initValue:p,unitId:h,subUnitId:R,isFocus:S,onChange:(a="")=>{t(a||"")},onFocus:()=>_(!0),ref:v})})}return x.jsx(K.InputNumber,{className:n,value:Number(r)||0,disabled:u,onChange:p=>{t(p||0)},...T})},mo=e=>{var U;const{interceptorManager:t}=e,n=J.useDependency(w.LocaleService),r=((U=e.rule)==null?void 0:U.type)===c.CFRuleType.dataBar?e.rule:void 0,[i,o]=j.useState(()=>{var N;const E="0";return r?(N=r.config)!=null&&N.isGradient?"1":"0":E}),[u,y]=j.useState(()=>{var E;return r&&((E=r.config)==null?void 0:E.positiveColor)||c.defaultDataBarPositiveColor}),[h,R]=j.useState(()=>{var E;return r&&((E=r.config)==null?void 0:E.nativeColor)||c.defaultDataBarNativeColor}),v=[Le(c.CFValueType.num,n),Le(c.CFValueType.percent,n),Le(c.CFValueType.percentile,n),Le(c.CFValueType.formula,n)],S=[Le(c.CFValueType.min,n),...v],_=[Le(c.CFValueType.max,n),...v],[I,T]=j.useState(()=>{var N;const E=S[0].value;return r&&((N=r.config)==null?void 0:N.min.type)||E}),[b,p]=j.useState(()=>{var N;const E=_[0].value;return r&&((N=r.config)==null?void 0:N.max.type)||E}),[a,s]=j.useState(()=>{var q;if(!r)return 0;const N=((q=r.config)==null?void 0:q.min)||{};return N.type===c.CFValueType.formula?N.value||"=":N.value||0}),[f,C]=j.useState(()=>{var q;if(!r)return 100;const N=((q=r.config)==null?void 0:q.max)||{};return N.type===c.CFValueType.formula?N.value||"=":N.value===void 0?100:N.value}),[l,g]=j.useState(()=>r?r.isShowValue===void 0?!0:!!r.isShowValue:!0),d=E=>({config:{min:{type:E.minValueType,value:E.minValue},max:{type:E.maxValueType,value:E.maxValue},isGradient:E.isGradient==="1",positiveColor:E.positiveColor||c.defaultDataBarPositiveColor,nativeColor:E.nativeColor||c.defaultDataBarNativeColor},type:c.CFRuleType.dataBar,isShowValue:E.isShowValue});j.useEffect(()=>t.intercept(t.getInterceptPoints().submit,{handler(){return d({isGradient:i,minValue:a,minValueType:I,maxValue:f,maxValueType:b,positiveColor:u,nativeColor:h,isShowValue:l})}}),[i,a,I,f,b,u,h,t,l]);const m=E=>{e.onChange(d(E))},D=E=>{y(E),m({isGradient:i,minValue:a,minValueType:I,maxValue:f,maxValueType:b,positiveColor:E,nativeColor:h,isShowValue:l})},F=E=>{R(E),m({isGradient:i,minValue:a,minValueType:I,maxValue:f,maxValueType:b,positiveColor:u,nativeColor:E,isShowValue:l})},L=E=>v.map(N=>N.value).includes(E);return x.jsxs("div",{children:[x.jsx("div",{className:le.title,children:n.t("sheet.cf.panel.styleRule")}),x.jsx("div",{className:`
+                  ${te.cfPreviewWrap}
+                `,children:x.jsx(He,{rule:d({isGradient:i,minValue:a,minValueType:I,maxValue:f,maxValueType:b,positiveColor:u,nativeColor:h,isShowValue:l})})}),x.jsxs("div",{children:[x.jsx("div",{className:le.label,children:n.t("sheet.cf.panel.fillType")}),x.jsxs("div",{className:`
+                      univer-ml-1 univer-mt-3
+                      ${le.labelContainer}
+                    `,children:[x.jsxs(K.RadioGroup,{value:i,onChange:E=>{o(E),m({isGradient:E,minValue:a,minValueType:I,maxValue:f,maxValueType:b,positiveColor:u,nativeColor:h,isShowValue:l})},children:[x.jsx(K.Radio,{value:"0",children:x.jsx("span",{className:te.text,children:n.t("sheet.cf.panel.pureColor")})}),x.jsx(K.Radio,{value:"1",children:x.jsx("span",{className:te.text,children:n.t("sheet.cf.panel.gradient")})})]}),x.jsxs("div",{className:`
+                          ${te.utilItem}
+                          univer-ml-6
+                        `,children:[x.jsx(K.Checkbox,{checked:!l,onChange:E=>{g(!E),m({isGradient:E,minValue:a,minValueType:I,maxValue:f,maxValueType:b,positiveColor:u,nativeColor:h,isShowValue:!E})}}),n.t("sheet.cf.panel.onlyShowDataBar")]})]})]}),x.jsxs("div",{children:[x.jsx("div",{className:le.label,children:n.t("sheet.cf.panel.colorSet")}),x.jsxs("div",{className:`
+                      ${le.labelContainer}
+                      univer-ml-1 univer-mt-3
                     `,children:[x.jsxs("div",{className:`
-                          ${z.labelContainer}
+                          ${le.labelContainer}
                         `,children:[x.jsx("div",{className:`
-                              ${W.text}
+                              ${te.text}
                             `,children:n.t("sheet.cf.panel.native")}),x.jsx(Ne,{color:h,onChange:F})]}),x.jsxs("div",{className:`
-                          ${z.labelContainer}
-                          ${z.mLSm}
+                          ${le.labelContainer}
+                          univer-ml-3
                         `,children:[x.jsx("div",{className:`
-                              ${W.text}
-                            `,children:n.t("sheet.cf.panel.positive")}),x.jsx(Ne,{color:u,onChange:D})]})]})]}),x.jsxs("div",{children:[x.jsx("div",{className:z.label,children:n.t("sheet.cf.valueType.min")}),x.jsxs("div",{className:`
-                      ${z.mTSm}
-                      ${z.labelContainer}
-                    `,children:[x.jsx(J.Select,{style:{width:"50%",flexShrink:0},options:S,value:I,onChange:E=>{T(E);const N=c.createDefaultValueByValueType(E,10);s(N),g({isGradient:o,minValue:N,minValueType:E,maxValue:f,maxValueType:b,positiveColor:u,nativeColor:h,isShowValue:l})}}),x.jsx(Bn,{disabled:!L(I),id:"min",type:I,className:z.mLSm,value:a,onChange:E=>{s(E||0),g({isGradient:o,minValue:E||0,minValueType:I,maxValue:f,maxValueType:b,positiveColor:u,nativeColor:h,isShowValue:l})}})]}),x.jsx("div",{className:z.label,children:n.t("sheet.cf.valueType.max")}),x.jsxs("div",{className:`
-                      ${z.mTSm}
-                      ${z.labelContainer}
-                    `,children:[x.jsx(J.Select,{style:{width:"50%",flexShrink:0},options:_,value:b,onChange:E=>{p(E);const N=c.createDefaultValueByValueType(E,90);C(N),g({isGradient:o,minValue:a,minValueType:I,maxValue:N,maxValueType:E,positiveColor:u,nativeColor:h,isShowValue:l})}}),x.jsx(Bn,{disabled:!L(b),id:"max",type:b,className:z.mLSm,value:f,onChange:E=>{C(E||0),g({isGradient:o,minValue:a,minValueType:I,maxValue:E||0,maxValueType:b,positiveColor:u,nativeColor:h,isShowValue:l})}})]})]})]})},Fi="univer-cf-style-edit",Mi="univer-button-item",Ni="univer-isActive",xe={cfStyleEdit:Fi,buttonItem:Mi,isActive:Ni},bt=e=>[w.BooleanNumber.FALSE,void 0].includes(e)?w.BooleanNumber.TRUE:w.BooleanNumber.FALSE,St=e=>e!==w.BooleanNumber.FALSE,pn=e=>{const{style:t,onChange:n,className:r}=e,o=ee.useDependency(ee.ComponentManager),[i,u]=j.useState(()=>{if(t!=null&&t.bl)return t.bl}),[y,h]=j.useState(()=>{if(t!=null&&t.it)return t.it}),[R,v]=j.useState(()=>{if(t!=null&&t.ul)return t.ul.s}),[S,_]=j.useState(()=>{if(t!=null&&t.st)return t.st.s}),[I,T]=j.useState(()=>{var m;const l="#2f56ef";return(m=t==null?void 0:t.cl)!=null&&m.rgb?t.cl.rgb:l}),[b,p]=j.useState(()=>{var m;const l="#e8ecfc";return(m=t==null?void 0:t.bg)!=null&&m.rgb?t.bg.rgb:l}),a=o.get("BoldSingle"),s=o.get("ItalicSingle"),f=o.get("UnderlineSingle"),C=o.get("StrikethroughSingle");return j.useEffect(()=>{const l={bl:i,it:y};I!==void 0&&(l.cl={rgb:I}),b!==void 0&&(l.bg={rgb:b}),S!==void 0&&(l.st={s:S}),R!==void 0&&(l.ul={s:R}),n(c.removeUndefinedAttr(l))},[i,y,R,S,I,b]),x.jsxs("div",{className:J.clsx(xe.cfStyleEdit,r),children:[a&&x.jsx("div",{className:J.clsx({[xe.isActive]:St(i||w.BooleanNumber.FALSE)},xe.buttonItem),onClick:()=>u(bt(i)),children:x.jsx(a,{})}),s&&x.jsx("div",{className:J.clsx({[xe.isActive]:St(y||w.BooleanNumber.FALSE)},xe.buttonItem),onClick:()=>h(bt(y)),children:x.jsx(s,{})}),f&&x.jsx("div",{className:J.clsx({[xe.isActive]:St(R||w.BooleanNumber.FALSE)},xe.buttonItem),onClick:()=>v(bt(R)),children:x.jsx(f,{})}),C&&x.jsx("div",{className:J.clsx({[xe.isActive]:St(S||w.BooleanNumber.FALSE)},xe.buttonItem),onClick:()=>_(bt(S)),children:x.jsx(C,{})}),x.jsx(Ne,{color:I,onChange:T,iconId:"FontColor"}),x.jsx(Ne,{color:b,onChange:p,iconId:"PaintBucket"})]})},ji=e=>{var C;const{onChange:t,interceptorManager:n}=e,r=ee.useDependency(w.LocaleService),i=ee.useDependency(w.IUniverInstanceService).getCurrentUnitForType(w.UniverInstanceType.UNIVER_SHEET),u=i.getActiveSheet(),y=((C=e.rule)==null?void 0:C.type)===c.CFRuleType.highlightCell?e.rule:void 0,h=j.useRef(null),[R,v]=j.useState(!1),S=j.useRef(null),[_,I]=j.useState({}),[T,b]=j.useState(()=>(y==null?void 0:y.subType)===c.CFSubRuleType.formula?y.value:"="),[p,a]=j.useState(void 0),s=l=>({style:l.style,value:T,type:c.CFRuleType.highlightCell,subType:c.CFSubRuleType.formula});j.useEffect(()=>n.intercept(n.getInterceptPoints().submit,{handler(){return s({style:_})}}),[_,T,n]),j.useEffect(()=>n.intercept(n.getInterceptPoints().beforeSubmit,{handler:(m,d,g)=>p||T.length===1||!T.startsWith("=")?(a(r.t("sheet.cf.errorMessage.formulaError")),!1):g(m)}),[p,T]);const f=l=>{t(s(l))};return ee.useSidebarClick(l=>{var d;((d=S.current)==null?void 0:d.isClickOutSide(l))&&v(!1)}),x.jsxs("div",{ref:h,children:[x.jsx("div",{className:`
-                  ${z.title}
-                  ${z.mTBase}
-                `,children:r.t("sheet.cf.panel.styleRule")}),x.jsx("div",{className:`
-                  ${z.mTSm}
-                `,children:x.jsx(dt.FormulaEditor,{onChange:l=>{b(l),f({style:_})},onVerify:(l,m)=>{!l||m.length===1?a(r.t("sheet.cf.errorMessage.formulaError")):a(void 0)},errorText:p,onFocus:()=>{v(!0)},isFocus:R,initValue:T,unitId:i.getUnitId(),subUnitId:u==null?void 0:u.getSheetId(),ref:S})}),x.jsx("div",{className:`
-                  ${W.cfPreviewWrap}
-                `,children:x.jsx(qe,{rule:s({style:_})})}),x.jsx(pn,{style:y==null?void 0:y.style,className:`
-                  ${z.mTSm}
-                `,onChange:l=>{I(l),f({style:l})}})]})},Rt=e=>x.jsxs("div",{style:{position:"relative"},children:[x.jsx("div",{style:{position:"absolute",zIndex:999,bottom:"-13px",fontSize:"10px",color:"red"},children:e.errorText}),e.children]}),ue=(e,t)=>({label:t.t(`sheet.cf.operator.${e}`),value:e}),Li=e=>{const{type:t,operator:n,onChange:r,value:o,interceptorManager:i}=e,u=ee.useDependency(w.LocaleService),[y,h]=j.useState(()=>typeof o=="number"?o:0),[R,v]=j.useState(""),[S,_]=j.useState(()=>typeof o=="string"?o:""),[I,T]=j.useState(""),[b,p]=j.useState(()=>Array.isArray(o)?o[0]===void 0?0:o[0]:0),[a,s]=j.useState(""),[f,C]=j.useState(()=>Array.isArray(o)?o[1]===void 0?100:o[1]:100),[l,m]=j.useState("");switch(j.useEffect(()=>{switch(t){case c.CFSubRuleType.text:{[c.CFTextOperator.beginsWith,c.CFTextOperator.endsWith,c.CFTextOperator.containsText,c.CFTextOperator.notContainsText,c.CFTextOperator.equal,c.CFTextOperator.notEqual].includes(n)&&r(S);break}case c.CFSubRuleType.number:{[c.CFNumberOperator.equal,c.CFNumberOperator.notEqual,c.CFNumberOperator.greaterThan,c.CFNumberOperator.greaterThanOrEqual,c.CFNumberOperator.lessThan,c.CFNumberOperator.lessThanOrEqual].includes(n)&&r(y),[c.CFNumberOperator.between,c.CFNumberOperator.notBetween].includes(n)&&r([b,f]);break}}},[t]),j.useEffect(()=>{const d=i.intercept(i.getInterceptPoints().beforeSubmit,{handler:(g,D,F)=>{switch(t){case c.CFSubRuleType.text:if([c.CFTextOperator.beginsWith,c.CFTextOperator.containsText,c.CFTextOperator.endsWith,c.CFTextOperator.notEqual,c.CFTextOperator.notContainsText,c.CFTextOperator.equal].includes(n))return S?F(g):(T(u.t("sheet.cf.errorMessage.notBlank")),!1)}return F(g)}});return()=>{d()}},[t,y,S,n]),t){case c.CFSubRuleType.text:{if([c.CFTextOperator.beginsWith,c.CFTextOperator.endsWith,c.CFTextOperator.containsText,c.CFTextOperator.notContainsText,c.CFTextOperator.equal,c.CFTextOperator.notEqual].includes(n)){const d=g=>{_(g),r(g)};return x.jsx("div",{className:`
-                          ${z.mTSm}
-                        `,children:x.jsx(Rt,{errorText:I,children:x.jsx(J.Input,{className:W.width100,value:S,onChange:g=>{T(""),d(g)}})})})}break}case c.CFSubRuleType.number:{if([c.CFNumberOperator.equal,c.CFNumberOperator.notEqual,c.CFNumberOperator.greaterThan,c.CFNumberOperator.greaterThanOrEqual,c.CFNumberOperator.lessThan,c.CFNumberOperator.lessThanOrEqual].includes(n)){const d=g=>{h(g||0),r(g||0),v("")};return x.jsx("div",{className:`
-                          ${z.mTSm}
-                        `,children:x.jsx(Rt,{errorText:R,children:x.jsx(J.InputNumber,{min:Number.MIN_SAFE_INTEGER,max:Number.MAX_SAFE_INTEGER,className:W.width100,value:y,onChange:d})})})}if([c.CFNumberOperator.between,c.CFNumberOperator.notBetween].includes(n)){const d=D=>{p(D||0),r([D||0,f]),s("")},g=D=>{C(D||0),r([b,D||0]),m("")};return x.jsxs("div",{className:`
-                          ${z.mTSm}
-                          ${z.labelContainer}
-                        `,children:[x.jsx(Rt,{errorText:a,children:x.jsx(J.InputNumber,{min:Number.MIN_SAFE_INTEGER,max:Number.MAX_SAFE_INTEGER,value:b,onChange:d})}),x.jsx(Rt,{errorText:l,children:x.jsx(J.InputNumber,{min:Number.MIN_SAFE_INTEGER,max:Number.MAX_SAFE_INTEGER,className:`
-                                  ${z.mLSm}
-                                `,value:f,onChange:g})})]})}}}return null},Gn=(e,t)=>{switch(e){case c.CFSubRuleType.text:return[ue(c.CFTextOperator.containsText,t),ue(c.CFTextOperator.notContainsText,t),ue(c.CFTextOperator.beginsWith,t),ue(c.CFTextOperator.endsWith,t),ue(c.CFTextOperator.equal,t),ue(c.CFTextOperator.notEqual,t),ue(c.CFTextOperator.containsBlanks,t),ue(c.CFTextOperator.notContainsBlanks,t),ue(c.CFTextOperator.containsErrors,t),ue(c.CFTextOperator.notContainsErrors,t)];case c.CFSubRuleType.number:return[ue(c.CFNumberOperator.between,t),ue(c.CFNumberOperator.notBetween,t),ue(c.CFNumberOperator.equal,t),ue(c.CFNumberOperator.notEqual,t),ue(c.CFNumberOperator.greaterThan,t),ue(c.CFNumberOperator.greaterThanOrEqual,t),ue(c.CFNumberOperator.lessThan,t),ue(c.CFNumberOperator.lessThanOrEqual,t)];case c.CFSubRuleType.timePeriod:return[ue(c.CFTimePeriodOperator.yesterday,t),ue(c.CFTimePeriodOperator.today,t),ue(c.CFTimePeriodOperator.tomorrow,t),ue(c.CFTimePeriodOperator.last7Days,t),ue(c.CFTimePeriodOperator.lastWeek,t),ue(c.CFTimePeriodOperator.thisWeek,t),ue(c.CFTimePeriodOperator.nextWeek,t),ue(c.CFTimePeriodOperator.lastMonth,t),ue(c.CFTimePeriodOperator.thisMonth,t),ue(c.CFTimePeriodOperator.nextMonth,t)]}},Xn=e=>{var C;const{interceptorManager:t,onChange:n}=e,r=ee.useDependency(w.LocaleService),o=((C=e.rule)==null?void 0:C.type)===c.CFRuleType.highlightCell?e.rule:void 0,[i,u]=j.useState(()=>{const l=c.CFSubRuleType.text;return o&&o.subType||l}),y=[{value:c.CFSubRuleType.text,label:r.t("sheet.cf.subRuleType.text")},{value:c.CFSubRuleType.number,label:r.t("sheet.cf.subRuleType.number")},{value:c.CFSubRuleType.timePeriod,label:r.t("sheet.cf.subRuleType.timePeriod")},{value:c.CFSubRuleType.duplicateValues,label:r.t("sheet.cf.subRuleType.duplicateValues")},{value:c.CFSubRuleType.uniqueValues,label:r.t("sheet.cf.subRuleType.uniqueValues")}],h=j.useMemo(()=>Gn(i,r),[i]),[R,v]=j.useState(()=>{const l=h?h[0].value:void 0;return o&&o.operator||l}),[S,_]=j.useState(()=>{var d;const l="";return o?(d=o.value)!=null?d:c.createDefaultValue(o.subType,o.operator):l}),[I,T]=j.useState({}),b=j.useMemo(()=>l=>{var m,d,g,D,F,L,U,E,N,q,B,Y,ie,re,le;switch(l.subType||i){case c.CFSubRuleType.text:{if([c.CFTextOperator.beginsWith,c.CFTextOperator.endsWith,c.CFTextOperator.containsText,c.CFTextOperator.notContainsText,c.CFTextOperator.equal,c.CFTextOperator.notEqual].includes(R))return{type:c.CFRuleType.highlightCell,subType:(m=l.subType)!=null?m:i,operator:(d=l.operator)!=null?d:R,style:(g=l.style)!=null?g:I,value:(D=l.value)!=null?D:S};break}case c.CFSubRuleType.number:{if([c.CFNumberOperator.equal,c.CFNumberOperator.notEqual,c.CFNumberOperator.greaterThan,c.CFNumberOperator.greaterThanOrEqual,c.CFNumberOperator.lessThan,c.CFNumberOperator.lessThanOrEqual].includes(R))return{type:c.CFRuleType.highlightCell,subType:(F=l.subType)!=null?F:i,operator:(L=l.operator)!=null?L:R,style:(U=l.style)!=null?U:I,value:(E=l.value)!=null?E:S};if([c.CFNumberOperator.between,c.CFNumberOperator.notBetween].includes(R))return{type:c.CFRuleType.highlightCell,subType:(N=l.subType)!=null?N:i,operator:(q=l.operator)!=null?q:R,style:(B=l.style)!=null?B:I,value:(Y=l.value)!=null?Y:S};break}}return{type:c.CFRuleType.highlightCell,subType:(ie=l.subType)!=null?ie:i,operator:(re=l.operator)!=null?re:R,style:(le=l.style)!=null?le:I}},[i,R,S,I]);j.useEffect(()=>t.intercept(t.getInterceptPoints().submit,{handler(){return b({})}}),[b,t]),j.useEffect(()=>{y.some(l=>l.value===i)||u(y[0].value)},[y]);const p=l=>{const m=l,d=Gn(m,r),g=d&&d[0].value;u(m),v(g),g&&_(c.createDefaultValue(m,g)),n(b({subType:m,operator:g}))},a=l=>{const m=l;v(m),n(b({operator:m}))},s=l=>{_(l),n(b({value:l}))},f=j.useMemo(()=>`${i}_${R}_${Math.random()}`,[i,R]);return x.jsxs("div",{children:[x.jsx("div",{className:`
-                  ${z.title}
-                  ${z.mTBase}
-                `,children:r.t("sheet.cf.panel.styleRule")}),x.jsx(J.Select,{className:`
-                  ${z.mTSm}
-                  ${W.width100}
-                `,onChange:p,value:i,options:y}),(h==null?void 0:h.length)&&x.jsx(J.Select,{className:`
-                      ${z.mTSm}
-                      ${W.width100}
-                    `,onChange:a,value:R||"",options:h}),x.jsx(Li,{value:S,interceptorManager:t,type:i,operator:R,rule:o,onChange:s},f),x.jsx("div",{className:`
-                  ${W.cfPreviewWrap}
-                `,children:x.jsx(qe,{rule:b({})})}),x.jsx(pn,{style:o==null?void 0:o.style,className:`
-                  ${z.mLXxs}
-                `,onChange:l=>{T(l),n(b({style:l}))}})]})},br=(e,t)=>(c.iconMap[e]||[])[Number(t)]||"",Ui=e=>{var h;const t=ee.useDependency(w.IUniverInstanceService),n=t.getCurrentUnitForType(w.UniverInstanceType.UNIVER_SHEET).getUnitId(),r=(h=t.getCurrentUnitForType(w.UniverInstanceType.UNIVER_SHEET).getActiveSheet())==null?void 0:h.getSheetId(),o=j.useMemo(()=>e.error?W.errorInput:"",[e.error]),i=j.useRef(null),[u,y]=j.useState(!1);return ee.useSidebarClick(R=>{var S;((S=i.current)==null?void 0:S.isClickOutSide(R))&&y(!1)}),x.jsx("div",{className:W.positionRelative,children:e.type!==c.CFValueType.formula?x.jsxs(x.Fragment,{children:[x.jsx(J.InputNumber,{className:o,value:Number(e.value)||0,onChange:R=>e.onChange(R!=null?R:0)}),e.error&&x.jsx("div",{className:W.errorText,children:e.error})]}):x.jsx("div",{style:{width:"100%"},children:x.jsx(dt.FormulaEditor,{initValue:String(e.value),unitId:n,subUnitId:r,isFocus:u,onChange:(R="")=>{const v=R||"";e.onChange(v)},onFocus:()=>y(!0),ref:i})})})},Yn=(e,t,n)=>({operator:c.CFNumberOperator.greaterThan,value:{type:c.CFValueType.num,value:(n.length-1-t)*10},iconType:e,iconId:String(t)}),Vi=j.forwardRef((e,t)=>{const n=ee.useDependency(w.LocaleService),r=o=>{e.onClick(o)};return x.jsx("div",{ref:t,className:W.iconGroupList,children:c.iconGroup.map((o,i)=>x.jsxs("div",{className:W.group,children:[x.jsx("div",{className:W.title,children:n.t(o.title)}),x.jsx("div",{className:W.itemContent,children:o.group.map(u=>x.jsx("div",{className:W.itemWrap,onClick:()=>{r(u.name)},children:x.jsx("div",{className:W.item,children:u.list.map((y,h)=>x.jsx("img",{className:W.icon,src:y},h))})},u.name))})]},i))})}),zi=e=>{const t=j.useMemo(()=>{const r=[];for(const o in c.iconMap){const i=c.iconMap[o],u=o;i.forEach((y,h)=>{r.push({iconType:u,base64:y,iconId:String(h)})})}return r},[]),n=r=>{e.onClick(r.iconType,r.iconId)};return x.jsxs("div",{className:W.iconItemListWrap,children:[x.jsxs("div",{className:W.none,onClick:()=>n({iconType:c.EMPTY_ICON_TYPE,iconId:""}),children:[x.jsx(ft,{className:W.icon}),x.jsx("span",{children:"无单元格图标"})]}),x.jsx("div",{className:W.iconItemList,children:t.map(r=>x.jsx("div",{className:W.item,children:x.jsx("img",{onClick:()=>n(r),className:`
-                              ${W.icon}
-                            `,src:r.base64})},`${r.iconType}_${r.iconId}`))})]})},$i=e=>{const{onChange:t,configList:n,errorMap:r={}}=e,o=ee.useDependency(w.LocaleService),i=[{label:o.t(`sheet.cf.symbol.${c.CFNumberOperator.greaterThan}`),value:c.CFNumberOperator.greaterThan},{label:o.t(`sheet.cf.symbol.${c.CFNumberOperator.greaterThanOrEqual}`),value:c.CFNumberOperator.greaterThanOrEqual}],u=[{label:o.t(`sheet.cf.valueType.${c.CFValueType.num}`),value:c.CFValueType.num},{label:o.t(`sheet.cf.valueType.${c.CFValueType.percent}`),value:c.CFValueType.percent},{label:o.t(`sheet.cf.valueType.${c.CFValueType.percentile}`),value:c.CFValueType.percentile},{label:o.t(`sheet.cf.valueType.${c.CFValueType.formula}`),value:c.CFValueType.formula}],y=(S,_)=>{t([String(_),"value","value"],S)},h=(S,_)=>{t([String(_),"operator"],S);const I=c.createDefaultValue(c.CFSubRuleType.number,S);y(I,_)},R=(S,_)=>{t([String(_),"value","type"],S);const I=n[_],T=c.createDefaultValue(c.CFSubRuleType.number,I.operator);y(T,_)};return j.useMemo(()=>n.map((S,_)=>{const I=r[_],T=br(S.iconType,S.iconId),b=_===n.length-1,p=_===0,a=n[_-1],s=(a==null?void 0:a.value.type)===c.CFValueType.formula?o.t("sheet.cf.valueType.formula"):a==null?void 0:a.value.value,f=(C,l)=>{const m={...S,iconId:l,iconType:C};t([String(_)],m)};return x.jsxs("div",{className:`
-                      ${_?z.mTXl:z.mTSm}
-                    `,children:[x.jsxs("div",{className:`
-                          ${z.label}
-                          ${W.flex}
-                        `,children:[x.jsxs("div",{className:`
-                              ${W.width45}
-                            `,children:[o.t("sheet.cf.iconSet.icon"),_+1]}),x.jsx("div",{className:`
-                              ${W.width45}
-                            `,children:x.jsxs(x.Fragment,{children:[!p&&!b&&o.t("sheet.cf.iconSet.rule"),!p&&!b&&x.jsxs("span",{className:W.stress,children:["(",o.t("sheet.cf.iconSet.when"),o.t(`sheet.cf.symbol.${c.getOppositeOperator(a.operator)}`),s,b?"":` ${o.t("sheet.cf.iconSet.and")} `,")"]})]})})]}),x.jsxs("div",{className:`
-                          ${W.flex}
-                          ${z.mTSm}
-                        `,children:[x.jsx("div",{className:`
-                              ${W.iconWrap}
-                              ${W.width45}
-                            `,children:x.jsx(J.Dropdown,{overlay:x.jsx("div",{className:"univer-rounded-lg univer-p-4",children:x.jsx(zi,{onClick:f,iconId:S.iconId,iconType:S.iconType})}),children:x.jsxs("div",{className:J.clsx(W.dropdownIcon,"univer-box-border univer-h-7"),children:[T?x.jsx("img",{src:T,className:W.icon}):x.jsx(ft,{className:W.icon}),x.jsx(Nt,{})]})})}),b?x.jsxs("div",{className:`
-                                      ${W.width45}
-                                      ${z.label}
-                                    `,style:{marginTop:0},children:[o.t("sheet.cf.iconSet.rule"),x.jsxs("span",{className:W.stress,children:["(",o.t("sheet.cf.iconSet.when"),o.t(`sheet.cf.symbol.${c.getOppositeOperator(a.operator)}`),s,b?"":` ${o.t("sheet.cf.iconSet.and")} `,")"]})]}):x.jsx(J.Select,{className:`
-                                      ${z.mL0}
-                                      ${W.width45}
-                                      ${z.mR0}
-                                    `,options:i,value:S.operator,onChange:C=>{h(C,_)}})]}),b?x.jsx("div",{}):x.jsxs(x.Fragment,{children:[x.jsxs("div",{className:`
-                                      ${z.mTSm}
-                                      ${z.label}
-                                      ${W.flex}
-                                    `,children:[x.jsx("div",{className:`
-                                          ${W.width45}
-                                        `,children:o.t("sheet.cf.iconSet.type")}),x.jsx("div",{className:`
-                                          ${W.width45}
-                                        `,children:o.t("sheet.cf.iconSet.value")})]}),x.jsxs("div",{className:`
-                                      ${z.mTSm}
-                                      ${W.flex}
-                                    `,children:[x.jsx(J.Select,{style:{flexShrink:0},className:`
-                                          ${W.width45}
-                                          ${z.mL0}
-                                        `,options:u,value:S.value.type,onChange:C=>{R(C,_)}}),x.jsx("div",{className:`
-                                          ${z.mL0}
-                                          ${W.width45}
-                                        `,children:x.jsx(Ui,{id:_,type:S.value.type,error:I,value:S.value.value||"",onChange:C=>y(C,_)})})]})]})]},_)}),[n,r])},ki=e=>{var C;const{interceptorManager:t}=e,n=((C=e.rule)==null?void 0:C.type)===c.CFRuleType.iconSet?e.rule:void 0,r=ee.useDependency(w.LocaleService),[o,i]=j.useState({}),[u,y]=j.useState(()=>{const l=Object.keys(c.iconMap)[0];if(n&&n.config.length){const m=n.config[0].iconType;if(!n.config.some(g=>g.iconType!==m))return m}return l}),[h,R]=j.useState(()=>{if(n&&n.config.length)return w.Tools.deepClone(n==null?void 0:n.config);const l=c.iconMap[u]||[];return new Array(l.length).fill("").map((m,d,g)=>d===g.length-1?{operator:c.CFNumberOperator.lessThanOrEqual,value:{type:c.CFValueType.num,value:Number.MAX_SAFE_INTEGER},iconType:u,iconId:String(d)}:Yn(u,d,g))}),[v,S]=j.useState(()=>n?!!n.isShowValue:!0),_=j.useMemo(()=>{const l=h.map(m=>br(m.iconType,m.iconId));return x.jsx("div",{className:W.iconWrap,children:l.map((m,d)=>m?x.jsx("img",{className:W.icon,src:m},d):x.jsx(ft,{className:W.icon},d))})},[h]),I=l=>{if(l.reduce((d,g,D)=>d.preType&&!d.result||l.length-1===D?d:g.value.type===c.CFValueType.formula?{preType:c.CFValueType.formula,result:!1}:d.preType?{result:d.preType===g.value.type,preType:g.value.type}:{result:!0,preType:g.value.type},{result:!0,preType:""}).result&&[c.CFValueType.num,c.CFValueType.percent,c.CFValueType.percentile].includes(l[0].value.type)){const d={};return l.forEach((g,D,F)=>{if(D-1<0||D===F.length-1)return;const U=l[D-1],E=c.getOppositeOperator(U.operator);c.compareWithNumber({operator:E,value:U.value.value},g.value.value)||(d[D]=`${r.t(`sheet.cf.form.${E}`,String(U.value.value))} `)}),d}return{}},T=(l,m)=>{w.get(h,l)!==m&&(w.set(h,l,m),R([...h]),i(I(h)))},b=l=>{y(l);const m=c.iconMap[l]||[],d=new Array(m.length).fill("").map((g,D,F)=>Yn(l,D,F));R(d),i(I(d))};j.useEffect(()=>{const l=t.intercept(t.getInterceptPoints().submit,{handler(){return{type:c.CFRuleType.iconSet,isShowValue:v,config:h}}});return()=>{l()}},[v,h,t]),j.useEffect(()=>{const l=t.intercept(t.getInterceptPoints().beforeSubmit,{handler(){return Object.keys(o).length===0}});return()=>{l()}},[v,h,t,o]);const p=()=>{const l=h.map(m=>({...m}));h.forEach((m,d)=>{const g=h.length-1-d,D=l[g];m.iconId=D.iconId,m.iconType=D.iconType}),R([...h])},a=ee.useDependency(ee.ILayoutService),[s,f]=j.useState();return ee.useScrollYOverContainer(s,a.rootContainerElement),x.jsxs("div",{className:W.iconSet,children:[x.jsx("div",{className:z.title,children:r.t("sheet.cf.panel.styleRule")}),x.jsx("div",{className:`
-                  ${z.mTSm}
-                `,children:x.jsx(J.Dropdown,{overlay:x.jsx("div",{className:"univer-rounded-lg univer-p-4",children:x.jsx(Vi,{ref:l=>{!s&&l&&f(l)},iconType:u,onClick:b})}),children:x.jsxs("div",{className:J.clsx(W.dropdownIcon,"univer-box-border univer-h-7 univer-w-auto"),children:[_,x.jsx(Nt,{})]})})}),x.jsxs("div",{className:`
-                  ${z.mTSm}
-                  ${W.renderConfig}
-                `,children:[x.jsxs("div",{className:W.utilItem,children:[x.jsx(J.Checkbox,{onChange:p}),r.t("sheet.cf.iconSet.reverseIconOrder")]}),x.jsxs("div",{className:`
-                      ${W.utilItem}
-                      ${z.mLXl}
-                    `,children:[x.jsx(J.Checkbox,{checked:!v,onChange:l=>{S(!l)}}),r.t("sheet.cf.iconSet.onlyShowIcon")]})]}),x.jsx($i,{errorMap:o,onChange:T,configList:h})]})},Ai=e=>{var p;const{onChange:t,interceptorManager:n}=e,r=ee.useDependency(w.LocaleService),o=((p=e.rule)==null?void 0:p.type)===c.CFRuleType.highlightCell?e.rule:void 0,i=[{label:r.t("sheet.cf.panel.isNotBottom"),value:"isNotBottom"},{label:r.t("sheet.cf.panel.isBottom"),value:"isBottom"},{label:r.t("sheet.cf.panel.greaterThanAverage"),value:"greaterThanAverage"},{label:r.t("sheet.cf.panel.lessThanAverage"),value:"lessThanAverage"}],[u,y]=j.useState(()=>{const a=i[0].value,s=o==null?void 0:o.type;if(!o)return a;switch(s){case c.CFRuleType.highlightCell:switch(o.subType){case c.CFSubRuleType.average:return[c.CFNumberOperator.greaterThan,c.CFNumberOperator.greaterThanOrEqual].includes(o.operator)?"greaterThanAverage":[c.CFNumberOperator.lessThan,c.CFNumberOperator.lessThanOrEqual].includes(o.operator)?"lessThanAverage":a;case c.CFSubRuleType.rank:return o.isBottom?"isBottom":"isNotBottom"}}return a}),[h,R]=j.useState(()=>{const s=o==null?void 0:o.type;if(!o)return 10;switch(s){case c.CFRuleType.highlightCell:switch(o.subType){case c.CFSubRuleType.rank:return o.value||10}}return 10}),[v,S]=j.useState(()=>{const s=o==null?void 0:o.type;if(!o)return!1;switch(s){case c.CFRuleType.highlightCell:switch(o.subType){case c.CFSubRuleType.rank:return o.isPercent||!1}}return!1}),[_,I]=j.useState({}),T=a=>{const{type:s,isPercent:f,value:C,style:l}=a;if(s==="isNotBottom")return{type:c.CFRuleType.highlightCell,subType:c.CFSubRuleType.rank,isPercent:f,isBottom:!1,value:C,style:l};if(s==="isBottom")return{type:c.CFRuleType.highlightCell,subType:c.CFSubRuleType.rank,isPercent:f,isBottom:!0,value:C,style:l};if(s==="greaterThanAverage")return{type:c.CFRuleType.highlightCell,subType:c.CFSubRuleType.average,operator:c.CFNumberOperator.greaterThan,style:l};if(s==="lessThanAverage")return{type:c.CFRuleType.highlightCell,subType:c.CFSubRuleType.average,operator:c.CFNumberOperator.lessThan,style:l}};j.useEffect(()=>n.intercept(n.getInterceptPoints().submit,{handler(){return T({type:u,isPercent:v,value:h,style:_})}}),[u,v,h,_,n]);const b=a=>{t(T(a))};return x.jsxs("div",{children:[x.jsx("div",{className:`
-                  ${z.title}
-                  ${z.mTBase}
-                `,children:r.t("sheet.cf.panel.styleRule")}),x.jsx(J.Select,{className:`
-                  ${W.width100}
-                  ${z.mTSm}
-                `,value:u,options:i,onChange:a=>{y(a),b({type:a,isPercent:v,value:h,style:_})}}),["isNotBottom","isBottom"].includes(u)&&x.jsxs("div",{className:`
-                      ${z.labelContainer}
-                      ${z.mTSm}
-                    `,children:[x.jsx(J.InputNumber,{min:1,max:1e3,value:h,onChange:a=>{const s=a||0;R(s),b({type:u,isPercent:v,value:s,style:_})}}),x.jsxs("div",{className:`
-                          ${z.mLSm}
-                          ${z.labelContainer}
-                          ${W.text}
-                        `,children:[x.jsx(J.Checkbox,{checked:v,onChange:a=>{S(!!a),b({type:u,isPercent:!!a,value:h,style:_})}}),r.t("sheet.cf.valueType.percent")]})]}),x.jsx("div",{className:`
-                  ${W.cfPreviewWrap}
-                `,children:x.jsx(qe,{rule:T({type:u,isPercent:v,value:h,style:_})})}),x.jsx(pn,{style:o==null?void 0:o.style,className:`
-                  ${z.mTSm}
-                `,onChange:a=>{I(a),b({type:u,isPercent:v,value:h,style:a})}})]})},qi=w.createInterceptorKey("beforeSubmit"),Wi=w.createInterceptorKey("submit"),Kn=e=>e.getCurrentUnitForType(w.UniverInstanceType.UNIVER_SHEET).getUnitId(),Zn=e=>{var t;return(t=e.getCurrentUnitForType(w.UniverInstanceType.UNIVER_SHEET).getActiveSheet())==null?void 0:t.getSheetId()},Hi=e=>{var d,g,D;const t=ee.useDependency(w.LocaleService),n=ee.useDependency(w.ICommandService),r=ee.useDependency(w.IUniverInstanceService),o=ee.useDependency(c.ConditionalFormattingRuleModel),i=ee.useDependency(X.SheetsSelectionsService),u=Kn(r),y=Zn(r),[h,R]=j.useState(void 0),v=j.useRef((g=(d=e.rule)==null?void 0:d.ranges)!=null?g:[]),S=j.useMemo(()=>{var L,U,E;let F=(L=e.rule)==null?void 0:L.ranges;return F!=null&&F.length||(F=(E=(U=i.getCurrentSelections())==null?void 0:U.map(N=>N.range))!=null?E:[]),v.current=F,F!=null&&F.length?F.map(N=>{const q=Yt.serializeRange(N);return q==="NaN"?"":q}).filter(N=>!!N).join(","):""},[e.rule]),_=[{label:t.t("sheet.cf.ruleType.highlightCell"),value:"1"},{label:t.t("sheet.cf.panel.rankAndAverage"),value:"2"},{label:t.t("sheet.cf.ruleType.dataBar"),value:"3"},{label:t.t("sheet.cf.ruleType.colorScale"),value:"4"},{label:t.t("sheet.cf.ruleType.formula"),value:"5"},{label:t.t("sheet.cf.ruleType.iconSet"),value:"6"}],[I,T]=j.useState(()=>{var U,E;const F=(U=e.rule)==null?void 0:U.rule.type,L=_[0].value;if(!F)return L;switch(F){case c.CFRuleType.highlightCell:{switch((E=e.rule)==null?void 0:E.rule.subType){case c.CFSubRuleType.number:case c.CFSubRuleType.text:case c.CFSubRuleType.duplicateValues:case c.CFSubRuleType.uniqueValues:case c.CFSubRuleType.timePeriod:return"1";case c.CFSubRuleType.average:case c.CFSubRuleType.rank:return"2";case c.CFSubRuleType.formula:return"5"}break}case c.CFRuleType.dataBar:return"3";case c.CFRuleType.colorScale:return"4";case c.CFRuleType.iconSet:return"6"}return L}),b=j.useRef(void 0),p=j.useMemo(()=>new w.InterceptorManager({beforeSubmit:qi,submit:Wi}),[]),a=j.useMemo(()=>{switch(I){case"1":return Xn;case"2":return Ai;case"3":return Di;case"4":return Pi;case"5":return ji;case"6":return ki;default:return Xn}},[I]);j.useEffect(()=>{const F=n.onCommandExecuted(L=>{if(L.id===X.RemoveSheetMutation.id){const U=L.params;U.subUnitId===y&&U.unitId===u&&e.onCancel()}L.id===X.SetWorksheetActiveOperation.id&&e.onCancel()});return()=>F.dispose()},[]);const s=F=>{b.current=F},f=F=>{const L=F.split(",").filter(U=>!!U).map(Yt.deserializeRangeWithSheet).map(U=>U.range);v.current=L},C=()=>{if(h)return;const L=(()=>{const E=r.getCurrentUnitForType(w.UniverInstanceType.UNIVER_SHEET).getActiveSheet();if(!E)throw new Error("No active sheet found");return v.current.map(B=>X.setEndForRange(B,E.getRowCount(),E.getColumnCount())).filter(B=>!(Number.isNaN(B.startRow)||Number.isNaN(B.startColumn)))})();if(p.fetchThroughInterceptors(p.getInterceptPoints().beforeSubmit)(!0,null)){const E=p.fetchThroughInterceptors(p.getInterceptPoints().submit)(null,null);if(E){const N=Kn(r),q=Zn(r);if(!N||!q)throw new Error("No active sheet found");let B={};e.rule&&e.rule.cfId?(B={...e.rule,ranges:L,rule:E},n.executeCommand(c.SetCfCommand.id,{unitId:N,subUnitId:q,rule:B}),e.onCancel()):(B={cfId:o.createCfId(N,q),ranges:L,rule:E,stopIfTrue:!1},n.executeCommand(c.AddCfCommand.id,{unitId:N,subUnitId:q,rule:B}),e.onCancel())}}},l=()=>{e.onCancel()},m=(F,L)=>{F?L.length<1?R(t.t("sheet.cf.errorMessage.rangeError")):R(void 0):R(t.t("sheet.cf.errorMessage.rangeError"))};return x.jsxs("div",{className:W.cfRuleStyleEditor,children:[x.jsx("div",{className:z.title,children:t.t("sheet.cf.panel.range")}),x.jsxs("div",{className:`
-                  ${z.mTBase}
-                `,children:[x.jsx(dt.RangeSelector,{unitId:u,subUnitId:y,initialValue:S,onChange:(F,L)=>f(L),onVerify:m}),h&&x.jsx("div",{className:W.cfErrorText,children:h})]}),x.jsx("div",{className:z.title,children:t.t("sheet.cf.panel.styleType")}),x.jsx("div",{className:z.mTBase,children:x.jsx(J.Select,{className:W.width100,value:I,options:_,onChange:F=>T(F)})}),x.jsx(a,{interceptorManager:p,rule:(D=e.rule)==null?void 0:D.rule,onChange:s}),x.jsxs("div",{className:`
-                  ${z.mTBase}
-                  ${W.btnList}
-                `,children:[x.jsx(J.Button,{onClick:l,children:t.t("sheet.cf.panel.cancel")}),x.jsx(J.Button,{className:z.mLSm,variant:"primary",onClick:C,children:t.t("sheet.cf.panel.submit")})]})]})},Bi=e=>{const[t,n]=j.useState(e.rule),[r,o]=j.useState(!!e.rule),i=()=>{o(!0)},u=()=>{o(!1),n(void 0)},y=h=>{n(h),o(!0)};return x.jsx("div",{className:z.conditionalFormattingWrap,children:r?x.jsx(Hi,{onCancel:u,rule:t}):x.jsx(ei,{onClick:y,onCreate:i})})};var Gi=Object.getOwnPropertyDescriptor,Xi=(e,t,n,r)=>{for(var o=r>1?void 0:r?Gi(t,n):t,i=e.length-1,u;i>=0;i--)(u=e[i])&&(o=u(o)||o);return o},Qe=(e,t)=>(n,r)=>t(n,r,e);const Tt="sheet.conditional.formatting.panel";let at=class extends w.Disposable{constructor(t,n,r,o,i){super();Ie(this,"_sidebarDisposable",null);this._univerInstanceService=t,this._injector=n,this._componentManager=r,this._sidebarService=o,this._localeService=i,this._initPanel(),this.disposeWithMe(this._univerInstanceService.getCurrentTypeOfUnit$(w.UniverInstanceType.UNIVER_SHEET).subscribe(u=>{var y;u||(y=this._sidebarDisposable)==null||y.dispose()})),this.disposeWithMe(this._sidebarService.sidebarOptions$.subscribe(u=>{u.id===Tt&&(u.visible||setTimeout(()=>{this._sidebarService.sidebarOptions$.next({visible:!1})}))}))}openPanel(t){const n={id:Tt,header:{title:this._localeService.t("sheet.cf.title")},children:{label:Tt,rule:t,key:w.generateRandomId(4)},onClose:()=>this._sidebarDisposable=null};this._sidebarDisposable=this._sidebarService.open(n)}_initPanel(){this._componentManager.register(Tt,Bi)}};at=Xi([Qe(0,w.IUniverInstanceService),Qe(1,w.Inject(w.Injector)),Qe(2,w.Inject(ee.ComponentManager)),Qe(3,w.Inject(ee.ISidebarService)),Qe(4,w.Inject(w.LocaleService))],at);var ve=(e=>(e[e.createRule=1]="createRule",e[e.viewRule=2]="viewRule",e[e.highlightCell=3]="highlightCell",e[e.rank=4]="rank",e[e.formula=5]="formula",e[e.colorScale=6]="colorScale",e[e.dataBar=7]="dataBar",e[e.icon=8]="icon",e[e.clearRangeRules=9]="clearRangeRules",e[e.clearWorkSheetRules=10]="clearWorkSheetRules",e))(ve||{});const pt={id:"sheet.operation.open.conditional.formatting.panel",type:w.CommandType.OPERATION,handler:(e,t)=>{var y;const n=e.get(at),r=e.get(X.SheetsSelectionsService),o=e.get(w.ICommandService),i=((y=r.getCurrentSelections())==null?void 0:y.map(h=>h.range))||[];switch(t.value){case 3:{n.openPanel({...c.createDefaultRule(),ranges:i});break}case 4:{const h={...c.createDefaultRule,ranges:i,rule:{type:c.CFRuleType.highlightCell,subType:c.CFSubRuleType.rank}};n.openPanel(h);break}case 5:{const h={...c.createDefaultRule,ranges:i,rule:{type:c.CFRuleType.highlightCell,subType:c.CFSubRuleType.formula,value:"="}};n.openPanel(h);break}case 6:{const h={...c.createDefaultRule,ranges:i,rule:{type:c.CFRuleType.colorScale,config:[]}};n.openPanel(h);break}case 7:{const h={...c.createDefaultRule,ranges:i,rule:{type:c.CFRuleType.dataBar,isShowValue:!0}};n.openPanel(h);break}case 8:{const h={...c.createDefaultRule,ranges:i,rule:{type:c.CFRuleType.iconSet,config:[],isShowValue:!0}};n.openPanel(h);break}case 2:{n.openPanel();break}case 1:{n.openPanel({...c.createDefaultRule(),ranges:i});break}case 9:{o.executeCommand(c.ClearRangeCfCommand.id,{ranges:i});break}case 10:{o.executeCommand(c.ClearWorksheetCfCommand.id);break}}return!0}};var Yi=Object.getOwnPropertyDescriptor,Ki=(e,t,n,r)=>{for(var o=r>1?void 0:r?Yi(t,n):t,i=e.length-1,u;i>=0;i--)(u=e[i])&&(o=u(o)||o);return o},et=(e,t)=>(n,r)=>t(n,r,e);let st=class extends w.Disposable{constructor(t,n,r,o,i){super();Ie(this,"_copyInfo");this._sheetClipboardService=t,this._conditionalFormattingRuleModel=n,this._injector=r,this._conditionalFormattingViewModel=o,this._univerInstanceService=i,this._initClipboardHook()}_initClipboardHook(){this.disposeWithMe(this._sheetClipboardService.addClipboardHook({id:c.SHEET_CONDITIONAL_FORMATTING_PLUGIN,onBeforeCopy:(t,n,r)=>this._collectConditionalRule(t,n,r),onPasteCells:(t,n,r,o)=>{const{copyType:i=fe.COPY_TYPE.COPY,pasteType:u}=o,{range:y}=t||{},{range:h}=n;return this._generateConditionalFormattingMutations(h,{copyType:i,pasteType:u,copyRange:y})}}))}_collectConditionalRule(t,n,r){const o=new w.ObjectMatrix,i={};this._copyInfo={matrix:o,info:{unitId:t,subUnitId:n,cfMap:i}};const u=this._injector.invoke(v=>X.rangeToDiscreteRange(r,v,t,n));if(!u)return;const{rows:y,cols:h}=u,R=new Set;y.forEach((v,S)=>{h.forEach((_,I)=>{const T=this._conditionalFormattingViewModel.getCellCfs(t,n,v,_);T&&(T.forEach(b=>R.add(b.cfId)),o.setValue(S,I,T.map(b=>b.cfId)))})}),R.forEach(v=>{const S=this._conditionalFormattingRuleModel.getRule(t,n,v);S&&(i[v]=S.rule)})}_generateConditionalFormattingMutations(t,n){const r=this._univerInstanceService.getCurrentUnitForType(w.UniverInstanceType.UNIVER_SHEET),o=r.getActiveSheet(),i=r.getUnitId();if(!o)return{redos:[],undos:[]};const u=o.getSheetId();if(n.copyType===fe.COPY_TYPE.CUT)return this._copyInfo=null,{redos:[],undos:[]};if(!this._copyInfo||!n.copyRange)return{redos:[],undos:[]};if(![fe.PREDEFINED_HOOK_NAME.SPECIAL_PASTE_FORMAT,fe.PREDEFINED_HOOK_NAME.DEFAULT_PASTE,fe.PREDEFINED_HOOK_NAME.SPECIAL_PASTE_BESIDES_BORDER].includes(n.pasteType))return{redos:[],undos:[]};const{ranges:[h,R],mapFunc:v}=fe.virtualizeDiscreteRanges([n.copyRange,t]),S=fe.getRepeatRange(h,R,!0),_={};w.Range.foreach(R,(l,m)=>{const{row:d,col:g}=v(l,m),D=this._conditionalFormattingViewModel.getCellCfs(i,u,d,g);D&&D.forEach(F=>{if(!_[F.cfId]){const L=new w.ObjectMatrix;_[F.cfId]=L;const U=this._conditionalFormattingRuleModel.getRule(i,u,F.cfId);U==null||U.ranges.forEach(E=>{w.Range.foreach(E,(N,q)=>{L.setValue(N,q,1)})})}_[F.cfId].realDeleteValue(d,g)})});const{matrix:I,info:T}=this._copyInfo,b=[];let p=this._conditionalFormattingRuleModel.createCfId(i,u);const a={},s=l=>{if(a[l])return a[l];const m=T==null?void 0:T.cfMap[l],d=[...this._conditionalFormattingRuleModel.getSubunitRules(i,u)||[],...b].find(g=>w.Tools.diffValue(g.rule,m));if(d)return a[l]=d,d;{const g={rule:m,cfId:p,ranges:[],stopIfTrue:!1};return a[l]=g,b.push(g),p=`${Number(p)+1}`,g}};S.forEach(l=>{I&&I.forValue((m,d,g)=>{const D=w.Rectangle.getPositionRange({startRow:m,endRow:m,startColumn:d,endColumn:d},l.startRange),{row:F,col:L}=v(D.startRow,D.startColumn);g.forEach(U=>{if(!_[U]){const E=s(U),N=new w.ObjectMatrix;_[U]=N,E.ranges.forEach(q=>{w.Range.foreach(q,(B,Y)=>{N.setValue(B,Y,1)})})}_[U].setValue(F,L,1)})})});const f=[],C=[];for(const l in _){const m=_[l],d=X.findAllRectangle(X.createTopMatrixFromMatrix(m));if(!d.length){const g={unitId:i,subUnitId:u,cfId:l};f.push({id:c.DeleteConditionalRuleMutation.id,params:g}),C.push(...c.DeleteConditionalRuleMutationUndoFactory(this._injector,g))}if(b.some(g=>g.cfId===l)){const g=s(l),D={unitId:i,subUnitId:u,rule:{...g,ranges:d}};f.push({id:c.AddConditionalRuleMutation.id,params:D}),C.push(c.AddConditionalRuleMutationUndoFactory(this._injector,D))}else{const g=this._conditionalFormattingRuleModel.getRule(i,u,l);if(!g)continue;const D={unitId:i,subUnitId:u,rule:{...g,ranges:d}};f.push({id:c.SetConditionalRuleMutation.id,params:D}),C.push(...c.setConditionalRuleMutationUndoFactory(this._injector,D))}}return{redos:f,undos:C}}};st=Ki([et(0,w.Inject(fe.ISheetClipboardService)),et(1,w.Inject(c.ConditionalFormattingRuleModel)),et(2,w.Inject(w.Injector)),et(3,w.Inject(c.ConditionalFormattingViewModel)),et(4,w.Inject(w.IUniverInstanceService))],st);var Zi=Object.getOwnPropertyDescriptor,Ji=(e,t,n,r)=>{for(var o=r>1?void 0:r?Zi(t,n):t,i=e.length-1,u;i>=0;i--)(u=e[i])&&(o=u(o)||o);return o},Ht=(e,t)=>(n,r)=>t(n,r,e);let lt=class extends w.Disposable{constructor(e,t,n){super(),this._localeService=e,this._commandService=t,this._sheetPermissionCheckController=n,this._commandExecutedListener()}_commandExecutedListener(){this.disposeWithMe(this._commandService.beforeCommandExecuted(e=>{e.id===c.AddCfCommand.id&&(this._sheetPermissionCheckController.permissionCheckWithRanges({workbookTypes:[X.WorkbookEditablePermission],rangeTypes:[X.RangeProtectionPermissionEditPoint],worksheetTypes:[X.WorksheetEditPermission,X.WorksheetSetCellStylePermission]},e.params.rule.ranges)||this._sheetPermissionCheckController.blockExecuteWithoutPermission(this._localeService.t("permission.dialog.setStyleErr")))}))}};lt=Ji([Ht(0,w.Inject(w.LocaleService)),Ht(1,w.ICommandService),Ht(2,w.Inject(X.SheetPermissionCheckController))],lt);var Qi=Object.getOwnPropertyDescriptor,ea=(e,t,n,r)=>{for(var o=r>1?void 0:r?Qi(t,n):t,i=e.length-1,u;i>=0;i--)(u=e[i])&&(o=u(o)||o);return o},wt=(e,t)=>(n,r)=>t(n,r,e);let ut=class extends w.Disposable{constructor(e,t,n,r){super(),this._conditionalFormattingRuleModel=e,this._univerInstanceService=t,this._injector=n,this._refRangeService=r,this._initRefRange()}_initRefRange(){const e=new Map,t=(r,o,i)=>`${r}_${o}_${i}`,n=(r,o,i)=>{const u=h=>{const R=[...i.ranges],v=R.map(_=>X.handleDefaultRangeChangeWithEffectRefCommands(_,h)).filter(_=>!!_);if(c.isRangesEqual(v,R))return{redos:[],undos:[]};if(v.length){const _={unitId:r,subUnitId:o,rule:{...i,ranges:v}},I=[{id:c.SetConditionalRuleMutation.id,params:_}],T=c.setConditionalRuleMutationUndoFactory(this._injector,_);return{redos:I,undos:T}}else{const _={unitId:r,subUnitId:o,cfId:i.cfId},I=[{id:c.DeleteConditionalRuleMutation.id,params:_}],T=c.DeleteConditionalRuleMutationUndoFactory(this._injector,_);return{redos:I,undos:T}}},y=[];i.ranges.forEach(h=>{const R=this._refRangeService.registerRefRange(h,u);y.push(()=>R.dispose())}),e.set(t(r,o,i.cfId),()=>y.forEach(h=>h()))};this.disposeWithMe(this._conditionalFormattingRuleModel.$ruleChange.subscribe(r=>{const{unitId:o,subUnitId:i,rule:u}=r,y=this._univerInstanceService.getCurrentUnitForType(w.UniverInstanceType.UNIVER_SHEET),h=y.getActiveSheet();if(!(r.unitId!==y.getUnitId()||r.subUnitId!==(h==null?void 0:h.getSheetId())))switch(r.type){case"add":{n(r.unitId,r.subUnitId,r.rule);break}case"delete":{const R=e.get(t(o,i,u.cfId));R&&R();break}case"set":{const R=e.get(t(o,i,u.cfId));R&&R(),n(r.unitId,r.subUnitId,r.rule)}}})),this.disposeWithMe(w.toDisposable(()=>{e.forEach(r=>{r()}),e.clear()}))}};ut=ea([wt(0,w.Inject(c.ConditionalFormattingRuleModel)),wt(1,w.Inject(w.IUniverInstanceService)),wt(2,w.Inject(w.Injector)),wt(3,w.Inject(X.RefRangeService))],ut);var ta=Object.getOwnPropertyDescriptor,na=(e,t,n,r)=>{for(var o=r>1?void 0:r?ta(t,n):t,i=e.length-1,u;i>=0;i--)(u=e[i])&&(o=u(o)||o);return o},Ue=(e,t)=>(n,r)=>t(n,r,e);let ct=class extends w.Disposable{constructor(t,n,r,o,i,u){super();Ie(this,"_ruleChangeCacheMap",new Map);this._sheetInterceptorService=t,this._conditionalFormattingService=n,this._univerInstanceService=r,this._renderManagerService=o,this._conditionalFormattingViewModel=i,this._conditionalFormattingRuleModel=u,this._initViewModelInterceptor(),this._initSkeleton(),this.disposeWithMe(()=>{this._ruleChangeCacheMap.clear()})}_markDirtySkeleton(){var n,r,o;const t=this._univerInstanceService.getCurrentUnitForType(w.UniverInstanceType.UNIVER_SHEET).getUnitId();(n=this._renderManagerService.getRenderById(t))==null||n.with(fe.SheetSkeletonManagerService).reCalculate(),(o=(r=this._renderManagerService.getRenderById(t))==null?void 0:r.mainComponent)==null||o.makeDirty()}_initSkeleton(){this.disposeWithMe(Se.merge(this._conditionalFormattingRuleModel.$ruleChange,this._conditionalFormattingViewModel.markDirty$).pipe(it.bufferTime(16),it.filter(t=>!!t.length),it.filter(t=>{const n=this._univerInstanceService.getCurrentUnitForType(w.UniverInstanceType.UNIVER_SHEET);if(!n)return!1;const r=n.getActiveSheet();return r?t.filter(o=>o.unitId===n.getUnitId()&&o.subUnitId===r.getSheetId()).length>0:!1})).subscribe(()=>this._markDirtySkeleton()))}_initViewModelInterceptor(){this.disposeWithMe(this._sheetInterceptorService.intercept(X.INTERCEPTOR_POINT.CELL_CONTENT,{effect:w.InterceptorEffectEnum.Style,handler:(t,n,r)=>{const o=this._conditionalFormattingService.composeStyle(n.unitId,n.subUnitId,n.row,n.col);if(!o)return r(t);const i=n.workbook.getStyles(),y={...(typeof(t==null?void 0:t.s)=="string"?i.get(t==null?void 0:t.s):t==null?void 0:t.s)||{}},h={...t,s:y};return o.style&&Object.assign(y,o.style),h.fontRenderExtension||(h.fontRenderExtension={},o.isShowValue!==void 0&&(h.fontRenderExtension.isSkip=!o.isShowValue)),o.dataBar&&(h.dataBar=o.dataBar),o.iconSet&&(h.iconSet=o.iconSet,h.fontRenderExtension.leftOffset=c.DEFAULT_PADDING+c.DEFAULT_WIDTH),r(h)},priority:10}))}};ct=na([Ue(0,w.Inject(X.SheetInterceptorService)),Ue(1,w.Inject(c.ConditionalFormattingService)),Ue(2,w.Inject(w.IUniverInstanceService)),Ue(3,w.Inject(nr.IRenderManagerService)),Ue(4,w.Inject(c.ConditionalFormattingViewModel)),Ue(5,w.Inject(c.ConditionalFormattingRuleModel))],ct);const Sr="sheets-conditional-formatting-ui.config",Et={};var ra=Object.defineProperty,oa=Object.getOwnPropertyDescriptor,ia=(e,t,n)=>t in e?ra(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,aa=(e,t,n,r)=>{for(var o=r>1?void 0:r?oa(t,n):t,i=e.length-1,u;i>=0;i--)(u=e[i])&&(o=u(o)||o);return o},Bt=(e,t)=>(n,r)=>t(n,r,e),Rr=(e,t,n)=>ia(e,typeof t!="symbol"?t+"":t,n);exports.UniverSheetsConditionalFormattingMobileUIPlugin=class extends w.Plugin{constructor(t=Et,n,r,o){super(),this._config=t,this._injector=n,this._commandService=r,this._configService=o;const{menu:i,...u}=w.merge({},Et,this._config);i&&this._configService.setConfig("menu",i,{merge:!0}),this._configService.setConfig(Sr,u),this._initCommand(),this._injector.add([ct]),this._injector.add([ut]),this._injector.add([st]),this._injector.add([lt]),this._injector.add([$e])}_initCommand(){[Jt,Qt,en,tn,nn,rn,on,an,sn,pt].forEach(t=>{this._commandService.registerCommand(t)})}};Rr(exports.UniverSheetsConditionalFormattingMobileUIPlugin,"pluginName",`${c.SHEET_CONDITIONAL_FORMATTING_PLUGIN}_MOBILE_UI_PLUGIN`);Rr(exports.UniverSheetsConditionalFormattingMobileUIPlugin,"type",w.UniverInstanceType.UNIVER_SHEET);exports.UniverSheetsConditionalFormattingMobileUIPlugin=aa([w.DependentOn(c.UniverSheetsConditionalFormattingPlugin),Bt(1,w.Inject(w.Injector)),Bt(2,w.Inject(w.ICommandService)),Bt(3,w.IConfigService)],exports.UniverSheetsConditionalFormattingMobileUIPlugin);var sa=Object.getOwnPropertyDescriptor,la=(e,t,n,r)=>{for(var o=r>1?void 0:r?sa(t,n):t,i=e.length-1,u;i>=0;i--)(u=e[i])&&(o=u(o)||o);return o},tt=(e,t)=>(n,r)=>t(n,r,e);let Ot=class extends w.Disposable{constructor(e,t,n,r,o){super(),this._injector=e,this._univerInstanceService=t,this._autoFillService=n,this._conditionalFormattingRuleModel=r,this._conditionalFormattingViewModel=o,this._initAutoFill()}_initAutoFill(){const e=()=>({redos:[],undos:[]}),t=(o,i,u,y,h)=>{var I;const R=this._univerInstanceService.getCurrentUnitForType(w.UniverInstanceType.UNIVER_SHEET).getUnitId(),v=(I=this._univerInstanceService.getCurrentUnitForType(w.UniverInstanceType.UNIVER_SHEET).getActiveSheet())==null?void 0:I.getSheetId();if(!R||!v)return;const S={startRow:o.row,startColumn:o.col,endColumn:o.col,endRow:o.row},_={startRow:i.row,startColumn:i.col,endColumn:i.col,endRow:i.row};w.Range.foreach(u,(T,b)=>{const p=w.Rectangle.getPositionRange({startRow:T,startColumn:b,endColumn:b,endRow:T},S),a=w.Rectangle.getPositionRange({startRow:T,startColumn:b,endColumn:b,endRow:T},_),{row:s,col:f}=h(p.startRow,p.startColumn),C=this._conditionalFormattingViewModel.getCellCfs(R,v,s,f),{row:l,col:m}=h(a.startRow,a.startColumn),d=this._conditionalFormattingViewModel.getCellCfs(R,v,l,m);d&&d.forEach(g=>{let D=y.get(g.cfId);if(!y.get(g.cfId)){const F=this._conditionalFormattingRuleModel.getRule(R,v,g.cfId);if(!F)return;D=new w.ObjectMatrix,F.ranges.forEach(L=>{w.Range.foreach(L,(U,E)=>{D.setValue(U,E,1)})}),y.set(g.cfId,D)}D.realDeleteValue(l,m)}),C&&C.forEach(g=>{let D=y.get(g.cfId);if(!y.get(g.cfId)){const F=this._conditionalFormattingRuleModel.getRule(R,v,g.cfId);if(!F)return;D=new w.ObjectMatrix,F.ranges.forEach(L=>{w.Range.foreach(L,(U,E)=>{D.setValue(U,E,1)})}),y.set(g.cfId,D)}D.setValue(l,m,1)})})},n=(o,i)=>{var a,s,f;const u=(a=this._univerInstanceService.getCurrentUnitForType(w.UniverInstanceType.UNIVER_SHEET))==null?void 0:a.getUnitId(),y=(f=(s=this._univerInstanceService.getCurrentUnitForType(w.UniverInstanceType.UNIVER_SHEET))==null?void 0:s.getActiveSheet())==null?void 0:f.getSheetId(),h=new Map,R=[],v=[];if(!u||!y)return e();const S=fe.virtualizeDiscreteRanges([o,i]),[_,I]=S.ranges,{mapFunc:T}=S,b={row:_.startRow,col:_.startColumn};return fe.getAutoFillRepeatRange(_,I).forEach(C=>{t(b,C.repeatStartCell,C.relativeRange,h,T)}),h.forEach((C,l)=>{const m=this._conditionalFormattingRuleModel.getRule(u,y,l);if(!m)return;const d=X.findAllRectangle(X.createTopMatrixFromMatrix(C));if(d.length){const g={unitId:u,subUnitId:y,rule:{...m,ranges:d}};R.push({id:c.SetConditionalRuleMutation.id,params:g}),v.push(...c.setConditionalRuleMutationUndoFactory(this._injector,g))}else{const g={unitId:u,subUnitId:y,cfId:m.cfId};R.push({id:c.DeleteConditionalRuleMutation.id,params:g}),v.push(...c.DeleteConditionalRuleMutationUndoFactory(this._injector,g))}}),{undos:v,redos:R}},r={id:c.SHEET_CONDITIONAL_FORMATTING_PLUGIN,onFillData:(o,i,u)=>{if(u===fe.APPLY_TYPE.COPY||u===fe.APPLY_TYPE.ONLY_FORMAT||u===fe.APPLY_TYPE.SERIES){const{source:y,target:h}=o;return n(y,h)}return e()}};this.disposeWithMe(this._autoFillService.addHook(r))}};Ot=la([tt(0,w.Inject(w.Injector)),tt(1,w.Inject(w.IUniverInstanceService)),tt(2,w.Inject(fe.IAutoFillService)),tt(3,w.Inject(c.ConditionalFormattingRuleModel)),tt(4,w.Inject(c.ConditionalFormattingViewModel))],Ot);var ua=Object.getOwnPropertyDescriptor,ca=(e,t,n,r)=>{for(var o=r>1?void 0:r?ua(t,n):t,i=e.length-1,u;i>=0;i--)(u=e[i])&&(o=u(o)||o);return o},nt=(e,t)=>(n,r)=>t(n,r,e);exports.ConditionalFormattingClearController=class extends w.Disposable{constructor(t,n,r,o,i){super(),this._injector=t,this._univerInstanceService=n,this._sheetInterceptorService=r,this._selectionManagerService=o,this._conditionalFormattingRuleModel=i,this._init()}_init(){this.disposeWithMe(this._sheetInterceptorService.interceptCommand({getMutations:t=>{var i;const n=[],r=[],o={redos:n,undos:r};if([X.ClearSelectionFormatCommand.id,X.ClearSelectionAllCommand.id].includes(t.id)){const u=(i=this._selectionManagerService.getCurrentSelections())==null?void 0:i.map(T=>T.range);if(!u)return o;const y=this._univerInstanceService.getCurrentUnitForType(w.UniverInstanceType.UNIVER_SHEET),h=y.getActiveSheet();if(!h)return o;const R=y.getUnitId(),v=h.getSheetId(),S=this._conditionalFormattingRuleModel.getSubunitRules(R,v);if(!S||!S.length)return o;const{redos:_,undos:I}=Jn(this._injector,S,u,R,v);n.push(..._),r.push(...I)}return o}})),this.disposeWithMe(this._sheetInterceptorService.interceptRanges({getMutations:({unitId:t,subUnitId:n,ranges:r})=>{const o=[],i=[],u={redos:o,undos:i};if(!r||!r.length)return u;const y=this._conditionalFormattingRuleModel.getSubunitRules(t,n);if(!y||!y.length)return u;const{redos:h,undos:R}=Jn(this._injector,y,r,t,n);return o.push(...h),i.push(...R),u}}))}};exports.ConditionalFormattingClearController=ca([nt(0,w.Inject(w.Injector)),nt(1,w.Inject(w.IUniverInstanceService)),nt(2,w.Inject(X.SheetInterceptorService)),nt(3,w.Inject(X.SheetsSelectionsService)),nt(4,w.Inject(c.ConditionalFormattingRuleModel))],exports.ConditionalFormattingClearController);function Jn(e,t,n,r,o){const i=[],u=[];return t.filter(y=>n.some(h=>y.ranges.some(R=>w.Rectangle.getIntersects(R,h)))).forEach(y=>{const R=new X.RangeMergeUtil().add(...y.ranges).subtract(...n).merge();if(R.length){const v={id:c.SetConditionalRuleMutation.id,params:{unitId:r,subUnitId:o,rule:{...y,ranges:R}}},S=c.setConditionalRuleMutationUndoFactory(e,v.params);i.push(v),u.push(...S)}else{const v={id:c.DeleteConditionalRuleMutation.id,params:{unitId:r,subUnitId:o,cfId:y.cfId}},S=c.DeleteConditionalRuleMutationUndoFactory(e,v.params);i.push(v),u.push(...S)}}),{redos:i,undos:u}}var da=Object.getOwnPropertyDescriptor,fa=(e,t,n,r)=>{for(var o=r>1?void 0:r?da(t,n):t,i=e.length-1,u;i>=0;i--)(u=e[i])&&(o=u(o)||o);return o},Qn=(e,t)=>(n,r)=>t(n,r,e);let Pt=class extends w.Disposable{constructor(e,t){super(),this._sheetInterceptorService=e,this._conditionalFormattingService=t,this._initInterceptorEditorEnd()}_initInterceptorEditorEnd(){this.disposeWithMe(w.toDisposable(this._sheetInterceptorService.writeCellInterceptor.intercept(X.AFTER_CELL_EDIT,{handler:(e,t,n)=>{var u,y,h;e||n(e);const r=this._conditionalFormattingService.composeStyle(t.unitId,t.subUnitId,t.row,t.col),o=(u=r==null?void 0:r.style)!=null?u:{},i=Object.keys(o);if(e!=null&&e.p)return(h=(y=e.p.body)==null?void 0:y.textRuns)==null||h.forEach(R=>{R.ts&&i.forEach(v=>{var S;(S=R.ts)==null||delete S[v]})}),n(e);{const R={...(typeof(e==null?void 0:e.s)=="string"?t.workbook.getStyles().get(e.s):e==null?void 0:e.s)||{}};i.forEach(S=>{delete R[S]});const v={...e,s:{...R}};return n(v)}}})))}};Pt=fa([Qn(0,w.Inject(X.SheetInterceptorService)),Qn(1,w.Inject(c.ConditionalFormattingService))],Pt);const er=[X.SetWorksheetActiveOperation.id,c.AddConditionalRuleMutation.id,c.SetConditionalRuleMutation.id,c.DeleteConditionalRuleMutation.id,c.MoveConditionalRuleMutation.id],rt=[{label:{name:"sheet.cf.ruleType.highlightCell",selectable:!1},value:ve.highlightCell},{label:{name:"sheet.cf.panel.rankAndAverage",selectable:!1},value:ve.rank},{label:{name:"sheet.cf.ruleType.formula",selectable:!1},value:ve.formula},{label:{name:"sheet.cf.ruleType.colorScale",selectable:!1},value:ve.colorScale},{label:{name:"sheet.cf.ruleType.dataBar",selectable:!1},value:ve.dataBar},{label:{name:"sheet.cf.ruleType.iconSet",selectable:!1},value:ve.icon},{label:{name:"sheet.cf.menu.manageConditionalFormatting",selectable:!1},value:ve.viewRule},{label:{name:"sheet.cf.menu.createConditionalFormatting",selectable:!1},value:ve.createRule},{label:{name:"sheet.cf.menu.clearRangeRules",selectable:!1},value:ve.clearRangeRules,disabled:!1},{label:{name:"sheet.cf.menu.clearWorkSheetRules",selectable:!1},value:ve.clearWorkSheetRules}],pa=e=>{const t=e.get(X.SheetsSelectionsService),n=e.get(w.ICommandService),r=e.get(w.IUniverInstanceService),o=e.get(c.ConditionalFormattingRuleModel),i=new Se.Observable(h=>Se.merge(t.selectionMoveEnd$,t.selectionSet$,new Se.Observable(R=>{const v=n.onCommandExecuted(S=>{var b;const{id:_,params:I}=S,T=(b=r.getCurrentUnitForType(w.UniverInstanceType.UNIVER_SHEET))==null?void 0:b.getUnitId();er.includes(_)&&I.unitId===T&&R.next(null)});return()=>v.dispose()})).pipe(it.debounceTime(16)).subscribe(()=>{var b;const R=((b=t.getCurrentSelections())==null?void 0:b.map(p=>p.range))||[],v=r.getCurrentUnitForType(w.UniverInstanceType.UNIVER_SHEET);if(!v)return;const S=v.getActiveSheet();if(!S)return;const T=(o.getSubunitRules(v.getUnitId(),S.getSheetId())||[]).filter(p=>p.ranges.some(a=>R.some(s=>w.Rectangle.intersects(s,a)))).map(p=>p.ranges).every(p=>X.checkRangesEditablePermission(e,v.getUnitId(),S.getSheetId(),p));h.next(T)})),u=new Se.Observable(h=>new Se.Observable(R=>{const v=n.onCommandExecuted(S=>{var b;const{id:_,params:I}=S,T=(b=r.getCurrentUnitForType(w.UniverInstanceType.UNIVER_SHEET))==null?void 0:b.getUnitId();er.includes(_)&&I.unitId===T&&R.next(null)});return()=>v.dispose()}).pipe(it.debounceTime(16)).subscribe(()=>{const R=r.getCurrentUnitForType(w.UniverInstanceType.UNIVER_SHEET);if(!R)return;const v=R.getActiveSheet();if(!v)return;const S=o.getSubunitRules(R.getUnitId(),v.getSheetId())||[];if(!S.length)return h.next(!1),!1;const _=S.map(I=>I.ranges).every(I=>X.checkRangesEditablePermission(e,R.getUnitId(),v.getSheetId(),I));h.next(_)})),y=new Se.Observable(h=>{i.subscribe(R=>{const v=rt.find(S=>S.value===ve.clearRangeRules);v&&(v.disabled=!R,h.next(rt))}),u.subscribe(R=>{const v=rt.find(S=>S.value===ve.clearWorkSheetRules);v&&(v.disabled=!R,h.next(rt))}),h.next(rt)});return{id:pt.id,type:ee.MenuItemType.SELECTOR,icon:"Conditions",tooltip:"sheet.cf.title",selections:y,hidden$:ee.getMenuHiddenObservable(e,w.UniverInstanceType.UNIVER_SHEET),disabled$:fe.getCurrentRangeDisable$(e,{workbookTypes:[X.WorkbookEditablePermission],worksheetTypes:[X.WorksheetSetCellStylePermission,X.WorksheetEditPermission],rangeTypes:[X.RangeProtectionPermissionEditPoint]})}},ha={[ee.RibbonStartGroup.FORMULAS_INSERT]:{[pt.id]:{order:0,menuItemFactory:pa}}};var ma=Object.getOwnPropertyDescriptor,ga=(e,t,n,r)=>{for(var o=r>1?void 0:r?ma(t,n):t,i=e.length-1,u;i>=0;i--)(u=e[i])&&(o=u(o)||o);return o},tr=(e,t)=>(n,r)=>t(n,r,e);let Dt=class extends w.Disposable{constructor(t,n){super();Ie(this,"_sidebarDisposable",null);this._injector=t,this._menuManagerService=n,this._menuManagerService.mergeMenu(ha)}};Dt=ga([tr(0,w.Inject(w.Injector)),tr(1,ee.IMenuManagerService)],Dt);var va=Object.getOwnPropertyDescriptor,ya=(e,t,n,r)=>{for(var o=r>1?void 0:r?va(t,n):t,i=e.length-1,u;i>=0;i--)(u=e[i])&&(o=u(o)||o);return o},Ve=(e,t)=>(n,r)=>t(n,r,e);const Ca=(e,t)=>{const n=v=>v.endRow-v.startRow+1,r=v=>v.endColumn-v.startColumn+1,o=n(t)%n(e),i=r(t)%r(e),u=Math.floor(n(t)/n(e)),y=Math.floor(r(t)/r(e)),h=[],R={startRow:0,endRow:n(e)-1,startColumn:0,endColumn:r(e)-1};if(n(t)===1&&r(t)===1){const v={startRow:t.startRow,endRow:t.startRow,startColumn:t.startColumn,endColumn:t.startColumn};return h.push({repeatRelativeRange:R,startRange:v}),h}for(let v=0;v<u+(o?.1:0);v++)for(let S=0;S<y+(i?.1:0);S++){const _=n(e)*v,I=r(e)*S,T={startRow:_+t.startRow,endRow:_+t.startRow,startColumn:I+t.startColumn,endColumn:I+t.startColumn};let b=R;v===u&&o&&(b={...b},b.endRow=b.endRow-(n(e)-o)),S===y&&i&&(b={...b},b.endColumn=b.endColumn-(r(e)-i)),h.push({repeatRelativeRange:b,startRange:T})}return h};let Ft=class extends w.Disposable{constructor(t,n,r,o,i,u){super();Ie(this,"_painterConfig",null);this._injector=t,this._univerInstanceService=n,this._formatPainterService=r,this._sheetsSelectionsService=o,this._conditionalFormattingRuleModel=i,this._conditionalFormattingViewModel=u,this._initFormattingPainter()}_initFormattingPainter(){const t=()=>({redos:[],undos:[]}),n=(i,u,y,h,R)=>{const{unitId:v,subUnitId:S}=this._painterConfig,{targetUnitId:_,targetSubUnitId:I}=R,T={startRow:i.row,startColumn:i.col,endColumn:i.col,endRow:i.row},b={startRow:u.row,startColumn:u.col,endColumn:u.col,endRow:u.row};w.Range.foreach(y,(p,a)=>{const s=w.Rectangle.getPositionRange({startRow:p,startColumn:a,endColumn:a,endRow:p},T),f=w.Rectangle.getPositionRange({startRow:p,startColumn:a,endColumn:a,endRow:p},b),C=this._conditionalFormattingViewModel.getCellCfs(v,S,s.startRow,s.startColumn),l=this._conditionalFormattingViewModel.getCellCfs(_,I,f.startRow,f.startColumn);l&&l.forEach(m=>{let d=h.get(m.cfId);if(!h.get(m.cfId)){const g=this._conditionalFormattingRuleModel.getRule(_,I,m.cfId);if(!g)return;d=new w.ObjectMatrix,g.ranges.forEach(D=>{w.Range.foreach(D,(F,L)=>{d.setValue(F,L,1)})}),h.set(m.cfId,d)}d.realDeleteValue(f.startRow,f.startColumn)}),C&&C.forEach(m=>{const d=h.get(m.cfId);d&&d.setValue(f.startRow,f.startColumn,1)})})},r=(i,u,y)=>{var s;const{range:h,unitId:R,subUnitId:v}=this._painterConfig,S=i!==R||v!==u,_=new Map,I=[],T=[];if(!i||!u||!R||!v)return t();const b=(s=this._conditionalFormattingRuleModel.getSubunitRules(R,v))!=null?s:[];b==null||b.forEach(f=>{const{ranges:C,cfId:l}=f;if(C.some(m=>w.Rectangle.intersects(h,m))){const m=new w.ObjectMatrix;S||C.forEach(d=>{w.Range.foreach(d,(g,D)=>{m.setValue(g,D,1)})}),_.set(l,m)}});const p={row:h.startRow,col:h.startColumn};return Ca(h,y).forEach(f=>{n(p,{row:f.startRange.startRow,col:f.startRange.startColumn},f.repeatRelativeRange,_,{targetUnitId:i,targetSubUnitId:u})}),_.forEach((f,C)=>{if(S){const l=this._conditionalFormattingRuleModel.getRule(i,u,C),m=X.findAllRectangle(X.createTopMatrixFromMatrix(f));if(l)if(m.length){const d={unitId:i,subUnitId:u,rule:{...l,ranges:m}};I.push({id:c.SetConditionalRuleMutation.id,params:d}),T.push(...c.setConditionalRuleMutationUndoFactory(this._injector,d))}else{const d={unitId:i,subUnitId:u,cfId:l.cfId};I.push({id:c.DeleteConditionalRuleMutation.id,params:d}),T.push(...c.DeleteConditionalRuleMutationUndoFactory(this._injector,d))}else if(m.length){const d=this._conditionalFormattingRuleModel.getRule(R,v,C);if(d){const g={unitId:i,subUnitId:u,rule:{...w.Tools.deepClone(d),cfId:this._conditionalFormattingRuleModel.createCfId(i,u),ranges:m}};I.push({id:c.AddConditionalRuleMutation.id,params:g}),T.push(c.AddConditionalRuleMutationUndoFactory(this._injector,g))}}}else{const l=this._conditionalFormattingRuleModel.getRule(R,v,C);if(!l)return;const m=X.findAllRectangle(X.createTopMatrixFromMatrix(f));if(m.length){const d={unitId:R,subUnitId:v,rule:{...l,ranges:m}};I.push({id:c.SetConditionalRuleMutation.id,params:d}),T.push(...c.setConditionalRuleMutationUndoFactory(this._injector,d))}else{const d={unitId:R,subUnitId:v,cfId:l.cfId};I.push({id:c.DeleteConditionalRuleMutation.id,params:d}),T.push(...c.DeleteConditionalRuleMutationUndoFactory(this._injector,d))}}}),{undos:T,redos:I}},o={id:c.SHEET_CONDITIONAL_FORMATTING_PLUGIN,onStatusChange:i=>{var u,y,h;switch(i){case fe.FormatPainterStatus.INFINITE:case fe.FormatPainterStatus.ONCE:{const R=(u=this._univerInstanceService.getCurrentUnitForType(w.UniverInstanceType.UNIVER_SHEET))==null?void 0:u.getUnitId(),v=(h=(y=this._univerInstanceService.getCurrentUnitForType(w.UniverInstanceType.UNIVER_SHEET))==null?void 0:y.getActiveSheet())==null?void 0:h.getSheetId(),S=this._sheetsSelectionsService.getCurrentLastSelection(),_=S==null?void 0:S.range;R&&v&&_&&(this._painterConfig={unitId:R,subUnitId:v,range:_});break}case fe.FormatPainterStatus.OFF:{this._painterConfig=null;break}}},onApply:(i,u,y)=>this._painterConfig?r(i,u,y):{redos:[],undos:[]}};this._formatPainterService.addHook(o)}};Ft=ya([Ve(0,w.Inject(w.Injector)),Ve(1,w.Inject(w.IUniverInstanceService)),Ve(2,w.Inject(fe.IFormatPainterService)),Ve(3,w.Inject(X.SheetsSelectionsService)),Ve(4,w.Inject(c.ConditionalFormattingRuleModel)),Ve(5,w.Inject(c.ConditionalFormattingViewModel))],Ft);var ba=Object.getOwnPropertyDescriptor,Sa=(e,t,n,r)=>{for(var o=r>1?void 0:r?ba(t,n):t,i=e.length-1,u;i>=0;i--)(u=e[i])&&(o=u(o)||o);return o},Gt=(e,t)=>(n,r)=>t(n,r,e);let Mt=class extends w.Disposable{constructor(e,t,n){super(),this._conditionalFormattingViewModel=e,this._univerInstanceService=t,this._renderManagerService=n,this._init()}_init(){const e=this._univerInstanceService.getCurrentUnitForType(w.UniverInstanceType.UNIVER_SHEET),t=n=>{const r=n.getUnitId(),o=this._renderManagerService.getRenderById(r);if(!o)return;const i=o.with(fe.SheetSkeletonManagerService);this.disposeWithMe(i.currentSkeleton$.subscribe(u=>{if(u){const y=u.skeleton.rowColumnSegment,h=y.endColumn-y.startColumn+1,v=(y.endRow-y.startRow+1)*h*9,S=Math.max(c.CONDITIONAL_FORMATTING_VIEWPORT_CACHE_LENGTH,v);this._conditionalFormattingViewModel.setCacheLength(S)}}))};e&&t(e),this._univerInstanceService.getCurrentTypeOfUnit$(w.UniverInstanceType.UNIVER_SHEET).subscribe(n=>{n&&t(n)})}};Mt=Sa([Gt(0,w.Inject(c.ConditionalFormattingViewModel)),Gt(1,w.IUniverInstanceService),Gt(2,nr.IRenderManagerService)],Mt);var Ra=Object.defineProperty,Ta=Object.getOwnPropertyDescriptor,wa=(e,t,n)=>t in e?Ra(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,xa=(e,t,n,r)=>{for(var o=r>1?void 0:r?Ta(t,n):t,i=e.length-1,u;i>=0;i--)(u=e[i])&&(o=u(o)||o);return o},Xt=(e,t)=>(n,r)=>t(n,r,e),Tr=(e,t,n)=>wa(e,typeof t!="symbol"?t+"":t,n);exports.UniverSheetsConditionalFormattingUIPlugin=class extends w.Plugin{constructor(t=Et,n,r,o){super(),this._config=t,this._injector=n,this._commandService=r,this._configService=o;const{menu:i,...u}=w.merge({},Et,this._config);i&&this._configService.setConfig("menu",i,{merge:!0}),this._configService.setConfig(Sr,u),this._initCommand()}onStarting(){w.registerDependencies(this._injector,[[ct],[ut],[st],[Ot],[lt],[at],[Dt],[$e],[Pt],[exports.ConditionalFormattingClearController],[Ft],[Mt]]),w.touchDependencies(this._injector,[[ct]])}onReady(){w.touchDependencies(this._injector,[[Dt],[at]])}onRendered(){w.touchDependencies(this._injector,[[Ot],[exports.ConditionalFormattingClearController],[st],[Pt],[$e],[Ft],[lt],[ut],[Mt]])}_initCommand(){[Jt,Qt,en,tn,nn,rn,on,an,sn,pt].forEach(t=>{this._commandService.registerCommand(t)})}};Tr(exports.UniverSheetsConditionalFormattingUIPlugin,"pluginName",`${c.SHEET_CONDITIONAL_FORMATTING_PLUGIN}_UI_PLUGIN`);Tr(exports.UniverSheetsConditionalFormattingUIPlugin,"type",w.UniverInstanceType.UNIVER_SHEET);exports.UniverSheetsConditionalFormattingUIPlugin=xa([w.DependentOn(c.UniverSheetsConditionalFormattingPlugin),Xt(1,w.Inject(w.Injector)),Xt(2,w.Inject(w.ICommandService)),Xt(3,w.IConfigService)],exports.UniverSheetsConditionalFormattingUIPlugin);exports.AddAverageCfCommand=Jt;exports.AddColorScaleConditionalRuleCommand=Qt;exports.AddDataBarConditionalRuleCommand=en;exports.AddDuplicateValuesCfCommand=tn;exports.AddNumberCfCommand=nn;exports.AddRankCfCommand=rn;exports.AddTextCfCommand=on;exports.AddTimePeriodCfCommand=an;exports.AddUniqueValuesCfCommand=sn;exports.OpenConditionalFormattingOperator=pt;
+                              ${te.text}
+                            `,children:n.t("sheet.cf.panel.positive")}),x.jsx(Ne,{color:u,onChange:D})]})]})]}),x.jsxs("div",{children:[x.jsx("div",{className:le.label,children:n.t("sheet.cf.valueType.min")}),x.jsxs("div",{className:"univer-mt-3 univer-flex univer-items-center",children:[x.jsx(K.Select,{className:"univer-w-1/2 univer-flex-shrink-0",options:S,value:I,onChange:E=>{T(E);const N=c.createDefaultValueByValueType(E,10);s(N),m({isGradient:i,minValue:N,minValueType:E,maxValue:f,maxValueType:b,positiveColor:u,nativeColor:h,isShowValue:l})}}),x.jsx(Bn,{disabled:!L(I),id:"min",type:I,className:"univer-ml-3",value:a,onChange:E=>{s(E||0),m({isGradient:i,minValue:E||0,minValueType:I,maxValue:f,maxValueType:b,positiveColor:u,nativeColor:h,isShowValue:l})}})]}),x.jsx("div",{className:le.label,children:n.t("sheet.cf.valueType.max")}),x.jsxs("div",{className:"univer-mt-3 univer-flex univer-items-center",children:[x.jsx(K.Select,{className:"univer-w-1/2 univer-flex-shrink-0",options:_,value:b,onChange:E=>{p(E);const N=c.createDefaultValueByValueType(E,90);C(N),m({isGradient:i,minValue:a,minValueType:I,maxValue:N,maxValueType:E,positiveColor:u,nativeColor:h,isShowValue:l})}}),x.jsx(Bn,{className:"univer-ml-3",disabled:!L(b),id:"max",type:b,value:f,onChange:E=>{C(E||0),m({isGradient:i,minValue:a,minValueType:I,maxValue:E||0,maxValueType:b,positiveColor:u,nativeColor:h,isShowValue:l})}})]})]})]})},vo="univer-cf-style-edit",yo="univer-button-item",Co="univer-isActive",xe={cfStyleEdit:vo,buttonItem:yo,isActive:Co},bt=e=>[w.BooleanNumber.FALSE,void 0].includes(e)?w.BooleanNumber.TRUE:w.BooleanNumber.FALSE,St=e=>e!==w.BooleanNumber.FALSE,pn=e=>{const{style:t,onChange:n,className:r}=e,i=J.useDependency(J.ComponentManager),[o,u]=j.useState(()=>{if(t!=null&&t.bl)return t.bl}),[y,h]=j.useState(()=>{if(t!=null&&t.it)return t.it}),[R,v]=j.useState(()=>{if(t!=null&&t.ul)return t.ul.s}),[S,_]=j.useState(()=>{if(t!=null&&t.st)return t.st.s}),[I,T]=j.useState(()=>{var g;const l="#2f56ef";return(g=t==null?void 0:t.cl)!=null&&g.rgb?t.cl.rgb:l}),[b,p]=j.useState(()=>{var g;const l="#e8ecfc";return(g=t==null?void 0:t.bg)!=null&&g.rgb?t.bg.rgb:l}),a=i.get("BoldSingle"),s=i.get("ItalicSingle"),f=i.get("UnderlineSingle"),C=i.get("StrikethroughSingle");return j.useEffect(()=>{const l={bl:o,it:y};I!==void 0&&(l.cl={rgb:I}),b!==void 0&&(l.bg={rgb:b}),S!==void 0&&(l.st={s:S}),R!==void 0&&(l.ul={s:R}),n(c.removeUndefinedAttr(l))},[o,y,R,S,I,b]),x.jsxs("div",{className:K.clsx(xe.cfStyleEdit,r),children:[a&&x.jsx("div",{className:K.clsx({[xe.isActive]:St(o||w.BooleanNumber.FALSE)},xe.buttonItem),onClick:()=>u(bt(o)),children:x.jsx(a,{})}),s&&x.jsx("div",{className:K.clsx({[xe.isActive]:St(y||w.BooleanNumber.FALSE)},xe.buttonItem),onClick:()=>h(bt(y)),children:x.jsx(s,{})}),f&&x.jsx("div",{className:K.clsx({[xe.isActive]:St(R||w.BooleanNumber.FALSE)},xe.buttonItem),onClick:()=>v(bt(R)),children:x.jsx(f,{})}),C&&x.jsx("div",{className:K.clsx({[xe.isActive]:St(S||w.BooleanNumber.FALSE)},xe.buttonItem),onClick:()=>_(bt(S)),children:x.jsx(C,{})}),x.jsx(Ne,{color:I,onChange:T,iconId:"FontColor"}),x.jsx(Ne,{color:b,onChange:p,iconId:"PaintBucket"})]})},bo=e=>{var C;const{onChange:t,interceptorManager:n}=e,r=J.useDependency(w.LocaleService),o=J.useDependency(w.IUniverInstanceService).getCurrentUnitForType(w.UniverInstanceType.UNIVER_SHEET),u=o.getActiveSheet(),y=((C=e.rule)==null?void 0:C.type)===c.CFRuleType.highlightCell?e.rule:void 0,h=j.useRef(null),[R,v]=j.useState(!1),S=j.useRef(null),[_,I]=j.useState({}),[T,b]=j.useState(()=>(y==null?void 0:y.subType)===c.CFSubRuleType.formula?y.value:"="),[p,a]=j.useState(void 0),s=l=>({style:l.style,value:T,type:c.CFRuleType.highlightCell,subType:c.CFSubRuleType.formula});j.useEffect(()=>n.intercept(n.getInterceptPoints().submit,{handler(){return s({style:_})}}),[_,T,n]),j.useEffect(()=>n.intercept(n.getInterceptPoints().beforeSubmit,{handler:(g,d,m)=>p||T.length===1||!T.startsWith("=")?(a(r.t("sheet.cf.errorMessage.formulaError")),!1):m(g)}),[p,T]);const f=l=>{t(s(l))};return J.useSidebarClick(l=>{var d;((d=S.current)==null?void 0:d.isClickOutSide(l))&&v(!1)}),x.jsxs("div",{ref:h,children:[x.jsx("div",{className:`
+                  ${le.title}
+                  univer-mt-4
+                `,children:r.t("sheet.cf.panel.styleRule")}),x.jsx("div",{className:"univer-mt-3",children:x.jsx(dt.FormulaEditor,{onChange:l=>{b(l),f({style:_})},onVerify:(l,g)=>{!l||g.length===1?a(r.t("sheet.cf.errorMessage.formulaError")):a(void 0)},errorText:p,onFocus:()=>{v(!0)},isFocus:R,initValue:T,unitId:o.getUnitId(),subUnitId:u==null?void 0:u.getSheetId(),ref:S})}),x.jsx("div",{className:`
+                  ${te.cfPreviewWrap}
+                `,children:x.jsx(He,{rule:s({style:_})})}),x.jsx(pn,{style:y==null?void 0:y.style,className:"univer-mt-3",onChange:l=>{I(l),f({style:l})}})]})},Rt=e=>x.jsxs("div",{style:{position:"relative"},children:[x.jsx("div",{style:{position:"absolute",zIndex:999,bottom:"-13px",fontSize:"10px",color:"red"},children:e.errorText}),e.children]}),ue=(e,t)=>({label:t.t(`sheet.cf.operator.${e}`),value:e}),So=e=>{const{type:t,operator:n,onChange:r,value:i,interceptorManager:o}=e,u=J.useDependency(w.LocaleService),[y,h]=j.useState(()=>typeof i=="number"?i:0),[R,v]=j.useState(""),[S,_]=j.useState(()=>typeof i=="string"?i:""),[I,T]=j.useState(""),[b,p]=j.useState(()=>Array.isArray(i)?i[0]===void 0?0:i[0]:0),[a,s]=j.useState(""),[f,C]=j.useState(()=>Array.isArray(i)?i[1]===void 0?100:i[1]:100),[l,g]=j.useState("");switch(j.useEffect(()=>{switch(t){case c.CFSubRuleType.text:{[c.CFTextOperator.beginsWith,c.CFTextOperator.endsWith,c.CFTextOperator.containsText,c.CFTextOperator.notContainsText,c.CFTextOperator.equal,c.CFTextOperator.notEqual].includes(n)&&r(S);break}case c.CFSubRuleType.number:{[c.CFNumberOperator.equal,c.CFNumberOperator.notEqual,c.CFNumberOperator.greaterThan,c.CFNumberOperator.greaterThanOrEqual,c.CFNumberOperator.lessThan,c.CFNumberOperator.lessThanOrEqual].includes(n)&&r(y),[c.CFNumberOperator.between,c.CFNumberOperator.notBetween].includes(n)&&r([b,f]);break}}},[t]),j.useEffect(()=>{const d=o.intercept(o.getInterceptPoints().beforeSubmit,{handler:(m,D,F)=>{switch(t){case c.CFSubRuleType.text:if([c.CFTextOperator.beginsWith,c.CFTextOperator.containsText,c.CFTextOperator.endsWith,c.CFTextOperator.notEqual,c.CFTextOperator.notContainsText,c.CFTextOperator.equal].includes(n))return S?F(m):(T(u.t("sheet.cf.errorMessage.notBlank")),!1)}return F(m)}});return()=>{d()}},[t,y,S,n]),t){case c.CFSubRuleType.text:{if([c.CFTextOperator.beginsWith,c.CFTextOperator.endsWith,c.CFTextOperator.containsText,c.CFTextOperator.notContainsText,c.CFTextOperator.equal,c.CFTextOperator.notEqual].includes(n)){const d=m=>{_(m),r(m)};return x.jsx("div",{className:"univer-mt-3",children:x.jsx(Rt,{errorText:I,children:x.jsx(K.Input,{value:S,onChange:m=>{T(""),d(m)}})})})}break}case c.CFSubRuleType.number:{if([c.CFNumberOperator.equal,c.CFNumberOperator.notEqual,c.CFNumberOperator.greaterThan,c.CFNumberOperator.greaterThanOrEqual,c.CFNumberOperator.lessThan,c.CFNumberOperator.lessThanOrEqual].includes(n)){const d=m=>{h(m||0),r(m||0),v("")};return x.jsx("div",{className:"univer-mt-3",children:x.jsx(Rt,{errorText:R,children:x.jsx(K.InputNumber,{className:"univer-w-full",min:Number.MIN_SAFE_INTEGER,max:Number.MAX_SAFE_INTEGER,value:y,onChange:d})})})}if([c.CFNumberOperator.between,c.CFNumberOperator.notBetween].includes(n)){const d=D=>{p(D||0),r([D||0,f]),s("")},m=D=>{C(D||0),r([b,D||0]),g("")};return x.jsxs("div",{className:`
+                          univer-mt-3
+                          ${le.labelContainer}
+                        `,children:[x.jsx(Rt,{errorText:a,children:x.jsx(K.InputNumber,{min:Number.MIN_SAFE_INTEGER,max:Number.MAX_SAFE_INTEGER,value:b,onChange:d})}),x.jsx(Rt,{errorText:l,children:x.jsx(K.InputNumber,{className:"univer-ml-3",min:Number.MIN_SAFE_INTEGER,max:Number.MAX_SAFE_INTEGER,value:f,onChange:m})})]})}}}return null},Gn=(e,t)=>{switch(e){case c.CFSubRuleType.text:return[ue(c.CFTextOperator.containsText,t),ue(c.CFTextOperator.notContainsText,t),ue(c.CFTextOperator.beginsWith,t),ue(c.CFTextOperator.endsWith,t),ue(c.CFTextOperator.equal,t),ue(c.CFTextOperator.notEqual,t),ue(c.CFTextOperator.containsBlanks,t),ue(c.CFTextOperator.notContainsBlanks,t),ue(c.CFTextOperator.containsErrors,t),ue(c.CFTextOperator.notContainsErrors,t)];case c.CFSubRuleType.number:return[ue(c.CFNumberOperator.between,t),ue(c.CFNumberOperator.notBetween,t),ue(c.CFNumberOperator.equal,t),ue(c.CFNumberOperator.notEqual,t),ue(c.CFNumberOperator.greaterThan,t),ue(c.CFNumberOperator.greaterThanOrEqual,t),ue(c.CFNumberOperator.lessThan,t),ue(c.CFNumberOperator.lessThanOrEqual,t)];case c.CFSubRuleType.timePeriod:return[ue(c.CFTimePeriodOperator.yesterday,t),ue(c.CFTimePeriodOperator.today,t),ue(c.CFTimePeriodOperator.tomorrow,t),ue(c.CFTimePeriodOperator.last7Days,t),ue(c.CFTimePeriodOperator.lastWeek,t),ue(c.CFTimePeriodOperator.thisWeek,t),ue(c.CFTimePeriodOperator.nextWeek,t),ue(c.CFTimePeriodOperator.lastMonth,t),ue(c.CFTimePeriodOperator.thisMonth,t),ue(c.CFTimePeriodOperator.nextMonth,t)]}},Yn=e=>{var C;const{interceptorManager:t,onChange:n}=e,r=J.useDependency(w.LocaleService),i=((C=e.rule)==null?void 0:C.type)===c.CFRuleType.highlightCell?e.rule:void 0,[o,u]=j.useState(()=>{const l=c.CFSubRuleType.text;return i&&i.subType||l}),y=[{value:c.CFSubRuleType.text,label:r.t("sheet.cf.subRuleType.text")},{value:c.CFSubRuleType.number,label:r.t("sheet.cf.subRuleType.number")},{value:c.CFSubRuleType.timePeriod,label:r.t("sheet.cf.subRuleType.timePeriod")},{value:c.CFSubRuleType.duplicateValues,label:r.t("sheet.cf.subRuleType.duplicateValues")},{value:c.CFSubRuleType.uniqueValues,label:r.t("sheet.cf.subRuleType.uniqueValues")}],h=j.useMemo(()=>Gn(o,r),[o]),[R,v]=j.useState(()=>{const l=h?h[0].value:void 0;return i&&i.operator||l}),[S,_]=j.useState(()=>{var d;const l="";return i?(d=i.value)!=null?d:c.createDefaultValue(i.subType,i.operator):l}),[I,T]=j.useState({}),b=j.useMemo(()=>l=>{var g,d,m,D,F,L,U,E,N,q,W,G,ie,ne,se;switch(l.subType||o){case c.CFSubRuleType.text:{if([c.CFTextOperator.beginsWith,c.CFTextOperator.endsWith,c.CFTextOperator.containsText,c.CFTextOperator.notContainsText,c.CFTextOperator.equal,c.CFTextOperator.notEqual].includes(R))return{type:c.CFRuleType.highlightCell,subType:(g=l.subType)!=null?g:o,operator:(d=l.operator)!=null?d:R,style:(m=l.style)!=null?m:I,value:(D=l.value)!=null?D:S};break}case c.CFSubRuleType.number:{if([c.CFNumberOperator.equal,c.CFNumberOperator.notEqual,c.CFNumberOperator.greaterThan,c.CFNumberOperator.greaterThanOrEqual,c.CFNumberOperator.lessThan,c.CFNumberOperator.lessThanOrEqual].includes(R))return{type:c.CFRuleType.highlightCell,subType:(F=l.subType)!=null?F:o,operator:(L=l.operator)!=null?L:R,style:(U=l.style)!=null?U:I,value:(E=l.value)!=null?E:S};if([c.CFNumberOperator.between,c.CFNumberOperator.notBetween].includes(R))return{type:c.CFRuleType.highlightCell,subType:(N=l.subType)!=null?N:o,operator:(q=l.operator)!=null?q:R,style:(W=l.style)!=null?W:I,value:(G=l.value)!=null?G:S};break}}return{type:c.CFRuleType.highlightCell,subType:(ie=l.subType)!=null?ie:o,operator:(ne=l.operator)!=null?ne:R,style:(se=l.style)!=null?se:I}},[o,R,S,I]);j.useEffect(()=>t.intercept(t.getInterceptPoints().submit,{handler(){return b({})}}),[b,t]),j.useEffect(()=>{y.some(l=>l.value===o)||u(y[0].value)},[y]);const p=l=>{const g=l,d=Gn(g,r),m=d&&d[0].value;u(g),v(m),m&&_(c.createDefaultValue(g,m)),n(b({subType:g,operator:m}))},a=l=>{const g=l;v(g),n(b({operator:g}))},s=l=>{_(l),n(b({value:l}))},f=j.useMemo(()=>`${o}_${R}_${Math.random()}`,[o,R]);return x.jsxs("div",{children:[x.jsx("div",{className:`
+                  ${le.title}
+                  univer-mt-4
+                `,children:r.t("sheet.cf.panel.styleRule")}),x.jsxs("div",{className:"univer-flex univer-justify-between univer-gap-4",children:[x.jsx(K.Select,{className:"univer-mt-3 univer-w-full",onChange:p,value:o,options:y}),(h==null?void 0:h.length)&&x.jsx(K.Select,{className:"univer-mt-3 univer-w-full",onChange:a,value:R||"",options:h})]}),x.jsx(So,{value:S,interceptorManager:t,type:o,operator:R,rule:i,onChange:s},f),x.jsx("div",{className:`
+                  ${te.cfPreviewWrap}
+                `,children:x.jsx(He,{rule:b({})})}),x.jsx(pn,{style:i==null?void 0:i.style,className:"univer-ml-1",onChange:l=>{T(l),n(b({style:l}))}})]})},br=(e,t)=>(c.iconMap[e]||[])[Number(t)]||"",Ro=e=>{var h;const t=J.useDependency(w.IUniverInstanceService),n=t.getCurrentUnitForType(w.UniverInstanceType.UNIVER_SHEET).getUnitId(),r=(h=t.getCurrentUnitForType(w.UniverInstanceType.UNIVER_SHEET).getActiveSheet())==null?void 0:h.getSheetId(),i=j.useMemo(()=>e.error?te.errorInput:"",[e.error]),o=j.useRef(null),[u,y]=j.useState(!1);return J.useSidebarClick(R=>{var S;((S=o.current)==null?void 0:S.isClickOutSide(R))&&y(!1)}),x.jsx("div",{className:te.positionRelative,children:e.type!==c.CFValueType.formula?x.jsxs(x.Fragment,{children:[x.jsx(K.InputNumber,{className:i,value:Number(e.value)||0,onChange:R=>e.onChange(R!=null?R:0)}),e.error&&x.jsx("div",{className:te.errorText,children:e.error})]}):x.jsx("div",{className:"univer-w-full",children:x.jsx(dt.FormulaEditor,{initValue:String(e.value),unitId:n,subUnitId:r,isFocus:u,onChange:(R="")=>{const v=R||"";e.onChange(v)},onFocus:()=>y(!0),ref:o})})})},Xn=(e,t,n)=>({operator:c.CFNumberOperator.greaterThan,value:{type:c.CFValueType.num,value:(n.length-1-t)*10},iconType:e,iconId:String(t)}),To=j.forwardRef((e,t)=>{const n=J.useDependency(w.LocaleService),r=i=>{e.onClick(i)};return x.jsx("div",{ref:t,className:te.iconGroupList,children:c.iconGroup.map((i,o)=>x.jsxs("div",{className:te.group,children:[x.jsx("div",{className:te.title,children:n.t(i.title)}),x.jsx("div",{className:te.itemContent,children:i.group.map(u=>x.jsx("div",{className:te.itemWrap,onClick:()=>{r(u.name)},children:x.jsx("div",{className:te.item,children:u.list.map((y,h)=>x.jsx("img",{className:"univer-size-5",src:y},h))})},u.name))})]},o))})}),wo=e=>{const t=j.useMemo(()=>{const r=[];for(const i in c.iconMap){const o=c.iconMap[i],u=i;o.forEach((y,h)=>{r.push({iconType:u,base64:y,iconId:String(h)})})}return r},[]),n=r=>{e.onClick(r.iconType,r.iconId)};return x.jsxs("div",{className:te.iconItemListWrap,children:[x.jsxs("div",{className:te.none,onClick:()=>n({iconType:c.EMPTY_ICON_TYPE,iconId:""}),children:[x.jsx(ft,{className:"univer-size-5"}),x.jsx("span",{children:"无单元格图标"})]}),x.jsx("div",{className:te.iconItemList,children:t.map(r=>x.jsx("div",{className:te.item,children:x.jsx("img",{className:"univer-size-5",onClick:()=>n(r),src:r.base64})},`${r.iconType}_${r.iconId}`))})]})},xo=e=>{const{onChange:t,configList:n,errorMap:r={}}=e,i=J.useDependency(w.LocaleService),o=[{label:i.t(`sheet.cf.symbol.${c.CFNumberOperator.greaterThan}`),value:c.CFNumberOperator.greaterThan},{label:i.t(`sheet.cf.symbol.${c.CFNumberOperator.greaterThanOrEqual}`),value:c.CFNumberOperator.greaterThanOrEqual}],u=[{label:i.t(`sheet.cf.valueType.${c.CFValueType.num}`),value:c.CFValueType.num},{label:i.t(`sheet.cf.valueType.${c.CFValueType.percent}`),value:c.CFValueType.percent},{label:i.t(`sheet.cf.valueType.${c.CFValueType.percentile}`),value:c.CFValueType.percentile},{label:i.t(`sheet.cf.valueType.${c.CFValueType.formula}`),value:c.CFValueType.formula}],y=(S,_)=>{t([String(_),"value","value"],S)},h=(S,_)=>{t([String(_),"operator"],S);const I=c.createDefaultValue(c.CFSubRuleType.number,S);y(I,_)},R=(S,_)=>{t([String(_),"value","type"],S);const I=n[_],T=c.createDefaultValue(c.CFSubRuleType.number,I.operator);y(T,_)};return j.useMemo(()=>n.map((S,_)=>{const I=r[_],T=br(S.iconType,S.iconId),b=_===n.length-1,p=_===0,a=n[_-1],s=(a==null?void 0:a.value.type)===c.CFValueType.formula?i.t("sheet.cf.valueType.formula"):a==null?void 0:a.value.value,f=(C,l)=>{const g={...S,iconId:l,iconType:C};t([String(_)],g)};return x.jsxs("div",{className:_?"univer-mt-6":"univer-mt-3",children:[x.jsxs("div",{className:`
+                          ${le.label}
+                          univer-flex univer-items-center univer-justify-between
+                        `,children:[x.jsxs("div",{className:"univer-w-[45%]",children:[i.t("sheet.cf.iconSet.icon"),_+1]}),x.jsx("div",{className:"univer-w-[45%]",children:x.jsxs(x.Fragment,{children:[!p&&!b&&i.t("sheet.cf.iconSet.rule"),!p&&!b&&x.jsxs("span",{className:te.stress,children:["(",i.t("sheet.cf.iconSet.when"),i.t(`sheet.cf.symbol.${c.getOppositeOperator(a.operator)}`),s,b?"":` ${i.t("sheet.cf.iconSet.and")} `,")"]})]})})]}),x.jsxs("div",{className:"univer-mt-3 univer-flex univer-items-center univer-justify-between univer-gap-4",children:[x.jsx("div",{className:"univer-flex univer-items-center",children:x.jsx(K.Dropdown,{overlay:x.jsx("div",{className:"univer-rounded-lg univer-p-4",children:x.jsx(wo,{onClick:f,iconId:S.iconId,iconType:S.iconType})}),children:x.jsxs("div",{className:K.clsx(te.dropdownIcon,"univer-box-border univer-h-7"),children:[T?x.jsx("img",{src:T,className:te.icon}):x.jsx(ft,{className:te.icon}),x.jsx(Nt,{})]})})}),b?x.jsxs("div",{className:`
+                                      univer-w-[45%]
+                                      ${le.label}
+                                    `,style:{marginTop:0},children:[i.t("sheet.cf.iconSet.rule"),x.jsxs("span",{className:te.stress,children:[i.t("sheet.cf.iconSet.when"),i.t(`sheet.cf.symbol.${c.getOppositeOperator(a.operator)}`),s,b?"":` ${i.t("sheet.cf.iconSet.and")} `]})]}):x.jsx(K.Select,{options:o,value:S.operator,onChange:C=>{h(C,_)}})]}),b?x.jsx("div",{}):x.jsxs(x.Fragment,{children:[x.jsxs("div",{className:`
+                                      univer-mt-3
+                                      ${le.label}
+                                      univer-flex univer-items-center univer-justify-between univer-gap-4
+                                    `,children:[x.jsx("div",{children:i.t("sheet.cf.iconSet.type")}),x.jsx("div",{children:i.t("sheet.cf.iconSet.value")})]}),x.jsxs("div",{className:`
+                                      univer-mt-3 univer-flex univer-items-center univer-justify-between univer-gap-4
+                                    `,children:[x.jsx(K.Select,{className:"univer-flex-shrink-0",options:u,value:S.value.type,onChange:C=>{R(C,_)}}),x.jsx("div",{children:x.jsx(Ro,{id:_,type:S.value.type,error:I,value:S.value.value||"",onChange:C=>{y(C,_)}})})]})]})]},_)}),[n,r])},Io=e=>{var C;const{interceptorManager:t}=e,n=((C=e.rule)==null?void 0:C.type)===c.CFRuleType.iconSet?e.rule:void 0,r=J.useDependency(w.LocaleService),[i,o]=j.useState({}),[u,y]=j.useState(()=>{const l=Object.keys(c.iconMap)[0];if(n&&n.config.length){const g=n.config[0].iconType;if(!n.config.some(m=>m.iconType!==g))return g}return l}),[h,R]=j.useState(()=>{if(n&&n.config.length)return w.Tools.deepClone(n==null?void 0:n.config);const l=c.iconMap[u]||[];return new Array(l.length).fill("").map((g,d,m)=>d===m.length-1?{operator:c.CFNumberOperator.lessThanOrEqual,value:{type:c.CFValueType.num,value:Number.MAX_SAFE_INTEGER},iconType:u,iconId:String(d)}:Xn(u,d,m))}),[v,S]=j.useState(()=>n?!!n.isShowValue:!0),_=j.useMemo(()=>{const l=h.map(g=>br(g.iconType,g.iconId));return x.jsx("div",{className:"univer-flex univer-items-center",children:l.map((g,d)=>g?x.jsx("img",{className:"univer-size-5",src:g},d):x.jsx(ft,{className:"univer-size-5"},d))})},[h]),I=l=>{if(l.reduce((d,m,D)=>d.preType&&!d.result||l.length-1===D?d:m.value.type===c.CFValueType.formula?{preType:c.CFValueType.formula,result:!1}:d.preType?{result:d.preType===m.value.type,preType:m.value.type}:{result:!0,preType:m.value.type},{result:!0,preType:""}).result&&[c.CFValueType.num,c.CFValueType.percent,c.CFValueType.percentile].includes(l[0].value.type)){const d={};return l.forEach((m,D,F)=>{if(D-1<0||D===F.length-1)return;const U=l[D-1],E=c.getOppositeOperator(U.operator);c.compareWithNumber({operator:E,value:U.value.value},m.value.value)||(d[D]=`${r.t(`sheet.cf.form.${E}`,String(U.value.value))} `)}),d}return{}},T=(l,g)=>{w.get(h,l)!==g&&(w.set(h,l,g),R([...h]),o(I(h)))},b=l=>{y(l);const g=c.iconMap[l]||[],d=new Array(g.length).fill("").map((m,D,F)=>Xn(l,D,F));R(d),o(I(d))};j.useEffect(()=>{const l=t.intercept(t.getInterceptPoints().submit,{handler(){return{type:c.CFRuleType.iconSet,isShowValue:v,config:h}}});return()=>{l()}},[v,h,t]),j.useEffect(()=>{const l=t.intercept(t.getInterceptPoints().beforeSubmit,{handler(){return Object.keys(i).length===0}});return()=>{l()}},[v,h,t,i]);const p=()=>{const l=h.map(g=>({...g}));h.forEach((g,d)=>{const m=h.length-1-d,D=l[m];g.iconId=D.iconId,g.iconType=D.iconType}),R([...h])},a=J.useDependency(J.ILayoutService),[s,f]=j.useState();return J.useScrollYOverContainer(s,a.rootContainerElement),x.jsxs("div",{className:te.iconSet,children:[x.jsx("div",{className:le.title,children:r.t("sheet.cf.panel.styleRule")}),x.jsx("div",{className:"univer-mt-3",children:x.jsx(K.Dropdown,{overlay:x.jsx("div",{className:"univer-rounded-lg univer-p-4",children:x.jsx(To,{ref:l=>{!s&&l&&f(l)},iconType:u,onClick:b})}),children:x.jsxs("div",{className:K.clsx(te.dropdownIcon,"univer-box-border univer-h-7 univer-w-auto"),children:[_,x.jsx(Nt,{})]})})}),x.jsxs("div",{className:`
+                  univer-mt-3
+                  ${te.renderConfig}
+                `,children:[x.jsxs("div",{className:te.utilItem,children:[x.jsx(K.Checkbox,{onChange:p}),r.t("sheet.cf.iconSet.reverseIconOrder")]}),x.jsxs("div",{className:`
+                      ${te.utilItem}
+                      univer-ml-6
+                    `,children:[x.jsx(K.Checkbox,{checked:!v,onChange:l=>{S(!l)}}),r.t("sheet.cf.iconSet.onlyShowIcon")]})]}),x.jsx(xo,{errorMap:i,onChange:T,configList:h})]})},_o=e=>{var p;const{onChange:t,interceptorManager:n}=e,r=J.useDependency(w.LocaleService),i=((p=e.rule)==null?void 0:p.type)===c.CFRuleType.highlightCell?e.rule:void 0,o=[{label:r.t("sheet.cf.panel.isNotBottom"),value:"isNotBottom"},{label:r.t("sheet.cf.panel.isBottom"),value:"isBottom"},{label:r.t("sheet.cf.panel.greaterThanAverage"),value:"greaterThanAverage"},{label:r.t("sheet.cf.panel.lessThanAverage"),value:"lessThanAverage"}],[u,y]=j.useState(()=>{const a=o[0].value,s=i==null?void 0:i.type;if(!i)return a;switch(s){case c.CFRuleType.highlightCell:switch(i.subType){case c.CFSubRuleType.average:return[c.CFNumberOperator.greaterThan,c.CFNumberOperator.greaterThanOrEqual].includes(i.operator)?"greaterThanAverage":[c.CFNumberOperator.lessThan,c.CFNumberOperator.lessThanOrEqual].includes(i.operator)?"lessThanAverage":a;case c.CFSubRuleType.rank:return i.isBottom?"isBottom":"isNotBottom"}}return a}),[h,R]=j.useState(()=>{const s=i==null?void 0:i.type;if(!i)return 10;switch(s){case c.CFRuleType.highlightCell:switch(i.subType){case c.CFSubRuleType.rank:return i.value||10}}return 10}),[v,S]=j.useState(()=>{const s=i==null?void 0:i.type;if(!i)return!1;switch(s){case c.CFRuleType.highlightCell:switch(i.subType){case c.CFSubRuleType.rank:return i.isPercent||!1}}return!1}),[_,I]=j.useState({}),T=a=>{const{type:s,isPercent:f,value:C,style:l}=a;if(s==="isNotBottom")return{type:c.CFRuleType.highlightCell,subType:c.CFSubRuleType.rank,isPercent:f,isBottom:!1,value:C,style:l};if(s==="isBottom")return{type:c.CFRuleType.highlightCell,subType:c.CFSubRuleType.rank,isPercent:f,isBottom:!0,value:C,style:l};if(s==="greaterThanAverage")return{type:c.CFRuleType.highlightCell,subType:c.CFSubRuleType.average,operator:c.CFNumberOperator.greaterThan,style:l};if(s==="lessThanAverage")return{type:c.CFRuleType.highlightCell,subType:c.CFSubRuleType.average,operator:c.CFNumberOperator.lessThan,style:l}};j.useEffect(()=>n.intercept(n.getInterceptPoints().submit,{handler(){return T({type:u,isPercent:v,value:h,style:_})}}),[u,v,h,_,n]);const b=a=>{t(T(a))};return x.jsxs("div",{children:[x.jsx("div",{className:`
+                  ${le.title}
+                  univer-mt-4
+                `,children:r.t("sheet.cf.panel.styleRule")}),x.jsx(K.Select,{className:"univer-mt-3 univer-w-full",value:u,options:o,onChange:a=>{y(a),b({type:a,isPercent:v,value:h,style:_})}}),["isNotBottom","isBottom"].includes(u)&&x.jsxs("div",{className:`
+                      ${le.labelContainer}
+                      univer-mt-3
+                    `,children:[x.jsx(K.InputNumber,{min:1,max:1e3,value:h,onChange:a=>{const s=a||0;R(s),b({type:u,isPercent:v,value:s,style:_})}}),x.jsxs("div",{className:`
+                          univer-ml-3
+                          ${le.labelContainer}
+                          ${te.text}
+                        `,children:[x.jsx(K.Checkbox,{checked:v,onChange:a=>{S(!!a),b({type:u,isPercent:!!a,value:h,style:_})}}),r.t("sheet.cf.valueType.percent")]})]}),x.jsx("div",{className:`
+                  ${te.cfPreviewWrap}
+                `,children:x.jsx(He,{rule:T({type:u,isPercent:v,value:h,style:_})})}),x.jsx(pn,{style:i==null?void 0:i.style,className:"univer-mt-3",onChange:a=>{I(a),b({type:u,isPercent:v,value:h,style:a})}})]})},Eo=w.createInterceptorKey("beforeSubmit"),Oo=w.createInterceptorKey("submit"),Kn=e=>e.getCurrentUnitForType(w.UniverInstanceType.UNIVER_SHEET).getUnitId(),Zn=e=>{var t;return(t=e.getCurrentUnitForType(w.UniverInstanceType.UNIVER_SHEET).getActiveSheet())==null?void 0:t.getSheetId()},Po=e=>{var d,m,D;const t=J.useDependency(w.LocaleService),n=J.useDependency(w.ICommandService),r=J.useDependency(w.IUniverInstanceService),i=J.useDependency(c.ConditionalFormattingRuleModel),o=J.useDependency(B.SheetsSelectionsService),u=Kn(r),y=Zn(r),[h,R]=j.useState(void 0),v=j.useRef((m=(d=e.rule)==null?void 0:d.ranges)!=null?m:[]),S=j.useMemo(()=>{var L,U,E;let F=(L=e.rule)==null?void 0:L.ranges;return F!=null&&F.length||(F=(E=(U=o.getCurrentSelections())==null?void 0:U.map(N=>N.range))!=null?E:[]),v.current=F,F!=null&&F.length?F.map(N=>{const q=Xt.serializeRange(N);return q==="NaN"?"":q}).filter(N=>!!N).join(","):""},[e.rule]),_=[{label:t.t("sheet.cf.ruleType.highlightCell"),value:"1"},{label:t.t("sheet.cf.panel.rankAndAverage"),value:"2"},{label:t.t("sheet.cf.ruleType.dataBar"),value:"3"},{label:t.t("sheet.cf.ruleType.colorScale"),value:"4"},{label:t.t("sheet.cf.ruleType.formula"),value:"5"},{label:t.t("sheet.cf.ruleType.iconSet"),value:"6"}],[I,T]=j.useState(()=>{var U,E;const F=(U=e.rule)==null?void 0:U.rule.type,L=_[0].value;if(!F)return L;switch(F){case c.CFRuleType.highlightCell:{switch((E=e.rule)==null?void 0:E.rule.subType){case c.CFSubRuleType.number:case c.CFSubRuleType.text:case c.CFSubRuleType.duplicateValues:case c.CFSubRuleType.uniqueValues:case c.CFSubRuleType.timePeriod:return"1";case c.CFSubRuleType.average:case c.CFSubRuleType.rank:return"2";case c.CFSubRuleType.formula:return"5"}break}case c.CFRuleType.dataBar:return"3";case c.CFRuleType.colorScale:return"4";case c.CFRuleType.iconSet:return"6"}return L}),b=j.useRef(void 0),p=j.useMemo(()=>new w.InterceptorManager({beforeSubmit:Eo,submit:Oo}),[]),a=j.useMemo(()=>{switch(I){case"1":return Yn;case"2":return _o;case"3":return mo;case"4":return go;case"5":return bo;case"6":return Io;default:return Yn}},[I]);j.useEffect(()=>{const F=n.onCommandExecuted(L=>{if(L.id===B.RemoveSheetMutation.id){const U=L.params;U.subUnitId===y&&U.unitId===u&&e.onCancel()}L.id===B.SetWorksheetActiveOperation.id&&e.onCancel()});return()=>F.dispose()},[]);const s=F=>{b.current=F},f=F=>{const L=F.split(",").filter(U=>!!U).map(Xt.deserializeRangeWithSheet).map(U=>U.range);v.current=L},C=()=>{if(h)return;const L=(()=>{const E=r.getCurrentUnitForType(w.UniverInstanceType.UNIVER_SHEET).getActiveSheet();if(!E)throw new Error("No active sheet found");return v.current.map(W=>B.setEndForRange(W,E.getRowCount(),E.getColumnCount())).filter(W=>!(Number.isNaN(W.startRow)||Number.isNaN(W.startColumn)))})();if(p.fetchThroughInterceptors(p.getInterceptPoints().beforeSubmit)(!0,null)){const E=p.fetchThroughInterceptors(p.getInterceptPoints().submit)(null,null);if(E){const N=Kn(r),q=Zn(r);if(!N||!q)throw new Error("No active sheet found");let W={};e.rule&&e.rule.cfId?(W={...e.rule,ranges:L,rule:E},n.executeCommand(c.SetCfCommand.id,{unitId:N,subUnitId:q,rule:W}),e.onCancel()):(W={cfId:i.createCfId(N,q),ranges:L,rule:E,stopIfTrue:!1},n.executeCommand(c.AddCfCommand.id,{unitId:N,subUnitId:q,rule:W}),e.onCancel())}}},l=()=>{e.onCancel()},g=(F,L)=>{F?L.length<1?R(t.t("sheet.cf.errorMessage.rangeError")):R(void 0):R(t.t("sheet.cf.errorMessage.rangeError"))};return x.jsxs("div",{className:te.cfRuleStyleEditor,children:[x.jsx("div",{className:le.title,children:t.t("sheet.cf.panel.range")}),x.jsxs("div",{className:"univer-mt-4",children:[x.jsx(dt.RangeSelector,{unitId:u,subUnitId:y,initialValue:S,onChange:(F,L)=>f(L),onVerify:g}),h&&x.jsx("div",{className:te.cfErrorText,children:h})]}),x.jsx("div",{className:le.title,children:t.t("sheet.cf.panel.styleType")}),x.jsx(K.Select,{className:"univer-mt-4 univer-w-full",value:I,options:_,onChange:F=>T(F)}),x.jsx(a,{interceptorManager:p,rule:(D=e.rule)==null?void 0:D.rule,onChange:s}),x.jsxs("div",{className:"univer-mt-4 univer-flex univer-justify-end",children:[x.jsx(K.Button,{onClick:l,children:t.t("sheet.cf.panel.cancel")}),x.jsx(K.Button,{className:"univer-ml-3",variant:"primary",onClick:C,children:t.t("sheet.cf.panel.submit")})]})]})},Do=e=>{const[t,n]=j.useState(e.rule),[r,i]=j.useState(!!e.rule),o=()=>{i(!0)},u=()=>{i(!1),n(void 0)},y=h=>{n(h),i(!0)};return x.jsx("div",{className:le.conditionalFormattingWrap,children:r?x.jsx(Po,{onCancel:u,rule:t}):x.jsx(Hi,{onClick:y,onCreate:o})})};var Fo=Object.getOwnPropertyDescriptor,Mo=(e,t,n,r)=>{for(var i=r>1?void 0:r?Fo(t,n):t,o=e.length-1,u;o>=0;o--)(u=e[o])&&(i=u(i)||i);return i},Qe=(e,t)=>(n,r)=>t(n,r,e);const Tt="sheet.conditional.formatting.panel";let at=class extends w.Disposable{constructor(t,n,r,i,o){super();Ie(this,"_sidebarDisposable",null);this._univerInstanceService=t,this._injector=n,this._componentManager=r,this._sidebarService=i,this._localeService=o,this._initPanel(),this.disposeWithMe(this._univerInstanceService.getCurrentTypeOfUnit$(w.UniverInstanceType.UNIVER_SHEET).subscribe(u=>{var y;u||(y=this._sidebarDisposable)==null||y.dispose()})),this.disposeWithMe(this._sidebarService.sidebarOptions$.subscribe(u=>{u.id===Tt&&(u.visible||setTimeout(()=>{this._sidebarService.sidebarOptions$.next({visible:!1})}))}))}openPanel(t){const n={id:Tt,header:{title:this._localeService.t("sheet.cf.title")},children:{label:Tt,rule:t,key:w.generateRandomId(4)},onClose:()=>this._sidebarDisposable=null};this._sidebarDisposable=this._sidebarService.open(n)}_initPanel(){this._componentManager.register(Tt,Do)}};at=Mo([Qe(0,w.IUniverInstanceService),Qe(1,w.Inject(w.Injector)),Qe(2,w.Inject(J.ComponentManager)),Qe(3,w.Inject(J.ISidebarService)),Qe(4,w.Inject(w.LocaleService))],at);var ve=(e=>(e[e.createRule=1]="createRule",e[e.viewRule=2]="viewRule",e[e.highlightCell=3]="highlightCell",e[e.rank=4]="rank",e[e.formula=5]="formula",e[e.colorScale=6]="colorScale",e[e.dataBar=7]="dataBar",e[e.icon=8]="icon",e[e.clearRangeRules=9]="clearRangeRules",e[e.clearWorkSheetRules=10]="clearWorkSheetRules",e))(ve||{});const pt={id:"sheet.operation.open.conditional.formatting.panel",type:w.CommandType.OPERATION,handler:(e,t)=>{var y;const n=e.get(at),r=e.get(B.SheetsSelectionsService),i=e.get(w.ICommandService),o=((y=r.getCurrentSelections())==null?void 0:y.map(h=>h.range))||[];switch(t.value){case 3:{n.openPanel({...c.createDefaultRule(),ranges:o});break}case 4:{const h={...c.createDefaultRule,ranges:o,rule:{type:c.CFRuleType.highlightCell,subType:c.CFSubRuleType.rank}};n.openPanel(h);break}case 5:{const h={...c.createDefaultRule,ranges:o,rule:{type:c.CFRuleType.highlightCell,subType:c.CFSubRuleType.formula,value:"="}};n.openPanel(h);break}case 6:{const h={...c.createDefaultRule,ranges:o,rule:{type:c.CFRuleType.colorScale,config:[]}};n.openPanel(h);break}case 7:{const h={...c.createDefaultRule,ranges:o,rule:{type:c.CFRuleType.dataBar,isShowValue:!0}};n.openPanel(h);break}case 8:{const h={...c.createDefaultRule,ranges:o,rule:{type:c.CFRuleType.iconSet,config:[],isShowValue:!0}};n.openPanel(h);break}case 2:{n.openPanel();break}case 1:{n.openPanel({...c.createDefaultRule(),ranges:o});break}case 9:{i.executeCommand(c.ClearRangeCfCommand.id,{ranges:o});break}case 10:{i.executeCommand(c.ClearWorksheetCfCommand.id);break}}return!0}};var No=Object.getOwnPropertyDescriptor,jo=(e,t,n,r)=>{for(var i=r>1?void 0:r?No(t,n):t,o=e.length-1,u;o>=0;o--)(u=e[o])&&(i=u(i)||i);return i},et=(e,t)=>(n,r)=>t(n,r,e);let st=class extends w.Disposable{constructor(t,n,r,i,o){super();Ie(this,"_copyInfo");this._sheetClipboardService=t,this._conditionalFormattingRuleModel=n,this._injector=r,this._conditionalFormattingViewModel=i,this._univerInstanceService=o,this._initClipboardHook()}_initClipboardHook(){this.disposeWithMe(this._sheetClipboardService.addClipboardHook({id:c.SHEET_CONDITIONAL_FORMATTING_PLUGIN,onBeforeCopy:(t,n,r)=>this._collectConditionalRule(t,n,r),onPasteCells:(t,n,r,i)=>{const{copyType:o=fe.COPY_TYPE.COPY,pasteType:u}=i,{range:y}=t||{},{range:h}=n;return this._generateConditionalFormattingMutations(h,{copyType:o,pasteType:u,copyRange:y})}}))}_collectConditionalRule(t,n,r){const i=new w.ObjectMatrix,o={};this._copyInfo={matrix:i,info:{unitId:t,subUnitId:n,cfMap:o}};const u=this._injector.invoke(v=>B.rangeToDiscreteRange(r,v,t,n));if(!u)return;const{rows:y,cols:h}=u,R=new Set;y.forEach((v,S)=>{h.forEach((_,I)=>{const T=this._conditionalFormattingViewModel.getCellCfs(t,n,v,_);T&&(T.forEach(b=>R.add(b.cfId)),i.setValue(S,I,T.map(b=>b.cfId)))})}),R.forEach(v=>{const S=this._conditionalFormattingRuleModel.getRule(t,n,v);S&&(o[v]=S.rule)})}_generateConditionalFormattingMutations(t,n){const r=this._univerInstanceService.getCurrentUnitForType(w.UniverInstanceType.UNIVER_SHEET),i=r.getActiveSheet(),o=r.getUnitId();if(!i)return{redos:[],undos:[]};const u=i.getSheetId();if(n.copyType===fe.COPY_TYPE.CUT)return this._copyInfo=null,{redos:[],undos:[]};if(!this._copyInfo||!n.copyRange)return{redos:[],undos:[]};if(![fe.PREDEFINED_HOOK_NAME.SPECIAL_PASTE_FORMAT,fe.PREDEFINED_HOOK_NAME.DEFAULT_PASTE,fe.PREDEFINED_HOOK_NAME.SPECIAL_PASTE_BESIDES_BORDER].includes(n.pasteType))return{redos:[],undos:[]};const{ranges:[h,R],mapFunc:v}=fe.virtualizeDiscreteRanges([n.copyRange,t]),S=fe.getRepeatRange(h,R,!0),_={};w.Range.foreach(R,(l,g)=>{const{row:d,col:m}=v(l,g),D=this._conditionalFormattingViewModel.getCellCfs(o,u,d,m);D&&D.forEach(F=>{if(!_[F.cfId]){const L=new w.ObjectMatrix;_[F.cfId]=L;const U=this._conditionalFormattingRuleModel.getRule(o,u,F.cfId);U==null||U.ranges.forEach(E=>{w.Range.foreach(E,(N,q)=>{L.setValue(N,q,1)})})}_[F.cfId].realDeleteValue(d,m)})});const{matrix:I,info:T}=this._copyInfo,b=[];let p=this._conditionalFormattingRuleModel.createCfId(o,u);const a={},s=l=>{if(a[l])return a[l];const g=T==null?void 0:T.cfMap[l],d=[...this._conditionalFormattingRuleModel.getSubunitRules(o,u)||[],...b].find(m=>w.Tools.diffValue(m.rule,g));if(d)return a[l]=d,d;{const m={rule:g,cfId:p,ranges:[],stopIfTrue:!1};return a[l]=m,b.push(m),p=`${Number(p)+1}`,m}};S.forEach(l=>{I&&I.forValue((g,d,m)=>{const D=w.Rectangle.getPositionRange({startRow:g,endRow:g,startColumn:d,endColumn:d},l.startRange),{row:F,col:L}=v(D.startRow,D.startColumn);m.forEach(U=>{if(!_[U]){const E=s(U),N=new w.ObjectMatrix;_[U]=N,E.ranges.forEach(q=>{w.Range.foreach(q,(W,G)=>{N.setValue(W,G,1)})})}_[U].setValue(F,L,1)})})});const f=[],C=[];for(const l in _){const g=_[l],d=B.findAllRectangle(B.createTopMatrixFromMatrix(g));if(!d.length){const m={unitId:o,subUnitId:u,cfId:l};f.push({id:c.DeleteConditionalRuleMutation.id,params:m}),C.push(...c.DeleteConditionalRuleMutationUndoFactory(this._injector,m))}if(b.some(m=>m.cfId===l)){const m=s(l),D={unitId:o,subUnitId:u,rule:{...m,ranges:d}};f.push({id:c.AddConditionalRuleMutation.id,params:D}),C.push(c.AddConditionalRuleMutationUndoFactory(this._injector,D))}else{const m=this._conditionalFormattingRuleModel.getRule(o,u,l);if(!m)continue;const D={unitId:o,subUnitId:u,rule:{...m,ranges:d}};f.push({id:c.SetConditionalRuleMutation.id,params:D}),C.push(...c.setConditionalRuleMutationUndoFactory(this._injector,D))}}return{redos:f,undos:C}}};st=jo([et(0,w.Inject(fe.ISheetClipboardService)),et(1,w.Inject(c.ConditionalFormattingRuleModel)),et(2,w.Inject(w.Injector)),et(3,w.Inject(c.ConditionalFormattingViewModel)),et(4,w.Inject(w.IUniverInstanceService))],st);var Lo=Object.getOwnPropertyDescriptor,Uo=(e,t,n,r)=>{for(var i=r>1?void 0:r?Lo(t,n):t,o=e.length-1,u;o>=0;o--)(u=e[o])&&(i=u(i)||i);return i},$t=(e,t)=>(n,r)=>t(n,r,e);let lt=class extends w.Disposable{constructor(e,t,n){super(),this._localeService=e,this._commandService=t,this._sheetPermissionCheckController=n,this._commandExecutedListener()}_commandExecutedListener(){this.disposeWithMe(this._commandService.beforeCommandExecuted(e=>{e.id===c.AddCfCommand.id&&(this._sheetPermissionCheckController.permissionCheckWithRanges({workbookTypes:[B.WorkbookEditablePermission],rangeTypes:[B.RangeProtectionPermissionEditPoint],worksheetTypes:[B.WorksheetEditPermission,B.WorksheetSetCellStylePermission]},e.params.rule.ranges)||this._sheetPermissionCheckController.blockExecuteWithoutPermission(this._localeService.t("permission.dialog.setStyleErr")))}))}};lt=Uo([$t(0,w.Inject(w.LocaleService)),$t(1,w.ICommandService),$t(2,w.Inject(B.SheetPermissionCheckController))],lt);var Vo=Object.getOwnPropertyDescriptor,zo=(e,t,n,r)=>{for(var i=r>1?void 0:r?Vo(t,n):t,o=e.length-1,u;o>=0;o--)(u=e[o])&&(i=u(i)||i);return i},wt=(e,t)=>(n,r)=>t(n,r,e);let ut=class extends w.Disposable{constructor(e,t,n,r){super(),this._conditionalFormattingRuleModel=e,this._univerInstanceService=t,this._injector=n,this._refRangeService=r,this._initRefRange()}_initRefRange(){const e=new Map,t=(r,i,o)=>`${r}_${i}_${o}`,n=(r,i,o)=>{const u=h=>{const R=[...o.ranges],v=R.map(_=>B.handleDefaultRangeChangeWithEffectRefCommands(_,h)).filter(_=>!!_);if(c.isRangesEqual(v,R))return{redos:[],undos:[]};if(v.length){const _={unitId:r,subUnitId:i,rule:{...o,ranges:v}},I=[{id:c.SetConditionalRuleMutation.id,params:_}],T=c.setConditionalRuleMutationUndoFactory(this._injector,_);return{redos:I,undos:T}}else{const _={unitId:r,subUnitId:i,cfId:o.cfId},I=[{id:c.DeleteConditionalRuleMutation.id,params:_}],T=c.DeleteConditionalRuleMutationUndoFactory(this._injector,_);return{redos:I,undos:T}}},y=[];o.ranges.forEach(h=>{const R=this._refRangeService.registerRefRange(h,u);y.push(()=>R.dispose())}),e.set(t(r,i,o.cfId),()=>y.forEach(h=>h()))};this.disposeWithMe(this._conditionalFormattingRuleModel.$ruleChange.subscribe(r=>{const{unitId:i,subUnitId:o,rule:u}=r,y=this._univerInstanceService.getCurrentUnitForType(w.UniverInstanceType.UNIVER_SHEET),h=y.getActiveSheet();if(!(r.unitId!==y.getUnitId()||r.subUnitId!==(h==null?void 0:h.getSheetId())))switch(r.type){case"add":{n(r.unitId,r.subUnitId,r.rule);break}case"delete":{const R=e.get(t(i,o,u.cfId));R&&R();break}case"set":{const R=e.get(t(i,o,u.cfId));R&&R(),n(r.unitId,r.subUnitId,r.rule)}}})),this.disposeWithMe(w.toDisposable(()=>{e.forEach(r=>{r()}),e.clear()}))}};ut=zo([wt(0,w.Inject(c.ConditionalFormattingRuleModel)),wt(1,w.Inject(w.IUniverInstanceService)),wt(2,w.Inject(w.Injector)),wt(3,w.Inject(B.RefRangeService))],ut);var ko=Object.getOwnPropertyDescriptor,Ao=(e,t,n,r)=>{for(var i=r>1?void 0:r?ko(t,n):t,o=e.length-1,u;o>=0;o--)(u=e[o])&&(i=u(i)||i);return i},Ue=(e,t)=>(n,r)=>t(n,r,e);let ct=class extends w.Disposable{constructor(t,n,r,i,o,u){super();Ie(this,"_ruleChangeCacheMap",new Map);this._sheetInterceptorService=t,this._conditionalFormattingService=n,this._univerInstanceService=r,this._renderManagerService=i,this._conditionalFormattingViewModel=o,this._conditionalFormattingRuleModel=u,this._initViewModelInterceptor(),this._initSkeleton(),this.disposeWithMe(()=>{this._ruleChangeCacheMap.clear()})}_markDirtySkeleton(){var n,r,i;const t=this._univerInstanceService.getCurrentUnitForType(w.UniverInstanceType.UNIVER_SHEET).getUnitId();(n=this._renderManagerService.getRenderById(t))==null||n.with(fe.SheetSkeletonManagerService).reCalculate(),(i=(r=this._renderManagerService.getRenderById(t))==null?void 0:r.mainComponent)==null||i.makeDirty()}_initSkeleton(){this.disposeWithMe(Se.merge(this._conditionalFormattingRuleModel.$ruleChange,this._conditionalFormattingViewModel.markDirty$).pipe(ot.bufferTime(16),ot.filter(t=>!!t.length),ot.filter(t=>{const n=this._univerInstanceService.getCurrentUnitForType(w.UniverInstanceType.UNIVER_SHEET);if(!n)return!1;const r=n.getActiveSheet();return r?t.filter(i=>i.unitId===n.getUnitId()&&i.subUnitId===r.getSheetId()).length>0:!1})).subscribe(()=>this._markDirtySkeleton()))}_initViewModelInterceptor(){this.disposeWithMe(this._sheetInterceptorService.intercept(B.INTERCEPTOR_POINT.CELL_CONTENT,{effect:w.InterceptorEffectEnum.Style,handler:(t,n,r)=>{const i=this._conditionalFormattingService.composeStyle(n.unitId,n.subUnitId,n.row,n.col);if(!i)return r(t);const o=n.workbook.getStyles(),y={...(typeof(t==null?void 0:t.s)=="string"?o.get(t==null?void 0:t.s):t==null?void 0:t.s)||{}},h={...t,s:y};return i.style&&Object.assign(y,i.style),h.fontRenderExtension||(h.fontRenderExtension={},i.isShowValue!==void 0&&(h.fontRenderExtension.isSkip=!i.isShowValue)),i.dataBar&&(h.dataBar=i.dataBar),i.iconSet&&(h.iconSet=i.iconSet,h.fontRenderExtension.leftOffset=c.DEFAULT_PADDING+c.DEFAULT_WIDTH),r(h)},priority:10}))}};ct=Ao([Ue(0,w.Inject(B.SheetInterceptorService)),Ue(1,w.Inject(c.ConditionalFormattingService)),Ue(2,w.Inject(w.IUniverInstanceService)),Ue(3,w.Inject(nr.IRenderManagerService)),Ue(4,w.Inject(c.ConditionalFormattingViewModel)),Ue(5,w.Inject(c.ConditionalFormattingRuleModel))],ct);const Sr="sheets-conditional-formatting-ui.config",Et={};var qo=Object.defineProperty,Ho=Object.getOwnPropertyDescriptor,Wo=(e,t,n)=>t in e?qo(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,$o=(e,t,n,r)=>{for(var i=r>1?void 0:r?Ho(t,n):t,o=e.length-1,u;o>=0;o--)(u=e[o])&&(i=u(i)||i);return i},Bt=(e,t)=>(n,r)=>t(n,r,e),Rr=(e,t,n)=>Wo(e,typeof t!="symbol"?t+"":t,n);exports.UniverSheetsConditionalFormattingMobileUIPlugin=class extends w.Plugin{constructor(t=Et,n,r,i){super(),this._config=t,this._injector=n,this._commandService=r,this._configService=i;const{menu:o,...u}=w.merge({},Et,this._config);o&&this._configService.setConfig("menu",o,{merge:!0}),this._configService.setConfig(Sr,u),this._initCommand(),this._injector.add([ct]),this._injector.add([ut]),this._injector.add([st]),this._injector.add([lt]),this._injector.add([ke])}_initCommand(){[Jt,Qt,en,tn,nn,rn,on,an,sn,pt].forEach(t=>{this._commandService.registerCommand(t)})}};Rr(exports.UniverSheetsConditionalFormattingMobileUIPlugin,"pluginName",`${c.SHEET_CONDITIONAL_FORMATTING_PLUGIN}_MOBILE_UI_PLUGIN`);Rr(exports.UniverSheetsConditionalFormattingMobileUIPlugin,"type",w.UniverInstanceType.UNIVER_SHEET);exports.UniverSheetsConditionalFormattingMobileUIPlugin=$o([w.DependentOn(c.UniverSheetsConditionalFormattingPlugin),Bt(1,w.Inject(w.Injector)),Bt(2,w.Inject(w.ICommandService)),Bt(3,w.IConfigService)],exports.UniverSheetsConditionalFormattingMobileUIPlugin);var Bo=Object.getOwnPropertyDescriptor,Go=(e,t,n,r)=>{for(var i=r>1?void 0:r?Bo(t,n):t,o=e.length-1,u;o>=0;o--)(u=e[o])&&(i=u(i)||i);return i},tt=(e,t)=>(n,r)=>t(n,r,e);let Ot=class extends w.Disposable{constructor(e,t,n,r,i){super(),this._injector=e,this._univerInstanceService=t,this._autoFillService=n,this._conditionalFormattingRuleModel=r,this._conditionalFormattingViewModel=i,this._initAutoFill()}_initAutoFill(){const e=()=>({redos:[],undos:[]}),t=(i,o,u,y,h)=>{var I;const R=this._univerInstanceService.getCurrentUnitForType(w.UniverInstanceType.UNIVER_SHEET).getUnitId(),v=(I=this._univerInstanceService.getCurrentUnitForType(w.UniverInstanceType.UNIVER_SHEET).getActiveSheet())==null?void 0:I.getSheetId();if(!R||!v)return;const S={startRow:i.row,startColumn:i.col,endColumn:i.col,endRow:i.row},_={startRow:o.row,startColumn:o.col,endColumn:o.col,endRow:o.row};w.Range.foreach(u,(T,b)=>{const p=w.Rectangle.getPositionRange({startRow:T,startColumn:b,endColumn:b,endRow:T},S),a=w.Rectangle.getPositionRange({startRow:T,startColumn:b,endColumn:b,endRow:T},_),{row:s,col:f}=h(p.startRow,p.startColumn),C=this._conditionalFormattingViewModel.getCellCfs(R,v,s,f),{row:l,col:g}=h(a.startRow,a.startColumn),d=this._conditionalFormattingViewModel.getCellCfs(R,v,l,g);d&&d.forEach(m=>{let D=y.get(m.cfId);if(!y.get(m.cfId)){const F=this._conditionalFormattingRuleModel.getRule(R,v,m.cfId);if(!F)return;D=new w.ObjectMatrix,F.ranges.forEach(L=>{w.Range.foreach(L,(U,E)=>{D.setValue(U,E,1)})}),y.set(m.cfId,D)}D.realDeleteValue(l,g)}),C&&C.forEach(m=>{let D=y.get(m.cfId);if(!y.get(m.cfId)){const F=this._conditionalFormattingRuleModel.getRule(R,v,m.cfId);if(!F)return;D=new w.ObjectMatrix,F.ranges.forEach(L=>{w.Range.foreach(L,(U,E)=>{D.setValue(U,E,1)})}),y.set(m.cfId,D)}D.setValue(l,g,1)})})},n=(i,o)=>{var a,s,f;const u=(a=this._univerInstanceService.getCurrentUnitForType(w.UniverInstanceType.UNIVER_SHEET))==null?void 0:a.getUnitId(),y=(f=(s=this._univerInstanceService.getCurrentUnitForType(w.UniverInstanceType.UNIVER_SHEET))==null?void 0:s.getActiveSheet())==null?void 0:f.getSheetId(),h=new Map,R=[],v=[];if(!u||!y)return e();const S=fe.virtualizeDiscreteRanges([i,o]),[_,I]=S.ranges,{mapFunc:T}=S,b={row:_.startRow,col:_.startColumn};return fe.getAutoFillRepeatRange(_,I).forEach(C=>{t(b,C.repeatStartCell,C.relativeRange,h,T)}),h.forEach((C,l)=>{const g=this._conditionalFormattingRuleModel.getRule(u,y,l);if(!g)return;const d=B.findAllRectangle(B.createTopMatrixFromMatrix(C));if(d.length){const m={unitId:u,subUnitId:y,rule:{...g,ranges:d}};R.push({id:c.SetConditionalRuleMutation.id,params:m}),v.push(...c.setConditionalRuleMutationUndoFactory(this._injector,m))}else{const m={unitId:u,subUnitId:y,cfId:g.cfId};R.push({id:c.DeleteConditionalRuleMutation.id,params:m}),v.push(...c.DeleteConditionalRuleMutationUndoFactory(this._injector,m))}}),{undos:v,redos:R}},r={id:c.SHEET_CONDITIONAL_FORMATTING_PLUGIN,onFillData:(i,o,u)=>{if(u===fe.APPLY_TYPE.COPY||u===fe.APPLY_TYPE.ONLY_FORMAT||u===fe.APPLY_TYPE.SERIES){const{source:y,target:h}=i;return n(y,h)}return e()}};this.disposeWithMe(this._autoFillService.addHook(r))}};Ot=Go([tt(0,w.Inject(w.Injector)),tt(1,w.Inject(w.IUniverInstanceService)),tt(2,w.Inject(fe.IAutoFillService)),tt(3,w.Inject(c.ConditionalFormattingRuleModel)),tt(4,w.Inject(c.ConditionalFormattingViewModel))],Ot);var Yo=Object.getOwnPropertyDescriptor,Xo=(e,t,n,r)=>{for(var i=r>1?void 0:r?Yo(t,n):t,o=e.length-1,u;o>=0;o--)(u=e[o])&&(i=u(i)||i);return i},nt=(e,t)=>(n,r)=>t(n,r,e);exports.ConditionalFormattingClearController=class extends w.Disposable{constructor(t,n,r,i,o){super(),this._injector=t,this._univerInstanceService=n,this._sheetInterceptorService=r,this._selectionManagerService=i,this._conditionalFormattingRuleModel=o,this._init()}_init(){this.disposeWithMe(this._sheetInterceptorService.interceptCommand({getMutations:t=>{var o;const n=[],r=[],i={redos:n,undos:r};if([B.ClearSelectionFormatCommand.id,B.ClearSelectionAllCommand.id].includes(t.id)){const u=(o=this._selectionManagerService.getCurrentSelections())==null?void 0:o.map(T=>T.range);if(!u)return i;const y=this._univerInstanceService.getCurrentUnitForType(w.UniverInstanceType.UNIVER_SHEET),h=y.getActiveSheet();if(!h)return i;const R=y.getUnitId(),v=h.getSheetId(),S=this._conditionalFormattingRuleModel.getSubunitRules(R,v);if(!S||!S.length)return i;const{redos:_,undos:I}=Jn(this._injector,S,u,R,v);n.push(..._),r.push(...I)}return i}})),this.disposeWithMe(this._sheetInterceptorService.interceptRanges({getMutations:({unitId:t,subUnitId:n,ranges:r})=>{const i=[],o=[],u={redos:i,undos:o};if(!r||!r.length)return u;const y=this._conditionalFormattingRuleModel.getSubunitRules(t,n);if(!y||!y.length)return u;const{redos:h,undos:R}=Jn(this._injector,y,r,t,n);return i.push(...h),o.push(...R),u}}))}};exports.ConditionalFormattingClearController=Xo([nt(0,w.Inject(w.Injector)),nt(1,w.Inject(w.IUniverInstanceService)),nt(2,w.Inject(B.SheetInterceptorService)),nt(3,w.Inject(B.SheetsSelectionsService)),nt(4,w.Inject(c.ConditionalFormattingRuleModel))],exports.ConditionalFormattingClearController);function Jn(e,t,n,r,i){const o=[],u=[];return t.filter(y=>n.some(h=>y.ranges.some(R=>w.Rectangle.getIntersects(R,h)))).forEach(y=>{const R=new B.RangeMergeUtil().add(...y.ranges).subtract(...n).merge();if(R.length){const v={id:c.SetConditionalRuleMutation.id,params:{unitId:r,subUnitId:i,rule:{...y,ranges:R}}},S=c.setConditionalRuleMutationUndoFactory(e,v.params);o.push(v),u.push(...S)}else{const v={id:c.DeleteConditionalRuleMutation.id,params:{unitId:r,subUnitId:i,cfId:y.cfId}},S=c.DeleteConditionalRuleMutationUndoFactory(e,v.params);o.push(v),u.push(...S)}}),{redos:o,undos:u}}var Ko=Object.getOwnPropertyDescriptor,Zo=(e,t,n,r)=>{for(var i=r>1?void 0:r?Ko(t,n):t,o=e.length-1,u;o>=0;o--)(u=e[o])&&(i=u(i)||i);return i},Qn=(e,t)=>(n,r)=>t(n,r,e);let Pt=class extends w.Disposable{constructor(e,t){super(),this._sheetInterceptorService=e,this._conditionalFormattingService=t,this._initInterceptorEditorEnd()}_initInterceptorEditorEnd(){this.disposeWithMe(w.toDisposable(this._sheetInterceptorService.writeCellInterceptor.intercept(B.AFTER_CELL_EDIT,{handler:(e,t,n)=>{var u,y,h;e||n(e);const r=this._conditionalFormattingService.composeStyle(t.unitId,t.subUnitId,t.row,t.col),i=(u=r==null?void 0:r.style)!=null?u:{},o=Object.keys(i);if(e!=null&&e.p)return(h=(y=e.p.body)==null?void 0:y.textRuns)==null||h.forEach(R=>{R.ts&&o.forEach(v=>{var S;(S=R.ts)==null||delete S[v]})}),n(e);{const R={...(typeof(e==null?void 0:e.s)=="string"?t.workbook.getStyles().get(e.s):e==null?void 0:e.s)||{}};o.forEach(S=>{delete R[S]});const v={...e,s:{...R}};return n(v)}}})))}};Pt=Zo([Qn(0,w.Inject(B.SheetInterceptorService)),Qn(1,w.Inject(c.ConditionalFormattingService))],Pt);const er=[B.SetWorksheetActiveOperation.id,c.AddConditionalRuleMutation.id,c.SetConditionalRuleMutation.id,c.DeleteConditionalRuleMutation.id,c.MoveConditionalRuleMutation.id],rt=[{label:{name:"sheet.cf.ruleType.highlightCell",selectable:!1},value:ve.highlightCell},{label:{name:"sheet.cf.panel.rankAndAverage",selectable:!1},value:ve.rank},{label:{name:"sheet.cf.ruleType.formula",selectable:!1},value:ve.formula},{label:{name:"sheet.cf.ruleType.colorScale",selectable:!1},value:ve.colorScale},{label:{name:"sheet.cf.ruleType.dataBar",selectable:!1},value:ve.dataBar},{label:{name:"sheet.cf.ruleType.iconSet",selectable:!1},value:ve.icon},{label:{name:"sheet.cf.menu.manageConditionalFormatting",selectable:!1},value:ve.viewRule},{label:{name:"sheet.cf.menu.createConditionalFormatting",selectable:!1},value:ve.createRule},{label:{name:"sheet.cf.menu.clearRangeRules",selectable:!1},value:ve.clearRangeRules,disabled:!1},{label:{name:"sheet.cf.menu.clearWorkSheetRules",selectable:!1},value:ve.clearWorkSheetRules}],Jo=e=>{const t=e.get(B.SheetsSelectionsService),n=e.get(w.ICommandService),r=e.get(w.IUniverInstanceService),i=e.get(c.ConditionalFormattingRuleModel),o=new Se.Observable(h=>Se.merge(t.selectionMoveEnd$,t.selectionSet$,new Se.Observable(R=>{const v=n.onCommandExecuted(S=>{var b;const{id:_,params:I}=S,T=(b=r.getCurrentUnitForType(w.UniverInstanceType.UNIVER_SHEET))==null?void 0:b.getUnitId();er.includes(_)&&I.unitId===T&&R.next(null)});return()=>v.dispose()})).pipe(ot.debounceTime(16)).subscribe(()=>{var b;const R=((b=t.getCurrentSelections())==null?void 0:b.map(p=>p.range))||[],v=r.getCurrentUnitForType(w.UniverInstanceType.UNIVER_SHEET);if(!v)return;const S=v.getActiveSheet();if(!S)return;const T=(i.getSubunitRules(v.getUnitId(),S.getSheetId())||[]).filter(p=>p.ranges.some(a=>R.some(s=>w.Rectangle.intersects(s,a)))).map(p=>p.ranges).every(p=>B.checkRangesEditablePermission(e,v.getUnitId(),S.getSheetId(),p));h.next(T)})),u=new Se.Observable(h=>new Se.Observable(R=>{const v=n.onCommandExecuted(S=>{var b;const{id:_,params:I}=S,T=(b=r.getCurrentUnitForType(w.UniverInstanceType.UNIVER_SHEET))==null?void 0:b.getUnitId();er.includes(_)&&I.unitId===T&&R.next(null)});return()=>v.dispose()}).pipe(ot.debounceTime(16)).subscribe(()=>{const R=r.getCurrentUnitForType(w.UniverInstanceType.UNIVER_SHEET);if(!R)return;const v=R.getActiveSheet();if(!v)return;const S=i.getSubunitRules(R.getUnitId(),v.getSheetId())||[];if(!S.length)return h.next(!1),!1;const _=S.map(I=>I.ranges).every(I=>B.checkRangesEditablePermission(e,R.getUnitId(),v.getSheetId(),I));h.next(_)})),y=new Se.Observable(h=>{o.subscribe(R=>{const v=rt.find(S=>S.value===ve.clearRangeRules);v&&(v.disabled=!R,h.next(rt))}),u.subscribe(R=>{const v=rt.find(S=>S.value===ve.clearWorkSheetRules);v&&(v.disabled=!R,h.next(rt))}),h.next(rt)});return{id:pt.id,type:J.MenuItemType.SELECTOR,icon:"Conditions",tooltip:"sheet.cf.title",selections:y,hidden$:J.getMenuHiddenObservable(e,w.UniverInstanceType.UNIVER_SHEET),disabled$:fe.getCurrentRangeDisable$(e,{workbookTypes:[B.WorkbookEditablePermission],worksheetTypes:[B.WorksheetSetCellStylePermission,B.WorksheetEditPermission],rangeTypes:[B.RangeProtectionPermissionEditPoint]})}},Qo={[J.RibbonStartGroup.FORMULAS_INSERT]:{[pt.id]:{order:0,menuItemFactory:Jo}}};var ea=Object.getOwnPropertyDescriptor,ta=(e,t,n,r)=>{for(var i=r>1?void 0:r?ea(t,n):t,o=e.length-1,u;o>=0;o--)(u=e[o])&&(i=u(i)||i);return i},tr=(e,t)=>(n,r)=>t(n,r,e);let Dt=class extends w.Disposable{constructor(t,n){super();Ie(this,"_sidebarDisposable",null);this._injector=t,this._menuManagerService=n,this._menuManagerService.mergeMenu(Qo)}};Dt=ta([tr(0,w.Inject(w.Injector)),tr(1,J.IMenuManagerService)],Dt);var na=Object.getOwnPropertyDescriptor,ra=(e,t,n,r)=>{for(var i=r>1?void 0:r?na(t,n):t,o=e.length-1,u;o>=0;o--)(u=e[o])&&(i=u(i)||i);return i},Ve=(e,t)=>(n,r)=>t(n,r,e);const ia=(e,t)=>{const n=v=>v.endRow-v.startRow+1,r=v=>v.endColumn-v.startColumn+1,i=n(t)%n(e),o=r(t)%r(e),u=Math.floor(n(t)/n(e)),y=Math.floor(r(t)/r(e)),h=[],R={startRow:0,endRow:n(e)-1,startColumn:0,endColumn:r(e)-1};if(n(t)===1&&r(t)===1){const v={startRow:t.startRow,endRow:t.startRow,startColumn:t.startColumn,endColumn:t.startColumn};return h.push({repeatRelativeRange:R,startRange:v}),h}for(let v=0;v<u+(i?.1:0);v++)for(let S=0;S<y+(o?.1:0);S++){const _=n(e)*v,I=r(e)*S,T={startRow:_+t.startRow,endRow:_+t.startRow,startColumn:I+t.startColumn,endColumn:I+t.startColumn};let b=R;v===u&&i&&(b={...b},b.endRow=b.endRow-(n(e)-i)),S===y&&o&&(b={...b},b.endColumn=b.endColumn-(r(e)-o)),h.push({repeatRelativeRange:b,startRange:T})}return h};let Ft=class extends w.Disposable{constructor(t,n,r,i,o,u){super();Ie(this,"_painterConfig",null);this._injector=t,this._univerInstanceService=n,this._formatPainterService=r,this._sheetsSelectionsService=i,this._conditionalFormattingRuleModel=o,this._conditionalFormattingViewModel=u,this._initFormattingPainter()}_initFormattingPainter(){const t=()=>({redos:[],undos:[]}),n=(o,u,y,h,R)=>{const{unitId:v,subUnitId:S}=this._painterConfig,{targetUnitId:_,targetSubUnitId:I}=R,T={startRow:o.row,startColumn:o.col,endColumn:o.col,endRow:o.row},b={startRow:u.row,startColumn:u.col,endColumn:u.col,endRow:u.row};w.Range.foreach(y,(p,a)=>{const s=w.Rectangle.getPositionRange({startRow:p,startColumn:a,endColumn:a,endRow:p},T),f=w.Rectangle.getPositionRange({startRow:p,startColumn:a,endColumn:a,endRow:p},b),C=this._conditionalFormattingViewModel.getCellCfs(v,S,s.startRow,s.startColumn),l=this._conditionalFormattingViewModel.getCellCfs(_,I,f.startRow,f.startColumn);l&&l.forEach(g=>{let d=h.get(g.cfId);if(!h.get(g.cfId)){const m=this._conditionalFormattingRuleModel.getRule(_,I,g.cfId);if(!m)return;d=new w.ObjectMatrix,m.ranges.forEach(D=>{w.Range.foreach(D,(F,L)=>{d.setValue(F,L,1)})}),h.set(g.cfId,d)}d.realDeleteValue(f.startRow,f.startColumn)}),C&&C.forEach(g=>{const d=h.get(g.cfId);d&&d.setValue(f.startRow,f.startColumn,1)})})},r=(o,u,y)=>{var s;const{range:h,unitId:R,subUnitId:v}=this._painterConfig,S=o!==R||v!==u,_=new Map,I=[],T=[];if(!o||!u||!R||!v)return t();const b=(s=this._conditionalFormattingRuleModel.getSubunitRules(R,v))!=null?s:[];b==null||b.forEach(f=>{const{ranges:C,cfId:l}=f;if(C.some(g=>w.Rectangle.intersects(h,g))){const g=new w.ObjectMatrix;S||C.forEach(d=>{w.Range.foreach(d,(m,D)=>{g.setValue(m,D,1)})}),_.set(l,g)}});const p={row:h.startRow,col:h.startColumn};return ia(h,y).forEach(f=>{n(p,{row:f.startRange.startRow,col:f.startRange.startColumn},f.repeatRelativeRange,_,{targetUnitId:o,targetSubUnitId:u})}),_.forEach((f,C)=>{if(S){const l=this._conditionalFormattingRuleModel.getRule(o,u,C),g=B.findAllRectangle(B.createTopMatrixFromMatrix(f));if(l)if(g.length){const d={unitId:o,subUnitId:u,rule:{...l,ranges:g}};I.push({id:c.SetConditionalRuleMutation.id,params:d}),T.push(...c.setConditionalRuleMutationUndoFactory(this._injector,d))}else{const d={unitId:o,subUnitId:u,cfId:l.cfId};I.push({id:c.DeleteConditionalRuleMutation.id,params:d}),T.push(...c.DeleteConditionalRuleMutationUndoFactory(this._injector,d))}else if(g.length){const d=this._conditionalFormattingRuleModel.getRule(R,v,C);if(d){const m={unitId:o,subUnitId:u,rule:{...w.Tools.deepClone(d),cfId:this._conditionalFormattingRuleModel.createCfId(o,u),ranges:g}};I.push({id:c.AddConditionalRuleMutation.id,params:m}),T.push(c.AddConditionalRuleMutationUndoFactory(this._injector,m))}}}else{const l=this._conditionalFormattingRuleModel.getRule(R,v,C);if(!l)return;const g=B.findAllRectangle(B.createTopMatrixFromMatrix(f));if(g.length){const d={unitId:R,subUnitId:v,rule:{...l,ranges:g}};I.push({id:c.SetConditionalRuleMutation.id,params:d}),T.push(...c.setConditionalRuleMutationUndoFactory(this._injector,d))}else{const d={unitId:R,subUnitId:v,cfId:l.cfId};I.push({id:c.DeleteConditionalRuleMutation.id,params:d}),T.push(...c.DeleteConditionalRuleMutationUndoFactory(this._injector,d))}}}),{undos:T,redos:I}},i={id:c.SHEET_CONDITIONAL_FORMATTING_PLUGIN,onStatusChange:o=>{var u,y,h;switch(o){case fe.FormatPainterStatus.INFINITE:case fe.FormatPainterStatus.ONCE:{const R=(u=this._univerInstanceService.getCurrentUnitForType(w.UniverInstanceType.UNIVER_SHEET))==null?void 0:u.getUnitId(),v=(h=(y=this._univerInstanceService.getCurrentUnitForType(w.UniverInstanceType.UNIVER_SHEET))==null?void 0:y.getActiveSheet())==null?void 0:h.getSheetId(),S=this._sheetsSelectionsService.getCurrentLastSelection(),_=S==null?void 0:S.range;R&&v&&_&&(this._painterConfig={unitId:R,subUnitId:v,range:_});break}case fe.FormatPainterStatus.OFF:{this._painterConfig=null;break}}},onApply:(o,u,y)=>this._painterConfig?r(o,u,y):{redos:[],undos:[]}};this._formatPainterService.addHook(i)}};Ft=ra([Ve(0,w.Inject(w.Injector)),Ve(1,w.Inject(w.IUniverInstanceService)),Ve(2,w.Inject(fe.IFormatPainterService)),Ve(3,w.Inject(B.SheetsSelectionsService)),Ve(4,w.Inject(c.ConditionalFormattingRuleModel)),Ve(5,w.Inject(c.ConditionalFormattingViewModel))],Ft);var oa=Object.getOwnPropertyDescriptor,aa=(e,t,n,r)=>{for(var i=r>1?void 0:r?oa(t,n):t,o=e.length-1,u;o>=0;o--)(u=e[o])&&(i=u(i)||i);return i},Gt=(e,t)=>(n,r)=>t(n,r,e);let Mt=class extends w.Disposable{constructor(e,t,n){super(),this._conditionalFormattingViewModel=e,this._univerInstanceService=t,this._renderManagerService=n,this._init()}_init(){const e=this._univerInstanceService.getCurrentUnitForType(w.UniverInstanceType.UNIVER_SHEET),t=n=>{const r=n.getUnitId(),i=this._renderManagerService.getRenderById(r);if(!i)return;const o=i.with(fe.SheetSkeletonManagerService);this.disposeWithMe(o.currentSkeleton$.subscribe(u=>{if(u){const y=u.skeleton.rowColumnSegment,h=y.endColumn-y.startColumn+1,v=(y.endRow-y.startRow+1)*h*9,S=Math.max(c.CONDITIONAL_FORMATTING_VIEWPORT_CACHE_LENGTH,v);this._conditionalFormattingViewModel.setCacheLength(S)}}))};e&&t(e),this._univerInstanceService.getCurrentTypeOfUnit$(w.UniverInstanceType.UNIVER_SHEET).subscribe(n=>{n&&t(n)})}};Mt=aa([Gt(0,w.Inject(c.ConditionalFormattingViewModel)),Gt(1,w.IUniverInstanceService),Gt(2,nr.IRenderManagerService)],Mt);var sa=Object.defineProperty,la=Object.getOwnPropertyDescriptor,ua=(e,t,n)=>t in e?sa(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,ca=(e,t,n,r)=>{for(var i=r>1?void 0:r?la(t,n):t,o=e.length-1,u;o>=0;o--)(u=e[o])&&(i=u(i)||i);return i},Yt=(e,t)=>(n,r)=>t(n,r,e),Tr=(e,t,n)=>ua(e,typeof t!="symbol"?t+"":t,n);exports.UniverSheetsConditionalFormattingUIPlugin=class extends w.Plugin{constructor(t=Et,n,r,i){super(),this._config=t,this._injector=n,this._commandService=r,this._configService=i;const{menu:o,...u}=w.merge({},Et,this._config);o&&this._configService.setConfig("menu",o,{merge:!0}),this._configService.setConfig(Sr,u),this._initCommand()}onStarting(){w.registerDependencies(this._injector,[[ct],[ut],[st],[Ot],[lt],[at],[Dt],[ke],[Pt],[exports.ConditionalFormattingClearController],[Ft],[Mt]]),w.touchDependencies(this._injector,[[ct]])}onReady(){w.touchDependencies(this._injector,[[Dt],[at]])}onRendered(){w.touchDependencies(this._injector,[[Ot],[exports.ConditionalFormattingClearController],[st],[Pt],[ke],[Ft],[lt],[ut],[Mt]])}_initCommand(){[Jt,Qt,en,tn,nn,rn,on,an,sn,pt].forEach(t=>{this._commandService.registerCommand(t)})}};Tr(exports.UniverSheetsConditionalFormattingUIPlugin,"pluginName",`${c.SHEET_CONDITIONAL_FORMATTING_PLUGIN}_UI_PLUGIN`);Tr(exports.UniverSheetsConditionalFormattingUIPlugin,"type",w.UniverInstanceType.UNIVER_SHEET);exports.UniverSheetsConditionalFormattingUIPlugin=ca([w.DependentOn(c.UniverSheetsConditionalFormattingPlugin),Yt(1,w.Inject(w.Injector)),Yt(2,w.Inject(w.ICommandService)),Yt(3,w.IConfigService)],exports.UniverSheetsConditionalFormattingUIPlugin);exports.AddAverageCfCommand=Jt;exports.AddColorScaleConditionalRuleCommand=Qt;exports.AddDataBarConditionalRuleCommand=en;exports.AddDuplicateValuesCfCommand=tn;exports.AddNumberCfCommand=nn;exports.AddRankCfCommand=rn;exports.AddTextCfCommand=on;exports.AddTimePeriodCfCommand=an;exports.AddUniqueValuesCfCommand=sn;exports.OpenConditionalFormattingOperator=pt;