@univerjs/sheets-conditional-formatting-ui 0.5.4 → 0.5.5-experimental.20250123-34738ff

package/lib/umd/index.js

@@ -1,184 +1,175 @@
-(function($,v){typeof exports=="object"&&typeof module<"u"?v(exports,require("@univerjs/core"),require("@univerjs/sheets-conditional-formatting"),require("@univerjs/sheets"),require("@univerjs/ui"),require("react"),require("@univerjs/design"),require("@univerjs/engine-formula"),require("@univerjs/sheets-ui"),require("react-dom"),require("rxjs"),require("@univerjs/sheets-formula-ui"),require("@univerjs/engine-render"),require("rxjs/operators")):typeof define=="function"&&define.amd?define(["exports","@univerjs/core","@univerjs/sheets-conditional-formatting","@univerjs/sheets","@univerjs/ui","react","@univerjs/design","@univerjs/engine-formula","@univerjs/sheets-ui","react-dom","rxjs","@univerjs/sheets-formula-ui","@univerjs/engine-render","rxjs/operators"],v):($=typeof globalThis<"u"?globalThis:$||self,v($.UniverSheetsConditionalFormattingUi={},$.UniverCore,$.UniverSheetsConditionalFormatting,$.UniverSheets,$.UniverUi,$.React,$.UniverDesign,$.UniverEngineFormula,$.UniverSheetsUi,$.ReactDOM,$.rxjs,$.UniverSheetsFormulaUi,$.UniverEngineRender,$.rxjs.operators))})(this,function($,v,c,q,ge,j,ie,qt,de,In,Re,Ge,wn,qe){"use strict";var ka=Object.defineProperty;var Ba=($,v,c)=>v in $?ka($,v,{enumerable:!0,configurable:!0,writable:!0,value:c}):$[v]=c;var Pe=($,v,c)=>Ba($,typeof v!="symbol"?v+"":v,c);const Xt={type:v.CommandType.COMMAND,id:"sheet.command.add-average-conditional-rule",handler(t,e){if(!e)return!1;const{ranges:r,style:n,stopIfTrue:i,operator:a}=e,l=t.get(c.ConditionalFormattingRuleModel),S=t.get(v.ICommandService),f=t.get(v.IUniverInstanceService),b=q.getSheetCommandTarget(f);if(!b)return!1;const{unitId:m,subUnitId:T}=b,_=l.createCfId(m,T),I={ranges:r,cfId:_,stopIfTrue:!!i,rule:{type:c.CFRuleType.highlightCell,subType:c.CFSubRuleType.average,operator:a,style:n}};return S.executeCommand(c.AddConditionalRuleMutation.id,{unitId:m,subUnitId:T,rule:I})}},Xe={type:v.CommandType.COMMAND,id:"sheet.command.add-conditional-rule",handler(t,e){if(!e)return!1;const{rule:r}=e,n=t.get(v.IUndoRedoService),i=t.get(v.ICommandService),a=t.get(c.ConditionalFormattingRuleModel),l=t.get(v.IUniverInstanceService),S=q.getSheetCommandTarget(l);if(!S)return!1;const{unitId:f,subUnitId:b}=S,m=a.createCfId(f,b),T={unitId:f,subUnitId:b,rule:{...r,cfId:r.cfId||m}},_=c.AddConditionalRuleMutationUndoFactory(t,T),I=i.syncExecuteCommand(c.AddConditionalRuleMutation.id,T);return I&&n.pushUndoRedo({unitID:f,redoMutations:[{id:c.AddConditionalRuleMutation.id,params:T}],undoMutations:[_]}),I}},Yt={type:v.CommandType.COMMAND,id:"sheet.command.add-color-scale-conditional-rule",handler(t,e){if(!e)return!1;const{ranges:r,config:n,stopIfTrue:i}=e,a=t.get(c.ConditionalFormattingRuleModel),l=t.get(v.ICommandService),S=t.get(v.IUniverInstanceService),f=q.getSheetCommandTarget(S);if(!f)return!1;const{unitId:b,subUnitId:m}=f,T=a.createCfId(b,m),_={ranges:r,cfId:T,stopIfTrue:!!i,rule:{type:c.CFRuleType.colorScale,config:n}};return l.executeCommand(c.AddConditionalRuleMutation.id,{unitId:b,subUnitId:m,rule:_})}},Kt={type:v.CommandType.COMMAND,id:"sheet.command.add-data-bar-conditional-rule",handler(t,e){if(!e)return!1;const{ranges:r,min:n,max:i,nativeColor:a,positiveColor:l,isGradient:S,stopIfTrue:f,isShowValue:b}=e,m=t.get(c.ConditionalFormattingRuleModel),T=t.get(v.IUniverInstanceService),_=q.getSheetCommandTarget(T);if(!_)return!1;const{unitId:I,subUnitId:R}=_,w=t.get(v.ICommandService),h=m.createCfId(I,R),o={ranges:r,cfId:h,stopIfTrue:!!f,rule:{type:c.CFRuleType.dataBar,isShowValue:b,config:{min:n,max:i,nativeColor:a,positiveColor:l,isGradient:S}}};return w.executeCommand(c.AddConditionalRuleMutation.id,{unitId:I,subUnitId:R,rule:o})}},$t={type:v.CommandType.COMMAND,id:"sheet.command.add-duplicate-values-conditional-rule",handler(t,e){if(!e)return!1;const{ranges:r,style:n,stopIfTrue:i}=e,a=t.get(c.ConditionalFormattingRuleModel),l=t.get(v.ICommandService),S=t.get(v.IUniverInstanceService),f=q.getSheetCommandTarget(S);if(!f)return!1;const{unitId:b,subUnitId:m}=f,T=a.createCfId(b,m),_={ranges:r,cfId:T,stopIfTrue:!!i,rule:{type:c.CFRuleType.highlightCell,subType:c.CFSubRuleType.duplicateValues,style:n}};return l.executeCommand(c.AddConditionalRuleMutation.id,{unitId:b,subUnitId:m,rule:_})}},Zt={type:v.CommandType.COMMAND,id:"sheet.command.add-number-conditional-rule",handler(t,e){if(!e)return!1;const{ranges:r,style:n,stopIfTrue:i,operator:a,value:l}=e,S=t.get(c.ConditionalFormattingRuleModel),f=t.get(v.ICommandService),b=t.get(v.IUniverInstanceService),m=q.getSheetCommandTarget(b);if(!m)return!1;const{unitId:T,subUnitId:_}=m,I=S.createCfId(T,_);let R;if([c.CFNumberOperator.between,c.CFNumberOperator.notBetween].includes(a)){const w=l;if(w.length!==2||!Array.isArray(w))return!1;R={ranges:r,cfId:I,stopIfTrue:!!i,rule:{type:c.CFRuleType.highlightCell,subType:c.CFSubRuleType.number,operator:a,style:n,value:w}}}else{const w=l;if(typeof w!="number")return!1;R={ranges:r,cfId:I,stopIfTrue:!!i,rule:{type:c.CFRuleType.highlightCell,subType:c.CFSubRuleType.number,operator:a,style:n,value:w}}}return f.executeCommand(c.AddConditionalRuleMutation.id,{unitId:T,subUnitId:_,rule:R})}},Jt={type:v.CommandType.COMMAND,id:"sheet.command.add-rank-conditional-rule",handler(t,e){if(!e)return!1;const{ranges:r,style:n,stopIfTrue:i,isPercent:a,isBottom:l,value:S}=e,f=t.get(c.ConditionalFormattingRuleModel),b=t.get(v.IUniverInstanceService),m=t.get(v.ICommandService),T=q.getSheetCommandTarget(b);if(!T)return!1;const{unitId:_,subUnitId:I}=T,R=f.createCfId(_,I),w={ranges:r,cfId:R,stopIfTrue:!!i,rule:{type:c.CFRuleType.highlightCell,subType:c.CFSubRuleType.rank,isPercent:a,isBottom:l,style:n,value:S}};return m.executeCommand(c.AddConditionalRuleMutation.id,{unitId:_,subUnitId:I,rule:w})}},Qt={type:v.CommandType.COMMAND,id:"sheet.command.add-text-conditional-rule",handler(t,e){if(!e)return!1;const{ranges:r,style:n,stopIfTrue:i,operator:a,value:l}=e,S=t.get(c.ConditionalFormattingRuleModel),f=t.get(v.IUniverInstanceService),b=q.getSheetCommandTarget(f);if(!b)return!1;const{unitId:m,subUnitId:T}=b,_=t.get(v.ICommandService),I=S.createCfId(m,T),R={ranges:r,cfId:I,stopIfTrue:!!i,rule:{type:c.CFRuleType.highlightCell,subType:c.CFSubRuleType.text,operator:a,style:n,value:l}};return _.executeCommand(c.AddConditionalRuleMutation.id,{unitId:m,subUnitId:T,rule:R})}},en={type:v.CommandType.COMMAND,id:"sheet.command.add-time-period-conditional-rule",handler(t,e){if(!e)return!1;const{ranges:r,style:n,stopIfTrue:i,operator:a}=e,l=t.get(c.ConditionalFormattingRuleModel),S=t.get(v.IUniverInstanceService),f=t.get(v.ICommandService),b=q.getSheetCommandTarget(S);if(!b)return!1;const{unitId:m,subUnitId:T}=b,_=l.createCfId(m,T),I={ranges:r,cfId:_,stopIfTrue:!!i,rule:{type:c.CFRuleType.highlightCell,subType:c.CFSubRuleType.timePeriod,operator:a,style:n}};return f.executeCommand(c.AddConditionalRuleMutation.id,{unitId:m,subUnitId:T,rule:I})}},tn={type:v.CommandType.COMMAND,id:"sheet.command.add-uniqueValues-conditional-rule",handler(t,e){if(!e)return!1;const{ranges:r,style:n,stopIfTrue:i}=e,a=t.get(c.ConditionalFormattingRuleModel),l=t.get(v.IUniverInstanceService),S=t.get(v.ICommandService),f=q.getSheetCommandTarget(l);if(!f)return!1;const{unitId:b,subUnitId:m}=f,T=a.createCfId(b,m),_={ranges:r,cfId:T,stopIfTrue:!!i,rule:{type:c.CFRuleType.highlightCell,subType:c.CFSubRuleType.uniqueValues,style:n}};return S.executeCommand(c.AddConditionalRuleMutation.id,{unitId:b,subUnitId:m,rule:_})}},St={type:v.CommandType.COMMAND,id:"sheet.command.clear-range-conditional-rule",handler(t,e){var w;if(!e)return!1;const r=t.get(c.ConditionalFormattingRuleModel),n=t.get(v.IUniverInstanceService),i=t.get(v.ICommandService),a=t.get(v.IUndoRedoService),l=t.get(q.SheetsSelectionsService),S=q.getSheetCommandTarget(n,e);if(!S)return!1;const{unitId:f,subUnitId:b}=S,m=((w=l.getCurrentSelections())==null?void 0:w.map(h=>h.range))||[],T=r.getSubunitRules(f,b);if(!(T!=null&&T.length)||!m.length)return!1;const _=[],I=[];T.forEach(h=>{const o=new v.ObjectMatrix;h.ranges.forEach(d=>{v.Range.foreach(d,(C,u)=>{o.setValue(C,u,1)})}),m.forEach(d=>{v.Range.foreach(d,(C,u)=>{o.realDeleteValue(C,u)})});const s=q.findAllRectangle(q.createTopMatrixFromMatrix(o));if(s.length){const d={...h,ranges:s},C={unitId:f,subUnitId:b,rule:d},u=c.setConditionalRuleMutationUndoFactory(t,C);_.push({id:c.SetConditionalRuleMutation.id,params:C}),I.push(...u)}else{const d={unitId:f,subUnitId:b,cfId:h.cfId},C=c.DeleteConditionalRuleMutationUndoFactory(t,d);_.push({id:c.DeleteConditionalRuleMutation.id,params:d}),I.push(...C)}});const R=v.sequenceExecute(_,i).result;return R&&a.pushUndoRedo({unitID:f,redoMutations:_,undoMutations:I}),R}},Ye={type:v.CommandType.COMMAND,id:"sheet.command.clear-worksheet-conditional-rule",handler(t,e){const r=t.get(c.ConditionalFormattingRuleModel),n=t.get(v.IUniverInstanceService),i=t.get(v.ICommandService),a=t.get(v.IUndoRedoService),l=q.getSheetCommandTarget(n,e);if(!l)return!1;const{unitId:S,subUnitId:f}=l,b=r.getSubunitRules(S,f);if(!(b!=null&&b.length))return!1;const m=b.map(R=>({cfId:R.cfId,unitId:S,subUnitId:f})),T=m.map(R=>({id:c.DeleteConditionalRuleMutation.id,params:R})),_=m.map(R=>c.DeleteConditionalRuleMutationUndoFactory(t,R)[0]),I=v.sequenceExecute(T,i).result;return I&&a.pushUndoRedo({unitID:S,redoMutations:T,undoMutations:_}),I}},Ke={type:v.CommandType.COMMAND,id:"sheet.command.delete-conditional-rule",handler(t,e){if(!e)return!1;const r=t.get(v.IUndoRedoService),n=t.get(v.ICommandService),i=t.get(v.IUniverInstanceService),a=q.getSheetCommandTarget(i,e);if(!a)return!1;const{unitId:l,subUnitId:S}=a,f={unitId:l,subUnitId:S,cfId:e.cfId},b=c.DeleteConditionalRuleMutationUndoFactory(t,f),m=n.syncExecuteCommand(c.DeleteConditionalRuleMutation.id,f);return m&&r.pushUndoRedo({unitID:l,undoMutations:b,redoMutations:[{id:c.DeleteConditionalRuleMutation.id,params:f}]}),m}},bt={type:v.CommandType.COMMAND,id:"sheet.command.move-conditional-rule",handler(t,e){if(!e)return!1;const r=t.get(v.IUndoRedoService),n=t.get(v.ICommandService),i=t.get(v.IUniverInstanceService),a=t.get(c.ConditionalFormattingRuleModel),l=q.getSheetCommandTarget(i,e);if(!l)return!1;const{unitId:S,subUnitId:f}=l,b=c.transformSupportSymmetryAnchor(e.start,e.end,a.getSubunitRules(S,f)||[],w=>w.cfId);if(!b)return!1;const[m,T]=b,_={unitId:S,subUnitId:f,start:m,end:T},I=c.MoveConditionalRuleMutationUndoFactory(_),R=n.syncExecuteCommand(c.MoveConditionalRuleMutation.id,_);return R&&r.pushUndoRedo({unitID:S,redoMutations:[{id:c.MoveConditionalRuleMutation.id,params:_}],undoMutations:I}),R}},Rt={type:v.CommandType.COMMAND,id:"sheet.command.set-conditional-rule",handler(t,e){if(!e)return!1;const r=t.get(v.IUndoRedoService),n=t.get(v.ICommandService),i=t.get(v.IUniverInstanceService),a=q.getSheetCommandTarget(i,e);if(!a)return!1;const{unitId:l,subUnitId:S}=a,f={unitId:l,subUnitId:S,rule:e.rule},b=c.setConditionalRuleMutationUndoFactory(t,f),m=n.syncExecuteCommand(c.SetConditionalRuleMutation.id,f);return m&&r.pushUndoRedo({unitID:l,undoMutations:b,redoMutations:[{id:c.SetConditionalRuleMutation.id,params:f}]}),m}};function Ar(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}function _n(t){if(t.__esModule)return t;var e=t.default;if(typeof e=="function"){var r=function n(){return this instanceof n?Reflect.construct(e,arguments,this.constructor):e.apply(this,arguments)};r.prototype=e.prototype}else r={};return Object.defineProperty(r,"__esModule",{value:!0}),Object.keys(t).forEach(function(n){var i=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(r,n,i.get?i:{enumerable:!0,get:function(){return t[n]}})}),r}var nn={exports:{}},$e={};/**
- * @license React
- * react-jsx-runtime.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */var xn;function Wr(){if(xn)return $e;xn=1;var t=j,e=Symbol.for("react.element"),r=Symbol.for("react.fragment"),n=Object.prototype.hasOwnProperty,i=t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,a={key:!0,ref:!0,__self:!0,__source:!0};function l(S,f,b){var m,T={},_=null,I=null;b!==void 0&&(_=""+b),f.key!==void 0&&(_=""+f.key),f.ref!==void 0&&(I=f.ref);for(m in f)n.call(f,m)&&!a.hasOwnProperty(m)&&(T[m]=f[m]);if(S&&S.defaultProps)for(m in f=S.defaultProps,f)T[m]===void 0&&(T[m]=f[m]);return{$$typeof:e,type:S,key:_,ref:I,props:T,_owner:i.current}}return $e.Fragment=r,$e.jsx=l,$e.jsxs=l,$e}var En;function Hr(){return En||(En=1,nn.exports=Wr()),nn.exports}var x=Hr();const A={conditionalFormattingWrap:"univer-conditional-formatting-wrap",cfRuleItem:"univer-cf-rule-item",preview:"univer-preview",createRule:"univer-create-rule",button:"univer-button",title:"univer-title",label:"univer-label",labelContainer:"univer-label-container",inputWidth:"univer-input-width",mTBase:"univer-m-t-base",mTSm:"univer-m-t-sm",mTXl:"univer-m-t-xl",mLSm:"univer-m-l-sm",mLXl:"univer-m-l-xl",mLXxs:"univer-m-l-xxs",mL0:"univer-m-l-0",mR0:"univer-m-r-0"};var Se=function(){return Se=Object.assign||function(t){for(var e,r=1,n=arguments.length;r<n;r++){e=arguments[r];for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&(t[i]=e[i])}return t},Se.apply(this,arguments)},kr=function(t,e){var r={};for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&e.indexOf(n)<0&&(r[n]=t[n]);if(t!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,n=Object.getOwnPropertySymbols(t);i<n.length;i++)e.indexOf(n[i])<0&&Object.prototype.propertyIsEnumerable.call(t,n[i])&&(r[n[i]]=t[n[i]]);return r},Ue=j.forwardRef(function(t,e){var r=t.icon,n=t.id,i=t.className,a=t.extend,l=kr(t,["icon","id","className","extend"]),S="univerjs-icon univerjs-icon-".concat(n," ").concat(i||"").trim(),f=j.useRef("_".concat(Gr()));return On(r,"".concat(n),{defIds:r.defIds,idSuffix:f.current},Se({ref:e,className:S},l),a)});function On(t,e,r,n,i){return j.createElement(t.tag,Se(Se({key:e},Br(t,r,i)),n),(Fr(t,r).children||[]).map(function(a,l){return On(a,"".concat(e,"-").concat(t.tag,"-").concat(l),r,void 0,i)}))}function Br(t,e,r){var n=Se({},t.attrs);r!=null&&r.colorChannel1&&n.fill==="colorChannel1"&&(n.fill=r.colorChannel1);var i=e.defIds;return!i||i.length===0||(t.tag==="use"&&n["xlink:href"]&&(n["xlink:href"]=n["xlink:href"]+e.idSuffix),Object.entries(n).forEach(function(a){var l=a[0],S=a[1];typeof S=="string"&&(n[l]=S.replace(/url\(#(.*)\)/,"url(#$1".concat(e.idSuffix,")")))})),n}function Fr(t,e){var r,n=e.defIds;return!n||n.length===0?t:t.tag==="defs"&&(!((r=t.children)===null||r===void 0)&&r.length)?Se(Se({},t),{children:t.children.map(function(i){return typeof i.attrs.id=="string"&&n&&n.indexOf(i.attrs.id)>-1?Se(Se({},i),{attrs:Se(Se({},i.attrs),{id:i.attrs.id+e.idSuffix})}):i})}):t}function Gr(){return Math.random().toString(36).substring(2,8)}Ue.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"}}]},Ct=j.forwardRef(function(t,e){return j.createElement(Ue,Object.assign({},t,{id:"delete-single",ref:e,icon:qr}))});Ct.displayName="DeleteSingle";var Xr={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"}}]},Pn=j.forwardRef(function(t,e){return j.createElement(Ue,Object.assign({},t,{id:"increase-single",ref:e,icon:Xr}))});Pn.displayName="IncreaseSingle";var Yr={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"}}]},Tt=j.forwardRef(function(t,e){return j.createElement(Ue,Object.assign({},t,{id:"more-down-single",ref:e,icon:Yr}))});Tt.displayName="MoreDownSingle";var Kr={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"}}]}]},Mn=j.forwardRef(function(t,e){return j.createElement(Ue,Object.assign({},t,{id:"sequence-single",ref:e,icon:Kr}))});Mn.displayName="SequenceSingle";var $r={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"}}]}]},Ze=j.forwardRef(function(t,e){return j.createElement(Ue,Object.assign({},t,{id:"slash-single",ref:e,icon:$r}))});Ze.displayName="SlashSingle";var rn={exports:{}},Je={},Qe={exports:{}},Zr=Qe.exports,Dn;function an(){return Dn||(Dn=1,function(t,e){(function(r,n){n(e)})(Zr,function(r){function n(k){return function(se,O,P,N,z,K,B){return k(se,O,B)}}function i(k){return function(se,O,P,N){if(!se||!O||typeof se!="object"||typeof O!="object")return k(se,O,P,N);var z=N.get(se),K=N.get(O);if(z&&K)return z===O&&K===se;N.set(se,O),N.set(O,se);var B=k(se,O,P,N);return N.delete(se),N.delete(O),B}}function a(k,Q){var se={};for(var O in k)se[O]=k[O];for(var O in Q)se[O]=Q[O];return se}function l(k){return k.constructor===Object||k.constructor==null}function S(k){return typeof k.then=="function"}function f(k,Q){return k===Q||k!==k&&Q!==Q}var b="[object Arguments]",m="[object Boolean]",T="[object Date]",_="[object RegExp]",I="[object Map]",R="[object Number]",w="[object Object]",h="[object Set]",o="[object String]",s=Object.prototype.toString;function d(k){var Q=k.areArraysEqual,se=k.areDatesEqual,O=k.areMapsEqual,P=k.areObjectsEqual,N=k.areRegExpsEqual,z=k.areSetsEqual,K=k.createIsNestedEqual,B=K(J);function J(Z,te,ce){if(Z===te)return!0;if(!Z||!te||typeof Z!="object"||typeof te!="object")return Z!==Z&&te!==te;if(l(Z)&&l(te))return P(Z,te,B,ce);var je=Array.isArray(Z),be=Array.isArray(te);if(je||be)return je===be&&Q(Z,te,B,ce);var me=s.call(Z);return me!==s.call(te)?!1:me===T?se(Z,te,B,ce):me===_?N(Z,te,B,ce):me===I?O(Z,te,B,ce):me===h?z(Z,te,B,ce):me===w||me===b?S(Z)||S(te)?!1:P(Z,te,B,ce):me===m||me===R||me===o?f(Z.valueOf(),te.valueOf()):!1}return J}function C(k,Q,se,O){var P=k.length;if(Q.length!==P)return!1;for(;P-- >0;)if(!se(k[P],Q[P],P,P,k,Q,O))return!1;return!0}var u=i(C);function g(k,Q){return f(k.valueOf(),Q.valueOf())}function p(k,Q,se,O){var P=k.size===Q.size;if(!P)return!1;if(!k.size)return!0;var N={},z=0;return k.forEach(function(K,B){if(P){var J=!1,Z=0;Q.forEach(function(te,ce){!J&&!N[Z]&&(J=se(B,ce,z,Z,k,Q,O)&&se(K,te,B,ce,k,Q,O))&&(N[Z]=!0),Z++}),z++,P=J}}),P}var y=i(p),M="_owner",L=Object.prototype.hasOwnProperty;function V(k,Q,se,O){var P=Object.keys(k),N=P.length;if(Object.keys(Q).length!==N)return!1;for(var z;N-- >0;){if(z=P[N],z===M){var K=!!k.$$typeof,B=!!Q.$$typeof;if((K||B)&&K!==B)return!1}if(!L.call(Q,z)||!se(k[z],Q[z],z,z,k,Q,O))return!1}return!0}var U=i(V);function E(k,Q){return k.source===Q.source&&k.flags===Q.flags}function D(k,Q,se,O){var P=k.size===Q.size;if(!P)return!1;if(!k.size)return!0;var N={};return k.forEach(function(z,K){if(P){var B=!1,J=0;Q.forEach(function(Z,te){!B&&!N[J]&&(B=se(z,Z,K,te,k,Q,O))&&(N[J]=!0),J++}),P=B}}),P}var W=i(D),X=Object.freeze({areArraysEqual:C,areDatesEqual:g,areMapsEqual:p,areObjectsEqual:V,areRegExpsEqual:E,areSetsEqual:D,createIsNestedEqual:n}),Y=Object.freeze({areArraysEqual:u,areDatesEqual:g,areMapsEqual:y,areObjectsEqual:U,areRegExpsEqual:E,areSetsEqual:W,createIsNestedEqual:n}),ne=d(X);function ee(k,Q){return ne(k,Q,void 0)}var F=d(a(X,{createIsNestedEqual:function(){return f}}));function H(k,Q){return F(k,Q,void 0)}var re=d(Y);function oe(k,Q){return re(k,Q,new WeakMap)}var ue=d(a(Y,{createIsNestedEqual:function(){return f}}));function he(k,Q){return ue(k,Q,new WeakMap)}function ye(k){return d(a(X,k(X)))}function Ce(k){var Q=d(a(Y,k(Y)));return function(se,O,P){return P===void 0&&(P=new WeakMap),Q(se,O,P)}}r.circularDeepEqual=oe,r.circularShallowEqual=he,r.createCustomCircularEqual=Ce,r.createCustomEqual=ye,r.deepEqual=ee,r.sameValueZeroEqual=f,r.shallowEqual=H,Object.defineProperty(r,"__esModule",{value:!0})})}(Qe,Qe.exports)),Qe.exports}var It={exports:{}},Nn;function on(){if(Nn)return It.exports;Nn=1;function t(r){var n,i,a="";if(typeof r=="string"||typeof r=="number")a+=r;else if(typeof r=="object")if(Array.isArray(r)){var l=r.length;for(n=0;n<l;n++)r[n]&&(i=t(r[n]))&&(a&&(a+=" "),a+=i)}else for(i in r)r[i]&&(a&&(a+=" "),a+=i);return a}function e(){for(var r,n,i=0,a="",l=arguments.length;i<l;i++)(r=arguments[i])&&(n=t(r))&&(a&&(a+=" "),a+=n);return a}return It.exports=e,It.exports.clsx=e,It.exports}var ae={},sn,jn;function Jr(){return jn||(jn=1,sn=function(e,r,n){return e===r?!0:e.className===r.className&&n(e.style,r.style)&&e.width===r.width&&e.autoSize===r.autoSize&&e.cols===r.cols&&e.draggableCancel===r.draggableCancel&&e.draggableHandle===r.draggableHandle&&n(e.verticalCompact,r.verticalCompact)&&n(e.compactType,r.compactType)&&n(e.layout,r.layout)&&n(e.margin,r.margin)&&n(e.containerPadding,r.containerPadding)&&e.rowHeight===r.rowHeight&&e.maxRows===r.maxRows&&e.isBounded===r.isBounded&&e.isDraggable===r.isDraggable&&e.isResizable===r.isResizable&&e.allowOverlap===r.allowOverlap&&e.preventCollision===r.preventCollision&&e.useCSSTransforms===r.useCSSTransforms&&e.transformScale===r.transformScale&&e.isDroppable===r.isDroppable&&n(e.resizeHandles,r.resizeHandles)&&n(e.resizeHandle,r.resizeHandle)&&e.onLayoutChange===r.onLayoutChange&&e.onDragStart===r.onDragStart&&e.onDrag===r.onDrag&&e.onDragStop===r.onDragStop&&e.onResizeStart===r.onResizeStart&&e.onResize===r.onResize&&e.onResizeStop===r.onResizeStop&&e.onDrop===r.onDrop&&n(e.droppingItem,r.droppingItem)&&n(e.innerRef,r.innerRef)}),sn}var Ln;function Ve(){if(Ln)return ae;Ln=1,Object.defineProperty(ae,"__esModule",{value:!0}),ae.bottom=n,ae.childrenEqual=f,ae.cloneLayout=i,ae.cloneLayoutItem=S,ae.collides=m,ae.compact=T,ae.compactItem=R,ae.compactType=k,ae.correctBounds=w,ae.fastPositionEqual=b,ae.fastRGLPropsEqual=void 0,ae.getAllCollisions=s,ae.getFirstCollision=o,ae.getLayoutItem=h,ae.getStatics=d,ae.modifyLayout=a,ae.moveElement=C,ae.moveElementAwayFromCollision=u,ae.noop=void 0,ae.perc=g,ae.resizeItemInDirection=F,ae.setTopLeft=re,ae.setTransform=H,ae.sortLayoutItems=oe,ae.sortLayoutItemsByColRow=he,ae.sortLayoutItemsByRowCol=ue,ae.synchronizeLayoutWithChildren=ye,ae.validateLayout=Ce,ae.withLayoutItem=l;var t=an(),e=r(j);function r(O){return O&&O.__esModule?O:{default:O}}function n(O){let P=0,N;for(let z=0,K=O.length;z<K;z++)N=O[z].y+O[z].h,N>P&&(P=N);return P}function i(O){const P=Array(O.length);for(let N=0,z=O.length;N<z;N++)P[N]=S(O[N]);return P}function a(O,P){const N=Array(O.length);for(let z=0,K=O.length;z<K;z++)P.i===O[z].i?N[z]=P:N[z]=O[z];return N}function l(O,P,N){let z=h(O,P);return z?(z=N(S(z)),O=a(O,z),[O,z]):[O,null]}function S(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 f(O,P){return(0,t.deepEqual)(e.default.Children.map(O,N=>N==null?void 0:N.key),e.default.Children.map(P,N=>N==null?void 0:N.key))&&(0,t.deepEqual)(e.default.Children.map(O,N=>N==null?void 0:N.props["data-grid"]),e.default.Children.map(P,N=>N==null?void 0:N.props["data-grid"]))}ae.fastRGLPropsEqual=Jr();function b(O,P){return O.left===P.left&&O.top===P.top&&O.width===P.width&&O.height===P.height}function m(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 T(O,P,N,z){const K=d(O),B=oe(O,P),J=Array(O.length);for(let Z=0,te=B.length;Z<te;Z++){let ce=S(B[Z]);ce.static||(ce=R(K,ce,P,N,B,z),K.push(ce)),J[O.indexOf(B[Z])]=ce,ce.moved=!1}return J}const _={x:"w",y:"h"};function I(O,P,N,z){const K=_[z];P[z]+=1;const B=O.map(J=>J.i).indexOf(P.i);for(let J=B+1;J<O.length;J++){const Z=O[J];if(!Z.static){if(Z.y>P.y+P.h)break;m(P,Z)&&I(O,Z,N+P[K],z)}}P[z]=N}function R(O,P,N,z,K,B){const J=N==="vertical",Z=N==="horizontal";if(J)for(P.y=Math.min(n(O),P.y);P.y>0&&!o(O,P);)P.y--;else if(Z)for(;P.x>0&&!o(O,P);)P.x--;let te;for(;(te=o(O,P))&&!(N===null&&B);)if(Z?I(K,P,te.x+te.w,"x"):I(K,P,te.y+te.h,"y"),Z&&P.x+P.w>z)for(P.x=z-P.w,P.y++;P.x>0&&!o(O,P);)P.x--;return P.y=Math.max(P.y,0),P.x=Math.max(P.x,0),P}function w(O,P){const N=d(O);for(let z=0,K=O.length;z<K;z++){const B=O[z];if(B.x+B.w>P.cols&&(B.x=P.cols-B.w),B.x<0&&(B.x=0,B.w=P.cols),!B.static)N.push(B);else for(;o(N,B);)B.y++}return O}function h(O,P){for(let N=0,z=O.length;N<z;N++)if(O[N].i===P)return O[N]}function o(O,P){for(let N=0,z=O.length;N<z;N++)if(m(O[N],P))return O[N]}function s(O,P){return O.filter(N=>m(N,P))}function d(O){return O.filter(P=>P.static)}function C(O,P,N,z,K,B,J,Z,te){if(P.static&&P.isDraggable!==!0||P.y===z&&P.x===N)return O;`${P.i}${String(N)}${String(z)}${P.x}${P.y}`;const ce=P.x,je=P.y;typeof N=="number"&&(P.x=N),typeof z=="number"&&(P.y=z),P.moved=!0;let be=oe(O,J);(J==="vertical"&&typeof z=="number"?je>=z:J==="horizontal"&&typeof N=="number"?ce>=N:!1)&&(be=be.reverse());const Fe=s(be,P),Gt=Fe.length>0;if(Gt&&te)return i(O);if(Gt&&B)return`${P.i}`,P.x=ce,P.y=je,P.moved=!1,O;for(let Tn=0,Ha=Fe.length;Tn<Ha;Tn++){const Le=Fe[Tn];`${P.i}${P.x}${P.y}${Le.i}${Le.x}${Le.y}`,!Le.moved&&(Le.static?O=u(O,Le,P,K,J):O=u(O,P,Le,K,J))}return O}function u(O,P,N,z,K,B){const J=K==="horizontal",Z=K==="vertical",te=P.static;if(z){z=!1;const be={x:J?Math.max(P.x-N.w,0):N.x,y:Z?Math.max(P.y-N.h,0):N.y,w:N.w,h:N.h,i:"-1"},me=o(O,be),Fe=me&&me.y+me.h>P.y,Gt=me&&P.x+P.w>me.x;if(me){if(Fe&&Z)return C(O,N,void 0,P.y+1,z,te,K);if(Fe&&K==null)return P.y=N.y,N.y=N.y+N.h,O;if(Gt&&J)return C(O,P,N.x,void 0,z,te,K)}else return`${N.i}${be.x}${be.y}`,C(O,N,J?be.x:void 0,Z?be.y:void 0,z,te,K)}const ce=J?N.x+1:void 0,je=Z?N.y+1:void 0;return ce==null&&je==null?O:C(O,N,J?N.x+1:void 0,Z?N.y+1:void 0,z,te,K)}function g(O){return O*100+"%"}const p=(O,P,N,z)=>O+N>z?P:N,y=(O,P,N)=>O<0?P:N,M=O=>Math.max(0,O),L=O=>Math.max(0,O),V=(O,P,N)=>{let{left:z,height:K,width:B}=P;const J=O.top-(K-O.height);return{left:z,width:B,height:y(J,O.height,K),top:L(J)}},U=(O,P,N)=>{let{top:z,left:K,height:B,width:J}=P;return{top:z,height:B,width:p(O.left,O.width,J,N),left:M(K)}},E=(O,P,N)=>{let{top:z,height:K,width:B}=P;const J=O.left-(B-O.width);return{height:K,width:J<0?O.width:p(O.left,O.width,B,N),top:L(z),left:M(J)}},D=(O,P,N)=>{let{top:z,left:K,height:B,width:J}=P;return{width:J,left:K,height:y(z,O.height,B),top:L(z)}},ee={n:V,ne:function(){return V(arguments.length<=0?void 0:arguments[0],U(...arguments))},e:U,se:function(){return D(arguments.length<=0?void 0:arguments[0],U(...arguments))},s:D,sw:function(){return D(arguments.length<=0?void 0:arguments[0],E(...arguments))},w:E,nw:function(){return V(arguments.length<=0?void 0:arguments[0],E(...arguments))}};function F(O,P,N,z){const K=ee[O];return K?K(P,{...P,...N},z):N}function H(O){let{top:P,left:N,width:z,height:K}=O;const B=`translate(${N}px,${P}px)`;return{transform:B,WebkitTransform:B,MozTransform:B,msTransform:B,OTransform:B,width:`${z}px`,height:`${K}px`,position:"absolute"}}function re(O){let{top:P,left:N,width:z,height:K}=O;return{top:`${P}px`,left:`${N}px`,width:`${z}px`,height:`${K}px`,position:"absolute"}}function oe(O,P){return P==="horizontal"?he(O):P==="vertical"?ue(O):O}function ue(O){return O.slice(0).sort(function(P,N){return P.y>N.y||P.y===N.y&&P.x>N.x?1:P.y===N.y&&P.x===N.x?0:-1})}function he(O){return O.slice(0).sort(function(P,N){return P.x>N.x||P.x===N.x&&P.y>N.y?1:-1})}function ye(O,P,N,z,K){O=O||[];const B=[];e.default.Children.forEach(P,Z=>{if((Z==null?void 0:Z.key)==null)return;const te=h(O,String(Z.key)),ce=Z.props["data-grid"];te&&ce==null?B.push(S(te)):ce?B.push(S({...ce,i:Z.key})):B.push(S({w:1,h:1,x:0,y:n(B),i:String(Z.key)}))});const J=w(B,{cols:N});return K?J:T(J,z,N)}function Ce(O){let P=arguments.length>1&&arguments[1]!==void 0?arguments[1]:"Layout";const N=["x","y","w","h"];if(!Array.isArray(O))throw new Error(P+" must be an array!");for(let z=0,K=O.length;z<K;z++){const B=O[z];for(let J=0;J<N.length;J++)if(typeof B[N[J]]!="number")throw new Error("ReactGridLayout: "+P+"["+z+"]."+N[J]+" must be a number!")}}function k(O){const{verticalCompact:P,compactType:N}=O||{};return P===!1?null:N}function Q(){}const se=()=>{};return ae.noop=se,ae}var Ie={},Un;function ln(){if(Un)return Ie;Un=1,Object.defineProperty(Ie,"__esModule",{value:!0}),Ie.calcGridColWidth=t,Ie.calcGridItemPosition=r,Ie.calcGridItemWHPx=e,Ie.calcWH=i,Ie.calcXY=n,Ie.clamp=a;function t(l){const{margin:S,containerPadding:f,containerWidth:b,cols:m}=l;return(b-S[0]*(m-1)-f[0]*2)/m}function e(l,S,f){return Number.isFinite(l)?Math.round(S*l+Math.max(0,l-1)*f):l}function r(l,S,f,b,m,T){const{margin:_,containerPadding:I,rowHeight:R}=l,w=t(l),h={};return T&&T.resizing?(h.width=Math.round(T.resizing.width),h.height=Math.round(T.resizing.height)):(h.width=e(b,w,_[0]),h.height=e(m,R,_[1])),T&&T.dragging?(h.top=Math.round(T.dragging.top),h.left=Math.round(T.dragging.left)):T&&T.resizing&&typeof T.resizing.top=="number"&&typeof T.resizing.left=="number"?(h.top=Math.round(T.resizing.top),h.left=Math.round(T.resizing.left)):(h.top=Math.round((R+_[1])*f+I[1]),h.left=Math.round((w+_[0])*S+I[0])),h}function n(l,S,f,b,m){const{margin:T,cols:_,rowHeight:I,maxRows:R}=l,w=t(l);let h=Math.round((f-T[0])/(w+T[0])),o=Math.round((S-T[1])/(I+T[1]));return h=a(h,0,_-b),o=a(o,0,R-m),{x:h,y:o}}function i(l,S,f,b,m,T){const{margin:_,maxRows:I,cols:R,rowHeight:w}=l,h=t(l);let o=Math.round((S+_[0])/(h+_[0])),s=Math.round((f+_[1])/(w+_[1])),d=a(o,0,R-b),C=a(s,0,I-m);return["sw","w","nw"].indexOf(T)!==-1&&(d=a(o,0,R)),["nw","n","ne"].indexOf(T)!==-1&&(C=a(s,0,I)),{w:d,h:C}}function a(l,S,f){return Math.max(Math.min(l,f),S)}return Ie}var et={},un={exports:{}},cn,Vn;function Qr(){if(Vn)return cn;Vn=1;var t="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";return cn=t,cn}var dn,zn;function ei(){if(zn)return dn;zn=1;var t=Qr();function e(){}function r(){}return r.resetWarningCache=e,dn=function(){function n(l,S,f,b,m,T){if(T!==t){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",_}}n.isRequired=n;function i(){return n}var a={array:n,bigint:n,bool:n,func:n,number:n,object:n,string:n,symbol:n,any:n,arrayOf:i,element:n,elementType:n,instanceOf:i,node:n,objectOf:i,oneOf:i,oneOfType:i,shape:i,exact:i,checkPropTypes:r,resetWarningCache:e};return a.PropTypes=a,a},dn}var An;function xe(){return An||(An=1,un.exports=ei()()),un.exports}var tt={exports:{}},fn={};function Wn(t){var e,r,n="";if(typeof t=="string"||typeof t=="number")n+=t;else if(typeof t=="object")if(Array.isArray(t))for(e=0;e<t.length;e++)t[e]&&(r=Wn(t[e]))&&(n&&(n+=" "),n+=r);else for(e in t)t[e]&&(n&&(n+=" "),n+=e);return n}function Hn(){for(var t,e,r=0,n="";r<arguments.length;)(t=arguments[r++])&&(e=Wn(t))&&(n&&(n+=" "),n+=e);return n}const ti=_n(Object.freeze(Object.defineProperty({__proto__:null,clsx:Hn,default:Hn},Symbol.toStringTag,{value:"Module"})));var fe={},Ee={},kn;function wt(){if(kn)return Ee;kn=1,Object.defineProperty(Ee,"__esModule",{value:!0}),Ee.dontSetMe=i,Ee.findInArray=t,Ee.int=n,Ee.isFunction=e,Ee.isNum=r;function t(a,l){for(let S=0,f=a.length;S<f;S++)if(l.apply(l,[a[S],S,a]))return a[S]}function e(a){return typeof a=="function"||Object.prototype.toString.call(a)==="[object Function]"}function r(a){return typeof a=="number"&&!isNaN(a)}function n(a){return parseInt(a,10)}function i(a,l,S){if(a[l])return new Error("Invalid prop ".concat(l," passed to ").concat(S," - do not set this, set it on the child."))}return Ee}var Oe={},Bn;function ni(){if(Bn)return Oe;Bn=1,Object.defineProperty(Oe,"__esModule",{value:!0}),Oe.browserPrefixToKey=r,Oe.browserPrefixToStyle=n,Oe.default=void 0,Oe.getPrefix=e;const t=["Moz","Webkit","O","ms"];function e(){var a;let l=arguments.length>0&&arguments[0]!==void 0?arguments[0]:"transform";if(typeof window>"u")return"";const S=(a=window.document)===null||a===void 0||(a=a.documentElement)===null||a===void 0?void 0:a.style;if(!S||l in S)return"";for(let f=0;f<t.length;f++)if(r(l,t[f])in S)return t[f];return""}function r(a,l){return l?"".concat(l).concat(i(a)):a}function n(a,l){return l?"-".concat(l.toLowerCase(),"-").concat(a):a}function i(a){let l="",S=!0;for(let f=0;f<a.length;f++)S?(l+=a[f].toUpperCase(),S=!1):a[f]==="-"?S=!0:l+=a[f];return l}return Oe.default=e(),Oe}var Fn;function pn(){if(Fn)return fe;Fn=1,Object.defineProperty(fe,"__esModule",{value:!0}),fe.addClassName=u,fe.addEvent=S,fe.addUserSelectStyles=d,fe.createCSSTransform=R,fe.createSVGTransform=w,fe.getTouch=o,fe.getTouchIdentifier=s,fe.getTranslation=h,fe.innerHeight=T,fe.innerWidth=_,fe.matchesSelector=a,fe.matchesSelectorAndParentsTo=l,fe.offsetXYFromParent=I,fe.outerHeight=b,fe.outerWidth=m,fe.removeClassName=g,fe.removeEvent=f,fe.removeUserSelectStyles=C;var t=wt(),e=n(ni());function r(p){if(typeof WeakMap!="function")return null;var y=new WeakMap,M=new WeakMap;return(r=function(L){return L?M:y})(p)}function n(p,y){if(p&&p.__esModule)return p;if(p===null||typeof p!="object"&&typeof p!="function")return{default:p};var M=r(y);if(M&&M.has(p))return M.get(p);var L={},V=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var U in p)if(U!=="default"&&Object.prototype.hasOwnProperty.call(p,U)){var E=V?Object.getOwnPropertyDescriptor(p,U):null;E&&(E.get||E.set)?Object.defineProperty(L,U,E):L[U]=p[U]}return L.default=p,M&&M.set(p,L),L}let i="";function a(p,y){return i||(i=(0,t.findInArray)(["matches","webkitMatchesSelector","mozMatchesSelector","msMatchesSelector","oMatchesSelector"],function(M){return(0,t.isFunction)(p[M])})),(0,t.isFunction)(p[i])?p[i](y):!1}function l(p,y,M){let L=p;do{if(a(L,y))return!0;if(L===M)return!1;L=L.parentNode}while(L);return!1}function S(p,y,M,L){if(!p)return;const V={capture:!0,...L};p.addEventListener?p.addEventListener(y,M,V):p.attachEvent?p.attachEvent("on"+y,M):p["on"+y]=M}function f(p,y,M,L){if(!p)return;const V={capture:!0,...L};p.removeEventListener?p.removeEventListener(y,M,V):p.detachEvent?p.detachEvent("on"+y,M):p["on"+y]=null}function b(p){let y=p.clientHeight;const M=p.ownerDocument.defaultView.getComputedStyle(p);return y+=(0,t.int)(M.borderTopWidth),y+=(0,t.int)(M.borderBottomWidth),y}function m(p){let y=p.clientWidth;const M=p.ownerDocument.defaultView.getComputedStyle(p);return y+=(0,t.int)(M.borderLeftWidth),y+=(0,t.int)(M.borderRightWidth),y}function T(p){let y=p.clientHeight;const M=p.ownerDocument.defaultView.getComputedStyle(p);return y-=(0,t.int)(M.paddingTop),y-=(0,t.int)(M.paddingBottom),y}function _(p){let y=p.clientWidth;const M=p.ownerDocument.defaultView.getComputedStyle(p);return y-=(0,t.int)(M.paddingLeft),y-=(0,t.int)(M.paddingRight),y}function I(p,y,M){const V=y===y.ownerDocument.body?{left:0,top:0}:y.getBoundingClientRect(),U=(p.clientX+y.scrollLeft-V.left)/M,E=(p.clientY+y.scrollTop-V.top)/M;return{x:U,y:E}}function R(p,y){const M=h(p,y,"px");return{[(0,e.browserPrefixToKey)("transform",e.default)]:M}}function w(p,y){return h(p,y,"")}function h(p,y,M){let{x:L,y:V}=p,U="translate(".concat(L).concat(M,",").concat(V).concat(M,")");if(y){const E="".concat(typeof y.x=="string"?y.x:y.x+M),D="".concat(typeof y.y=="string"?y.y:y.y+M);U="translate(".concat(E,", ").concat(D,")")+U}return U}function o(p,y){return p.targetTouches&&(0,t.findInArray)(p.targetTouches,M=>y===M.identifier)||p.changedTouches&&(0,t.findInArray)(p.changedTouches,M=>y===M.identifier)}function s(p){if(p.targetTouches&&p.targetTouches[0])return p.targetTouches[0].identifier;if(p.changedTouches&&p.changedTouches[0])return p.changedTouches[0].identifier}function d(p){if(!p)return;let y=p.getElementById("react-draggable-style-el");y||(y=p.createElement("style"),y.type="text/css",y.id="react-draggable-style-el",y.innerHTML=`.react-draggable-transparent-selection *::-moz-selection {all: inherit;}
-`,y.innerHTML+=`.react-draggable-transparent-selection *::selection {all: inherit;}
-`,p.getElementsByTagName("head")[0].appendChild(y)),p.body&&u(p.body,"react-draggable-transparent-selection")}function C(p){if(p)try{if(p.body&&g(p.body,"react-draggable-transparent-selection"),p.selection)p.selection.empty();else{const y=(p.defaultView||window).getSelection();y&&y.type!=="Caret"&&y.removeAllRanges()}}catch{}}function u(p,y){p.classList?p.classList.add(y):p.className.match(new RegExp("(?:^|\\s)".concat(y,"(?!\\S)")))||(p.className+=" ".concat(y))}function g(p,y){p.classList?p.classList.remove(y):p.className=p.className.replace(new RegExp("(?:^|\\s)".concat(y,"(?!\\S)"),"g"),"")}return fe}var Te={},Gn;function qn(){if(Gn)return Te;Gn=1,Object.defineProperty(Te,"__esModule",{value:!0}),Te.canDragX=i,Te.canDragY=a,Te.createCoreData=S,Te.createDraggableData=f,Te.getBoundPosition=r,Te.getControlPosition=l,Te.snapToGrid=n;var t=wt(),e=pn();function r(T,_,I){if(!T.props.bounds)return[_,I];let{bounds:R}=T.props;R=typeof R=="string"?R:b(R);const w=m(T);if(typeof R=="string"){const{ownerDocument:h}=w,o=h.defaultView;let s;if(R==="parent"?s=w.parentNode:s=h.querySelector(R),!(s instanceof o.HTMLElement))throw new Error('Bounds selector "'+R+'" could not find an element.');const d=s,C=o.getComputedStyle(w),u=o.getComputedStyle(d);R={left:-w.offsetLeft+(0,t.int)(u.paddingLeft)+(0,t.int)(C.marginLeft),top:-w.offsetTop+(0,t.int)(u.paddingTop)+(0,t.int)(C.marginTop),right:(0,e.innerWidth)(d)-(0,e.outerWidth)(w)-w.offsetLeft+(0,t.int)(u.paddingRight)-(0,t.int)(C.marginRight),bottom:(0,e.innerHeight)(d)-(0,e.outerHeight)(w)-w.offsetTop+(0,t.int)(u.paddingBottom)-(0,t.int)(C.marginBottom)}}return(0,t.isNum)(R.right)&&(_=Math.min(_,R.right)),(0,t.isNum)(R.bottom)&&(I=Math.min(I,R.bottom)),(0,t.isNum)(R.left)&&(_=Math.max(_,R.left)),(0,t.isNum)(R.top)&&(I=Math.max(I,R.top)),[_,I]}function n(T,_,I){const R=Math.round(_/T[0])*T[0],w=Math.round(I/T[1])*T[1];return[R,w]}function i(T){return T.props.axis==="both"||T.props.axis==="x"}function a(T){return T.props.axis==="both"||T.props.axis==="y"}function l(T,_,I){const R=typeof _=="number"?(0,e.getTouch)(T,_):null;if(typeof _=="number"&&!R)return null;const w=m(I),h=I.props.offsetParent||w.offsetParent||w.ownerDocument.body;return(0,e.offsetXYFromParent)(R||T,h,I.props.scale)}function S(T,_,I){const R=!(0,t.isNum)(T.lastX),w=m(T);return R?{node:w,deltaX:0,deltaY:0,lastX:_,lastY:I,x:_,y:I}:{node:w,deltaX:_-T.lastX,deltaY:I-T.lastY,lastX:T.lastX,lastY:T.lastY,x:_,y:I}}function f(T,_){const I=T.props.scale;return{node:_.node,x:T.state.x+_.deltaX/I,y:T.state.y+_.deltaY/I,deltaX:_.deltaX/I,deltaY:_.deltaY/I,lastX:T.state.x,lastY:T.state.y}}function b(T){return{left:T.left,top:T.top,right:T.right,bottom:T.bottom}}function m(T){const _=T.findDOMNode();if(!_)throw new Error("<DraggableCore>: Unmounted during event!");return _}return Te}var nt={},_t={},Xn;function Yn(){if(Xn)return _t;Xn=1,Object.defineProperty(_t,"__esModule",{value:!0}),_t.default=t;function t(){}return _t}var Kn;function ri(){if(Kn)return nt;Kn=1,Object.defineProperty(nt,"__esModule",{value:!0}),nt.default=void 0;var t=b(j),e=S(xe()),r=S(In),n=pn(),i=qn(),a=wt(),l=S(Yn());function S(h){return h&&h.__esModule?h:{default:h}}function f(h){if(typeof WeakMap!="function")return null;var o=new WeakMap,s=new WeakMap;return(f=function(d){return d?s:o})(h)}function b(h,o){if(h&&h.__esModule)return h;if(h===null||typeof h!="object"&&typeof h!="function")return{default:h};var s=f(o);if(s&&s.has(h))return s.get(h);var d={},C=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in h)if(u!=="default"&&Object.prototype.hasOwnProperty.call(h,u)){var g=C?Object.getOwnPropertyDescriptor(h,u):null;g&&(g.get||g.set)?Object.defineProperty(d,u,g):d[u]=h[u]}return d.default=h,s&&s.set(h,d),d}function m(h,o,s){return o=T(o),o in h?Object.defineProperty(h,o,{value:s,enumerable:!0,configurable:!0,writable:!0}):h[o]=s,h}function T(h){var o=_(h,"string");return typeof o=="symbol"?o:String(o)}function _(h,o){if(typeof h!="object"||h===null)return h;var s=h[Symbol.toPrimitive];if(s!==void 0){var d=s.call(h,o||"default");if(typeof d!="object")return d;throw new TypeError("@@toPrimitive must return a primitive value.")}return(o==="string"?String:Number)(h)}const I={touch:{start:"touchstart",move:"touchmove",stop:"touchend"},mouse:{start:"mousedown",move:"mousemove",stop:"mouseup"}};let R=I.mouse,w=class extends t.Component{constructor(){super(...arguments),m(this,"dragging",!1),m(this,"lastX",NaN),m(this,"lastY",NaN),m(this,"touchIdentifier",null),m(this,"mounted",!1),m(this,"handleDragStart",o=>{if(this.props.onMouseDown(o),!this.props.allowAnyClick&&typeof o.button=="number"&&o.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:d}=s;if(this.props.disabled||!(o.target instanceof d.defaultView.Node)||this.props.handle&&!(0,n.matchesSelectorAndParentsTo)(o.target,this.props.handle,s)||this.props.cancel&&(0,n.matchesSelectorAndParentsTo)(o.target,this.props.cancel,s))return;o.type==="touchstart"&&o.preventDefault();const C=(0,n.getTouchIdentifier)(o);this.touchIdentifier=C;const u=(0,i.getControlPosition)(o,C,this);if(u==null)return;const{x:g,y:p}=u,y=(0,i.createCoreData)(this,g,p);(0,l.default)("DraggableCore: handleDragStart: %j",y),(0,l.default)("calling",this.props.onStart),!(this.props.onStart(o,y)===!1||this.mounted===!1)&&(this.props.enableUserSelectHack&&(0,n.addUserSelectStyles)(d),this.dragging=!0,this.lastX=g,this.lastY=p,(0,n.addEvent)(d,R.move,this.handleDrag),(0,n.addEvent)(d,R.stop,this.handleDragStop))}),m(this,"handleDrag",o=>{const s=(0,i.getControlPosition)(o,this.touchIdentifier,this);if(s==null)return;let{x:d,y:C}=s;if(Array.isArray(this.props.grid)){let p=d-this.lastX,y=C-this.lastY;if([p,y]=(0,i.snapToGrid)(this.props.grid,p,y),!p&&!y)return;d=this.lastX+p,C=this.lastY+y}const u=(0,i.createCoreData)(this,d,C);if((0,l.default)("DraggableCore: handleDrag: %j",u),this.props.onDrag(o,u)===!1||this.mounted===!1){try{this.handleDragStop(new MouseEvent("mouseup"))}catch{const y=document.createEvent("MouseEvents");y.initMouseEvent("mouseup",!0,!0,window,0,0,0,0,0,!1,!1,!1,!1,0,null),this.handleDragStop(y)}return}this.lastX=d,this.lastY=C}),m(this,"handleDragStop",o=>{if(!this.dragging)return;const s=(0,i.getControlPosition)(o,this.touchIdentifier,this);if(s==null)return;let{x:d,y:C}=s;if(Array.isArray(this.props.grid)){let y=d-this.lastX||0,M=C-this.lastY||0;[y,M]=(0,i.snapToGrid)(this.props.grid,y,M),d=this.lastX+y,C=this.lastY+M}const u=(0,i.createCoreData)(this,d,C);if(this.props.onStop(o,u)===!1||this.mounted===!1)return!1;const p=this.findDOMNode();p&&this.props.enableUserSelectHack&&(0,n.removeUserSelectStyles)(p.ownerDocument),(0,l.default)("DraggableCore: handleDragStop: %j",u),this.dragging=!1,this.lastX=NaN,this.lastY=NaN,p&&((0,l.default)("DraggableCore: Removing handlers"),(0,n.removeEvent)(p.ownerDocument,R.move,this.handleDrag),(0,n.removeEvent)(p.ownerDocument,R.stop,this.handleDragStop))}),m(this,"onMouseDown",o=>(R=I.mouse,this.handleDragStart(o))),m(this,"onMouseUp",o=>(R=I.mouse,this.handleDragStop(o))),m(this,"onTouchStart",o=>(R=I.touch,this.handleDragStart(o))),m(this,"onTouchEnd",o=>(R=I.touch,this.handleDragStop(o)))}componentDidMount(){this.mounted=!0;const o=this.findDOMNode();o&&(0,n.addEvent)(o,I.touch.start,this.onTouchStart,{passive:!1})}componentWillUnmount(){this.mounted=!1;const o=this.findDOMNode();if(o){const{ownerDocument:s}=o;(0,n.removeEvent)(s,I.mouse.move,this.handleDrag),(0,n.removeEvent)(s,I.touch.move,this.handleDrag),(0,n.removeEvent)(s,I.mouse.stop,this.handleDragStop),(0,n.removeEvent)(s,I.touch.stop,this.handleDragStop),(0,n.removeEvent)(o,I.touch.start,this.onTouchStart,{passive:!1}),this.props.enableUserSelectHack&&(0,n.removeUserSelectStyles)(s)}}findDOMNode(){var o,s;return(o=this.props)!==null&&o!==void 0&&o.nodeRef?(s=this.props)===null||s===void 0||(s=s.nodeRef)===null||s===void 0?void 0:s.current:r.default.findDOMNode(this)}render(){return t.cloneElement(t.Children.only(this.props.children),{onMouseDown:this.onMouseDown,onMouseUp:this.onMouseUp,onTouchEnd:this.onTouchEnd})}};return nt.default=w,m(w,"displayName","DraggableCore"),m(w,"propTypes",{allowAnyClick:e.default.bool,children:e.default.node.isRequired,disabled:e.default.bool,enableUserSelectHack:e.default.bool,offsetParent:function(h,o){if(h[o]&&h[o].nodeType!==1)throw new Error("Draggable's offsetParent must be a DOM Node.")},grid:e.default.arrayOf(e.default.number),handle:e.default.string,cancel: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,className:a.dontSetMe,style:a.dontSetMe,transform:a.dontSetMe}),m(w,"defaultProps",{allowAnyClick:!1,disabled:!1,enableUserSelectHack:!0,onStart:function(){},onDrag:function(){},onStop:function(){},onMouseDown:function(){},scale:1}),nt}var $n;function ii(){return $n||($n=1,function(t){Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"DraggableCore",{enumerable:!0,get:function(){return f.default}}),t.default=void 0;var e=_(j),r=m(xe()),n=m(In),i=m(ti),a=pn(),l=qn(),S=wt(),f=m(ri()),b=m(Yn());function m(s){return s&&s.__esModule?s:{default:s}}function T(s){if(typeof WeakMap!="function")return null;var d=new WeakMap,C=new WeakMap;return(T=function(u){return u?C:d})(s)}function _(s,d){if(s&&s.__esModule)return s;if(s===null||typeof s!="object"&&typeof s!="function")return{default:s};var C=T(d);if(C&&C.has(s))return C.get(s);var u={},g=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var p in s)if(p!=="default"&&Object.prototype.hasOwnProperty.call(s,p)){var y=g?Object.getOwnPropertyDescriptor(s,p):null;y&&(y.get||y.set)?Object.defineProperty(u,p,y):u[p]=s[p]}return u.default=s,C&&C.set(s,u),u}function I(){return I=Object.assign?Object.assign.bind():function(s){for(var d=1;d<arguments.length;d++){var C=arguments[d];for(var u in C)Object.prototype.hasOwnProperty.call(C,u)&&(s[u]=C[u])}return s},I.apply(this,arguments)}function R(s,d,C){return d=w(d),d in s?Object.defineProperty(s,d,{value:C,enumerable:!0,configurable:!0,writable:!0}):s[d]=C,s}function w(s){var d=h(s,"string");return typeof d=="symbol"?d:String(d)}function h(s,d){if(typeof s!="object"||s===null)return s;var C=s[Symbol.toPrimitive];if(C!==void 0){var u=C.call(s,d||"default");if(typeof u!="object")return u;throw new TypeError("@@toPrimitive must return a primitive value.")}return(d==="string"?String:Number)(s)}class o extends e.Component{static getDerivedStateFromProps(d,C){let{position:u}=d,{prevPropsPosition:g}=C;return u&&(!g||u.x!==g.x||u.y!==g.y)?((0,b.default)("Draggable: getDerivedStateFromProps %j",{position:u,prevPropsPosition:g}),{x:u.x,y:u.y,prevPropsPosition:{...u}}):null}constructor(d){super(d),R(this,"onDragStart",(C,u)=>{if((0,b.default)("Draggable: onDragStart: %j",u),this.props.onStart(C,(0,l.createDraggableData)(this,u))===!1)return!1;this.setState({dragging:!0,dragged:!0})}),R(this,"onDrag",(C,u)=>{if(!this.state.dragging)return!1;(0,b.default)("Draggable: onDrag: %j",u);const g=(0,l.createDraggableData)(this,u),p={x:g.x,y:g.y,slackX:0,slackY:0};if(this.props.bounds){const{x:M,y:L}=p;p.x+=this.state.slackX,p.y+=this.state.slackY;const[V,U]=(0,l.getBoundPosition)(this,p.x,p.y);p.x=V,p.y=U,p.slackX=this.state.slackX+(M-p.x),p.slackY=this.state.slackY+(L-p.y),g.x=p.x,g.y=p.y,g.deltaX=p.x-this.state.x,g.deltaY=p.y-this.state.y}if(this.props.onDrag(C,g)===!1)return!1;this.setState(p)}),R(this,"onDragStop",(C,u)=>{if(!this.state.dragging||this.props.onStop(C,(0,l.createDraggableData)(this,u))===!1)return!1;(0,b.default)("Draggable: onDragStop: %j",u);const p={dragging:!1,slackX:0,slackY:0};if(!!this.props.position){const{x:M,y:L}=this.props.position;p.x=M,p.y=L}this.setState(p)}),this.state={dragging:!1,dragged:!1,x:d.position?d.position.x:d.defaultPosition.x,y:d.position?d.position.y:d.defaultPosition.y,prevPropsPosition:{...d.position},slackX:0,slackY:0,isElementSVG:!1},d.position&&!(d.onDrag||d.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 d,C;return(d=(C=this.props)===null||C===void 0||(C=C.nodeRef)===null||C===void 0?void 0:C.current)!==null&&d!==void 0?d:n.default.findDOMNode(this)}render(){const{axis:d,bounds:C,children:u,defaultPosition:g,defaultClassName:p,defaultClassNameDragging:y,defaultClassNameDragged:M,position:L,positionOffset:V,scale:U,...E}=this.props;let D={},W=null;const Y=!!!L||this.state.dragging,ne=L||g,ee={x:(0,l.canDragX)(this)&&Y?this.state.x:ne.x,y:(0,l.canDragY)(this)&&Y?this.state.y:ne.y};this.state.isElementSVG?W=(0,a.createSVGTransform)(ee,V):D=(0,a.createCSSTransform)(ee,V);const F=(0,i.default)(u.props.className||"",p,{[y]:this.state.dragging,[M]:this.state.dragged});return e.createElement(f.default,I({},E,{onStart:this.onDragStart,onDrag:this.onDrag,onStop:this.onDragStop}),e.cloneElement(e.Children.only(u),{className:F,style:{...u.props.style,...D},transform:W}))}}t.default=o,R(o,"displayName","Draggable"),R(o,"propTypes",{...f.default.propTypes,axis:r.default.oneOf(["both","x","y","none"]),bounds:r.default.oneOfType([r.default.shape({left:r.default.number,right:r.default.number,top:r.default.number,bottom:r.default.number}),r.default.string,r.default.oneOf([!1])]),defaultClassName:r.default.string,defaultClassNameDragging:r.default.string,defaultClassNameDragged:r.default.string,defaultPosition:r.default.shape({x:r.default.number,y:r.default.number}),positionOffset:r.default.shape({x:r.default.oneOfType([r.default.number,r.default.string]),y:r.default.oneOfType([r.default.number,r.default.string])}),position:r.default.shape({x:r.default.number,y:r.default.number}),className:S.dontSetMe,style:S.dontSetMe,transform:S.dontSetMe}),R(o,"defaultProps",{...f.default.defaultProps,axis:"both",bounds:!1,defaultClassName:"react-draggable",defaultClassNameDragging:"react-draggable-dragging",defaultClassNameDragged:"react-draggable-dragged",defaultPosition:{x:0,y:0},scale:1})}(fn)),fn}var Zn;function hn(){if(Zn)return tt.exports;Zn=1;const{default:t,DraggableCore:e}=ii();return tt.exports=t,tt.exports.default=t,tt.exports.DraggableCore=e,tt.exports}var rt={exports:{}},it={},xt={},Jn;function ai(){if(Jn)return xt;Jn=1,xt.__esModule=!0,xt.cloneElement=S;var t=e(j);function e(f){return f&&f.__esModule?f:{default:f}}function r(f,b){var m=Object.keys(f);if(Object.getOwnPropertySymbols){var T=Object.getOwnPropertySymbols(f);b&&(T=T.filter(function(_){return Object.getOwnPropertyDescriptor(f,_).enumerable})),m.push.apply(m,T)}return m}function n(f){for(var b=1;b<arguments.length;b++){var m=arguments[b]!=null?arguments[b]:{};b%2?r(Object(m),!0).forEach(function(T){i(f,T,m[T])}):Object.getOwnPropertyDescriptors?Object.defineProperties(f,Object.getOwnPropertyDescriptors(m)):r(Object(m)).forEach(function(T){Object.defineProperty(f,T,Object.getOwnPropertyDescriptor(m,T))})}return f}function i(f,b,m){return b=a(b),b in f?Object.defineProperty(f,b,{value:m,enumerable:!0,configurable:!0,writable:!0}):f[b]=m,f}function a(f){var b=l(f,"string");return typeof b=="symbol"?b:String(b)}function l(f,b){if(typeof f!="object"||f===null)return f;var m=f[Symbol.toPrimitive];if(m!==void 0){var T=m.call(f,b||"default");if(typeof T!="object")return T;throw new TypeError("@@toPrimitive must return a primitive value.")}return(b==="string"?String:Number)(f)}function S(f,b){return b.style&&f.props.style&&(b.style=n(n({},f.props.style),b.style)),b.className&&f.props.className&&(b.className=f.props.className+" "+b.className),t.default.cloneElement(f,b)}return xt}var at={},Qn;function er(){if(Qn)return at;Qn=1,at.__esModule=!0,at.resizableProps=void 0;var t=e(xe());hn();function e(n){return n&&n.__esModule?n:{default:n}}var r={axis:t.default.oneOf(["both","x","y","none"]),className:t.default.string,children:t.default.element.isRequired,draggableOpts:t.default.shape({allowAnyClick:t.default.bool,cancel:t.default.string,children:t.default.node,disabled:t.default.bool,enableUserSelectHack:t.default.bool,offsetParent:t.default.node,grid:t.default.arrayOf(t.default.number),handle: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}),height:function(){for(var i=arguments.length,a=new Array(i),l=0;l<i;l++)a[l]=arguments[l];var S=a[0];if(S.axis==="both"||S.axis==="y"){var f;return(f=t.default.number).isRequired.apply(f,a)}return t.default.number.apply(t.default,a)},handle:t.default.oneOfType([t.default.node,t.default.func]),handleSize:t.default.arrayOf(t.default.number),lockAspectRatio:t.default.bool,maxConstraints:t.default.arrayOf(t.default.number),minConstraints:t.default.arrayOf(t.default.number),onResizeStop:t.default.func,onResizeStart:t.default.func,onResize:t.default.func,resizeHandles:t.default.arrayOf(t.default.oneOf(["s","w","e","n","sw","nw","se","ne"])),transformScale:t.default.number,width:function(){for(var i=arguments.length,a=new Array(i),l=0;l<i;l++)a[l]=arguments[l];var S=a[0];if(S.axis==="both"||S.axis==="x"){var f;return(f=t.default.number).isRequired.apply(f,a)}return t.default.number.apply(t.default,a)}};return at.resizableProps=r,at}var tr;function nr(){if(tr)return it;tr=1,it.__esModule=!0,it.default=void 0;var t=l(j),e=hn(),r=ai(),n=er(),i=["children","className","draggableOpts","width","height","handle","handleSize","lockAspectRatio","axis","minConstraints","maxConstraints","onResize","onResizeStop","onResizeStart","resizeHandles","transformScale"];function a(o){if(typeof WeakMap!="function")return null;var s=new WeakMap,d=new WeakMap;return(a=function(u){return u?d:s})(o)}function l(o,s){if(o&&o.__esModule)return o;if(o===null||typeof o!="object"&&typeof o!="function")return{default:o};var d=a(s);if(d&&d.has(o))return d.get(o);var C={},u=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var g in o)if(g!=="default"&&Object.prototype.hasOwnProperty.call(o,g)){var p=u?Object.getOwnPropertyDescriptor(o,g):null;p&&(p.get||p.set)?Object.defineProperty(C,g,p):C[g]=o[g]}return C.default=o,d&&d.set(o,C),C}function S(){return S=Object.assign?Object.assign.bind():function(o){for(var s=1;s<arguments.length;s++){var d=arguments[s];for(var C in d)Object.prototype.hasOwnProperty.call(d,C)&&(o[C]=d[C])}return o},S.apply(this,arguments)}function f(o,s){if(o==null)return{};var d={},C=Object.keys(o),u,g;for(g=0;g<C.length;g++)u=C[g],!(s.indexOf(u)>=0)&&(d[u]=o[u]);return d}function b(o,s){var d=Object.keys(o);if(Object.getOwnPropertySymbols){var C=Object.getOwnPropertySymbols(o);s&&(C=C.filter(function(u){return Object.getOwnPropertyDescriptor(o,u).enumerable})),d.push.apply(d,C)}return d}function m(o){for(var s=1;s<arguments.length;s++){var d=arguments[s]!=null?arguments[s]:{};s%2?b(Object(d),!0).forEach(function(C){T(o,C,d[C])}):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(d)):b(Object(d)).forEach(function(C){Object.defineProperty(o,C,Object.getOwnPropertyDescriptor(d,C))})}return o}function T(o,s,d){return s=_(s),s in o?Object.defineProperty(o,s,{value:d,enumerable:!0,configurable:!0,writable:!0}):o[s]=d,o}function _(o){var s=I(o,"string");return typeof s=="symbol"?s:String(s)}function I(o,s){if(typeof o!="object"||o===null)return o;var d=o[Symbol.toPrimitive];if(d!==void 0){var C=d.call(o,s||"default");if(typeof C!="object")return C;throw new TypeError("@@toPrimitive must return a primitive value.")}return(s==="string"?String:Number)(o)}function R(o,s){o.prototype=Object.create(s.prototype),o.prototype.constructor=o,w(o,s)}function w(o,s){return w=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(C,u){return C.__proto__=u,C},w(o,s)}var h=function(o){R(s,o);function s(){for(var C,u=arguments.length,g=new Array(u),p=0;p<u;p++)g[p]=arguments[p];return C=o.call.apply(o,[this].concat(g))||this,C.handleRefs={},C.lastHandleRect=null,C.slack=null,C}var d=s.prototype;return d.componentWillUnmount=function(){this.resetData()},d.resetData=function(){this.lastHandleRect=this.slack=null},d.runConstraints=function(u,g){var p=this.props,y=p.minConstraints,M=p.maxConstraints,L=p.lockAspectRatio;if(!y&&!M&&!L)return[u,g];if(L){var V=this.props.width/this.props.height,U=u-this.props.width,E=g-this.props.height;Math.abs(U)>Math.abs(E*V)?g=u/V:u=g*V}var D=u,W=g,X=this.slack||[0,0],Y=X[0],ne=X[1];return u+=Y,g+=ne,y&&(u=Math.max(y[0],u),g=Math.max(y[1],g)),M&&(u=Math.min(M[0],u),g=Math.min(M[1],g)),this.slack=[Y+(D-u),ne+(W-g)],[u,g]},d.resizeHandler=function(u,g){var p=this;return function(y,M){var L=M.node,V=M.deltaX,U=M.deltaY;u==="onResizeStart"&&p.resetData();var E=(p.props.axis==="both"||p.props.axis==="x")&&g!=="n"&&g!=="s",D=(p.props.axis==="both"||p.props.axis==="y")&&g!=="e"&&g!=="w";if(!(!E&&!D)){var W=g[0],X=g[g.length-1],Y=L.getBoundingClientRect();if(p.lastHandleRect!=null){if(X==="w"){var ne=Y.left-p.lastHandleRect.left;V+=ne}if(W==="n"){var ee=Y.top-p.lastHandleRect.top;U+=ee}}p.lastHandleRect=Y,X==="w"&&(V=-V),W==="n"&&(U=-U);var F=p.props.width+(E?V/p.props.transformScale:0),H=p.props.height+(D?U/p.props.transformScale:0),re=p.runConstraints(F,H);F=re[0],H=re[1];var oe=F!==p.props.width||H!==p.props.height,ue=typeof p.props[u]=="function"?p.props[u]:null,he=u==="onResize"&&!oe;ue&&!he&&(y.persist==null||y.persist(),ue(y,{node:L,size:{width:F,height:H},handle:g})),u==="onResizeStop"&&p.resetData()}}},d.renderResizeHandle=function(u,g){var p=this.props.handle;if(!p)return t.createElement("span",{className:"react-resizable-handle react-resizable-handle-"+u,ref:g});if(typeof p=="function")return p(u,g);var y=typeof p.type=="string",M=m({ref:g},y?{}:{handleAxis:u});return t.cloneElement(p,M)},d.render=function(){var u=this,g=this.props,p=g.children,y=g.className,M=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 L=g.resizeHandles;g.transformScale;var V=f(g,i);return(0,r.cloneElement)(p,m(m({},V),{},{className:(y?y+" ":"")+"react-resizable",children:[].concat(p.props.children,L.map(function(U){var E,D=(E=u.handleRefs[U])!=null?E:u.handleRefs[U]=t.createRef();return t.createElement(e.DraggableCore,S({},M,{nodeRef:D,key:"resizableHandle-"+U,onStop:u.resizeHandler("onResizeStop",U),onStart:u.resizeHandler("onResizeStart",U),onDrag:u.resizeHandler("onResize",U)}),u.renderResizeHandle(U,D))}))}))},s}(t.Component);return it.default=h,h.propTypes=n.resizableProps,h.defaultProps={axis:"both",handleSize:[20,20],lockAspectRatio:!1,minConstraints:[20,20],maxConstraints:[1/0,1/0],resizeHandles:["se"],transformScale:1},it}var ot={},rr;function oi(){if(rr)return ot;rr=1,ot.__esModule=!0,ot.default=void 0;var t=S(j),e=a(xe()),r=a(nr()),n=er(),i=["handle","handleSize","onResize","onResizeStart","onResizeStop","draggableOpts","minConstraints","maxConstraints","lockAspectRatio","axis","width","height","resizeHandles","style","transformScale"];function a(s){return s&&s.__esModule?s:{default:s}}function l(s){if(typeof WeakMap!="function")return null;var d=new WeakMap,C=new WeakMap;return(l=function(g){return g?C:d})(s)}function S(s,d){if(s&&s.__esModule)return s;if(s===null||typeof s!="object"&&typeof s!="function")return{default:s};var C=l(d);if(C&&C.has(s))return C.get(s);var u={},g=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var p in s)if(p!=="default"&&Object.prototype.hasOwnProperty.call(s,p)){var y=g?Object.getOwnPropertyDescriptor(s,p):null;y&&(y.get||y.set)?Object.defineProperty(u,p,y):u[p]=s[p]}return u.default=s,C&&C.set(s,u),u}function f(){return f=Object.assign?Object.assign.bind():function(s){for(var d=1;d<arguments.length;d++){var C=arguments[d];for(var u in C)Object.prototype.hasOwnProperty.call(C,u)&&(s[u]=C[u])}return s},f.apply(this,arguments)}function b(s,d){var C=Object.keys(s);if(Object.getOwnPropertySymbols){var u=Object.getOwnPropertySymbols(s);d&&(u=u.filter(function(g){return Object.getOwnPropertyDescriptor(s,g).enumerable})),C.push.apply(C,u)}return C}function m(s){for(var d=1;d<arguments.length;d++){var C=arguments[d]!=null?arguments[d]:{};d%2?b(Object(C),!0).forEach(function(u){T(s,u,C[u])}):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(C)):b(Object(C)).forEach(function(u){Object.defineProperty(s,u,Object.getOwnPropertyDescriptor(C,u))})}return s}function T(s,d,C){return d=_(d),d in s?Object.defineProperty(s,d,{value:C,enumerable:!0,configurable:!0,writable:!0}):s[d]=C,s}function _(s){var d=I(s,"string");return typeof d=="symbol"?d:String(d)}function I(s,d){if(typeof s!="object"||s===null)return s;var C=s[Symbol.toPrimitive];if(C!==void 0){var u=C.call(s,d||"default");if(typeof u!="object")return u;throw new TypeError("@@toPrimitive must return a primitive value.")}return(d==="string"?String:Number)(s)}function R(s,d){if(s==null)return{};var C={},u=Object.keys(s),g,p;for(p=0;p<u.length;p++)g=u[p],!(d.indexOf(g)>=0)&&(C[g]=s[g]);return C}function w(s,d){s.prototype=Object.create(d.prototype),s.prototype.constructor=s,h(s,d)}function h(s,d){return h=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(u,g){return u.__proto__=g,u},h(s,d)}var o=function(s){w(d,s);function d(){for(var u,g=arguments.length,p=new Array(g),y=0;y<g;y++)p[y]=arguments[y];return u=s.call.apply(s,[this].concat(p))||this,u.state={width:u.props.width,height:u.props.height,propsWidth:u.props.width,propsHeight:u.props.height},u.onResize=function(M,L){var V=L.size;u.props.onResize?(M.persist==null||M.persist(),u.setState(V,function(){return u.props.onResize&&u.props.onResize(M,L)})):u.setState(V)},u}d.getDerivedStateFromProps=function(g,p){return p.propsWidth!==g.width||p.propsHeight!==g.height?{width:g.width,height:g.height,propsWidth:g.width,propsHeight:g.height}:null};var C=d.prototype;return C.render=function(){var g=this.props,p=g.handle,y=g.handleSize;g.onResize;var M=g.onResizeStart,L=g.onResizeStop,V=g.draggableOpts,U=g.minConstraints,E=g.maxConstraints,D=g.lockAspectRatio,W=g.axis;g.width,g.height;var X=g.resizeHandles,Y=g.style,ne=g.transformScale,ee=R(g,i);return t.createElement(r.default,{axis:W,draggableOpts:V,handle:p,handleSize:y,height:this.state.height,lockAspectRatio:D,maxConstraints:E,minConstraints:U,onResizeStart:M,onResize:this.onResize,onResizeStop:L,resizeHandles:X,transformScale:ne,width:this.state.width},t.createElement("div",f({},ee,{style:m(m({},Y),{},{width:this.state.width+"px",height:this.state.height+"px"})})))},d}(t.Component);return ot.default=o,o.propTypes=m(m({},n.resizableProps),{},{children:e.default.element}),ot}var ir;function si(){return ir||(ir=1,rt.exports=function(){throw new Error("Don't instantiate Resizable directly! Use require('react-resizable').Resizable")},rt.exports.Resizable=nr().default,rt.exports.ResizableBox=oi().default),rt.exports}var we={},ar;function or(){if(ar)return we;ar=1,Object.defineProperty(we,"__esModule",{value:!0}),we.resizeHandleType=we.resizeHandleAxesType=we.default=void 0;var t=r(xe()),e=r(j);function r(a){return a&&a.__esModule?a:{default:a}}const n=we.resizeHandleAxesType=t.default.arrayOf(t.default.oneOf(["s","w","e","n","sw","nw","se","ne"])),i=we.resizeHandleType=t.default.oneOfType([t.default.node,t.default.func]);return we.default={className:t.default.string,style:t.default.object,width:t.default.number,autoSize:t.default.bool,cols:t.default.number,draggableCancel:t.default.string,draggableHandle:t.default.string,verticalCompact:function(a){a.verticalCompact},compactType:t.default.oneOf(["vertical","horizontal"]),layout:function(a){var l=a.layout;l!==void 0&&Ve().validateLayout(l,"layout")},margin:t.default.arrayOf(t.default.number),containerPadding:t.default.arrayOf(t.default.number),rowHeight:t.default.number,maxRows:t.default.number,isBounded:t.default.bool,isDraggable:t.default.bool,isResizable:t.default.bool,allowOverlap:t.default.bool,preventCollision:t.default.bool,useCSSTransforms:t.default.bool,transformScale:t.default.number,isDroppable:t.default.bool,resizeHandles:n,resizeHandle:i,onLayoutChange:t.default.func,onDragStart:t.default.func,onDrag:t.default.func,onDragStop:t.default.func,onResizeStart:t.default.func,onResize:t.default.func,onResizeStop:t.default.func,onDrop:t.default.func,droppingItem:t.default.shape({i:t.default.string.isRequired,w:t.default.number.isRequired,h:t.default.number.isRequired}),children:function(a,l){const S=a[l],f={};e.default.Children.forEach(S,function(b){if((b==null?void 0:b.key)!=null){if(f[b.key])throw new Error('Duplicate child key "'+b.key+'" found! This will cause problems in ReactGridLayout.');f[b.key]=!0}})},innerRef:t.default.any},we}var sr;function li(){if(sr)return et;sr=1,Object.defineProperty(et,"__esModule",{value:!0}),et.default=void 0;var t=f(j),e=f(xe()),r=hn(),n=si(),i=Ve(),a=ln(),l=or(),S=f(on());function f(I){return I&&I.__esModule?I:{default:I}}function b(I,R,w){return R=m(R),R in I?Object.defineProperty(I,R,{value:w,enumerable:!0,configurable:!0,writable:!0}):I[R]=w,I}function m(I){var R=T(I,"string");return typeof R=="symbol"?R:String(R)}function T(I,R){if(typeof I!="object"||I===null)return I;var w=I[Symbol.toPrimitive];if(w!==void 0){var h=w.call(I,R||"default");if(typeof h!="object")return h;throw new TypeError("@@toPrimitive must return a primitive value.")}return(R==="string"?String:Number)(I)}let _=class extends t.default.Component{constructor(){super(...arguments),b(this,"state",{resizing:null,dragging:null,className:""}),b(this,"elementRef",t.default.createRef()),b(this,"onDragStart",(R,w)=>{let{node:h}=w;const{onDragStart:o,transformScale:s}=this.props;if(!o)return;const d={top:0,left:0},{offsetParent:C}=h;if(!C)return;const u=C.getBoundingClientRect(),g=h.getBoundingClientRect(),p=g.left/s,y=u.left/s,M=g.top/s,L=u.top/s;d.left=p-y+C.scrollLeft,d.top=M-L+C.scrollTop,this.setState({dragging:d});const{x:V,y:U}=(0,a.calcXY)(this.getPositionParams(),d.top,d.left,this.props.w,this.props.h);return o.call(this,this.props.i,V,U,{e:R,node:h,newPosition:d})}),b(this,"onDrag",(R,w)=>{let{node:h,deltaX:o,deltaY:s}=w;const{onDrag:d}=this.props;if(!d)return;if(!this.state.dragging)throw new Error("onDrag called before onDragStart.");let C=this.state.dragging.top+s,u=this.state.dragging.left+o;const{isBounded:g,i:p,w:y,h:M,containerWidth:L}=this.props,V=this.getPositionParams();if(g){const{offsetParent:X}=h;if(X){const{margin:Y,rowHeight:ne,containerPadding:ee}=this.props,F=X.clientHeight-(0,a.calcGridItemWHPx)(M,ne,Y[1]);C=(0,a.clamp)(C-ee[1],0,F);const H=(0,a.calcGridColWidth)(V),re=L-(0,a.calcGridItemWHPx)(y,H,Y[0]);u=(0,a.clamp)(u-ee[0],0,re)}}const U={top:C,left:u};this.setState({dragging:U});const{containerPadding:E}=this.props,{x:D,y:W}=(0,a.calcXY)(V,C-E[1],u-E[0],y,M);return d.call(this,p,D,W,{e:R,node:h,newPosition:U})}),b(this,"onDragStop",(R,w)=>{let{node:h}=w;const{onDragStop:o}=this.props;if(!o)return;if(!this.state.dragging)throw new Error("onDragEnd called before onDragStart.");const{w:s,h:d,i:C,containerPadding:u}=this.props,{left:g,top:p}=this.state.dragging,y={top:p,left:g};this.setState({dragging:null});const{x:M,y:L}=(0,a.calcXY)(this.getPositionParams(),p-u[1],g-u[0],s,d);return o.call(this,C,M,L,{e:R,node:h,newPosition:y})}),b(this,"onResizeStop",(R,w,h)=>this.onResizeHandler(R,w,h,"onResizeStop")),b(this,"onResizeStart",(R,w,h)=>this.onResizeHandler(R,w,h,"onResizeStart")),b(this,"onResize",(R,w,h)=>this.onResizeHandler(R,w,h,"onResize"))}shouldComponentUpdate(R,w){if(this.props.children!==R.children||this.props.droppingPosition!==R.droppingPosition)return!0;const h=(0,a.calcGridItemPosition)(this.getPositionParams(this.props),this.props.x,this.props.y,this.props.w,this.props.h,this.state),o=(0,a.calcGridItemPosition)(this.getPositionParams(R),R.x,R.y,R.w,R.h,w);return!(0,i.fastPositionEqual)(h,o)||this.props.useCSSTransforms!==R.useCSSTransforms}componentDidMount(){this.moveDroppingItem({})}componentDidUpdate(R){this.moveDroppingItem(R)}moveDroppingItem(R){const{droppingPosition:w}=this.props;if(!w)return;const h=this.elementRef.current;if(!h)return;const o=R.droppingPosition||{left:0,top:0},{dragging:s}=this.state,d=s&&w.left!==o.left||w.top!==o.top;if(!s)this.onDragStart(w.e,{node:h,deltaX:w.left,deltaY:w.top});else if(d){const C=w.left-s.left,u=w.top-s.top;this.onDrag(w.e,{node:h,deltaX:C,deltaY:u})}}getPositionParams(){let R=arguments.length>0&&arguments[0]!==void 0?arguments[0]:this.props;return{cols:R.cols,containerPadding:R.containerPadding,containerWidth:R.containerWidth,margin:R.margin,maxRows:R.maxRows,rowHeight:R.rowHeight}}createStyle(R){const{usePercentages:w,containerWidth:h,useCSSTransforms:o}=this.props;let s;return o?s=(0,i.setTransform)(R):(s=(0,i.setTopLeft)(R),w&&(s.left=(0,i.perc)(R.left/h),s.width=(0,i.perc)(R.width/h))),s}mixinDraggable(R,w){return t.default.createElement(r.DraggableCore,{disabled:!w,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},R)}curryResizeHandler(R,w){return(h,o)=>w(h,o,R)}mixinResizable(R,w,h){const{cols:o,minW:s,minH:d,maxW:C,maxH:u,transformScale:g,resizeHandles:p,resizeHandle:y}=this.props,M=this.getPositionParams(),L=(0,a.calcGridItemPosition)(M,0,0,o,0).width,V=(0,a.calcGridItemPosition)(M,0,0,s,d),U=(0,a.calcGridItemPosition)(M,0,0,C,u),E=[V.width,V.height],D=[Math.min(U.width,L),Math.min(U.height,1/0)];return t.default.createElement(n.Resizable,{draggableOpts:{disabled:!h},className:h?void 0:"react-resizable-hide",width:w.width,height:w.height,minConstraints:E,maxConstraints:D,onResizeStop:this.curryResizeHandler(w,this.onResizeStop),onResizeStart:this.curryResizeHandler(w,this.onResizeStart),onResize:this.curryResizeHandler(w,this.onResize),transformScale:g,resizeHandles:p,handle:y},R)}onResizeHandler(R,w,h,o){let{node:s,size:d,handle:C}=w;const u=this.props[o];if(!u)return;const{x:g,y:p,i:y,maxH:M,minH:L,containerWidth:V}=this.props,{minW:U,maxW:E}=this.props;let D=d;s&&(D=(0,i.resizeItemInDirection)(C,h,d,V),this.setState({resizing:o==="onResizeStop"?null:D}));let{w:W,h:X}=(0,a.calcWH)(this.getPositionParams(),D.width,D.height,g,p,C);W=(0,a.clamp)(W,Math.max(U,1),E),X=(0,a.clamp)(X,L,M),u.call(this,y,W,X,{e:R,node:s,size:D,handle:C})}render(){const{x:R,y:w,w:h,h:o,isDraggable:s,isResizable:d,droppingPosition:C,useCSSTransforms:u}=this.props,g=(0,a.calcGridItemPosition)(this.getPositionParams(),R,w,h,o,this.state),p=t.default.Children.only(this.props.children);let y=t.default.cloneElement(p,{ref:this.elementRef,className:(0,S.default)("react-grid-item",p.props.className,this.props.className,{static:this.props.static,resizing:!!this.state.resizing,"react-draggable":s,"react-draggable-dragging":!!this.state.dragging,dropping:!!C,cssTransforms:u}),style:{...this.props.style,...p.props.style,...this.createStyle(g)}});return y=this.mixinResizable(y,g,d),y=this.mixinDraggable(y,s),y}};return et.default=_,b(_,"propTypes",{children:e.default.element,cols:e.default.number.isRequired,containerWidth:e.default.number.isRequired,rowHeight:e.default.number.isRequired,margin:e.default.array.isRequired,maxRows:e.default.number.isRequired,containerPadding:e.default.array.isRequired,x:e.default.number.isRequired,y:e.default.number.isRequired,w:e.default.number.isRequired,h:e.default.number.isRequired,minW:function(I,R){const w=I[R];if(typeof w!="number")return new Error("minWidth not Number");if(w>I.w||w>I.maxW)return new Error("minWidth larger than item width/maxWidth")},maxW:function(I,R){const w=I[R];if(typeof w!="number")return new Error("maxWidth not Number");if(w<I.w||w<I.minW)return new Error("maxWidth smaller than item width/minWidth")},minH:function(I,R){const w=I[R];if(typeof w!="number")return new Error("minHeight not Number");if(w>I.h||w>I.maxH)return new Error("minHeight larger than item height/maxHeight")},maxH:function(I,R){const w=I[R];if(typeof w!="number")return new Error("maxHeight not Number");if(w<I.h||w<I.minH)return new Error("maxHeight smaller than item height/minHeight")},i:e.default.string.isRequired,resizeHandles:l.resizeHandleAxesType,resizeHandle:l.resizeHandleType,onDragStop:e.default.func,onDragStart:e.default.func,onDrag:e.default.func,onResizeStop:e.default.func,onResizeStart:e.default.func,onResize:e.default.func,isDraggable:e.default.bool.isRequired,isResizable:e.default.bool.isRequired,isBounded:e.default.bool.isRequired,static:e.default.bool,useCSSTransforms:e.default.bool.isRequired,transformScale:e.default.number,className:e.default.string,handle:e.default.string,cancel:e.default.string,droppingPosition:e.default.shape({e:e.default.object.isRequired,left:e.default.number.isRequired,top:e.default.number.isRequired})}),b(_,"defaultProps",{className:"",cancel:"",handle:"",minH:1,minW:1,maxH:1/0,maxW:1/0,transformScale:1}),et}var lr;function ur(){if(lr)return Je;lr=1,Object.defineProperty(Je,"__esModule",{value:!0}),Je.default=void 0;var t=b(j),e=an(),r=S(on()),n=Ve(),i=ln(),a=S(li()),l=S(or());function S(h){return h&&h.__esModule?h:{default:h}}function f(h){if(typeof WeakMap!="function")return null;var o=new WeakMap,s=new WeakMap;return(f=function(d){return d?s:o})(h)}function b(h,o){if(h&&h.__esModule)return h;if(h===null||typeof h!="object"&&typeof h!="function")return{default:h};var s=f(o);if(s&&s.has(h))return s.get(h);var d={__proto__:null},C=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in h)if(u!=="default"&&Object.prototype.hasOwnProperty.call(h,u)){var g=C?Object.getOwnPropertyDescriptor(h,u):null;g&&(g.get||g.set)?Object.defineProperty(d,u,g):d[u]=h[u]}return d.default=h,s&&s.set(h,d),d}function m(h,o,s){return o=T(o),o in h?Object.defineProperty(h,o,{value:s,enumerable:!0,configurable:!0,writable:!0}):h[o]=s,h}function T(h){var o=_(h,"string");return typeof o=="symbol"?o:String(o)}function _(h,o){if(typeof h!="object"||h===null)return h;var s=h[Symbol.toPrimitive];if(s!==void 0){var d=s.call(h,o||"default");if(typeof d!="object")return d;throw new TypeError("@@toPrimitive must return a primitive value.")}return(o==="string"?String:Number)(h)}const I="react-grid-layout";let R=!1;try{R=/firefox/i.test(navigator.userAgent)}catch{}let w=class extends t.Component{constructor(){super(...arguments),m(this,"state",{activeDrag:null,layout:(0,n.synchronizeLayoutWithChildren)(this.props.layout,this.props.children,this.props.cols,(0,n.compactType)(this.props),this.props.allowOverlap),mounted:!1,oldDragItem:null,oldLayout:null,oldResizeItem:null,resizing:!1,droppingDOMNode:null,children:[]}),m(this,"dragEnterCounter",0),m(this,"onDragStart",(o,s,d,C)=>{let{e:u,node:g}=C;const{layout:p}=this.state,y=(0,n.getLayoutItem)(p,o);if(!y)return;const M={w:y.w,h:y.h,x:y.x,y:y.y,placeholder:!0,i:o};return this.setState({oldDragItem:(0,n.cloneLayoutItem)(y),oldLayout:p,activeDrag:M}),this.props.onDragStart(p,y,y,null,u,g)}),m(this,"onDrag",(o,s,d,C)=>{let{e:u,node:g}=C;const{oldDragItem:p}=this.state;let{layout:y}=this.state;const{cols:M,allowOverlap:L,preventCollision:V}=this.props,U=(0,n.getLayoutItem)(y,o);if(!U)return;const E={w:U.w,h:U.h,x:U.x,y:U.y,placeholder:!0,i:o};y=(0,n.moveElement)(y,U,s,d,!0,V,(0,n.compactType)(this.props),M,L),this.props.onDrag(y,p,U,E,u,g),this.setState({layout:L?y:(0,n.compact)(y,(0,n.compactType)(this.props),M),activeDrag:E})}),m(this,"onDragStop",(o,s,d,C)=>{let{e:u,node:g}=C;if(!this.state.activeDrag)return;const{oldDragItem:p}=this.state;let{layout:y}=this.state;const{cols:M,preventCollision:L,allowOverlap:V}=this.props,U=(0,n.getLayoutItem)(y,o);if(!U)return;y=(0,n.moveElement)(y,U,s,d,!0,L,(0,n.compactType)(this.props),M,V);const D=V?y:(0,n.compact)(y,(0,n.compactType)(this.props),M);this.props.onDragStop(D,p,U,null,u,g);const{oldLayout:W}=this.state;this.setState({activeDrag:null,layout:D,oldDragItem:null,oldLayout:null}),this.onLayoutMaybeChanged(D,W)}),m(this,"onResizeStart",(o,s,d,C)=>{let{e:u,node:g}=C;const{layout:p}=this.state,y=(0,n.getLayoutItem)(p,o);y&&(this.setState({oldResizeItem:(0,n.cloneLayoutItem)(y),oldLayout:this.state.layout,resizing:!0}),this.props.onResizeStart(p,y,y,null,u,g))}),m(this,"onResize",(o,s,d,C)=>{let{e:u,node:g,size:p,handle:y}=C;const{oldResizeItem:M}=this.state,{layout:L}=this.state,{cols:V,preventCollision:U,allowOverlap:E}=this.props;let D=!1,W,X,Y;const[ne,ee]=(0,n.withLayoutItem)(L,o,H=>{let re;return X=H.x,Y=H.y,["sw","w","nw","n","ne"].indexOf(y)!==-1&&(["sw","nw","w"].indexOf(y)!==-1&&(X=H.x+(H.w-s),s=H.x!==X&&X<0?H.w:s,X=X<0?0:X),["ne","n","nw"].indexOf(y)!==-1&&(Y=H.y+(H.h-d),d=H.y!==Y&&Y<0?H.h:d,Y=Y<0?0:Y),D=!0),U&&!E&&(re=(0,n.getAllCollisions)(L,{...H,w:s,h:d,x:X,y:Y}).filter(ue=>ue.i!==H.i).length>0,re&&(Y=H.y,d=H.h,X=H.x,s=H.w,D=!1)),H.w=s,H.h=d,H});if(!ee)return;W=ne,D&&(W=(0,n.moveElement)(ne,ee,X,Y,!0,this.props.preventCollision,(0,n.compactType)(this.props),V,E));const F={w:ee.w,h:ee.h,x:ee.x,y:ee.y,static:!0,i:o};this.props.onResize(W,M,ee,F,u,g),this.setState({layout:E?W:(0,n.compact)(W,(0,n.compactType)(this.props),V),activeDrag:F})}),m(this,"onResizeStop",(o,s,d,C)=>{let{e:u,node:g}=C;const{layout:p,oldResizeItem:y}=this.state,{cols:M,allowOverlap:L}=this.props,V=(0,n.getLayoutItem)(p,o),U=L?p:(0,n.compact)(p,(0,n.compactType)(this.props),M);this.props.onResizeStop(U,y,V,null,u,g);const{oldLayout:E}=this.state;this.setState({activeDrag:null,layout:U,oldResizeItem:null,oldLayout:null,resizing:!1}),this.onLayoutMaybeChanged(U,E)}),m(this,"onDragOver",o=>{var ne;if(o.preventDefault(),o.stopPropagation(),R&&!((ne=o.nativeEvent.target)!=null&&ne.classList.contains(I)))return!1;const{droppingItem:s,onDropDragOver:d,margin:C,cols:u,rowHeight:g,maxRows:p,width:y,containerPadding:M,transformScale:L}=this.props,V=d==null?void 0:d(o);if(V===!1)return this.state.droppingDOMNode&&this.removeDroppingPlaceholder(),!1;const U={...s,...V},{layout:E}=this.state,D=o.currentTarget.getBoundingClientRect(),W=o.clientX-D.left,X=o.clientY-D.top,Y={left:W/L,top:X/L,e:o};if(this.state.droppingDOMNode){if(this.state.droppingPosition){const{left:ee,top:F}=this.state.droppingPosition;(ee!=W||F!=X)&&this.setState({droppingPosition:Y})}}else{const ee={cols:u,margin:C,maxRows:p,rowHeight:g,containerWidth:y,containerPadding:M||C},F=(0,i.calcXY)(ee,X,W,U.w,U.h);this.setState({droppingDOMNode:t.createElement("div",{key:U.i}),droppingPosition:Y,layout:[...E,{...U,x:F.x,y:F.y,static:!1,isDraggable:!0}]})}}),m(this,"removeDroppingPlaceholder",()=>{const{droppingItem:o,cols:s}=this.props,{layout:d}=this.state,C=(0,n.compact)(d.filter(u=>u.i!==o.i),(0,n.compactType)(this.props),s,this.props.allowOverlap);this.setState({layout:C,droppingDOMNode:null,activeDrag:null,droppingPosition:void 0})}),m(this,"onDragLeave",o=>{o.preventDefault(),o.stopPropagation(),this.dragEnterCounter--,this.dragEnterCounter===0&&this.removeDroppingPlaceholder()}),m(this,"onDragEnter",o=>{o.preventDefault(),o.stopPropagation(),this.dragEnterCounter++}),m(this,"onDrop",o=>{o.preventDefault(),o.stopPropagation();const{droppingItem:s}=this.props,{layout:d}=this.state,C=d.find(u=>u.i===s.i);this.dragEnterCounter=0,this.removeDroppingPlaceholder(),this.props.onDrop(d,C,o)})}componentDidMount(){this.setState({mounted:!0}),this.onLayoutMaybeChanged(this.state.layout,this.props.layout)}static getDerivedStateFromProps(o,s){let d;return s.activeDrag?null:(!(0,e.deepEqual)(o.layout,s.propsLayout)||o.compactType!==s.compactType?d=o.layout:(0,n.childrenEqual)(o.children,s.children)||(d=s.layout),d?{layout:(0,n.synchronizeLayoutWithChildren)(d,o.children,o.cols,(0,n.compactType)(o),o.allowOverlap),compactType:o.compactType,children:o.children,propsLayout:o.layout}:null)}shouldComponentUpdate(o,s){return this.props.children!==o.children||!(0,n.fastRGLPropsEqual)(this.props,o,e.deepEqual)||this.state.activeDrag!==s.activeDrag||this.state.mounted!==s.mounted||this.state.droppingPosition!==s.droppingPosition}componentDidUpdate(o,s){if(!this.state.activeDrag){const d=this.state.layout,C=s.layout;this.onLayoutMaybeChanged(d,C)}}containerHeight(){if(!this.props.autoSize)return;const o=(0,n.bottom)(this.state.layout),s=this.props.containerPadding?this.props.containerPadding[1]:this.props.margin[1];return o*this.props.rowHeight+(o-1)*this.props.margin[1]+s*2+"px"}onLayoutMaybeChanged(o,s){s||(s=this.state.layout),(0,e.deepEqual)(s,o)||this.props.onLayoutChange(o)}placeholder(){const{activeDrag:o}=this.state;if(!o)return null;const{width:s,cols:d,margin:C,containerPadding:u,rowHeight:g,maxRows:p,useCSSTransforms:y,transformScale:M}=this.props;return t.createElement(a.default,{w:o.w,h:o.h,x:o.x,y:o.y,i:o.i,className:`react-grid-placeholder ${this.state.resizing?"placeholder-resizing":""}`,containerWidth:s,cols:d,margin:C,containerPadding:u||C,maxRows:p,rowHeight:g,isDraggable:!1,isResizable:!1,isBounded:!1,useCSSTransforms:y,transformScale:M},t.createElement("div",null))}processGridItem(o,s){if(!o||!o.key)return;const d=(0,n.getLayoutItem)(this.state.layout,String(o.key));if(!d)return null;const{width:C,cols:u,margin:g,containerPadding:p,rowHeight:y,maxRows:M,isDraggable:L,isResizable:V,isBounded:U,useCSSTransforms:E,transformScale:D,draggableCancel:W,draggableHandle:X,resizeHandles:Y,resizeHandle:ne}=this.props,{mounted:ee,droppingPosition:F}=this.state,H=typeof d.isDraggable=="boolean"?d.isDraggable:!d.static&&L,re=typeof d.isResizable=="boolean"?d.isResizable:!d.static&&V,oe=d.resizeHandles||Y,ue=H&&U&&d.isBounded!==!1;return t.createElement(a.default,{containerWidth:C,cols:u,margin:g,containerPadding:p||g,maxRows:M,rowHeight:y,cancel:W,handle:X,onDragStop:this.onDragStop,onDragStart:this.onDragStart,onDrag:this.onDrag,onResizeStart:this.onResizeStart,onResize:this.onResize,onResizeStop:this.onResizeStop,isDraggable:H,isResizable:re,isBounded:ue,useCSSTransforms:E&&ee,usePercentages:!ee,transformScale:D,w:d.w,h:d.h,x:d.x,y:d.y,i:d.i,minH:d.minH,minW:d.minW,maxH:d.maxH,maxW:d.maxW,static:d.static,droppingPosition:s?F:void 0,resizeHandles:oe,resizeHandle:ne},o)}render(){const{className:o,style:s,isDroppable:d,innerRef:C}=this.props,u=(0,r.default)(I,o),g={height:this.containerHeight(),...s};return t.createElement("div",{ref:C,className:u,style:g,onDrop:d?this.onDrop:n.noop,onDragLeave:d?this.onDragLeave:n.noop,onDragEnter:d?this.onDragEnter:n.noop,onDragOver:d?this.onDragOver:n.noop},t.Children.map(this.props.children,p=>this.processGridItem(p)),d&&this.state.droppingDOMNode&&this.processGridItem(this.state.droppingDOMNode,!0),this.placeholder())}};return Je.default=w,m(w,"displayName","ReactGridLayout"),m(w,"propTypes",l.default),m(w,"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:n.noop,onDragStart:n.noop,onDrag:n.noop,onDragStop:n.noop,onResizeStart:n.noop,onResize:n.noop,onResizeStop:n.noop,onDrop:n.noop,onDropDragOver:n.noop}),Je}var st={},Me={},cr;function dr(){if(cr)return Me;cr=1,Object.defineProperty(Me,"__esModule",{value:!0}),Me.findOrGenerateResponsiveLayout=n,Me.getBreakpointFromWidth=e,Me.getColsFromBreakpoint=r,Me.sortBreakpoints=i;var t=Ve();function e(a,l){const S=i(a);let f=S[0];for(let b=1,m=S.length;b<m;b++){const T=S[b];l>a[T]&&(f=T)}return f}function r(a,l){if(!l[a])throw new Error("ResponsiveReactGridLayout: `cols` entry for breakpoint "+a+" is missing!");return l[a]}function n(a,l,S,f,b,m){if(a[S])return(0,t.cloneLayout)(a[S]);let T=a[f];const _=i(l),I=_.slice(_.indexOf(S));for(let R=0,w=I.length;R<w;R++){const h=I[R];if(a[h]){T=a[h];break}}return T=(0,t.cloneLayout)(T||[]),(0,t.compact)((0,t.correctBounds)(T,{cols:b}),m,b)}function i(a){return Object.keys(a).sort(function(S,f){return a[S]-a[f]})}return Me}var fr;function ui(){if(fr)return st;fr=1,Object.defineProperty(st,"__esModule",{value:!0}),st.default=void 0;var t=f(j),e=l(xe()),r=an(),n=Ve(),i=dr(),a=l(ur());function l(h){return h&&h.__esModule?h:{default:h}}function S(h){if(typeof WeakMap!="function")return null;var o=new WeakMap,s=new WeakMap;return(S=function(d){return d?s:o})(h)}function f(h,o){if(h&&h.__esModule)return h;if(h===null||typeof h!="object"&&typeof h!="function")return{default:h};var s=S(o);if(s&&s.has(h))return s.get(h);var d={__proto__:null},C=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in h)if(u!=="default"&&Object.prototype.hasOwnProperty.call(h,u)){var g=C?Object.getOwnPropertyDescriptor(h,u):null;g&&(g.get||g.set)?Object.defineProperty(d,u,g):d[u]=h[u]}return d.default=h,s&&s.set(h,d),d}function b(){return b=Object.assign?Object.assign.bind():function(h){for(var o=1;o<arguments.length;o++){var s=arguments[o];for(var d in s)Object.prototype.hasOwnProperty.call(s,d)&&(h[d]=s[d])}return h},b.apply(this,arguments)}function m(h,o,s){return o=T(o),o in h?Object.defineProperty(h,o,{value:s,enumerable:!0,configurable:!0,writable:!0}):h[o]=s,h}function T(h){var o=_(h,"string");return typeof o=="symbol"?o:String(o)}function _(h,o){if(typeof h!="object"||h===null)return h;var s=h[Symbol.toPrimitive];if(s!==void 0){var d=s.call(h,o||"default");if(typeof d!="object")return d;throw new TypeError("@@toPrimitive must return a primitive value.")}return(o==="string"?String:Number)(h)}const I=h=>Object.prototype.toString.call(h);function R(h,o){return h==null?null:Array.isArray(h)?h:h[o]}let w=class extends t.Component{constructor(){super(...arguments),m(this,"state",this.generateInitialState()),m(this,"onLayoutChange",o=>{this.props.onLayoutChange(o,{...this.props.layouts,[this.state.breakpoint]:o})})}generateInitialState(){const{width:o,breakpoints:s,layouts:d,cols:C}=this.props,u=(0,i.getBreakpointFromWidth)(s,o),g=(0,i.getColsFromBreakpoint)(u,C),p=this.props.verticalCompact===!1?null:this.props.compactType;return{layout:(0,i.findOrGenerateResponsiveLayout)(d,s,u,u,g,p),breakpoint:u,cols:g}}static getDerivedStateFromProps(o,s){if(!(0,r.deepEqual)(o.layouts,s.layouts)){const{breakpoint:d,cols:C}=s;return{layout:(0,i.findOrGenerateResponsiveLayout)(o.layouts,o.breakpoints,d,d,C,o.compactType),layouts:o.layouts}}return null}componentDidUpdate(o){(this.props.width!=o.width||this.props.breakpoint!==o.breakpoint||!(0,r.deepEqual)(this.props.breakpoints,o.breakpoints)||!(0,r.deepEqual)(this.props.cols,o.cols))&&this.onWidthChange(o)}onWidthChange(o){const{breakpoints:s,cols:d,layouts:C,compactType:u}=this.props,g=this.props.breakpoint||(0,i.getBreakpointFromWidth)(this.props.breakpoints,this.props.width),p=this.state.breakpoint,y=(0,i.getColsFromBreakpoint)(g,d),M={...C};if(p!==g||o.breakpoints!==s||o.cols!==d){p in M||(M[p]=(0,n.cloneLayout)(this.state.layout));let U=(0,i.findOrGenerateResponsiveLayout)(M,s,g,p,y,u);U=(0,n.synchronizeLayoutWithChildren)(U,this.props.children,y,u,this.props.allowOverlap),M[g]=U,this.props.onLayoutChange(U,M),this.props.onBreakpointChange(g,y),this.setState({breakpoint:g,layout:U,cols:y})}const L=R(this.props.margin,g),V=R(this.props.containerPadding,g);this.props.onWidthChange(this.props.width,L,y,V)}render(){const{breakpoint:o,breakpoints:s,cols:d,layouts:C,margin:u,containerPadding:g,onBreakpointChange:p,onLayoutChange:y,onWidthChange:M,...L}=this.props;return t.createElement(a.default,b({},L,{margin:R(u,this.state.breakpoint),containerPadding:R(g,this.state.breakpoint),onLayoutChange:this.onLayoutChange,layout:this.state.layout,cols:this.state.cols}))}};return st.default=w,m(w,"propTypes",{breakpoint:e.default.string,breakpoints:e.default.object,allowOverlap:e.default.bool,cols:e.default.object,margin:e.default.oneOfType([e.default.array,e.default.object]),containerPadding:e.default.oneOfType([e.default.array,e.default.object]),layouts(h,o){if(I(h[o])!=="[object Object]")throw new Error("Layout property must be an object. Received: "+I(h[o]));Object.keys(h[o]).forEach(s=>{if(!(s in h.breakpoints))throw new Error("Each key in layouts must align with a key in breakpoints.");(0,n.validateLayout)(h.layouts[s],"layouts."+s)})},width:e.default.number.isRequired,onBreakpointChange:e.default.func,onLayoutChange:e.default.func,onWidthChange:e.default.func}),m(w,"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:n.noop,onLayoutChange:n.noop,onWidthChange:n.noop}),st}var Et={},pr=function(){if(typeof Map<"u")return Map;function t(e,r){var n=-1;return e.some(function(i,a){return i[0]===r?(n=a,!0):!1}),n}return function(){function e(){this.__entries__=[]}return Object.defineProperty(e.prototype,"size",{get:function(){return this.__entries__.length},enumerable:!0,configurable:!0}),e.prototype.get=function(r){var n=t(this.__entries__,r),i=this.__entries__[n];return i&&i[1]},e.prototype.set=function(r,n){var i=t(this.__entries__,r);~i?this.__entries__[i][1]=n:this.__entries__.push([r,n])},e.prototype.delete=function(r){var n=this.__entries__,i=t(n,r);~i&&n.splice(i,1)},e.prototype.has=function(r){return!!~t(this.__entries__,r)},e.prototype.clear=function(){this.__entries__.splice(0)},e.prototype.forEach=function(r,n){n===void 0&&(n=null);for(var i=0,a=this.__entries__;i<a.length;i++){var l=a[i];r.call(n,l[1],l[0])}},e}()}(),mn=typeof window<"u"&&typeof document<"u"&&window.document===document,Ot=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")()}(),ci=function(){return typeof requestAnimationFrame=="function"?requestAnimationFrame.bind(Ot):function(t){return setTimeout(function(){return t(Date.now())},1e3/60)}}(),di=2;function fi(t,e){var r=!1,n=!1,i=0;function a(){r&&(r=!1,t()),n&&S()}function l(){ci(a)}function S(){var f=Date.now();if(r){if(f-i<di)return;n=!0}else r=!0,n=!1,setTimeout(l,e);i=f}return S}var pi=20,hi=["top","right","bottom","left","width","height","size","weight"],mi=typeof MutationObserver<"u",gi=function(){function t(){this.connected_=!1,this.mutationEventsAdded_=!1,this.mutationsObserver_=null,this.observers_=[],this.onTransitionEnd_=this.onTransitionEnd_.bind(this),this.refresh=fi(this.refresh.bind(this),pi)}return t.prototype.addObserver=function(e){~this.observers_.indexOf(e)||this.observers_.push(e),this.connected_||this.connect_()},t.prototype.removeObserver=function(e){var r=this.observers_,n=r.indexOf(e);~n&&r.splice(n,1),!r.length&&this.connected_&&this.disconnect_()},t.prototype.refresh=function(){var e=this.updateObservers_();e&&this.refresh()},t.prototype.updateObservers_=function(){var e=this.observers_.filter(function(r){return r.gatherActive(),r.hasActive()});return e.forEach(function(r){return r.broadcastActive()}),e.length>0},t.prototype.connect_=function(){!mn||this.connected_||(document.addEventListener("transitionend",this.onTransitionEnd_),window.addEventListener("resize",this.refresh),mi?(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)},t.prototype.disconnect_=function(){!mn||!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)},t.prototype.onTransitionEnd_=function(e){var r=e.propertyName,n=r===void 0?"":r,i=hi.some(function(a){return!!~n.indexOf(a)});i&&this.refresh()},t.getInstance=function(){return this.instance_||(this.instance_=new t),this.instance_},t.instance_=null,t}(),hr=function(t,e){for(var r=0,n=Object.keys(e);r<n.length;r++){var i=n[r];Object.defineProperty(t,i,{value:e[i],enumerable:!1,writable:!1,configurable:!0})}return t},ze=function(t){var e=t&&t.ownerDocument&&t.ownerDocument.defaultView;return e||Ot},mr=Mt(0,0,0,0);function Pt(t){return parseFloat(t)||0}function gr(t){for(var e=[],r=1;r<arguments.length;r++)e[r-1]=arguments[r];return e.reduce(function(n,i){var a=t["border-"+i+"-width"];return n+Pt(a)},0)}function vi(t){for(var e=["top","right","bottom","left"],r={},n=0,i=e;n<i.length;n++){var a=i[n],l=t["padding-"+a];r[a]=Pt(l)}return r}function yi(t){var e=t.getBBox();return Mt(0,0,e.width,e.height)}function Si(t){var e=t.clientWidth,r=t.clientHeight;if(!e&&!r)return mr;var n=ze(t).getComputedStyle(t),i=vi(n),a=i.left+i.right,l=i.top+i.bottom,S=Pt(n.width),f=Pt(n.height);if(n.boxSizing==="border-box"&&(Math.round(S+a)!==e&&(S-=gr(n,"left","right")+a),Math.round(f+l)!==r&&(f-=gr(n,"top","bottom")+l)),!Ri(t)){var b=Math.round(S+a)-e,m=Math.round(f+l)-r;Math.abs(b)!==1&&(S-=b),Math.abs(m)!==1&&(f-=m)}return Mt(i.left,i.top,S,f)}var bi=function(){return typeof SVGGraphicsElement<"u"?function(t){return t instanceof ze(t).SVGGraphicsElement}:function(t){return t instanceof ze(t).SVGElement&&typeof t.getBBox=="function"}}();function Ri(t){return t===ze(t).document.documentElement}function Ci(t){return mn?bi(t)?yi(t):Si(t):mr}function Ti(t){var e=t.x,r=t.y,n=t.width,i=t.height,a=typeof DOMRectReadOnly<"u"?DOMRectReadOnly:Object,l=Object.create(a.prototype);return hr(l,{x:e,y:r,width:n,height:i,top:r,right:e+n,bottom:i+r,left:e}),l}function Mt(t,e,r,n){return{x:t,y:e,width:r,height:n}}var Ii=function(){function t(e){this.broadcastWidth=0,this.broadcastHeight=0,this.contentRect_=Mt(0,0,0,0),this.target=e}return t.prototype.isActive=function(){var e=Ci(this.target);return this.contentRect_=e,e.width!==this.broadcastWidth||e.height!==this.broadcastHeight},t.prototype.broadcastRect=function(){var e=this.contentRect_;return this.broadcastWidth=e.width,this.broadcastHeight=e.height,e},t}(),wi=function(){function t(e,r){var n=Ti(r);hr(this,{target:e,contentRect:n})}return t}(),_i=function(){function t(e,r,n){if(this.activeObservations_=[],this.observations_=new pr,typeof e!="function")throw new TypeError("The callback provided as parameter 1 is not a function.");this.callback_=e,this.controller_=r,this.callbackCtx_=n}return t.prototype.observe=function(e){if(!arguments.length)throw new TypeError("1 argument required, but only 0 present.");if(!(typeof Element>"u"||!(Element instanceof Object))){if(!(e instanceof ze(e).Element))throw new TypeError('parameter 1 is not of type "Element".');var r=this.observations_;r.has(e)||(r.set(e,new Ii(e)),this.controller_.addObserver(this),this.controller_.refresh())}},t.prototype.unobserve=function(e){if(!arguments.length)throw new TypeError("1 argument required, but only 0 present.");if(!(typeof Element>"u"||!(Element instanceof Object))){if(!(e instanceof ze(e).Element))throw new TypeError('parameter 1 is not of type "Element".');var r=this.observations_;r.has(e)&&(r.delete(e),r.size||this.controller_.removeObserver(this))}},t.prototype.disconnect=function(){this.clearActive(),this.observations_.clear(),this.controller_.removeObserver(this)},t.prototype.gatherActive=function(){var e=this;this.clearActive(),this.observations_.forEach(function(r){r.isActive()&&e.activeObservations_.push(r)})},t.prototype.broadcastActive=function(){if(this.hasActive()){var e=this.callbackCtx_,r=this.activeObservations_.map(function(n){return new wi(n.target,n.broadcastRect())});this.callback_.call(e,r,e),this.clearActive()}},t.prototype.clearActive=function(){this.activeObservations_.splice(0)},t.prototype.hasActive=function(){return this.activeObservations_.length>0},t}(),vr=typeof WeakMap<"u"?new WeakMap:new pr,yr=function(){function t(e){if(!(this instanceof t))throw new TypeError("Cannot call a class as a function.");if(!arguments.length)throw new TypeError("1 argument required, but only 0 present.");var r=gi.getInstance(),n=new _i(e,r,this);vr.set(this,n)}return t}();["observe","unobserve","disconnect"].forEach(function(t){yr.prototype[t]=function(){var e;return(e=vr.get(this))[t].apply(e,arguments)}});var xi=function(){return typeof Ot.ResizeObserver<"u"?Ot.ResizeObserver:yr}();const Ei=_n(Object.freeze(Object.defineProperty({__proto__:null,default:xi},Symbol.toStringTag,{value:"Module"})));var Sr;function Oi(){if(Sr)return Et;Sr=1,Object.defineProperty(Et,"__esModule",{value:!0}),Et.default=_;var t=l(j),e=i(xe()),r=i(Ei),n=i(on());function i(I){return I&&I.__esModule?I:{default:I}}function a(I){if(typeof WeakMap!="function")return null;var R=new WeakMap,w=new WeakMap;return(a=function(h){return h?w:R})(I)}function l(I,R){if(I&&I.__esModule)return I;if(I===null||typeof I!="object"&&typeof I!="function")return{default:I};var w=a(R);if(w&&w.has(I))return w.get(I);var h={__proto__:null},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var s in I)if(s!=="default"&&Object.prototype.hasOwnProperty.call(I,s)){var d=o?Object.getOwnPropertyDescriptor(I,s):null;d&&(d.get||d.set)?Object.defineProperty(h,s,d):h[s]=I[s]}return h.default=I,w&&w.set(I,h),h}function S(){return S=Object.assign?Object.assign.bind():function(I){for(var R=1;R<arguments.length;R++){var w=arguments[R];for(var h in w)Object.prototype.hasOwnProperty.call(w,h)&&(I[h]=w[h])}return I},S.apply(this,arguments)}function f(I,R,w){return R=b(R),R in I?Object.defineProperty(I,R,{value:w,enumerable:!0,configurable:!0,writable:!0}):I[R]=w,I}function b(I){var R=m(I,"string");return typeof R=="symbol"?R:String(R)}function m(I,R){if(typeof I!="object"||I===null)return I;var w=I[Symbol.toPrimitive];if(w!==void 0){var h=w.call(I,R||"default");if(typeof h!="object")return h;throw new TypeError("@@toPrimitive must return a primitive value.")}return(R==="string"?String:Number)(I)}const T="react-grid-layout";function _(I){var R;return R=class extends t.Component{constructor(){super(...arguments),f(this,"state",{width:1280}),f(this,"elementRef",t.createRef()),f(this,"mounted",!1),f(this,"resizeObserver",void 0)}componentDidMount(){this.mounted=!0,this.resizeObserver=new r.default(o=>{if(this.elementRef.current instanceof HTMLElement){const d=o[0].contentRect.width;this.setState({width:d})}});const h=this.elementRef.current;h instanceof HTMLElement&&this.resizeObserver.observe(h)}componentWillUnmount(){this.mounted=!1;const h=this.elementRef.current;h instanceof HTMLElement&&this.resizeObserver.unobserve(h),this.resizeObserver.disconnect()}render(){const{measureBeforeMount:h,...o}=this.props;return h&&!this.mounted?t.createElement("div",{className:(0,n.default)(this.props.className,T),style:this.props.style,ref:this.elementRef}):t.createElement(I,S({innerRef:this.elementRef},o,this.state))}},f(R,"defaultProps",{measureBeforeMount:!1}),f(R,"propTypes",{measureBeforeMount:e.default.bool}),R}return Et}var br;function Pi(){return br||(br=1,function(t){t.exports=ur().default,t.exports.utils=Ve(),t.exports.calculateUtils=ln(),t.exports.Responsive=ui().default,t.exports.Responsive.utils=dr(),t.exports.WidthProvider=Oi().default}(rn)),rn.exports}var Mi=Pi();const Di=Ar(Mi);var Ni=Object.defineProperty,ji=Object.getOwnPropertyDescriptor,Li=(t,e,r,n)=>{for(var i=n>1?void 0:n?ji(e,r):e,a=t.length-1,l;a>=0;a--)(l=t[a])&&(i=(n?l(e,r,i):l(i))||i);return n&&i&&Ni(e,r,i),i},Ui=(t,e)=>(r,n)=>e(r,n,t);let Ae=class extends v.Disposable{constructor(e){super();Pe(this,"_initLocal",()=>{});Pe(this,"_findReplaceIndex",e=>{const r=/\{([^}]+)?\}/g,n=[];let i=r.exec(e);for(;i;)n.push({startIndex:i.index,key:Number(i[1]),endIndex:i.index+i[0].length-1}),i=r.exec(e);return n});this._localeService=e,this._initLocal()}tWithReactNode(e,...r){const n=this._localeService.getLocales(),i=e.split("."),a=n&&this._localeService.resolveKeyPath(n,i);if(typeof a=="string"){const l=[];return this._findReplaceIndex(a).forEach((S,f,b)=>{const m=b[f-1]||{startIndex:0,endIndex:-1};if(m.endIndex+1<S.startIndex){const T=a.slice(m.endIndex+1,S.startIndex);T&&l.push(T)}if(r[S.key]&&l.push(r[S.key]),f===b.length-1){const T=a.slice(S.endIndex+1);T&&l.push(T)}}),l}return[]}};Ae=Li([Ui(0,v.Inject(v.LocaleService))],Ae);const Dt={cfPreview:"univer-cf-preview"},We=t=>{var i,a;const e=t.rule;if(!e)return null;const r=j.useMemo(()=>{if(e.type===c.CFRuleType.colorScale){const l=e.config.map((b,m)=>({color:new v.ColorKit(b.color),value:m})),S=l.length-1;return new Array(5).fill("").map((b,m,T)=>m*S/(T.length-1)).map(b=>c.getColorScaleFromValue(l,b))}return null},[e]),n=j.useMemo(()=>{if(e.type===c.CFRuleType.iconSet)return e.config.map(l=>{const S=c.iconMap[l.iconType];return S&&S[Number(l.iconId)]})},[e]);switch(e.type){case c.CFRuleType.dataBar:{const{isGradient:l}=e.config,S={width:"50%",height:"100%"},f=l?`linear-gradient(to right, ${e.config.positiveColor||c.defaultDataBarPositiveColor}, rgb(255 255 255))`:e.config.positiveColor,b=l?`linear-gradient(to right,  rgb(255 255 255),${e.config.nativeColor||c.defaultDataBarNativeColor})`:e.config.nativeColor;return x.jsxs("div",{className:Dt.cfPreview,children:[x.jsx("div",{style:{...S,background:b,border:`1px solid ${e.config.nativeColor||c.defaultDataBarNativeColor}`}}),x.jsx("div",{style:{...S,background:f,border:`1px solid ${e.config.positiveColor||c.defaultDataBarPositiveColor}`}})]})}case c.CFRuleType.colorScale:return r&&x.jsx("div",{className:Dt.cfPreview,children:r.map((l,S)=>x.jsx("div",{style:{width:`${100/r.length}%`,height:"100%",background:l}},S))});case c.CFRuleType.iconSet:return n&&x.jsx("div",{className:Dt.cfPreview,children:n.map((l,S)=>l?x.jsx("img",{style:{height:"100%"},src:l},S):x.jsx(Ze,{},S))});case c.CFRuleType.highlightCell:{const{ul:l,st:S,it:f,bl:b,bg:m,cl:T}=e.style,_=(l==null?void 0:l.s)===v.BooleanNumber.TRUE,I=(S==null?void 0:S.s)===v.BooleanNumber.TRUE,R=f===v.BooleanNumber.TRUE,w=b===v.BooleanNumber.TRUE,h=(i=m==null?void 0:m.rgb)!=null?i:c.DEFAULT_BG_COLOR,o=(a=T==null?void 0:T.rgb)!=null?a:c.DEFAULT_FONT_COLOR,s={fontWeight:w?"bold":void 0,fontStyle:R?"italic":void 0,textDecoration:`${_?"underline":""} ${I?"line-through":""}`.replace(/^ /,"")||void 0,backgroundColor:h,color:o};return x.jsx("div",{style:s,className:Dt.cfPreview,children:"123"})}}return null},pe={cfRuleList:"univer-cf-rule-list",ruleSelector:"univer-rule-selector",select:"univer-select",selectSelector:"univer-select-selector",selectSelectionItem:"univer-select-selection-item",selectSelectionSearchInput:"univer-select-selection-search-input",btnList:"univer-btn-list",gap:"univer-gap",icon:"univer-icon",disabled:"univer-disabled",ruleItem:"univer-rule-item",ruleDescribe:"univer-rule-describe",ruleType:"univer-rule-type",ruleRange:"univer-rule-range",active:"univer-active",draggableHandle:"univer-draggableHandle",deleteItem:"univer-delete-item",gridLayoutWrap:"univer-grid-layout-wrap",reactGridItem:"univer-react-grid-item"},Vi=(t,e)=>{const r=t.rule;switch(r.type){case c.CFRuleType.colorScale:return e.t("sheet.cf.ruleType.colorScale");case c.CFRuleType.dataBar:return e.t("sheet.cf.ruleType.dataBar");case c.CFRuleType.iconSet:return e.t("sheet.cf.ruleType.iconSet");case c.CFRuleType.highlightCell:switch(r.subType){case c.CFSubRuleType.average:{const n=r.operator;return e.t(`sheet.cf.preview.describe.${n}`,e.t("sheet.cf.subRuleType.average"))}case c.CFSubRuleType.duplicateValues:return e.t("sheet.cf.subRuleType.duplicateValues");case c.CFSubRuleType.uniqueValues:return e.t("sheet.cf.subRuleType.uniqueValues");case c.CFSubRuleType.number:{const n=r.operator;return e.t(`sheet.cf.preview.describe.${n}`,...Array.isArray(r.value)?r.value.map(i=>String(i)):[String(r.value||"")])}case c.CFSubRuleType.text:{const n=r.operator;return e.t(`sheet.cf.preview.describe.${n}`,r.value||"")}case c.CFSubRuleType.timePeriod:{const n=r.operator;return e.t(`sheet.cf.preview.describe.${n}`)}case c.CFSubRuleType.rank:return r.isPercent?r.isBottom?e.t("sheet.cf.preview.describe.bottomNPercent",String(r.value)):e.t("sheet.cf.preview.describe.topNPercent",String(r.value)):r.isBottom?e.t("sheet.cf.preview.describe.bottomN",String(r.value)):e.t("sheet.cf.preview.describe.topN",String(r.value));case c.CFSubRuleType.formula:return e.t("sheet.cf.ruleType.formula")}}};let Rr=0;const zi=t=>{const{onClick:e}=t,r=v.useDependency(c.ConditionalFormattingRuleModel),n=v.useDependency(v.IUniverInstanceService),i=v.useDependency(q.SheetsSelectionsService),a=v.useDependency(v.ICommandService),l=v.useDependency(v.LocaleService),S=v.useDependency(v.Injector),f=v.useDependency(Ae),b=ge.useObservable(()=>n.getCurrentTypeOfUnit$(v.UniverInstanceType.UNIVER_SHEET),void 0,void 0,[]),m=b.getUnitId(),T=b.getActiveSheet();if(!T)throw new Error("No active sheet found");const _=T.getSheetId(),[I,R]=j.useState([]),[w,h]=j.useState("2"),[o,s]=j.useState(0),[d,C]=j.useState(-1),[u,g]=j.useState(Rr),p=j.useRef(null),y=[{label:l.t("sheet.cf.panel.workSheet"),value:"2"},{label:l.t("sheet.cf.panel.selectedRange"),value:"1"}],M=()=>{const F=r.getSubunitRules(m,_);if(!F||!F.length)return[];if(w==="1"){const H=i.getCurrentLastSelection();if(!H)return[];const re=H.range;return F.filter(ue=>ue.ranges.some(he=>v.Rectangle.intersects(he,re)))}else if(w==="2")return[...F];return[]},[L,V]=j.useState(M);de.useHighlightRange(I),j.useEffect(()=>{const F=a.onCommandExecuted(H=>{H.id===q.SetWorksheetActiveOperation.id&&s(Math.random())});return()=>F.dispose()}),j.useEffect(()=>{V(M)},[w,o,m,_]),j.useEffect(()=>{if(w==="2")return;const F=new Re.Observable(H=>{const re=[q.SetSelectionsOperation.id,c.AddConditionalRuleMutation.id,c.SetConditionalRuleMutation.id,c.DeleteConditionalRuleMutation.id,c.MoveConditionalRuleMutation.id],oe=a.onCommandExecuted(ue=>{const{id:he,params:ye}=ue,Ce=n.getCurrentUnitForType(v.UniverInstanceType.UNIVER_SHEET).getUnitId();re.includes(he)&&ye.unitId===Ce&&H.next(null)});return()=>oe.dispose()}).pipe(Re.debounceTime(16)).subscribe(()=>{V(M)});return()=>{F.unsubscribe()}},[n,w,m,_]),j.useEffect(()=>{const F=r.$ruleChange.subscribe(()=>{s(Math.random())});return()=>F.unsubscribe()},[r]),j.useEffect(()=>{const F=()=>{var ue;const oe=Math.max(0,(((ue=p.current)==null?void 0:ue.getBoundingClientRect().width)||0)-8);return Rr=oe,oe},re=new Re.Observable(oe=>{const ue=document.querySelector(".univer-sidebar");if(ue){let he=setTimeout(()=>{oe.next()},150);const ye=()=>{he&&clearTimeout(he),he=null},Ce=k=>{k.propertyName==="width"&&(ye(),oe.next())};return ue.addEventListener("transitionend",Ce),()=>{ye(),ue.removeEventListener("transitionend",Ce)}}}).pipe(Re.debounceTime(16)).subscribe(()=>{g(F())});return()=>{re.unsubscribe()}},[]);const U=F=>{var oe;const H=n.getCurrentUnitForType(v.UniverInstanceType.UNIVER_SHEET).getUnitId(),re=(oe=n.getCurrentUnitForType(v.UniverInstanceType.UNIVER_SHEET).getActiveSheet())==null?void 0:oe.getSheetId();if(!H||!re)throw new Error("No active sheet found");a.executeCommand(Ke.id,{unitId:H,subUnitId:re,cfId:F.cfId})},E=(F,H)=>{C(H.y)},D=(F,H,re)=>{var k;C(-1);const oe=n.getCurrentUnitForType(v.UniverInstanceType.UNIVER_SHEET).getUnitId(),ue=(k=n.getCurrentUnitForType(v.UniverInstanceType.UNIVER_SHEET).getActiveSheet())==null?void 0:k.getSheetId();if(!oe||!ue)throw new Error("No active sheet found");const he=Q=>{const se=L.length;return Math.min(se-1,Math.max(0,Q))},ye=L[he(H.y)].cfId,Ce=L[he(re.y)].cfId;ye!==Ce&&a.executeCommand(bt.id,{unitId:oe,subUnitId:ue,start:{id:ye,type:"self"},end:{id:Ce,type:re.y>H.y?"after":"before"}})},W=()=>{t.onCreate()},X=()=>{w==="2"?a.executeCommand(Ye.id):w==="1"&&L.map(H=>({unitId:m,subUnitId:_,cfId:H.cfId})).forEach(H=>{a.executeCommand(Ke.id,H)})},Y=j.useMemo(()=>{const F=n.getCurrentUnitForType(v.UniverInstanceType.UNIVER_SHEET),H=F.getActiveSheet();return L.filter(re=>{const oe=re.ranges;return q.checkRangesEditablePermission(S,F.getUnitId(),H.getSheetId(),oe)})},[L]),ne=Y.map((F,H)=>({i:F.cfId,x:0,w:12,y:H,h:1,isResizable:!1})),ee=j.useMemo(()=>{const F=n.getCurrentUnitForType(v.UniverInstanceType.UNIVER_SHEET),H=F.getActiveSheet();return L.every(re=>{const oe=re.ranges;return q.checkRangesEditablePermission(S,F.getUnitId(),H.getSheetId(),oe)})},[L]);return x.jsxs("div",{className:pe.cfRuleList,children:[x.jsxs("div",{className:pe.ruleSelector,children:[x.jsx("div",{children:f.tWithReactNode("sheet.cf.panel.managerRuleSelect",x.jsx(ie.Select,{className:pe.select,options:y,value:w,onChange:F=>{h(F)}})).map((F,H)=>x.jsx("span",{children:F},H))}),x.jsxs("div",{className:pe.btnList,children:[x.jsx(ie.Tooltip,{title:l.t("sheet.cf.panel.createRule"),placement:"bottom",children:x.jsx("div",{className:`
-                              ${pe.icon}
-                            `,onClick:W,children:x.jsx(Pn,{})})}),L.length&&ee?x.jsx(ie.Tooltip,{title:l.t("sheet.cf.panel.clear"),placement:"bottom",children:x.jsx("div",{className:`
-                                      ${pe.gap}
-                                      ${pe.icon}
-                                    `,onClick:X,children:x.jsx(Ct,{})})}):x.jsx("div",{className:`
-                              ${pe.gap}
-                              ${pe.disabled}
-                            `,children:x.jsx(Ct,{})})]})]}),x.jsx("div",{ref:p,className:pe.gridLayoutWrap,children:u?x.jsx(Di,{onDragStop:D,onDragStart:E,layout:ne,cols:12,rowHeight:60,width:u,margin:[0,10],draggableHandle:".draggableHandle",children:Y==null?void 0:Y.map((F,H)=>x.jsx("div",{children:x.jsxs("div",{onMouseMove:()=>{F.ranges!==I&&R(F.ranges)},onMouseLeave:()=>R([]),onClick:()=>{e(F)},className:`
-                                              ${pe.ruleItem}
-                                              ${d===H?pe.active:""}
-                                            `,children:[x.jsx("div",{className:`
-                                                  ${pe.draggableHandle}
-
+(function(global2,factory){typeof exports=="object"&&typeof module<"u"?factory(exports,require("@univerjs/core"),require("@univerjs/sheets-conditional-formatting"),require("@univerjs/sheets"),require("@univerjs/ui"),require("react/jsx-runtime"),require("react"),require("@univerjs/design"),require("@univerjs/engine-formula"),require("@univerjs/sheets-ui"),require("react-dom"),require("rxjs"),require("@univerjs/sheets-formula-ui"),require("@univerjs/engine-render"),require("rxjs/operators")):typeof define=="function"&&define.amd?define(["exports","@univerjs/core","@univerjs/sheets-conditional-formatting","@univerjs/sheets","@univerjs/ui","react/jsx-runtime","react","@univerjs/design","@univerjs/engine-formula","@univerjs/sheets-ui","react-dom","rxjs","@univerjs/sheets-formula-ui","@univerjs/engine-render","rxjs/operators"],factory):(global2=typeof globalThis<"u"?globalThis:global2||self,factory(global2.UniverSheetsConditionalFormattingUi={},global2.UniverCore,global2.UniverSheetsConditionalFormatting,global2.UniverSheets,global2.UniverUi,global2.React,global2.React,global2.UniverDesign,global2.UniverEngineFormula,global2.UniverSheetsUi,global2.ReactDOM,global2.rxjs,global2.UniverSheetsFormulaUi,global2.UniverEngineRender,global2.rxjs.operators))})(this,function(exports2,core,sheetsConditionalFormatting,sheets,ui,jsxRuntime,require$$0,design,engineFormula,sheetsUi,require$$2$1,rxjs,sheetsFormulaUi,engineRender,operators){"use strict";var __defProp=Object.defineProperty;var __defNormalProp=(obj,key,value)=>key in obj?__defProp(obj,key,{enumerable:!0,configurable:!0,writable:!0,value}):obj[key]=value;var __name=(target,value)=>__defProp(target,"name",{value,configurable:!0});var __publicField=(obj,key,value)=>__defNormalProp(obj,typeof key!="symbol"?key+"":key,value);var _a,_b,_c,_d,_e,_f,_g,_h,_i,_j,_k,_l,_m,_n;const AddAverageCfCommand={type:core.CommandType.COMMAND,id:"sheet.command.add-average-conditional-rule",handler(accessor,params){if(!params)return!1;const{ranges,style,stopIfTrue,operator}=params,conditionalFormattingRuleModel=accessor.get(sheetsConditionalFormatting.ConditionalFormattingRuleModel),commandService=accessor.get(core.ICommandService),univerInstanceService=accessor.get(core.IUniverInstanceService),target=sheets.getSheetCommandTarget(univerInstanceService);if(!target)return!1;const{unitId,subUnitId}=target,cfId=conditionalFormattingRuleModel.createCfId(unitId,subUnitId),rule={ranges,cfId,stopIfTrue:!!stopIfTrue,rule:{type:sheetsConditionalFormatting.CFRuleType.highlightCell,subType:sheetsConditionalFormatting.CFSubRuleType.average,operator,style}};return commandService.executeCommand(sheetsConditionalFormatting.AddConditionalRuleMutation.id,{unitId,subUnitId,rule})}},AddCfCommand={type:core.CommandType.COMMAND,id:"sheet.command.add-conditional-rule",handler(accessor,params){if(!params)return!1;const{rule}=params,undoRedoService=accessor.get(core.IUndoRedoService),commandService=accessor.get(core.ICommandService),conditionalFormattingRuleModel=accessor.get(sheetsConditionalFormatting.ConditionalFormattingRuleModel),univerInstanceService=accessor.get(core.IUniverInstanceService),target=sheets.getSheetCommandTarget(univerInstanceService);if(!target)return!1;const{unitId,subUnitId}=target,cfId=conditionalFormattingRuleModel.createCfId(unitId,subUnitId),config={unitId,subUnitId,rule:{...rule,cfId:rule.cfId||cfId}},undo=sheetsConditionalFormatting.AddConditionalRuleMutationUndoFactory(accessor,config),result=commandService.syncExecuteCommand(sheetsConditionalFormatting.AddConditionalRuleMutation.id,config);return result&&undoRedoService.pushUndoRedo({unitID:unitId,redoMutations:[{id:sheetsConditionalFormatting.AddConditionalRuleMutation.id,params:config}],undoMutations:[undo]}),result}},AddColorScaleConditionalRuleCommand={type:core.CommandType.COMMAND,id:"sheet.command.add-color-scale-conditional-rule",handler(accessor,params){if(!params)return!1;const{ranges,config,stopIfTrue}=params,conditionalFormattingRuleModel=accessor.get(sheetsConditionalFormatting.ConditionalFormattingRuleModel),commandService=accessor.get(core.ICommandService),univerInstanceService=accessor.get(core.IUniverInstanceService),target=sheets.getSheetCommandTarget(univerInstanceService);if(!target)return!1;const{unitId,subUnitId}=target,cfId=conditionalFormattingRuleModel.createCfId(unitId,subUnitId),rule={ranges,cfId,stopIfTrue:!!stopIfTrue,rule:{type:sheetsConditionalFormatting.CFRuleType.colorScale,config}};return commandService.executeCommand(sheetsConditionalFormatting.AddConditionalRuleMutation.id,{unitId,subUnitId,rule})}},AddDataBarConditionalRuleCommand={type:core.CommandType.COMMAND,id:"sheet.command.add-data-bar-conditional-rule",handler(accessor,params){if(!params)return!1;const{ranges,min,max,nativeColor,positiveColor,isGradient,stopIfTrue,isShowValue}=params,conditionalFormattingRuleModel=accessor.get(sheetsConditionalFormatting.ConditionalFormattingRuleModel),univerInstanceService=accessor.get(core.IUniverInstanceService),target=sheets.getSheetCommandTarget(univerInstanceService);if(!target)return!1;const{unitId,subUnitId}=target,commandService=accessor.get(core.ICommandService),cfId=conditionalFormattingRuleModel.createCfId(unitId,subUnitId),rule={ranges,cfId,stopIfTrue:!!stopIfTrue,rule:{type:sheetsConditionalFormatting.CFRuleType.dataBar,isShowValue,config:{min,max,nativeColor,positiveColor,isGradient}}};return commandService.executeCommand(sheetsConditionalFormatting.AddConditionalRuleMutation.id,{unitId,subUnitId,rule})}},AddDuplicateValuesCfCommand={type:core.CommandType.COMMAND,id:"sheet.command.add-duplicate-values-conditional-rule",handler(accessor,params){if(!params)return!1;const{ranges,style,stopIfTrue}=params,conditionalFormattingRuleModel=accessor.get(sheetsConditionalFormatting.ConditionalFormattingRuleModel),commandService=accessor.get(core.ICommandService),univerInstanceService=accessor.get(core.IUniverInstanceService),target=sheets.getSheetCommandTarget(univerInstanceService);if(!target)return!1;const{unitId,subUnitId}=target,cfId=conditionalFormattingRuleModel.createCfId(unitId,subUnitId),rule={ranges,cfId,stopIfTrue:!!stopIfTrue,rule:{type:sheetsConditionalFormatting.CFRuleType.highlightCell,subType:sheetsConditionalFormatting.CFSubRuleType.duplicateValues,style}};return commandService.executeCommand(sheetsConditionalFormatting.AddConditionalRuleMutation.id,{unitId,subUnitId,rule})}},AddNumberCfCommand={type:core.CommandType.COMMAND,id:"sheet.command.add-number-conditional-rule",handler(accessor,params){if(!params)return!1;const{ranges,style,stopIfTrue,operator,value}=params,conditionalFormattingRuleModel=accessor.get(sheetsConditionalFormatting.ConditionalFormattingRuleModel),commandService=accessor.get(core.ICommandService),univerInstanceService=accessor.get(core.IUniverInstanceService),target=sheets.getSheetCommandTarget(univerInstanceService);if(!target)return!1;const{unitId,subUnitId}=target,cfId=conditionalFormattingRuleModel.createCfId(unitId,subUnitId);let rule;if([sheetsConditionalFormatting.CFNumberOperator.between,sheetsConditionalFormatting.CFNumberOperator.notBetween].includes(operator)){const _value=value;if(_value.length!==2||!Array.isArray(_value))return!1;rule={ranges,cfId,stopIfTrue:!!stopIfTrue,rule:{type:sheetsConditionalFormatting.CFRuleType.highlightCell,subType:sheetsConditionalFormatting.CFSubRuleType.number,operator,style,value:_value}}}else{const _value=value;if(typeof _value!="number")return!1;rule={ranges,cfId,stopIfTrue:!!stopIfTrue,rule:{type:sheetsConditionalFormatting.CFRuleType.highlightCell,subType:sheetsConditionalFormatting.CFSubRuleType.number,operator,style,value:_value}}}return commandService.executeCommand(sheetsConditionalFormatting.AddConditionalRuleMutation.id,{unitId,subUnitId,rule})}},AddRankCfCommand={type:core.CommandType.COMMAND,id:"sheet.command.add-rank-conditional-rule",handler(accessor,params){if(!params)return!1;const{ranges,style,stopIfTrue,isPercent,isBottom,value}=params,conditionalFormattingRuleModel=accessor.get(sheetsConditionalFormatting.ConditionalFormattingRuleModel),univerInstanceService=accessor.get(core.IUniverInstanceService),commandService=accessor.get(core.ICommandService),target=sheets.getSheetCommandTarget(univerInstanceService);if(!target)return!1;const{unitId,subUnitId}=target,cfId=conditionalFormattingRuleModel.createCfId(unitId,subUnitId),rule={ranges,cfId,stopIfTrue:!!stopIfTrue,rule:{type:sheetsConditionalFormatting.CFRuleType.highlightCell,subType:sheetsConditionalFormatting.CFSubRuleType.rank,isPercent,isBottom,style,value}};return commandService.executeCommand(sheetsConditionalFormatting.AddConditionalRuleMutation.id,{unitId,subUnitId,rule})}},AddTextCfCommand={type:core.CommandType.COMMAND,id:"sheet.command.add-text-conditional-rule",handler(accessor,params){if(!params)return!1;const{ranges,style,stopIfTrue,operator,value}=params,conditionalFormattingRuleModel=accessor.get(sheetsConditionalFormatting.ConditionalFormattingRuleModel),univerInstanceService=accessor.get(core.IUniverInstanceService),target=sheets.getSheetCommandTarget(univerInstanceService);if(!target)return!1;const{unitId,subUnitId}=target,commandService=accessor.get(core.ICommandService),cfId=conditionalFormattingRuleModel.createCfId(unitId,subUnitId),rule={ranges,cfId,stopIfTrue:!!stopIfTrue,rule:{type:sheetsConditionalFormatting.CFRuleType.highlightCell,subType:sheetsConditionalFormatting.CFSubRuleType.text,operator,style,value}};return commandService.executeCommand(sheetsConditionalFormatting.AddConditionalRuleMutation.id,{unitId,subUnitId,rule})}},AddTimePeriodCfCommand={type:core.CommandType.COMMAND,id:"sheet.command.add-time-period-conditional-rule",handler(accessor,params){if(!params)return!1;const{ranges,style,stopIfTrue,operator}=params,conditionalFormattingRuleModel=accessor.get(sheetsConditionalFormatting.ConditionalFormattingRuleModel),univerInstanceService=accessor.get(core.IUniverInstanceService),commandService=accessor.get(core.ICommandService),target=sheets.getSheetCommandTarget(univerInstanceService);if(!target)return!1;const{unitId,subUnitId}=target,cfId=conditionalFormattingRuleModel.createCfId(unitId,subUnitId),rule={ranges,cfId,stopIfTrue:!!stopIfTrue,rule:{type:sheetsConditionalFormatting.CFRuleType.highlightCell,subType:sheetsConditionalFormatting.CFSubRuleType.timePeriod,operator,style}};return commandService.executeCommand(sheetsConditionalFormatting.AddConditionalRuleMutation.id,{unitId,subUnitId,rule})}},AddUniqueValuesCfCommand={type:core.CommandType.COMMAND,id:"sheet.command.add-uniqueValues-conditional-rule",handler(accessor,params){if(!params)return!1;const{ranges,style,stopIfTrue}=params,conditionalFormattingRuleModel=accessor.get(sheetsConditionalFormatting.ConditionalFormattingRuleModel),univerInstanceService=accessor.get(core.IUniverInstanceService),commandService=accessor.get(core.ICommandService),target=sheets.getSheetCommandTarget(univerInstanceService);if(!target)return!1;const{unitId,subUnitId}=target,cfId=conditionalFormattingRuleModel.createCfId(unitId,subUnitId),rule={ranges,cfId,stopIfTrue:!!stopIfTrue,rule:{type:sheetsConditionalFormatting.CFRuleType.highlightCell,subType:sheetsConditionalFormatting.CFSubRuleType.uniqueValues,style}};return commandService.executeCommand(sheetsConditionalFormatting.AddConditionalRuleMutation.id,{unitId,subUnitId,rule})}},ClearRangeCfCommand={type:core.CommandType.COMMAND,id:"sheet.command.clear-range-conditional-rule",handler(accessor,params){var _a2;if(!params)return!1;const conditionalFormattingRuleModel=accessor.get(sheetsConditionalFormatting.ConditionalFormattingRuleModel),univerInstanceService=accessor.get(core.IUniverInstanceService),commandService=accessor.get(core.ICommandService),undoRedoService=accessor.get(core.IUndoRedoService),selectionManagerService=accessor.get(sheets.SheetsSelectionsService),target=sheets.getSheetCommandTarget(univerInstanceService,params);if(!target)return!1;const{unitId,subUnitId}=target,ranges=((_a2=selectionManagerService.getCurrentSelections())==null?void 0:_a2.map(selection=>selection.range))||[],allRuleList=conditionalFormattingRuleModel.getSubunitRules(unitId,subUnitId);if(!(allRuleList!=null&&allRuleList.length)||!ranges.length)return!1;const redos=[],undos=[];allRuleList.forEach(oldRule=>{const matrix=new core.ObjectMatrix;oldRule.ranges.forEach(range=>{core.Range.foreach(range,(row,col)=>{matrix.setValue(row,col,1)})}),ranges.forEach(range=>{core.Range.foreach(range,(row,col)=>{matrix.realDeleteValue(row,col)})});const newRanges=sheets.findAllRectangle(sheets.createTopMatrixFromMatrix(matrix));if(newRanges.length){const rule={...oldRule,ranges:newRanges},params2={unitId,subUnitId,rule},undo=sheetsConditionalFormatting.setConditionalRuleMutationUndoFactory(accessor,params2);redos.push({id:sheetsConditionalFormatting.SetConditionalRuleMutation.id,params:params2}),undos.push(...undo)}else{const params2={unitId,subUnitId,cfId:oldRule.cfId},undo=sheetsConditionalFormatting.DeleteConditionalRuleMutationUndoFactory(accessor,params2);redos.push({id:sheetsConditionalFormatting.DeleteConditionalRuleMutation.id,params:params2}),undos.push(...undo)}});const result=core.sequenceExecute(redos,commandService).result;return result&&undoRedoService.pushUndoRedo({unitID:unitId,redoMutations:redos,undoMutations:undos}),result}},ClearWorksheetCfCommand={type:core.CommandType.COMMAND,id:"sheet.command.clear-worksheet-conditional-rule",handler(accessor,params){const conditionalFormattingRuleModel=accessor.get(sheetsConditionalFormatting.ConditionalFormattingRuleModel),univerInstanceService=accessor.get(core.IUniverInstanceService),commandService=accessor.get(core.ICommandService),undoRedoService=accessor.get(core.IUndoRedoService),target=sheets.getSheetCommandTarget(univerInstanceService,params);if(!target)return!1;const{unitId,subUnitId}=target,ruleList=conditionalFormattingRuleModel.getSubunitRules(unitId,subUnitId);if(!(ruleList!=null&&ruleList.length))return!1;const configList=ruleList.map(rule=>({cfId:rule.cfId,unitId,subUnitId})),redos=configList.map(config=>({id:sheetsConditionalFormatting.DeleteConditionalRuleMutation.id,params:config})),undos=configList.map(config=>sheetsConditionalFormatting.DeleteConditionalRuleMutationUndoFactory(accessor,config)[0]),result=core.sequenceExecute(redos,commandService).result;return result&&undoRedoService.pushUndoRedo({unitID:unitId,redoMutations:redos,undoMutations:undos}),result}},DeleteCfCommand={type:core.CommandType.COMMAND,id:"sheet.command.delete-conditional-rule",handler(accessor,params){if(!params)return!1;const undoRedoService=accessor.get(core.IUndoRedoService),commandService=accessor.get(core.ICommandService),univerInstanceService=accessor.get(core.IUniverInstanceService),target=sheets.getSheetCommandTarget(univerInstanceService,params);if(!target)return!1;const{unitId,subUnitId}=target,config={unitId,subUnitId,cfId:params.cfId},undos=sheetsConditionalFormatting.DeleteConditionalRuleMutationUndoFactory(accessor,config),result=commandService.syncExecuteCommand(sheetsConditionalFormatting.DeleteConditionalRuleMutation.id,config);return result&&undoRedoService.pushUndoRedo({unitID:unitId,undoMutations:undos,redoMutations:[{id:sheetsConditionalFormatting.DeleteConditionalRuleMutation.id,params:config}]}),result}},MoveCfCommand={type:core.CommandType.COMMAND,id:"sheet.command.move-conditional-rule",handler(accessor,params){if(!params)return!1;const undoRedoService=accessor.get(core.IUndoRedoService),commandService=accessor.get(core.ICommandService),univerInstanceService=accessor.get(core.IUniverInstanceService),conditionalFormattingRuleModel=accessor.get(sheetsConditionalFormatting.ConditionalFormattingRuleModel),target=sheets.getSheetCommandTarget(univerInstanceService,params);if(!target)return!1;const{unitId,subUnitId}=target,anchorList=sheetsConditionalFormatting.transformSupportSymmetryAnchor(params.start,params.end,conditionalFormattingRuleModel.getSubunitRules(unitId,subUnitId)||[],rule=>rule.cfId);if(!anchorList)return!1;const[start,end]=anchorList,config={unitId,subUnitId,start,end},undos=sheetsConditionalFormatting.MoveConditionalRuleMutationUndoFactory(config),result=commandService.syncExecuteCommand(sheetsConditionalFormatting.MoveConditionalRuleMutation.id,config);return result&&undoRedoService.pushUndoRedo({unitID:unitId,redoMutations:[{id:sheetsConditionalFormatting.MoveConditionalRuleMutation.id,params:config}],undoMutations:undos}),result}},SetCfCommand={type:core.CommandType.COMMAND,id:"sheet.command.set-conditional-rule",handler(accessor,params){if(!params)return!1;const undoRedoService=accessor.get(core.IUndoRedoService),commandService=accessor.get(core.ICommandService),univerInstanceService=accessor.get(core.IUniverInstanceService),target=sheets.getSheetCommandTarget(univerInstanceService,params);if(!target)return!1;const{unitId,subUnitId}=target,config={unitId,subUnitId,rule:params.rule},undos=sheetsConditionalFormatting.setConditionalRuleMutationUndoFactory(accessor,config),result=commandService.syncExecuteCommand(sheetsConditionalFormatting.SetConditionalRuleMutation.id,config);return result&&undoRedoService.pushUndoRedo({unitID:unitId,undoMutations:undos,redoMutations:[{id:sheetsConditionalFormatting.SetConditionalRuleMutation.id,params:config}]}),result}},styles$5={conditionalFormattingWrap:"univer-conditional-formatting-wrap",cfRuleItem:"univer-cf-rule-item",preview:"univer-preview",createRule:"univer-create-rule",button:"univer-button",title:"univer-title",label:"univer-label",labelContainer:"univer-label-container",inputWidth:"univer-input-width",mTBase:"univer-m-t-base",mTSm:"univer-m-t-sm",mTXl:"univer-m-t-xl",mLSm:"univer-m-l-sm",mLXl:"univer-m-l-xl",mLXxs:"univer-m-l-xxs",mL0:"univer-m-l-0",mR0:"univer-m-r-0"};var __assign=function(){return __assign=Object.assign||function(t){for(var s,i=1,n=arguments.length;i<n;i++){s=arguments[i];for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&(t[p]=s[p])}return t},__assign.apply(this,arguments)},__rest=function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},IconBase=require$$0.forwardRef(function(props,ref){var icon2=props.icon,id=props.id,className=props.className,extend=props.extend,restProps=__rest(props,["icon","id","className","extend"]),cls="univerjs-icon univerjs-icon-".concat(id," ").concat(className||"").trim(),idSuffix=require$$0.useRef("_".concat(generateShortUuid()));return render(icon2,"".concat(id),{defIds:icon2.defIds,idSuffix:idSuffix.current},__assign({ref,className:cls},restProps),extend)});function render(node,id,runtimeProps,rootProps,extend){return require$$0.createElement(node.tag,__assign(__assign({key:id},replaceRuntimeIdsAndExtInAttrs(node,runtimeProps,extend)),rootProps),(replaceRuntimeIdsInDefs(node,runtimeProps).children||[]).map(function(child,index2){return render(child,"".concat(id,"-").concat(node.tag,"-").concat(index2),runtimeProps,void 0,extend)}))}__name(render,"render");function replaceRuntimeIdsAndExtInAttrs(node,runtimeProps,extend){var attrs=__assign({},node.attrs);extend!=null&&extend.colorChannel1&&attrs.fill==="colorChannel1"&&(attrs.fill=extend.colorChannel1);var defIds=runtimeProps.defIds;return!defIds||defIds.length===0||(node.tag==="use"&&attrs["xlink:href"]&&(attrs["xlink:href"]=attrs["xlink:href"]+runtimeProps.idSuffix),Object.entries(attrs).forEach(function(_a2){var key=_a2[0],value=_a2[1];typeof value=="string"&&(attrs[key]=value.replace(/url\(#(.*)\)/,"url(#$1".concat(runtimeProps.idSuffix,")")))})),attrs}__name(replaceRuntimeIdsAndExtInAttrs,"replaceRuntimeIdsAndExtInAttrs");function replaceRuntimeIdsInDefs(node,runtimeProps){var _a2,defIds=runtimeProps.defIds;return!defIds||defIds.length===0?node:node.tag==="defs"&&(!((_a2=node.children)===null||_a2===void 0)&&_a2.length)?__assign(__assign({},node),{children:node.children.map(function(child){return typeof child.attrs.id=="string"&&defIds&&defIds.indexOf(child.attrs.id)>-1?__assign(__assign({},child),{attrs:__assign(__assign({},child.attrs),{id:child.attrs.id+runtimeProps.idSuffix})}):child})}):node}__name(replaceRuntimeIdsInDefs,"replaceRuntimeIdsInDefs");function generateShortUuid(){return Math.random().toString(36).substring(2,8)}__name(generateShortUuid,"generateShortUuid"),IconBase.displayName="UniverIcon";var element$4={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"}}]},DeleteSingle=require$$0.forwardRef(function(props,ref){return require$$0.createElement(IconBase,Object.assign({},props,{id:"delete-single",ref,icon:element$4}))});DeleteSingle.displayName="DeleteSingle";var element$3={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"}}]},IncreaseSingle=require$$0.forwardRef(function(props,ref){return require$$0.createElement(IconBase,Object.assign({},props,{id:"increase-single",ref,icon:element$3}))});IncreaseSingle.displayName="IncreaseSingle";var element$2={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"}}]},MoreDownSingle=require$$0.forwardRef(function(props,ref){return require$$0.createElement(IconBase,Object.assign({},props,{id:"more-down-single",ref,icon:element$2}))});MoreDownSingle.displayName="MoreDownSingle";var element$1={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"}}]}]},SequenceSingle=require$$0.forwardRef(function(props,ref){return require$$0.createElement(IconBase,Object.assign({},props,{id:"sequence-single",ref,icon:element$1}))});SequenceSingle.displayName="SequenceSingle";var element={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"}}]}]},SlashSingle=require$$0.forwardRef(function(props,ref){return require$$0.createElement(IconBase,Object.assign({},props,{id:"slash-single",ref,icon:element}))});SlashSingle.displayName="SlashSingle";function getDefaultExportFromCjs(x){return x&&x.__esModule&&Object.prototype.hasOwnProperty.call(x,"default")?x.default:x}__name(getDefaultExportFromCjs,"getDefaultExportFromCjs");function getAugmentedNamespace(n){if(n.__esModule)return n;var f=n.default;if(typeof f=="function"){var a=__name(function a2(){return this instanceof a2?Reflect.construct(f,arguments,this.constructor):f.apply(this,arguments)},"a");a.prototype=f.prototype}else a={};return Object.defineProperty(a,"__esModule",{value:!0}),Object.keys(n).forEach(function(k){var d=Object.getOwnPropertyDescriptor(n,k);Object.defineProperty(a,k,d.get?d:{enumerable:!0,get:__name(function(){return n[k]},"get")})}),a}__name(getAugmentedNamespace,"getAugmentedNamespace");var reactGridLayout={exports:{}},ReactGridLayout={},fastEquals$1={exports:{}},fastEquals=fastEquals$1.exports,hasRequiredFastEquals;function requireFastEquals(){return hasRequiredFastEquals||(hasRequiredFastEquals=1,function(module2,exports3){(function(global2,factory){factory(exports3)})(fastEquals,function(exports4){function createDefaultIsNestedEqual(comparator){return __name(function(a,b,_indexOrKeyA,_indexOrKeyB,_parentA,_parentB,meta){return comparator(a,b,meta)},"isEqual")}__name(createDefaultIsNestedEqual,"createDefaultIsNestedEqual");function createIsCircular(areItemsEqual){return __name(function(a,b,isEqual,cache){if(!a||!b||typeof a!="object"||typeof b!="object")return areItemsEqual(a,b,isEqual,cache);var cachedA=cache.get(a),cachedB=cache.get(b);if(cachedA&&cachedB)return cachedA===b&&cachedB===a;cache.set(a,b),cache.set(b,a);var result=areItemsEqual(a,b,isEqual,cache);return cache.delete(a),cache.delete(b),result},"isCircular")}__name(createIsCircular,"createIsCircular");function merge(a,b){var merged={};for(var key in a)merged[key]=a[key];for(var key in b)merged[key]=b[key];return merged}__name(merge,"merge");function isPlainObject(value){return value.constructor===Object||value.constructor==null}__name(isPlainObject,"isPlainObject");function isPromiseLike(value){return typeof value.then=="function"}__name(isPromiseLike,"isPromiseLike");function sameValueZeroEqual(a,b){return a===b||a!==a&&b!==b}__name(sameValueZeroEqual,"sameValueZeroEqual");var ARGUMENTS_TAG="[object Arguments]",BOOLEAN_TAG="[object Boolean]",DATE_TAG="[object Date]",REG_EXP_TAG="[object RegExp]",MAP_TAG="[object Map]",NUMBER_TAG="[object Number]",OBJECT_TAG="[object Object]",SET_TAG="[object Set]",STRING_TAG="[object String]",toString=Object.prototype.toString;function createComparator(_a2){var areArraysEqual2=_a2.areArraysEqual,areDatesEqual2=_a2.areDatesEqual,areMapsEqual2=_a2.areMapsEqual,areObjectsEqual2=_a2.areObjectsEqual,areRegExpsEqual2=_a2.areRegExpsEqual,areSetsEqual2=_a2.areSetsEqual,createIsNestedEqual=_a2.createIsNestedEqual,isEqual=createIsNestedEqual(comparator);function comparator(a,b,meta){if(a===b)return!0;if(!a||!b||typeof a!="object"||typeof b!="object")return a!==a&&b!==b;if(isPlainObject(a)&&isPlainObject(b))return areObjectsEqual2(a,b,isEqual,meta);var aArray=Array.isArray(a),bArray=Array.isArray(b);if(aArray||bArray)return aArray===bArray&&areArraysEqual2(a,b,isEqual,meta);var aTag=toString.call(a);return aTag!==toString.call(b)?!1:aTag===DATE_TAG?areDatesEqual2(a,b,isEqual,meta):aTag===REG_EXP_TAG?areRegExpsEqual2(a,b,isEqual,meta):aTag===MAP_TAG?areMapsEqual2(a,b,isEqual,meta):aTag===SET_TAG?areSetsEqual2(a,b,isEqual,meta):aTag===OBJECT_TAG||aTag===ARGUMENTS_TAG?isPromiseLike(a)||isPromiseLike(b)?!1:areObjectsEqual2(a,b,isEqual,meta):aTag===BOOLEAN_TAG||aTag===NUMBER_TAG||aTag===STRING_TAG?sameValueZeroEqual(a.valueOf(),b.valueOf()):!1}return __name(comparator,"comparator"),comparator}__name(createComparator,"createComparator");function areArraysEqual(a,b,isEqual,meta){var index2=a.length;if(b.length!==index2)return!1;for(;index2-- >0;)if(!isEqual(a[index2],b[index2],index2,index2,a,b,meta))return!1;return!0}__name(areArraysEqual,"areArraysEqual");var areArraysEqualCircular=createIsCircular(areArraysEqual);function areDatesEqual(a,b){return sameValueZeroEqual(a.valueOf(),b.valueOf())}__name(areDatesEqual,"areDatesEqual");function areMapsEqual(a,b,isEqual,meta){var isValueEqual=a.size===b.size;if(!isValueEqual)return!1;if(!a.size)return!0;var matchedIndices={},indexA=0;return a.forEach(function(aValue,aKey){if(isValueEqual){var hasMatch=!1,matchIndexB=0;b.forEach(function(bValue,bKey){!hasMatch&&!matchedIndices[matchIndexB]&&(hasMatch=isEqual(aKey,bKey,indexA,matchIndexB,a,b,meta)&&isEqual(aValue,bValue,aKey,bKey,a,b,meta))&&(matchedIndices[matchIndexB]=!0),matchIndexB++}),indexA++,isValueEqual=hasMatch}}),isValueEqual}__name(areMapsEqual,"areMapsEqual");var areMapsEqualCircular=createIsCircular(areMapsEqual),OWNER="_owner",hasOwnProperty=Object.prototype.hasOwnProperty;function areObjectsEqual(a,b,isEqual,meta){var keysA=Object.keys(a),index2=keysA.length;if(Object.keys(b).length!==index2)return!1;for(var key;index2-- >0;){if(key=keysA[index2],key===OWNER){var reactElementA=!!a.$$typeof,reactElementB=!!b.$$typeof;if((reactElementA||reactElementB)&&reactElementA!==reactElementB)return!1}if(!hasOwnProperty.call(b,key)||!isEqual(a[key],b[key],key,key,a,b,meta))return!1}return!0}__name(areObjectsEqual,"areObjectsEqual");var areObjectsEqualCircular=createIsCircular(areObjectsEqual);function areRegExpsEqual(a,b){return a.source===b.source&&a.flags===b.flags}__name(areRegExpsEqual,"areRegExpsEqual");function areSetsEqual(a,b,isEqual,meta){var isValueEqual=a.size===b.size;if(!isValueEqual)return!1;if(!a.size)return!0;var matchedIndices={};return a.forEach(function(aValue,aKey){if(isValueEqual){var hasMatch=!1,matchIndex=0;b.forEach(function(bValue,bKey){!hasMatch&&!matchedIndices[matchIndex]&&(hasMatch=isEqual(aValue,bValue,aKey,bKey,a,b,meta))&&(matchedIndices[matchIndex]=!0),matchIndex++}),isValueEqual=hasMatch}}),isValueEqual}__name(areSetsEqual,"areSetsEqual");var areSetsEqualCircular=createIsCircular(areSetsEqual),DEFAULT_CONFIG=Object.freeze({areArraysEqual,areDatesEqual,areMapsEqual,areObjectsEqual,areRegExpsEqual,areSetsEqual,createIsNestedEqual:createDefaultIsNestedEqual}),DEFAULT_CIRCULAR_CONFIG=Object.freeze({areArraysEqual:areArraysEqualCircular,areDatesEqual,areMapsEqual:areMapsEqualCircular,areObjectsEqual:areObjectsEqualCircular,areRegExpsEqual,areSetsEqual:areSetsEqualCircular,createIsNestedEqual:createDefaultIsNestedEqual}),isDeepEqual=createComparator(DEFAULT_CONFIG);function deepEqual(a,b){return isDeepEqual(a,b,void 0)}__name(deepEqual,"deepEqual");var isShallowEqual=createComparator(merge(DEFAULT_CONFIG,{createIsNestedEqual:__name(function(){return sameValueZeroEqual},"createIsNestedEqual")}));function shallowEqual(a,b){return isShallowEqual(a,b,void 0)}__name(shallowEqual,"shallowEqual");var isCircularDeepEqual=createComparator(DEFAULT_CIRCULAR_CONFIG);function circularDeepEqual(a,b){return isCircularDeepEqual(a,b,new WeakMap)}__name(circularDeepEqual,"circularDeepEqual");var isCircularShallowEqual=createComparator(merge(DEFAULT_CIRCULAR_CONFIG,{createIsNestedEqual:__name(function(){return sameValueZeroEqual},"createIsNestedEqual")}));function circularShallowEqual(a,b){return isCircularShallowEqual(a,b,new WeakMap)}__name(circularShallowEqual,"circularShallowEqual");function createCustomEqual(getComparatorOptions){return createComparator(merge(DEFAULT_CONFIG,getComparatorOptions(DEFAULT_CONFIG)))}__name(createCustomEqual,"createCustomEqual");function createCustomCircularEqual(getComparatorOptions){var comparator=createComparator(merge(DEFAULT_CIRCULAR_CONFIG,getComparatorOptions(DEFAULT_CIRCULAR_CONFIG)));return function(a,b,meta){return meta===void 0&&(meta=new WeakMap),comparator(a,b,meta)}}__name(createCustomCircularEqual,"createCustomCircularEqual"),exports4.circularDeepEqual=circularDeepEqual,exports4.circularShallowEqual=circularShallowEqual,exports4.createCustomCircularEqual=createCustomCircularEqual,exports4.createCustomEqual=createCustomEqual,exports4.deepEqual=deepEqual,exports4.sameValueZeroEqual=sameValueZeroEqual,exports4.shallowEqual=shallowEqual,Object.defineProperty(exports4,"__esModule",{value:!0})})}(fastEquals$1,fastEquals$1.exports)),fastEquals$1.exports}__name(requireFastEquals,"requireFastEquals");var clsx$2={exports:{}},hasRequiredClsx;function requireClsx(){if(hasRequiredClsx)return clsx$2.exports;hasRequiredClsx=1;function r2(e2){var o,t,f="";if(typeof e2=="string"||typeof e2=="number")f+=e2;else if(typeof e2=="object")if(Array.isArray(e2)){var n=e2.length;for(o=0;o<n;o++)e2[o]&&(t=r2(e2[o]))&&(f&&(f+=" "),f+=t)}else for(t in e2)e2[t]&&(f&&(f+=" "),f+=t);return f}__name(r2,"r");function e(){for(var e2,o,t=0,f="",n=arguments.length;t<n;t++)(e2=arguments[t])&&(o=r2(e2))&&(f&&(f+=" "),f+=o);return f}return __name(e,"e"),clsx$2.exports=e,clsx$2.exports.clsx=e,clsx$2.exports}__name(requireClsx,"requireClsx");var utils$1={},fastRGLPropsEqual,hasRequiredFastRGLPropsEqual;function requireFastRGLPropsEqual(){return hasRequiredFastRGLPropsEqual||(hasRequiredFastRGLPropsEqual=1,fastRGLPropsEqual=__name(function(a,b,isEqualImpl){return a===b?!0:a.className===b.className&&isEqualImpl(a.style,b.style)&&a.width===b.width&&a.autoSize===b.autoSize&&a.cols===b.cols&&a.draggableCancel===b.draggableCancel&&a.draggableHandle===b.draggableHandle&&isEqualImpl(a.verticalCompact,b.verticalCompact)&&isEqualImpl(a.compactType,b.compactType)&&isEqualImpl(a.layout,b.layout)&&isEqualImpl(a.margin,b.margin)&&isEqualImpl(a.containerPadding,b.containerPadding)&&a.rowHeight===b.rowHeight&&a.maxRows===b.maxRows&&a.isBounded===b.isBounded&&a.isDraggable===b.isDraggable&&a.isResizable===b.isResizable&&a.allowOverlap===b.allowOverlap&&a.preventCollision===b.preventCollision&&a.useCSSTransforms===b.useCSSTransforms&&a.transformScale===b.transformScale&&a.isDroppable===b.isDroppable&&isEqualImpl(a.resizeHandles,b.resizeHandles)&&isEqualImpl(a.resizeHandle,b.resizeHandle)&&a.onLayoutChange===b.onLayoutChange&&a.onDragStart===b.onDragStart&&a.onDrag===b.onDrag&&a.onDragStop===b.onDragStop&&a.onResizeStart===b.onResizeStart&&a.onResize===b.onResize&&a.onResizeStop===b.onResizeStop&&a.onDrop===b.onDrop&&isEqualImpl(a.droppingItem,b.droppingItem)&&isEqualImpl(a.innerRef,b.innerRef)},"fastRGLPropsEqual")),fastRGLPropsEqual}__name(requireFastRGLPropsEqual,"requireFastRGLPropsEqual");var hasRequiredUtils$1;function requireUtils$1(){if(hasRequiredUtils$1)return utils$1;hasRequiredUtils$1=1,Object.defineProperty(utils$1,"__esModule",{value:!0}),utils$1.bottom=bottom,utils$1.childrenEqual=childrenEqual,utils$1.cloneLayout=cloneLayout,utils$1.cloneLayoutItem=cloneLayoutItem,utils$1.collides=collides,utils$1.compact=compact,utils$1.compactItem=compactItem,utils$1.compactType=compactType,utils$1.correctBounds=correctBounds,utils$1.fastPositionEqual=fastPositionEqual,utils$1.fastRGLPropsEqual=void 0,utils$1.getAllCollisions=getAllCollisions,utils$1.getFirstCollision=getFirstCollision,utils$1.getLayoutItem=getLayoutItem,utils$1.getStatics=getStatics,utils$1.modifyLayout=modifyLayout,utils$1.moveElement=moveElement,utils$1.moveElementAwayFromCollision=moveElementAwayFromCollision,utils$1.noop=void 0,utils$1.perc=perc,utils$1.resizeItemInDirection=resizeItemInDirection,utils$1.setTopLeft=setTopLeft,utils$1.setTransform=setTransform,utils$1.sortLayoutItems=sortLayoutItems,utils$1.sortLayoutItemsByColRow=sortLayoutItemsByColRow,utils$1.sortLayoutItemsByRowCol=sortLayoutItemsByRowCol,utils$1.synchronizeLayoutWithChildren=synchronizeLayoutWithChildren,utils$1.validateLayout=validateLayout,utils$1.withLayoutItem=withLayoutItem;var _fastEquals=requireFastEquals(),_react=_interopRequireDefault(require$$0);function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}__name(_interopRequireDefault,"_interopRequireDefault");function bottom(layout){let max=0,bottomY;for(let i=0,len=layout.length;i<len;i++)bottomY=layout[i].y+layout[i].h,bottomY>max&&(max=bottomY);return max}__name(bottom,"bottom");function cloneLayout(layout){const newLayout=Array(layout.length);for(let i=0,len=layout.length;i<len;i++)newLayout[i]=cloneLayoutItem(layout[i]);return newLayout}__name(cloneLayout,"cloneLayout");function modifyLayout(layout,layoutItem){const newLayout=Array(layout.length);for(let i=0,len=layout.length;i<len;i++)layoutItem.i===layout[i].i?newLayout[i]=layoutItem:newLayout[i]=layout[i];return newLayout}__name(modifyLayout,"modifyLayout");function withLayoutItem(layout,itemKey,cb){let item2=getLayoutItem(layout,itemKey);return item2?(item2=cb(cloneLayoutItem(item2)),layout=modifyLayout(layout,item2),[layout,item2]):[layout,null]}__name(withLayoutItem,"withLayoutItem");function cloneLayoutItem(layoutItem){return{w:layoutItem.w,h:layoutItem.h,x:layoutItem.x,y:layoutItem.y,i:layoutItem.i,minW:layoutItem.minW,maxW:layoutItem.maxW,minH:layoutItem.minH,maxH:layoutItem.maxH,moved:!!layoutItem.moved,static:!!layoutItem.static,isDraggable:layoutItem.isDraggable,isResizable:layoutItem.isResizable,resizeHandles:layoutItem.resizeHandles,isBounded:layoutItem.isBounded}}__name(cloneLayoutItem,"cloneLayoutItem");function childrenEqual(a,b){return(0,_fastEquals.deepEqual)(_react.default.Children.map(a,c=>c==null?void 0:c.key),_react.default.Children.map(b,c=>c==null?void 0:c.key))&&(0,_fastEquals.deepEqual)(_react.default.Children.map(a,c=>c==null?void 0:c.props["data-grid"]),_react.default.Children.map(b,c=>c==null?void 0:c.props["data-grid"]))}__name(childrenEqual,"childrenEqual"),utils$1.fastRGLPropsEqual=requireFastRGLPropsEqual();function fastPositionEqual(a,b){return a.left===b.left&&a.top===b.top&&a.width===b.width&&a.height===b.height}__name(fastPositionEqual,"fastPositionEqual");function collides(l1,l2){return!(l1.i===l2.i||l1.x+l1.w<=l2.x||l1.x>=l2.x+l2.w||l1.y+l1.h<=l2.y||l1.y>=l2.y+l2.h)}__name(collides,"collides");function compact(layout,compactType2,cols,allowOverlap){const compareWith=getStatics(layout),sorted=sortLayoutItems(layout,compactType2),out=Array(layout.length);for(let i=0,len=sorted.length;i<len;i++){let l=cloneLayoutItem(sorted[i]);l.static||(l=compactItem(compareWith,l,compactType2,cols,sorted,allowOverlap),compareWith.push(l)),out[layout.indexOf(sorted[i])]=l,l.moved=!1}return out}__name(compact,"compact");const heightWidth={x:"w",y:"h"};function resolveCompactionCollision(layout,item2,moveToCoord,axis){const sizeProp=heightWidth[axis];item2[axis]+=1;const itemIndex=layout.map(layoutItem=>layoutItem.i).indexOf(item2.i);for(let i=itemIndex+1;i<layout.length;i++){const otherItem=layout[i];if(!otherItem.static){if(otherItem.y>item2.y+item2.h)break;collides(item2,otherItem)&&resolveCompactionCollision(layout,otherItem,moveToCoord+item2[sizeProp],axis)}}item2[axis]=moveToCoord}__name(resolveCompactionCollision,"resolveCompactionCollision");function compactItem(compareWith,l,compactType2,cols,fullLayout,allowOverlap){const compactV=compactType2==="vertical",compactH=compactType2==="horizontal";if(compactV)for(l.y=Math.min(bottom(compareWith),l.y);l.y>0&&!getFirstCollision(compareWith,l);)l.y--;else if(compactH)for(;l.x>0&&!getFirstCollision(compareWith,l);)l.x--;let collides2;for(;(collides2=getFirstCollision(compareWith,l))&&!(compactType2===null&&allowOverlap);)if(compactH?resolveCompactionCollision(fullLayout,l,collides2.x+collides2.w,"x"):resolveCompactionCollision(fullLayout,l,collides2.y+collides2.h,"y"),compactH&&l.x+l.w>cols)for(l.x=cols-l.w,l.y++;l.x>0&&!getFirstCollision(compareWith,l);)l.x--;return l.y=Math.max(l.y,0),l.x=Math.max(l.x,0),l}__name(compactItem,"compactItem");function correctBounds(layout,bounds){const collidesWith=getStatics(layout);for(let i=0,len=layout.length;i<len;i++){const l=layout[i];if(l.x+l.w>bounds.cols&&(l.x=bounds.cols-l.w),l.x<0&&(l.x=0,l.w=bounds.cols),!l.static)collidesWith.push(l);else for(;getFirstCollision(collidesWith,l);)l.y++}return layout}__name(correctBounds,"correctBounds");function getLayoutItem(layout,id){for(let i=0,len=layout.length;i<len;i++)if(layout[i].i===id)return layout[i]}__name(getLayoutItem,"getLayoutItem");function getFirstCollision(layout,layoutItem){for(let i=0,len=layout.length;i<len;i++)if(collides(layout[i],layoutItem))return layout[i]}__name(getFirstCollision,"getFirstCollision");function getAllCollisions(layout,layoutItem){return layout.filter(l=>collides(l,layoutItem))}__name(getAllCollisions,"getAllCollisions");function getStatics(layout){return layout.filter(l=>l.static)}__name(getStatics,"getStatics");function moveElement(layout,l,x,y,isUserAction,preventCollision,compactType2,cols,allowOverlap){if(l.static&&l.isDraggable!==!0||l.y===y&&l.x===x)return layout;`${l.i}${String(x)}${String(y)}${l.x}${l.y}`;const oldX=l.x,oldY=l.y;typeof x=="number"&&(l.x=x),typeof y=="number"&&(l.y=y),l.moved=!0;let sorted=sortLayoutItems(layout,compactType2);(compactType2==="vertical"&&typeof y=="number"?oldY>=y:compactType2==="horizontal"&&typeof x=="number"?oldX>=x:!1)&&(sorted=sorted.reverse());const collisions=getAllCollisions(sorted,l),hasCollisions=collisions.length>0;if(hasCollisions&&allowOverlap)return cloneLayout(layout);if(hasCollisions&&preventCollision)return`${l.i}`,l.x=oldX,l.y=oldY,l.moved=!1,layout;for(let i=0,len=collisions.length;i<len;i++){const collision=collisions[i];`${l.i}${l.x}${l.y}${collision.i}${collision.x}${collision.y}`,!collision.moved&&(collision.static?layout=moveElementAwayFromCollision(layout,collision,l,isUserAction,compactType2):layout=moveElementAwayFromCollision(layout,l,collision,isUserAction,compactType2))}return layout}__name(moveElement,"moveElement");function moveElementAwayFromCollision(layout,collidesWith,itemToMove,isUserAction,compactType2,cols){const compactH=compactType2==="horizontal",compactV=compactType2==="vertical",preventCollision=collidesWith.static;if(isUserAction){isUserAction=!1;const fakeItem={x:compactH?Math.max(collidesWith.x-itemToMove.w,0):itemToMove.x,y:compactV?Math.max(collidesWith.y-itemToMove.h,0):itemToMove.y,w:itemToMove.w,h:itemToMove.h,i:"-1"},firstCollision=getFirstCollision(layout,fakeItem),collisionNorth=firstCollision&&firstCollision.y+firstCollision.h>collidesWith.y,collisionWest=firstCollision&&collidesWith.x+collidesWith.w>firstCollision.x;if(firstCollision){if(collisionNorth&&compactV)return moveElement(layout,itemToMove,void 0,collidesWith.y+1,isUserAction,preventCollision,compactType2);if(collisionNorth&&compactType2==null)return collidesWith.y=itemToMove.y,itemToMove.y=itemToMove.y+itemToMove.h,layout;if(collisionWest&&compactH)return moveElement(layout,collidesWith,itemToMove.x,void 0,isUserAction,preventCollision,compactType2)}else return`${itemToMove.i}${fakeItem.x}${fakeItem.y}`,moveElement(layout,itemToMove,compactH?fakeItem.x:void 0,compactV?fakeItem.y:void 0,isUserAction,preventCollision,compactType2)}const newX=compactH?itemToMove.x+1:void 0,newY=compactV?itemToMove.y+1:void 0;return newX==null&&newY==null?layout:moveElement(layout,itemToMove,compactH?itemToMove.x+1:void 0,compactV?itemToMove.y+1:void 0,isUserAction,preventCollision,compactType2)}__name(moveElementAwayFromCollision,"moveElementAwayFromCollision");function perc(num){return num*100+"%"}__name(perc,"perc");const constrainWidth=__name((left,currentWidth,newWidth,containerWidth)=>left+newWidth>containerWidth?currentWidth:newWidth,"constrainWidth"),constrainHeight=__name((top,currentHeight,newHeight)=>top<0?currentHeight:newHeight,"constrainHeight"),constrainLeft=__name(left=>Math.max(0,left),"constrainLeft"),constrainTop=__name(top=>Math.max(0,top),"constrainTop"),resizeNorth=__name((currentSize,_ref,_containerWidth)=>{let{left,height,width}=_ref;const top=currentSize.top-(height-currentSize.height);return{left,width,height:constrainHeight(top,currentSize.height,height),top:constrainTop(top)}},"resizeNorth"),resizeEast=__name((currentSize,_ref2,containerWidth)=>{let{top,left,height,width}=_ref2;return{top,height,width:constrainWidth(currentSize.left,currentSize.width,width,containerWidth),left:constrainLeft(left)}},"resizeEast"),resizeWest=__name((currentSize,_ref3,containerWidth)=>{let{top,height,width}=_ref3;const left=currentSize.left-(width-currentSize.width);return{height,width:left<0?currentSize.width:constrainWidth(currentSize.left,currentSize.width,width,containerWidth),top:constrainTop(top),left:constrainLeft(left)}},"resizeWest"),resizeSouth=__name((currentSize,_ref4,containerWidth)=>{let{top,left,height,width}=_ref4;return{width,left,height:constrainHeight(top,currentSize.height,height),top:constrainTop(top)}},"resizeSouth"),ordinalResizeHandlerMap={n:resizeNorth,ne:__name(function(){return resizeNorth(arguments.length<=0?void 0:arguments[0],resizeEast(...arguments))},"resizeNorthEast"),e:resizeEast,se:__name(function(){return resizeSouth(arguments.length<=0?void 0:arguments[0],resizeEast(...arguments))},"resizeSouthEast"),s:resizeSouth,sw:__name(function(){return resizeSouth(arguments.length<=0?void 0:arguments[0],resizeWest(...arguments))},"resizeSouthWest"),w:resizeWest,nw:__name(function(){return resizeNorth(arguments.length<=0?void 0:arguments[0],resizeWest(...arguments))},"resizeNorthWest")};function resizeItemInDirection(direction,currentSize,newSize,containerWidth){const ordinalHandler=ordinalResizeHandlerMap[direction];return ordinalHandler?ordinalHandler(currentSize,{...currentSize,...newSize},containerWidth):newSize}__name(resizeItemInDirection,"resizeItemInDirection");function setTransform(_ref5){let{top,left,width,height}=_ref5;const translate=`translate(${left}px,${top}px)`;return{transform:translate,WebkitTransform:translate,MozTransform:translate,msTransform:translate,OTransform:translate,width:`${width}px`,height:`${height}px`,position:"absolute"}}__name(setTransform,"setTransform");function setTopLeft(_ref6){let{top,left,width,height}=_ref6;return{top:`${top}px`,left:`${left}px`,width:`${width}px`,height:`${height}px`,position:"absolute"}}__name(setTopLeft,"setTopLeft");function sortLayoutItems(layout,compactType2){return compactType2==="horizontal"?sortLayoutItemsByColRow(layout):compactType2==="vertical"?sortLayoutItemsByRowCol(layout):layout}__name(sortLayoutItems,"sortLayoutItems");function sortLayoutItemsByRowCol(layout){return layout.slice(0).sort(function(a,b){return a.y>b.y||a.y===b.y&&a.x>b.x?1:a.y===b.y&&a.x===b.x?0:-1})}__name(sortLayoutItemsByRowCol,"sortLayoutItemsByRowCol");function sortLayoutItemsByColRow(layout){return layout.slice(0).sort(function(a,b){return a.x>b.x||a.x===b.x&&a.y>b.y?1:-1})}__name(sortLayoutItemsByColRow,"sortLayoutItemsByColRow");function synchronizeLayoutWithChildren(initialLayout,children,cols,compactType2,allowOverlap){initialLayout=initialLayout||[];const layout=[];_react.default.Children.forEach(children,child=>{if((child==null?void 0:child.key)==null)return;const exists=getLayoutItem(initialLayout,String(child.key)),g=child.props["data-grid"];exists&&g==null?layout.push(cloneLayoutItem(exists)):g?layout.push(cloneLayoutItem({...g,i:child.key})):layout.push(cloneLayoutItem({w:1,h:1,x:0,y:bottom(layout),i:String(child.key)}))});const correctedLayout=correctBounds(layout,{cols});return allowOverlap?correctedLayout:compact(correctedLayout,compactType2,cols)}__name(synchronizeLayoutWithChildren,"synchronizeLayoutWithChildren");function validateLayout(layout){let contextName=arguments.length>1&&arguments[1]!==void 0?arguments[1]:"Layout";const subProps=["x","y","w","h"];if(!Array.isArray(layout))throw new Error(contextName+" must be an array!");for(let i=0,len=layout.length;i<len;i++){const item2=layout[i];for(let j=0;j<subProps.length;j++){const key=subProps[j],value=item2[key];if(typeof value!="number"||Number.isNaN(value))throw new Error(`ReactGridLayout: ${contextName}[${i}].${key} must be a number! Received: ${value} (${typeof value})`)}if(typeof item2.i<"u"&&typeof item2.i!="string")throw new Error(`ReactGridLayout: ${contextName}[${i}].i must be a string! Received: ${item2.i} (${typeof item2.i})`)}}__name(validateLayout,"validateLayout");function compactType(props){const{verticalCompact,compactType:compactType2}=props||{};return verticalCompact===!1?null:compactType2}__name(compactType,"compactType");function log2(){}__name(log2,"log");const noop=__name(()=>{},"noop");return utils$1.noop=noop,utils$1}__name(requireUtils$1,"requireUtils$1");var calculateUtils={},hasRequiredCalculateUtils;function requireCalculateUtils(){if(hasRequiredCalculateUtils)return calculateUtils;hasRequiredCalculateUtils=1,Object.defineProperty(calculateUtils,"__esModule",{value:!0}),calculateUtils.calcGridColWidth=calcGridColWidth,calculateUtils.calcGridItemPosition=calcGridItemPosition,calculateUtils.calcGridItemWHPx=calcGridItemWHPx,calculateUtils.calcWH=calcWH,calculateUtils.calcXY=calcXY,calculateUtils.clamp=clamp;function calcGridColWidth(positionParams){const{margin,containerPadding,containerWidth,cols}=positionParams;return(containerWidth-margin[0]*(cols-1)-containerPadding[0]*2)/cols}__name(calcGridColWidth,"calcGridColWidth");function calcGridItemWHPx(gridUnits,colOrRowSize,marginPx){return Number.isFinite(gridUnits)?Math.round(colOrRowSize*gridUnits+Math.max(0,gridUnits-1)*marginPx):gridUnits}__name(calcGridItemWHPx,"calcGridItemWHPx");function calcGridItemPosition(positionParams,x,y,w,h,state){const{margin,containerPadding,rowHeight}=positionParams,colWidth=calcGridColWidth(positionParams),out={};return state&&state.resizing?(out.width=Math.round(state.resizing.width),out.height=Math.round(state.resizing.height)):(out.width=calcGridItemWHPx(w,colWidth,margin[0]),out.height=calcGridItemWHPx(h,rowHeight,margin[1])),state&&state.dragging?(out.top=Math.round(state.dragging.top),out.left=Math.round(state.dragging.left)):state&&state.resizing&&typeof state.resizing.top=="number"&&typeof state.resizing.left=="number"?(out.top=Math.round(state.resizing.top),out.left=Math.round(state.resizing.left)):(out.top=Math.round((rowHeight+margin[1])*y+containerPadding[1]),out.left=Math.round((colWidth+margin[0])*x+containerPadding[0])),out}__name(calcGridItemPosition,"calcGridItemPosition");function calcXY(positionParams,top,left,w,h){const{margin,containerPadding,cols,rowHeight,maxRows}=positionParams,colWidth=calcGridColWidth(positionParams);let x=Math.round((left-containerPadding[0])/(colWidth+margin[0])),y=Math.round((top-containerPadding[1])/(rowHeight+margin[1]));return x=clamp(x,0,cols-w),y=clamp(y,0,maxRows-h),{x,y}}__name(calcXY,"calcXY");function calcWH(positionParams,width,height,x,y,handle){const{margin,maxRows,cols,rowHeight}=positionParams,colWidth=calcGridColWidth(positionParams);let w=Math.round((width+margin[0])/(colWidth+margin[0])),h=Math.round((height+margin[1])/(rowHeight+margin[1])),_w=clamp(w,0,cols-x),_h2=clamp(h,0,maxRows-y);return["sw","w","nw"].indexOf(handle)!==-1&&(_w=clamp(w,0,cols)),["nw","n","ne"].indexOf(handle)!==-1&&(_h2=clamp(h,0,maxRows)),{w:_w,h:_h2}}__name(calcWH,"calcWH");function clamp(num,lowerBound,upperBound){return Math.max(Math.min(num,upperBound),lowerBound)}return __name(clamp,"clamp"),calculateUtils}__name(requireCalculateUtils,"requireCalculateUtils");var GridItem={},propTypes$1={exports:{}},ReactPropTypesSecret_1,hasRequiredReactPropTypesSecret;function requireReactPropTypesSecret(){if(hasRequiredReactPropTypesSecret)return ReactPropTypesSecret_1;hasRequiredReactPropTypesSecret=1;var ReactPropTypesSecret="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";return ReactPropTypesSecret_1=ReactPropTypesSecret,ReactPropTypesSecret_1}__name(requireReactPropTypesSecret,"requireReactPropTypesSecret");var factoryWithThrowingShims,hasRequiredFactoryWithThrowingShims;function requireFactoryWithThrowingShims(){if(hasRequiredFactoryWithThrowingShims)return factoryWithThrowingShims;hasRequiredFactoryWithThrowingShims=1;var ReactPropTypesSecret=requireReactPropTypesSecret();function emptyFunction(){}__name(emptyFunction,"emptyFunction");function emptyFunctionWithReset(){}return __name(emptyFunctionWithReset,"emptyFunctionWithReset"),emptyFunctionWithReset.resetWarningCache=emptyFunction,factoryWithThrowingShims=__name(function(){function shim(props,propName,componentName,location,propFullName,secret){if(secret!==ReactPropTypesSecret){var err=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 err.name="Invariant Violation",err}}__name(shim,"shim"),shim.isRequired=shim;function getShim(){return shim}__name(getShim,"getShim");var ReactPropTypes={array:shim,bigint:shim,bool:shim,func:shim,number:shim,object:shim,string:shim,symbol:shim,any:shim,arrayOf:getShim,element:shim,elementType:shim,instanceOf:getShim,node:shim,objectOf:getShim,oneOf:getShim,oneOfType:getShim,shape:getShim,exact:getShim,checkPropTypes:emptyFunctionWithReset,resetWarningCache:emptyFunction};return ReactPropTypes.PropTypes=ReactPropTypes,ReactPropTypes},"factoryWithThrowingShims"),factoryWithThrowingShims}__name(requireFactoryWithThrowingShims,"requireFactoryWithThrowingShims");var hasRequiredPropTypes$1;function requirePropTypes$1(){return hasRequiredPropTypes$1||(hasRequiredPropTypes$1=1,propTypes$1.exports=requireFactoryWithThrowingShims()()),propTypes$1.exports}__name(requirePropTypes$1,"requirePropTypes$1");var cjs={exports:{}},Draggable={};function r$1(e){var t,f,n="";if(typeof e=="string"||typeof e=="number")n+=e;else if(typeof e=="object")if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(f=r$1(e[t]))&&(n&&(n+=" "),n+=f);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}__name(r$1,"r$1");function clsx$1(){for(var e,t,f=0,n="";f<arguments.length;)(e=arguments[f++])&&(t=r$1(e))&&(n&&(n+=" "),n+=t);return n}__name(clsx$1,"clsx$1");const require$$3=getAugmentedNamespace(Object.freeze(Object.defineProperty({__proto__:null,clsx:clsx$1,default:clsx$1},Symbol.toStringTag,{value:"Module"})));var domFns={},shims={},hasRequiredShims;function requireShims(){if(hasRequiredShims)return shims;hasRequiredShims=1,Object.defineProperty(shims,"__esModule",{value:!0}),shims.dontSetMe=dontSetMe,shims.findInArray=findInArray,shims.int=int,shims.isFunction=isFunction,shims.isNum=isNum;function findInArray(array,callback){for(let i=0,length=array.length;i<length;i++)if(callback.apply(callback,[array[i],i,array]))return array[i]}__name(findInArray,"findInArray");function isFunction(func){return typeof func=="function"||Object.prototype.toString.call(func)==="[object Function]"}__name(isFunction,"isFunction");function isNum(num){return typeof num=="number"&&!isNaN(num)}__name(isNum,"isNum");function int(a){return parseInt(a,10)}__name(int,"int");function dontSetMe(props,propName,componentName){if(props[propName])return new Error("Invalid prop ".concat(propName," passed to ").concat(componentName," - do not set this, set it on the child."))}return __name(dontSetMe,"dontSetMe"),shims}__name(requireShims,"requireShims");var getPrefix={},hasRequiredGetPrefix;function requireGetPrefix(){if(hasRequiredGetPrefix)return getPrefix;hasRequiredGetPrefix=1,Object.defineProperty(getPrefix,"__esModule",{value:!0}),getPrefix.browserPrefixToKey=browserPrefixToKey,getPrefix.browserPrefixToStyle=browserPrefixToStyle,getPrefix.default=void 0,getPrefix.getPrefix=getPrefix$1;const prefixes=["Moz","Webkit","O","ms"];function getPrefix$1(){var _window$document;let prop=arguments.length>0&&arguments[0]!==void 0?arguments[0]:"transform";if(typeof window>"u")return"";const style=(_window$document=window.document)===null||_window$document===void 0||(_window$document=_window$document.documentElement)===null||_window$document===void 0?void 0:_window$document.style;if(!style||prop in style)return"";for(let i=0;i<prefixes.length;i++)if(browserPrefixToKey(prop,prefixes[i])in style)return prefixes[i];return""}__name(getPrefix$1,"getPrefix$1");function browserPrefixToKey(prop,prefix){return prefix?"".concat(prefix).concat(kebabToTitleCase(prop)):prop}__name(browserPrefixToKey,"browserPrefixToKey");function browserPrefixToStyle(prop,prefix){return prefix?"-".concat(prefix.toLowerCase(),"-").concat(prop):prop}__name(browserPrefixToStyle,"browserPrefixToStyle");function kebabToTitleCase(str){let out="",shouldCapitalize=!0;for(let i=0;i<str.length;i++)shouldCapitalize?(out+=str[i].toUpperCase(),shouldCapitalize=!1):str[i]==="-"?shouldCapitalize=!0:out+=str[i];return out}return __name(kebabToTitleCase,"kebabToTitleCase"),getPrefix.default=getPrefix$1(),getPrefix}__name(requireGetPrefix,"requireGetPrefix");var hasRequiredDomFns;function requireDomFns(){if(hasRequiredDomFns)return domFns;hasRequiredDomFns=1,Object.defineProperty(domFns,"__esModule",{value:!0}),domFns.addClassName=addClassName,domFns.addEvent=addEvent,domFns.addUserSelectStyles=addUserSelectStyles,domFns.createCSSTransform=createCSSTransform,domFns.createSVGTransform=createSVGTransform,domFns.getTouch=getTouch,domFns.getTouchIdentifier=getTouchIdentifier,domFns.getTranslation=getTranslation,domFns.innerHeight=innerHeight,domFns.innerWidth=innerWidth,domFns.matchesSelector=matchesSelector,domFns.matchesSelectorAndParentsTo=matchesSelectorAndParentsTo,domFns.offsetXYFromParent=offsetXYFromParent,domFns.outerHeight=outerHeight,domFns.outerWidth=outerWidth,domFns.removeClassName=removeClassName,domFns.removeEvent=removeEvent,domFns.removeUserSelectStyles=removeUserSelectStyles;var _shims=requireShims(),_getPrefix=_interopRequireWildcard(requireGetPrefix());function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!="function")return null;var cacheBabelInterop=new WeakMap,cacheNodeInterop=new WeakMap;return(_getRequireWildcardCache=__name(function(nodeInterop2){return nodeInterop2?cacheNodeInterop:cacheBabelInterop},"_getRequireWildcardCache"))(nodeInterop)}__name(_getRequireWildcardCache,"_getRequireWildcardCache");function _interopRequireWildcard(obj,nodeInterop){if(obj&&obj.__esModule)return obj;if(obj===null||typeof obj!="object"&&typeof obj!="function")return{default:obj};var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj))return cache.get(obj);var newObj={},hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj)if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;desc&&(desc.get||desc.set)?Object.defineProperty(newObj,key,desc):newObj[key]=obj[key]}return newObj.default=obj,cache&&cache.set(obj,newObj),newObj}__name(_interopRequireWildcard,"_interopRequireWildcard");let matchesSelectorFunc="";function matchesSelector(el,selector){return matchesSelectorFunc||(matchesSelectorFunc=(0,_shims.findInArray)(["matches","webkitMatchesSelector","mozMatchesSelector","msMatchesSelector","oMatchesSelector"],function(method){return(0,_shims.isFunction)(el[method])})),(0,_shims.isFunction)(el[matchesSelectorFunc])?el[matchesSelectorFunc](selector):!1}__name(matchesSelector,"matchesSelector");function matchesSelectorAndParentsTo(el,selector,baseNode){let node=el;do{if(matchesSelector(node,selector))return!0;if(node===baseNode)return!1;node=node.parentNode}while(node);return!1}__name(matchesSelectorAndParentsTo,"matchesSelectorAndParentsTo");function addEvent(el,event,handler,inputOptions){if(!el)return;const options={capture:!0,...inputOptions};el.addEventListener?el.addEventListener(event,handler,options):el.attachEvent?el.attachEvent("on"+event,handler):el["on"+event]=handler}__name(addEvent,"addEvent");function removeEvent(el,event,handler,inputOptions){if(!el)return;const options={capture:!0,...inputOptions};el.removeEventListener?el.removeEventListener(event,handler,options):el.detachEvent?el.detachEvent("on"+event,handler):el["on"+event]=null}__name(removeEvent,"removeEvent");function outerHeight(node){let height=node.clientHeight;const computedStyle=node.ownerDocument.defaultView.getComputedStyle(node);return height+=(0,_shims.int)(computedStyle.borderTopWidth),height+=(0,_shims.int)(computedStyle.borderBottomWidth),height}__name(outerHeight,"outerHeight");function outerWidth(node){let width=node.clientWidth;const computedStyle=node.ownerDocument.defaultView.getComputedStyle(node);return width+=(0,_shims.int)(computedStyle.borderLeftWidth),width+=(0,_shims.int)(computedStyle.borderRightWidth),width}__name(outerWidth,"outerWidth");function innerHeight(node){let height=node.clientHeight;const computedStyle=node.ownerDocument.defaultView.getComputedStyle(node);return height-=(0,_shims.int)(computedStyle.paddingTop),height-=(0,_shims.int)(computedStyle.paddingBottom),height}__name(innerHeight,"innerHeight");function innerWidth(node){let width=node.clientWidth;const computedStyle=node.ownerDocument.defaultView.getComputedStyle(node);return width-=(0,_shims.int)(computedStyle.paddingLeft),width-=(0,_shims.int)(computedStyle.paddingRight),width}__name(innerWidth,"innerWidth");function offsetXYFromParent(evt,offsetParent,scale){const offsetParentRect=offsetParent===offsetParent.ownerDocument.body?{left:0,top:0}:offsetParent.getBoundingClientRect(),x=(evt.clientX+offsetParent.scrollLeft-offsetParentRect.left)/scale,y=(evt.clientY+offsetParent.scrollTop-offsetParentRect.top)/scale;return{x,y}}__name(offsetXYFromParent,"offsetXYFromParent");function createCSSTransform(controlPos,positionOffset){const translation=getTranslation(controlPos,positionOffset,"px");return{[(0,_getPrefix.browserPrefixToKey)("transform",_getPrefix.default)]:translation}}__name(createCSSTransform,"createCSSTransform");function createSVGTransform(controlPos,positionOffset){return getTranslation(controlPos,positionOffset,"")}__name(createSVGTransform,"createSVGTransform");function getTranslation(_ref,positionOffset,unitSuffix){let{x,y}=_ref,translation="translate(".concat(x).concat(unitSuffix,",").concat(y).concat(unitSuffix,")");if(positionOffset){const defaultX="".concat(typeof positionOffset.x=="string"?positionOffset.x:positionOffset.x+unitSuffix),defaultY="".concat(typeof positionOffset.y=="string"?positionOffset.y:positionOffset.y+unitSuffix);translation="translate(".concat(defaultX,", ").concat(defaultY,")")+translation}return translation}__name(getTranslation,"getTranslation");function getTouch(e,identifier){return e.targetTouches&&(0,_shims.findInArray)(e.targetTouches,t=>identifier===t.identifier)||e.changedTouches&&(0,_shims.findInArray)(e.changedTouches,t=>identifier===t.identifier)}__name(getTouch,"getTouch");function getTouchIdentifier(e){if(e.targetTouches&&e.targetTouches[0])return e.targetTouches[0].identifier;if(e.changedTouches&&e.changedTouches[0])return e.changedTouches[0].identifier}__name(getTouchIdentifier,"getTouchIdentifier");function addUserSelectStyles(doc){if(!doc)return;let styleEl=doc.getElementById("react-draggable-style-el");styleEl||(styleEl=doc.createElement("style"),styleEl.type="text/css",styleEl.id="react-draggable-style-el",styleEl.innerHTML=`.react-draggable-transparent-selection *::-moz-selection {all: inherit;}
+`,styleEl.innerHTML+=`.react-draggable-transparent-selection *::selection {all: inherit;}
+`,doc.getElementsByTagName("head")[0].appendChild(styleEl)),doc.body&&addClassName(doc.body,"react-draggable-transparent-selection")}__name(addUserSelectStyles,"addUserSelectStyles");function removeUserSelectStyles(doc){if(doc)try{if(doc.body&&removeClassName(doc.body,"react-draggable-transparent-selection"),doc.selection)doc.selection.empty();else{const selection=(doc.defaultView||window).getSelection();selection&&selection.type!=="Caret"&&selection.removeAllRanges()}}catch{}}__name(removeUserSelectStyles,"removeUserSelectStyles");function addClassName(el,className){el.classList?el.classList.add(className):el.className.match(new RegExp("(?:^|\\s)".concat(className,"(?!\\S)")))||(el.className+=" ".concat(className))}__name(addClassName,"addClassName");function removeClassName(el,className){el.classList?el.classList.remove(className):el.className=el.className.replace(new RegExp("(?:^|\\s)".concat(className,"(?!\\S)"),"g"),"")}return __name(removeClassName,"removeClassName"),domFns}__name(requireDomFns,"requireDomFns");var positionFns={},hasRequiredPositionFns;function requirePositionFns(){if(hasRequiredPositionFns)return positionFns;hasRequiredPositionFns=1,Object.defineProperty(positionFns,"__esModule",{value:!0}),positionFns.canDragX=canDragX,positionFns.canDragY=canDragY,positionFns.createCoreData=createCoreData,positionFns.createDraggableData=createDraggableData,positionFns.getBoundPosition=getBoundPosition,positionFns.getControlPosition=getControlPosition,positionFns.snapToGrid=snapToGrid;var _shims=requireShims(),_domFns=requireDomFns();function getBoundPosition(draggable,x,y){if(!draggable.props.bounds)return[x,y];let{bounds}=draggable.props;bounds=typeof bounds=="string"?bounds:cloneBounds(bounds);const node=findDOMNode(draggable);if(typeof bounds=="string"){const{ownerDocument}=node,ownerWindow=ownerDocument.defaultView;let boundNode;if(bounds==="parent"?boundNode=node.parentNode:boundNode=ownerDocument.querySelector(bounds),!(boundNode instanceof ownerWindow.HTMLElement))throw new Error('Bounds selector "'+bounds+'" could not find an element.');const boundNodeEl=boundNode,nodeStyle=ownerWindow.getComputedStyle(node),boundNodeStyle=ownerWindow.getComputedStyle(boundNodeEl);bounds={left:-node.offsetLeft+(0,_shims.int)(boundNodeStyle.paddingLeft)+(0,_shims.int)(nodeStyle.marginLeft),top:-node.offsetTop+(0,_shims.int)(boundNodeStyle.paddingTop)+(0,_shims.int)(nodeStyle.marginTop),right:(0,_domFns.innerWidth)(boundNodeEl)-(0,_domFns.outerWidth)(node)-node.offsetLeft+(0,_shims.int)(boundNodeStyle.paddingRight)-(0,_shims.int)(nodeStyle.marginRight),bottom:(0,_domFns.innerHeight)(boundNodeEl)-(0,_domFns.outerHeight)(node)-node.offsetTop+(0,_shims.int)(boundNodeStyle.paddingBottom)-(0,_shims.int)(nodeStyle.marginBottom)}}return(0,_shims.isNum)(bounds.right)&&(x=Math.min(x,bounds.right)),(0,_shims.isNum)(bounds.bottom)&&(y=Math.min(y,bounds.bottom)),(0,_shims.isNum)(bounds.left)&&(x=Math.max(x,bounds.left)),(0,_shims.isNum)(bounds.top)&&(y=Math.max(y,bounds.top)),[x,y]}__name(getBoundPosition,"getBoundPosition");function snapToGrid(grid,pendingX,pendingY){const x=Math.round(pendingX/grid[0])*grid[0],y=Math.round(pendingY/grid[1])*grid[1];return[x,y]}__name(snapToGrid,"snapToGrid");function canDragX(draggable){return draggable.props.axis==="both"||draggable.props.axis==="x"}__name(canDragX,"canDragX");function canDragY(draggable){return draggable.props.axis==="both"||draggable.props.axis==="y"}__name(canDragY,"canDragY");function getControlPosition(e,touchIdentifier,draggableCore){const touchObj=typeof touchIdentifier=="number"?(0,_domFns.getTouch)(e,touchIdentifier):null;if(typeof touchIdentifier=="number"&&!touchObj)return null;const node=findDOMNode(draggableCore),offsetParent=draggableCore.props.offsetParent||node.offsetParent||node.ownerDocument.body;return(0,_domFns.offsetXYFromParent)(touchObj||e,offsetParent,draggableCore.props.scale)}__name(getControlPosition,"getControlPosition");function createCoreData(draggable,x,y){const isStart=!(0,_shims.isNum)(draggable.lastX),node=findDOMNode(draggable);return isStart?{node,deltaX:0,deltaY:0,lastX:x,lastY:y,x,y}:{node,deltaX:x-draggable.lastX,deltaY:y-draggable.lastY,lastX:draggable.lastX,lastY:draggable.lastY,x,y}}__name(createCoreData,"createCoreData");function createDraggableData(draggable,coreData){const scale=draggable.props.scale;return{node:coreData.node,x:draggable.state.x+coreData.deltaX/scale,y:draggable.state.y+coreData.deltaY/scale,deltaX:coreData.deltaX/scale,deltaY:coreData.deltaY/scale,lastX:draggable.state.x,lastY:draggable.state.y}}__name(createDraggableData,"createDraggableData");function cloneBounds(bounds){return{left:bounds.left,top:bounds.top,right:bounds.right,bottom:bounds.bottom}}__name(cloneBounds,"cloneBounds");function findDOMNode(draggable){const node=draggable.findDOMNode();if(!node)throw new Error("<DraggableCore>: Unmounted during event!");return node}return __name(findDOMNode,"findDOMNode"),positionFns}__name(requirePositionFns,"requirePositionFns");var DraggableCore={},log={},hasRequiredLog;function requireLog(){if(hasRequiredLog)return log;hasRequiredLog=1,Object.defineProperty(log,"__esModule",{value:!0}),log.default=log$1;function log$1(){}return __name(log$1,"log$1"),log}__name(requireLog,"requireLog");var hasRequiredDraggableCore;function requireDraggableCore(){var _a2;if(hasRequiredDraggableCore)return DraggableCore;hasRequiredDraggableCore=1,Object.defineProperty(DraggableCore,"__esModule",{value:!0}),DraggableCore.default=void 0;var React=_interopRequireWildcard(require$$0),_propTypes=_interopRequireDefault(requirePropTypes$1()),_reactDom=_interopRequireDefault(require$$2$1),_domFns=requireDomFns(),_positionFns=requirePositionFns(),_shims=requireShims(),_log=_interopRequireDefault(requireLog());function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}__name(_interopRequireDefault,"_interopRequireDefault");function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!="function")return null;var cacheBabelInterop=new WeakMap,cacheNodeInterop=new WeakMap;return(_getRequireWildcardCache=__name(function(nodeInterop2){return nodeInterop2?cacheNodeInterop:cacheBabelInterop},"_getRequireWildcardCache"))(nodeInterop)}__name(_getRequireWildcardCache,"_getRequireWildcardCache");function _interopRequireWildcard(obj,nodeInterop){if(obj&&obj.__esModule)return obj;if(obj===null||typeof obj!="object"&&typeof obj!="function")return{default:obj};var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj))return cache.get(obj);var newObj={},hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj)if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;desc&&(desc.get||desc.set)?Object.defineProperty(newObj,key,desc):newObj[key]=obj[key]}return newObj.default=obj,cache&&cache.set(obj,newObj),newObj}__name(_interopRequireWildcard,"_interopRequireWildcard");function _defineProperty(obj,key,value){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}__name(_defineProperty,"_defineProperty");function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return typeof key=="symbol"?key:String(key)}__name(_toPropertyKey,"_toPropertyKey");function _toPrimitive(input,hint){if(typeof input!="object"||input===null)return input;var prim=input[Symbol.toPrimitive];if(prim!==void 0){var res=prim.call(input,hint||"default");if(typeof res!="object")return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return(hint==="string"?String:Number)(input)}__name(_toPrimitive,"_toPrimitive");const eventsFor={touch:{start:"touchstart",move:"touchmove",stop:"touchend"},mouse:{start:"mousedown",move:"mousemove",stop:"mouseup"}};let dragEventFor=eventsFor.mouse,DraggableCore$1=(_a2=class extends React.Component{constructor(){super(...arguments),_defineProperty(this,"dragging",!1),_defineProperty(this,"lastX",NaN),_defineProperty(this,"lastY",NaN),_defineProperty(this,"touchIdentifier",null),_defineProperty(this,"mounted",!1),_defineProperty(this,"handleDragStart",e=>{if(this.props.onMouseDown(e),!this.props.allowAnyClick&&typeof e.button=="number"&&e.button!==0)return!1;const thisNode=this.findDOMNode();if(!thisNode||!thisNode.ownerDocument||!thisNode.ownerDocument.body)throw new Error("<DraggableCore> not mounted on DragStart!");const{ownerDocument}=thisNode;if(this.props.disabled||!(e.target instanceof ownerDocument.defaultView.Node)||this.props.handle&&!(0,_domFns.matchesSelectorAndParentsTo)(e.target,this.props.handle,thisNode)||this.props.cancel&&(0,_domFns.matchesSelectorAndParentsTo)(e.target,this.props.cancel,thisNode))return;e.type==="touchstart"&&e.preventDefault();const touchIdentifier=(0,_domFns.getTouchIdentifier)(e);this.touchIdentifier=touchIdentifier;const position=(0,_positionFns.getControlPosition)(e,touchIdentifier,this);if(position==null)return;const{x,y}=position,coreEvent=(0,_positionFns.createCoreData)(this,x,y);(0,_log.default)("DraggableCore: handleDragStart: %j",coreEvent),(0,_log.default)("calling",this.props.onStart),!(this.props.onStart(e,coreEvent)===!1||this.mounted===!1)&&(this.props.enableUserSelectHack&&(0,_domFns.addUserSelectStyles)(ownerDocument),this.dragging=!0,this.lastX=x,this.lastY=y,(0,_domFns.addEvent)(ownerDocument,dragEventFor.move,this.handleDrag),(0,_domFns.addEvent)(ownerDocument,dragEventFor.stop,this.handleDragStop))}),_defineProperty(this,"handleDrag",e=>{const position=(0,_positionFns.getControlPosition)(e,this.touchIdentifier,this);if(position==null)return;let{x,y}=position;if(Array.isArray(this.props.grid)){let deltaX=x-this.lastX,deltaY=y-this.lastY;if([deltaX,deltaY]=(0,_positionFns.snapToGrid)(this.props.grid,deltaX,deltaY),!deltaX&&!deltaY)return;x=this.lastX+deltaX,y=this.lastY+deltaY}const coreEvent=(0,_positionFns.createCoreData)(this,x,y);if((0,_log.default)("DraggableCore: handleDrag: %j",coreEvent),this.props.onDrag(e,coreEvent)===!1||this.mounted===!1){try{this.handleDragStop(new MouseEvent("mouseup"))}catch{const event=document.createEvent("MouseEvents");event.initMouseEvent("mouseup",!0,!0,window,0,0,0,0,0,!1,!1,!1,!1,0,null),this.handleDragStop(event)}return}this.lastX=x,this.lastY=y}),_defineProperty(this,"handleDragStop",e=>{if(!this.dragging)return;const position=(0,_positionFns.getControlPosition)(e,this.touchIdentifier,this);if(position==null)return;let{x,y}=position;if(Array.isArray(this.props.grid)){let deltaX=x-this.lastX||0,deltaY=y-this.lastY||0;[deltaX,deltaY]=(0,_positionFns.snapToGrid)(this.props.grid,deltaX,deltaY),x=this.lastX+deltaX,y=this.lastY+deltaY}const coreEvent=(0,_positionFns.createCoreData)(this,x,y);if(this.props.onStop(e,coreEvent)===!1||this.mounted===!1)return!1;const thisNode=this.findDOMNode();thisNode&&this.props.enableUserSelectHack&&(0,_domFns.removeUserSelectStyles)(thisNode.ownerDocument),(0,_log.default)("DraggableCore: handleDragStop: %j",coreEvent),this.dragging=!1,this.lastX=NaN,this.lastY=NaN,thisNode&&((0,_log.default)("DraggableCore: Removing handlers"),(0,_domFns.removeEvent)(thisNode.ownerDocument,dragEventFor.move,this.handleDrag),(0,_domFns.removeEvent)(thisNode.ownerDocument,dragEventFor.stop,this.handleDragStop))}),_defineProperty(this,"onMouseDown",e=>(dragEventFor=eventsFor.mouse,this.handleDragStart(e))),_defineProperty(this,"onMouseUp",e=>(dragEventFor=eventsFor.mouse,this.handleDragStop(e))),_defineProperty(this,"onTouchStart",e=>(dragEventFor=eventsFor.touch,this.handleDragStart(e))),_defineProperty(this,"onTouchEnd",e=>(dragEventFor=eventsFor.touch,this.handleDragStop(e)))}componentDidMount(){this.mounted=!0;const thisNode=this.findDOMNode();thisNode&&(0,_domFns.addEvent)(thisNode,eventsFor.touch.start,this.onTouchStart,{passive:!1})}componentWillUnmount(){this.mounted=!1;const thisNode=this.findDOMNode();if(thisNode){const{ownerDocument}=thisNode;(0,_domFns.removeEvent)(ownerDocument,eventsFor.mouse.move,this.handleDrag),(0,_domFns.removeEvent)(ownerDocument,eventsFor.touch.move,this.handleDrag),(0,_domFns.removeEvent)(ownerDocument,eventsFor.mouse.stop,this.handleDragStop),(0,_domFns.removeEvent)(ownerDocument,eventsFor.touch.stop,this.handleDragStop),(0,_domFns.removeEvent)(thisNode,eventsFor.touch.start,this.onTouchStart,{passive:!1}),this.props.enableUserSelectHack&&(0,_domFns.removeUserSelectStyles)(ownerDocument)}}findDOMNode(){var _this$props,_this$props2;return(_this$props=this.props)!==null&&_this$props!==void 0&&_this$props.nodeRef?(_this$props2=this.props)===null||_this$props2===void 0||(_this$props2=_this$props2.nodeRef)===null||_this$props2===void 0?void 0:_this$props2.current:_reactDom.default.findDOMNode(this)}render(){return React.cloneElement(React.Children.only(this.props.children),{onMouseDown:this.onMouseDown,onMouseUp:this.onMouseUp,onTouchEnd:this.onTouchEnd})}},__name(_a2,"DraggableCore"),_a2);return DraggableCore.default=DraggableCore$1,_defineProperty(DraggableCore$1,"displayName","DraggableCore"),_defineProperty(DraggableCore$1,"propTypes",{allowAnyClick:_propTypes.default.bool,children:_propTypes.default.node.isRequired,disabled:_propTypes.default.bool,enableUserSelectHack:_propTypes.default.bool,offsetParent:__name(function(props,propName){if(props[propName]&&props[propName].nodeType!==1)throw new Error("Draggable's offsetParent must be a DOM Node.")},"offsetParent"),grid:_propTypes.default.arrayOf(_propTypes.default.number),handle:_propTypes.default.string,cancel:_propTypes.default.string,nodeRef:_propTypes.default.object,onStart:_propTypes.default.func,onDrag:_propTypes.default.func,onStop:_propTypes.default.func,onMouseDown:_propTypes.default.func,scale:_propTypes.default.number,className:_shims.dontSetMe,style:_shims.dontSetMe,transform:_shims.dontSetMe}),_defineProperty(DraggableCore$1,"defaultProps",{allowAnyClick:!1,disabled:!1,enableUserSelectHack:!0,onStart:__name(function(){},"onStart"),onDrag:__name(function(){},"onDrag"),onStop:__name(function(){},"onStop"),onMouseDown:__name(function(){},"onMouseDown"),scale:1}),DraggableCore}__name(requireDraggableCore,"requireDraggableCore");var hasRequiredDraggable;function requireDraggable(){return hasRequiredDraggable||(hasRequiredDraggable=1,function(exports3){Object.defineProperty(exports3,"__esModule",{value:!0}),Object.defineProperty(exports3,"DraggableCore",{enumerable:!0,get:__name(function(){return _DraggableCore.default},"get")}),exports3.default=void 0;var React=_interopRequireWildcard(require$$0),_propTypes=_interopRequireDefault(requirePropTypes$1()),_reactDom=_interopRequireDefault(require$$2$1),_clsx=_interopRequireDefault(require$$3),_domFns=requireDomFns(),_positionFns=requirePositionFns(),_shims=requireShims(),_DraggableCore=_interopRequireDefault(requireDraggableCore()),_log=_interopRequireDefault(requireLog());function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}__name(_interopRequireDefault,"_interopRequireDefault");function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!="function")return null;var cacheBabelInterop=new WeakMap,cacheNodeInterop=new WeakMap;return(_getRequireWildcardCache=__name(function(nodeInterop2){return nodeInterop2?cacheNodeInterop:cacheBabelInterop},"_getRequireWildcardCache"))(nodeInterop)}__name(_getRequireWildcardCache,"_getRequireWildcardCache");function _interopRequireWildcard(obj,nodeInterop){if(obj&&obj.__esModule)return obj;if(obj===null||typeof obj!="object"&&typeof obj!="function")return{default:obj};var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj))return cache.get(obj);var newObj={},hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj)if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;desc&&(desc.get||desc.set)?Object.defineProperty(newObj,key,desc):newObj[key]=obj[key]}return newObj.default=obj,cache&&cache.set(obj,newObj),newObj}__name(_interopRequireWildcard,"_interopRequireWildcard");function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}__name(_extends,"_extends");function _defineProperty(obj,key,value){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}__name(_defineProperty,"_defineProperty");function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return typeof key=="symbol"?key:String(key)}__name(_toPropertyKey,"_toPropertyKey");function _toPrimitive(input,hint){if(typeof input!="object"||input===null)return input;var prim=input[Symbol.toPrimitive];if(prim!==void 0){var res=prim.call(input,hint||"default");if(typeof res!="object")return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return(hint==="string"?String:Number)(input)}__name(_toPrimitive,"_toPrimitive");const _Draggable=class _Draggable extends React.Component{static getDerivedStateFromProps(_ref,_ref2){let{position}=_ref,{prevPropsPosition}=_ref2;return position&&(!prevPropsPosition||position.x!==prevPropsPosition.x||position.y!==prevPropsPosition.y)?((0,_log.default)("Draggable: getDerivedStateFromProps %j",{position,prevPropsPosition}),{x:position.x,y:position.y,prevPropsPosition:{...position}}):null}constructor(props){super(props),_defineProperty(this,"onDragStart",(e,coreData)=>{if((0,_log.default)("Draggable: onDragStart: %j",coreData),this.props.onStart(e,(0,_positionFns.createDraggableData)(this,coreData))===!1)return!1;this.setState({dragging:!0,dragged:!0})}),_defineProperty(this,"onDrag",(e,coreData)=>{if(!this.state.dragging)return!1;(0,_log.default)("Draggable: onDrag: %j",coreData);const uiData=(0,_positionFns.createDraggableData)(this,coreData),newState={x:uiData.x,y:uiData.y,slackX:0,slackY:0};if(this.props.bounds){const{x,y}=newState;newState.x+=this.state.slackX,newState.y+=this.state.slackY;const[newStateX,newStateY]=(0,_positionFns.getBoundPosition)(this,newState.x,newState.y);newState.x=newStateX,newState.y=newStateY,newState.slackX=this.state.slackX+(x-newState.x),newState.slackY=this.state.slackY+(y-newState.y),uiData.x=newState.x,uiData.y=newState.y,uiData.deltaX=newState.x-this.state.x,uiData.deltaY=newState.y-this.state.y}if(this.props.onDrag(e,uiData)===!1)return!1;this.setState(newState)}),_defineProperty(this,"onDragStop",(e,coreData)=>{if(!this.state.dragging||this.props.onStop(e,(0,_positionFns.createDraggableData)(this,coreData))===!1)return!1;(0,_log.default)("Draggable: onDragStop: %j",coreData);const newState={dragging:!1,slackX:0,slackY:0};if(!!this.props.position){const{x,y}=this.props.position;newState.x=x,newState.y=y}this.setState(newState)}),this.state={dragging:!1,dragged:!1,x:props.position?props.position.x:props.defaultPosition.x,y:props.position?props.position.y:props.defaultPosition.y,prevPropsPosition:{...props.position},slackX:0,slackY:0,isElementSVG:!1},props.position&&!(props.onDrag||props.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 _this$props$nodeRef$c,_this$props;return(_this$props$nodeRef$c=(_this$props=this.props)===null||_this$props===void 0||(_this$props=_this$props.nodeRef)===null||_this$props===void 0?void 0:_this$props.current)!==null&&_this$props$nodeRef$c!==void 0?_this$props$nodeRef$c:_reactDom.default.findDOMNode(this)}render(){const{axis,bounds,children,defaultPosition,defaultClassName,defaultClassNameDragging,defaultClassNameDragged,position,positionOffset,scale,...draggableCoreProps}=this.props;let style={},svgTransform=null;const draggable=!!!position||this.state.dragging,validPosition=position||defaultPosition,transformOpts={x:(0,_positionFns.canDragX)(this)&&draggable?this.state.x:validPosition.x,y:(0,_positionFns.canDragY)(this)&&draggable?this.state.y:validPosition.y};this.state.isElementSVG?svgTransform=(0,_domFns.createSVGTransform)(transformOpts,positionOffset):style=(0,_domFns.createCSSTransform)(transformOpts,positionOffset);const className=(0,_clsx.default)(children.props.className||"",defaultClassName,{[defaultClassNameDragging]:this.state.dragging,[defaultClassNameDragged]:this.state.dragged});return React.createElement(_DraggableCore.default,_extends({},draggableCoreProps,{onStart:this.onDragStart,onDrag:this.onDrag,onStop:this.onDragStop}),React.cloneElement(React.Children.only(children),{className,style:{...children.props.style,...style},transform:svgTransform}))}};__name(_Draggable,"Draggable");let Draggable2=_Draggable;exports3.default=Draggable2,_defineProperty(Draggable2,"displayName","Draggable"),_defineProperty(Draggable2,"propTypes",{..._DraggableCore.default.propTypes,axis:_propTypes.default.oneOf(["both","x","y","none"]),bounds:_propTypes.default.oneOfType([_propTypes.default.shape({left:_propTypes.default.number,right:_propTypes.default.number,top:_propTypes.default.number,bottom:_propTypes.default.number}),_propTypes.default.string,_propTypes.default.oneOf([!1])]),defaultClassName:_propTypes.default.string,defaultClassNameDragging:_propTypes.default.string,defaultClassNameDragged:_propTypes.default.string,defaultPosition:_propTypes.default.shape({x:_propTypes.default.number,y:_propTypes.default.number}),positionOffset:_propTypes.default.shape({x:_propTypes.default.oneOfType([_propTypes.default.number,_propTypes.default.string]),y:_propTypes.default.oneOfType([_propTypes.default.number,_propTypes.default.string])}),position:_propTypes.default.shape({x:_propTypes.default.number,y:_propTypes.default.number}),className:_shims.dontSetMe,style:_shims.dontSetMe,transform:_shims.dontSetMe}),_defineProperty(Draggable2,"defaultProps",{..._DraggableCore.default.defaultProps,axis:"both",bounds:!1,defaultClassName:"react-draggable",defaultClassNameDragging:"react-draggable-dragging",defaultClassNameDragged:"react-draggable-dragged",defaultPosition:{x:0,y:0},scale:1})}(Draggable)),Draggable}__name(requireDraggable,"requireDraggable");var hasRequiredCjs;function requireCjs(){if(hasRequiredCjs)return cjs.exports;hasRequiredCjs=1;const{default:Draggable2,DraggableCore:DraggableCore2}=requireDraggable();return cjs.exports=Draggable2,cjs.exports.default=Draggable2,cjs.exports.DraggableCore=DraggableCore2,cjs.exports}__name(requireCjs,"requireCjs");var reactResizable={exports:{}},Resizable={},utils={},hasRequiredUtils;function requireUtils(){if(hasRequiredUtils)return utils;hasRequiredUtils=1,utils.__esModule=!0,utils.cloneElement=cloneElement;var _react=_interopRequireDefault(require$$0);function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}__name(_interopRequireDefault,"_interopRequireDefault");function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})),keys.push.apply(keys,symbols)}return keys}__name(ownKeys,"ownKeys");function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key])}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}__name(_objectSpread,"_objectSpread");function _defineProperty(obj,key,value){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}__name(_defineProperty,"_defineProperty");function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return typeof key=="symbol"?key:String(key)}__name(_toPropertyKey,"_toPropertyKey");function _toPrimitive(input,hint){if(typeof input!="object"||input===null)return input;var prim=input[Symbol.toPrimitive];if(prim!==void 0){var res=prim.call(input,hint||"default");if(typeof res!="object")return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return(hint==="string"?String:Number)(input)}__name(_toPrimitive,"_toPrimitive");function cloneElement(element2,props){return props.style&&element2.props.style&&(props.style=_objectSpread(_objectSpread({},element2.props.style),props.style)),props.className&&element2.props.className&&(props.className=element2.props.className+" "+props.className),_react.default.cloneElement(element2,props)}return __name(cloneElement,"cloneElement"),utils}__name(requireUtils,"requireUtils");var propTypes={},hasRequiredPropTypes;function requirePropTypes(){if(hasRequiredPropTypes)return propTypes;hasRequiredPropTypes=1,propTypes.__esModule=!0,propTypes.resizableProps=void 0;var _propTypes=_interopRequireDefault(requirePropTypes$1());requireCjs();function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}__name(_interopRequireDefault,"_interopRequireDefault");var resizableProps={axis:_propTypes.default.oneOf(["both","x","y","none"]),className:_propTypes.default.string,children:_propTypes.default.element.isRequired,draggableOpts:_propTypes.default.shape({allowAnyClick:_propTypes.default.bool,cancel:_propTypes.default.string,children:_propTypes.default.node,disabled:_propTypes.default.bool,enableUserSelectHack:_propTypes.default.bool,offsetParent:_propTypes.default.node,grid:_propTypes.default.arrayOf(_propTypes.default.number),handle:_propTypes.default.string,nodeRef:_propTypes.default.object,onStart:_propTypes.default.func,onDrag:_propTypes.default.func,onStop:_propTypes.default.func,onMouseDown:_propTypes.default.func,scale:_propTypes.default.number}),height:__name(function(){for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];var props=args[0];if(props.axis==="both"||props.axis==="y"){var _PropTypes$number;return(_PropTypes$number=_propTypes.default.number).isRequired.apply(_PropTypes$number,args)}return _propTypes.default.number.apply(_propTypes.default,args)},"height"),handle:_propTypes.default.oneOfType([_propTypes.default.node,_propTypes.default.func]),handleSize:_propTypes.default.arrayOf(_propTypes.default.number),lockAspectRatio:_propTypes.default.bool,maxConstraints:_propTypes.default.arrayOf(_propTypes.default.number),minConstraints:_propTypes.default.arrayOf(_propTypes.default.number),onResizeStop:_propTypes.default.func,onResizeStart:_propTypes.default.func,onResize:_propTypes.default.func,resizeHandles:_propTypes.default.arrayOf(_propTypes.default.oneOf(["s","w","e","n","sw","nw","se","ne"])),transformScale:_propTypes.default.number,width:__name(function(){for(var _len2=arguments.length,args=new Array(_len2),_key2=0;_key2<_len2;_key2++)args[_key2]=arguments[_key2];var props=args[0];if(props.axis==="both"||props.axis==="x"){var _PropTypes$number2;return(_PropTypes$number2=_propTypes.default.number).isRequired.apply(_PropTypes$number2,args)}return _propTypes.default.number.apply(_propTypes.default,args)},"width")};return propTypes.resizableProps=resizableProps,propTypes}__name(requirePropTypes,"requirePropTypes");var hasRequiredResizable;function requireResizable(){if(hasRequiredResizable)return Resizable;hasRequiredResizable=1,Resizable.__esModule=!0,Resizable.default=void 0;var React=_interopRequireWildcard(require$$0),_reactDraggable=requireCjs(),_utils=requireUtils(),_propTypes=requirePropTypes(),_excluded=["children","className","draggableOpts","width","height","handle","handleSize","lockAspectRatio","axis","minConstraints","maxConstraints","onResize","onResizeStop","onResizeStart","resizeHandles","transformScale"];function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!="function")return null;var cacheBabelInterop=new WeakMap,cacheNodeInterop=new WeakMap;return(_getRequireWildcardCache=__name(function(nodeInterop2){return nodeInterop2?cacheNodeInterop:cacheBabelInterop},"_getRequireWildcardCache"))(nodeInterop)}__name(_getRequireWildcardCache,"_getRequireWildcardCache");function _interopRequireWildcard(obj,nodeInterop){if(obj&&obj.__esModule)return obj;if(obj===null||typeof obj!="object"&&typeof obj!="function")return{default:obj};var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj))return cache.get(obj);var newObj={},hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj)if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;desc&&(desc.get||desc.set)?Object.defineProperty(newObj,key,desc):newObj[key]=obj[key]}return newObj.default=obj,cache&&cache.set(obj,newObj),newObj}__name(_interopRequireWildcard,"_interopRequireWildcard");function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}__name(_extends,"_extends");function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={},sourceKeys=Object.keys(source),key,i;for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],!(excluded.indexOf(key)>=0)&&(target[key]=source[key]);return target}__name(_objectWithoutPropertiesLoose,"_objectWithoutPropertiesLoose");function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})),keys.push.apply(keys,symbols)}return keys}__name(ownKeys,"ownKeys");function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key])}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}__name(_objectSpread,"_objectSpread");function _defineProperty(obj,key,value){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}__name(_defineProperty,"_defineProperty");function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return typeof key=="symbol"?key:String(key)}__name(_toPropertyKey,"_toPropertyKey");function _toPrimitive(input,hint){if(typeof input!="object"||input===null)return input;var prim=input[Symbol.toPrimitive];if(prim!==void 0){var res=prim.call(input,hint||"default");if(typeof res!="object")return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return(hint==="string"?String:Number)(input)}__name(_toPrimitive,"_toPrimitive");function _inheritsLoose(subClass,superClass){subClass.prototype=Object.create(superClass.prototype),subClass.prototype.constructor=subClass,_setPrototypeOf(subClass,superClass)}__name(_inheritsLoose,"_inheritsLoose");function _setPrototypeOf(o,p){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():__name(function(o2,p2){return o2.__proto__=p2,o2},"_setPrototypeOf"),_setPrototypeOf(o,p)}__name(_setPrototypeOf,"_setPrototypeOf");var Resizable$1=function(_React$Component){_inheritsLoose(Resizable2,_React$Component);function Resizable2(){for(var _this,_len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return _this=_React$Component.call.apply(_React$Component,[this].concat(args))||this,_this.handleRefs={},_this.lastHandleRect=null,_this.slack=null,_this}__name(Resizable2,"Resizable");var _proto=Resizable2.prototype;return _proto.componentWillUnmount=__name(function(){this.resetData()},"componentWillUnmount"),_proto.resetData=__name(function(){this.lastHandleRect=this.slack=null},"resetData"),_proto.runConstraints=__name(function(width,height){var _this$props=this.props,minConstraints=_this$props.minConstraints,maxConstraints=_this$props.maxConstraints,lockAspectRatio=_this$props.lockAspectRatio;if(!minConstraints&&!maxConstraints&&!lockAspectRatio)return[width,height];if(lockAspectRatio){var ratio=this.props.width/this.props.height,deltaW=width-this.props.width,deltaH=height-this.props.height;Math.abs(deltaW)>Math.abs(deltaH*ratio)?height=width/ratio:width=height*ratio}var oldW=width,oldH=height,_ref=this.slack||[0,0],slackW=_ref[0],slackH=_ref[1];return width+=slackW,height+=slackH,minConstraints&&(width=Math.max(minConstraints[0],width),height=Math.max(minConstraints[1],height)),maxConstraints&&(width=Math.min(maxConstraints[0],width),height=Math.min(maxConstraints[1],height)),this.slack=[slackW+(oldW-width),slackH+(oldH-height)],[width,height]},"runConstraints"),_proto.resizeHandler=__name(function(handlerName,axis){var _this2=this;return function(e,_ref2){var node=_ref2.node,deltaX=_ref2.deltaX,deltaY=_ref2.deltaY;handlerName==="onResizeStart"&&_this2.resetData();var canDragX=(_this2.props.axis==="both"||_this2.props.axis==="x")&&axis!=="n"&&axis!=="s",canDragY=(_this2.props.axis==="both"||_this2.props.axis==="y")&&axis!=="e"&&axis!=="w";if(!(!canDragX&&!canDragY)){var axisV=axis[0],axisH=axis[axis.length-1],handleRect=node.getBoundingClientRect();if(_this2.lastHandleRect!=null){if(axisH==="w"){var deltaLeftSinceLast=handleRect.left-_this2.lastHandleRect.left;deltaX+=deltaLeftSinceLast}if(axisV==="n"){var deltaTopSinceLast=handleRect.top-_this2.lastHandleRect.top;deltaY+=deltaTopSinceLast}}_this2.lastHandleRect=handleRect,axisH==="w"&&(deltaX=-deltaX),axisV==="n"&&(deltaY=-deltaY);var width=_this2.props.width+(canDragX?deltaX/_this2.props.transformScale:0),height=_this2.props.height+(canDragY?deltaY/_this2.props.transformScale:0),_this2$runConstraints=_this2.runConstraints(width,height);width=_this2$runConstraints[0],height=_this2$runConstraints[1];var dimensionsChanged=width!==_this2.props.width||height!==_this2.props.height,cb=typeof _this2.props[handlerName]=="function"?_this2.props[handlerName]:null,shouldSkipCb=handlerName==="onResize"&&!dimensionsChanged;cb&&!shouldSkipCb&&(e.persist==null||e.persist(),cb(e,{node,size:{width,height},handle:axis})),handlerName==="onResizeStop"&&_this2.resetData()}}},"resizeHandler"),_proto.renderResizeHandle=__name(function(handleAxis,ref){var handle=this.props.handle;if(!handle)return React.createElement("span",{className:"react-resizable-handle react-resizable-handle-"+handleAxis,ref});if(typeof handle=="function")return handle(handleAxis,ref);var isDOMElement=typeof handle.type=="string",props=_objectSpread({ref},isDOMElement?{}:{handleAxis});return React.cloneElement(handle,props)},"renderResizeHandle"),_proto.render=__name(function(){var _this3=this,_this$props2=this.props,children=_this$props2.children,className=_this$props2.className,draggableOpts=_this$props2.draggableOpts;_this$props2.width,_this$props2.height,_this$props2.handle,_this$props2.handleSize,_this$props2.lockAspectRatio,_this$props2.axis,_this$props2.minConstraints,_this$props2.maxConstraints,_this$props2.onResize,_this$props2.onResizeStop,_this$props2.onResizeStart;var resizeHandles=_this$props2.resizeHandles;_this$props2.transformScale;var p=_objectWithoutPropertiesLoose(_this$props2,_excluded);return(0,_utils.cloneElement)(children,_objectSpread(_objectSpread({},p),{},{className:(className?className+" ":"")+"react-resizable",children:[].concat(children.props.children,resizeHandles.map(function(handleAxis){var _this3$handleRefs$han,ref=(_this3$handleRefs$han=_this3.handleRefs[handleAxis])!=null?_this3$handleRefs$han:_this3.handleRefs[handleAxis]=React.createRef();return React.createElement(_reactDraggable.DraggableCore,_extends({},draggableOpts,{nodeRef:ref,key:"resizableHandle-"+handleAxis,onStop:_this3.resizeHandler("onResizeStop",handleAxis),onStart:_this3.resizeHandler("onResizeStart",handleAxis),onDrag:_this3.resizeHandler("onResize",handleAxis)}),_this3.renderResizeHandle(handleAxis,ref))}))}))},"render"),Resizable2}(React.Component);return Resizable.default=Resizable$1,Resizable$1.propTypes=_propTypes.resizableProps,Resizable$1.defaultProps={axis:"both",handleSize:[20,20],lockAspectRatio:!1,minConstraints:[20,20],maxConstraints:[1/0,1/0],resizeHandles:["se"],transformScale:1},Resizable}__name(requireResizable,"requireResizable");var ResizableBox={},hasRequiredResizableBox;function requireResizableBox(){if(hasRequiredResizableBox)return ResizableBox;hasRequiredResizableBox=1,ResizableBox.__esModule=!0,ResizableBox.default=void 0;var React=_interopRequireWildcard(require$$0),_propTypes=_interopRequireDefault(requirePropTypes$1()),_Resizable=_interopRequireDefault(requireResizable()),_propTypes2=requirePropTypes(),_excluded=["handle","handleSize","onResize","onResizeStart","onResizeStop","draggableOpts","minConstraints","maxConstraints","lockAspectRatio","axis","width","height","resizeHandles","style","transformScale"];function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}__name(_interopRequireDefault,"_interopRequireDefault");function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!="function")return null;var cacheBabelInterop=new WeakMap,cacheNodeInterop=new WeakMap;return(_getRequireWildcardCache=__name(function(nodeInterop2){return nodeInterop2?cacheNodeInterop:cacheBabelInterop},"_getRequireWildcardCache"))(nodeInterop)}__name(_getRequireWildcardCache,"_getRequireWildcardCache");function _interopRequireWildcard(obj,nodeInterop){if(obj&&obj.__esModule)return obj;if(obj===null||typeof obj!="object"&&typeof obj!="function")return{default:obj};var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj))return cache.get(obj);var newObj={},hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj)if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;desc&&(desc.get||desc.set)?Object.defineProperty(newObj,key,desc):newObj[key]=obj[key]}return newObj.default=obj,cache&&cache.set(obj,newObj),newObj}__name(_interopRequireWildcard,"_interopRequireWildcard");function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}__name(_extends,"_extends");function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})),keys.push.apply(keys,symbols)}return keys}__name(ownKeys,"ownKeys");function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key])}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}__name(_objectSpread,"_objectSpread");function _defineProperty(obj,key,value){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}__name(_defineProperty,"_defineProperty");function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return typeof key=="symbol"?key:String(key)}__name(_toPropertyKey,"_toPropertyKey");function _toPrimitive(input,hint){if(typeof input!="object"||input===null)return input;var prim=input[Symbol.toPrimitive];if(prim!==void 0){var res=prim.call(input,hint||"default");if(typeof res!="object")return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return(hint==="string"?String:Number)(input)}__name(_toPrimitive,"_toPrimitive");function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={},sourceKeys=Object.keys(source),key,i;for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],!(excluded.indexOf(key)>=0)&&(target[key]=source[key]);return target}__name(_objectWithoutPropertiesLoose,"_objectWithoutPropertiesLoose");function _inheritsLoose(subClass,superClass){subClass.prototype=Object.create(superClass.prototype),subClass.prototype.constructor=subClass,_setPrototypeOf(subClass,superClass)}__name(_inheritsLoose,"_inheritsLoose");function _setPrototypeOf(o,p){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():__name(function(o2,p2){return o2.__proto__=p2,o2},"_setPrototypeOf"),_setPrototypeOf(o,p)}__name(_setPrototypeOf,"_setPrototypeOf");var ResizableBox$1=function(_React$Component){_inheritsLoose(ResizableBox2,_React$Component);function ResizableBox2(){for(var _this,_len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return _this=_React$Component.call.apply(_React$Component,[this].concat(args))||this,_this.state={width:_this.props.width,height:_this.props.height,propsWidth:_this.props.width,propsHeight:_this.props.height},_this.onResize=function(e,data){var size=data.size;_this.props.onResize?(e.persist==null||e.persist(),_this.setState(size,function(){return _this.props.onResize&&_this.props.onResize(e,data)})):_this.setState(size)},_this}__name(ResizableBox2,"ResizableBox"),ResizableBox2.getDerivedStateFromProps=__name(function(props,state){return state.propsWidth!==props.width||state.propsHeight!==props.height?{width:props.width,height:props.height,propsWidth:props.width,propsHeight:props.height}:null},"getDerivedStateFromProps");var _proto=ResizableBox2.prototype;return _proto.render=__name(function(){var _this$props=this.props,handle=_this$props.handle,handleSize=_this$props.handleSize;_this$props.onResize;var onResizeStart=_this$props.onResizeStart,onResizeStop=_this$props.onResizeStop,draggableOpts=_this$props.draggableOpts,minConstraints=_this$props.minConstraints,maxConstraints=_this$props.maxConstraints,lockAspectRatio=_this$props.lockAspectRatio,axis=_this$props.axis;_this$props.width,_this$props.height;var resizeHandles=_this$props.resizeHandles,style=_this$props.style,transformScale=_this$props.transformScale,props=_objectWithoutPropertiesLoose(_this$props,_excluded);return React.createElement(_Resizable.default,{axis,draggableOpts,handle,handleSize,height:this.state.height,lockAspectRatio,maxConstraints,minConstraints,onResizeStart,onResize:this.onResize,onResizeStop,resizeHandles,transformScale,width:this.state.width},React.createElement("div",_extends({},props,{style:_objectSpread(_objectSpread({},style),{},{width:this.state.width+"px",height:this.state.height+"px"})})))},"render"),ResizableBox2}(React.Component);return ResizableBox.default=ResizableBox$1,ResizableBox$1.propTypes=_objectSpread(_objectSpread({},_propTypes2.resizableProps),{},{children:_propTypes.default.element}),ResizableBox}__name(requireResizableBox,"requireResizableBox");var hasRequiredReactResizable;function requireReactResizable(){return hasRequiredReactResizable||(hasRequiredReactResizable=1,reactResizable.exports=function(){throw new Error("Don't instantiate Resizable directly! Use require('react-resizable').Resizable")},reactResizable.exports.Resizable=requireResizable().default,reactResizable.exports.ResizableBox=requireResizableBox().default),reactResizable.exports}__name(requireReactResizable,"requireReactResizable");var ReactGridLayoutPropTypes={},hasRequiredReactGridLayoutPropTypes;function requireReactGridLayoutPropTypes(){if(hasRequiredReactGridLayoutPropTypes)return ReactGridLayoutPropTypes;hasRequiredReactGridLayoutPropTypes=1,Object.defineProperty(ReactGridLayoutPropTypes,"__esModule",{value:!0}),ReactGridLayoutPropTypes.resizeHandleType=ReactGridLayoutPropTypes.resizeHandleAxesType=ReactGridLayoutPropTypes.default=void 0;var _propTypes=_interopRequireDefault(requirePropTypes$1()),_react=_interopRequireDefault(require$$0);function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}__name(_interopRequireDefault,"_interopRequireDefault");const resizeHandleAxesType=ReactGridLayoutPropTypes.resizeHandleAxesType=_propTypes.default.arrayOf(_propTypes.default.oneOf(["s","w","e","n","sw","nw","se","ne"])),resizeHandleType=ReactGridLayoutPropTypes.resizeHandleType=_propTypes.default.oneOfType([_propTypes.default.node,_propTypes.default.func]);return ReactGridLayoutPropTypes.default={className:_propTypes.default.string,style:_propTypes.default.object,width:_propTypes.default.number,autoSize:_propTypes.default.bool,cols:_propTypes.default.number,draggableCancel:_propTypes.default.string,draggableHandle:_propTypes.default.string,verticalCompact:__name(function(props){props.verticalCompact},"verticalCompact"),compactType:_propTypes.default.oneOf(["vertical","horizontal"]),layout:__name(function(props){var layout=props.layout;layout!==void 0&&requireUtils$1().validateLayout(layout,"layout")},"layout"),margin:_propTypes.default.arrayOf(_propTypes.default.number),containerPadding:_propTypes.default.arrayOf(_propTypes.default.number),rowHeight:_propTypes.default.number,maxRows:_propTypes.default.number,isBounded:_propTypes.default.bool,isDraggable:_propTypes.default.bool,isResizable:_propTypes.default.bool,allowOverlap:_propTypes.default.bool,preventCollision:_propTypes.default.bool,useCSSTransforms:_propTypes.default.bool,transformScale:_propTypes.default.number,isDroppable:_propTypes.default.bool,resizeHandles:resizeHandleAxesType,resizeHandle:resizeHandleType,onLayoutChange:_propTypes.default.func,onDragStart:_propTypes.default.func,onDrag:_propTypes.default.func,onDragStop:_propTypes.default.func,onResizeStart:_propTypes.default.func,onResize:_propTypes.default.func,onResizeStop:_propTypes.default.func,onDrop:_propTypes.default.func,droppingItem:_propTypes.default.shape({i:_propTypes.default.string.isRequired,w:_propTypes.default.number.isRequired,h:_propTypes.default.number.isRequired}),children:__name(function(props,propName){const children=props[propName],keys={};_react.default.Children.forEach(children,function(child){if((child==null?void 0:child.key)!=null){if(keys[child.key])throw new Error('Duplicate child key "'+child.key+'" found! This will cause problems in ReactGridLayout.');keys[child.key]=!0}})},"children"),innerRef:_propTypes.default.any},ReactGridLayoutPropTypes}__name(requireReactGridLayoutPropTypes,"requireReactGridLayoutPropTypes");var hasRequiredGridItem;function requireGridItem(){var _a2;if(hasRequiredGridItem)return GridItem;hasRequiredGridItem=1,Object.defineProperty(GridItem,"__esModule",{value:!0}),GridItem.default=void 0;var _react=_interopRequireDefault(require$$0),_propTypes=_interopRequireDefault(requirePropTypes$1()),_reactDraggable=requireCjs(),_reactResizable=requireReactResizable(),_utils=requireUtils$1(),_calculateUtils=requireCalculateUtils(),_ReactGridLayoutPropTypes=requireReactGridLayoutPropTypes(),_clsx=_interopRequireDefault(requireClsx());function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}__name(_interopRequireDefault,"_interopRequireDefault");function _defineProperty(obj,key,value){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}__name(_defineProperty,"_defineProperty");function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return typeof key=="symbol"?key:String(key)}__name(_toPropertyKey,"_toPropertyKey");function _toPrimitive(input,hint){if(typeof input!="object"||input===null)return input;var prim=input[Symbol.toPrimitive];if(prim!==void 0){var res=prim.call(input,hint||"default");if(typeof res!="object")return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return(hint==="string"?String:Number)(input)}__name(_toPrimitive,"_toPrimitive");let GridItem$1=(_a2=class extends _react.default.Component{constructor(){super(...arguments),_defineProperty(this,"state",{resizing:null,dragging:null,className:""}),_defineProperty(this,"elementRef",_react.default.createRef()),_defineProperty(this,"onDragStart",(e,_ref)=>{let{node}=_ref;const{onDragStart,transformScale}=this.props;if(!onDragStart)return;const newPosition={top:0,left:0},{offsetParent}=node;if(!offsetParent)return;const parentRect=offsetParent.getBoundingClientRect(),clientRect=node.getBoundingClientRect(),cLeft=clientRect.left/transformScale,pLeft=parentRect.left/transformScale,cTop=clientRect.top/transformScale,pTop=parentRect.top/transformScale;newPosition.left=cLeft-pLeft+offsetParent.scrollLeft,newPosition.top=cTop-pTop+offsetParent.scrollTop,this.setState({dragging:newPosition});const{x,y}=(0,_calculateUtils.calcXY)(this.getPositionParams(),newPosition.top,newPosition.left,this.props.w,this.props.h);return onDragStart.call(this,this.props.i,x,y,{e,node,newPosition})}),_defineProperty(this,"onDrag",(e,_ref2)=>{let{node,deltaX,deltaY}=_ref2;const{onDrag}=this.props;if(!onDrag)return;if(!this.state.dragging)throw new Error("onDrag called before onDragStart.");let top=this.state.dragging.top+deltaY,left=this.state.dragging.left+deltaX;const{isBounded,i,w,h,containerWidth}=this.props,positionParams=this.getPositionParams();if(isBounded){const{offsetParent}=node;if(offsetParent){const{margin,rowHeight,containerPadding}=this.props,bottomBoundary=offsetParent.clientHeight-(0,_calculateUtils.calcGridItemWHPx)(h,rowHeight,margin[1]);top=(0,_calculateUtils.clamp)(top-containerPadding[1],0,bottomBoundary);const colWidth=(0,_calculateUtils.calcGridColWidth)(positionParams),rightBoundary=containerWidth-(0,_calculateUtils.calcGridItemWHPx)(w,colWidth,margin[0]);left=(0,_calculateUtils.clamp)(left-containerPadding[0],0,rightBoundary)}}const newPosition={top,left};this.setState({dragging:newPosition});const{x,y}=(0,_calculateUtils.calcXY)(positionParams,top,left,w,h);return onDrag.call(this,i,x,y,{e,node,newPosition})}),_defineProperty(this,"onDragStop",(e,_ref3)=>{let{node}=_ref3;const{onDragStop}=this.props;if(!onDragStop)return;if(!this.state.dragging)throw new Error("onDragEnd called before onDragStart.");const{w,h,i}=this.props,{left,top}=this.state.dragging,newPosition={top,left};this.setState({dragging:null});const{x,y}=(0,_calculateUtils.calcXY)(this.getPositionParams(),top,left,w,h);return onDragStop.call(this,i,x,y,{e,node,newPosition})}),_defineProperty(this,"onResizeStop",(e,callbackData,position)=>this.onResizeHandler(e,callbackData,position,"onResizeStop")),_defineProperty(this,"onResizeStart",(e,callbackData,position)=>this.onResizeHandler(e,callbackData,position,"onResizeStart")),_defineProperty(this,"onResize",(e,callbackData,position)=>this.onResizeHandler(e,callbackData,position,"onResize"))}shouldComponentUpdate(nextProps,nextState){if(this.props.children!==nextProps.children||this.props.droppingPosition!==nextProps.droppingPosition)return!0;const oldPosition=(0,_calculateUtils.calcGridItemPosition)(this.getPositionParams(this.props),this.props.x,this.props.y,this.props.w,this.props.h,this.state),newPosition=(0,_calculateUtils.calcGridItemPosition)(this.getPositionParams(nextProps),nextProps.x,nextProps.y,nextProps.w,nextProps.h,nextState);return!(0,_utils.fastPositionEqual)(oldPosition,newPosition)||this.props.useCSSTransforms!==nextProps.useCSSTransforms}componentDidMount(){this.moveDroppingItem({})}componentDidUpdate(prevProps){this.moveDroppingItem(prevProps)}moveDroppingItem(prevProps){const{droppingPosition}=this.props;if(!droppingPosition)return;const node=this.elementRef.current;if(!node)return;const prevDroppingPosition=prevProps.droppingPosition||{left:0,top:0},{dragging}=this.state,shouldDrag=dragging&&droppingPosition.left!==prevDroppingPosition.left||droppingPosition.top!==prevDroppingPosition.top;if(!dragging)this.onDragStart(droppingPosition.e,{node,deltaX:droppingPosition.left,deltaY:droppingPosition.top});else if(shouldDrag){const deltaX=droppingPosition.left-dragging.left,deltaY=droppingPosition.top-dragging.top;this.onDrag(droppingPosition.e,{node,deltaX,deltaY})}}getPositionParams(){let props=arguments.length>0&&arguments[0]!==void 0?arguments[0]:this.props;return{cols:props.cols,containerPadding:props.containerPadding,containerWidth:props.containerWidth,margin:props.margin,maxRows:props.maxRows,rowHeight:props.rowHeight}}createStyle(pos){const{usePercentages,containerWidth,useCSSTransforms}=this.props;let style;return useCSSTransforms?style=(0,_utils.setTransform)(pos):(style=(0,_utils.setTopLeft)(pos),usePercentages&&(style.left=(0,_utils.perc)(pos.left/containerWidth),style.width=(0,_utils.perc)(pos.width/containerWidth))),style}mixinDraggable(child,isDraggable){return _react.default.createElement(_reactDraggable.DraggableCore,{disabled:!isDraggable,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},child)}curryResizeHandler(position,handler){return(e,data)=>handler(e,data,position)}mixinResizable(child,position,isResizable){const{cols,minW,minH,maxW,maxH,transformScale,resizeHandles,resizeHandle}=this.props,positionParams=this.getPositionParams(),maxWidth=(0,_calculateUtils.calcGridItemPosition)(positionParams,0,0,cols,0).width,mins=(0,_calculateUtils.calcGridItemPosition)(positionParams,0,0,minW,minH),maxes=(0,_calculateUtils.calcGridItemPosition)(positionParams,0,0,maxW,maxH),minConstraints=[mins.width,mins.height],maxConstraints=[Math.min(maxes.width,maxWidth),Math.min(maxes.height,1/0)];return _react.default.createElement(_reactResizable.Resizable,{draggableOpts:{disabled:!isResizable},className:isResizable?void 0:"react-resizable-hide",width:position.width,height:position.height,minConstraints,maxConstraints,onResizeStop:this.curryResizeHandler(position,this.onResizeStop),onResizeStart:this.curryResizeHandler(position,this.onResizeStart),onResize:this.curryResizeHandler(position,this.onResize),transformScale,resizeHandles,handle:resizeHandle},child)}onResizeHandler(e,_ref4,position,handlerName){let{node,size,handle}=_ref4;const handler=this.props[handlerName];if(!handler)return;const{x,y,i,maxH,minH,containerWidth}=this.props,{minW,maxW}=this.props;let updatedSize=size;node&&(updatedSize=(0,_utils.resizeItemInDirection)(handle,position,size,containerWidth),this.setState({resizing:handlerName==="onResizeStop"?null:updatedSize}));let{w,h}=(0,_calculateUtils.calcWH)(this.getPositionParams(),updatedSize.width,updatedSize.height,x,y,handle);w=(0,_calculateUtils.clamp)(w,Math.max(minW,1),maxW),h=(0,_calculateUtils.clamp)(h,minH,maxH),handler.call(this,i,w,h,{e,node,size:updatedSize,handle})}render(){const{x,y,w,h,isDraggable,isResizable,droppingPosition,useCSSTransforms}=this.props,pos=(0,_calculateUtils.calcGridItemPosition)(this.getPositionParams(),x,y,w,h,this.state),child=_react.default.Children.only(this.props.children);let newChild=_react.default.cloneElement(child,{ref:this.elementRef,className:(0,_clsx.default)("react-grid-item",child.props.className,this.props.className,{static:this.props.static,resizing:!!this.state.resizing,"react-draggable":isDraggable,"react-draggable-dragging":!!this.state.dragging,dropping:!!droppingPosition,cssTransforms:useCSSTransforms}),style:{...this.props.style,...child.props.style,...this.createStyle(pos)}});return newChild=this.mixinResizable(newChild,pos,isResizable),newChild=this.mixinDraggable(newChild,isDraggable),newChild}},__name(_a2,"GridItem"),_a2);return GridItem.default=GridItem$1,_defineProperty(GridItem$1,"propTypes",{children:_propTypes.default.element,cols:_propTypes.default.number.isRequired,containerWidth:_propTypes.default.number.isRequired,rowHeight:_propTypes.default.number.isRequired,margin:_propTypes.default.array.isRequired,maxRows:_propTypes.default.number.isRequired,containerPadding:_propTypes.default.array.isRequired,x:_propTypes.default.number.isRequired,y:_propTypes.default.number.isRequired,w:_propTypes.default.number.isRequired,h:_propTypes.default.number.isRequired,minW:__name(function(props,propName){const value=props[propName];if(typeof value!="number")return new Error("minWidth not Number");if(value>props.w||value>props.maxW)return new Error("minWidth larger than item width/maxWidth")},"minW"),maxW:__name(function(props,propName){const value=props[propName];if(typeof value!="number")return new Error("maxWidth not Number");if(value<props.w||value<props.minW)return new Error("maxWidth smaller than item width/minWidth")},"maxW"),minH:__name(function(props,propName){const value=props[propName];if(typeof value!="number")return new Error("minHeight not Number");if(value>props.h||value>props.maxH)return new Error("minHeight larger than item height/maxHeight")},"minH"),maxH:__name(function(props,propName){const value=props[propName];if(typeof value!="number")return new Error("maxHeight not Number");if(value<props.h||value<props.minH)return new Error("maxHeight smaller than item height/minHeight")},"maxH"),i:_propTypes.default.string.isRequired,resizeHandles:_ReactGridLayoutPropTypes.resizeHandleAxesType,resizeHandle:_ReactGridLayoutPropTypes.resizeHandleType,onDragStop:_propTypes.default.func,onDragStart:_propTypes.default.func,onDrag:_propTypes.default.func,onResizeStop:_propTypes.default.func,onResizeStart:_propTypes.default.func,onResize:_propTypes.default.func,isDraggable:_propTypes.default.bool.isRequired,isResizable:_propTypes.default.bool.isRequired,isBounded:_propTypes.default.bool.isRequired,static:_propTypes.default.bool,useCSSTransforms:_propTypes.default.bool.isRequired,transformScale:_propTypes.default.number,className:_propTypes.default.string,handle:_propTypes.default.string,cancel:_propTypes.default.string,droppingPosition:_propTypes.default.shape({e:_propTypes.default.object.isRequired,left:_propTypes.default.number.isRequired,top:_propTypes.default.number.isRequired})}),_defineProperty(GridItem$1,"defaultProps",{className:"",cancel:"",handle:"",minH:1,minW:1,maxH:1/0,maxW:1/0,transformScale:1}),GridItem}__name(requireGridItem,"requireGridItem");var hasRequiredReactGridLayout$1;function requireReactGridLayout$1(){var _a2;if(hasRequiredReactGridLayout$1)return ReactGridLayout;hasRequiredReactGridLayout$1=1,Object.defineProperty(ReactGridLayout,"__esModule",{value:!0}),ReactGridLayout.default=void 0;var React=_interopRequireWildcard(require$$0),_fastEquals=requireFastEquals(),_clsx=_interopRequireDefault(requireClsx()),_utils=requireUtils$1(),_calculateUtils=requireCalculateUtils(),_GridItem=_interopRequireDefault(requireGridItem()),_ReactGridLayoutPropTypes=_interopRequireDefault(requireReactGridLayoutPropTypes());function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}__name(_interopRequireDefault,"_interopRequireDefault");function _getRequireWildcardCache(e){if(typeof WeakMap!="function")return null;var r2=new WeakMap,t=new WeakMap;return(_getRequireWildcardCache=__name(function(e2){return e2?t:r2},"_getRequireWildcardCache"))(e)}__name(_getRequireWildcardCache,"_getRequireWildcardCache");function _interopRequireWildcard(e,r2){if(e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var t=_getRequireWildcardCache(r2);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if(u!=="default"&&Object.prototype.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u]}return n.default=e,t&&t.set(e,n),n}__name(_interopRequireWildcard,"_interopRequireWildcard");function _defineProperty(obj,key,value){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}__name(_defineProperty,"_defineProperty");function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return typeof key=="symbol"?key:String(key)}__name(_toPropertyKey,"_toPropertyKey");function _toPrimitive(input,hint){if(typeof input!="object"||input===null)return input;var prim=input[Symbol.toPrimitive];if(prim!==void 0){var res=prim.call(input,hint||"default");if(typeof res!="object")return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return(hint==="string"?String:Number)(input)}__name(_toPrimitive,"_toPrimitive");const layoutClassName="react-grid-layout";let isFirefox=!1;try{isFirefox=/firefox/i.test(navigator.userAgent)}catch{}let ReactGridLayout$1=(_a2=class extends React.Component{constructor(){super(...arguments),_defineProperty(this,"state",{activeDrag:null,layout:(0,_utils.synchronizeLayoutWithChildren)(this.props.layout,this.props.children,this.props.cols,(0,_utils.compactType)(this.props),this.props.allowOverlap),mounted:!1,oldDragItem:null,oldLayout:null,oldResizeItem:null,resizing:!1,droppingDOMNode:null,children:[]}),_defineProperty(this,"dragEnterCounter",0),_defineProperty(this,"onDragStart",(i,x,y,_ref)=>{let{e,node}=_ref;const{layout}=this.state,l=(0,_utils.getLayoutItem)(layout,i);if(!l)return;const placeholder={w:l.w,h:l.h,x:l.x,y:l.y,placeholder:!0,i};return this.setState({oldDragItem:(0,_utils.cloneLayoutItem)(l),oldLayout:layout,activeDrag:placeholder}),this.props.onDragStart(layout,l,l,null,e,node)}),_defineProperty(this,"onDrag",(i,x,y,_ref2)=>{let{e,node}=_ref2;const{oldDragItem}=this.state;let{layout}=this.state;const{cols,allowOverlap,preventCollision}=this.props,l=(0,_utils.getLayoutItem)(layout,i);if(!l)return;const placeholder={w:l.w,h:l.h,x:l.x,y:l.y,placeholder:!0,i};layout=(0,_utils.moveElement)(layout,l,x,y,!0,preventCollision,(0,_utils.compactType)(this.props),cols,allowOverlap),this.props.onDrag(layout,oldDragItem,l,placeholder,e,node),this.setState({layout:allowOverlap?layout:(0,_utils.compact)(layout,(0,_utils.compactType)(this.props),cols),activeDrag:placeholder})}),_defineProperty(this,"onDragStop",(i,x,y,_ref3)=>{let{e,node}=_ref3;if(!this.state.activeDrag)return;const{oldDragItem}=this.state;let{layout}=this.state;const{cols,preventCollision,allowOverlap}=this.props,l=(0,_utils.getLayoutItem)(layout,i);if(!l)return;layout=(0,_utils.moveElement)(layout,l,x,y,!0,preventCollision,(0,_utils.compactType)(this.props),cols,allowOverlap);const newLayout=allowOverlap?layout:(0,_utils.compact)(layout,(0,_utils.compactType)(this.props),cols);this.props.onDragStop(newLayout,oldDragItem,l,null,e,node);const{oldLayout}=this.state;this.setState({activeDrag:null,layout:newLayout,oldDragItem:null,oldLayout:null}),this.onLayoutMaybeChanged(newLayout,oldLayout)}),_defineProperty(this,"onResizeStart",(i,w,h,_ref4)=>{let{e,node}=_ref4;const{layout}=this.state,l=(0,_utils.getLayoutItem)(layout,i);l&&(this.setState({oldResizeItem:(0,_utils.cloneLayoutItem)(l),oldLayout:this.state.layout,resizing:!0}),this.props.onResizeStart(layout,l,l,null,e,node))}),_defineProperty(this,"onResize",(i,w,h,_ref5)=>{let{e,node,size,handle}=_ref5;const{oldResizeItem}=this.state,{layout}=this.state,{cols,preventCollision,allowOverlap}=this.props;let shouldMoveItem=!1,finalLayout,x,y;const[newLayout,l]=(0,_utils.withLayoutItem)(layout,i,l2=>{let hasCollisions;return x=l2.x,y=l2.y,["sw","w","nw","n","ne"].indexOf(handle)!==-1&&(["sw","nw","w"].indexOf(handle)!==-1&&(x=l2.x+(l2.w-w),w=l2.x!==x&&x<0?l2.w:w,x=x<0?0:x),["ne","n","nw"].indexOf(handle)!==-1&&(y=l2.y+(l2.h-h),h=l2.y!==y&&y<0?l2.h:h,y=y<0?0:y),shouldMoveItem=!0),preventCollision&&!allowOverlap&&(hasCollisions=(0,_utils.getAllCollisions)(layout,{...l2,w,h,x,y}).filter(layoutItem=>layoutItem.i!==l2.i).length>0,hasCollisions&&(y=l2.y,h=l2.h,x=l2.x,w=l2.w,shouldMoveItem=!1)),l2.w=w,l2.h=h,l2});if(!l)return;finalLayout=newLayout,shouldMoveItem&&(finalLayout=(0,_utils.moveElement)(newLayout,l,x,y,!0,this.props.preventCollision,(0,_utils.compactType)(this.props),cols,allowOverlap));const placeholder={w:l.w,h:l.h,x:l.x,y:l.y,static:!0,i};this.props.onResize(finalLayout,oldResizeItem,l,placeholder,e,node),this.setState({layout:allowOverlap?finalLayout:(0,_utils.compact)(finalLayout,(0,_utils.compactType)(this.props),cols),activeDrag:placeholder})}),_defineProperty(this,"onResizeStop",(i,w,h,_ref6)=>{let{e,node}=_ref6;const{layout,oldResizeItem}=this.state,{cols,allowOverlap}=this.props,l=(0,_utils.getLayoutItem)(layout,i),newLayout=allowOverlap?layout:(0,_utils.compact)(layout,(0,_utils.compactType)(this.props),cols);this.props.onResizeStop(newLayout,oldResizeItem,l,null,e,node);const{oldLayout}=this.state;this.setState({activeDrag:null,layout:newLayout,oldResizeItem:null,oldLayout:null,resizing:!1}),this.onLayoutMaybeChanged(newLayout,oldLayout)}),_defineProperty(this,"onDragOver",e=>{var _a3;if(e.preventDefault(),e.stopPropagation(),isFirefox&&!((_a3=e.nativeEvent.target)!=null&&_a3.classList.contains(layoutClassName)))return!1;const{droppingItem,onDropDragOver,margin,cols,rowHeight,maxRows,width,containerPadding,transformScale}=this.props,onDragOverResult=onDropDragOver==null?void 0:onDropDragOver(e);if(onDragOverResult===!1)return this.state.droppingDOMNode&&this.removeDroppingPlaceholder(),!1;const finalDroppingItem={...droppingItem,...onDragOverResult},{layout}=this.state,gridRect=e.currentTarget.getBoundingClientRect(),layerX=e.clientX-gridRect.left,layerY=e.clientY-gridRect.top,droppingPosition={left:layerX/transformScale,top:layerY/transformScale,e};if(this.state.droppingDOMNode){if(this.state.droppingPosition){const{left,top}=this.state.droppingPosition;(left!=layerX||top!=layerY)&&this.setState({droppingPosition})}}else{const positionParams={cols,margin,maxRows,rowHeight,containerWidth:width,containerPadding:containerPadding||margin},calculatedPosition=(0,_calculateUtils.calcXY)(positionParams,layerY,layerX,finalDroppingItem.w,finalDroppingItem.h);this.setState({droppingDOMNode:React.createElement("div",{key:finalDroppingItem.i}),droppingPosition,layout:[...layout,{...finalDroppingItem,x:calculatedPosition.x,y:calculatedPosition.y,static:!1,isDraggable:!0}]})}}),_defineProperty(this,"removeDroppingPlaceholder",()=>{const{droppingItem,cols}=this.props,{layout}=this.state,newLayout=(0,_utils.compact)(layout.filter(l=>l.i!==droppingItem.i),(0,_utils.compactType)(this.props),cols,this.props.allowOverlap);this.setState({layout:newLayout,droppingDOMNode:null,activeDrag:null,droppingPosition:void 0})}),_defineProperty(this,"onDragLeave",e=>{e.preventDefault(),e.stopPropagation(),this.dragEnterCounter--,this.dragEnterCounter===0&&this.removeDroppingPlaceholder()}),_defineProperty(this,"onDragEnter",e=>{e.preventDefault(),e.stopPropagation(),this.dragEnterCounter++}),_defineProperty(this,"onDrop",e=>{e.preventDefault(),e.stopPropagation();const{droppingItem}=this.props,{layout}=this.state,item2=layout.find(l=>l.i===droppingItem.i);this.dragEnterCounter=0,this.removeDroppingPlaceholder(),this.props.onDrop(layout,item2,e)})}componentDidMount(){this.setState({mounted:!0}),this.onLayoutMaybeChanged(this.state.layout,this.props.layout)}static getDerivedStateFromProps(nextProps,prevState){let newLayoutBase;return prevState.activeDrag?null:(!(0,_fastEquals.deepEqual)(nextProps.layout,prevState.propsLayout)||nextProps.compactType!==prevState.compactType?newLayoutBase=nextProps.layout:(0,_utils.childrenEqual)(nextProps.children,prevState.children)||(newLayoutBase=prevState.layout),newLayoutBase?{layout:(0,_utils.synchronizeLayoutWithChildren)(newLayoutBase,nextProps.children,nextProps.cols,(0,_utils.compactType)(nextProps),nextProps.allowOverlap),compactType:nextProps.compactType,children:nextProps.children,propsLayout:nextProps.layout}:null)}shouldComponentUpdate(nextProps,nextState){return this.props.children!==nextProps.children||!(0,_utils.fastRGLPropsEqual)(this.props,nextProps,_fastEquals.deepEqual)||this.state.activeDrag!==nextState.activeDrag||this.state.mounted!==nextState.mounted||this.state.droppingPosition!==nextState.droppingPosition}componentDidUpdate(prevProps,prevState){if(!this.state.activeDrag){const newLayout=this.state.layout,oldLayout=prevState.layout;this.onLayoutMaybeChanged(newLayout,oldLayout)}}containerHeight(){if(!this.props.autoSize)return;const nbRow=(0,_utils.bottom)(this.state.layout),containerPaddingY=this.props.containerPadding?this.props.containerPadding[1]:this.props.margin[1];return nbRow*this.props.rowHeight+(nbRow-1)*this.props.margin[1]+containerPaddingY*2+"px"}onLayoutMaybeChanged(newLayout,oldLayout){oldLayout||(oldLayout=this.state.layout),(0,_fastEquals.deepEqual)(oldLayout,newLayout)||this.props.onLayoutChange(newLayout)}placeholder(){const{activeDrag}=this.state;if(!activeDrag)return null;const{width,cols,margin,containerPadding,rowHeight,maxRows,useCSSTransforms,transformScale}=this.props;return React.createElement(_GridItem.default,{w:activeDrag.w,h:activeDrag.h,x:activeDrag.x,y:activeDrag.y,i:activeDrag.i,className:`react-grid-placeholder ${this.state.resizing?"placeholder-resizing":""}`,containerWidth:width,cols,margin,containerPadding:containerPadding||margin,maxRows,rowHeight,isDraggable:!1,isResizable:!1,isBounded:!1,useCSSTransforms,transformScale},React.createElement("div",null))}processGridItem(child,isDroppingItem){if(!child||!child.key)return;const l=(0,_utils.getLayoutItem)(this.state.layout,String(child.key));if(!l)return null;const{width,cols,margin,containerPadding,rowHeight,maxRows,isDraggable,isResizable,isBounded,useCSSTransforms,transformScale,draggableCancel,draggableHandle:draggableHandle2,resizeHandles,resizeHandle}=this.props,{mounted,droppingPosition}=this.state,draggable=typeof l.isDraggable=="boolean"?l.isDraggable:!l.static&&isDraggable,resizable=typeof l.isResizable=="boolean"?l.isResizable:!l.static&&isResizable,resizeHandlesOptions=l.resizeHandles||resizeHandles,bounded=draggable&&isBounded&&l.isBounded!==!1;return React.createElement(_GridItem.default,{containerWidth:width,cols,margin,containerPadding:containerPadding||margin,maxRows,rowHeight,cancel:draggableCancel,handle:draggableHandle2,onDragStop:this.onDragStop,onDragStart:this.onDragStart,onDrag:this.onDrag,onResizeStart:this.onResizeStart,onResize:this.onResize,onResizeStop:this.onResizeStop,isDraggable:draggable,isResizable:resizable,isBounded:bounded,useCSSTransforms:useCSSTransforms&&mounted,usePercentages:!mounted,transformScale,w:l.w,h:l.h,x:l.x,y:l.y,i:l.i,minH:l.minH,minW:l.minW,maxH:l.maxH,maxW:l.maxW,static:l.static,droppingPosition:isDroppingItem?droppingPosition:void 0,resizeHandles:resizeHandlesOptions,resizeHandle},child)}render(){const{className,style,isDroppable,innerRef}=this.props,mergedClassName=(0,_clsx.default)(layoutClassName,className),mergedStyle={height:this.containerHeight(),...style};return React.createElement("div",{ref:innerRef,className:mergedClassName,style:mergedStyle,onDrop:isDroppable?this.onDrop:_utils.noop,onDragLeave:isDroppable?this.onDragLeave:_utils.noop,onDragEnter:isDroppable?this.onDragEnter:_utils.noop,onDragOver:isDroppable?this.onDragOver:_utils.noop},React.Children.map(this.props.children,child=>this.processGridItem(child)),isDroppable&&this.state.droppingDOMNode&&this.processGridItem(this.state.droppingDOMNode,!0),this.placeholder())}},__name(_a2,"ReactGridLayout"),_a2);return ReactGridLayout.default=ReactGridLayout$1,_defineProperty(ReactGridLayout$1,"displayName","ReactGridLayout"),_defineProperty(ReactGridLayout$1,"propTypes",_ReactGridLayoutPropTypes.default),_defineProperty(ReactGridLayout$1,"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:_utils.noop,onDragStart:_utils.noop,onDrag:_utils.noop,onDragStop:_utils.noop,onResizeStart:_utils.noop,onResize:_utils.noop,onResizeStop:_utils.noop,onDrop:_utils.noop,onDropDragOver:_utils.noop}),ReactGridLayout}__name(requireReactGridLayout$1,"requireReactGridLayout$1");var ResponsiveReactGridLayout={},responsiveUtils={},hasRequiredResponsiveUtils;function requireResponsiveUtils(){if(hasRequiredResponsiveUtils)return responsiveUtils;hasRequiredResponsiveUtils=1,Object.defineProperty(responsiveUtils,"__esModule",{value:!0}),responsiveUtils.findOrGenerateResponsiveLayout=findOrGenerateResponsiveLayout,responsiveUtils.getBreakpointFromWidth=getBreakpointFromWidth,responsiveUtils.getColsFromBreakpoint=getColsFromBreakpoint,responsiveUtils.sortBreakpoints=sortBreakpoints;var _utils=requireUtils$1();function getBreakpointFromWidth(breakpoints,width){const sorted=sortBreakpoints(breakpoints);let matching=sorted[0];for(let i=1,len=sorted.length;i<len;i++){const breakpointName=sorted[i];width>breakpoints[breakpointName]&&(matching=breakpointName)}return matching}__name(getBreakpointFromWidth,"getBreakpointFromWidth");function getColsFromBreakpoint(breakpoint,cols){if(!cols[breakpoint])throw new Error("ResponsiveReactGridLayout: `cols` entry for breakpoint "+breakpoint+" is missing!");return cols[breakpoint]}__name(getColsFromBreakpoint,"getColsFromBreakpoint");function findOrGenerateResponsiveLayout(layouts,breakpoints,breakpoint,lastBreakpoint,cols,compactType){if(layouts[breakpoint])return(0,_utils.cloneLayout)(layouts[breakpoint]);let layout=layouts[lastBreakpoint];const breakpointsSorted=sortBreakpoints(breakpoints),breakpointsAbove=breakpointsSorted.slice(breakpointsSorted.indexOf(breakpoint));for(let i=0,len=breakpointsAbove.length;i<len;i++){const b=breakpointsAbove[i];if(layouts[b]){layout=layouts[b];break}}return layout=(0,_utils.cloneLayout)(layout||[]),(0,_utils.compact)((0,_utils.correctBounds)(layout,{cols}),compactType,cols)}__name(findOrGenerateResponsiveLayout,"findOrGenerateResponsiveLayout");function sortBreakpoints(breakpoints){return Object.keys(breakpoints).sort(function(a,b){return breakpoints[a]-breakpoints[b]})}return __name(sortBreakpoints,"sortBreakpoints"),responsiveUtils}__name(requireResponsiveUtils,"requireResponsiveUtils");var hasRequiredResponsiveReactGridLayout;function requireResponsiveReactGridLayout(){var _a2;if(hasRequiredResponsiveReactGridLayout)return ResponsiveReactGridLayout;hasRequiredResponsiveReactGridLayout=1,Object.defineProperty(ResponsiveReactGridLayout,"__esModule",{value:!0}),ResponsiveReactGridLayout.default=void 0;var React=_interopRequireWildcard(require$$0),_propTypes=_interopRequireDefault(requirePropTypes$1()),_fastEquals=requireFastEquals(),_utils=requireUtils$1(),_responsiveUtils=requireResponsiveUtils(),_ReactGridLayout=_interopRequireDefault(requireReactGridLayout$1());function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}__name(_interopRequireDefault,"_interopRequireDefault");function _getRequireWildcardCache(e){if(typeof WeakMap!="function")return null;var r2=new WeakMap,t=new WeakMap;return(_getRequireWildcardCache=__name(function(e2){return e2?t:r2},"_getRequireWildcardCache"))(e)}__name(_getRequireWildcardCache,"_getRequireWildcardCache");function _interopRequireWildcard(e,r2){if(e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var t=_getRequireWildcardCache(r2);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if(u!=="default"&&Object.prototype.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u]}return n.default=e,t&&t.set(e,n),n}__name(_interopRequireWildcard,"_interopRequireWildcard");function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}__name(_extends,"_extends");function _defineProperty(obj,key,value){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}__name(_defineProperty,"_defineProperty");function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return typeof key=="symbol"?key:String(key)}__name(_toPropertyKey,"_toPropertyKey");function _toPrimitive(input,hint){if(typeof input!="object"||input===null)return input;var prim=input[Symbol.toPrimitive];if(prim!==void 0){var res=prim.call(input,hint||"default");if(typeof res!="object")return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return(hint==="string"?String:Number)(input)}__name(_toPrimitive,"_toPrimitive");const type=__name(obj=>Object.prototype.toString.call(obj),"type");function getIndentationValue(param,breakpoint){return param==null?null:Array.isArray(param)?param:param[breakpoint]}__name(getIndentationValue,"getIndentationValue");let ResponsiveReactGridLayout$1=(_a2=class extends React.Component{constructor(){super(...arguments),_defineProperty(this,"state",this.generateInitialState()),_defineProperty(this,"onLayoutChange",layout=>{this.props.onLayoutChange(layout,{...this.props.layouts,[this.state.breakpoint]:layout})})}generateInitialState(){const{width,breakpoints,layouts,cols}=this.props,breakpoint=(0,_responsiveUtils.getBreakpointFromWidth)(breakpoints,width),colNo=(0,_responsiveUtils.getColsFromBreakpoint)(breakpoint,cols),compactType=this.props.verticalCompact===!1?null:this.props.compactType;return{layout:(0,_responsiveUtils.findOrGenerateResponsiveLayout)(layouts,breakpoints,breakpoint,breakpoint,colNo,compactType),breakpoint,cols:colNo}}static getDerivedStateFromProps(nextProps,prevState){if(!(0,_fastEquals.deepEqual)(nextProps.layouts,prevState.layouts)){const{breakpoint,cols}=prevState;return{layout:(0,_responsiveUtils.findOrGenerateResponsiveLayout)(nextProps.layouts,nextProps.breakpoints,breakpoint,breakpoint,cols,nextProps.compactType),layouts:nextProps.layouts}}return null}componentDidUpdate(prevProps){(this.props.width!=prevProps.width||this.props.breakpoint!==prevProps.breakpoint||!(0,_fastEquals.deepEqual)(this.props.breakpoints,prevProps.breakpoints)||!(0,_fastEquals.deepEqual)(this.props.cols,prevProps.cols))&&this.onWidthChange(prevProps)}onWidthChange(prevProps){const{breakpoints,cols,layouts,compactType}=this.props,newBreakpoint=this.props.breakpoint||(0,_responsiveUtils.getBreakpointFromWidth)(this.props.breakpoints,this.props.width),lastBreakpoint=this.state.breakpoint,newCols=(0,_responsiveUtils.getColsFromBreakpoint)(newBreakpoint,cols),newLayouts={...layouts};if(lastBreakpoint!==newBreakpoint||prevProps.breakpoints!==breakpoints||prevProps.cols!==cols){lastBreakpoint in newLayouts||(newLayouts[lastBreakpoint]=(0,_utils.cloneLayout)(this.state.layout));let layout=(0,_responsiveUtils.findOrGenerateResponsiveLayout)(newLayouts,breakpoints,newBreakpoint,lastBreakpoint,newCols,compactType);layout=(0,_utils.synchronizeLayoutWithChildren)(layout,this.props.children,newCols,compactType,this.props.allowOverlap),newLayouts[newBreakpoint]=layout,this.props.onBreakpointChange(newBreakpoint,newCols),this.props.onLayoutChange(layout,newLayouts),this.setState({breakpoint:newBreakpoint,layout,cols:newCols})}const margin=getIndentationValue(this.props.margin,newBreakpoint),containerPadding=getIndentationValue(this.props.containerPadding,newBreakpoint);this.props.onWidthChange(this.props.width,margin,newCols,containerPadding)}render(){const{breakpoint,breakpoints,cols,layouts,margin,containerPadding,onBreakpointChange,onLayoutChange,onWidthChange,...other}=this.props;return React.createElement(_ReactGridLayout.default,_extends({},other,{margin:getIndentationValue(margin,this.state.breakpoint),containerPadding:getIndentationValue(containerPadding,this.state.breakpoint),onLayoutChange:this.onLayoutChange,layout:this.state.layout,cols:this.state.cols}))}},__name(_a2,"ResponsiveReactGridLayout"),_a2);return ResponsiveReactGridLayout.default=ResponsiveReactGridLayout$1,_defineProperty(ResponsiveReactGridLayout$1,"propTypes",{breakpoint:_propTypes.default.string,breakpoints:_propTypes.default.object,allowOverlap:_propTypes.default.bool,cols:_propTypes.default.object,margin:_propTypes.default.oneOfType([_propTypes.default.array,_propTypes.default.object]),containerPadding:_propTypes.default.oneOfType([_propTypes.default.array,_propTypes.default.object]),layouts(props,propName){if(type(props[propName])!=="[object Object]")throw new Error("Layout property must be an object. Received: "+type(props[propName]));Object.keys(props[propName]).forEach(key=>{if(!(key in props.breakpoints))throw new Error("Each key in layouts must align with a key in breakpoints.");(0,_utils.validateLayout)(props.layouts[key],"layouts."+key)})},width:_propTypes.default.number.isRequired,onBreakpointChange:_propTypes.default.func,onLayoutChange:_propTypes.default.func,onWidthChange:_propTypes.default.func}),_defineProperty(ResponsiveReactGridLayout$1,"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:_utils.noop,onLayoutChange:_utils.noop,onWidthChange:_utils.noop}),ResponsiveReactGridLayout}__name(requireResponsiveReactGridLayout,"requireResponsiveReactGridLayout");var WidthProvider={},MapShim=function(){if(typeof Map<"u")return Map;function getIndex(arr,key){var result=-1;return arr.some(function(entry,index2){return entry[0]===key?(result=index2,!0):!1}),result}return __name(getIndex,"getIndex"),function(){function class_1(){this.__entries__=[]}return __name(class_1,"class_1"),Object.defineProperty(class_1.prototype,"size",{get:__name(function(){return this.__entries__.length},"get"),enumerable:!0,configurable:!0}),class_1.prototype.get=function(key){var index2=getIndex(this.__entries__,key),entry=this.__entries__[index2];return entry&&entry[1]},class_1.prototype.set=function(key,value){var index2=getIndex(this.__entries__,key);~index2?this.__entries__[index2][1]=value:this.__entries__.push([key,value])},class_1.prototype.delete=function(key){var entries=this.__entries__,index2=getIndex(entries,key);~index2&&entries.splice(index2,1)},class_1.prototype.has=function(key){return!!~getIndex(this.__entries__,key)},class_1.prototype.clear=function(){this.__entries__.splice(0)},class_1.prototype.forEach=function(callback,ctx){ctx===void 0&&(ctx=null);for(var _i2=0,_a2=this.__entries__;_i2<_a2.length;_i2++){var entry=_a2[_i2];callback.call(ctx,entry[1],entry[0])}},class_1}()}(),isBrowser=typeof window<"u"&&typeof document<"u"&&window.document===document,global$1=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")()}(),requestAnimationFrame$1=function(){return typeof requestAnimationFrame=="function"?requestAnimationFrame.bind(global$1):function(callback){return setTimeout(function(){return callback(Date.now())},1e3/60)}}(),trailingTimeout=2;function throttle(callback,delay){var leadingCall=!1,trailingCall=!1,lastCallTime=0;function resolvePending(){leadingCall&&(leadingCall=!1,callback()),trailingCall&&proxy()}__name(resolvePending,"resolvePending");function timeoutCallback(){requestAnimationFrame$1(resolvePending)}__name(timeoutCallback,"timeoutCallback");function proxy(){var timeStamp=Date.now();if(leadingCall){if(timeStamp-lastCallTime<trailingTimeout)return;trailingCall=!0}else leadingCall=!0,trailingCall=!1,setTimeout(timeoutCallback,delay);lastCallTime=timeStamp}return __name(proxy,"proxy"),proxy}__name(throttle,"throttle");var REFRESH_DELAY=20,transitionKeys=["top","right","bottom","left","width","height","size","weight"],mutationObserverSupported=typeof MutationObserver<"u",ResizeObserverController=function(){function ResizeObserverController2(){this.connected_=!1,this.mutationEventsAdded_=!1,this.mutationsObserver_=null,this.observers_=[],this.onTransitionEnd_=this.onTransitionEnd_.bind(this),this.refresh=throttle(this.refresh.bind(this),REFRESH_DELAY)}return __name(ResizeObserverController2,"ResizeObserverController"),ResizeObserverController2.prototype.addObserver=function(observer){~this.observers_.indexOf(observer)||this.observers_.push(observer),this.connected_||this.connect_()},ResizeObserverController2.prototype.removeObserver=function(observer){var observers2=this.observers_,index2=observers2.indexOf(observer);~index2&&observers2.splice(index2,1),!observers2.length&&this.connected_&&this.disconnect_()},ResizeObserverController2.prototype.refresh=function(){var changesDetected=this.updateObservers_();changesDetected&&this.refresh()},ResizeObserverController2.prototype.updateObservers_=function(){var activeObservers=this.observers_.filter(function(observer){return observer.gatherActive(),observer.hasActive()});return activeObservers.forEach(function(observer){return observer.broadcastActive()}),activeObservers.length>0},ResizeObserverController2.prototype.connect_=function(){!isBrowser||this.connected_||(document.addEventListener("transitionend",this.onTransitionEnd_),window.addEventListener("resize",this.refresh),mutationObserverSupported?(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)},ResizeObserverController2.prototype.disconnect_=function(){!isBrowser||!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)},ResizeObserverController2.prototype.onTransitionEnd_=function(_a2){var _b2=_a2.propertyName,propertyName=_b2===void 0?"":_b2,isReflowProperty=transitionKeys.some(function(key){return!!~propertyName.indexOf(key)});isReflowProperty&&this.refresh()},ResizeObserverController2.getInstance=function(){return this.instance_||(this.instance_=new ResizeObserverController2),this.instance_},ResizeObserverController2.instance_=null,ResizeObserverController2}(),defineConfigurable=__name(function(target,props){for(var _i2=0,_a2=Object.keys(props);_i2<_a2.length;_i2++){var key=_a2[_i2];Object.defineProperty(target,key,{value:props[key],enumerable:!1,writable:!1,configurable:!0})}return target},"defineConfigurable"),getWindowOf=__name(function(target){var ownerGlobal=target&&target.ownerDocument&&target.ownerDocument.defaultView;return ownerGlobal||global$1},"getWindowOf"),emptyRect=createRectInit(0,0,0,0);function toFloat(value){return parseFloat(value)||0}__name(toFloat,"toFloat");function getBordersSize(styles2){for(var positions=[],_i2=1;_i2<arguments.length;_i2++)positions[_i2-1]=arguments[_i2];return positions.reduce(function(size,position){var value=styles2["border-"+position+"-width"];return size+toFloat(value)},0)}__name(getBordersSize,"getBordersSize");function getPaddings(styles2){for(var positions=["top","right","bottom","left"],paddings={},_i2=0,positions_1=positions;_i2<positions_1.length;_i2++){var position=positions_1[_i2],value=styles2["padding-"+position];paddings[position]=toFloat(value)}return paddings}__name(getPaddings,"getPaddings");function getSVGContentRect(target){var bbox=target.getBBox();return createRectInit(0,0,bbox.width,bbox.height)}__name(getSVGContentRect,"getSVGContentRect");function getHTMLElementContentRect(target){var clientWidth=target.clientWidth,clientHeight=target.clientHeight;if(!clientWidth&&!clientHeight)return emptyRect;var styles2=getWindowOf(target).getComputedStyle(target),paddings=getPaddings(styles2),horizPad=paddings.left+paddings.right,vertPad=paddings.top+paddings.bottom,width=toFloat(styles2.width),height=toFloat(styles2.height);if(styles2.boxSizing==="border-box"&&(Math.round(width+horizPad)!==clientWidth&&(width-=getBordersSize(styles2,"left","right")+horizPad),Math.round(height+vertPad)!==clientHeight&&(height-=getBordersSize(styles2,"top","bottom")+vertPad)),!isDocumentElement(target)){var vertScrollbar=Math.round(width+horizPad)-clientWidth,horizScrollbar=Math.round(height+vertPad)-clientHeight;Math.abs(vertScrollbar)!==1&&(width-=vertScrollbar),Math.abs(horizScrollbar)!==1&&(height-=horizScrollbar)}return createRectInit(paddings.left,paddings.top,width,height)}__name(getHTMLElementContentRect,"getHTMLElementContentRect");var isSVGGraphicsElement=function(){return typeof SVGGraphicsElement<"u"?function(target){return target instanceof getWindowOf(target).SVGGraphicsElement}:function(target){return target instanceof getWindowOf(target).SVGElement&&typeof target.getBBox=="function"}}();function isDocumentElement(target){return target===getWindowOf(target).document.documentElement}__name(isDocumentElement,"isDocumentElement");function getContentRect(target){return isBrowser?isSVGGraphicsElement(target)?getSVGContentRect(target):getHTMLElementContentRect(target):emptyRect}__name(getContentRect,"getContentRect");function createReadOnlyRect(_a2){var x=_a2.x,y=_a2.y,width=_a2.width,height=_a2.height,Constr=typeof DOMRectReadOnly<"u"?DOMRectReadOnly:Object,rect=Object.create(Constr.prototype);return defineConfigurable(rect,{x,y,width,height,top:y,right:x+width,bottom:height+y,left:x}),rect}__name(createReadOnlyRect,"createReadOnlyRect");function createRectInit(x,y,width,height){return{x,y,width,height}}__name(createRectInit,"createRectInit");var ResizeObservation=function(){function ResizeObservation2(target){this.broadcastWidth=0,this.broadcastHeight=0,this.contentRect_=createRectInit(0,0,0,0),this.target=target}return __name(ResizeObservation2,"ResizeObservation"),ResizeObservation2.prototype.isActive=function(){var rect=getContentRect(this.target);return this.contentRect_=rect,rect.width!==this.broadcastWidth||rect.height!==this.broadcastHeight},ResizeObservation2.prototype.broadcastRect=function(){var rect=this.contentRect_;return this.broadcastWidth=rect.width,this.broadcastHeight=rect.height,rect},ResizeObservation2}(),ResizeObserverEntry=function(){function ResizeObserverEntry2(target,rectInit){var contentRect=createReadOnlyRect(rectInit);defineConfigurable(this,{target,contentRect})}return __name(ResizeObserverEntry2,"ResizeObserverEntry"),ResizeObserverEntry2}(),ResizeObserverSPI=function(){function ResizeObserverSPI2(callback,controller,callbackCtx){if(this.activeObservations_=[],this.observations_=new MapShim,typeof callback!="function")throw new TypeError("The callback provided as parameter 1 is not a function.");this.callback_=callback,this.controller_=controller,this.callbackCtx_=callbackCtx}return __name(ResizeObserverSPI2,"ResizeObserverSPI"),ResizeObserverSPI2.prototype.observe=function(target){if(!arguments.length)throw new TypeError("1 argument required, but only 0 present.");if(!(typeof Element>"u"||!(Element instanceof Object))){if(!(target instanceof getWindowOf(target).Element))throw new TypeError('parameter 1 is not of type "Element".');var observations=this.observations_;observations.has(target)||(observations.set(target,new ResizeObservation(target)),this.controller_.addObserver(this),this.controller_.refresh())}},ResizeObserverSPI2.prototype.unobserve=function(target){if(!arguments.length)throw new TypeError("1 argument required, but only 0 present.");if(!(typeof Element>"u"||!(Element instanceof Object))){if(!(target instanceof getWindowOf(target).Element))throw new TypeError('parameter 1 is not of type "Element".');var observations=this.observations_;observations.has(target)&&(observations.delete(target),observations.size||this.controller_.removeObserver(this))}},ResizeObserverSPI2.prototype.disconnect=function(){this.clearActive(),this.observations_.clear(),this.controller_.removeObserver(this)},ResizeObserverSPI2.prototype.gatherActive=function(){var _this=this;this.clearActive(),this.observations_.forEach(function(observation){observation.isActive()&&_this.activeObservations_.push(observation)})},ResizeObserverSPI2.prototype.broadcastActive=function(){if(this.hasActive()){var ctx=this.callbackCtx_,entries=this.activeObservations_.map(function(observation){return new ResizeObserverEntry(observation.target,observation.broadcastRect())});this.callback_.call(ctx,entries,ctx),this.clearActive()}},ResizeObserverSPI2.prototype.clearActive=function(){this.activeObservations_.splice(0)},ResizeObserverSPI2.prototype.hasActive=function(){return this.activeObservations_.length>0},ResizeObserverSPI2}(),observers=typeof WeakMap<"u"?new WeakMap:new MapShim,ResizeObserver=function(){function ResizeObserver2(callback){if(!(this instanceof ResizeObserver2))throw new TypeError("Cannot call a class as a function.");if(!arguments.length)throw new TypeError("1 argument required, but only 0 present.");var controller=ResizeObserverController.getInstance(),observer=new ResizeObserverSPI(callback,controller,this);observers.set(this,observer)}return __name(ResizeObserver2,"ResizeObserver"),ResizeObserver2}();["observe","unobserve","disconnect"].forEach(function(method){ResizeObserver.prototype[method]=function(){var _a2;return(_a2=observers.get(this))[method].apply(_a2,arguments)}});var index=function(){return typeof global$1.ResizeObserver<"u"?global$1.ResizeObserver:ResizeObserver}();const require$$2=getAugmentedNamespace(Object.freeze(Object.defineProperty({__proto__:null,default:index},Symbol.toStringTag,{value:"Module"})));var hasRequiredWidthProvider;function requireWidthProvider(){if(hasRequiredWidthProvider)return WidthProvider;hasRequiredWidthProvider=1,Object.defineProperty(WidthProvider,"__esModule",{value:!0}),WidthProvider.default=WidthProvideRGL;var React=_interopRequireWildcard(require$$0),_propTypes=_interopRequireDefault(requirePropTypes$1()),_resizeObserverPolyfill=_interopRequireDefault(require$$2),_clsx=_interopRequireDefault(requireClsx());function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}__name(_interopRequireDefault,"_interopRequireDefault");function _getRequireWildcardCache(e){if(typeof WeakMap!="function")return null;var r2=new WeakMap,t=new WeakMap;return(_getRequireWildcardCache=__name(function(e2){return e2?t:r2},"_getRequireWildcardCache"))(e)}__name(_getRequireWildcardCache,"_getRequireWildcardCache");function _interopRequireWildcard(e,r2){if(e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var t=_getRequireWildcardCache(r2);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if(u!=="default"&&Object.prototype.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u]}return n.default=e,t&&t.set(e,n),n}__name(_interopRequireWildcard,"_interopRequireWildcard");function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}__name(_extends,"_extends");function _defineProperty(obj,key,value){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}__name(_defineProperty,"_defineProperty");function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return typeof key=="symbol"?key:String(key)}__name(_toPropertyKey,"_toPropertyKey");function _toPrimitive(input,hint){if(typeof input!="object"||input===null)return input;var prim=input[Symbol.toPrimitive];if(prim!==void 0){var res=prim.call(input,hint||"default");if(typeof res!="object")return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return(hint==="string"?String:Number)(input)}__name(_toPrimitive,"_toPrimitive");const layoutClassName="react-grid-layout";function WidthProvideRGL(ComposedComponent){var _a2;var _class;return _class=(_a2=class extends React.Component{constructor(){super(...arguments),_defineProperty(this,"state",{width:1280}),_defineProperty(this,"elementRef",React.createRef()),_defineProperty(this,"mounted",!1),_defineProperty(this,"resizeObserver",void 0)}componentDidMount(){this.mounted=!0,this.resizeObserver=new _resizeObserverPolyfill.default(entries=>{if(this.elementRef.current instanceof HTMLElement){const width=entries[0].contentRect.width;this.setState({width})}});const node=this.elementRef.current;node instanceof HTMLElement&&this.resizeObserver.observe(node)}componentWillUnmount(){this.mounted=!1;const node=this.elementRef.current;node instanceof HTMLElement&&this.resizeObserver.unobserve(node),this.resizeObserver.disconnect()}render(){const{measureBeforeMount,...rest}=this.props;return measureBeforeMount&&!this.mounted?React.createElement("div",{className:(0,_clsx.default)(this.props.className,layoutClassName),style:this.props.style,ref:this.elementRef}):React.createElement(ComposedComponent,_extends({innerRef:this.elementRef},rest,this.state))}},__name(_a2,"WidthProvider"),_a2),_defineProperty(_class,"defaultProps",{measureBeforeMount:!1}),_defineProperty(_class,"propTypes",{measureBeforeMount:_propTypes.default.bool}),_class}return __name(WidthProvideRGL,"WidthProvideRGL"),WidthProvider}__name(requireWidthProvider,"requireWidthProvider");var hasRequiredReactGridLayout;function requireReactGridLayout(){return hasRequiredReactGridLayout||(hasRequiredReactGridLayout=1,function(module2){module2.exports=requireReactGridLayout$1().default,module2.exports.utils=requireUtils$1(),module2.exports.calculateUtils=requireCalculateUtils(),module2.exports.Responsive=requireResponsiveReactGridLayout().default,module2.exports.Responsive.utils=requireResponsiveUtils(),module2.exports.WidthProvider=requireWidthProvider().default}(reactGridLayout)),reactGridLayout.exports}__name(requireReactGridLayout,"requireReactGridLayout");var reactGridLayoutExports=requireReactGridLayout();const GridLayout=getDefaultExportFromCjs(reactGridLayoutExports);var __defProp$d=Object.defineProperty,__getOwnPropDesc$d=Object.getOwnPropertyDescriptor,__decorateClass$d=__name((decorators,target,key,kind)=>{for(var result=kind>1?void 0:kind?__getOwnPropDesc$d(target,key):target,i=decorators.length-1,decorator;i>=0;i--)(decorator=decorators[i])&&(result=(kind?decorator(target,key,result):decorator(result))||result);return kind&&result&&__defProp$d(target,key,result),result},"__decorateClass$d"),__decorateParam$d=__name((index2,decorator)=>(target,key)=>decorator(target,key,index2),"__decorateParam$d");let ConditionalFormattingI18nController=(_a=class extends core.Disposable{constructor(_localeService){super();__publicField(this,"_initLocal",__name(()=>{},"_initLocal"));__publicField(this,"_findReplaceIndex",__name(text2=>{const reg=/\{([^}]+)?\}/g,result=[];let currentValue=reg.exec(text2);for(;currentValue;)result.push({startIndex:currentValue.index,key:Number(currentValue[1]),endIndex:currentValue.index+currentValue[0].length-1}),currentValue=reg.exec(text2);return result},"_findReplaceIndex"));this._localeService=_localeService,this._initLocal()}tWithReactNode(key,...args){const locale=this._localeService.getLocales(),keys=key.split("."),resolvedValue=locale&&this._localeService.resolveKeyPath(locale,keys);if(typeof resolvedValue=="string"){const result=[];return this._findReplaceIndex(resolvedValue).forEach((item2,index2,list)=>{const preItem=list[index2-1]||{startIndex:0,endIndex:-1};if(preItem.endIndex+1<item2.startIndex){const text2=resolvedValue.slice(preItem.endIndex+1,item2.startIndex);text2&&result.push(text2)}if(args[item2.key]&&result.push(args[item2.key]),index2===list.length-1){const text2=resolvedValue.slice(item2.endIndex+1);text2&&result.push(text2)}}),result}return[]}},__name(_a,"ConditionalFormattingI18nController"),_a);ConditionalFormattingI18nController=__decorateClass$d([__decorateParam$d(0,core.Inject(core.LocaleService))],ConditionalFormattingI18nController);const styles$4={cfPreview:"univer-cf-preview"},Preview=__name(props=>{var _a2,_b2;const rule=props.rule;if(!rule)return null;const colorList=require$$0.useMemo(()=>{if(rule.type===sheetsConditionalFormatting.CFRuleType.colorScale){const config=rule.config.map((c,index2)=>({color:new core.ColorKit(c.color),value:index2})),maxValue=config.length-1;return new Array(5).fill("").map((_v,index2,arr)=>index2*maxValue/(arr.length-1)).map(value=>sheetsConditionalFormatting.getColorScaleFromValue(config,value))}return null},[rule]),iconSet2=require$$0.useMemo(()=>{if(rule.type===sheetsConditionalFormatting.CFRuleType.iconSet)return rule.config.map(item2=>{const iconList=sheetsConditionalFormatting.iconMap[item2.iconType];return iconList&&iconList[Number(item2.iconId)]})},[rule]);switch(rule.type){case sheetsConditionalFormatting.CFRuleType.dataBar:{const{isGradient}=rule.config,commonStyle={width:"50%",height:"100%"},positiveColor=isGradient?`linear-gradient(to right, ${rule.config.positiveColor||sheetsConditionalFormatting.defaultDataBarPositiveColor}, rgb(255 255 255))`:rule.config.positiveColor,nativeColor=isGradient?`linear-gradient(to right,  rgb(255 255 255),${rule.config.nativeColor||sheetsConditionalFormatting.defaultDataBarNativeColor})`:rule.config.nativeColor;return jsxRuntime.jsxs("div",{className:styles$4.cfPreview,children:[jsxRuntime.jsx("div",{style:{...commonStyle,background:nativeColor,border:`1px solid ${rule.config.nativeColor||sheetsConditionalFormatting.defaultDataBarNativeColor}`}}),jsxRuntime.jsx("div",{style:{...commonStyle,background:positiveColor,border:`1px solid ${rule.config.positiveColor||sheetsConditionalFormatting.defaultDataBarPositiveColor}`}})]})}case sheetsConditionalFormatting.CFRuleType.colorScale:return colorList&&jsxRuntime.jsx("div",{className:styles$4.cfPreview,children:colorList.map((item2,index2)=>jsxRuntime.jsx("div",{style:{width:`${100/colorList.length}%`,height:"100%",background:item2}},index2))});case sheetsConditionalFormatting.CFRuleType.iconSet:return iconSet2&&jsxRuntime.jsx("div",{className:styles$4.cfPreview,children:iconSet2.map((base64,index2)=>base64?jsxRuntime.jsx("img",{style:{height:"100%"},src:base64},index2):jsxRuntime.jsx(SlashSingle,{},index2))});case sheetsConditionalFormatting.CFRuleType.highlightCell:{const{ul,st,it,bl,bg,cl}=rule.style,isUnderline=(ul==null?void 0:ul.s)===core.BooleanNumber.TRUE,isStrikethrough=(st==null?void 0:st.s)===core.BooleanNumber.TRUE,isItalic=it===core.BooleanNumber.TRUE,isBold=bl===core.BooleanNumber.TRUE,bgColor=(_a2=bg==null?void 0:bg.rgb)!=null?_a2:sheetsConditionalFormatting.DEFAULT_BG_COLOR,fontColor=(_b2=cl==null?void 0:cl.rgb)!=null?_b2:sheetsConditionalFormatting.DEFAULT_FONT_COLOR,style={fontWeight:isBold?"bold":void 0,fontStyle:isItalic?"italic":void 0,textDecoration:`${isUnderline?"underline":""} ${isStrikethrough?"line-through":""}`.replace(/^ /,"")||void 0,backgroundColor:bgColor,color:fontColor};return jsxRuntime.jsx("div",{style,className:styles$4.cfPreview,children:"123"})}}return null},"Preview"),styles$3={cfRuleList:"univer-cf-rule-list",ruleSelector:"univer-rule-selector",select:"univer-select",selectSelector:"univer-select-selector",selectSelectionItem:"univer-select-selection-item",selectSelectionSearchInput:"univer-select-selection-search-input",btnList:"univer-btn-list",gap:"univer-gap",icon:"univer-icon",disabled:"univer-disabled",ruleItem:"univer-rule-item",ruleDescribe:"univer-rule-describe",ruleType:"univer-rule-type",ruleRange:"univer-rule-range",active:"univer-active",draggableHandle:"univer-draggableHandle",deleteItem:"univer-delete-item",gridLayoutWrap:"univer-grid-layout-wrap",reactGridItem:"univer-react-grid-item"},getRuleDescribe=__name((rule,localeService)=>{const ruleConfig=rule.rule;switch(ruleConfig.type){case sheetsConditionalFormatting.CFRuleType.colorScale:return localeService.t("sheet.cf.ruleType.colorScale");case sheetsConditionalFormatting.CFRuleType.dataBar:return localeService.t("sheet.cf.ruleType.dataBar");case sheetsConditionalFormatting.CFRuleType.iconSet:return localeService.t("sheet.cf.ruleType.iconSet");case sheetsConditionalFormatting.CFRuleType.highlightCell:switch(ruleConfig.subType){case sheetsConditionalFormatting.CFSubRuleType.average:{const operator=ruleConfig.operator;return localeService.t(`sheet.cf.preview.describe.${operator}`,localeService.t("sheet.cf.subRuleType.average"))}case sheetsConditionalFormatting.CFSubRuleType.duplicateValues:return localeService.t("sheet.cf.subRuleType.duplicateValues");case sheetsConditionalFormatting.CFSubRuleType.uniqueValues:return localeService.t("sheet.cf.subRuleType.uniqueValues");case sheetsConditionalFormatting.CFSubRuleType.number:{const operator=ruleConfig.operator;return localeService.t(`sheet.cf.preview.describe.${operator}`,...Array.isArray(ruleConfig.value)?ruleConfig.value.map(e=>String(e)):[String(ruleConfig.value||"")])}case sheetsConditionalFormatting.CFSubRuleType.text:{const operator=ruleConfig.operator;return localeService.t(`sheet.cf.preview.describe.${operator}`,ruleConfig.value||"")}case sheetsConditionalFormatting.CFSubRuleType.timePeriod:{const operator=ruleConfig.operator;return localeService.t(`sheet.cf.preview.describe.${operator}`)}case sheetsConditionalFormatting.CFSubRuleType.rank:return ruleConfig.isPercent?ruleConfig.isBottom?localeService.t("sheet.cf.preview.describe.bottomNPercent",String(ruleConfig.value)):localeService.t("sheet.cf.preview.describe.topNPercent",String(ruleConfig.value)):ruleConfig.isBottom?localeService.t("sheet.cf.preview.describe.bottomN",String(ruleConfig.value)):localeService.t("sheet.cf.preview.describe.topN",String(ruleConfig.value));case sheetsConditionalFormatting.CFSubRuleType.formula:return localeService.t("sheet.cf.ruleType.formula")}}},"getRuleDescribe");let defaultWidth=0;const RuleList=__name(props=>{const{onClick}=props,conditionalFormattingRuleModel=core.useDependency(sheetsConditionalFormatting.ConditionalFormattingRuleModel),univerInstanceService=core.useDependency(core.IUniverInstanceService),selectionManagerService=core.useDependency(sheets.SheetsSelectionsService),commandService=core.useDependency(core.ICommandService),localeService=core.useDependency(core.LocaleService),injector=core.useDependency(core.Injector),conditionalFormattingI18nController=core.useDependency(ConditionalFormattingI18nController),workbook=ui.useObservable(()=>univerInstanceService.getCurrentTypeOfUnit$(core.UniverInstanceType.UNIVER_SHEET),void 0,void 0,[]),unitId=workbook.getUnitId(),worksheet=workbook.getActiveSheet();if(!worksheet)throw new Error("No active sheet found");const subUnitId=worksheet.getSheetId(),[currentRuleRanges,currentRuleRangesSet]=require$$0.useState([]),[selectValue,selectValueSet]=require$$0.useState("2"),[fetchRuleListId,fetchRuleListIdSet]=require$$0.useState(0),[draggingId,draggingIdSet]=require$$0.useState(-1),[layoutWidth,layoutWidthSet]=require$$0.useState(defaultWidth),layoutContainerRef=require$$0.useRef(null),selectOption=[{label:localeService.t("sheet.cf.panel.workSheet"),value:"2"},{label:localeService.t("sheet.cf.panel.selectedRange"),value:"1"}],getRuleList=__name(()=>{const ruleList2=conditionalFormattingRuleModel.getSubunitRules(unitId,subUnitId);if(!ruleList2||!ruleList2.length)return[];if(selectValue==="1"){const selection=selectionManagerService.getCurrentLastSelection();if(!selection)return[];const range=selection.range;return ruleList2.filter(rule=>rule.ranges.some(ruleRange2=>core.Rectangle.intersects(ruleRange2,range)))}else if(selectValue==="2")return[...ruleList2];return[]},"getRuleList"),[ruleList,ruleListSet]=require$$0.useState(getRuleList);sheetsUi.useHighlightRange(currentRuleRanges),require$$0.useEffect(()=>{const disposable=commandService.onCommandExecuted(commandInfo=>{commandInfo.id===sheets.SetWorksheetActiveOperation.id&&fetchRuleListIdSet(Math.random())});return()=>disposable.dispose()}),require$$0.useEffect(()=>{ruleListSet(getRuleList)},[selectValue,fetchRuleListId,unitId,subUnitId]),require$$0.useEffect(()=>{if(selectValue==="2")return;const subscription=new rxjs.Observable(commandSubscribe=>{const commandList2=[sheets.SetSelectionsOperation.id,sheetsConditionalFormatting.AddConditionalRuleMutation.id,sheetsConditionalFormatting.SetConditionalRuleMutation.id,sheetsConditionalFormatting.DeleteConditionalRuleMutation.id,sheetsConditionalFormatting.MoveConditionalRuleMutation.id],disposable=commandService.onCommandExecuted(commandInfo=>{const{id,params}=commandInfo,unitId2=univerInstanceService.getCurrentUnitForType(core.UniverInstanceType.UNIVER_SHEET).getUnitId();commandList2.includes(id)&&params.unitId===unitId2&&commandSubscribe.next(null)});return()=>disposable.dispose()}).pipe(rxjs.debounceTime(16)).subscribe(()=>{ruleListSet(getRuleList)});return()=>{subscription.unsubscribe()}},[univerInstanceService,selectValue,unitId,subUnitId]),require$$0.useEffect(()=>{const dispose=conditionalFormattingRuleModel.$ruleChange.subscribe(()=>{fetchRuleListIdSet(Math.random())});return()=>dispose.unsubscribe()},[conditionalFormattingRuleModel]),require$$0.useEffect(()=>{const getWidth=__name(()=>{var _a2;const width=Math.max(0,(((_a2=layoutContainerRef.current)==null?void 0:_a2.getBoundingClientRect().width)||0)-8);return defaultWidth=width,width},"getWidth"),subscription=new rxjs.Observable(subscribe=>{const targetElement=document.querySelector(".univer-sidebar");if(targetElement){let time=setTimeout(()=>{subscribe.next()},150);const clearTime=__name(()=>{time&&clearTimeout(time),time=null},"clearTime"),handle=__name(e=>{e.propertyName==="width"&&(clearTime(),subscribe.next())},"handle");return targetElement.addEventListener("transitionend",handle),()=>{clearTime(),targetElement.removeEventListener("transitionend",handle)}}}).pipe(rxjs.debounceTime(16)).subscribe(()=>{layoutWidthSet(getWidth())});return()=>{subscription.unsubscribe()}},[]);const handleDelete=__name(rule=>{var _a2;const unitId2=univerInstanceService.getCurrentUnitForType(core.UniverInstanceType.UNIVER_SHEET).getUnitId(),subUnitId2=(_a2=univerInstanceService.getCurrentUnitForType(core.UniverInstanceType.UNIVER_SHEET).getActiveSheet())==null?void 0:_a2.getSheetId();if(!unitId2||!subUnitId2)throw new Error("No active sheet found");commandService.executeCommand(DeleteCfCommand.id,{unitId:unitId2,subUnitId:subUnitId2,cfId:rule.cfId})},"handleDelete"),handleDragStart=__name((_layout,from)=>{draggingIdSet(from.y)},"handleDragStart"),handleDragStop=__name((_layout,from,to)=>{var _a2;draggingIdSet(-1);const unitId2=univerInstanceService.getCurrentUnitForType(core.UniverInstanceType.UNIVER_SHEET).getUnitId(),subUnitId2=(_a2=univerInstanceService.getCurrentUnitForType(core.UniverInstanceType.UNIVER_SHEET).getActiveSheet())==null?void 0:_a2.getSheetId();if(!unitId2||!subUnitId2)throw new Error("No active sheet found");const getSaveIndex=__name(index2=>{const length=ruleList.length;return Math.min(length-1,Math.max(0,index2))},"getSaveIndex"),cfId=ruleList[getSaveIndex(from.y)].cfId,targetCfId=ruleList[getSaveIndex(to.y)].cfId;cfId!==targetCfId&&commandService.executeCommand(MoveCfCommand.id,{unitId:unitId2,subUnitId:subUnitId2,start:{id:cfId,type:"self"},end:{id:targetCfId,type:to.y>from.y?"after":"before"}})},"handleDragStop"),handleCreate=__name(()=>{props.onCreate()},"handleCreate"),handleClear=__name(()=>{selectValue==="2"?commandService.executeCommand(ClearWorksheetCfCommand.id):selectValue==="1"&&ruleList.map(rule=>({unitId,subUnitId,cfId:rule.cfId})).forEach(config=>{commandService.executeCommand(DeleteCfCommand.id,config)})},"handleClear"),ruleListByPermissionCheck=require$$0.useMemo(()=>{const workbook2=univerInstanceService.getCurrentUnitForType(core.UniverInstanceType.UNIVER_SHEET),worksheet2=workbook2.getActiveSheet();return ruleList.filter(rule=>{const ranges=rule.ranges;return sheets.checkRangesEditablePermission(injector,workbook2.getUnitId(),worksheet2.getSheetId(),ranges)})},[ruleList]),layout=ruleListByPermissionCheck.map((rule,index2)=>({i:rule.cfId,x:0,w:12,y:index2,h:1,isResizable:!1})),isHasAllRuleEditPermission=require$$0.useMemo(()=>{const workbook2=univerInstanceService.getCurrentUnitForType(core.UniverInstanceType.UNIVER_SHEET),worksheet2=workbook2.getActiveSheet();return ruleList.every(rule=>{const ranges=rule.ranges;return sheets.checkRangesEditablePermission(injector,workbook2.getUnitId(),worksheet2.getSheetId(),ranges)})},[ruleList]);return jsxRuntime.jsxs("div",{className:styles$3.cfRuleList,children:[jsxRuntime.jsxs("div",{className:styles$3.ruleSelector,children:[jsxRuntime.jsx("div",{children:conditionalFormattingI18nController.tWithReactNode("sheet.cf.panel.managerRuleSelect",jsxRuntime.jsx(design.Select,{className:styles$3.select,options:selectOption,value:selectValue,onChange:__name(v=>{selectValueSet(v)},"onChange")})).map((ele,index2)=>jsxRuntime.jsx("span",{children:ele},index2))}),jsxRuntime.jsxs("div",{className:styles$3.btnList,children:[jsxRuntime.jsx(design.Tooltip,{title:localeService.t("sheet.cf.panel.createRule"),placement:"bottom",children:jsxRuntime.jsx("div",{className:`
+                              ${styles$3.icon}
+                            `,onClick:handleCreate,children:jsxRuntime.jsx(IncreaseSingle,{})})}),ruleList.length&&isHasAllRuleEditPermission?jsxRuntime.jsx(design.Tooltip,{title:localeService.t("sheet.cf.panel.clear"),placement:"bottom",children:jsxRuntime.jsx("div",{className:`
+                                      ${styles$3.gap}
+                                      ${styles$3.icon}
+                                    `,onClick:handleClear,children:jsxRuntime.jsx(DeleteSingle,{})})}):jsxRuntime.jsx("div",{className:`
+                              ${styles$3.gap}
+                              ${styles$3.disabled}
+                            `,children:jsxRuntime.jsx(DeleteSingle,{})})]})]}),jsxRuntime.jsx("div",{ref:layoutContainerRef,className:styles$3.gridLayoutWrap,children:layoutWidth?jsxRuntime.jsx(GridLayout,{onDragStop:handleDragStop,onDragStart:handleDragStart,layout,cols:12,rowHeight:60,width:layoutWidth,margin:[0,10],draggableHandle:".draggableHandle",children:ruleListByPermissionCheck==null?void 0:ruleListByPermissionCheck.map((rule,index2)=>jsxRuntime.jsx("div",{children:jsxRuntime.jsxs("div",{onMouseMove:__name(()=>{rule.ranges!==currentRuleRanges&&currentRuleRangesSet(rule.ranges)},"onMouseMove"),onMouseLeave:__name(()=>currentRuleRangesSet([]),"onMouseLeave"),onClick:__name(()=>{onClick(rule)},"onClick"),className:`
+                                              ${styles$3.ruleItem}
+                                              ${draggingId===index2?styles$3.active:""}
+                                            `,children:[jsxRuntime.jsx("div",{className:`
+                                                  ${styles$3.draggableHandle}
                                                   draggableHandle
-                                                `,onClick:re=>re.stopPropagation(),children:x.jsx(Mn,{})}),x.jsxs("div",{className:pe.ruleDescribe,children:[x.jsx("div",{className:pe.ruleType,children:Vi(F,l)}),x.jsx("div",{className:pe.ruleRange,children:F.ranges.map(re=>qt.serializeRange(re)).join(",")})]}),x.jsx("div",{className:pe.preview,children:x.jsx(We,{rule:F.rule})}),x.jsx("div",{className:`
-                                                  ${pe.deleteItem}
-                                                  ${d===H?pe.active:""}
-                                                `,onClick:re=>{re.stopPropagation(),U(F),R([])},children:x.jsx(Ct,{})})]})},`${F.cfId}`))}):null})]})},gn={cfColorPicker:"univer-cf-color-picker",cfColorPickerIcon:"univer-cf-color-picker-icon",iconDropdown:"univer-icon-dropdown"},De=t=>{const{color:e,onChange:r,disable:n=!1,iconId:i="PaintBucket",className:a,isNeedDropdownIcon:l=!0}=t,S=v.useDependency(ge.ComponentManager),f=j.useMemo(()=>new v.ColorKit(e),[e]),b=S.get(i);return b&&(n?x.jsx(b,{className:a,extend:{colorChannel1:f.isValid?e:"rgb(var(--primary-color))"}}):x.jsx(ie.DropdownLegacy,{overlay:x.jsx("div",{className:`
-                      ${gn.cfColorPicker}
-                    `,children:x.jsx(ie.ColorPicker,{value:e,onChange:r})}),children:x.jsxs("span",{className:`
-                  ${gn.cfColorPickerIcon}
-                  ${a}
-                `,children:[x.jsx(b,{extend:{colorChannel1:f.isValid?e:"rgb(var(--primary-color))"}}),l&&x.jsx(Tt,{className:gn.iconDropdown})]})}))},G={cfRuleStyleEditor:"univer-cf-rule-style-editor",cfPreviewWrap:"univer-cf-preview-wrap",text:"univer-text",positionRelative:"univer-position-relative",btnList:"univer-btn-list",utilItem:"univer-util-item",iconSet:"univer-icon-set",renderConfig:"univer-render-config",flex:"univer-flex",width45:"univer-width45",iconWrap:"univer-icon-wrap",icon:"univer-icon",dropdownIcon:"univer-dropdown-icon",errorInput:"univer-error-input",errorText:"univer-error-text",iconGroupList:"univer-icon-group-list",title:"univer-title",group:"univer-group",itemContent:"univer-item-content",itemWrap:"univer-item-wrap",item:"univer-item",iconItemListWrap:"univer-icon-item-list-wrap",none:"univer-none",iconItemList:"univer-icon-item-list",width100:"univer-width100",stress:"univer-stress"},Ne=(t,e)=>({label:e.t(`sheet.cf.valueType.${t}`),value:t}),vn=t=>{var R;const{type:e,className:r,onChange:n,id:i,value:a}=t,l=v.useDependency(v.IUniverInstanceService),S=l.getCurrentUnitForType(v.UniverInstanceType.UNIVER_SHEET).getUnitId(),f=(R=l.getCurrentUnitForType(v.UniverInstanceType.UNIVER_SHEET).getActiveSheet())==null?void 0:R.getSheetId(),b=j.useMemo(()=>String(a).startsWith("=")?String(a):"=",[a]),m=j.useMemo(()=>[c.CFValueType.max,c.CFValueType.min,"none"].includes(e)?{disabled:!0}:[c.CFValueType.percent,c.CFValueType.percentile].includes(e)?{min:0,max:100}:{min:Number.MIN_SAFE_INTEGER,max:Number.MAX_SAFE_INTEGER},[e]),T=j.useRef({}),[_,I]=j.useState(!1);return ge.useSidebarClick(w=>{var o;const h=(o=T.current)==null?void 0:o.handleOutClick;h&&h(w,()=>I(!1))}),e===c.CFValueType.formula?x.jsx("div",{style:{width:"100%",marginLeft:4},children:x.jsx(Ge.FormulaEditor,{initValue:b,unitId:S,subUnitId:f,isFocus:_,onChange:(w="")=>{n(w||"")},onFocus:()=>I(!0),actions:T.current})}):x.jsx(ie.InputNumber,{className:r,value:Number(t.value)||0,onChange:w=>t.onChange(w||0),...m})},Ai=t=>{var U;const{interceptorManager:e}=t,r=v.useDependency(v.LocaleService),n=((U=t.rule)==null?void 0:U.type)===c.CFRuleType.colorScale?t.rule:void 0,i=[Ne(c.CFValueType.num,r),Ne(c.CFValueType.percent,r),Ne(c.CFValueType.percentile,r),Ne(c.CFValueType.formula,r)],a=[Ne(c.CFValueType.min,r),...i],l=[Ne("none",r),...i],S=[Ne(c.CFValueType.max,r),...i],[f,b]=j.useState(()=>{var D;const E=c.CFValueType.min;return n&&((D=n.config[0])==null?void 0:D.value.type)||E}),[m,T]=j.useState(()=>{var D;const E="none";return!n||n.config.length!==3?E:((D=n.config[1])==null?void 0:D.value.type)||E}),[_,I]=j.useState(()=>{var D;const E=c.CFValueType.max;return n&&((D=n.config[n.config.length-1])==null?void 0:D.value.type)||E}),[R,w]=j.useState(()=>{if(!n)return 10;const D=n.config[0];return(D==null?void 0:D.value.value)===void 0?10:D==null?void 0:D.value.value}),[h,o]=j.useState(()=>{var W;if(!n||n.config.length!==3)return 50;const D=(W=n.config[1])==null?void 0:W.value.value;return D===void 0?50:D}),[s,d]=j.useState(()=>{var W;if(!n)return 90;const D=(W=n.config[n.config.length-1])==null?void 0:W.value.value;return D===void 0?90:D}),[C,u]=j.useState(()=>{var D;const E="#d0d9fb";return n&&((D=n.config[0])==null?void 0:D.color)||E}),[g,p]=j.useState(()=>{var D;const E="#7790f3";return!n||n.config.length!==3?E:((D=n.config[1])==null?void 0:D.color)||E}),[y,M]=j.useState(()=>{var D;const E="#2e55ef";return n&&((D=n.config[n.config.length-1])==null?void 0:D.color)||E}),L=j.useMemo(()=>E=>{const{minType:D,medianType:W,maxType:X,minValue:Y,medianValue:ne,maxValue:ee,minColor:F,medianColor:H,maxColor:re}=E,oe=[];return oe.push({color:F,value:{type:D,value:Y}}),W!=="none"&&oe.push({color:H,value:{type:W,value:ne}}),oe.push({color:re,value:{type:X,value:ee}}),{config:oe.map((he,ye)=>({...he,index:ye})),type:c.CFRuleType.colorScale}},[]);j.useEffect(()=>e.intercept(e.getInterceptPoints().submit,{handler(){return L({minType:f,medianType:m,maxType:_,minValue:R,medianValue:h,maxValue:s,minColor:C,medianColor:g,maxColor:y})}}),[L,f,m,_,R,h,s,C,g,y,e]);const V=E=>{t.onChange(L(E))};return x.jsxs("div",{children:[x.jsx("div",{className:A.title,children:r.t("sheet.cf.panel.styleRule")}),x.jsx("div",{className:`
-              ${G.cfPreviewWrap}
-            `,children:x.jsx(We,{rule:L({minType:f,medianType:m,maxType:_,minValue:R,medianValue:h,maxValue:s,minColor:C,medianColor:g,maxColor:y})})}),x.jsx("div",{className:A.label,children:r.t("sheet.cf.valueType.min")}),x.jsxs("div",{className:`
-              ${A.labelContainer}
-              ${A.mTSm}
-            `,children:[x.jsx(ie.Select,{style:{flexShrink:0},options:a,value:f,onChange:E=>{b(E);const D=c.createDefaultValueByValueType(E,10);w(D),V({minType:E,medianType:m,maxType:_,minValue:D,medianValue:h,maxValue:s,minColor:C,medianColor:g,maxColor:y})}}),x.jsx(vn,{id:"min",className:`
-                      ${A.mLXxs}
-                    `,value:R,type:f,onChange:E=>{w(E),V({minType:f,medianType:m,maxType:_,minValue:E,medianValue:h,maxValue:s,minColor:C,medianColor:g,maxColor:y})}}),x.jsx(De,{className:A.mLXxs,color:C,onChange:E=>{u(E),V({minType:f,medianType:m,maxType:_,minValue:R,medianValue:h,maxValue:s,minColor:E,medianColor:g,maxColor:y})}})]}),x.jsx("div",{className:A.label,children:r.t("sheet.cf.panel.medianValue")}),x.jsxs("div",{className:`
-              ${A.labelContainer}
-              ${A.mTSm}
-            `,children:[x.jsx(ie.Select,{style:{flexShrink:0},options:l,value:m,onChange:E=>{T(E);const D=c.createDefaultValueByValueType(E,50);o(D),V({minType:f,medianType:E,maxType:_,minValue:R,medianValue:D,maxValue:s,minColor:C,medianColor:g,maxColor:y})}}),x.jsx(vn,{id:"median",className:`
-                      ${A.mLXxs}
-                    `,value:h,type:m,onChange:E=>{o(E),V({minType:f,medianType:m,maxType:_,minValue:R,medianValue:E,maxValue:s,minColor:C,medianColor:g,maxColor:y})}}),m!=="none"&&x.jsx(De,{className:A.mLXxs,color:g,onChange:E=>{p(E),V({minType:f,medianType:m,maxType:_,minValue:R,medianValue:h,maxValue:s,minColor:C,medianColor:E,maxColor:y})}})]}),x.jsx("div",{className:A.label,children:r.t("sheet.cf.valueType.max")}),x.jsxs("div",{className:`
-              ${A.labelContainer}
-              ${A.mTSm}
-            `,children:[x.jsx(ie.Select,{style:{flexShrink:0},options:S,value:_,onChange:E=>{I(E);const D=c.createDefaultValueByValueType(E,90);d(D),V({minType:f,medianType:m,maxType:E,minValue:R,medianValue:h,maxValue:D,minColor:C,medianColor:g,maxColor:y})}}),x.jsx(vn,{id:"max",className:`
-                      ${A.mLXxs}
-                    `,value:s,type:_,onChange:E=>{d(E),V({minType:f,medianType:m,maxType:_,minValue:R,medianValue:h,maxValue:E,minColor:C,medianColor:g,maxColor:y})}}),x.jsx(De,{className:A.mLXxs,color:y,onChange:E=>{M(E),V({minType:f,medianType:m,maxType:_,minValue:R,medianValue:h,maxValue:s,minColor:C,medianColor:g,maxColor:E})}})]})]})},He=(t,e)=>({label:e.t(`sheet.cf.valueType.${t}`),value:t}),Cr=t=>{var w;const{onChange:e,className:r,value:n,type:i,id:a,disabled:l=!1}=t,S=v.useDependency(v.IUniverInstanceService),f=S.getCurrentUnitForType(v.UniverInstanceType.UNIVER_SHEET).getUnitId(),b=(w=S.getCurrentUnitForType(v.UniverInstanceType.UNIVER_SHEET).getActiveSheet())==null?void 0:w.getSheetId(),m=j.useRef({}),[T,_]=j.useState(!1);ge.useSidebarClick(h=>{var s;const o=(s=m.current)==null?void 0:s.handleOutClick;o&&o(h,()=>_(!1))});const I=j.useRef(n),R=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 h=String(I.current).startsWith("=")?String(I.current)||"":"=";return x.jsx("div",{style:{width:"100%",marginLeft:12},children:x.jsx(Ge.FormulaEditor,{initValue:h,unitId:f,subUnitId:b,isFocus:T,onChange:(o="")=>{e(o||"")},onFocus:()=>_(!0),actions:m.current})})}return x.jsx(ie.InputNumber,{className:r,value:Number(n)||0,disabled:l,onChange:h=>{e(h||0)},...R})},Wi=t=>{var U;const{interceptorManager:e}=t,r=v.useDependency(v.LocaleService),n=((U=t.rule)==null?void 0:U.type)===c.CFRuleType.dataBar?t.rule:void 0,[i,a]=j.useState(()=>{var D;const E="0";return n?(D=n.config)!=null&&D.isGradient?"1":"0":E}),[l,S]=j.useState(()=>{var E;return n&&((E=n.config)==null?void 0:E.positiveColor)||c.defaultDataBarPositiveColor}),[f,b]=j.useState(()=>{var E;return n&&((E=n.config)==null?void 0:E.nativeColor)||c.defaultDataBarNativeColor}),m=[He(c.CFValueType.num,r),He(c.CFValueType.percent,r),He(c.CFValueType.percentile,r),He(c.CFValueType.formula,r)],T=[He(c.CFValueType.min,r),...m],_=[He(c.CFValueType.max,r),...m],[I,R]=j.useState(()=>{var D;const E=T[0].value;return n&&((D=n.config)==null?void 0:D.min.type)||E}),[w,h]=j.useState(()=>{var D;const E=_[0].value;return n&&((D=n.config)==null?void 0:D.max.type)||E}),[o,s]=j.useState(()=>{var W;if(!n)return 0;const D=((W=n.config)==null?void 0:W.min)||{};return D.type===c.CFValueType.formula?D.value||"=":D.value||0}),[d,C]=j.useState(()=>{var W;if(!n)return 100;const D=((W=n.config)==null?void 0:W.max)||{};return D.type===c.CFValueType.formula?D.value||"=":D.value===void 0?100:D.value}),[u,g]=j.useState(()=>n?n.isShowValue===void 0?!0:!!n.isShowValue:!0),p=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(()=>e.intercept(e.getInterceptPoints().submit,{handler(){return p({isGradient:i,minValue:o,minValueType:I,maxValue:d,maxValueType:w,positiveColor:l,nativeColor:f,isShowValue:u})}}),[i,o,I,d,w,l,f,e,u]);const y=E=>{t.onChange(p(E))},M=E=>{S(E),y({isGradient:i,minValue:o,minValueType:I,maxValue:d,maxValueType:w,positiveColor:E,nativeColor:f,isShowValue:u})},L=E=>{b(E),y({isGradient:i,minValue:o,minValueType:I,maxValue:d,maxValueType:w,positiveColor:l,nativeColor:E,isShowValue:u})},V=E=>m.map(D=>D.value).includes(E);return x.jsxs("div",{children:[x.jsx("div",{className:A.title,children:r.t("sheet.cf.panel.styleRule")}),x.jsx("div",{className:`
-              ${G.cfPreviewWrap}
-            `,children:x.jsx(We,{rule:p({isGradient:i,minValue:o,minValueType:I,maxValue:d,maxValueType:w,positiveColor:l,nativeColor:f,isShowValue:u})})}),x.jsxs("div",{children:[x.jsx("div",{className:A.label,children:r.t("sheet.cf.panel.fillType")}),x.jsxs("div",{className:`
-                  ${A.mTSm}
-                  ${A.mLXxs}
-                  ${A.labelContainer}
-                `,children:[x.jsxs(ie.RadioGroup,{value:i,onChange:E=>{a(E),y({isGradient:E,minValue:o,minValueType:I,maxValue:d,maxValueType:w,positiveColor:l,nativeColor:f,isShowValue:u})},children:[x.jsx(ie.Radio,{value:"0",children:x.jsx("span",{className:G.text,children:r.t("sheet.cf.panel.pureColor")})}),x.jsx(ie.Radio,{value:"1",children:x.jsx("span",{className:G.text,children:r.t("sheet.cf.panel.gradient")})})]}),x.jsxs("div",{className:`
-                      ${G.utilItem}
-                      ${A.mLXl}
-                    `,children:[x.jsx(ie.Checkbox,{checked:!u,onChange:E=>{g(!E),y({isGradient:E,minValue:o,minValueType:I,maxValue:d,maxValueType:w,positiveColor:l,nativeColor:f,isShowValue:!E})}}),r.t("sheet.cf.panel.onlyShowDataBar")]})]})]}),x.jsxs("div",{children:[x.jsx("div",{className:A.label,children:r.t("sheet.cf.panel.colorSet")}),x.jsxs("div",{className:`
-                  ${A.labelContainer}
-                  ${A.mTSm}
-                  ${A.mLXxs}
-                `,children:[x.jsxs("div",{className:`
-                      ${A.labelContainer}
-                    `,children:[x.jsx("div",{className:`
-                          ${G.text}
-                        `,children:r.t("sheet.cf.panel.native")}),x.jsx(De,{color:f,onChange:L})]}),x.jsxs("div",{className:`
-                      ${A.labelContainer}
-                      ${A.mLSm}
-                    `,children:[x.jsx("div",{className:`
-                          ${G.text}
-                        `,children:r.t("sheet.cf.panel.positive")}),x.jsx(De,{color:l,onChange:M})]})]})]}),x.jsxs("div",{children:[x.jsx("div",{className:A.label,children:r.t("sheet.cf.valueType.min")}),x.jsxs("div",{className:`
-                  ${A.mTSm}
-                  ${A.labelContainer}
-                `,children:[x.jsx(ie.Select,{style:{width:"50%",flexShrink:0},options:T,value:I,onChange:E=>{R(E);const D=c.createDefaultValueByValueType(E,10);s(D),y({isGradient:i,minValue:D,minValueType:E,maxValue:d,maxValueType:w,positiveColor:l,nativeColor:f,isShowValue:u})}}),x.jsx(Cr,{disabled:!V(I),id:"min",type:I,className:A.mLSm,value:o,onChange:E=>{s(E||0),y({isGradient:i,minValue:E||0,minValueType:I,maxValue:d,maxValueType:w,positiveColor:l,nativeColor:f,isShowValue:u})}})]}),x.jsx("div",{className:A.label,children:r.t("sheet.cf.valueType.max")}),x.jsxs("div",{className:`
-                  ${A.mTSm}
-                  ${A.labelContainer}
-                `,children:[x.jsx(ie.Select,{style:{width:"50%",flexShrink:0},options:_,value:w,onChange:E=>{h(E);const D=c.createDefaultValueByValueType(E,90);C(D),y({isGradient:i,minValue:o,minValueType:I,maxValue:D,maxValueType:E,positiveColor:l,nativeColor:f,isShowValue:u})}}),x.jsx(Cr,{disabled:!V(w),id:"max",type:w,className:A.mLSm,value:d,onChange:E=>{C(E||0),y({isGradient:i,minValue:o,minValueType:I,maxValue:E||0,maxValueType:w,positiveColor:l,nativeColor:f,isShowValue:u})}})]})]})]})};function Tr(t){var e,r,n="";if(typeof t=="string"||typeof t=="number")n+=t;else if(typeof t=="object")if(Array.isArray(t)){var i=t.length;for(e=0;e<i;e++)t[e]&&(r=Tr(t[e]))&&(n&&(n+=" "),n+=r)}else for(r in t)t[r]&&(n&&(n+=" "),n+=r);return n}function Nt(){for(var t,e,r=0,n="",i=arguments.length;r<i;r++)(t=arguments[r])&&(e=Tr(t))&&(n&&(n+=" "),n+=e);return n}const _e={cfStyleEdit:"univer-cf-style-edit",buttonItem:"univer-button-item",isActive:"univer-isActive"},jt=t=>[v.BooleanNumber.FALSE,void 0].includes(t)?v.BooleanNumber.TRUE:v.BooleanNumber.FALSE,Lt=t=>t!==v.BooleanNumber.FALSE,yn=t=>{const{style:e,onChange:r,className:n}=t,i=v.useDependency(ge.ComponentManager),[a,l]=j.useState(()=>{if(e!=null&&e.bl)return e.bl}),[S,f]=j.useState(()=>{if(e!=null&&e.it)return e.it}),[b,m]=j.useState(()=>{if(e!=null&&e.ul)return e.ul.s}),[T,_]=j.useState(()=>{if(e!=null&&e.st)return e.st.s}),[I,R]=j.useState(()=>{var g;const u="#2f56ef";return(g=e==null?void 0:e.cl)!=null&&g.rgb?e.cl.rgb:u}),[w,h]=j.useState(()=>{var g;const u="#e8ecfc";return(g=e==null?void 0:e.bg)!=null&&g.rgb?e.bg.rgb:u}),o=i.get("BoldSingle"),s=i.get("ItalicSingle"),d=i.get("UnderlineSingle"),C=i.get("StrikethroughSingle");return j.useEffect(()=>{const u={bl:a,it:S};I!==void 0&&(u.cl={rgb:I}),w!==void 0&&(u.bg={rgb:w}),T!==void 0&&(u.st={s:T}),b!==void 0&&(u.ul={s:b}),r(c.removeUndefinedAttr(u))},[a,S,b,T,I,w]),x.jsxs("div",{className:`
-          ${_e.cfStyleEdit}
-          ${n}
-        `,children:[o&&x.jsx("div",{className:Nt({[_e.isActive]:Lt(a||v.BooleanNumber.FALSE)},_e.buttonItem),onClick:()=>l(jt(a)),children:x.jsx(o,{})}),s&&x.jsx("div",{className:Nt({[_e.isActive]:Lt(S||v.BooleanNumber.FALSE)},_e.buttonItem),onClick:()=>f(jt(S)),children:x.jsx(s,{})}),d&&x.jsx("div",{className:Nt({[_e.isActive]:Lt(b||v.BooleanNumber.FALSE)},_e.buttonItem),onClick:()=>m(jt(b)),children:x.jsx(d,{})}),C&&x.jsx("div",{className:Nt({[_e.isActive]:Lt(T||v.BooleanNumber.FALSE)},_e.buttonItem),onClick:()=>_(jt(T)),children:x.jsx(C,{})}),x.jsx(De,{color:I,onChange:R,iconId:"FontColor"}),x.jsx(De,{color:w,onChange:h,iconId:"PaintBucket"})]})},Hi=t=>{var C;const{onChange:e,interceptorManager:r}=t,n=v.useDependency(v.LocaleService),a=v.useDependency(v.IUniverInstanceService).getCurrentUnitForType(v.UniverInstanceType.UNIVER_SHEET),l=a.getActiveSheet(),S=((C=t.rule)==null?void 0:C.type)===c.CFRuleType.highlightCell?t.rule:void 0,f=j.useRef(null),[b,m]=j.useState(!1),T=j.useRef({}),[_,I]=j.useState({}),[R,w]=j.useState(()=>(S==null?void 0:S.subType)===c.CFSubRuleType.formula?S.value:"="),[h,o]=j.useState(void 0),s=u=>({style:u.style,value:R,type:c.CFRuleType.highlightCell,subType:c.CFSubRuleType.formula});j.useEffect(()=>r.intercept(r.getInterceptPoints().submit,{handler(){return s({style:_,formula:R})}}),[_,R,r]),j.useEffect(()=>r.intercept(r.getInterceptPoints().beforeSubmit,{handler:(g,p,y)=>h||R.length===1||!R.startsWith("=")?(o(n.t("sheet.cf.errorMessage.formulaError")),!1):y(g)}),[h,R]);const d=u=>{e(s(u))};return ge.useSidebarClick(u=>{var p;const g=(p=T.current)==null?void 0:p.handleOutClick;g&&g(u,()=>m(!1))}),x.jsxs("div",{ref:f,children:[x.jsx("div",{className:`
-              ${A.title}
-              ${A.mTBase}
-            `,children:n.t("sheet.cf.panel.styleRule")}),x.jsx("div",{className:`
-              ${A.mTSm}
-            `,children:x.jsx(Ge.FormulaEditor,{onChange:u=>{w(u),d({style:_,formula:u})},onVerify:(u,g)=>{!u||g.length===1?o(n.t("sheet.cf.errorMessage.formulaError")):o(void 0)},errorText:h,onFocus:()=>{m(!0)},actions:T.current,isFocus:b,initValue:R,unitId:a.getUnitId(),subUnitId:l==null?void 0:l.getSheetId()})}),x.jsx("div",{className:`
-              ${G.cfPreviewWrap}
-            `,children:x.jsx(We,{rule:s({style:_,formula:R})})}),x.jsx(yn,{style:S==null?void 0:S.style,className:`
-                  ${A.mTSm}
-                `,onChange:u=>{I(u),d({style:u,formula:R})}})]})},Ut=t=>x.jsxs("div",{style:{position:"relative"},children:[x.jsx("div",{style:{position:"absolute",zIndex:999,bottom:"-13px",fontSize:"10px",color:"red"},children:t.errorText}),t.children]}),le=(t,e)=>({label:e.t(`sheet.cf.operator.${t}`),value:t}),ki=t=>{const{type:e,operator:r,onChange:n,value:i,interceptorManager:a}=t,l=v.useDependency(v.LocaleService),[S,f]=j.useState(()=>typeof i=="number"?i:0),[b,m]=j.useState(""),[T,_]=j.useState(()=>typeof i=="string"?i:""),[I,R]=j.useState(""),[w,h]=j.useState(()=>Array.isArray(i)?i[0]===void 0?0:i[0]:0),[o,s]=j.useState(""),[d,C]=j.useState(()=>Array.isArray(i)?i[1]===void 0?100:i[1]:100),[u,g]=j.useState("");switch(j.useEffect(()=>{switch(e){case c.CFSubRuleType.text:{[c.CFTextOperator.beginsWith,c.CFTextOperator.endsWith,c.CFTextOperator.containsText,c.CFTextOperator.notContainsText,c.CFTextOperator.equal,c.CFTextOperator.notEqual].includes(r)&&n(T);break}case c.CFSubRuleType.number:{[c.CFNumberOperator.equal,c.CFNumberOperator.notEqual,c.CFNumberOperator.greaterThan,c.CFNumberOperator.greaterThanOrEqual,c.CFNumberOperator.lessThan,c.CFNumberOperator.lessThanOrEqual].includes(r)&&n(S),[c.CFNumberOperator.between,c.CFNumberOperator.notBetween].includes(r)&&n([w,d]);break}}},[e]),j.useEffect(()=>{const p=a.intercept(a.getInterceptPoints().beforeSubmit,{handler:(y,M,L)=>{switch(e){case c.CFSubRuleType.text:if([c.CFTextOperator.beginsWith,c.CFTextOperator.containsText,c.CFTextOperator.endsWith,c.CFTextOperator.notEqual,c.CFTextOperator.notContainsText,c.CFTextOperator.equal].includes(r))return T?L(y):(R(l.t("sheet.cf.errorMessage.notBlank")),!1)}return L(y)}});return()=>{p()}},[e,S,T,r]),e){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)){const p=y=>{_(y),n(y)};return x.jsx("div",{className:`
-                      ${A.mTSm}
-                    `,children:x.jsx(Ut,{errorText:I,children:x.jsx(ie.Input,{className:G.width100,value:T,onChange:y=>{R(""),p(y)}})})})}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)){const p=y=>{f(y||0),n(y||0),m("")};return x.jsx("div",{className:`
-                      ${A.mTSm}
-                    `,children:x.jsx(Ut,{errorText:b,children:x.jsx(ie.InputNumber,{min:Number.MIN_SAFE_INTEGER,max:Number.MAX_SAFE_INTEGER,className:G.width100,value:S,onChange:p})})})}if([c.CFNumberOperator.between,c.CFNumberOperator.notBetween].includes(r)){const p=M=>{h(M||0),n([M||0,d]),s("")},y=M=>{C(M||0),n([w,M||0]),g("")};return x.jsxs("div",{className:`
-                      ${A.mTSm}
-                      ${A.labelContainer}
-                    `,children:[x.jsx(Ut,{errorText:o,children:x.jsx(ie.InputNumber,{min:Number.MIN_SAFE_INTEGER,max:Number.MAX_SAFE_INTEGER,value:w,onChange:p})}),x.jsx(Ut,{errorText:u,children:x.jsx(ie.InputNumber,{min:Number.MIN_SAFE_INTEGER,max:Number.MAX_SAFE_INTEGER,className:`
-                                  ${A.mLSm}
-                                `,value:d,onChange:y})})]})}}}return null},Ir=(t,e)=>{switch(t){case c.CFSubRuleType.text:return[le(c.CFTextOperator.containsText,e),le(c.CFTextOperator.notContainsText,e),le(c.CFTextOperator.beginsWith,e),le(c.CFTextOperator.endsWith,e),le(c.CFTextOperator.equal,e),le(c.CFTextOperator.notEqual,e),le(c.CFTextOperator.containsBlanks,e),le(c.CFTextOperator.notContainsBlanks,e),le(c.CFTextOperator.containsErrors,e),le(c.CFTextOperator.notContainsErrors,e)];case c.CFSubRuleType.number:return[le(c.CFNumberOperator.between,e),le(c.CFNumberOperator.notBetween,e),le(c.CFNumberOperator.equal,e),le(c.CFNumberOperator.notEqual,e),le(c.CFNumberOperator.greaterThan,e),le(c.CFNumberOperator.greaterThanOrEqual,e),le(c.CFNumberOperator.lessThan,e),le(c.CFNumberOperator.lessThanOrEqual,e)];case c.CFSubRuleType.timePeriod:return[le(c.CFTimePeriodOperator.yesterday,e),le(c.CFTimePeriodOperator.today,e),le(c.CFTimePeriodOperator.tomorrow,e),le(c.CFTimePeriodOperator.last7Days,e),le(c.CFTimePeriodOperator.lastWeek,e),le(c.CFTimePeriodOperator.thisWeek,e),le(c.CFTimePeriodOperator.nextWeek,e),le(c.CFTimePeriodOperator.lastMonth,e),le(c.CFTimePeriodOperator.thisMonth,e),le(c.CFTimePeriodOperator.nextMonth,e)]}},wr=t=>{var C;const{interceptorManager:e,onChange:r}=t,n=v.useDependency(v.LocaleService),i=((C=t.rule)==null?void 0:C.type)===c.CFRuleType.highlightCell?t.rule:void 0,[a,l]=j.useState(()=>{const u=c.CFSubRuleType.text;return i&&i.subType||u}),S=[{value:c.CFSubRuleType.text,label:n.t("sheet.cf.subRuleType.text")},{value:c.CFSubRuleType.number,label:n.t("sheet.cf.subRuleType.number")},{value:c.CFSubRuleType.timePeriod,label:n.t("sheet.cf.subRuleType.timePeriod")},{value:c.CFSubRuleType.duplicateValues,label:n.t("sheet.cf.subRuleType.duplicateValues")},{value:c.CFSubRuleType.uniqueValues,label:n.t("sheet.cf.subRuleType.uniqueValues")}],f=j.useMemo(()=>Ir(a,n),[a]),[b,m]=j.useState(()=>{const u=f?f[0].value:void 0;return i&&i.operator||u}),[T,_]=j.useState(()=>{var p;const u="";return i?(p=i.value)!=null?p:c.createDefaultValue(i.subType,i.operator):u}),[I,R]=j.useState({}),w=j.useMemo(()=>u=>{var g,p,y,M,L,V,U,E,D,W,X,Y,ne,ee,F;switch(u.subType||a){case c.CFSubRuleType.text:{if([c.CFTextOperator.beginsWith,c.CFTextOperator.endsWith,c.CFTextOperator.containsText,c.CFTextOperator.notContainsText,c.CFTextOperator.equal,c.CFTextOperator.notEqual].includes(b))return{type:c.CFRuleType.highlightCell,subType:(g=u.subType)!=null?g:a,operator:(p=u.operator)!=null?p:b,style:(y=u.style)!=null?y:I,value:(M=u.value)!=null?M:T};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(b))return{type:c.CFRuleType.highlightCell,subType:(L=u.subType)!=null?L:a,operator:(V=u.operator)!=null?V:b,style:(U=u.style)!=null?U:I,value:(E=u.value)!=null?E:T};if([c.CFNumberOperator.between,c.CFNumberOperator.notBetween].includes(b))return{type:c.CFRuleType.highlightCell,subType:(D=u.subType)!=null?D:a,operator:(W=u.operator)!=null?W:b,style:(X=u.style)!=null?X:I,value:(Y=u.value)!=null?Y:T};break}}return{type:c.CFRuleType.highlightCell,subType:(ne=u.subType)!=null?ne:a,operator:(ee=u.operator)!=null?ee:b,style:(F=u.style)!=null?F:I}},[a,b,T,I]);j.useEffect(()=>e.intercept(e.getInterceptPoints().submit,{handler(){return w({})}}),[w,e]),j.useEffect(()=>{S.some(u=>u.value===a)||l(S[0].value)},[S]);const h=u=>{const g=u,p=Ir(g,n),y=p&&p[0].value;l(g),m(y),y&&_(c.createDefaultValue(g,y)),r(w({subType:g,operator:y}))},o=u=>{const g=u;m(g),r(w({operator:g}))},s=u=>{_(u),r(w({value:u}))},d=j.useMemo(()=>`${a}_${b}_${Math.random()}`,[a,b]);return x.jsxs("div",{children:[x.jsx("div",{className:`
-              ${A.title}
-              ${A.mTBase}
-            `,children:n.t("sheet.cf.panel.styleRule")}),x.jsx(ie.Select,{className:`
-                  ${A.mTSm}
-                  ${G.width100}
-                `,onChange:h,value:a,options:S}),(f==null?void 0:f.length)&&x.jsx(ie.Select,{className:`
-                      ${A.mTSm}
-                      ${G.width100}
-                    `,onChange:o,value:b||"",options:f}),x.jsx(ki,{value:T,interceptorManager:e,type:a,operator:b,rule:i,onChange:s},d),x.jsx("div",{className:`
-              ${G.cfPreviewWrap}
-            `,children:x.jsx(We,{rule:w({})})}),x.jsx(yn,{style:i==null?void 0:i.style,className:`
-                  ${A.mLXxs}
-                `,onChange:u=>{R(u),r(w({style:u}))}})]})},_r=(t,e)=>(c.iconMap[t]||[])[Number(e)]||"",Bi=t=>{var f;const e=v.useDependency(v.IUniverInstanceService),r=e.getCurrentUnitForType(v.UniverInstanceType.UNIVER_SHEET).getUnitId(),n=(f=e.getCurrentUnitForType(v.UniverInstanceType.UNIVER_SHEET).getActiveSheet())==null?void 0:f.getSheetId(),i=j.useMemo(()=>t.error?G.errorInput:"",[t.error]),a=j.useRef({}),[l,S]=j.useState(!1);return ge.useSidebarClick(b=>{var T;const m=(T=a.current)==null?void 0:T.handleOutClick;m&&m(b,()=>S(!1))}),x.jsx("div",{className:G.positionRelative,children:t.type!==c.CFValueType.formula?x.jsxs(x.Fragment,{children:[x.jsx(ie.InputNumber,{className:i,value:Number(t.value)||0,onChange:b=>t.onChange(b!=null?b:0)}),t.error&&x.jsx("div",{className:G.errorText,children:t.error})]}):x.jsx("div",{style:{width:"100%"},children:x.jsx(Ge.FormulaEditor,{initValue:String(t.value),unitId:r,subUnitId:n,isFocus:l,onChange:(b="")=>{const m=b||"";t.onChange(m)},onFocus:()=>S(!0),actions:a.current})})})},xr=(t,e,r)=>({operator:c.CFNumberOperator.greaterThan,value:{type:c.CFValueType.num,value:(r.length-1-e)*10},iconType:t,iconId:String(e)}),Fi=j.forwardRef((t,e)=>{const r=v.useDependency(v.LocaleService),n=i=>{t.onClick(i)};return x.jsx("div",{ref:e,className:G.iconGroupList,children:c.iconGroup.map((i,a)=>x.jsxs("div",{className:G.group,children:[x.jsx("div",{className:G.title,children:r.t(i.title)}),x.jsx("div",{className:G.itemContent,children:i.group.map(l=>x.jsx("div",{className:G.itemWrap,onClick:()=>{n(l.name)},children:x.jsx("div",{className:G.item,children:l.list.map((S,f)=>x.jsx("img",{className:G.icon,src:S},f))})},l.name))})]},a))})}),Gi=t=>{const e=j.useMemo(()=>{const n=[];for(const i in c.iconMap){const a=c.iconMap[i],l=i;a.forEach((S,f)=>{n.push({iconType:l,base64:S,iconId:String(f)})})}return n},[]),r=n=>{t.onClick(n.iconType,n.iconId)};return x.jsxs("div",{className:G.iconItemListWrap,children:[x.jsxs("div",{className:G.none,onClick:()=>r({iconType:c.EMPTY_ICON_TYPE,iconId:"",base64:""}),children:[x.jsx(Ze,{className:G.icon}),x.jsx("span",{children:"无单元格图标"})]}),x.jsx("div",{className:G.iconItemList,children:e.map(n=>x.jsx("div",{className:G.item,children:x.jsx("img",{onClick:()=>r(n),className:`
-                              ${G.icon}
-                            `,src:n.base64})},`${n.iconType}_${n.iconId}`))})]})},qi=t=>{const{onChange:e,configList:r,errorMap:n={}}=t,i=v.useDependency(v.LocaleService),a=[{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}],l=[{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}],S=(T,_)=>{e([String(_),"value","value"],T)},f=(T,_)=>{e([String(_),"operator"],T);const I=c.createDefaultValue(c.CFSubRuleType.number,T);S(I,_)},b=(T,_)=>{e([String(_),"value","type"],T);const I=r[_],R=c.createDefaultValue(c.CFSubRuleType.number,I.operator);S(R,_)};return j.useMemo(()=>r.map((T,_)=>{const I=n[_],R=_r(T.iconType,T.iconId),w=_===r.length-1,h=_===0,o=r[_-1],s=(o==null?void 0:o.value.type)===c.CFValueType.formula?i.t("sheet.cf.valueType.formula"):o==null?void 0:o.value.value,d=(C,u)=>{const g={...T,iconId:u,iconType:C};e([String(_)],g)};return x.jsxs("div",{className:`
-                      ${_?A.mTXl:A.mTSm}
-                    `,children:[x.jsxs("div",{className:`
-                      ${A.label}
-                      ${G.flex}
-                    `,children:[x.jsxs("div",{className:`
-                          ${G.width45}
-                        `,children:[i.t("sheet.cf.iconSet.icon"),_+1]}),x.jsx("div",{className:`
-                          ${G.width45}
-                        `,children:x.jsxs(x.Fragment,{children:[!h&&!w&&i.t("sheet.cf.iconSet.rule"),!h&&!w&&x.jsxs("span",{className:G.stress,children:["(",i.t("sheet.cf.iconSet.when"),i.t(`sheet.cf.symbol.${c.getOppositeOperator(o.operator)}`),s,w?"":` ${i.t("sheet.cf.iconSet.and")} `,")"]})]})})]}),x.jsxs("div",{className:`
-                      ${G.flex}
-                      ${A.mTSm}
-                    `,children:[x.jsx("div",{className:`
-                          ${G.iconWrap}
-                          ${G.width45}
-                        `,children:x.jsx(ie.DropdownLegacy,{overlay:x.jsx(Gi,{onClick:d,iconId:T.iconId,iconType:T.iconType}),children:x.jsxs("div",{className:G.dropdownIcon,children:[R?x.jsx("img",{src:R,className:G.icon}):x.jsx(Ze,{className:G.icon}),x.jsx(Tt,{})]})})}),w?x.jsxs("div",{className:`
-                                      ${G.width45}
-                                      ${A.label}
-                                    `,style:{marginTop:0},children:[i.t("sheet.cf.iconSet.rule"),x.jsxs("span",{className:G.stress,children:["(",i.t("sheet.cf.iconSet.when"),i.t(`sheet.cf.symbol.${c.getOppositeOperator(o.operator)}`),s,w?"":` ${i.t("sheet.cf.iconSet.and")} `,")"]})]}):x.jsx(ie.Select,{className:`
-                                      ${A.mL0}
-                                      ${G.width45}
-                                      ${A.mR0}
-                                    `,options:a,value:T.operator,onChange:C=>{f(C,_)}})]}),w?x.jsx("div",{}):x.jsxs(x.Fragment,{children:[x.jsxs("div",{className:`
-                                  ${A.mTSm}
-                                  ${A.label}
-                                  ${G.flex}
-                                `,children:[x.jsx("div",{className:`
-                                      ${G.width45}
-                                    `,children:i.t("sheet.cf.iconSet.type")}),x.jsx("div",{className:`
-                                      ${G.width45}
-                                    `,children:i.t("sheet.cf.iconSet.value")})]}),x.jsxs("div",{className:`
-                                  ${A.mTSm}
-                                  ${G.flex}
-                                `,children:[x.jsx(ie.Select,{style:{flexShrink:0},className:`
-                                          ${G.width45}
-                                          ${A.mL0}
-                                        `,options:l,value:T.value.type,onChange:C=>{b(C,_)}}),x.jsx("div",{className:`
-                                      ${A.mL0}
-                                      ${G.width45}
-                                    `,children:x.jsx(Bi,{id:_,type:T.value.type,error:I,value:T.value.value||"",onChange:C=>S(C,_)})})]})]})]},_)}),[r,n])},Xi=t=>{var C;const{interceptorManager:e}=t,r=((C=t.rule)==null?void 0:C.type)===c.CFRuleType.iconSet?t.rule:void 0,n=v.useDependency(v.LocaleService),[i,a]=j.useState({}),[l,S]=j.useState(()=>{const u=Object.keys(c.iconMap)[0];if(r&&r.config.length){const g=r.config[0].iconType;if(!r.config.some(y=>y.iconType!==g))return g}return u}),[f,b]=j.useState(()=>{if(r&&r.config.length)return v.Tools.deepClone(r==null?void 0:r.config);const u=c.iconMap[l]||[];return new Array(u.length).fill("").map((g,p,y)=>p===y.length-1?{operator:c.CFNumberOperator.lessThanOrEqual,value:{type:c.CFValueType.num,value:Number.MAX_SAFE_INTEGER},iconType:l,iconId:String(p)}:xr(l,p,y))}),[m,T]=j.useState(()=>r?!!r.isShowValue:!0),_=j.useMemo(()=>{const u=f.map(g=>_r(g.iconType,g.iconId));return x.jsx("div",{className:G.iconWrap,children:u.map((g,p)=>g?x.jsx("img",{className:G.icon,src:g},p):x.jsx(Ze,{className:G.icon},p))})},[f]),I=u=>{if(u.reduce((p,y,M)=>p.preType&&!p.result||u.length-1===M?p:y.value.type===c.CFValueType.formula?{preType:c.CFValueType.formula,result:!1}:p.preType?{result:p.preType===y.value.type,preType:y.value.type}:{result:!0,preType:y.value.type},{result:!0,preType:""}).result&&[c.CFValueType.num,c.CFValueType.percent,c.CFValueType.percentile].includes(u[0].value.type)){const p={};return u.forEach((y,M,L)=>{if(M-1<0||M===L.length-1)return;const U=u[M-1],E=c.getOppositeOperator(U.operator);c.compareWithNumber({operator:E,value:U.value.value},y.value.value)||(p[M]=`${n.t(`sheet.cf.form.${E}`,String(U.value.value))} `)}),p}return{}},R=(u,g)=>{v.get(f,u)!==g&&(v.set(f,u,g),b([...f]),a(I(f)))},w=u=>{S(u);const g=c.iconMap[u]||[],p=new Array(g.length).fill("").map((y,M,L)=>xr(u,M,L));b(p),a(I(p))};j.useEffect(()=>{const u=e.intercept(e.getInterceptPoints().submit,{handler(){return{type:c.CFRuleType.iconSet,isShowValue:m,config:f}}});return()=>{u()}},[m,f,e]),j.useEffect(()=>{const u=e.intercept(e.getInterceptPoints().beforeSubmit,{handler(){return Object.keys(i).length===0}});return()=>{u()}},[m,f,e,i]);const h=()=>{const u=f.map(g=>({...g}));f.forEach((g,p)=>{const y=f.length-1-p,M=u[y];g.iconId=M.iconId,g.iconType=M.iconType}),b([...f])},o=v.useDependency(ge.ILayoutService),[s,d]=j.useState();return ge.useScrollYOverContainer(s,o.rootContainerElement),x.jsxs("div",{className:G.iconSet,children:[x.jsx("div",{className:A.title,children:n.t("sheet.cf.panel.styleRule")}),x.jsx("div",{className:`
-              ${A.mTSm}
-            `,children:x.jsx(ie.DropdownLegacy,{placement:"bottomLeft",overlay:x.jsx(Fi,{ref:u=>!s&&u&&d(u),iconType:l,onClick:w}),children:x.jsxs("div",{className:G.dropdownIcon,style:{width:"unset"},children:[_,x.jsx(Tt,{})]})})}),x.jsxs("div",{className:`
-              ${A.mTSm}
-              ${G.renderConfig}
-            `,children:[x.jsxs("div",{className:G.utilItem,children:[x.jsx(ie.Checkbox,{onChange:h}),n.t("sheet.cf.iconSet.reverseIconOrder")]}),x.jsxs("div",{className:`
-                  ${G.utilItem}
-                  ${A.mLXl}
-                `,children:[x.jsx(ie.Checkbox,{checked:!m,onChange:u=>{T(!u)}}),n.t("sheet.cf.iconSet.onlyShowIcon")]})]}),x.jsx(qi,{errorMap:i,onChange:R,configList:f})]})},Yi=t=>{var h;const{onChange:e,interceptorManager:r}=t,n=v.useDependency(v.LocaleService),i=((h=t.rule)==null?void 0:h.type)===c.CFRuleType.highlightCell?t.rule:void 0,a=[{label:n.t("sheet.cf.panel.isNotBottom"),value:"isNotBottom"},{label:n.t("sheet.cf.panel.isBottom"),value:"isBottom"},{label:n.t("sheet.cf.panel.greaterThanAverage"),value:"greaterThanAverage"},{label:n.t("sheet.cf.panel.lessThanAverage"),value:"lessThanAverage"}],[l,S]=j.useState(()=>{const o=a[0].value,s=i==null?void 0:i.type;if(!i)return o;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":o;case c.CFSubRuleType.rank:return i.isBottom?"isBottom":"isNotBottom"}}return o}),[f,b]=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}),[m,T]=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({}),R=o=>{const{type:s,isPercent:d,value:C,style:u}=o;if(s==="isNotBottom")return{type:c.CFRuleType.highlightCell,subType:c.CFSubRuleType.rank,isPercent:d,isBottom:!1,value:C,style:u};if(s==="isBottom")return{type:c.CFRuleType.highlightCell,subType:c.CFSubRuleType.rank,isPercent:d,isBottom:!0,value:C,style:u};if(s==="greaterThanAverage")return{type:c.CFRuleType.highlightCell,subType:c.CFSubRuleType.average,operator:c.CFNumberOperator.greaterThan,style:u};if(s==="lessThanAverage")return{type:c.CFRuleType.highlightCell,subType:c.CFSubRuleType.average,operator:c.CFNumberOperator.lessThan,style:u}};j.useEffect(()=>r.intercept(r.getInterceptPoints().submit,{handler(){return R({type:l,isPercent:m,value:f,style:_})}}),[l,m,f,_,r]);const w=o=>{e(R(o))};return x.jsxs("div",{children:[x.jsx("div",{className:`
-              ${A.title}
-              ${A.mTBase}
-            `,children:n.t("sheet.cf.panel.styleRule")}),x.jsx(ie.Select,{className:`
-                  ${G.width100}
-                  ${A.mTSm}
-                `,value:l,options:a,onChange:o=>{S(o),w({type:o,isPercent:m,value:f,style:_})}}),["isNotBottom","isBottom"].includes(l)&&x.jsxs("div",{className:`
-                  ${A.labelContainer}
-                  ${A.mTSm}
-                `,children:[x.jsx(ie.InputNumber,{min:1,max:1e3,value:f,onChange:o=>{const s=o||0;b(s),w({type:l,isPercent:m,value:s,style:_})}}),x.jsxs("div",{className:`
-                      ${A.mLSm}
-                      ${A.labelContainer}
-                      ${G.text}
-                    `,children:[x.jsx(ie.Checkbox,{checked:m,onChange:o=>{T(!!o),w({type:l,isPercent:!!o,value:f,style:_})}}),n.t("sheet.cf.valueType.percent")]})]}),x.jsx("div",{className:`
-              ${G.cfPreviewWrap}
-            `,children:x.jsx(We,{rule:R({type:l,isPercent:m,value:f,style:_})})}),x.jsx(yn,{style:i==null?void 0:i.style,className:`
-                  ${A.mTSm}
-                `,onChange:o=>{I(o),w({type:l,isPercent:m,value:f,style:o})}})]})},Ki=v.createInterceptorKey("beforeSubmit"),$i=v.createInterceptorKey("submit"),Er=t=>t.getCurrentUnitForType(v.UniverInstanceType.UNIVER_SHEET).getUnitId(),Or=t=>{var e;return(e=t.getCurrentUnitForType(v.UniverInstanceType.UNIVER_SHEET).getActiveSheet())==null?void 0:e.getSheetId()},Zi=t=>{var L,V,U;const e=v.useDependency(v.LocaleService),r=v.useDependency(v.ICommandService),n=v.useDependency(v.IUniverInstanceService),i=v.useDependency(c.ConditionalFormattingRuleModel),a=v.useDependency(q.SheetsSelectionsService),l=Er(n),S=Or(n),[f,b]=j.useState(!0),m=j.useRef({}),[T,_]=j.useState(void 0),I=j.useRef((V=(L=t.rule)==null?void 0:L.ranges)!=null?V:[]),R=j.useMemo(()=>{var D,W,X;let E=(D=t.rule)==null?void 0:D.ranges;return E!=null&&E.length||(E=(X=(W=a.getCurrentSelections())==null?void 0:W.map(Y=>Y.range))!=null?X:[]),I.current=E,E!=null&&E.length?E.map(Y=>{const ne=qt.serializeRange(Y);return ne==="NaN"?"":ne}).filter(Y=>!!Y).join(","):""},[t.rule]),w=[{label:e.t("sheet.cf.ruleType.highlightCell"),value:"1"},{label:e.t("sheet.cf.panel.rankAndAverage"),value:"2"},{label:e.t("sheet.cf.ruleType.dataBar"),value:"3"},{label:e.t("sheet.cf.ruleType.colorScale"),value:"4"},{label:e.t("sheet.cf.ruleType.formula"),value:"5"},{label:e.t("sheet.cf.ruleType.iconSet"),value:"6"}],[h,o]=j.useState(()=>{var W,X;const E=(W=t.rule)==null?void 0:W.rule.type,D=w[0].value;if(!E)return D;switch(E){case c.CFRuleType.highlightCell:{switch((X=t.rule)==null?void 0:X.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 D}),s=j.useRef(),d=j.useMemo(()=>new v.InterceptorManager({beforeSubmit:Ki,submit:$i}),[]),C=j.useMemo(()=>{switch(h){case"1":return wr;case"2":return Yi;case"3":return Wi;case"4":return Ai;case"5":return Hi;case"6":return Xi;default:return wr}},[h]);j.useEffect(()=>{const E=r.onCommandExecuted(D=>{if(D.id===q.RemoveSheetMutation.id){const W=D.params;W.subUnitId===S&&W.unitId===l&&t.onCancel()}D.id===q.SetWorksheetActiveOperation.id&&t.onCancel()});return()=>E.dispose()},[]);const u=E=>{s.current=E},g=E=>{const D=E.split(",").filter(W=>!!W).map(qt.deserializeRangeWithSheet).map(W=>W.range);I.current=D},p=()=>{if(T)return;const D=(()=>{const X=n.getCurrentUnitForType(v.UniverInstanceType.UNIVER_SHEET).getActiveSheet();if(!X)throw new Error("No active sheet found");return I.current.map(ee=>q.setEndForRange(ee,X.getRowCount(),X.getColumnCount())).filter(ee=>!(Number.isNaN(ee.startRow)||Number.isNaN(ee.startColumn)))})();if(d.fetchThroughInterceptors(d.getInterceptPoints().beforeSubmit)(!0,null)){const X=d.fetchThroughInterceptors(d.getInterceptPoints().submit)(null,null);if(X){const Y=Er(n),ne=Or(n);if(!Y||!ne)throw new Error("No active sheet found");let ee={};t.rule&&t.rule.cfId?(ee={...t.rule,ranges:D,rule:X},r.executeCommand(Rt.id,{unitId:Y,subUnitId:ne,rule:ee}),t.onCancel()):(ee={cfId:i.createCfId(Y,ne),ranges:D,rule:X,stopIfTrue:!1},r.executeCommand(Xe.id,{unitId:Y,subUnitId:ne,rule:ee}),t.onCancel())}}},y=()=>{t.onCancel()},M=(E,D)=>{E?D.length<1?_(e.t("sheet.cf.errorMessage.rangeError")):_(void 0):_(e.t("sheet.cf.errorMessage.rangeError"))};return ge.useSidebarClick(E=>{var W;const D=(W=m.current)==null?void 0:W.handleOutClick;D&&D(E,()=>b(!1))}),x.jsxs("div",{className:G.cfRuleStyleEditor,children:[x.jsx("div",{className:A.title,children:e.t("sheet.cf.panel.range")}),x.jsx("div",{className:`
-              ${A.mTBase}
-            `,children:x.jsx(Ge.RangeSelector,{unitId:l,errorText:T,subUnitId:S,initValue:R,onChange:g,onVerify:M,onFocus:()=>b(!0),isFocus:f,actions:m.current})}),x.jsx("div",{className:A.title,children:e.t("sheet.cf.panel.styleType")}),x.jsx("div",{className:A.mTBase,children:x.jsx(ie.Select,{className:G.width100,value:h,options:w,onChange:E=>o(E)})}),x.jsx(C,{interceptorManager:d,rule:(U=t.rule)==null?void 0:U.rule,onChange:u}),x.jsxs("div",{className:`
-              ${A.mTBase}
-              ${G.btnList}
-            `,children:[x.jsx(ie.Button,{size:"small",onClick:y,children:e.t("sheet.cf.panel.cancel")}),x.jsx(ie.Button,{className:A.mLSm,size:"small",type:"primary",onClick:p,children:e.t("sheet.cf.panel.submit")})]})]})},Ji=t=>{const[e,r]=j.useState(t.rule),[n,i]=j.useState(!!t.rule),a=()=>{i(!0)},l=()=>{i(!1),r(void 0)},S=f=>{r(f),i(!0)};return x.jsx("div",{className:A.conditionalFormattingWrap,children:n?x.jsx(Zi,{onCancel:l,rule:e}):x.jsx(zi,{onClick:S,onCreate:a})})};var Qi=Object.defineProperty,ea=Object.getOwnPropertyDescriptor,ta=(t,e,r,n)=>{for(var i=n>1?void 0:n?ea(e,r):e,a=t.length-1,l;a>=0;a--)(l=t[a])&&(i=(n?l(e,r,i):l(i))||i);return n&&i&&Qi(e,r,i),i},lt=(t,e)=>(r,n)=>e(r,n,t);const Vt="sheet.conditional.formatting.panel";let ut=class extends v.Disposable{constructor(e,r,n,i,a){super();Pe(this,"_sidebarDisposable",null);this._univerInstanceService=e,this._injector=r,this._componentManager=n,this._sidebarService=i,this._localeService=a,this._initPanel(),this.disposeWithMe(this._univerInstanceService.getCurrentTypeOfUnit$(v.UniverInstanceType.UNIVER_SHEET).subscribe(l=>{var S;l||(S=this._sidebarDisposable)==null||S.dispose()})),this.disposeWithMe(this._sidebarService.sidebarOptions$.subscribe(l=>{l.id===Vt&&(l.visible||setTimeout(()=>{this._sidebarService.sidebarOptions$.next({visible:!1})}))}))}openPanel(e){const r={id:Vt,header:{title:this._localeService.t("sheet.cf.title")},children:{label:Vt,rule:e,key:v.generateRandomId(4)},onClose:()=>this._sidebarDisposable=null};this._sidebarDisposable=this._sidebarService.open(r)}_initPanel(){this._componentManager.register(Vt,Ji)}};ut=ta([lt(0,v.IUniverInstanceService),lt(1,v.Inject(v.Injector)),lt(2,v.Inject(ge.ComponentManager)),lt(3,v.Inject(ge.ISidebarService)),lt(4,v.Inject(v.LocaleService))],ut);var ve=(t=>(t[t.createRule=1]="createRule",t[t.viewRule=2]="viewRule",t[t.highlightCell=3]="highlightCell",t[t.rank=4]="rank",t[t.formula=5]="formula",t[t.colorScale=6]="colorScale",t[t.dataBar=7]="dataBar",t[t.icon=8]="icon",t[t.clearRangeRules=9]="clearRangeRules",t[t.clearWorkSheetRules=10]="clearWorkSheetRules",t))(ve||{});const ct={id:"sheet.operation.open.conditional.formatting.panel",type:v.CommandType.OPERATION,handler:(t,e)=>{var S;const r=t.get(ut),n=t.get(q.SheetsSelectionsService),i=t.get(v.ICommandService),a=((S=n.getCurrentSelections())==null?void 0:S.map(f=>f.range))||[];switch(e.value){case 3:{r.openPanel({...c.createDefaultRule(),ranges:a});break}case 4:{const f={...c.createDefaultRule,ranges:a,rule:{type:c.CFRuleType.highlightCell,subType:c.CFSubRuleType.rank}};r.openPanel(f);break}case 5:{const f={...c.createDefaultRule,ranges:a,rule:{type:c.CFRuleType.highlightCell,subType:c.CFSubRuleType.formula,value:"="}};r.openPanel(f);break}case 6:{const f={...c.createDefaultRule,ranges:a,rule:{type:c.CFRuleType.colorScale,config:[]}};r.openPanel(f);break}case 7:{const f={...c.createDefaultRule,ranges:a,rule:{type:c.CFRuleType.dataBar,isShowValue:!0}};r.openPanel(f);break}case 8:{const f={...c.createDefaultRule,ranges:a,rule:{type:c.CFRuleType.iconSet,config:[],isShowValue:!0}};r.openPanel(f);break}case 2:{r.openPanel();break}case 1:{r.openPanel({...c.createDefaultRule(),ranges:a});break}case 9:{i.executeCommand(St.id,{ranges:a});break}case 10:{i.executeCommand(Ye.id);break}}return!0}};var na=Object.defineProperty,ra=Object.getOwnPropertyDescriptor,ia=(t,e,r,n)=>{for(var i=n>1?void 0:n?ra(e,r):e,a=t.length-1,l;a>=0;a--)(l=t[a])&&(i=(n?l(e,r,i):l(i))||i);return n&&i&&na(e,r,i),i},dt=(t,e)=>(r,n)=>e(r,n,t);let ft=class extends v.Disposable{constructor(e,r,n,i,a){super();Pe(this,"_copyInfo");this._sheetClipboardService=e,this._conditionalFormattingRuleModel=r,this._injector=n,this._conditionalFormattingViewModel=i,this._univerInstanceService=a,this._initClipboardHook()}_initClipboardHook(){this.disposeWithMe(this._sheetClipboardService.addClipboardHook({id:c.SHEET_CONDITIONAL_FORMATTING_PLUGIN,onBeforeCopy:(e,r,n)=>this._collectConditionalRule(e,r,n),onPasteCells:(e,r,n,i)=>{const{copyType:a=de.COPY_TYPE.COPY,pasteType:l}=i,{range:S}=e||{},{range:f}=r;return this._generateConditionalFormattingMutations(f,{copyType:a,pasteType:l,copyRange:S})}}))}_collectConditionalRule(e,r,n){const i=new v.ObjectMatrix,a={};this._copyInfo={matrix:i,info:{unitId:e,subUnitId:r,cfMap:a}};const l=this._injector.invoke(m=>de.rangeToDiscreteRange(n,m,e,r));if(!l)return;const{rows:S,cols:f}=l,b=new Set;S.forEach((m,T)=>{f.forEach((_,I)=>{const R=this._conditionalFormattingViewModel.getCellCfs(e,r,m,_);R&&(R.forEach(w=>b.add(w.cfId)),i.setValue(T,I,R.map(w=>w.cfId)))})}),b.forEach(m=>{const T=this._conditionalFormattingRuleModel.getRule(e,r,m);T&&(a[m]=T.rule)})}_generateConditionalFormattingMutations(e,r){const n=this._univerInstanceService.getCurrentUnitForType(v.UniverInstanceType.UNIVER_SHEET),i=n.getActiveSheet(),a=n.getUnitId();if(!i)return{redos:[],undos:[]};const l=i.getSheetId();if(r.copyType===de.COPY_TYPE.CUT)return this._copyInfo=null,{redos:[],undos:[]};if(!this._copyInfo||!r.copyRange)return{redos:[],undos:[]};if(![de.PREDEFINED_HOOK_NAME.SPECIAL_PASTE_FORMAT,de.PREDEFINED_HOOK_NAME.DEFAULT_PASTE,de.PREDEFINED_HOOK_NAME.SPECIAL_PASTE_BESIDES_BORDER].includes(r.pasteType))return{redos:[],undos:[]};const{ranges:[f,b],mapFunc:m}=de.virtualizeDiscreteRanges([r.copyRange,e]),T=de.getRepeatRange(f,b,!0),_={};v.Range.foreach(b,(u,g)=>{const{row:p,col:y}=m(u,g),M=this._conditionalFormattingViewModel.getCellCfs(a,l,p,y);M&&M.forEach(L=>{if(!_[L.cfId]){const V=new v.ObjectMatrix;_[L.cfId]=V;const U=this._conditionalFormattingRuleModel.getRule(a,l,L.cfId);U==null||U.ranges.forEach(E=>{v.Range.foreach(E,(D,W)=>{V.setValue(D,W,1)})})}_[L.cfId].realDeleteValue(p,y)})});const{matrix:I,info:R}=this._copyInfo,w=[];let h=this._conditionalFormattingRuleModel.createCfId(a,l);const o={},s=u=>{if(o[u])return o[u];const g=R==null?void 0:R.cfMap[u],p=[...this._conditionalFormattingRuleModel.getSubunitRules(a,l)||[],...w].find(y=>v.Tools.diffValue(y.rule,g));if(p)return o[u]=p,p;{const y={rule:g,cfId:h,ranges:[],stopIfTrue:!1};return o[u]=y,w.push(y),h=`${Number(h)+1}`,y}};T.forEach(u=>{I&&I.forValue((g,p,y)=>{const M=v.Rectangle.getPositionRange({startRow:g,endRow:g,startColumn:p,endColumn:p},u.startRange),{row:L,col:V}=m(M.startRow,M.startColumn);y.forEach(U=>{if(!_[U]){const E=s(U),D=new v.ObjectMatrix;_[U]=D,E.ranges.forEach(W=>{v.Range.foreach(W,(X,Y)=>{D.setValue(X,Y,1)})})}_[U].setValue(L,V,1)})})});const d=[],C=[];for(const u in _){const g=_[u],p=q.findAllRectangle(q.createTopMatrixFromMatrix(g));if(!p.length){const y={unitId:a,subUnitId:l,cfId:u};d.push({id:c.DeleteConditionalRuleMutation.id,params:y}),C.push(...c.DeleteConditionalRuleMutationUndoFactory(this._injector,y))}if(w.some(y=>y.cfId===u)){const y=s(u),M={unitId:a,subUnitId:l,rule:{...y,ranges:p}};d.push({id:c.AddConditionalRuleMutation.id,params:M}),C.push(c.AddConditionalRuleMutationUndoFactory(this._injector,M))}else{const y=this._conditionalFormattingRuleModel.getRule(a,l,u);if(!y)continue;const M={unitId:a,subUnitId:l,rule:{...y,ranges:p}};d.push({id:c.SetConditionalRuleMutation.id,params:M}),C.push(...c.setConditionalRuleMutationUndoFactory(this._injector,M))}}return{redos:d,undos:C}}};ft=ia([dt(0,v.Inject(de.ISheetClipboardService)),dt(1,v.Inject(c.ConditionalFormattingRuleModel)),dt(2,v.Inject(v.Injector)),dt(3,v.Inject(c.ConditionalFormattingViewModel)),dt(4,v.Inject(v.IUniverInstanceService))],ft);var aa=Object.defineProperty,oa=Object.getOwnPropertyDescriptor,sa=(t,e,r,n)=>{for(var i=n>1?void 0:n?oa(e,r):e,a=t.length-1,l;a>=0;a--)(l=t[a])&&(i=(n?l(e,r,i):l(i))||i);return n&&i&&aa(e,r,i),i},Sn=(t,e)=>(r,n)=>e(r,n,t);let pt=class extends v.Disposable{constructor(t,e,r){super(),this._localeService=t,this._commandService=e,this._sheetPermissionCheckController=r,this._commandExecutedListener()}_commandExecutedListener(){this.disposeWithMe(this._commandService.beforeCommandExecuted(t=>{t.id===Xe.id&&(this._sheetPermissionCheckController.permissionCheckWithRanges({workbookTypes:[q.WorkbookEditablePermission],rangeTypes:[q.RangeProtectionPermissionEditPoint],worksheetTypes:[q.WorksheetEditPermission,q.WorksheetSetCellStylePermission]},t.params.rule.ranges)||this._sheetPermissionCheckController.blockExecuteWithoutPermission(this._localeService.t("permission.dialog.setStyleErr")))}))}};pt=sa([Sn(0,v.Inject(v.LocaleService)),Sn(1,v.ICommandService),Sn(2,v.Inject(q.SheetPermissionCheckController))],pt);var la=Object.defineProperty,ua=Object.getOwnPropertyDescriptor,ca=(t,e,r,n)=>{for(var i=n>1?void 0:n?ua(e,r):e,a=t.length-1,l;a>=0;a--)(l=t[a])&&(i=(n?l(e,r,i):l(i))||i);return n&&i&&la(e,r,i),i},zt=(t,e)=>(r,n)=>e(r,n,t);let ht=class extends v.Disposable{constructor(t,e,r,n){super(),this._conditionalFormattingRuleModel=t,this._univerInstanceService=e,this._injector=r,this._refRangeService=n,this._initRefRange()}_initRefRange(){const t=new Map,e=(n,i,a)=>`${n}_${i}_${a}`,r=(n,i,a)=>{const l=f=>{const b=[...a.ranges],m=b.map(_=>q.handleDefaultRangeChangeWithEffectRefCommands(_,f)).filter(_=>!!_);if(c.isRangesEqual(m,b))return{redos:[],undos:[]};if(m.length){const _={unitId:n,subUnitId:i,rule:{...a,ranges:m}},I=[{id:c.SetConditionalRuleMutation.id,params:_}],R=c.setConditionalRuleMutationUndoFactory(this._injector,_);return{redos:I,undos:R}}else{const _={unitId:n,subUnitId:i,cfId:a.cfId},I=[{id:c.DeleteConditionalRuleMutation.id,params:_}],R=c.DeleteConditionalRuleMutationUndoFactory(this._injector,_);return{redos:I,undos:R}}},S=[];a.ranges.forEach(f=>{const b=this._refRangeService.registerRefRange(f,l);S.push(()=>b.dispose())}),t.set(e(n,i,a.cfId),()=>S.forEach(f=>f()))};this.disposeWithMe(this._conditionalFormattingRuleModel.$ruleChange.subscribe(n=>{const{unitId:i,subUnitId:a,rule:l}=n,S=this._univerInstanceService.getCurrentUnitForType(v.UniverInstanceType.UNIVER_SHEET),f=S.getActiveSheet();if(!(n.unitId!==S.getUnitId()||n.subUnitId!==(f==null?void 0:f.getSheetId())))switch(n.type){case"add":{r(n.unitId,n.subUnitId,n.rule);break}case"delete":{const b=t.get(e(i,a,l.cfId));b&&b();break}case"set":{const b=t.get(e(i,a,l.cfId));b&&b(),r(n.unitId,n.subUnitId,n.rule)}}})),this.disposeWithMe(v.toDisposable(()=>{t.forEach(n=>{n()}),t.clear()}))}};ht=ca([zt(0,v.Inject(c.ConditionalFormattingRuleModel)),zt(1,v.Inject(v.IUniverInstanceService)),zt(2,v.Inject(v.Injector)),zt(3,v.Inject(q.RefRangeService))],ht);var da=Object.defineProperty,fa=Object.getOwnPropertyDescriptor,pa=(t,e,r,n)=>{for(var i=n>1?void 0:n?fa(e,r):e,a=t.length-1,l;a>=0;a--)(l=t[a])&&(i=(n?l(e,r,i):l(i))||i);return n&&i&&da(e,r,i),i},ke=(t,e)=>(r,n)=>e(r,n,t);let mt=class extends v.Disposable{constructor(e,r,n,i,a,l){super();Pe(this,"_ruleChangeCacheMap",new Map);this._sheetInterceptorService=e,this._conditionalFormattingService=r,this._univerInstanceService=n,this._renderManagerService=i,this._conditionalFormattingViewModel=a,this._conditionalFormattingRuleModel=l,this._initViewModelInterceptor(),this._initSkeleton(),this.disposeWithMe(()=>{this._ruleChangeCacheMap.clear()})}_markDirtySkeleton(){var r,n,i;const e=this._univerInstanceService.getCurrentUnitForType(v.UniverInstanceType.UNIVER_SHEET).getUnitId();(r=this._renderManagerService.getRenderById(e))==null||r.with(de.SheetSkeletonManagerService).reCalculate(),(i=(n=this._renderManagerService.getRenderById(e))==null?void 0:n.mainComponent)==null||i.makeDirty()}_initSkeleton(){this.disposeWithMe(Re.merge(this._conditionalFormattingRuleModel.$ruleChange,this._conditionalFormattingViewModel.markDirty$).pipe(qe.bufferTime(16),qe.filter(e=>!!e.length),qe.filter(e=>{const r=this._univerInstanceService.getCurrentUnitForType(v.UniverInstanceType.UNIVER_SHEET);if(!r)return!1;const n=r.getActiveSheet();return n?e.filter(i=>i.unitId===r.getUnitId()&&i.subUnitId===n.getSheetId()).length>0:!1})).subscribe(()=>this._markDirtySkeleton()))}_initViewModelInterceptor(){this.disposeWithMe(this._sheetInterceptorService.intercept(q.INTERCEPTOR_POINT.CELL_CONTENT,{effect:v.InterceptorEffectEnum.Style,handler:(e,r,n)=>{const i=this._conditionalFormattingService.composeStyle(r.unitId,r.subUnitId,r.row,r.col);if(!i)return n(e);const a=r.workbook.getStyles(),S={...(typeof(e==null?void 0:e.s)=="string"?a.get(e==null?void 0:e.s):e==null?void 0:e.s)||{}},f={...e,s:S};return i.style&&Object.assign(S,i.style),f.fontRenderExtension||(f.fontRenderExtension={},i.isShowValue!==void 0&&(f.fontRenderExtension.isSkip=!i.isShowValue)),i.dataBar&&(f.dataBar=i.dataBar),i.iconSet&&(f.iconSet=i.iconSet,f.fontRenderExtension.leftOffset=c.DEFAULT_PADDING+c.DEFAULT_WIDTH),n(f)},priority:10}))}};mt=pa([ke(0,v.Inject(q.SheetInterceptorService)),ke(1,v.Inject(c.ConditionalFormattingService)),ke(2,v.Inject(v.IUniverInstanceService)),ke(3,v.Inject(wn.IRenderManagerService)),ke(4,v.Inject(c.ConditionalFormattingViewModel)),ke(5,v.Inject(c.ConditionalFormattingRuleModel))],mt);const Pr="sheets-conditional-formatting-ui.config",At={};var Mr=Object.defineProperty,ha=Object.getOwnPropertyDescriptor,ma=(t,e,r)=>e in t?Mr(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,ga=(t,e,r,n)=>{for(var i=n>1?void 0:n?ha(e,r):e,a=t.length-1,l;a>=0;a--)(l=t[a])&&(i=(n?l(e,r,i):l(i))||i);return n&&i&&Mr(e,r,i),i},bn=(t,e)=>(r,n)=>e(r,n,t),Dr=(t,e,r)=>ma(t,typeof e!="symbol"?e+"":e,r);$.UniverSheetsConditionalFormattingMobileUIPlugin=class extends v.Plugin{constructor(e=At,r,n,i){super(),this._config=e,this._injector=r,this._commandService=n,this._configService=i;const{menu:a,...l}=v.merge({},At,this._config);a&&this._configService.setConfig("menu",a,{merge:!0}),this._configService.setConfig(Pr,l),this._initCommand(),this._injector.add([mt]),this._injector.add([ht]),this._injector.add([ft]),this._injector.add([pt]),this._injector.add([Ae])}_initCommand(){[Xt,Yt,Kt,$t,Zt,Jt,Qt,en,tn,ct,Ke,Rt,bt,Xe,St,Ye].forEach(e=>{this._commandService.registerCommand(e)})}},Dr($.UniverSheetsConditionalFormattingMobileUIPlugin,"pluginName",`${c.SHEET_CONDITIONAL_FORMATTING_PLUGIN}_MOBILE_UI_PLUGIN`),Dr($.UniverSheetsConditionalFormattingMobileUIPlugin,"type",v.UniverInstanceType.UNIVER_SHEET),$.UniverSheetsConditionalFormattingMobileUIPlugin=ga([v.DependentOn(c.UniverSheetsConditionalFormattingPlugin),bn(1,v.Inject(v.Injector)),bn(2,v.Inject(v.ICommandService)),bn(3,v.IConfigService)],$.UniverSheetsConditionalFormattingMobileUIPlugin);var va=Object.defineProperty,ya=Object.getOwnPropertyDescriptor,Sa=(t,e,r,n)=>{for(var i=n>1?void 0:n?ya(e,r):e,a=t.length-1,l;a>=0;a--)(l=t[a])&&(i=(n?l(e,r,i):l(i))||i);return n&&i&&va(e,r,i),i},gt=(t,e)=>(r,n)=>e(r,n,t);let Wt=class extends v.Disposable{constructor(t,e,r,n,i){super(),this._injector=t,this._univerInstanceService=e,this._autoFillService=r,this._conditionalFormattingRuleModel=n,this._conditionalFormattingViewModel=i,this._initAutoFill()}_initAutoFill(){const t=()=>({redos:[],undos:[]}),e=(i,a,l,S,f)=>{var I;const b=this._univerInstanceService.getCurrentUnitForType(v.UniverInstanceType.UNIVER_SHEET).getUnitId(),m=(I=this._univerInstanceService.getCurrentUnitForType(v.UniverInstanceType.UNIVER_SHEET).getActiveSheet())==null?void 0:I.getSheetId();if(!b||!m)return;const T={startRow:i.row,startColumn:i.col,endColumn:i.col,endRow:i.row},_={startRow:a.row,startColumn:a.col,endColumn:a.col,endRow:a.row};v.Range.foreach(l,(R,w)=>{const h=v.Rectangle.getPositionRange({startRow:R,startColumn:w,endColumn:w,endRow:R},T),o=v.Rectangle.getPositionRange({startRow:R,startColumn:w,endColumn:w,endRow:R},_),{row:s,col:d}=f(h.startRow,h.startColumn),C=this._conditionalFormattingViewModel.getCellCfs(b,m,s,d),{row:u,col:g}=f(o.startRow,o.startColumn),p=this._conditionalFormattingViewModel.getCellCfs(b,m,u,g);p&&p.forEach(y=>{let M=S.get(y.cfId);if(!S.get(y.cfId)){const L=this._conditionalFormattingRuleModel.getRule(b,m,y.cfId);if(!L)return;M=new v.ObjectMatrix,L.ranges.forEach(V=>{v.Range.foreach(V,(U,E)=>{M.setValue(U,E,1)})}),S.set(y.cfId,M)}M.realDeleteValue(u,g)}),C&&C.forEach(y=>{let M=S.get(y.cfId);if(!S.get(y.cfId)){const L=this._conditionalFormattingRuleModel.getRule(b,m,y.cfId);if(!L)return;M=new v.ObjectMatrix,L.ranges.forEach(V=>{v.Range.foreach(V,(U,E)=>{M.setValue(U,E,1)})}),S.set(y.cfId,M)}M.setValue(u,g,1)})})},r=(i,a)=>{var o,s,d;const l=(o=this._univerInstanceService.getCurrentUnitForType(v.UniverInstanceType.UNIVER_SHEET))==null?void 0:o.getUnitId(),S=(d=(s=this._univerInstanceService.getCurrentUnitForType(v.UniverInstanceType.UNIVER_SHEET))==null?void 0:s.getActiveSheet())==null?void 0:d.getSheetId(),f=new Map,b=[],m=[];if(!l||!S)return t();const T=de.virtualizeDiscreteRanges([i,a]),[_,I]=T.ranges,{mapFunc:R}=T,w={row:_.startRow,col:_.startColumn};return de.getAutoFillRepeatRange(_,I).forEach(C=>{e(w,C.repeatStartCell,C.relativeRange,f,R)}),f.forEach((C,u)=>{const g=this._conditionalFormattingRuleModel.getRule(l,S,u);if(!g)return;const p=q.findAllRectangle(q.createTopMatrixFromMatrix(C));if(p.length){const y={unitId:l,subUnitId:S,rule:{...g,ranges:p}};b.push({id:c.SetConditionalRuleMutation.id,params:y}),m.push(...c.setConditionalRuleMutationUndoFactory(this._injector,y))}else{const y={unitId:l,subUnitId:S,cfId:g.cfId};b.push({id:c.DeleteConditionalRuleMutation.id,params:y}),m.push(...c.DeleteConditionalRuleMutationUndoFactory(this._injector,y))}}),{undos:m,redos:b}},n={id:c.SHEET_CONDITIONAL_FORMATTING_PLUGIN,onFillData:(i,a,l)=>{if(l===de.APPLY_TYPE.COPY||l===de.APPLY_TYPE.ONLY_FORMAT||l===de.APPLY_TYPE.SERIES){const{source:S,target:f}=i;return r(S,f)}return t()}};this.disposeWithMe(this._autoFillService.addHook(n))}};Wt=Sa([gt(0,v.Inject(v.Injector)),gt(1,v.Inject(v.IUniverInstanceService)),gt(2,v.Inject(de.IAutoFillService)),gt(3,v.Inject(c.ConditionalFormattingRuleModel)),gt(4,v.Inject(c.ConditionalFormattingViewModel))],Wt);var ba=Object.defineProperty,Ra=Object.getOwnPropertyDescriptor,Ca=(t,e,r,n)=>{for(var i=n>1?void 0:n?Ra(e,r):e,a=t.length-1,l;a>=0;a--)(l=t[a])&&(i=(n?l(e,r,i):l(i))||i);return n&&i&&ba(e,r,i),i},vt=(t,e)=>(r,n)=>e(r,n,t);$.ConditionalFormattingClearController=class extends v.Disposable{constructor(e,r,n,i,a){super(),this._injector=e,this._univerInstanceService=r,this._sheetInterceptorService=n,this._selectionManagerService=i,this._conditionalFormattingRuleModel=a,this._init()}_init(){this.disposeWithMe(this._sheetInterceptorService.interceptCommand({getMutations:e=>{var a;const r=[],n=[],i={redos:r,undos:n};if([q.ClearSelectionFormatCommand.id,q.ClearSelectionAllCommand.id].includes(e.id)){const l=(a=this._selectionManagerService.getCurrentSelections())==null?void 0:a.map(R=>R.range);if(!l)return i;const S=this._univerInstanceService.getCurrentUnitForType(v.UniverInstanceType.UNIVER_SHEET),f=S.getActiveSheet();if(!f)return i;const b=S.getUnitId(),m=f.getSheetId(),T=this._conditionalFormattingRuleModel.getSubunitRules(b,m);if(!T||!T.length)return i;const{redos:_,undos:I}=Nr(this._injector,T,l,b,m);r.push(..._),n.push(...I)}return i}})),this.disposeWithMe(this._sheetInterceptorService.interceptRanges({getMutations:({unitId:e,subUnitId:r,ranges:n})=>{const i=[],a=[],l={redos:i,undos:a};if(!n||!n.length)return l;const S=this._conditionalFormattingRuleModel.getSubunitRules(e,r);if(!S||!S.length)return l;const{redos:f,undos:b}=Nr(this._injector,S,n,e,r);return i.push(...f),a.push(...b),l}}))}},$.ConditionalFormattingClearController=Ca([vt(0,v.Inject(v.Injector)),vt(1,v.Inject(v.IUniverInstanceService)),vt(2,v.Inject(q.SheetInterceptorService)),vt(3,v.Inject(q.SheetsSelectionsService)),vt(4,v.Inject(c.ConditionalFormattingRuleModel))],$.ConditionalFormattingClearController);function Nr(t,e,r,n,i){const a=[],l=[];return e.filter(S=>r.some(f=>S.ranges.some(b=>v.Rectangle.getIntersects(b,f)))).forEach(S=>{const b=new q.RangeMergeUtil().add(...S.ranges).subtract(...r).merge();if(b.length){const m={id:c.SetConditionalRuleMutation.id,params:{unitId:n,subUnitId:i,rule:{...S,ranges:b}}},T=c.setConditionalRuleMutationUndoFactory(t,m.params);a.push(m),l.push(...T)}else{const m={id:c.DeleteConditionalRuleMutation.id,params:{unitId:n,subUnitId:i,cfId:S.cfId}},T=c.DeleteConditionalRuleMutationUndoFactory(t,m.params);a.push(m),l.push(...T)}}),{redos:a,undos:l}}var Ta=Object.defineProperty,Ia=Object.getOwnPropertyDescriptor,wa=(t,e,r,n)=>{for(var i=n>1?void 0:n?Ia(e,r):e,a=t.length-1,l;a>=0;a--)(l=t[a])&&(i=(n?l(e,r,i):l(i))||i);return n&&i&&Ta(e,r,i),i},jr=(t,e)=>(r,n)=>e(r,n,t);let Ht=class extends v.Disposable{constructor(t,e){super(),this._sheetInterceptorService=t,this._conditionalFormattingService=e,this._initInterceptorEditorEnd()}_initInterceptorEditorEnd(){this.disposeWithMe(v.toDisposable(this._sheetInterceptorService.writeCellInterceptor.intercept(q.AFTER_CELL_EDIT,{handler:(t,e,r)=>{var l,S,f;t||r(t);const n=this._conditionalFormattingService.composeStyle(e.unitId,e.subUnitId,e.row,e.col),i=(l=n==null?void 0:n.style)!=null?l:{},a=Object.keys(i);if(t!=null&&t.p)return(f=(S=t.p.body)==null?void 0:S.textRuns)==null||f.forEach(b=>{b.ts&&a.forEach(m=>{var T;(T=b.ts)==null||delete T[m]})}),r(t);{const b={...(typeof(t==null?void 0:t.s)=="string"?e.workbook.getStyles().get(t.s):t==null?void 0:t.s)||{}};a.forEach(T=>{delete b[T]});const m={...t,s:{...b}};return r(m)}}})))}};Ht=wa([jr(0,v.Inject(q.SheetInterceptorService)),jr(1,v.Inject(c.ConditionalFormattingService))],Ht);const Lr=[q.SetWorksheetActiveOperation.id,c.AddConditionalRuleMutation.id,c.SetConditionalRuleMutation.id,c.DeleteConditionalRuleMutation.id,c.MoveConditionalRuleMutation.id],yt=[{label:"sheet.cf.ruleType.highlightCell",value:ve.highlightCell},{label:"sheet.cf.panel.rankAndAverage",value:ve.rank},{label:"sheet.cf.ruleType.formula",value:ve.formula},{label:"sheet.cf.ruleType.colorScale",value:ve.colorScale},{label:"sheet.cf.ruleType.dataBar",value:ve.dataBar},{label:"sheet.cf.ruleType.iconSet",value:ve.icon},{label:"sheet.cf.menu.manageConditionalFormatting",value:ve.viewRule},{label:"sheet.cf.menu.createConditionalFormatting",value:ve.createRule},{label:"sheet.cf.menu.clearRangeRules",value:ve.clearRangeRules,disabled:!1},{label:"sheet.cf.menu.clearWorkSheetRules",value:ve.clearWorkSheetRules}],_a=t=>{const e=t.get(q.SheetsSelectionsService),r=t.get(v.ICommandService),n=t.get(v.IUniverInstanceService),i=t.get(c.ConditionalFormattingRuleModel),a=new Re.Observable(f=>Re.merge(e.selectionMoveEnd$,e.selectionSet$,new Re.Observable(b=>{const m=r.onCommandExecuted(T=>{var w;const{id:_,params:I}=T,R=(w=n.getCurrentUnitForType(v.UniverInstanceType.UNIVER_SHEET))==null?void 0:w.getUnitId();Lr.includes(_)&&I.unitId===R&&b.next(null)});return()=>m.dispose()})).pipe(qe.debounceTime(16)).subscribe(()=>{var w;const b=((w=e.getCurrentSelections())==null?void 0:w.map(h=>h.range))||[],m=n.getCurrentUnitForType(v.UniverInstanceType.UNIVER_SHEET);if(!m)return;const T=m.getActiveSheet();if(!T)return;const R=(i.getSubunitRules(m.getUnitId(),T.getSheetId())||[]).filter(h=>h.ranges.some(o=>b.some(s=>v.Rectangle.intersects(s,o)))).map(h=>h.ranges).every(h=>q.checkRangesEditablePermission(t,m.getUnitId(),T.getSheetId(),h));f.next(R)})),l=new Re.Observable(f=>new Re.Observable(b=>{const m=r.onCommandExecuted(T=>{var w;const{id:_,params:I}=T,R=(w=n.getCurrentUnitForType(v.UniverInstanceType.UNIVER_SHEET))==null?void 0:w.getUnitId();Lr.includes(_)&&I.unitId===R&&b.next(null)});return()=>m.dispose()}).pipe(qe.debounceTime(16)).subscribe(()=>{const b=n.getCurrentUnitForType(v.UniverInstanceType.UNIVER_SHEET);if(!b)return;const m=b.getActiveSheet();if(!m)return;const T=i.getSubunitRules(b.getUnitId(),m.getSheetId())||[];if(!T.length)return f.next(!1),!1;const _=T.map(I=>I.ranges).every(I=>q.checkRangesEditablePermission(t,b.getUnitId(),m.getSheetId(),I));f.next(_)})),S=new Re.Observable(f=>{a.subscribe(b=>{const m=yt.find(T=>T.value===ve.clearRangeRules);m&&(m.disabled=!b,f.next(yt))}),l.subscribe(b=>{const m=yt.find(T=>T.value===ve.clearWorkSheetRules);m&&(m.disabled=!b,f.next(yt))}),f.next(yt)});return{id:ct.id,type:ge.MenuItemType.SELECTOR,icon:"Conditions",tooltip:"sheet.cf.title",selections:S,hidden$:ge.getMenuHiddenObservable(t,v.UniverInstanceType.UNIVER_SHEET),disabled$:de.getCurrentRangeDisable$(t,{workbookTypes:[q.WorkbookEditablePermission],worksheetTypes:[q.WorksheetSetCellStylePermission,q.WorksheetEditPermission],rangeTypes:[q.RangeProtectionPermissionEditPoint]})}},xa={[ge.RibbonStartGroup.FORMULAS_INSERT]:{[ct.id]:{order:0,menuItemFactory:_a}}};var Ea=Object.defineProperty,Oa=Object.getOwnPropertyDescriptor,Pa=(t,e,r,n)=>{for(var i=n>1?void 0:n?Oa(e,r):e,a=t.length-1,l;a>=0;a--)(l=t[a])&&(i=(n?l(e,r,i):l(i))||i);return n&&i&&Ea(e,r,i),i},Ur=(t,e)=>(r,n)=>e(r,n,t);let kt=class extends v.Disposable{constructor(e,r){super();Pe(this,"_sidebarDisposable",null);this._injector=e,this._menuManagerService=r,this._menuManagerService.mergeMenu(xa)}};kt=Pa([Ur(0,v.Inject(v.Injector)),Ur(1,ge.IMenuManagerService)],kt);var Ma=Object.defineProperty,Da=Object.getOwnPropertyDescriptor,Na=(t,e,r,n)=>{for(var i=n>1?void 0:n?Da(e,r):e,a=t.length-1,l;a>=0;a--)(l=t[a])&&(i=(n?l(e,r,i):l(i))||i);return n&&i&&Ma(e,r,i),i},Be=(t,e)=>(r,n)=>e(r,n,t);const ja=(t,e)=>{const r=m=>m.endRow-m.startRow+1,n=m=>m.endColumn-m.startColumn+1,i=r(e)%r(t),a=n(e)%n(t),l=Math.floor(r(e)/r(t)),S=Math.floor(n(e)/n(t)),f=[],b={startRow:0,endRow:r(t)-1,startColumn:0,endColumn:n(t)-1};if(r(e)===1&&n(e)===1){const m={startRow:e.startRow,endRow:e.startRow,startColumn:e.startColumn,endColumn:e.startColumn};return f.push({repeatRelativeRange:b,startRange:m}),f}for(let m=0;m<l+(i?.1:0);m++)for(let T=0;T<S+(a?.1:0);T++){const _=r(t)*m,I=n(t)*T,R={startRow:_+e.startRow,endRow:_+e.startRow,startColumn:I+e.startColumn,endColumn:I+e.startColumn};let w=b;m===l&&i&&(w={...w},w.endRow=w.endRow-(r(t)-i)),T===S&&a&&(w={...w},w.endColumn=w.endColumn-(n(t)-a)),f.push({repeatRelativeRange:w,startRange:R})}return f};let Bt=class extends v.Disposable{constructor(e,r,n,i,a,l){super();Pe(this,"_painterConfig",null);this._injector=e,this._univerInstanceService=r,this._formatPainterService=n,this._sheetsSelectionsService=i,this._conditionalFormattingRuleModel=a,this._conditionalFormattingViewModel=l,this._initFormattingPainter()}_initFormattingPainter(){const e=()=>({redos:[],undos:[]}),r=(a,l,S,f,b)=>{const{unitId:m,subUnitId:T}=this._painterConfig,{targetUnitId:_,targetSubUnitId:I}=b,R={startRow:a.row,startColumn:a.col,endColumn:a.col,endRow:a.row},w={startRow:l.row,startColumn:l.col,endColumn:l.col,endRow:l.row};v.Range.foreach(S,(h,o)=>{const s=v.Rectangle.getPositionRange({startRow:h,startColumn:o,endColumn:o,endRow:h},R),d=v.Rectangle.getPositionRange({startRow:h,startColumn:o,endColumn:o,endRow:h},w),C=this._conditionalFormattingViewModel.getCellCfs(m,T,s.startRow,s.startColumn),u=this._conditionalFormattingViewModel.getCellCfs(_,I,d.startRow,d.startColumn);u&&u.forEach(g=>{let p=f.get(g.cfId);if(!f.get(g.cfId)){const y=this._conditionalFormattingRuleModel.getRule(_,I,g.cfId);if(!y)return;p=new v.ObjectMatrix,y.ranges.forEach(M=>{v.Range.foreach(M,(L,V)=>{p.setValue(L,V,1)})}),f.set(g.cfId,p)}p.realDeleteValue(d.startRow,d.startColumn)}),C&&C.forEach(g=>{const p=f.get(g.cfId);p&&p.setValue(d.startRow,d.startColumn,1)})})},n=(a,l,S)=>{var s;const{range:f,unitId:b,subUnitId:m}=this._painterConfig,T=a!==b||m!==l,_=new Map,I=[],R=[];if(!a||!l||!b||!m)return e();const w=(s=this._conditionalFormattingRuleModel.getSubunitRules(b,m))!=null?s:[];w==null||w.forEach(d=>{const{ranges:C,cfId:u}=d;if(C.some(g=>v.Rectangle.intersects(f,g))){const g=new v.ObjectMatrix;T||C.forEach(p=>{v.Range.foreach(p,(y,M)=>{g.setValue(y,M,1)})}),_.set(u,g)}});const h={row:f.startRow,col:f.startColumn};return ja(f,S).forEach(d=>{r(h,{row:d.startRange.startRow,col:d.startRange.startColumn},d.repeatRelativeRange,_,{targetUnitId:a,targetSubUnitId:l})}),_.forEach((d,C)=>{if(T){const u=this._conditionalFormattingRuleModel.getRule(a,l,C),g=q.findAllRectangle(q.createTopMatrixFromMatrix(d));if(u)if(g.length){const p={unitId:a,subUnitId:l,rule:{...u,ranges:g}};I.push({id:c.SetConditionalRuleMutation.id,params:p}),R.push(...c.setConditionalRuleMutationUndoFactory(this._injector,p))}else{const p={unitId:a,subUnitId:l,cfId:u.cfId};I.push({id:c.DeleteConditionalRuleMutation.id,params:p}),R.push(...c.DeleteConditionalRuleMutationUndoFactory(this._injector,p))}else if(g.length){const p=this._conditionalFormattingRuleModel.getRule(b,m,C);if(p){const y={unitId:a,subUnitId:l,rule:{...v.Tools.deepClone(p),cfId:this._conditionalFormattingRuleModel.createCfId(a,l),ranges:g}};I.push({id:c.AddConditionalRuleMutation.id,params:y}),R.push(c.AddConditionalRuleMutationUndoFactory(this._injector,y))}}}else{const u=this._conditionalFormattingRuleModel.getRule(b,m,C);if(!u)return;const g=q.findAllRectangle(q.createTopMatrixFromMatrix(d));if(g.length){const p={unitId:b,subUnitId:m,rule:{...u,ranges:g}};I.push({id:c.SetConditionalRuleMutation.id,params:p}),R.push(...c.setConditionalRuleMutationUndoFactory(this._injector,p))}else{const p={unitId:b,subUnitId:m,cfId:u.cfId};I.push({id:c.DeleteConditionalRuleMutation.id,params:p}),R.push(...c.DeleteConditionalRuleMutationUndoFactory(this._injector,p))}}}),{undos:R,redos:I}},i={id:c.SHEET_CONDITIONAL_FORMATTING_PLUGIN,onStatusChange:a=>{var l,S,f;switch(a){case de.FormatPainterStatus.INFINITE:case de.FormatPainterStatus.ONCE:{const b=(l=this._univerInstanceService.getCurrentUnitForType(v.UniverInstanceType.UNIVER_SHEET))==null?void 0:l.getUnitId(),m=(f=(S=this._univerInstanceService.getCurrentUnitForType(v.UniverInstanceType.UNIVER_SHEET))==null?void 0:S.getActiveSheet())==null?void 0:f.getSheetId(),T=this._sheetsSelectionsService.getCurrentLastSelection(),_=T==null?void 0:T.range;b&&m&&_&&(this._painterConfig={unitId:b,subUnitId:m,range:_});break}case de.FormatPainterStatus.OFF:{this._painterConfig=null;break}}},onApply:(a,l,S)=>this._painterConfig?n(a,l,S):{redos:[],undos:[]}};this._formatPainterService.addHook(i)}};Bt=Na([Be(0,v.Inject(v.Injector)),Be(1,v.Inject(v.IUniverInstanceService)),Be(2,v.Inject(de.IFormatPainterService)),Be(3,v.Inject(q.SheetsSelectionsService)),Be(4,v.Inject(c.ConditionalFormattingRuleModel)),Be(5,v.Inject(c.ConditionalFormattingViewModel))],Bt);var La=Object.defineProperty,Ua=Object.getOwnPropertyDescriptor,Va=(t,e,r,n)=>{for(var i=n>1?void 0:n?Ua(e,r):e,a=t.length-1,l;a>=0;a--)(l=t[a])&&(i=(n?l(e,r,i):l(i))||i);return n&&i&&La(e,r,i),i},Rn=(t,e)=>(r,n)=>e(r,n,t);let Ft=class extends v.Disposable{constructor(t,e,r){super(),this._conditionalFormattingViewModel=t,this._univerInstanceService=e,this._renderManagerService=r,this._init()}_init(){const t=this._univerInstanceService.getCurrentUnitForType(v.UniverInstanceType.UNIVER_SHEET),e=r=>{const n=r.getUnitId(),i=this._renderManagerService.getRenderById(n);if(!i)return;const a=i.with(de.SheetSkeletonManagerService);this.disposeWithMe(a.currentSkeleton$.subscribe(l=>{if(l){const S=l.skeleton.rowColumnSegment,f=S.endColumn-S.startColumn+1,m=(S.endRow-S.startRow+1)*f*9,T=Math.max(c.CONDITIONAL_FORMATTING_VIEWPORT_CACHE_LENGTH,m);this._conditionalFormattingViewModel.setCacheLength(T)}}))};t&&e(t),this._univerInstanceService.getCurrentTypeOfUnit$(v.UniverInstanceType.UNIVER_SHEET).subscribe(r=>{r&&e(r)})}};Ft=Va([Rn(0,v.Inject(c.ConditionalFormattingViewModel)),Rn(1,v.IUniverInstanceService),Rn(2,wn.IRenderManagerService)],Ft);var Vr=Object.defineProperty,za=Object.getOwnPropertyDescriptor,Aa=(t,e,r)=>e in t?Vr(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,Wa=(t,e,r,n)=>{for(var i=n>1?void 0:n?za(e,r):e,a=t.length-1,l;a>=0;a--)(l=t[a])&&(i=(n?l(e,r,i):l(i))||i);return n&&i&&Vr(e,r,i),i},Cn=(t,e)=>(r,n)=>e(r,n,t),zr=(t,e,r)=>Aa(t,typeof e!="symbol"?e+"":e,r);$.UniverSheetsConditionalFormattingUIPlugin=class extends v.Plugin{constructor(e=At,r,n,i){super(),this._config=e,this._injector=r,this._commandService=n,this._configService=i;const{menu:a,...l}=v.merge({},At,this._config);a&&this._configService.setConfig("menu",a,{merge:!0}),this._configService.setConfig(Pr,l),this._initCommand()}onStarting(){v.registerDependencies(this._injector,[[mt],[ht],[ft],[Wt],[pt],[ut],[kt],[Ae],[Ht],[$.ConditionalFormattingClearController],[Bt],[Ft]]),v.touchDependencies(this._injector,[[mt]])}onReady(){v.touchDependencies(this._injector,[[kt],[ut]])}onRendered(){v.touchDependencies(this._injector,[[Wt],[$.ConditionalFormattingClearController],[ft],[Ht],[Ae],[Bt],[pt],[ht],[Ft]])}_initCommand(){[Xt,Yt,Kt,$t,Zt,Jt,Qt,en,tn,ct,Ke,Rt,bt,Xe,St,Ye].forEach(e=>{this._commandService.registerCommand(e)})}},zr($.UniverSheetsConditionalFormattingUIPlugin,"pluginName",`${c.SHEET_CONDITIONAL_FORMATTING_PLUGIN}_UI_PLUGIN`),zr($.UniverSheetsConditionalFormattingUIPlugin,"type",v.UniverInstanceType.UNIVER_SHEET),$.UniverSheetsConditionalFormattingUIPlugin=Wa([v.DependentOn(c.UniverSheetsConditionalFormattingPlugin),Cn(1,v.Inject(v.Injector)),Cn(2,v.Inject(v.ICommandService)),Cn(3,v.IConfigService)],$.UniverSheetsConditionalFormattingUIPlugin),$.AddAverageCfCommand=Xt,$.AddCfCommand=Xe,$.AddColorScaleConditionalRuleCommand=Yt,$.AddDataBarConditionalRuleCommand=Kt,$.AddDuplicateValuesCfCommand=$t,$.AddNumberCfCommand=Zt,$.AddRankCfCommand=Jt,$.AddTextCfCommand=Qt,$.AddTimePeriodCfCommand=en,$.AddUniqueValuesCfCommand=tn,$.ClearRangeCfCommand=St,$.ClearWorksheetCfCommand=Ye,$.DeleteCfCommand=Ke,$.MoveCfCommand=bt,$.OpenConditionalFormattingOperator=ct,$.SetCfCommand=Rt,Object.defineProperty($,Symbol.toStringTag,{value:"Module"})});
+                                                `,onClick:__name(e=>e.stopPropagation(),"onClick"),children:jsxRuntime.jsx(SequenceSingle,{})}),jsxRuntime.jsxs("div",{className:styles$3.ruleDescribe,children:[jsxRuntime.jsx("div",{className:styles$3.ruleType,children:getRuleDescribe(rule,localeService)}),jsxRuntime.jsx("div",{className:styles$3.ruleRange,children:rule.ranges.map(range=>engineFormula.serializeRange(range)).join(",")})]}),jsxRuntime.jsx("div",{className:styles$3.preview,children:jsxRuntime.jsx(Preview,{rule:rule.rule})}),jsxRuntime.jsx("div",{className:`
+                                                  ${styles$3.deleteItem}
+                                                  ${draggingId===index2?styles$3.active:""}
+                                                `,onClick:__name(e=>{e.stopPropagation(),handleDelete(rule),currentRuleRangesSet([])},"onClick"),children:jsxRuntime.jsx(DeleteSingle,{})})]})},`${rule.cfId}`))}):null})]})},"RuleList"),styles$2={cfColorPicker:"univer-cf-color-picker",cfColorPickerIcon:"univer-cf-color-picker-icon",iconDropdown:"univer-icon-dropdown"},ColorPicker=__name(props=>{const{color,onChange,disable=!1,iconId="PaintBucket",className,isNeedDropdownIcon=!0}=props,componentManager=core.useDependency(ui.ComponentManager),colorKit=require$$0.useMemo(()=>new core.ColorKit(color),[color]),Icon=componentManager.get(iconId);return Icon&&(disable?jsxRuntime.jsx(Icon,{className,extend:{colorChannel1:colorKit.isValid?color:"rgb(var(--primary-color))"}}):jsxRuntime.jsx(design.DropdownLegacy,{overlay:jsxRuntime.jsx("div",{className:`
+                      ${styles$2.cfColorPicker}
+                    `,children:jsxRuntime.jsx(design.ColorPicker,{value:color,onChange})}),children:jsxRuntime.jsxs("span",{className:`
+                  ${styles$2.cfColorPickerIcon}
+                  ${className}
+                `,children:[jsxRuntime.jsx(Icon,{extend:{colorChannel1:colorKit.isValid?color:"rgb(var(--primary-color))"}}),isNeedDropdownIcon&&jsxRuntime.jsx(MoreDownSingle,{className:styles$2.iconDropdown})]})}))},"ColorPicker"),styles$1={cfRuleStyleEditor:"univer-cf-rule-style-editor",cfPreviewWrap:"univer-cf-preview-wrap",text:"univer-text",positionRelative:"univer-position-relative",btnList:"univer-btn-list",utilItem:"univer-util-item",iconSet:"univer-icon-set",renderConfig:"univer-render-config",flex:"univer-flex",width45:"univer-width45",iconWrap:"univer-icon-wrap",icon:"univer-icon",dropdownIcon:"univer-dropdown-icon",errorInput:"univer-error-input",errorText:"univer-error-text",iconGroupList:"univer-icon-group-list",title:"univer-title",group:"univer-group",itemContent:"univer-item-content",itemWrap:"univer-item-wrap",item:"univer-item",iconItemListWrap:"univer-icon-item-list-wrap",none:"univer-none",iconItemList:"univer-icon-item-list",width100:"univer-width100",stress:"univer-stress"},createOptionItem$2=__name((text2,localeService)=>({label:localeService.t(`sheet.cf.valueType.${text2}`),value:text2}),"createOptionItem$2"),TextInput$1=__name(props=>{var _a2;const{type,className,onChange,id,value}=props,univerInstanceService=core.useDependency(core.IUniverInstanceService),unitId=univerInstanceService.getCurrentUnitForType(core.UniverInstanceType.UNIVER_SHEET).getUnitId(),subUnitId=(_a2=univerInstanceService.getCurrentUnitForType(core.UniverInstanceType.UNIVER_SHEET).getActiveSheet())==null?void 0:_a2.getSheetId(),formulaInitValue=require$$0.useMemo(()=>String(value).startsWith("=")?String(value):"=",[value]),config=require$$0.useMemo(()=>[sheetsConditionalFormatting.CFValueType.max,sheetsConditionalFormatting.CFValueType.min,"none"].includes(type)?{disabled:!0}:[sheetsConditionalFormatting.CFValueType.percent,sheetsConditionalFormatting.CFValueType.percentile].includes(type)?{min:0,max:100}:{min:Number.MIN_SAFE_INTEGER,max:Number.MAX_SAFE_INTEGER},[type]),formulaEditorActionsRef=require$$0.useRef({}),[isFocusFormulaEditor,isFocusFormulaEditorSet]=require$$0.useState(!1);return ui.useSidebarClick(e=>{var _a3;const handleOutClick=(_a3=formulaEditorActionsRef.current)==null?void 0:_a3.handleOutClick;handleOutClick&&handleOutClick(e,()=>isFocusFormulaEditorSet(!1))}),type===sheetsConditionalFormatting.CFValueType.formula?jsxRuntime.jsx("div",{style:{width:"100%",marginLeft:4},children:jsxRuntime.jsx(sheetsFormulaUi.FormulaEditor,{initValue:formulaInitValue,unitId,subUnitId,isFocus:isFocusFormulaEditor,onChange:__name((v="")=>{onChange(v||"")},"onChange"),onFocus:__name(()=>isFocusFormulaEditorSet(!0),"onFocus"),actions:formulaEditorActionsRef.current})}):jsxRuntime.jsx(design.InputNumber,{className,value:Number(props.value)||0,onChange:__name(v=>props.onChange(v||0),"onChange"),...config})},"TextInput$1"),ColorScaleStyleEditor=__name(props=>{var _a2;const{interceptorManager}=props,localeService=core.useDependency(core.LocaleService),rule=((_a2=props.rule)==null?void 0:_a2.type)===sheetsConditionalFormatting.CFRuleType.colorScale?props.rule:void 0,commonOptions=[createOptionItem$2(sheetsConditionalFormatting.CFValueType.num,localeService),createOptionItem$2(sheetsConditionalFormatting.CFValueType.percent,localeService),createOptionItem$2(sheetsConditionalFormatting.CFValueType.percentile,localeService),createOptionItem$2(sheetsConditionalFormatting.CFValueType.formula,localeService)],minOptions=[createOptionItem$2(sheetsConditionalFormatting.CFValueType.min,localeService),...commonOptions],medianOptions=[createOptionItem$2("none",localeService),...commonOptions],maxOptions=[createOptionItem$2(sheetsConditionalFormatting.CFValueType.max,localeService),...commonOptions],[minType,minTypeSet]=require$$0.useState(()=>{var _a3;const defaultV=sheetsConditionalFormatting.CFValueType.min;return rule&&((_a3=rule.config[0])==null?void 0:_a3.value.type)||defaultV}),[medianType,medianTypeSet]=require$$0.useState(()=>{var _a3;const defaultV="none";return!rule||rule.config.length!==3?defaultV:((_a3=rule.config[1])==null?void 0:_a3.value.type)||defaultV}),[maxType,maxTypeSet]=require$$0.useState(()=>{var _a3;const defaultV=sheetsConditionalFormatting.CFValueType.max;return rule&&((_a3=rule.config[rule.config.length-1])==null?void 0:_a3.value.type)||defaultV}),[minValue,minValueSet]=require$$0.useState(()=>{if(!rule)return 10;const valueConfig=rule.config[0];return(valueConfig==null?void 0:valueConfig.value.value)===void 0?10:valueConfig==null?void 0:valueConfig.value.value}),[medianValue,medianValueSet]=require$$0.useState(()=>{var _a3;if(!rule||rule.config.length!==3)return 50;const v=(_a3=rule.config[1])==null?void 0:_a3.value.value;return v===void 0?50:v}),[maxValue,maxValueSet]=require$$0.useState(()=>{var _a3;if(!rule)return 90;const v=(_a3=rule.config[rule.config.length-1])==null?void 0:_a3.value.value;return v===void 0?90:v}),[minColor,minColorSet]=require$$0.useState(()=>{var _a3;const defaultV="#d0d9fb";return rule&&((_a3=rule.config[0])==null?void 0:_a3.color)||defaultV}),[medianColor,medianColorSet]=require$$0.useState(()=>{var _a3;const defaultV="#7790f3";return!rule||rule.config.length!==3?defaultV:((_a3=rule.config[1])==null?void 0:_a3.color)||defaultV}),[maxColor,maxColorSet]=require$$0.useState(()=>{var _a3;const defaultV="#2e55ef";return rule&&((_a3=rule.config[rule.config.length-1])==null?void 0:_a3.color)||defaultV}),getResult=require$$0.useMemo(()=>option=>{const{minType:minType2,medianType:medianType2,maxType:maxType2,minValue:minValue2,medianValue:medianValue2,maxValue:maxValue2,minColor:minColor2,medianColor:medianColor2,maxColor:maxColor2}=option,list=[];return list.push({color:minColor2,value:{type:minType2,value:minValue2}}),medianType2!=="none"&&list.push({color:medianColor2,value:{type:medianType2,value:medianValue2}}),list.push({color:maxColor2,value:{type:maxType2,value:maxValue2}}),{config:list.map((item2,index2)=>({...item2,index:index2})),type:sheetsConditionalFormatting.CFRuleType.colorScale}},[]);require$$0.useEffect(()=>interceptorManager.intercept(interceptorManager.getInterceptPoints().submit,{handler(){return getResult({minType,medianType,maxType,minValue,medianValue,maxValue,minColor,medianColor,maxColor})}}),[getResult,minType,medianType,maxType,minValue,medianValue,maxValue,minColor,medianColor,maxColor,interceptorManager]);const handleChange=__name(option=>{props.onChange(getResult(option))},"handleChange");return jsxRuntime.jsxs("div",{children:[jsxRuntime.jsx("div",{className:styles$5.title,children:localeService.t("sheet.cf.panel.styleRule")}),jsxRuntime.jsx("div",{className:`
+              ${styles$1.cfPreviewWrap}
+            `,children:jsxRuntime.jsx(Preview,{rule:getResult({minType,medianType,maxType,minValue,medianValue,maxValue,minColor,medianColor,maxColor})})}),jsxRuntime.jsx("div",{className:styles$5.label,children:localeService.t("sheet.cf.valueType.min")}),jsxRuntime.jsxs("div",{className:`
+              ${styles$5.labelContainer}
+              ${styles$5.mTSm}
+            `,children:[jsxRuntime.jsx(design.Select,{style:{flexShrink:0},options:minOptions,value:minType,onChange:__name(v=>{minTypeSet(v);const value=sheetsConditionalFormatting.createDefaultValueByValueType(v,10);minValueSet(value),handleChange({minType:v,medianType,maxType,minValue:value,medianValue,maxValue,minColor,medianColor,maxColor})},"onChange")}),jsxRuntime.jsx(TextInput$1,{id:"min",className:`
+                      ${styles$5.mLXxs}
+                    `,value:minValue,type:minType,onChange:__name(v=>{minValueSet(v),handleChange({minType,medianType,maxType,minValue:v,medianValue,maxValue,minColor,medianColor,maxColor})},"onChange")}),jsxRuntime.jsx(ColorPicker,{className:styles$5.mLXxs,color:minColor,onChange:__name(v=>{minColorSet(v),handleChange({minType,medianType,maxType,minValue,medianValue,maxValue,minColor:v,medianColor,maxColor})},"onChange")})]}),jsxRuntime.jsx("div",{className:styles$5.label,children:localeService.t("sheet.cf.panel.medianValue")}),jsxRuntime.jsxs("div",{className:`
+              ${styles$5.labelContainer}
+              ${styles$5.mTSm}
+            `,children:[jsxRuntime.jsx(design.Select,{style:{flexShrink:0},options:medianOptions,value:medianType,onChange:__name(v=>{medianTypeSet(v);const value=sheetsConditionalFormatting.createDefaultValueByValueType(v,50);medianValueSet(value),handleChange({minType,medianType:v,maxType,minValue,medianValue:value,maxValue,minColor,medianColor,maxColor})},"onChange")}),jsxRuntime.jsx(TextInput$1,{id:"median",className:`
+                      ${styles$5.mLXxs}
+                    `,value:medianValue,type:medianType,onChange:__name(v=>{medianValueSet(v),handleChange({minType,medianType,maxType,minValue,medianValue:v,maxValue,minColor,medianColor,maxColor})},"onChange")}),medianType!=="none"&&jsxRuntime.jsx(ColorPicker,{className:styles$5.mLXxs,color:medianColor,onChange:__name(v=>{medianColorSet(v),handleChange({minType,medianType,maxType,minValue,medianValue,maxValue,minColor,medianColor:v,maxColor})},"onChange")})]}),jsxRuntime.jsx("div",{className:styles$5.label,children:localeService.t("sheet.cf.valueType.max")}),jsxRuntime.jsxs("div",{className:`
+              ${styles$5.labelContainer}
+              ${styles$5.mTSm}
+            `,children:[jsxRuntime.jsx(design.Select,{style:{flexShrink:0},options:maxOptions,value:maxType,onChange:__name(v=>{maxTypeSet(v);const value=sheetsConditionalFormatting.createDefaultValueByValueType(v,90);maxValueSet(value),handleChange({minType,medianType,maxType:v,minValue,medianValue,maxValue:value,minColor,medianColor,maxColor})},"onChange")}),jsxRuntime.jsx(TextInput$1,{id:"max",className:`
+                      ${styles$5.mLXxs}
+                    `,value:maxValue,type:maxType,onChange:__name(v=>{maxValueSet(v),handleChange({minType,medianType,maxType,minValue,medianValue,maxValue:v,minColor,medianColor,maxColor})},"onChange")}),jsxRuntime.jsx(ColorPicker,{className:styles$5.mLXxs,color:maxColor,onChange:__name(v=>{maxColorSet(v),handleChange({minType,medianType,maxType,minValue,medianValue,maxValue,minColor,medianColor,maxColor:v})},"onChange")})]})]})},"ColorScaleStyleEditor"),createOptionItem$1=__name((text2,localeService)=>({label:localeService.t(`sheet.cf.valueType.${text2}`),value:text2}),"createOptionItem$1"),InputText=__name(props=>{var _a2;const{onChange,className,value,type,id,disabled:disabled2=!1}=props,univerInstanceService=core.useDependency(core.IUniverInstanceService),unitId=univerInstanceService.getCurrentUnitForType(core.UniverInstanceType.UNIVER_SHEET).getUnitId(),subUnitId=(_a2=univerInstanceService.getCurrentUnitForType(core.UniverInstanceType.UNIVER_SHEET).getActiveSheet())==null?void 0:_a2.getSheetId(),formulaEditorActionsRef=require$$0.useRef({}),[isFocusFormulaEditor,isFocusFormulaEditorSet]=require$$0.useState(!1);ui.useSidebarClick(e=>{var _a3;const handleOutClick=(_a3=formulaEditorActionsRef.current)==null?void 0:_a3.handleOutClick;handleOutClick&&handleOutClick(e,()=>isFocusFormulaEditorSet(!1))});const _value=require$$0.useRef(value),config=require$$0.useMemo(()=>[sheetsConditionalFormatting.CFValueType.percentile,sheetsConditionalFormatting.CFValueType.percent].includes(type)?{max:100,min:0}:{min:Number.MIN_SAFE_INTEGER,max:Number.MAX_SAFE_INTEGER},[type]);if(type===sheetsConditionalFormatting.CFValueType.formula){const v=String(_value.current).startsWith("=")?String(_value.current)||"":"=";return jsxRuntime.jsx("div",{style:{width:"100%",marginLeft:12},children:jsxRuntime.jsx(sheetsFormulaUi.FormulaEditor,{initValue:v,unitId,subUnitId,isFocus:isFocusFormulaEditor,onChange:__name((v2="")=>{onChange(v2||"")},"onChange"),onFocus:__name(()=>isFocusFormulaEditorSet(!0),"onFocus"),actions:formulaEditorActionsRef.current})})}return jsxRuntime.jsx(design.InputNumber,{className,value:Number(value)||0,disabled:disabled2,onChange:__name(v=>{onChange(v||0)},"onChange"),...config})},"InputText"),DataBarStyleEditor=__name(props=>{var _a2;const{interceptorManager}=props,localeService=core.useDependency(core.LocaleService),rule=((_a2=props.rule)==null?void 0:_a2.type)===sheetsConditionalFormatting.CFRuleType.dataBar?props.rule:void 0,[isGradient,isGradientSet]=require$$0.useState(()=>{var _a3;const defaultV="0";return rule?(_a3=rule.config)!=null&&_a3.isGradient?"1":"0":defaultV}),[positiveColor,positiveColorSet]=require$$0.useState(()=>{var _a3;return rule&&((_a3=rule.config)==null?void 0:_a3.positiveColor)||sheetsConditionalFormatting.defaultDataBarPositiveColor}),[nativeColor,nativeColorSet]=require$$0.useState(()=>{var _a3;return rule&&((_a3=rule.config)==null?void 0:_a3.nativeColor)||sheetsConditionalFormatting.defaultDataBarNativeColor}),commonOptions=[createOptionItem$1(sheetsConditionalFormatting.CFValueType.num,localeService),createOptionItem$1(sheetsConditionalFormatting.CFValueType.percent,localeService),createOptionItem$1(sheetsConditionalFormatting.CFValueType.percentile,localeService),createOptionItem$1(sheetsConditionalFormatting.CFValueType.formula,localeService)],minOptions=[createOptionItem$1(sheetsConditionalFormatting.CFValueType.min,localeService),...commonOptions],maxOptions=[createOptionItem$1(sheetsConditionalFormatting.CFValueType.max,localeService),...commonOptions],[minValueType,minValueTypeSet]=require$$0.useState(()=>{var _a3;const defaultV=minOptions[0].value;return rule&&((_a3=rule.config)==null?void 0:_a3.min.type)||defaultV}),[maxValueType,maxValueTypeSet]=require$$0.useState(()=>{var _a3;const defaultV=maxOptions[0].value;return rule&&((_a3=rule.config)==null?void 0:_a3.max.type)||defaultV}),[minValue,minValueSet]=require$$0.useState(()=>{var _a3;if(!rule)return 0;const value=((_a3=rule.config)==null?void 0:_a3.min)||{};return value.type===sheetsConditionalFormatting.CFValueType.formula?value.value||"=":value.value||0}),[maxValue,maxValueSet]=require$$0.useState(()=>{var _a3;if(!rule)return 100;const value=((_a3=rule.config)==null?void 0:_a3.max)||{};return value.type===sheetsConditionalFormatting.CFValueType.formula?value.value||"=":value.value===void 0?100:value.value}),[isShowValue,isShowValueSet]=require$$0.useState(()=>rule?rule.isShowValue===void 0?!0:!!rule.isShowValue:!0),getResult=__name(option=>({config:{min:{type:option.minValueType,value:option.minValue},max:{type:option.maxValueType,value:option.maxValue},isGradient:option.isGradient==="1",positiveColor:option.positiveColor||sheetsConditionalFormatting.defaultDataBarPositiveColor,nativeColor:option.nativeColor||sheetsConditionalFormatting.defaultDataBarNativeColor},type:sheetsConditionalFormatting.CFRuleType.dataBar,isShowValue:option.isShowValue}),"getResult");require$$0.useEffect(()=>interceptorManager.intercept(interceptorManager.getInterceptPoints().submit,{handler(){return getResult({isGradient,minValue,minValueType,maxValue,maxValueType,positiveColor,nativeColor,isShowValue})}}),[isGradient,minValue,minValueType,maxValue,maxValueType,positiveColor,nativeColor,interceptorManager,isShowValue]);const _handleChange=__name(option=>{props.onChange(getResult(option))},"_handleChange"),handlePositiveColorChange=__name(color=>{positiveColorSet(color),_handleChange({isGradient,minValue,minValueType,maxValue,maxValueType,positiveColor:color,nativeColor,isShowValue})},"handlePositiveColorChange"),handleNativeColorChange=__name(color=>{nativeColorSet(color),_handleChange({isGradient,minValue,minValueType,maxValue,maxValueType,positiveColor,nativeColor:color,isShowValue})},"handleNativeColorChange"),isShowInput=__name(type=>commonOptions.map(item2=>item2.value).includes(type),"isShowInput");return jsxRuntime.jsxs("div",{children:[jsxRuntime.jsx("div",{className:styles$5.title,children:localeService.t("sheet.cf.panel.styleRule")}),jsxRuntime.jsx("div",{className:`
+              ${styles$1.cfPreviewWrap}
+            `,children:jsxRuntime.jsx(Preview,{rule:getResult({isGradient,minValue,minValueType,maxValue,maxValueType,positiveColor,nativeColor,isShowValue})})}),jsxRuntime.jsxs("div",{children:[jsxRuntime.jsx("div",{className:styles$5.label,children:localeService.t("sheet.cf.panel.fillType")}),jsxRuntime.jsxs("div",{className:`
+                  ${styles$5.mTSm}
+                  ${styles$5.mLXxs}
+                  ${styles$5.labelContainer}
+                `,children:[jsxRuntime.jsxs(design.RadioGroup,{value:isGradient,onChange:__name(v=>{isGradientSet(v),_handleChange({isGradient:v,minValue,minValueType,maxValue,maxValueType,positiveColor,nativeColor,isShowValue})},"onChange"),children:[jsxRuntime.jsx(design.Radio,{value:"0",children:jsxRuntime.jsx("span",{className:styles$1.text,children:localeService.t("sheet.cf.panel.pureColor")})}),jsxRuntime.jsx(design.Radio,{value:"1",children:jsxRuntime.jsx("span",{className:styles$1.text,children:localeService.t("sheet.cf.panel.gradient")})})]}),jsxRuntime.jsxs("div",{className:`
+                      ${styles$1.utilItem}
+                      ${styles$5.mLXl}
+                    `,children:[jsxRuntime.jsx(design.Checkbox,{checked:!isShowValue,onChange:__name(v=>{isShowValueSet(!v),_handleChange({isGradient:v,minValue,minValueType,maxValue,maxValueType,positiveColor,nativeColor,isShowValue:!v})},"onChange")}),localeService.t("sheet.cf.panel.onlyShowDataBar")]})]})]}),jsxRuntime.jsxs("div",{children:[jsxRuntime.jsx("div",{className:styles$5.label,children:localeService.t("sheet.cf.panel.colorSet")}),jsxRuntime.jsxs("div",{className:`
+                  ${styles$5.labelContainer}
+                  ${styles$5.mTSm}
+                  ${styles$5.mLXxs}
+                `,children:[jsxRuntime.jsxs("div",{className:`
+                      ${styles$5.labelContainer}
+                    `,children:[jsxRuntime.jsx("div",{className:`
+                          ${styles$1.text}
+                        `,children:localeService.t("sheet.cf.panel.native")}),jsxRuntime.jsx(ColorPicker,{color:nativeColor,onChange:handleNativeColorChange})]}),jsxRuntime.jsxs("div",{className:`
+                      ${styles$5.labelContainer}
+                      ${styles$5.mLSm}
+                    `,children:[jsxRuntime.jsx("div",{className:`
+                          ${styles$1.text}
+                        `,children:localeService.t("sheet.cf.panel.positive")}),jsxRuntime.jsx(ColorPicker,{color:positiveColor,onChange:handlePositiveColorChange})]})]})]}),jsxRuntime.jsxs("div",{children:[jsxRuntime.jsx("div",{className:styles$5.label,children:localeService.t("sheet.cf.valueType.min")}),jsxRuntime.jsxs("div",{className:`
+                  ${styles$5.mTSm}
+                  ${styles$5.labelContainer}
+                `,children:[jsxRuntime.jsx(design.Select,{style:{width:"50%",flexShrink:0},options:minOptions,value:minValueType,onChange:__name(v=>{minValueTypeSet(v);const value=sheetsConditionalFormatting.createDefaultValueByValueType(v,10);minValueSet(value),_handleChange({isGradient,minValue:value,minValueType:v,maxValue,maxValueType,positiveColor,nativeColor,isShowValue})},"onChange")}),jsxRuntime.jsx(InputText,{disabled:!isShowInput(minValueType),id:"min",type:minValueType,className:styles$5.mLSm,value:minValue,onChange:__name(v=>{minValueSet(v||0),_handleChange({isGradient,minValue:v||0,minValueType,maxValue,maxValueType,positiveColor,nativeColor,isShowValue})},"onChange")})]}),jsxRuntime.jsx("div",{className:styles$5.label,children:localeService.t("sheet.cf.valueType.max")}),jsxRuntime.jsxs("div",{className:`
+                  ${styles$5.mTSm}
+                  ${styles$5.labelContainer}
+                `,children:[jsxRuntime.jsx(design.Select,{style:{width:"50%",flexShrink:0},options:maxOptions,value:maxValueType,onChange:__name(v=>{maxValueTypeSet(v);const value=sheetsConditionalFormatting.createDefaultValueByValueType(v,90);maxValueSet(value),_handleChange({isGradient,minValue,minValueType,maxValue:value,maxValueType:v,positiveColor,nativeColor,isShowValue})},"onChange")}),jsxRuntime.jsx(InputText,{disabled:!isShowInput(maxValueType),id:"max",type:maxValueType,className:styles$5.mLSm,value:maxValue,onChange:__name(v=>{maxValueSet(v||0),_handleChange({isGradient,minValue,minValueType,maxValue:v||0,maxValueType,positiveColor,nativeColor,isShowValue})},"onChange")})]})]})]})},"DataBarStyleEditor");function r(e){var t,f,n="";if(typeof e=="string"||typeof e=="number")n+=e;else if(typeof e=="object")if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f)}else for(f in e)e[f]&&(n&&(n+=" "),n+=f);return n}__name(r,"r");function clsx(){for(var e,t,f=0,n="",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}__name(clsx,"clsx");const styles={cfStyleEdit:"univer-cf-style-edit",buttonItem:"univer-button-item",isActive:"univer-isActive"},getAnotherBooleanNumber=__name(v=>[core.BooleanNumber.FALSE,void 0].includes(v)?core.BooleanNumber.TRUE:core.BooleanNumber.FALSE,"getAnotherBooleanNumber"),getBooleanFromNumber=__name(v=>v!==core.BooleanNumber.FALSE,"getBooleanFromNumber"),ConditionalStyleEditor=__name(props=>{const{style,onChange,className}=props,componentManager=core.useDependency(ui.ComponentManager),[isBold,isBoldSet]=require$$0.useState(()=>{if(style!=null&&style.bl)return style.bl}),[isItalic,isItalicSet]=require$$0.useState(()=>{if(style!=null&&style.it)return style.it}),[isUnderline,isUnderlineSet]=require$$0.useState(()=>{if(style!=null&&style.ul)return style.ul.s}),[isStrikethrough,isStrikethroughSet]=require$$0.useState(()=>{if(style!=null&&style.st)return style.st.s}),[fontColor,fontColorSet]=require$$0.useState(()=>{var _a2;const defaultV="#2f56ef";return(_a2=style==null?void 0:style.cl)!=null&&_a2.rgb?style.cl.rgb:defaultV}),[bgColor,bgColorSet]=require$$0.useState(()=>{var _a2;const defaultV="#e8ecfc";return(_a2=style==null?void 0:style.bg)!=null&&_a2.rgb?style.bg.rgb:defaultV}),BoldSingleIcon=componentManager.get("BoldSingle"),ItalicSingleIcon=componentManager.get("ItalicSingle"),UnderlineSingleIcon=componentManager.get("UnderlineSingle"),StrikethroughSingle=componentManager.get("StrikethroughSingle");return require$$0.useEffect(()=>{const resultStyle={bl:isBold,it:isItalic};fontColor!==void 0&&(resultStyle.cl={rgb:fontColor}),bgColor!==void 0&&(resultStyle.bg={rgb:bgColor}),isStrikethrough!==void 0&&(resultStyle.st={s:isStrikethrough}),isUnderline!==void 0&&(resultStyle.ul={s:isUnderline}),onChange(sheetsConditionalFormatting.removeUndefinedAttr(resultStyle))},[isBold,isItalic,isUnderline,isStrikethrough,fontColor,bgColor]),jsxRuntime.jsxs("div",{className:`
+          ${styles.cfStyleEdit}
+          ${className}
+        `,children:[BoldSingleIcon&&jsxRuntime.jsx("div",{className:clsx({[styles.isActive]:getBooleanFromNumber(isBold||core.BooleanNumber.FALSE)},styles.buttonItem),onClick:__name(()=>isBoldSet(getAnotherBooleanNumber(isBold)),"onClick"),children:jsxRuntime.jsx(BoldSingleIcon,{})}),ItalicSingleIcon&&jsxRuntime.jsx("div",{className:clsx({[styles.isActive]:getBooleanFromNumber(isItalic||core.BooleanNumber.FALSE)},styles.buttonItem),onClick:__name(()=>isItalicSet(getAnotherBooleanNumber(isItalic)),"onClick"),children:jsxRuntime.jsx(ItalicSingleIcon,{})}),UnderlineSingleIcon&&jsxRuntime.jsx("div",{className:clsx({[styles.isActive]:getBooleanFromNumber(isUnderline||core.BooleanNumber.FALSE)},styles.buttonItem),onClick:__name(()=>isUnderlineSet(getAnotherBooleanNumber(isUnderline)),"onClick"),children:jsxRuntime.jsx(UnderlineSingleIcon,{})}),StrikethroughSingle&&jsxRuntime.jsx("div",{className:clsx({[styles.isActive]:getBooleanFromNumber(isStrikethrough||core.BooleanNumber.FALSE)},styles.buttonItem),onClick:__name(()=>isStrikethroughSet(getAnotherBooleanNumber(isStrikethrough)),"onClick"),children:jsxRuntime.jsx(StrikethroughSingle,{})}),jsxRuntime.jsx(ColorPicker,{color:fontColor,onChange:fontColorSet,iconId:"FontColor"}),jsxRuntime.jsx(ColorPicker,{color:bgColor,onChange:bgColorSet,iconId:"PaintBucket"})]})},"ConditionalStyleEditor"),FormulaStyleEditor=__name(props=>{var _a2;const{onChange,interceptorManager}=props,localeService=core.useDependency(core.LocaleService),workbook=core.useDependency(core.IUniverInstanceService).getCurrentUnitForType(core.UniverInstanceType.UNIVER_SHEET),worksheet=workbook.getActiveSheet(),rule=((_a2=props.rule)==null?void 0:_a2.type)===sheetsConditionalFormatting.CFRuleType.highlightCell?props.rule:void 0,divEleRef=require$$0.useRef(null),[isFocusFormulaEditor,isFocusFormulaEditorSet]=require$$0.useState(!1),formulaEditorActionsRef=require$$0.useRef({}),[style,styleSet]=require$$0.useState({}),[formula,formulaSet]=require$$0.useState(()=>(rule==null?void 0:rule.subType)===sheetsConditionalFormatting.CFSubRuleType.formula?rule.value:"="),[formulaError,formulaErrorSet]=require$$0.useState(void 0),getResult=__name(config=>({style:config.style,value:formula,type:sheetsConditionalFormatting.CFRuleType.highlightCell,subType:sheetsConditionalFormatting.CFSubRuleType.formula}),"getResult");require$$0.useEffect(()=>interceptorManager.intercept(interceptorManager.getInterceptPoints().submit,{handler(){return getResult({style,formula})}}),[style,formula,interceptorManager]),require$$0.useEffect(()=>interceptorManager.intercept(interceptorManager.getInterceptPoints().beforeSubmit,{handler:__name((v,_c2,next)=>formulaError||formula.length===1||!formula.startsWith("=")?(formulaErrorSet(localeService.t("sheet.cf.errorMessage.formulaError")),!1):next(v),"handler")}),[formulaError,formula]);const _onChange=__name(config=>{onChange(getResult(config))},"_onChange");return ui.useSidebarClick(e=>{var _a3;const handleOutClick=(_a3=formulaEditorActionsRef.current)==null?void 0:_a3.handleOutClick;handleOutClick&&handleOutClick(e,()=>isFocusFormulaEditorSet(!1))}),jsxRuntime.jsxs("div",{ref:divEleRef,children:[jsxRuntime.jsx("div",{className:`
+              ${styles$5.title}
+              ${styles$5.mTBase}
+            `,children:localeService.t("sheet.cf.panel.styleRule")}),jsxRuntime.jsx("div",{className:`
+              ${styles$5.mTSm}
+            `,children:jsxRuntime.jsx(sheetsFormulaUi.FormulaEditor,{onChange:__name(formula2=>{formulaSet(formula2),_onChange({style,formula:formula2})},"onChange"),onVerify:__name((result,formula2)=>{!result||formula2.length===1?formulaErrorSet(localeService.t("sheet.cf.errorMessage.formulaError")):formulaErrorSet(void 0)},"onVerify"),errorText:formulaError,onFocus:__name(()=>{isFocusFormulaEditorSet(!0)},"onFocus"),actions:formulaEditorActionsRef.current,isFocus:isFocusFormulaEditor,initValue:formula,unitId:workbook.getUnitId(),subUnitId:worksheet==null?void 0:worksheet.getSheetId()})}),jsxRuntime.jsx("div",{className:`
+              ${styles$1.cfPreviewWrap}
+            `,children:jsxRuntime.jsx(Preview,{rule:getResult({style,formula})})}),jsxRuntime.jsx(ConditionalStyleEditor,{style:rule==null?void 0:rule.style,className:`
+                  ${styles$5.mTSm}
+                `,onChange:__name(v=>{styleSet(v),_onChange({style:v,formula})},"onChange")})]})},"FormulaStyleEditor"),WrapperError=__name(props=>jsxRuntime.jsxs("div",{style:{position:"relative"},children:[jsxRuntime.jsx("div",{style:{position:"absolute",zIndex:999,bottom:"-13px",fontSize:"10px",color:"red"},children:props.errorText}),props.children]}),"WrapperError"),createOptionItem=__name((text2,localeService)=>({label:localeService.t(`sheet.cf.operator.${text2}`),value:text2}),"createOptionItem"),HighlightCellInput=__name(props=>{const{type,operator,onChange,value,interceptorManager}=props,localeService=core.useDependency(core.LocaleService),[inputNumberValue,inputNumberValueSet]=require$$0.useState(()=>typeof value=="number"?value:0),[numberError,numberErrorSet]=require$$0.useState(""),[inputTextValue,inputTextValueSet]=require$$0.useState(()=>typeof value=="string"?value:""),[textError,textErrorSet]=require$$0.useState(""),[inputNumberMin,inputNumberMinSet]=require$$0.useState(()=>Array.isArray(value)?value[0]===void 0?0:value[0]:0),[numberMinError,numberMinErrorSet]=require$$0.useState(""),[inputNumberMax,inputNumberMaxSet]=require$$0.useState(()=>Array.isArray(value)?value[1]===void 0?100:value[1]:100),[numberMaxError,numberMaxErrorSet]=require$$0.useState("");switch(require$$0.useEffect(()=>{switch(type){case sheetsConditionalFormatting.CFSubRuleType.text:{[sheetsConditionalFormatting.CFTextOperator.beginsWith,sheetsConditionalFormatting.CFTextOperator.endsWith,sheetsConditionalFormatting.CFTextOperator.containsText,sheetsConditionalFormatting.CFTextOperator.notContainsText,sheetsConditionalFormatting.CFTextOperator.equal,sheetsConditionalFormatting.CFTextOperator.notEqual].includes(operator)&&onChange(inputTextValue);break}case sheetsConditionalFormatting.CFSubRuleType.number:{[sheetsConditionalFormatting.CFNumberOperator.equal,sheetsConditionalFormatting.CFNumberOperator.notEqual,sheetsConditionalFormatting.CFNumberOperator.greaterThan,sheetsConditionalFormatting.CFNumberOperator.greaterThanOrEqual,sheetsConditionalFormatting.CFNumberOperator.lessThan,sheetsConditionalFormatting.CFNumberOperator.lessThanOrEqual].includes(operator)&&onChange(inputNumberValue),[sheetsConditionalFormatting.CFNumberOperator.between,sheetsConditionalFormatting.CFNumberOperator.notBetween].includes(operator)&&onChange([inputNumberMin,inputNumberMax]);break}}},[type]),require$$0.useEffect(()=>{const dispose=interceptorManager.intercept(interceptorManager.getInterceptPoints().beforeSubmit,{handler:__name((v,_c2,next)=>{switch(type){case sheetsConditionalFormatting.CFSubRuleType.text:if([sheetsConditionalFormatting.CFTextOperator.beginsWith,sheetsConditionalFormatting.CFTextOperator.containsText,sheetsConditionalFormatting.CFTextOperator.endsWith,sheetsConditionalFormatting.CFTextOperator.notEqual,sheetsConditionalFormatting.CFTextOperator.notContainsText,sheetsConditionalFormatting.CFTextOperator.equal].includes(operator))return inputTextValue?next(v):(textErrorSet(localeService.t("sheet.cf.errorMessage.notBlank")),!1)}return next(v)},"handler")});return()=>{dispose()}},[type,inputNumberValue,inputTextValue,operator]),type){case sheetsConditionalFormatting.CFSubRuleType.text:{if([sheetsConditionalFormatting.CFTextOperator.beginsWith,sheetsConditionalFormatting.CFTextOperator.endsWith,sheetsConditionalFormatting.CFTextOperator.containsText,sheetsConditionalFormatting.CFTextOperator.notContainsText,sheetsConditionalFormatting.CFTextOperator.equal,sheetsConditionalFormatting.CFTextOperator.notEqual].includes(operator)){const _onChange=__name(value2=>{inputTextValueSet(value2),onChange(value2)},"_onChange");return jsxRuntime.jsx("div",{className:`
+                      ${styles$5.mTSm}
+                    `,children:jsxRuntime.jsx(WrapperError,{errorText:textError,children:jsxRuntime.jsx(design.Input,{className:styles$1.width100,value:inputTextValue,onChange:__name(v=>{textErrorSet(""),_onChange(v)},"onChange")})})})}break}case sheetsConditionalFormatting.CFSubRuleType.number:{if([sheetsConditionalFormatting.CFNumberOperator.equal,sheetsConditionalFormatting.CFNumberOperator.notEqual,sheetsConditionalFormatting.CFNumberOperator.greaterThan,sheetsConditionalFormatting.CFNumberOperator.greaterThanOrEqual,sheetsConditionalFormatting.CFNumberOperator.lessThan,sheetsConditionalFormatting.CFNumberOperator.lessThanOrEqual].includes(operator)){const _onChange=__name(value2=>{inputNumberValueSet(value2||0),onChange(value2||0),numberErrorSet("")},"_onChange");return jsxRuntime.jsx("div",{className:`
+                      ${styles$5.mTSm}
+                    `,children:jsxRuntime.jsx(WrapperError,{errorText:numberError,children:jsxRuntime.jsx(design.InputNumber,{min:Number.MIN_SAFE_INTEGER,max:Number.MAX_SAFE_INTEGER,className:styles$1.width100,value:inputNumberValue,onChange:_onChange})})})}if([sheetsConditionalFormatting.CFNumberOperator.between,sheetsConditionalFormatting.CFNumberOperator.notBetween].includes(operator)){const onChangeMin=__name(_value=>{inputNumberMinSet(_value||0),onChange([_value||0,inputNumberMax]),numberMinErrorSet("")},"onChangeMin"),onChangeMax=__name(_value=>{inputNumberMaxSet(_value||0),onChange([inputNumberMin,_value||0]),numberMaxErrorSet("")},"onChangeMax");return jsxRuntime.jsxs("div",{className:`
+                      ${styles$5.mTSm}
+                      ${styles$5.labelContainer}
+                    `,children:[jsxRuntime.jsx(WrapperError,{errorText:numberMinError,children:jsxRuntime.jsx(design.InputNumber,{min:Number.MIN_SAFE_INTEGER,max:Number.MAX_SAFE_INTEGER,value:inputNumberMin,onChange:onChangeMin})}),jsxRuntime.jsx(WrapperError,{errorText:numberMaxError,children:jsxRuntime.jsx(design.InputNumber,{min:Number.MIN_SAFE_INTEGER,max:Number.MAX_SAFE_INTEGER,className:`
+                                  ${styles$5.mLSm}
+                                `,value:inputNumberMax,onChange:onChangeMax})})]})}}}return null},"HighlightCellInput"),getOperatorOptions=__name((type,localeService)=>{switch(type){case sheetsConditionalFormatting.CFSubRuleType.text:return[createOptionItem(sheetsConditionalFormatting.CFTextOperator.containsText,localeService),createOptionItem(sheetsConditionalFormatting.CFTextOperator.notContainsText,localeService),createOptionItem(sheetsConditionalFormatting.CFTextOperator.beginsWith,localeService),createOptionItem(sheetsConditionalFormatting.CFTextOperator.endsWith,localeService),createOptionItem(sheetsConditionalFormatting.CFTextOperator.equal,localeService),createOptionItem(sheetsConditionalFormatting.CFTextOperator.notEqual,localeService),createOptionItem(sheetsConditionalFormatting.CFTextOperator.containsBlanks,localeService),createOptionItem(sheetsConditionalFormatting.CFTextOperator.notContainsBlanks,localeService),createOptionItem(sheetsConditionalFormatting.CFTextOperator.containsErrors,localeService),createOptionItem(sheetsConditionalFormatting.CFTextOperator.notContainsErrors,localeService)];case sheetsConditionalFormatting.CFSubRuleType.number:return[createOptionItem(sheetsConditionalFormatting.CFNumberOperator.between,localeService),createOptionItem(sheetsConditionalFormatting.CFNumberOperator.notBetween,localeService),createOptionItem(sheetsConditionalFormatting.CFNumberOperator.equal,localeService),createOptionItem(sheetsConditionalFormatting.CFNumberOperator.notEqual,localeService),createOptionItem(sheetsConditionalFormatting.CFNumberOperator.greaterThan,localeService),createOptionItem(sheetsConditionalFormatting.CFNumberOperator.greaterThanOrEqual,localeService),createOptionItem(sheetsConditionalFormatting.CFNumberOperator.lessThan,localeService),createOptionItem(sheetsConditionalFormatting.CFNumberOperator.lessThanOrEqual,localeService)];case sheetsConditionalFormatting.CFSubRuleType.timePeriod:return[createOptionItem(sheetsConditionalFormatting.CFTimePeriodOperator.yesterday,localeService),createOptionItem(sheetsConditionalFormatting.CFTimePeriodOperator.today,localeService),createOptionItem(sheetsConditionalFormatting.CFTimePeriodOperator.tomorrow,localeService),createOptionItem(sheetsConditionalFormatting.CFTimePeriodOperator.last7Days,localeService),createOptionItem(sheetsConditionalFormatting.CFTimePeriodOperator.lastWeek,localeService),createOptionItem(sheetsConditionalFormatting.CFTimePeriodOperator.thisWeek,localeService),createOptionItem(sheetsConditionalFormatting.CFTimePeriodOperator.nextWeek,localeService),createOptionItem(sheetsConditionalFormatting.CFTimePeriodOperator.lastMonth,localeService),createOptionItem(sheetsConditionalFormatting.CFTimePeriodOperator.thisMonth,localeService),createOptionItem(sheetsConditionalFormatting.CFTimePeriodOperator.nextMonth,localeService)]}},"getOperatorOptions"),HighlightCellStyleEditor=__name(props=>{var _a2;const{interceptorManager,onChange}=props,localeService=core.useDependency(core.LocaleService),rule=((_a2=props.rule)==null?void 0:_a2.type)===sheetsConditionalFormatting.CFRuleType.highlightCell?props.rule:void 0,[subType,subTypeSet]=require$$0.useState(()=>{const defaultV=sheetsConditionalFormatting.CFSubRuleType.text;return rule&&rule.subType||defaultV}),typeOptions=[{value:sheetsConditionalFormatting.CFSubRuleType.text,label:localeService.t("sheet.cf.subRuleType.text")},{value:sheetsConditionalFormatting.CFSubRuleType.number,label:localeService.t("sheet.cf.subRuleType.number")},{value:sheetsConditionalFormatting.CFSubRuleType.timePeriod,label:localeService.t("sheet.cf.subRuleType.timePeriod")},{value:sheetsConditionalFormatting.CFSubRuleType.duplicateValues,label:localeService.t("sheet.cf.subRuleType.duplicateValues")},{value:sheetsConditionalFormatting.CFSubRuleType.uniqueValues,label:localeService.t("sheet.cf.subRuleType.uniqueValues")}],operatorOptions=require$$0.useMemo(()=>getOperatorOptions(subType,localeService),[subType]),[operator,operatorSet]=require$$0.useState(()=>{const defaultV=operatorOptions?operatorOptions[0].value:void 0;return rule&&rule.operator||defaultV}),[value,valueSet]=require$$0.useState(()=>{var _a3;const defaultV="";return rule?(_a3=rule.value)!=null?_a3:sheetsConditionalFormatting.createDefaultValue(rule.subType,rule.operator):defaultV}),[style,styleSet]=require$$0.useState({}),getResult=require$$0.useMemo(()=>option=>{var _a3,_b2,_c2,_d2,_e2,_f2,_g2,_h2,_i2,_j2,_k2,_l2,_m2,_n2,_o;switch(option.subType||subType){case sheetsConditionalFormatting.CFSubRuleType.text:{if([sheetsConditionalFormatting.CFTextOperator.beginsWith,sheetsConditionalFormatting.CFTextOperator.endsWith,sheetsConditionalFormatting.CFTextOperator.containsText,sheetsConditionalFormatting.CFTextOperator.notContainsText,sheetsConditionalFormatting.CFTextOperator.equal,sheetsConditionalFormatting.CFTextOperator.notEqual].includes(operator))return{type:sheetsConditionalFormatting.CFRuleType.highlightCell,subType:(_a3=option.subType)!=null?_a3:subType,operator:(_b2=option.operator)!=null?_b2:operator,style:(_c2=option.style)!=null?_c2:style,value:(_d2=option.value)!=null?_d2:value};break}case sheetsConditionalFormatting.CFSubRuleType.number:{if([sheetsConditionalFormatting.CFNumberOperator.equal,sheetsConditionalFormatting.CFNumberOperator.notEqual,sheetsConditionalFormatting.CFNumberOperator.greaterThan,sheetsConditionalFormatting.CFNumberOperator.greaterThanOrEqual,sheetsConditionalFormatting.CFNumberOperator.lessThan,sheetsConditionalFormatting.CFNumberOperator.lessThanOrEqual].includes(operator))return{type:sheetsConditionalFormatting.CFRuleType.highlightCell,subType:(_e2=option.subType)!=null?_e2:subType,operator:(_f2=option.operator)!=null?_f2:operator,style:(_g2=option.style)!=null?_g2:style,value:(_h2=option.value)!=null?_h2:value};if([sheetsConditionalFormatting.CFNumberOperator.between,sheetsConditionalFormatting.CFNumberOperator.notBetween].includes(operator))return{type:sheetsConditionalFormatting.CFRuleType.highlightCell,subType:(_i2=option.subType)!=null?_i2:subType,operator:(_j2=option.operator)!=null?_j2:operator,style:(_k2=option.style)!=null?_k2:style,value:(_l2=option.value)!=null?_l2:value};break}}return{type:sheetsConditionalFormatting.CFRuleType.highlightCell,subType:(_m2=option.subType)!=null?_m2:subType,operator:(_n2=option.operator)!=null?_n2:operator,style:(_o=option.style)!=null?_o:style}},[subType,operator,value,style]);require$$0.useEffect(()=>interceptorManager.intercept(interceptorManager.getInterceptPoints().submit,{handler(){return getResult({})}}),[getResult,interceptorManager]),require$$0.useEffect(()=>{typeOptions.some(item2=>item2.value===subType)||subTypeSet(typeOptions[0].value)},[typeOptions]);const onTypeChange=__name(v=>{const _subType=v,operatorList=getOperatorOptions(_subType,localeService),_operator=operatorList&&operatorList[0].value;subTypeSet(_subType),operatorSet(_operator),_operator&&valueSet(sheetsConditionalFormatting.createDefaultValue(_subType,_operator)),onChange(getResult({subType:_subType,operator:_operator}))},"onTypeChange"),onOperatorChange=__name(v=>{const _operator=v;operatorSet(_operator),onChange(getResult({operator:_operator}))},"onOperatorChange"),onInputChange=__name(value2=>{valueSet(value2),onChange(getResult({value:value2}))},"onInputChange"),inputRenderKey=require$$0.useMemo(()=>`${subType}_${operator}_${Math.random()}`,[subType,operator]);return jsxRuntime.jsxs("div",{children:[jsxRuntime.jsx("div",{className:`
+              ${styles$5.title}
+              ${styles$5.mTBase}
+            `,children:localeService.t("sheet.cf.panel.styleRule")}),jsxRuntime.jsx(design.Select,{className:`
+                  ${styles$5.mTSm}
+                  ${styles$1.width100}
+                `,onChange:onTypeChange,value:subType,options:typeOptions}),(operatorOptions==null?void 0:operatorOptions.length)&&jsxRuntime.jsx(design.Select,{className:`
+                      ${styles$5.mTSm}
+                      ${styles$1.width100}
+                    `,onChange:onOperatorChange,value:operator||"",options:operatorOptions}),jsxRuntime.jsx(HighlightCellInput,{value,interceptorManager,type:subType,operator,rule,onChange:onInputChange},inputRenderKey),jsxRuntime.jsx("div",{className:`
+              ${styles$1.cfPreviewWrap}
+            `,children:jsxRuntime.jsx(Preview,{rule:getResult({})})}),jsxRuntime.jsx(ConditionalStyleEditor,{style:rule==null?void 0:rule.style,className:`
+                  ${styles$5.mLXxs}
+                `,onChange:__name(v=>{styleSet(v),onChange(getResult({style:v}))},"onChange")})]})},"HighlightCellStyleEditor"),getIcon=__name((iconType,iconId)=>(sheetsConditionalFormatting.iconMap[iconType]||[])[Number(iconId)]||"","getIcon"),TextInput=__name(props=>{var _a2;const univerInstanceService=core.useDependency(core.IUniverInstanceService),unitId=univerInstanceService.getCurrentUnitForType(core.UniverInstanceType.UNIVER_SHEET).getUnitId(),subUnitId=(_a2=univerInstanceService.getCurrentUnitForType(core.UniverInstanceType.UNIVER_SHEET).getActiveSheet())==null?void 0:_a2.getSheetId(),className=require$$0.useMemo(()=>props.error?styles$1.errorInput:"",[props.error]),formulaEditorActionsRef=require$$0.useRef({}),[isFocusFormulaEditor,isFocusFormulaEditorSet]=require$$0.useState(!1);return ui.useSidebarClick(e=>{var _a3;const handleOutClick=(_a3=formulaEditorActionsRef.current)==null?void 0:_a3.handleOutClick;handleOutClick&&handleOutClick(e,()=>isFocusFormulaEditorSet(!1))}),jsxRuntime.jsx("div",{className:styles$1.positionRelative,children:props.type!==sheetsConditionalFormatting.CFValueType.formula?jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(design.InputNumber,{className,value:Number(props.value)||0,onChange:__name(v=>props.onChange(v!=null?v:0),"onChange")}),props.error&&jsxRuntime.jsx("div",{className:styles$1.errorText,children:props.error})]}):jsxRuntime.jsx("div",{style:{width:"100%"},children:jsxRuntime.jsx(sheetsFormulaUi.FormulaEditor,{initValue:String(props.value),unitId,subUnitId,isFocus:isFocusFormulaEditor,onChange:__name((v="")=>{const formula=v||"";props.onChange(formula)},"onChange"),onFocus:__name(()=>isFocusFormulaEditorSet(!0),"onFocus"),actions:formulaEditorActionsRef.current})})})},"TextInput"),createDefaultConfigItem=__name((iconType,index2,list)=>({operator:sheetsConditionalFormatting.CFNumberOperator.greaterThan,value:{type:sheetsConditionalFormatting.CFValueType.num,value:(list.length-1-index2)*10},iconType,iconId:String(index2)}),"createDefaultConfigItem"),IconGroupList=require$$0.forwardRef((props,ref)=>{const localeService=core.useDependency(core.LocaleService),handleClick=__name(iconType=>{props.onClick(iconType)},"handleClick");return jsxRuntime.jsx("div",{ref,className:styles$1.iconGroupList,children:sheetsConditionalFormatting.iconGroup.map((group2,index2)=>jsxRuntime.jsxs("div",{className:styles$1.group,children:[jsxRuntime.jsx("div",{className:styles$1.title,children:localeService.t(group2.title)}),jsxRuntime.jsx("div",{className:styles$1.itemContent,children:group2.group.map(groupItem=>jsxRuntime.jsx("div",{className:styles$1.itemWrap,onClick:__name(()=>{handleClick(groupItem.name)},"onClick"),children:jsxRuntime.jsx("div",{className:styles$1.item,children:groupItem.list.map((base64,index22)=>jsxRuntime.jsx("img",{className:styles$1.icon,src:base64},index22))})},groupItem.name))})]},index2))})}),IconItemList=__name(props=>{const list=require$$0.useMemo(()=>{const result=[];for(const key in sheetsConditionalFormatting.iconMap){const list2=sheetsConditionalFormatting.iconMap[key],iconType=key;list2.forEach((base64,index2)=>{result.push({iconType,base64,iconId:String(index2)})})}return result},[]),handleClick=__name(item2=>{props.onClick(item2.iconType,item2.iconId)},"handleClick");return jsxRuntime.jsxs("div",{className:styles$1.iconItemListWrap,children:[jsxRuntime.jsxs("div",{className:styles$1.none,onClick:__name(()=>handleClick({iconType:sheetsConditionalFormatting.EMPTY_ICON_TYPE,iconId:"",base64:""}),"onClick"),children:[jsxRuntime.jsx(SlashSingle,{className:styles$1.icon}),jsxRuntime.jsx("span",{children:"无单元格图标"})]}),jsxRuntime.jsx("div",{className:styles$1.iconItemList,children:list.map(item2=>jsxRuntime.jsx("div",{className:styles$1.item,children:jsxRuntime.jsx("img",{onClick:__name(()=>handleClick(item2),"onClick"),className:`
+                              ${styles$1.icon}
+                            `,src:item2.base64})},`${item2.iconType}_${item2.iconId}`))})]})},"IconItemList"),IconSetRuleEdit=__name(props=>{const{onChange,configList,errorMap={}}=props,localeService=core.useDependency(core.LocaleService),options=[{label:localeService.t(`sheet.cf.symbol.${sheetsConditionalFormatting.CFNumberOperator.greaterThan}`),value:sheetsConditionalFormatting.CFNumberOperator.greaterThan},{label:localeService.t(`sheet.cf.symbol.${sheetsConditionalFormatting.CFNumberOperator.greaterThanOrEqual}`),value:sheetsConditionalFormatting.CFNumberOperator.greaterThanOrEqual}],valueTypeOptions=[{label:localeService.t(`sheet.cf.valueType.${sheetsConditionalFormatting.CFValueType.num}`),value:sheetsConditionalFormatting.CFValueType.num},{label:localeService.t(`sheet.cf.valueType.${sheetsConditionalFormatting.CFValueType.percent}`),value:sheetsConditionalFormatting.CFValueType.percent},{label:localeService.t(`sheet.cf.valueType.${sheetsConditionalFormatting.CFValueType.percentile}`),value:sheetsConditionalFormatting.CFValueType.percentile},{label:localeService.t(`sheet.cf.valueType.${sheetsConditionalFormatting.CFValueType.formula}`),value:sheetsConditionalFormatting.CFValueType.formula}],handleValueValueChange=__name((v,index2)=>{onChange([String(index2),"value","value"],v)},"handleValueValueChange"),handleOperatorChange=__name((operator,index2)=>{onChange([String(index2),"operator"],operator);const defaultValue=sheetsConditionalFormatting.createDefaultValue(sheetsConditionalFormatting.CFSubRuleType.number,operator);handleValueValueChange(defaultValue,index2)},"handleOperatorChange"),handleValueTypeChange=__name((v,index2)=>{onChange([String(index2),"value","type"],v);const item2=configList[index2],defaultValue=sheetsConditionalFormatting.createDefaultValue(sheetsConditionalFormatting.CFSubRuleType.number,item2.operator);handleValueValueChange(defaultValue,index2)},"handleValueTypeChange");return require$$0.useMemo(()=>configList.map((item2,index2)=>{const error=errorMap[index2],icon2=getIcon(item2.iconType,item2.iconId),isEnd=index2===configList.length-1,isFirst=index2===0,preItem=configList[index2-1],lessThanText=(preItem==null?void 0:preItem.value.type)===sheetsConditionalFormatting.CFValueType.formula?localeService.t("sheet.cf.valueType.formula"):preItem==null?void 0:preItem.value.value,handleIconClick=__name((iconType,iconId)=>{const value={...item2,iconId,iconType};onChange([String(index2)],value)},"handleIconClick");return jsxRuntime.jsxs("div",{className:`
+                      ${index2?styles$5.mTXl:styles$5.mTSm}
+                    `,children:[jsxRuntime.jsxs("div",{className:`
+                      ${styles$5.label}
+                      ${styles$1.flex}
+                    `,children:[jsxRuntime.jsxs("div",{className:`
+                          ${styles$1.width45}
+                        `,children:[localeService.t("sheet.cf.iconSet.icon"),index2+1]}),jsxRuntime.jsx("div",{className:`
+                          ${styles$1.width45}
+                        `,children:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[!isFirst&&!isEnd&&localeService.t("sheet.cf.iconSet.rule"),!isFirst&&!isEnd&&jsxRuntime.jsxs("span",{className:styles$1.stress,children:["(",localeService.t("sheet.cf.iconSet.when"),localeService.t(`sheet.cf.symbol.${sheetsConditionalFormatting.getOppositeOperator(preItem.operator)}`),lessThanText,isEnd?"":` ${localeService.t("sheet.cf.iconSet.and")} `,")"]})]})})]}),jsxRuntime.jsxs("div",{className:`
+                      ${styles$1.flex}
+                      ${styles$5.mTSm}
+                    `,children:[jsxRuntime.jsx("div",{className:`
+                          ${styles$1.iconWrap}
+                          ${styles$1.width45}
+                        `,children:jsxRuntime.jsx(design.DropdownLegacy,{overlay:jsxRuntime.jsx(IconItemList,{onClick:handleIconClick,iconId:item2.iconId,iconType:item2.iconType}),children:jsxRuntime.jsxs("div",{className:styles$1.dropdownIcon,children:[icon2?jsxRuntime.jsx("img",{src:icon2,className:styles$1.icon}):jsxRuntime.jsx(SlashSingle,{className:styles$1.icon}),jsxRuntime.jsx(MoreDownSingle,{})]})})}),isEnd?jsxRuntime.jsxs("div",{className:`
+                                      ${styles$1.width45}
+                                      ${styles$5.label}
+                                    `,style:{marginTop:0},children:[localeService.t("sheet.cf.iconSet.rule"),jsxRuntime.jsxs("span",{className:styles$1.stress,children:["(",localeService.t("sheet.cf.iconSet.when"),localeService.t(`sheet.cf.symbol.${sheetsConditionalFormatting.getOppositeOperator(preItem.operator)}`),lessThanText,isEnd?"":` ${localeService.t("sheet.cf.iconSet.and")} `,")"]})]}):jsxRuntime.jsx(design.Select,{className:`
+                                      ${styles$5.mL0}
+                                      ${styles$1.width45}
+                                      ${styles$5.mR0}
+                                    `,options,value:item2.operator,onChange:__name(v=>{handleOperatorChange(v,index2)},"onChange")})]}),isEnd?jsxRuntime.jsx("div",{}):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsxs("div",{className:`
+                                  ${styles$5.mTSm}
+                                  ${styles$5.label}
+                                  ${styles$1.flex}
+                                `,children:[jsxRuntime.jsx("div",{className:`
+                                      ${styles$1.width45}
+                                    `,children:localeService.t("sheet.cf.iconSet.type")}),jsxRuntime.jsx("div",{className:`
+                                      ${styles$1.width45}
+                                    `,children:localeService.t("sheet.cf.iconSet.value")})]}),jsxRuntime.jsxs("div",{className:`
+                                  ${styles$5.mTSm}
+                                  ${styles$1.flex}
+                                `,children:[jsxRuntime.jsx(design.Select,{style:{flexShrink:0},className:`
+                                          ${styles$1.width45}
+                                          ${styles$5.mL0}
+                                        `,options:valueTypeOptions,value:item2.value.type,onChange:__name(v=>{handleValueTypeChange(v,index2)},"onChange")}),jsxRuntime.jsx("div",{className:`
+                                      ${styles$5.mL0}
+                                      ${styles$1.width45}
+                                    `,children:jsxRuntime.jsx(TextInput,{id:index2,type:item2.value.type,error,value:item2.value.value||"",onChange:__name(v=>handleValueValueChange(v,index2),"onChange")})})]})]})]},index2)}),[configList,errorMap])},"IconSetRuleEdit"),IconSet=__name(props=>{var _a2;const{interceptorManager}=props,rule=((_a2=props.rule)==null?void 0:_a2.type)===sheetsConditionalFormatting.CFRuleType.iconSet?props.rule:void 0,localeService=core.useDependency(core.LocaleService),[errorMap,errorMapSet]=require$$0.useState({}),[currentIconType,currentIconTypeSet]=require$$0.useState(()=>{const defaultV=Object.keys(sheetsConditionalFormatting.iconMap)[0];if(rule&&rule.config.length){const type=rule.config[0].iconType;if(!rule.config.some(item2=>item2.iconType!==type))return type}return defaultV}),[configList,configListSet]=require$$0.useState(()=>{if(rule&&rule.config.length)return core.Tools.deepClone(rule==null?void 0:rule.config);const list=sheetsConditionalFormatting.iconMap[currentIconType]||[];return new Array(list.length).fill("").map((_e2,index2,list2)=>index2===list2.length-1?{operator:sheetsConditionalFormatting.CFNumberOperator.lessThanOrEqual,value:{type:sheetsConditionalFormatting.CFValueType.num,value:Number.MAX_SAFE_INTEGER},iconType:currentIconType,iconId:String(index2)}:createDefaultConfigItem(currentIconType,index2,list2))}),[isShowValue,isShowValueSet]=require$$0.useState(()=>rule?!!rule.isShowValue:!0),previewIcon=require$$0.useMemo(()=>{const list=configList.map(item2=>getIcon(item2.iconType,item2.iconId));return jsxRuntime.jsx("div",{className:styles$1.iconWrap,children:list.map((icon2,index2)=>icon2?jsxRuntime.jsx("img",{className:styles$1.icon,src:icon2},index2):jsxRuntime.jsx(SlashSingle,{className:styles$1.icon},index2))})},[configList]),checkResult=__name(_configList=>{if(_configList.reduce((pre,cur,index2)=>pre.preType&&!pre.result||_configList.length-1===index2?pre:cur.value.type===sheetsConditionalFormatting.CFValueType.formula?{preType:sheetsConditionalFormatting.CFValueType.formula,result:!1}:pre.preType?{result:pre.preType===cur.value.type,preType:cur.value.type}:{result:!0,preType:cur.value.type},{result:!0,preType:""}).result&&[sheetsConditionalFormatting.CFValueType.num,sheetsConditionalFormatting.CFValueType.percent,sheetsConditionalFormatting.CFValueType.percentile].includes(_configList[0].value.type)){const result={};return _configList.forEach((item2,index2,arr)=>{if(index2-1<0||index2===arr.length-1)return;const preItem=_configList[index2-1],preOperator=sheetsConditionalFormatting.getOppositeOperator(preItem.operator);sheetsConditionalFormatting.compareWithNumber({operator:preOperator,value:preItem.value.value},item2.value.value)||(result[index2]=`${localeService.t(`sheet.cf.form.${preOperator}`,String(preItem.value.value))} `)}),result}return{}},"checkResult"),handleChange=__name((keys,v)=>{core.get(configList,keys)!==v&&(core.set(configList,keys,v),configListSet([...configList]),errorMapSet(checkResult(configList)))},"handleChange"),handleClickIconList=__name(iconType=>{currentIconTypeSet(iconType);const list=sheetsConditionalFormatting.iconMap[iconType]||[],config=new Array(list.length).fill("").map((_e2,index2,list2)=>createDefaultConfigItem(iconType,index2,list2));configListSet(config),errorMapSet(checkResult(config))},"handleClickIconList");require$$0.useEffect(()=>{const dispose=interceptorManager.intercept(interceptorManager.getInterceptPoints().submit,{handler(){return{type:sheetsConditionalFormatting.CFRuleType.iconSet,isShowValue,config:configList}}});return()=>{dispose()}},[isShowValue,configList,interceptorManager]),require$$0.useEffect(()=>{const dispose=interceptorManager.intercept(interceptorManager.getInterceptPoints().beforeSubmit,{handler(){return Object.keys(errorMap).length===0}});return()=>{dispose()}},[isShowValue,configList,interceptorManager,errorMap]);const reverseIcon=__name(()=>{const iconList=configList.map(item2=>({...item2}));configList.forEach((item2,index2)=>{const mirrorIndex=configList.length-1-index2,newIcon=iconList[mirrorIndex];item2.iconId=newIcon.iconId,item2.iconType=newIcon.iconType}),configListSet([...configList])},"reverseIcon"),layoutService=core.useDependency(ui.ILayoutService),[iconGroupListEl,setIconGroupListEl]=require$$0.useState();return ui.useScrollYOverContainer(iconGroupListEl,layoutService.rootContainerElement),jsxRuntime.jsxs("div",{className:styles$1.iconSet,children:[jsxRuntime.jsx("div",{className:styles$5.title,children:localeService.t("sheet.cf.panel.styleRule")}),jsxRuntime.jsx("div",{className:`
+              ${styles$5.mTSm}
+            `,children:jsxRuntime.jsx(design.DropdownLegacy,{placement:"bottomLeft",overlay:jsxRuntime.jsx(IconGroupList,{ref:__name(el=>{!iconGroupListEl&&el&&setIconGroupListEl(el)},"ref"),iconType:currentIconType,onClick:handleClickIconList}),children:jsxRuntime.jsxs("div",{className:styles$1.dropdownIcon,style:{width:"unset"},children:[previewIcon,jsxRuntime.jsx(MoreDownSingle,{})]})})}),jsxRuntime.jsxs("div",{className:`
+              ${styles$5.mTSm}
+              ${styles$1.renderConfig}
+            `,children:[jsxRuntime.jsxs("div",{className:styles$1.utilItem,children:[jsxRuntime.jsx(design.Checkbox,{onChange:reverseIcon}),localeService.t("sheet.cf.iconSet.reverseIconOrder")]}),jsxRuntime.jsxs("div",{className:`
+                  ${styles$1.utilItem}
+                  ${styles$5.mLXl}
+                `,children:[jsxRuntime.jsx(design.Checkbox,{checked:!isShowValue,onChange:__name(v=>{isShowValueSet(!v)},"onChange")}),localeService.t("sheet.cf.iconSet.onlyShowIcon")]})]}),jsxRuntime.jsx(IconSetRuleEdit,{errorMap,onChange:handleChange,configList})]})},"IconSet"),RankStyleEditor=__name(props=>{var _a2;const{onChange,interceptorManager}=props,localeService=core.useDependency(core.LocaleService),rule=((_a2=props.rule)==null?void 0:_a2.type)===sheetsConditionalFormatting.CFRuleType.highlightCell?props.rule:void 0,options=[{label:localeService.t("sheet.cf.panel.isNotBottom"),value:"isNotBottom"},{label:localeService.t("sheet.cf.panel.isBottom"),value:"isBottom"},{label:localeService.t("sheet.cf.panel.greaterThanAverage"),value:"greaterThanAverage"},{label:localeService.t("sheet.cf.panel.lessThanAverage"),value:"lessThanAverage"}],[type,typeSet]=require$$0.useState(()=>{const defaultV=options[0].value,type2=rule==null?void 0:rule.type;if(!rule)return defaultV;switch(type2){case sheetsConditionalFormatting.CFRuleType.highlightCell:switch(rule.subType){case sheetsConditionalFormatting.CFSubRuleType.average:return[sheetsConditionalFormatting.CFNumberOperator.greaterThan,sheetsConditionalFormatting.CFNumberOperator.greaterThanOrEqual].includes(rule.operator)?"greaterThanAverage":[sheetsConditionalFormatting.CFNumberOperator.lessThan,sheetsConditionalFormatting.CFNumberOperator.lessThanOrEqual].includes(rule.operator)?"lessThanAverage":defaultV;case sheetsConditionalFormatting.CFSubRuleType.rank:return rule.isBottom?"isBottom":"isNotBottom"}}return defaultV}),[value,valueSet]=require$$0.useState(()=>{const type2=rule==null?void 0:rule.type;if(!rule)return 10;switch(type2){case sheetsConditionalFormatting.CFRuleType.highlightCell:switch(rule.subType){case sheetsConditionalFormatting.CFSubRuleType.rank:return rule.value||10}}return 10}),[isPercent,isPercentSet]=require$$0.useState(()=>{const type2=rule==null?void 0:rule.type;if(!rule)return!1;switch(type2){case sheetsConditionalFormatting.CFRuleType.highlightCell:switch(rule.subType){case sheetsConditionalFormatting.CFSubRuleType.rank:return rule.isPercent||!1}}return!1}),[style,styleSet]=require$$0.useState({}),getResult=__name(config=>{const{type:type2,isPercent:isPercent2,value:value2,style:style2}=config;if(type2==="isNotBottom")return{type:sheetsConditionalFormatting.CFRuleType.highlightCell,subType:sheetsConditionalFormatting.CFSubRuleType.rank,isPercent:isPercent2,isBottom:!1,value:value2,style:style2};if(type2==="isBottom")return{type:sheetsConditionalFormatting.CFRuleType.highlightCell,subType:sheetsConditionalFormatting.CFSubRuleType.rank,isPercent:isPercent2,isBottom:!0,value:value2,style:style2};if(type2==="greaterThanAverage")return{type:sheetsConditionalFormatting.CFRuleType.highlightCell,subType:sheetsConditionalFormatting.CFSubRuleType.average,operator:sheetsConditionalFormatting.CFNumberOperator.greaterThan,style:style2};if(type2==="lessThanAverage")return{type:sheetsConditionalFormatting.CFRuleType.highlightCell,subType:sheetsConditionalFormatting.CFSubRuleType.average,operator:sheetsConditionalFormatting.CFNumberOperator.lessThan,style:style2}},"getResult");require$$0.useEffect(()=>interceptorManager.intercept(interceptorManager.getInterceptPoints().submit,{handler(){return getResult({type,isPercent,value,style})}}),[type,isPercent,value,style,interceptorManager]);const _onChange=__name(config=>{onChange(getResult(config))},"_onChange");return jsxRuntime.jsxs("div",{children:[jsxRuntime.jsx("div",{className:`
+              ${styles$5.title}
+              ${styles$5.mTBase}
+            `,children:localeService.t("sheet.cf.panel.styleRule")}),jsxRuntime.jsx(design.Select,{className:`
+                  ${styles$1.width100}
+                  ${styles$5.mTSm}
+                `,value:type,options,onChange:__name(v=>{typeSet(v),_onChange({type:v,isPercent,value,style})},"onChange")}),["isNotBottom","isBottom"].includes(type)&&jsxRuntime.jsxs("div",{className:`
+                  ${styles$5.labelContainer}
+                  ${styles$5.mTSm}
+                `,children:[jsxRuntime.jsx(design.InputNumber,{min:1,max:1e3,value,onChange:__name(v=>{const value2=v||0;valueSet(value2),_onChange({type,isPercent,value:value2,style})},"onChange")}),jsxRuntime.jsxs("div",{className:`
+                      ${styles$5.mLSm}
+                      ${styles$5.labelContainer}
+                      ${styles$1.text}
+                    `,children:[jsxRuntime.jsx(design.Checkbox,{checked:isPercent,onChange:__name(v=>{isPercentSet(!!v),_onChange({type,isPercent:!!v,value,style})},"onChange")}),localeService.t("sheet.cf.valueType.percent")]})]}),jsxRuntime.jsx("div",{className:`
+              ${styles$1.cfPreviewWrap}
+            `,children:jsxRuntime.jsx(Preview,{rule:getResult({type,isPercent,value,style})})}),jsxRuntime.jsx(ConditionalStyleEditor,{style:rule==null?void 0:rule.style,className:`
+                  ${styles$5.mTSm}
+                `,onChange:__name(v=>{styleSet(v),_onChange({type,isPercent,value,style:v})},"onChange")})]})},"RankStyleEditor"),beforeSubmit=core.createInterceptorKey("beforeSubmit"),submit=core.createInterceptorKey("submit"),getUnitId=__name(univerInstanceService=>univerInstanceService.getCurrentUnitForType(core.UniverInstanceType.UNIVER_SHEET).getUnitId(),"getUnitId"),getSubUnitId=__name(univerInstanceService=>{var _a2;return(_a2=univerInstanceService.getCurrentUnitForType(core.UniverInstanceType.UNIVER_SHEET).getActiveSheet())==null?void 0:_a2.getSheetId()},"getSubUnitId"),RuleEdit=__name(props=>{var _a2,_b2,_c2;const localeService=core.useDependency(core.LocaleService),commandService=core.useDependency(core.ICommandService),univerInstanceService=core.useDependency(core.IUniverInstanceService),conditionalFormattingRuleModel=core.useDependency(sheetsConditionalFormatting.ConditionalFormattingRuleModel),selectionManagerService=core.useDependency(sheets.SheetsSelectionsService),unitId=getUnitId(univerInstanceService),subUnitId=getSubUnitId(univerInstanceService),[isFocusRangeSelector,isFocusRangeSelectorSet]=require$$0.useState(!0),rangeSelectorActionsRef=require$$0.useRef({}),[errorText2,errorTextSet]=require$$0.useState(void 0),rangeResult=require$$0.useRef((_b2=(_a2=props.rule)==null?void 0:_a2.ranges)!=null?_b2:[]),rangeString=require$$0.useMemo(()=>{var _a3,_b3,_c3;let ranges=(_a3=props.rule)==null?void 0:_a3.ranges;return ranges!=null&&ranges.length||(ranges=(_c3=(_b3=selectionManagerService.getCurrentSelections())==null?void 0:_b3.map(s=>s.range))!=null?_c3:[]),rangeResult.current=ranges,ranges!=null&&ranges.length?ranges.map(range=>{const v=engineFormula.serializeRange(range);return v==="NaN"?"":v}).filter(r2=>!!r2).join(","):""},[props.rule]),options=[{label:localeService.t("sheet.cf.ruleType.highlightCell"),value:"1"},{label:localeService.t("sheet.cf.panel.rankAndAverage"),value:"2"},{label:localeService.t("sheet.cf.ruleType.dataBar"),value:"3"},{label:localeService.t("sheet.cf.ruleType.colorScale"),value:"4"},{label:localeService.t("sheet.cf.ruleType.formula"),value:"5"},{label:localeService.t("sheet.cf.ruleType.iconSet"),value:"6"}],[ruleType2,ruleTypeSet]=require$$0.useState(()=>{var _a3,_b3;const type=(_a3=props.rule)==null?void 0:_a3.rule.type,defaultType=options[0].value;if(!type)return defaultType;switch(type){case sheetsConditionalFormatting.CFRuleType.highlightCell:{switch((_b3=props.rule)==null?void 0:_b3.rule.subType){case sheetsConditionalFormatting.CFSubRuleType.number:case sheetsConditionalFormatting.CFSubRuleType.text:case sheetsConditionalFormatting.CFSubRuleType.duplicateValues:case sheetsConditionalFormatting.CFSubRuleType.uniqueValues:case sheetsConditionalFormatting.CFSubRuleType.timePeriod:return"1";case sheetsConditionalFormatting.CFSubRuleType.average:case sheetsConditionalFormatting.CFSubRuleType.rank:return"2";case sheetsConditionalFormatting.CFSubRuleType.formula:return"5"}break}case sheetsConditionalFormatting.CFRuleType.dataBar:return"3";case sheetsConditionalFormatting.CFRuleType.colorScale:return"4";case sheetsConditionalFormatting.CFRuleType.iconSet:return"6"}return defaultType}),result=require$$0.useRef(void 0),interceptorManager=require$$0.useMemo(()=>new core.InterceptorManager({beforeSubmit,submit}),[]),StyleEditor=require$$0.useMemo(()=>{switch(ruleType2){case"1":return HighlightCellStyleEditor;case"2":return RankStyleEditor;case"3":return DataBarStyleEditor;case"4":return ColorScaleStyleEditor;case"5":return FormulaStyleEditor;case"6":return IconSet;default:return HighlightCellStyleEditor}},[ruleType2]);require$$0.useEffect(()=>{const disposable=commandService.onCommandExecuted(commandInfo=>{if(commandInfo.id===sheets.RemoveSheetMutation.id){const params=commandInfo.params;params.subUnitId===subUnitId&&params.unitId===unitId&&props.onCancel()}commandInfo.id===sheets.SetWorksheetActiveOperation.id&&props.onCancel()});return()=>disposable.dispose()},[]);const onStyleChange=__name(config=>{result.current=config},"onStyleChange"),onRangeSelectorChange=__name(rangeString2=>{const result2=rangeString2.split(",").filter(e=>!!e).map(engineFormula.deserializeRangeWithSheet).map(item2=>item2.range);rangeResult.current=result2},"onRangeSelectorChange"),handleSubmit=__name(()=>{if(errorText2)return;const ranges=__name(()=>{const worksheet=univerInstanceService.getCurrentUnitForType(core.UniverInstanceType.UNIVER_SHEET).getActiveSheet();if(!worksheet)throw new Error("No active sheet found");return rangeResult.current.map(range=>sheets.setEndForRange(range,worksheet.getRowCount(),worksheet.getColumnCount())).filter(range=>!(Number.isNaN(range.startRow)||Number.isNaN(range.startColumn)))},"getRanges")();if(interceptorManager.fetchThroughInterceptors(interceptorManager.getInterceptPoints().beforeSubmit)(!0,null)){const result2=interceptorManager.fetchThroughInterceptors(interceptorManager.getInterceptPoints().submit)(null,null);if(result2){const unitId2=getUnitId(univerInstanceService),subUnitId2=getSubUnitId(univerInstanceService);if(!unitId2||!subUnitId2)throw new Error("No active sheet found");let rule={};props.rule&&props.rule.cfId?(rule={...props.rule,ranges,rule:result2},commandService.executeCommand(SetCfCommand.id,{unitId:unitId2,subUnitId:subUnitId2,rule}),props.onCancel()):(rule={cfId:conditionalFormattingRuleModel.createCfId(unitId2,subUnitId2),ranges,rule:result2,stopIfTrue:!1},commandService.executeCommand(AddCfCommand.id,{unitId:unitId2,subUnitId:subUnitId2,rule}),props.onCancel())}}},"handleSubmit"),handleCancel=__name(()=>{props.onCancel()},"handleCancel"),handleVerify=__name((v,rangeText)=>{v?rangeText.length<1?errorTextSet(localeService.t("sheet.cf.errorMessage.rangeError")):errorTextSet(void 0):errorTextSet(localeService.t("sheet.cf.errorMessage.rangeError"))},"handleVerify");return ui.useSidebarClick(e=>{var _a3;const handleOutClick=(_a3=rangeSelectorActionsRef.current)==null?void 0:_a3.handleOutClick;handleOutClick&&handleOutClick(e,()=>isFocusRangeSelectorSet(!1))}),jsxRuntime.jsxs("div",{className:styles$1.cfRuleStyleEditor,children:[jsxRuntime.jsx("div",{className:styles$5.title,children:localeService.t("sheet.cf.panel.range")}),jsxRuntime.jsx("div",{className:`
+              ${styles$5.mTBase}
+            `,children:jsxRuntime.jsx(sheetsFormulaUi.RangeSelector,{unitId,errorText:errorText2,subUnitId,initValue:rangeString,onChange:onRangeSelectorChange,onVerify:handleVerify,onFocus:__name(()=>isFocusRangeSelectorSet(!0),"onFocus"),isFocus:isFocusRangeSelector,actions:rangeSelectorActionsRef.current})}),jsxRuntime.jsx("div",{className:styles$5.title,children:localeService.t("sheet.cf.panel.styleType")}),jsxRuntime.jsx("div",{className:styles$5.mTBase,children:jsxRuntime.jsx(design.Select,{className:styles$1.width100,value:ruleType2,options,onChange:__name(e=>ruleTypeSet(e),"onChange")})}),jsxRuntime.jsx(StyleEditor,{interceptorManager,rule:(_c2=props.rule)==null?void 0:_c2.rule,onChange:onStyleChange}),jsxRuntime.jsxs("div",{className:`
+              ${styles$5.mTBase}
+              ${styles$1.btnList}
+            `,children:[jsxRuntime.jsx(design.Button,{size:"small",onClick:handleCancel,children:localeService.t("sheet.cf.panel.cancel")}),jsxRuntime.jsx(design.Button,{className:styles$5.mLSm,size:"small",type:"primary",onClick:handleSubmit,children:localeService.t("sheet.cf.panel.submit")})]})]})},"RuleEdit"),ConditionFormattingPanel=__name(props=>{const[currentEditRule,currentEditRuleSet]=require$$0.useState(props.rule),[isShowRuleEditor,isShowRuleEditorSet]=require$$0.useState(!!props.rule),createCfRule=__name(()=>{isShowRuleEditorSet(!0)},"createCfRule"),handleCancel=__name(()=>{isShowRuleEditorSet(!1),currentEditRuleSet(void 0)},"handleCancel"),handleRuleClick=__name(rule=>{currentEditRuleSet(rule),isShowRuleEditorSet(!0)},"handleRuleClick");return jsxRuntime.jsx("div",{className:styles$5.conditionalFormattingWrap,children:isShowRuleEditor?jsxRuntime.jsx(RuleEdit,{onCancel:handleCancel,rule:currentEditRule}):jsxRuntime.jsx(RuleList,{onClick:handleRuleClick,onCreate:createCfRule})})},"ConditionFormattingPanel");var __defProp$c=Object.defineProperty,__getOwnPropDesc$c=Object.getOwnPropertyDescriptor,__decorateClass$c=__name((decorators,target,key,kind)=>{for(var result=kind>1?void 0:kind?__getOwnPropDesc$c(target,key):target,i=decorators.length-1,decorator;i>=0;i--)(decorator=decorators[i])&&(result=(kind?decorator(target,key,result):decorator(result))||result);return kind&&result&&__defProp$c(target,key,result),result},"__decorateClass$c"),__decorateParam$c=__name((index2,decorator)=>(target,key)=>decorator(target,key,index2),"__decorateParam$c");const CF_PANEL_KEY="sheet.conditional.formatting.panel";let ConditionalFormattingPanelController=(_b=class extends core.Disposable{constructor(_univerInstanceService,_injector,_componentManager,_sidebarService,_localeService){super();__publicField(this,"_sidebarDisposable",null);this._univerInstanceService=_univerInstanceService,this._injector=_injector,this._componentManager=_componentManager,this._sidebarService=_sidebarService,this._localeService=_localeService,this._initPanel(),this.disposeWithMe(this._univerInstanceService.getCurrentTypeOfUnit$(core.UniverInstanceType.UNIVER_SHEET).subscribe(sheet=>{var _a2;sheet||(_a2=this._sidebarDisposable)==null||_a2.dispose()})),this.disposeWithMe(this._sidebarService.sidebarOptions$.subscribe(info=>{info.id===CF_PANEL_KEY&&(info.visible||setTimeout(()=>{this._sidebarService.sidebarOptions$.next({visible:!1})}))}))}openPanel(rule){const props={id:CF_PANEL_KEY,header:{title:this._localeService.t("sheet.cf.title")},children:{label:CF_PANEL_KEY,rule,key:core.generateRandomId(4)},onClose:__name(()=>this._sidebarDisposable=null,"onClose")};this._sidebarDisposable=this._sidebarService.open(props)}_initPanel(){this._componentManager.register(CF_PANEL_KEY,ConditionFormattingPanel)}},__name(_b,"ConditionalFormattingPanelController"),_b);ConditionalFormattingPanelController=__decorateClass$c([__decorateParam$c(0,core.IUniverInstanceService),__decorateParam$c(1,core.Inject(core.Injector)),__decorateParam$c(2,core.Inject(ui.ComponentManager)),__decorateParam$c(3,core.Inject(ui.ISidebarService)),__decorateParam$c(4,core.Inject(core.LocaleService))],ConditionalFormattingPanelController);var CF_MENU_OPERATION=(CF_MENU_OPERATION2=>(CF_MENU_OPERATION2[CF_MENU_OPERATION2.createRule=1]="createRule",CF_MENU_OPERATION2[CF_MENU_OPERATION2.viewRule=2]="viewRule",CF_MENU_OPERATION2[CF_MENU_OPERATION2.highlightCell=3]="highlightCell",CF_MENU_OPERATION2[CF_MENU_OPERATION2.rank=4]="rank",CF_MENU_OPERATION2[CF_MENU_OPERATION2.formula=5]="formula",CF_MENU_OPERATION2[CF_MENU_OPERATION2.colorScale=6]="colorScale",CF_MENU_OPERATION2[CF_MENU_OPERATION2.dataBar=7]="dataBar",CF_MENU_OPERATION2[CF_MENU_OPERATION2.icon=8]="icon",CF_MENU_OPERATION2[CF_MENU_OPERATION2.clearRangeRules=9]="clearRangeRules",CF_MENU_OPERATION2[CF_MENU_OPERATION2.clearWorkSheetRules=10]="clearWorkSheetRules",CF_MENU_OPERATION2))(CF_MENU_OPERATION||{});const OpenConditionalFormattingOperator={id:"sheet.operation.open.conditional.formatting.panel",type:core.CommandType.OPERATION,handler:__name((accessor,params)=>{var _a2;const conditionalFormattingMenuController=accessor.get(ConditionalFormattingPanelController),selectionManagerService=accessor.get(sheets.SheetsSelectionsService),commandService=accessor.get(core.ICommandService),ranges=((_a2=selectionManagerService.getCurrentSelections())==null?void 0:_a2.map(s=>s.range))||[];switch(params.value){case 3:{conditionalFormattingMenuController.openPanel({...sheetsConditionalFormatting.createDefaultRule(),ranges});break}case 4:{const rule={...sheetsConditionalFormatting.createDefaultRule,ranges,rule:{type:sheetsConditionalFormatting.CFRuleType.highlightCell,subType:sheetsConditionalFormatting.CFSubRuleType.rank}};conditionalFormattingMenuController.openPanel(rule);break}case 5:{const rule={...sheetsConditionalFormatting.createDefaultRule,ranges,rule:{type:sheetsConditionalFormatting.CFRuleType.highlightCell,subType:sheetsConditionalFormatting.CFSubRuleType.formula,value:"="}};conditionalFormattingMenuController.openPanel(rule);break}case 6:{const rule={...sheetsConditionalFormatting.createDefaultRule,ranges,rule:{type:sheetsConditionalFormatting.CFRuleType.colorScale,config:[]}};conditionalFormattingMenuController.openPanel(rule);break}case 7:{const rule={...sheetsConditionalFormatting.createDefaultRule,ranges,rule:{type:sheetsConditionalFormatting.CFRuleType.dataBar,isShowValue:!0}};conditionalFormattingMenuController.openPanel(rule);break}case 8:{const rule={...sheetsConditionalFormatting.createDefaultRule,ranges,rule:{type:sheetsConditionalFormatting.CFRuleType.iconSet,config:[],isShowValue:!0}};conditionalFormattingMenuController.openPanel(rule);break}case 2:{conditionalFormattingMenuController.openPanel();break}case 1:{conditionalFormattingMenuController.openPanel({...sheetsConditionalFormatting.createDefaultRule(),ranges});break}case 9:{commandService.executeCommand(ClearRangeCfCommand.id,{ranges});break}case 10:{commandService.executeCommand(ClearWorksheetCfCommand.id);break}}return!0},"handler")};var __defProp$b=Object.defineProperty,__getOwnPropDesc$b=Object.getOwnPropertyDescriptor,__decorateClass$b=__name((decorators,target,key,kind)=>{for(var result=kind>1?void 0:kind?__getOwnPropDesc$b(target,key):target,i=decorators.length-1,decorator;i>=0;i--)(decorator=decorators[i])&&(result=(kind?decorator(target,key,result):decorator(result))||result);return kind&&result&&__defProp$b(target,key,result),result},"__decorateClass$b"),__decorateParam$b=__name((index2,decorator)=>(target,key)=>decorator(target,key,index2),"__decorateParam$b");let ConditionalFormattingCopyPasteController=(_c=class extends core.Disposable{constructor(_sheetClipboardService,_conditionalFormattingRuleModel,_injector,_conditionalFormattingViewModel,_univerInstanceService){super();__publicField(this,"_copyInfo");this._sheetClipboardService=_sheetClipboardService,this._conditionalFormattingRuleModel=_conditionalFormattingRuleModel,this._injector=_injector,this._conditionalFormattingViewModel=_conditionalFormattingViewModel,this._univerInstanceService=_univerInstanceService,this._initClipboardHook()}_initClipboardHook(){this.disposeWithMe(this._sheetClipboardService.addClipboardHook({id:sheetsConditionalFormatting.SHEET_CONDITIONAL_FORMATTING_PLUGIN,onBeforeCopy:__name((unitId,subUnitId,range)=>this._collectConditionalRule(unitId,subUnitId,range),"onBeforeCopy"),onPasteCells:__name((pasteFrom,pasteTo,data,payload)=>{const{copyType=sheetsUi.COPY_TYPE.COPY,pasteType}=payload,{range:copyRange}=pasteFrom||{},{range:pastedRange}=pasteTo;return this._generateConditionalFormattingMutations(pastedRange,{copyType,pasteType,copyRange})},"onPasteCells")}))}_collectConditionalRule(unitId,subUnitId,range){const matrix=new core.ObjectMatrix,cfMap={};this._copyInfo={matrix,info:{unitId,subUnitId,cfMap}};const discreteRange=this._injector.invoke(accessor=>sheetsUi.rangeToDiscreteRange(range,accessor,unitId,subUnitId));if(!discreteRange)return;const{rows,cols}=discreteRange,cfIdSet=new Set;rows.forEach((row,rowIndex)=>{cols.forEach((col,colIndex)=>{const cellCfList=this._conditionalFormattingViewModel.getCellCfs(unitId,subUnitId,row,col);cellCfList&&(cellCfList.forEach(item2=>cfIdSet.add(item2.cfId)),matrix.setValue(rowIndex,colIndex,cellCfList.map(item2=>item2.cfId)))})}),cfIdSet.forEach(cfId=>{const rule=this._conditionalFormattingRuleModel.getRule(unitId,subUnitId,cfId);rule&&(cfMap[cfId]=rule.rule)})}_generateConditionalFormattingMutations(pastedRange,copyInfo){const workbook=this._univerInstanceService.getCurrentUnitForType(core.UniverInstanceType.UNIVER_SHEET),sheet=workbook.getActiveSheet(),unitId=workbook.getUnitId();if(!sheet)return{redos:[],undos:[]};const subUnitId=sheet.getSheetId();if(copyInfo.copyType===sheetsUi.COPY_TYPE.CUT)return this._copyInfo=null,{redos:[],undos:[]};if(!this._copyInfo||!copyInfo.copyRange)return{redos:[],undos:[]};if(![sheetsUi.PREDEFINED_HOOK_NAME.SPECIAL_PASTE_FORMAT,sheetsUi.PREDEFINED_HOOK_NAME.DEFAULT_PASTE,sheetsUi.PREDEFINED_HOOK_NAME.SPECIAL_PASTE_BESIDES_BORDER].includes(copyInfo.pasteType))return{redos:[],undos:[]};const{ranges:[vCopyRange,vPastedRange],mapFunc}=sheetsUi.virtualizeDiscreteRanges([copyInfo.copyRange,pastedRange]),repeatRange=sheetsUi.getRepeatRange(vCopyRange,vPastedRange,!0),effectedConditionalFormattingRuleMatrix={};core.Range.foreach(vPastedRange,(row,col)=>{const{row:realRow,col:realCol}=mapFunc(row,col),cellCfList=this._conditionalFormattingViewModel.getCellCfs(unitId,subUnitId,realRow,realCol);cellCfList&&cellCfList.forEach(item2=>{if(!effectedConditionalFormattingRuleMatrix[item2.cfId]){const ruleMatrix=new core.ObjectMatrix;effectedConditionalFormattingRuleMatrix[item2.cfId]=ruleMatrix;const rule=this._conditionalFormattingRuleModel.getRule(unitId,subUnitId,item2.cfId);rule==null||rule.ranges.forEach(range=>{core.Range.foreach(range,(row2,col2)=>{ruleMatrix.setValue(row2,col2,1)})})}effectedConditionalFormattingRuleMatrix[item2.cfId].realDeleteValue(realRow,realCol)})});const{matrix,info}=this._copyInfo,waitAddRule=[];let nextCfId=this._conditionalFormattingRuleModel.createCfId(unitId,subUnitId);const cacheCfIdMap={},getCurrentSheetCfRule=__name(copyRangeCfId=>{if(cacheCfIdMap[copyRangeCfId])return cacheCfIdMap[copyRangeCfId];const oldRule=info==null?void 0:info.cfMap[copyRangeCfId],targetRule=[...this._conditionalFormattingRuleModel.getSubunitRules(unitId,subUnitId)||[],...waitAddRule].find(rule=>core.Tools.diffValue(rule.rule,oldRule));if(targetRule)return cacheCfIdMap[copyRangeCfId]=targetRule,targetRule;{const rule={rule:oldRule,cfId:nextCfId,ranges:[],stopIfTrue:!1};return cacheCfIdMap[copyRangeCfId]=rule,waitAddRule.push(rule),nextCfId=`${Number(nextCfId)+1}`,rule}},"getCurrentSheetCfRule");repeatRange.forEach(item2=>{matrix&&matrix.forValue((row,col,copyRangeCfIdList)=>{const range=core.Rectangle.getPositionRange({startRow:row,endRow:row,startColumn:col,endColumn:col},item2.startRange),{row:_row,col:_col}=mapFunc(range.startRow,range.startColumn);copyRangeCfIdList.forEach(cfId=>{if(!effectedConditionalFormattingRuleMatrix[cfId]){const rule=getCurrentSheetCfRule(cfId),ruleMatrix=new core.ObjectMatrix;effectedConditionalFormattingRuleMatrix[cfId]=ruleMatrix,rule.ranges.forEach(range2=>{core.Range.foreach(range2,(row2,col2)=>{ruleMatrix.setValue(row2,col2,1)})})}effectedConditionalFormattingRuleMatrix[cfId].setValue(_row,_col,1)})})});const redos=[],undos=[];for(const cfId in effectedConditionalFormattingRuleMatrix){const matrix2=effectedConditionalFormattingRuleMatrix[cfId],ranges=sheets.findAllRectangle(sheets.createTopMatrixFromMatrix(matrix2));if(!ranges.length){const deleteParams={unitId,subUnitId,cfId};redos.push({id:sheetsConditionalFormatting.DeleteConditionalRuleMutation.id,params:deleteParams}),undos.push(...sheetsConditionalFormatting.DeleteConditionalRuleMutationUndoFactory(this._injector,deleteParams))}if(waitAddRule.some(rule=>rule.cfId===cfId)){const rule=getCurrentSheetCfRule(cfId),addParams={unitId,subUnitId,rule:{...rule,ranges}};redos.push({id:sheetsConditionalFormatting.AddConditionalRuleMutation.id,params:addParams}),undos.push(sheetsConditionalFormatting.AddConditionalRuleMutationUndoFactory(this._injector,addParams))}else{const rule=this._conditionalFormattingRuleModel.getRule(unitId,subUnitId,cfId);if(!rule)continue;const setParams={unitId,subUnitId,rule:{...rule,ranges}};redos.push({id:sheetsConditionalFormatting.SetConditionalRuleMutation.id,params:setParams}),undos.push(...sheetsConditionalFormatting.setConditionalRuleMutationUndoFactory(this._injector,setParams))}}return{redos,undos}}},__name(_c,"ConditionalFormattingCopyPasteController"),_c);ConditionalFormattingCopyPasteController=__decorateClass$b([__decorateParam$b(0,core.Inject(sheetsUi.ISheetClipboardService)),__decorateParam$b(1,core.Inject(sheetsConditionalFormatting.ConditionalFormattingRuleModel)),__decorateParam$b(2,core.Inject(core.Injector)),__decorateParam$b(3,core.Inject(sheetsConditionalFormatting.ConditionalFormattingViewModel)),__decorateParam$b(4,core.Inject(core.IUniverInstanceService))],ConditionalFormattingCopyPasteController);var __defProp$a=Object.defineProperty,__getOwnPropDesc$a=Object.getOwnPropertyDescriptor,__decorateClass$a=__name((decorators,target,key,kind)=>{for(var result=kind>1?void 0:kind?__getOwnPropDesc$a(target,key):target,i=decorators.length-1,decorator;i>=0;i--)(decorator=decorators[i])&&(result=(kind?decorator(target,key,result):decorator(result))||result);return kind&&result&&__defProp$a(target,key,result),result},"__decorateClass$a"),__decorateParam$a=__name((index2,decorator)=>(target,key)=>decorator(target,key,index2),"__decorateParam$a");let ConditionalFormattingPermissionController=(_d=class extends core.Disposable{constructor(_localeService,_commandService,_sheetPermissionCheckController){super(),this._localeService=_localeService,this._commandService=_commandService,this._sheetPermissionCheckController=_sheetPermissionCheckController,this._commandExecutedListener()}_commandExecutedListener(){this.disposeWithMe(this._commandService.beforeCommandExecuted(command=>{command.id===AddCfCommand.id&&(this._sheetPermissionCheckController.permissionCheckWithRanges({workbookTypes:[sheets.WorkbookEditablePermission],rangeTypes:[sheets.RangeProtectionPermissionEditPoint],worksheetTypes:[sheets.WorksheetEditPermission,sheets.WorksheetSetCellStylePermission]},command.params.rule.ranges)||this._sheetPermissionCheckController.blockExecuteWithoutPermission(this._localeService.t("permission.dialog.setStyleErr")))}))}},__name(_d,"ConditionalFormattingPermissionController"),_d);ConditionalFormattingPermissionController=__decorateClass$a([__decorateParam$a(0,core.Inject(core.LocaleService)),__decorateParam$a(1,core.ICommandService),__decorateParam$a(2,core.Inject(sheets.SheetPermissionCheckController))],ConditionalFormattingPermissionController);var __defProp$9=Object.defineProperty,__getOwnPropDesc$9=Object.getOwnPropertyDescriptor,__decorateClass$9=__name((decorators,target,key,kind)=>{for(var result=kind>1?void 0:kind?__getOwnPropDesc$9(target,key):target,i=decorators.length-1,decorator;i>=0;i--)(decorator=decorators[i])&&(result=(kind?decorator(target,key,result):decorator(result))||result);return kind&&result&&__defProp$9(target,key,result),result},"__decorateClass$9"),__decorateParam$9=__name((index2,decorator)=>(target,key)=>decorator(target,key,index2),"__decorateParam$9");let SheetsCfRefRangeController=(_e=class extends core.Disposable{constructor(_conditionalFormattingRuleModel,_univerInstanceService,_injector,_refRangeService){super(),this._conditionalFormattingRuleModel=_conditionalFormattingRuleModel,this._univerInstanceService=_univerInstanceService,this._injector=_injector,this._refRangeService=_refRangeService,this._initRefRange()}_initRefRange(){const disposableMap=new Map,getCfIdWithUnitId=__name((unitID,subUnitId,cfId)=>`${unitID}_${subUnitId}_${cfId}`,"getCfIdWithUnitId"),register=__name((unitId,subUnitId,rule)=>{const handleRangeChange=__name(commandInfo=>{const oldRanges=[...rule.ranges],resultRanges=oldRanges.map(range=>sheets.handleDefaultRangeChangeWithEffectRefCommands(range,commandInfo)).filter(range=>!!range);if(sheetsConditionalFormatting.isRangesEqual(resultRanges,oldRanges))return{redos:[],undos:[]};if(resultRanges.length){const redoParams={unitId,subUnitId,rule:{...rule,ranges:resultRanges}},redos=[{id:sheetsConditionalFormatting.SetConditionalRuleMutation.id,params:redoParams}],undos=sheetsConditionalFormatting.setConditionalRuleMutationUndoFactory(this._injector,redoParams);return{redos,undos}}else{const redoParams={unitId,subUnitId,cfId:rule.cfId},redos=[{id:sheetsConditionalFormatting.DeleteConditionalRuleMutation.id,params:redoParams}],undos=sheetsConditionalFormatting.DeleteConditionalRuleMutationUndoFactory(this._injector,redoParams);return{redos,undos}}},"handleRangeChange"),disposeList=[];rule.ranges.forEach(range=>{const disposable=this._refRangeService.registerRefRange(range,handleRangeChange);disposeList.push(()=>disposable.dispose())}),disposableMap.set(getCfIdWithUnitId(unitId,subUnitId,rule.cfId),()=>disposeList.forEach(dispose=>dispose()))},"register");this.disposeWithMe(this._conditionalFormattingRuleModel.$ruleChange.subscribe(option=>{const{unitId,subUnitId,rule}=option,workbook=this._univerInstanceService.getCurrentUnitForType(core.UniverInstanceType.UNIVER_SHEET),worksheet=workbook.getActiveSheet();if(!(option.unitId!==workbook.getUnitId()||option.subUnitId!==(worksheet==null?void 0:worksheet.getSheetId())))switch(option.type){case"add":{register(option.unitId,option.subUnitId,option.rule);break}case"delete":{const dispose=disposableMap.get(getCfIdWithUnitId(unitId,subUnitId,rule.cfId));dispose&&dispose();break}case"set":{const dispose=disposableMap.get(getCfIdWithUnitId(unitId,subUnitId,rule.cfId));dispose&&dispose(),register(option.unitId,option.subUnitId,option.rule)}}})),this.disposeWithMe(core.toDisposable(()=>{disposableMap.forEach(item2=>{item2()}),disposableMap.clear()}))}},__name(_e,"SheetsCfRefRangeController"),_e);SheetsCfRefRangeController=__decorateClass$9([__decorateParam$9(0,core.Inject(sheetsConditionalFormatting.ConditionalFormattingRuleModel)),__decorateParam$9(1,core.Inject(core.IUniverInstanceService)),__decorateParam$9(2,core.Inject(core.Injector)),__decorateParam$9(3,core.Inject(sheets.RefRangeService))],SheetsCfRefRangeController);var __defProp$8=Object.defineProperty,__getOwnPropDesc$8=Object.getOwnPropertyDescriptor,__decorateClass$8=__name((decorators,target,key,kind)=>{for(var result=kind>1?void 0:kind?__getOwnPropDesc$8(target,key):target,i=decorators.length-1,decorator;i>=0;i--)(decorator=decorators[i])&&(result=(kind?decorator(target,key,result):decorator(result))||result);return kind&&result&&__defProp$8(target,key,result),result},"__decorateClass$8"),__decorateParam$8=__name((index2,decorator)=>(target,key)=>decorator(target,key,index2),"__decorateParam$8");let SheetsCfRenderController=(_f=class extends core.Disposable{constructor(_sheetInterceptorService,_conditionalFormattingService,_univerInstanceService,_renderManagerService,_conditionalFormattingViewModel,_conditionalFormattingRuleModel){super();__publicField(this,"_ruleChangeCacheMap",new Map);this._sheetInterceptorService=_sheetInterceptorService,this._conditionalFormattingService=_conditionalFormattingService,this._univerInstanceService=_univerInstanceService,this._renderManagerService=_renderManagerService,this._conditionalFormattingViewModel=_conditionalFormattingViewModel,this._conditionalFormattingRuleModel=_conditionalFormattingRuleModel,this._initViewModelInterceptor(),this._initSkeleton(),this.disposeWithMe(()=>{this._ruleChangeCacheMap.clear()})}_markDirtySkeleton(){var _a2,_b2,_c2;const unitId=this._univerInstanceService.getCurrentUnitForType(core.UniverInstanceType.UNIVER_SHEET).getUnitId();(_a2=this._renderManagerService.getRenderById(unitId))==null||_a2.with(sheetsUi.SheetSkeletonManagerService).reCalculate(),(_c2=(_b2=this._renderManagerService.getRenderById(unitId))==null?void 0:_b2.mainComponent)==null||_c2.makeDirty()}_initSkeleton(){this.disposeWithMe(rxjs.merge(this._conditionalFormattingRuleModel.$ruleChange,this._conditionalFormattingViewModel.markDirty$).pipe(operators.bufferTime(16),operators.filter(v=>!!v.length),operators.filter(v=>{const workbook=this._univerInstanceService.getCurrentUnitForType(core.UniverInstanceType.UNIVER_SHEET);if(!workbook)return!1;const worksheet=workbook.getActiveSheet();return worksheet?v.filter(item2=>item2.unitId===workbook.getUnitId()&&item2.subUnitId===worksheet.getSheetId()).length>0:!1})).subscribe(()=>this._markDirtySkeleton()))}_initViewModelInterceptor(){this.disposeWithMe(this._sheetInterceptorService.intercept(sheets.INTERCEPTOR_POINT.CELL_CONTENT,{effect:core.InterceptorEffectEnum.Style,handler:__name((cell,context,next)=>{const result=this._conditionalFormattingService.composeStyle(context.unitId,context.subUnitId,context.row,context.col);if(!result)return next(cell);const styleMap=context.workbook.getStyles(),s={...(typeof(cell==null?void 0:cell.s)=="string"?styleMap.get(cell==null?void 0:cell.s):cell==null?void 0:cell.s)||{}},cloneCell={...cell,s};return result.style&&Object.assign(s,result.style),cloneCell.fontRenderExtension||(cloneCell.fontRenderExtension={},result.isShowValue!==void 0&&(cloneCell.fontRenderExtension.isSkip=!result.isShowValue)),result.dataBar&&(cloneCell.dataBar=result.dataBar),result.iconSet&&(cloneCell.iconSet=result.iconSet,cloneCell.fontRenderExtension.leftOffset=sheetsConditionalFormatting.DEFAULT_PADDING+sheetsConditionalFormatting.DEFAULT_WIDTH),next(cloneCell)},"handler"),priority:10}))}},__name(_f,"SheetsCfRenderController"),_f);SheetsCfRenderController=__decorateClass$8([__decorateParam$8(0,core.Inject(sheets.SheetInterceptorService)),__decorateParam$8(1,core.Inject(sheetsConditionalFormatting.ConditionalFormattingService)),__decorateParam$8(2,core.Inject(core.IUniverInstanceService)),__decorateParam$8(3,core.Inject(engineRender.IRenderManagerService)),__decorateParam$8(4,core.Inject(sheetsConditionalFormatting.ConditionalFormattingViewModel)),__decorateParam$8(5,core.Inject(sheetsConditionalFormatting.ConditionalFormattingRuleModel))],SheetsCfRenderController);const SHEETS_CONDITIONAL_FORMATTING_UI_PLUGIN_CONFIG_KEY="sheets-conditional-formatting-ui.config",defaultPluginConfig={};var __defProp$7=Object.defineProperty,__getOwnPropDesc$7=Object.getOwnPropertyDescriptor,__defNormalProp$1=__name((obj,key,value)=>key in obj?__defProp$7(obj,key,{enumerable:!0,configurable:!0,writable:!0,value}):obj[key]=value,"__defNormalProp$1"),__decorateClass$7=__name((decorators,target,key,kind)=>{for(var result=kind>1?void 0:kind?__getOwnPropDesc$7(target,key):target,i=decorators.length-1,decorator;i>=0;i--)(decorator=decorators[i])&&(result=(kind?decorator(target,key,result):decorator(result))||result);return kind&&result&&__defProp$7(target,key,result),result},"__decorateClass$7"),__decorateParam$7=__name((index2,decorator)=>(target,key)=>decorator(target,key,index2),"__decorateParam$7"),__publicField$1=__name((obj,key,value)=>__defNormalProp$1(obj,typeof key!="symbol"?key+"":key,value),"__publicField$1");exports2.UniverSheetsConditionalFormattingMobileUIPlugin=(_g=class extends core.Plugin{constructor(_config=defaultPluginConfig,_injector,_commandService,_configService){super(),this._config=_config,this._injector=_injector,this._commandService=_commandService,this._configService=_configService;const{menu,...rest}=core.merge({},defaultPluginConfig,this._config);menu&&this._configService.setConfig("menu",menu,{merge:!0}),this._configService.setConfig(SHEETS_CONDITIONAL_FORMATTING_UI_PLUGIN_CONFIG_KEY,rest),this._initCommand(),this._injector.add([SheetsCfRenderController]),this._injector.add([SheetsCfRefRangeController]),this._injector.add([ConditionalFormattingCopyPasteController]),this._injector.add([ConditionalFormattingPermissionController]),this._injector.add([ConditionalFormattingI18nController])}_initCommand(){[AddAverageCfCommand,AddColorScaleConditionalRuleCommand,AddDataBarConditionalRuleCommand,AddDuplicateValuesCfCommand,AddNumberCfCommand,AddRankCfCommand,AddTextCfCommand,AddTimePeriodCfCommand,AddUniqueValuesCfCommand,OpenConditionalFormattingOperator,DeleteCfCommand,SetCfCommand,MoveCfCommand,AddCfCommand,ClearRangeCfCommand,ClearWorksheetCfCommand].forEach(m=>{this._commandService.registerCommand(m)})}},__name(_g,"UniverSheetsConditionalFormattingMobileUIPlugin"),_g),__publicField$1(exports2.UniverSheetsConditionalFormattingMobileUIPlugin,"pluginName",`${sheetsConditionalFormatting.SHEET_CONDITIONAL_FORMATTING_PLUGIN}_MOBILE_UI_PLUGIN`),__publicField$1(exports2.UniverSheetsConditionalFormattingMobileUIPlugin,"type",core.UniverInstanceType.UNIVER_SHEET),exports2.UniverSheetsConditionalFormattingMobileUIPlugin=__decorateClass$7([core.DependentOn(sheetsConditionalFormatting.UniverSheetsConditionalFormattingPlugin),__decorateParam$7(1,core.Inject(core.Injector)),__decorateParam$7(2,core.Inject(core.ICommandService)),__decorateParam$7(3,core.IConfigService)],exports2.UniverSheetsConditionalFormattingMobileUIPlugin);var __defProp$6=Object.defineProperty,__getOwnPropDesc$6=Object.getOwnPropertyDescriptor,__decorateClass$6=__name((decorators,target,key,kind)=>{for(var result=kind>1?void 0:kind?__getOwnPropDesc$6(target,key):target,i=decorators.length-1,decorator;i>=0;i--)(decorator=decorators[i])&&(result=(kind?decorator(target,key,result):decorator(result))||result);return kind&&result&&__defProp$6(target,key,result),result},"__decorateClass$6"),__decorateParam$6=__name((index2,decorator)=>(target,key)=>decorator(target,key,index2),"__decorateParam$6");let ConditionalFormattingAutoFillController=(_h=class extends core.Disposable{constructor(_injector,_univerInstanceService,_autoFillService,_conditionalFormattingRuleModel,_conditionalFormattingViewModel){super(),this._injector=_injector,this._univerInstanceService=_univerInstanceService,this._autoFillService=_autoFillService,this._conditionalFormattingRuleModel=_conditionalFormattingRuleModel,this._conditionalFormattingViewModel=_conditionalFormattingViewModel,this._initAutoFill()}_initAutoFill(){const noopReturnFunc=__name(()=>({redos:[],undos:[]}),"noopReturnFunc"),loopFunc=__name((sourceStartCell,targetStartCell,relativeRange,matrixMap,mapFunc)=>{var _a2;const unitId=this._univerInstanceService.getCurrentUnitForType(core.UniverInstanceType.UNIVER_SHEET).getUnitId(),subUnitId=(_a2=this._univerInstanceService.getCurrentUnitForType(core.UniverInstanceType.UNIVER_SHEET).getActiveSheet())==null?void 0:_a2.getSheetId();if(!unitId||!subUnitId)return;const sourceRange={startRow:sourceStartCell.row,startColumn:sourceStartCell.col,endColumn:sourceStartCell.col,endRow:sourceStartCell.row},targetRange={startRow:targetStartCell.row,startColumn:targetStartCell.col,endColumn:targetStartCell.col,endRow:targetStartCell.row};core.Range.foreach(relativeRange,(row,col)=>{const sourcePositionRange=core.Rectangle.getPositionRange({startRow:row,startColumn:col,endColumn:col,endRow:row},sourceRange),targetPositionRange=core.Rectangle.getPositionRange({startRow:row,startColumn:col,endColumn:col,endRow:row},targetRange),{row:sourceRow,col:sourceCol}=mapFunc(sourcePositionRange.startRow,sourcePositionRange.startColumn),sourceCellCf=this._conditionalFormattingViewModel.getCellCfs(unitId,subUnitId,sourceRow,sourceCol),{row:targetRow,col:targetCol}=mapFunc(targetPositionRange.startRow,targetPositionRange.startColumn),targetCellCf=this._conditionalFormattingViewModel.getCellCfs(unitId,subUnitId,targetRow,targetCol);targetCellCf&&targetCellCf.forEach(cf=>{let matrix=matrixMap.get(cf.cfId);if(!matrixMap.get(cf.cfId)){const rule=this._conditionalFormattingRuleModel.getRule(unitId,subUnitId,cf.cfId);if(!rule)return;matrix=new core.ObjectMatrix,rule.ranges.forEach(range=>{core.Range.foreach(range,(row2,col2)=>{matrix.setValue(row2,col2,1)})}),matrixMap.set(cf.cfId,matrix)}matrix.realDeleteValue(targetRow,targetCol)}),sourceCellCf&&sourceCellCf.forEach(cf=>{let matrix=matrixMap.get(cf.cfId);if(!matrixMap.get(cf.cfId)){const rule=this._conditionalFormattingRuleModel.getRule(unitId,subUnitId,cf.cfId);if(!rule)return;matrix=new core.ObjectMatrix,rule.ranges.forEach(range=>{core.Range.foreach(range,(row2,col2)=>{matrix.setValue(row2,col2,1)})}),matrixMap.set(cf.cfId,matrix)}matrix.setValue(targetRow,targetCol,1)})})},"loopFunc"),generalApplyFunc=__name((sourceRange,targetRange)=>{var _a2,_b2,_c2;const unitId=(_a2=this._univerInstanceService.getCurrentUnitForType(core.UniverInstanceType.UNIVER_SHEET))==null?void 0:_a2.getUnitId(),subUnitId=(_c2=(_b2=this._univerInstanceService.getCurrentUnitForType(core.UniverInstanceType.UNIVER_SHEET))==null?void 0:_b2.getActiveSheet())==null?void 0:_c2.getSheetId(),matrixMap=new Map,redos=[],undos=[];if(!unitId||!subUnitId)return noopReturnFunc();const virtualRange=sheetsUi.virtualizeDiscreteRanges([sourceRange,targetRange]),[vSourceRange,vTargetRange]=virtualRange.ranges,{mapFunc}=virtualRange,sourceStartCell={row:vSourceRange.startRow,col:vSourceRange.startColumn};return sheetsUi.getAutoFillRepeatRange(vSourceRange,vTargetRange).forEach(repeat=>{loopFunc(sourceStartCell,repeat.repeatStartCell,repeat.relativeRange,matrixMap,mapFunc)}),matrixMap.forEach((item2,cfId)=>{const rule=this._conditionalFormattingRuleModel.getRule(unitId,subUnitId,cfId);if(!rule)return;const ranges=sheets.findAllRectangle(sheets.createTopMatrixFromMatrix(item2));if(ranges.length){const params={unitId,subUnitId,rule:{...rule,ranges}};redos.push({id:sheetsConditionalFormatting.SetConditionalRuleMutation.id,params}),undos.push(...sheetsConditionalFormatting.setConditionalRuleMutationUndoFactory(this._injector,params))}else{const params={unitId,subUnitId,cfId:rule.cfId};redos.push({id:sheetsConditionalFormatting.DeleteConditionalRuleMutation.id,params}),undos.push(...sheetsConditionalFormatting.DeleteConditionalRuleMutationUndoFactory(this._injector,params))}}),{undos,redos}},"generalApplyFunc"),hook={id:sheetsConditionalFormatting.SHEET_CONDITIONAL_FORMATTING_PLUGIN,onFillData:__name((location,direction,applyType)=>{if(applyType===sheetsUi.APPLY_TYPE.COPY||applyType===sheetsUi.APPLY_TYPE.ONLY_FORMAT||applyType===sheetsUi.APPLY_TYPE.SERIES){const{source,target}=location;return generalApplyFunc(source,target)}return noopReturnFunc()},"onFillData")};this.disposeWithMe(this._autoFillService.addHook(hook))}},__name(_h,"ConditionalFormattingAutoFillController"),_h);ConditionalFormattingAutoFillController=__decorateClass$6([__decorateParam$6(0,core.Inject(core.Injector)),__decorateParam$6(1,core.Inject(core.IUniverInstanceService)),__decorateParam$6(2,core.Inject(sheetsUi.IAutoFillService)),__decorateParam$6(3,core.Inject(sheetsConditionalFormatting.ConditionalFormattingRuleModel)),__decorateParam$6(4,core.Inject(sheetsConditionalFormatting.ConditionalFormattingViewModel))],ConditionalFormattingAutoFillController);var __defProp$5=Object.defineProperty,__getOwnPropDesc$5=Object.getOwnPropertyDescriptor,__decorateClass$5=__name((decorators,target,key,kind)=>{for(var result=kind>1?void 0:kind?__getOwnPropDesc$5(target,key):target,i=decorators.length-1,decorator;i>=0;i--)(decorator=decorators[i])&&(result=(kind?decorator(target,key,result):decorator(result))||result);return kind&&result&&__defProp$5(target,key,result),result},"__decorateClass$5"),__decorateParam$5=__name((index2,decorator)=>(target,key)=>decorator(target,key,index2),"__decorateParam$5");exports2.ConditionalFormattingClearController=(_i=class extends core.Disposable{constructor(_injector,_univerInstanceService,_sheetInterceptorService,_selectionManagerService,_conditionalFormattingRuleModel){super(),this._injector=_injector,this._univerInstanceService=_univerInstanceService,this._sheetInterceptorService=_sheetInterceptorService,this._selectionManagerService=_selectionManagerService,this._conditionalFormattingRuleModel=_conditionalFormattingRuleModel,this._init()}_init(){this.disposeWithMe(this._sheetInterceptorService.interceptCommand({getMutations:__name(commandInfo=>{var _a2;const redos=[],undos=[],defaultV={redos,undos};if([sheets.ClearSelectionFormatCommand.id,sheets.ClearSelectionAllCommand.id].includes(commandInfo.id)){const ranges=(_a2=this._selectionManagerService.getCurrentSelections())==null?void 0:_a2.map(s=>s.range);if(!ranges)return defaultV;const workbook=this._univerInstanceService.getCurrentUnitForType(core.UniverInstanceType.UNIVER_SHEET),worksheet=workbook.getActiveSheet();if(!worksheet)return defaultV;const unitId=workbook.getUnitId(),subUnitId=worksheet.getSheetId(),allRules=this._conditionalFormattingRuleModel.getSubunitRules(unitId,subUnitId);if(!allRules||!allRules.length)return defaultV;const{redos:interceptRedos,undos:interceptUndos}=generateClearCfMutations(this._injector,allRules,ranges,unitId,subUnitId);redos.push(...interceptRedos),undos.push(...interceptUndos)}return defaultV},"getMutations")})),this.disposeWithMe(this._sheetInterceptorService.interceptRanges({getMutations:__name(({unitId,subUnitId,ranges})=>{const redos=[],undos=[],emptyInterceptorArr={redos,undos};if(!ranges||!ranges.length)return emptyInterceptorArr;const allRules=this._conditionalFormattingRuleModel.getSubunitRules(unitId,subUnitId);if(!allRules||!allRules.length)return emptyInterceptorArr;const{redos:interceptRedos,undos:interceptUndos}=generateClearCfMutations(this._injector,allRules,ranges,unitId,subUnitId);return redos.push(...interceptRedos),undos.push(...interceptUndos),emptyInterceptorArr},"getMutations")}))}},__name(_i,"ConditionalFormattingClearController"),_i),exports2.ConditionalFormattingClearController=__decorateClass$5([__decorateParam$5(0,core.Inject(core.Injector)),__decorateParam$5(1,core.Inject(core.IUniverInstanceService)),__decorateParam$5(2,core.Inject(sheets.SheetInterceptorService)),__decorateParam$5(3,core.Inject(sheets.SheetsSelectionsService)),__decorateParam$5(4,core.Inject(sheetsConditionalFormatting.ConditionalFormattingRuleModel))],exports2.ConditionalFormattingClearController);function generateClearCfMutations(injector,allRules,ranges,unitId,subUnitId){const redos=[],undos=[];return allRules.filter(rule=>ranges.some(range=>rule.ranges.some(ruleRange2=>core.Rectangle.getIntersects(ruleRange2,range)))).forEach(rule=>{const mergeRanges=new sheets.RangeMergeUtil().add(...rule.ranges).subtract(...ranges).merge();if(mergeRanges.length){const redo={id:sheetsConditionalFormatting.SetConditionalRuleMutation.id,params:{unitId,subUnitId,rule:{...rule,ranges:mergeRanges}}},undo=sheetsConditionalFormatting.setConditionalRuleMutationUndoFactory(injector,redo.params);redos.push(redo),undos.push(...undo)}else{const redo={id:sheetsConditionalFormatting.DeleteConditionalRuleMutation.id,params:{unitId,subUnitId,cfId:rule.cfId}},undo=sheetsConditionalFormatting.DeleteConditionalRuleMutationUndoFactory(injector,redo.params);redos.push(redo),undos.push(...undo)}}),{redos,undos}}__name(generateClearCfMutations,"generateClearCfMutations");var __defProp$4=Object.defineProperty,__getOwnPropDesc$4=Object.getOwnPropertyDescriptor,__decorateClass$4=__name((decorators,target,key,kind)=>{for(var result=kind>1?void 0:kind?__getOwnPropDesc$4(target,key):target,i=decorators.length-1,decorator;i>=0;i--)(decorator=decorators[i])&&(result=(kind?decorator(target,key,result):decorator(result))||result);return kind&&result&&__defProp$4(target,key,result),result},"__decorateClass$4"),__decorateParam$4=__name((index2,decorator)=>(target,key)=>decorator(target,key,index2),"__decorateParam$4");let ConditionalFormattingEditorController=(_j=class extends core.Disposable{constructor(_sheetInterceptorService,_conditionalFormattingService){super(),this._sheetInterceptorService=_sheetInterceptorService,this._conditionalFormattingService=_conditionalFormattingService,this._initInterceptorEditorEnd()}_initInterceptorEditorEnd(){this.disposeWithMe(core.toDisposable(this._sheetInterceptorService.writeCellInterceptor.intercept(sheets.AFTER_CELL_EDIT,{handler:__name((value,context,next)=>{var _a2,_b2,_c2;value||next(value);const result=this._conditionalFormattingService.composeStyle(context.unitId,context.subUnitId,context.row,context.col),cfStyle=(_a2=result==null?void 0:result.style)!=null?_a2:{},keys=Object.keys(cfStyle);if(value!=null&&value.p)return(_c2=(_b2=value.p.body)==null?void 0:_b2.textRuns)==null||_c2.forEach(item2=>{item2.ts&&keys.forEach(key=>{var _a3;(_a3=item2.ts)==null||delete _a3[key]})}),next(value);{const s={...(typeof(value==null?void 0:value.s)=="string"?context.workbook.getStyles().get(value.s):value==null?void 0:value.s)||{}};keys.forEach(key=>{delete s[key]});const cellData={...value,s:{...s}};return next(cellData)}},"handler")})))}},__name(_j,"ConditionalFormattingEditorController"),_j);ConditionalFormattingEditorController=__decorateClass$4([__decorateParam$4(0,core.Inject(sheets.SheetInterceptorService)),__decorateParam$4(1,core.Inject(sheetsConditionalFormatting.ConditionalFormattingService))],ConditionalFormattingEditorController);const commandList=[sheets.SetWorksheetActiveOperation.id,sheetsConditionalFormatting.AddConditionalRuleMutation.id,sheetsConditionalFormatting.SetConditionalRuleMutation.id,sheetsConditionalFormatting.DeleteConditionalRuleMutation.id,sheetsConditionalFormatting.MoveConditionalRuleMutation.id],commonSelections=[{label:"sheet.cf.ruleType.highlightCell",value:CF_MENU_OPERATION.highlightCell},{label:"sheet.cf.panel.rankAndAverage",value:CF_MENU_OPERATION.rank},{label:"sheet.cf.ruleType.formula",value:CF_MENU_OPERATION.formula},{label:"sheet.cf.ruleType.colorScale",value:CF_MENU_OPERATION.colorScale},{label:"sheet.cf.ruleType.dataBar",value:CF_MENU_OPERATION.dataBar},{label:"sheet.cf.ruleType.iconSet",value:CF_MENU_OPERATION.icon},{label:"sheet.cf.menu.manageConditionalFormatting",value:CF_MENU_OPERATION.viewRule},{label:"sheet.cf.menu.createConditionalFormatting",value:CF_MENU_OPERATION.createRule},{label:"sheet.cf.menu.clearRangeRules",value:CF_MENU_OPERATION.clearRangeRules,disabled:!1},{label:"sheet.cf.menu.clearWorkSheetRules",value:CF_MENU_OPERATION.clearWorkSheetRules}],FactoryManageConditionalFormattingRule=__name(accessor=>{const selectionManagerService=accessor.get(sheets.SheetsSelectionsService),commandService=accessor.get(core.ICommandService),univerInstanceService=accessor.get(core.IUniverInstanceService),conditionalFormattingRuleModel=accessor.get(sheetsConditionalFormatting.ConditionalFormattingRuleModel),clearRangeEnable$=new rxjs.Observable(subscriber=>rxjs.merge(selectionManagerService.selectionMoveEnd$,selectionManagerService.selectionSet$,new rxjs.Observable(commandSubscribe=>{const disposable=commandService.onCommandExecuted(commandInfo=>{var _a2;const{id,params}=commandInfo,unitId=(_a2=univerInstanceService.getCurrentUnitForType(core.UniverInstanceType.UNIVER_SHEET))==null?void 0:_a2.getUnitId();commandList.includes(id)&&params.unitId===unitId&&commandSubscribe.next(null)});return()=>disposable.dispose()})).pipe(operators.debounceTime(16)).subscribe(()=>{var _a2;const ranges=((_a2=selectionManagerService.getCurrentSelections())==null?void 0:_a2.map(selection=>selection.range))||[],workbook=univerInstanceService.getCurrentUnitForType(core.UniverInstanceType.UNIVER_SHEET);if(!workbook)return;const worksheet=workbook.getActiveSheet();if(!worksheet)return;const hasPermission=(conditionalFormattingRuleModel.getSubunitRules(workbook.getUnitId(),worksheet.getSheetId())||[]).filter(rule=>rule.ranges.some(ruleRange2=>ranges.some(range=>core.Rectangle.intersects(range,ruleRange2)))).map(rule=>rule.ranges).every(ranges2=>sheets.checkRangesEditablePermission(accessor,workbook.getUnitId(),worksheet.getSheetId(),ranges2));subscriber.next(hasPermission)})),clearSheetEnable$=new rxjs.Observable(subscriber=>new rxjs.Observable(commandSubscribe=>{const disposable=commandService.onCommandExecuted(commandInfo=>{var _a2;const{id,params}=commandInfo,unitId=(_a2=univerInstanceService.getCurrentUnitForType(core.UniverInstanceType.UNIVER_SHEET))==null?void 0:_a2.getUnitId();commandList.includes(id)&&params.unitId===unitId&&commandSubscribe.next(null)});return()=>disposable.dispose()}).pipe(operators.debounceTime(16)).subscribe(()=>{const workbook=univerInstanceService.getCurrentUnitForType(core.UniverInstanceType.UNIVER_SHEET);if(!workbook)return;const worksheet=workbook.getActiveSheet();if(!worksheet)return;const allRule=conditionalFormattingRuleModel.getSubunitRules(workbook.getUnitId(),worksheet.getSheetId())||[];if(!allRule.length)return subscriber.next(!1),!1;const hasPermission=allRule.map(rule=>rule.ranges).every(ranges=>sheets.checkRangesEditablePermission(accessor,workbook.getUnitId(),worksheet.getSheetId(),ranges));subscriber.next(hasPermission)})),selections$=new rxjs.Observable(subscriber=>{clearRangeEnable$.subscribe(v=>{const item2=commonSelections.find(item22=>item22.value===CF_MENU_OPERATION.clearRangeRules);item2&&(item2.disabled=!v,subscriber.next(commonSelections))}),clearSheetEnable$.subscribe(v=>{const item2=commonSelections.find(item22=>item22.value===CF_MENU_OPERATION.clearWorkSheetRules);item2&&(item2.disabled=!v,subscriber.next(commonSelections))}),subscriber.next(commonSelections)});return{id:OpenConditionalFormattingOperator.id,type:ui.MenuItemType.SELECTOR,icon:"Conditions",tooltip:"sheet.cf.title",selections:selections$,hidden$:ui.getMenuHiddenObservable(accessor,core.UniverInstanceType.UNIVER_SHEET),disabled$:sheetsUi.getCurrentRangeDisable$(accessor,{workbookTypes:[sheets.WorkbookEditablePermission],worksheetTypes:[sheets.WorksheetSetCellStylePermission,sheets.WorksheetEditPermission],rangeTypes:[sheets.RangeProtectionPermissionEditPoint]})}},"FactoryManageConditionalFormattingRule"),menuSchema={[ui.RibbonStartGroup.FORMULAS_INSERT]:{[OpenConditionalFormattingOperator.id]:{order:0,menuItemFactory:FactoryManageConditionalFormattingRule}}};var __defProp$3=Object.defineProperty,__getOwnPropDesc$3=Object.getOwnPropertyDescriptor,__decorateClass$3=__name((decorators,target,key,kind)=>{for(var result=kind>1?void 0:kind?__getOwnPropDesc$3(target,key):target,i=decorators.length-1,decorator;i>=0;i--)(decorator=decorators[i])&&(result=(kind?decorator(target,key,result):decorator(result))||result);return kind&&result&&__defProp$3(target,key,result),result},"__decorateClass$3"),__decorateParam$3=__name((index2,decorator)=>(target,key)=>decorator(target,key,index2),"__decorateParam$3");let ConditionalFormattingMenuController=(_k=class extends core.Disposable{constructor(_injector,_menuManagerService){super();__publicField(this,"_sidebarDisposable",null);this._injector=_injector,this._menuManagerService=_menuManagerService,this._menuManagerService.mergeMenu(menuSchema)}},__name(_k,"ConditionalFormattingMenuController"),_k);ConditionalFormattingMenuController=__decorateClass$3([__decorateParam$3(0,core.Inject(core.Injector)),__decorateParam$3(1,ui.IMenuManagerService)],ConditionalFormattingMenuController);var __defProp$2=Object.defineProperty,__getOwnPropDesc$2=Object.getOwnPropertyDescriptor,__decorateClass$2=__name((decorators,target,key,kind)=>{for(var result=kind>1?void 0:kind?__getOwnPropDesc$2(target,key):target,i=decorators.length-1,decorator;i>=0;i--)(decorator=decorators[i])&&(result=(kind?decorator(target,key,result):decorator(result))||result);return kind&&result&&__defProp$2(target,key,result),result},"__decorateClass$2"),__decorateParam$2=__name((index2,decorator)=>(target,key)=>decorator(target,key,index2),"__decorateParam$2");const repeatByRange=__name((sourceRange,targetRange)=>{const getRowLength=__name(range=>range.endRow-range.startRow+1,"getRowLength"),getColLength=__name(range=>range.endColumn-range.startColumn+1,"getColLength"),rowMod=getRowLength(targetRange)%getRowLength(sourceRange),colMod=getColLength(targetRange)%getColLength(sourceRange),repeatRow=Math.floor(getRowLength(targetRange)/getRowLength(sourceRange)),repeatCol=Math.floor(getColLength(targetRange)/getColLength(sourceRange)),repeatList=[],repeatRelativeRange={startRow:0,endRow:getRowLength(sourceRange)-1,startColumn:0,endColumn:getColLength(sourceRange)-1};if(getRowLength(targetRange)===1&&getColLength(targetRange)===1){const startRange={startRow:targetRange.startRow,endRow:targetRange.startRow,startColumn:targetRange.startColumn,endColumn:targetRange.startColumn};return repeatList.push({repeatRelativeRange,startRange}),repeatList}for(let countRow=0;countRow<repeatRow+(rowMod?.1:0);countRow++)for(let countCol=0;countCol<repeatCol+(colMod?.1:0);countCol++){const row=getRowLength(sourceRange)*countRow,col=getColLength(sourceRange)*countCol,startRange={startRow:row+targetRange.startRow,endRow:row+targetRange.startRow,startColumn:col+targetRange.startColumn,endColumn:col+targetRange.startColumn};let _repeatRelativeRange=repeatRelativeRange;countRow===repeatRow&&rowMod&&(_repeatRelativeRange={..._repeatRelativeRange},_repeatRelativeRange.endRow=_repeatRelativeRange.endRow-(getRowLength(sourceRange)-rowMod)),countCol===repeatCol&&colMod&&(_repeatRelativeRange={..._repeatRelativeRange},_repeatRelativeRange.endColumn=_repeatRelativeRange.endColumn-(getColLength(sourceRange)-colMod)),repeatList.push({repeatRelativeRange:_repeatRelativeRange,startRange})}return repeatList},"repeatByRange");let ConditionalFormattingPainterController=(_l=class extends core.Disposable{constructor(_injector,_univerInstanceService,_formatPainterService,_sheetsSelectionsService,_conditionalFormattingRuleModel,_conditionalFormattingViewModel){super();__publicField(this,"_painterConfig",null);this._injector=_injector,this._univerInstanceService=_univerInstanceService,this._formatPainterService=_formatPainterService,this._sheetsSelectionsService=_sheetsSelectionsService,this._conditionalFormattingRuleModel=_conditionalFormattingRuleModel,this._conditionalFormattingViewModel=_conditionalFormattingViewModel,this._initFormattingPainter()}_initFormattingPainter(){const noopReturnFunc=__name(()=>({redos:[],undos:[]}),"noopReturnFunc"),loopFunc=__name((sourceStartCell,targetStartCell,relativeRange,matrixMap,config)=>{const{unitId:sourceUnitId,subUnitId:sourceSubUnitId}=this._painterConfig,{targetUnitId,targetSubUnitId}=config,sourceRange={startRow:sourceStartCell.row,startColumn:sourceStartCell.col,endColumn:sourceStartCell.col,endRow:sourceStartCell.row},targetRange={startRow:targetStartCell.row,startColumn:targetStartCell.col,endColumn:targetStartCell.col,endRow:targetStartCell.row};core.Range.foreach(relativeRange,(row,col)=>{const sourcePositionRange=core.Rectangle.getPositionRange({startRow:row,startColumn:col,endColumn:col,endRow:row},sourceRange),targetPositionRange=core.Rectangle.getPositionRange({startRow:row,startColumn:col,endColumn:col,endRow:row},targetRange),sourceCellCf=this._conditionalFormattingViewModel.getCellCfs(sourceUnitId,sourceSubUnitId,sourcePositionRange.startRow,sourcePositionRange.startColumn),targetCellCf=this._conditionalFormattingViewModel.getCellCfs(targetUnitId,targetSubUnitId,targetPositionRange.startRow,targetPositionRange.startColumn);targetCellCf&&targetCellCf.forEach(cf=>{let matrix=matrixMap.get(cf.cfId);if(!matrixMap.get(cf.cfId)){const rule=this._conditionalFormattingRuleModel.getRule(targetUnitId,targetSubUnitId,cf.cfId);if(!rule)return;matrix=new core.ObjectMatrix,rule.ranges.forEach(range=>{core.Range.foreach(range,(row2,col2)=>{matrix.setValue(row2,col2,1)})}),matrixMap.set(cf.cfId,matrix)}matrix.realDeleteValue(targetPositionRange.startRow,targetPositionRange.startColumn)}),sourceCellCf&&sourceCellCf.forEach(cf=>{const matrix=matrixMap.get(cf.cfId);matrix&&matrix.setValue(targetPositionRange.startRow,targetPositionRange.startColumn,1)})})},"loopFunc"),generalApplyFunc=__name((targetUnitId,targetSubUnitId,targetRange)=>{var _a2;const{range:sourceRange,unitId:sourceUnitId,subUnitId:sourceSubUnitId}=this._painterConfig,isSkipSheet=targetUnitId!==sourceUnitId||sourceSubUnitId!==targetSubUnitId,matrixMap=new Map,redos=[],undos=[];if(!targetUnitId||!targetSubUnitId||!sourceUnitId||!sourceSubUnitId)return noopReturnFunc();const ruleList=(_a2=this._conditionalFormattingRuleModel.getSubunitRules(sourceUnitId,sourceSubUnitId))!=null?_a2:[];ruleList==null||ruleList.forEach(rule=>{const{ranges,cfId}=rule;if(ranges.some(range=>core.Rectangle.intersects(sourceRange,range))){const matrix=new core.ObjectMatrix;isSkipSheet||ranges.forEach(range=>{core.Range.foreach(range,(row,col)=>{matrix.setValue(row,col,1)})}),matrixMap.set(cfId,matrix)}});const sourceStartCell={row:sourceRange.startRow,col:sourceRange.startColumn};return repeatByRange(sourceRange,targetRange).forEach(repeat=>{loopFunc(sourceStartCell,{row:repeat.startRange.startRow,col:repeat.startRange.startColumn},repeat.repeatRelativeRange,matrixMap,{targetUnitId,targetSubUnitId})}),matrixMap.forEach((item2,cfId)=>{if(isSkipSheet){const rule=this._conditionalFormattingRuleModel.getRule(targetUnitId,targetSubUnitId,cfId),ranges=sheets.findAllRectangle(sheets.createTopMatrixFromMatrix(item2));if(rule)if(ranges.length){const params={unitId:targetUnitId,subUnitId:targetSubUnitId,rule:{...rule,ranges}};redos.push({id:sheetsConditionalFormatting.SetConditionalRuleMutation.id,params}),undos.push(...sheetsConditionalFormatting.setConditionalRuleMutationUndoFactory(this._injector,params))}else{const params={unitId:targetUnitId,subUnitId:targetSubUnitId,cfId:rule.cfId};redos.push({id:sheetsConditionalFormatting.DeleteConditionalRuleMutation.id,params}),undos.push(...sheetsConditionalFormatting.DeleteConditionalRuleMutationUndoFactory(this._injector,params))}else if(ranges.length){const sourceRule=this._conditionalFormattingRuleModel.getRule(sourceUnitId,sourceSubUnitId,cfId);if(sourceRule){const params={unitId:targetUnitId,subUnitId:targetSubUnitId,rule:{...core.Tools.deepClone(sourceRule),cfId:this._conditionalFormattingRuleModel.createCfId(targetUnitId,targetSubUnitId),ranges}};redos.push({id:sheetsConditionalFormatting.AddConditionalRuleMutation.id,params}),undos.push(sheetsConditionalFormatting.AddConditionalRuleMutationUndoFactory(this._injector,params))}}}else{const rule=this._conditionalFormattingRuleModel.getRule(sourceUnitId,sourceSubUnitId,cfId);if(!rule)return;const ranges=sheets.findAllRectangle(sheets.createTopMatrixFromMatrix(item2));if(ranges.length){const params={unitId:sourceUnitId,subUnitId:sourceSubUnitId,rule:{...rule,ranges}};redos.push({id:sheetsConditionalFormatting.SetConditionalRuleMutation.id,params}),undos.push(...sheetsConditionalFormatting.setConditionalRuleMutationUndoFactory(this._injector,params))}else{const params={unitId:sourceUnitId,subUnitId:sourceSubUnitId,cfId:rule.cfId};redos.push({id:sheetsConditionalFormatting.DeleteConditionalRuleMutation.id,params}),undos.push(...sheetsConditionalFormatting.DeleteConditionalRuleMutationUndoFactory(this._injector,params))}}}),{undos,redos}},"generalApplyFunc"),hook={id:sheetsConditionalFormatting.SHEET_CONDITIONAL_FORMATTING_PLUGIN,onStatusChange:__name(status=>{var _a2,_b2,_c2;switch(status){case sheetsUi.FormatPainterStatus.INFINITE:case sheetsUi.FormatPainterStatus.ONCE:{const unitId=(_a2=this._univerInstanceService.getCurrentUnitForType(core.UniverInstanceType.UNIVER_SHEET))==null?void 0:_a2.getUnitId(),subUnitId=(_c2=(_b2=this._univerInstanceService.getCurrentUnitForType(core.UniverInstanceType.UNIVER_SHEET))==null?void 0:_b2.getActiveSheet())==null?void 0:_c2.getSheetId(),selection=this._sheetsSelectionsService.getCurrentLastSelection(),range=selection==null?void 0:selection.range;unitId&&subUnitId&&range&&(this._painterConfig={unitId,subUnitId,range});break}case sheetsUi.FormatPainterStatus.OFF:{this._painterConfig=null;break}}},"onStatusChange"),onApply:__name((unitId,subUnitId,targetRange)=>this._painterConfig?generalApplyFunc(unitId,subUnitId,targetRange):{redos:[],undos:[]},"onApply")};this._formatPainterService.addHook(hook)}},__name(_l,"ConditionalFormattingPainterController"),_l);ConditionalFormattingPainterController=__decorateClass$2([__decorateParam$2(0,core.Inject(core.Injector)),__decorateParam$2(1,core.Inject(core.IUniverInstanceService)),__decorateParam$2(2,core.Inject(sheetsUi.IFormatPainterService)),__decorateParam$2(3,core.Inject(sheets.SheetsSelectionsService)),__decorateParam$2(4,core.Inject(sheetsConditionalFormatting.ConditionalFormattingRuleModel)),__decorateParam$2(5,core.Inject(sheetsConditionalFormatting.ConditionalFormattingViewModel))],ConditionalFormattingPainterController);var __defProp$1=Object.defineProperty,__getOwnPropDesc$1=Object.getOwnPropertyDescriptor,__decorateClass$1=__name((decorators,target,key,kind)=>{for(var result=kind>1?void 0:kind?__getOwnPropDesc$1(target,key):target,i=decorators.length-1,decorator;i>=0;i--)(decorator=decorators[i])&&(result=(kind?decorator(target,key,result):decorator(result))||result);return kind&&result&&__defProp$1(target,key,result),result},"__decorateClass$1"),__decorateParam$1=__name((index2,decorator)=>(target,key)=>decorator(target,key,index2),"__decorateParam$1");let ConditionalFormattingViewportController=(_m=class extends core.Disposable{constructor(_conditionalFormattingViewModel,_univerInstanceService,_renderManagerService){super(),this._conditionalFormattingViewModel=_conditionalFormattingViewModel,this._univerInstanceService=_univerInstanceService,this._renderManagerService=_renderManagerService,this._init()}_init(){const unit=this._univerInstanceService.getCurrentUnitForType(core.UniverInstanceType.UNIVER_SHEET),bindUnit=__name(unit2=>{const unitId=unit2.getUnitId(),render2=this._renderManagerService.getRenderById(unitId);if(!render2)return;const sheetSkeletonManagerService=render2.with(sheetsUi.SheetSkeletonManagerService);this.disposeWithMe(sheetSkeletonManagerService.currentSkeleton$.subscribe(s=>{if(s){const range=s.skeleton.rowColumnSegment,col=range.endColumn-range.startColumn+1,length=(range.endRow-range.startRow+1)*col*9,result=Math.max(sheetsConditionalFormatting.CONDITIONAL_FORMATTING_VIEWPORT_CACHE_LENGTH,length);this._conditionalFormattingViewModel.setCacheLength(result)}}))},"bindUnit");unit&&bindUnit(unit),this._univerInstanceService.getCurrentTypeOfUnit$(core.UniverInstanceType.UNIVER_SHEET).subscribe(unit2=>{unit2&&bindUnit(unit2)})}},__name(_m,"ConditionalFormattingViewportController"),_m);ConditionalFormattingViewportController=__decorateClass$1([__decorateParam$1(0,core.Inject(sheetsConditionalFormatting.ConditionalFormattingViewModel)),__decorateParam$1(1,core.IUniverInstanceService),__decorateParam$1(2,engineRender.IRenderManagerService)],ConditionalFormattingViewportController);var __defProp2=Object.defineProperty,__getOwnPropDesc=Object.getOwnPropertyDescriptor,__defNormalProp2=__name((obj,key,value)=>key in obj?__defProp2(obj,key,{enumerable:!0,configurable:!0,writable:!0,value}):obj[key]=value,"__defNormalProp"),__decorateClass=__name((decorators,target,key,kind)=>{for(var result=kind>1?void 0:kind?__getOwnPropDesc(target,key):target,i=decorators.length-1,decorator;i>=0;i--)(decorator=decorators[i])&&(result=(kind?decorator(target,key,result):decorator(result))||result);return kind&&result&&__defProp2(target,key,result),result},"__decorateClass"),__decorateParam=__name((index2,decorator)=>(target,key)=>decorator(target,key,index2),"__decorateParam"),__publicField2=__name((obj,key,value)=>__defNormalProp2(obj,typeof key!="symbol"?key+"":key,value),"__publicField");exports2.UniverSheetsConditionalFormattingUIPlugin=(_n=class extends core.Plugin{constructor(_config=defaultPluginConfig,_injector,_commandService,_configService){super(),this._config=_config,this._injector=_injector,this._commandService=_commandService,this._configService=_configService;const{menu,...rest}=core.merge({},defaultPluginConfig,this._config);menu&&this._configService.setConfig("menu",menu,{merge:!0}),this._configService.setConfig(SHEETS_CONDITIONAL_FORMATTING_UI_PLUGIN_CONFIG_KEY,rest),this._initCommand()}onStarting(){core.registerDependencies(this._injector,[[SheetsCfRenderController],[SheetsCfRefRangeController],[ConditionalFormattingCopyPasteController],[ConditionalFormattingAutoFillController],[ConditionalFormattingPermissionController],[ConditionalFormattingPanelController],[ConditionalFormattingMenuController],[ConditionalFormattingI18nController],[ConditionalFormattingEditorController],[exports2.ConditionalFormattingClearController],[ConditionalFormattingPainterController],[ConditionalFormattingViewportController]]),core.touchDependencies(this._injector,[[SheetsCfRenderController]])}onReady(){core.touchDependencies(this._injector,[[ConditionalFormattingMenuController],[ConditionalFormattingPanelController]])}onRendered(){core.touchDependencies(this._injector,[[ConditionalFormattingAutoFillController],[exports2.ConditionalFormattingClearController],[ConditionalFormattingCopyPasteController],[ConditionalFormattingEditorController],[ConditionalFormattingI18nController],[ConditionalFormattingPainterController],[ConditionalFormattingPermissionController],[SheetsCfRefRangeController],[ConditionalFormattingViewportController]])}_initCommand(){[AddAverageCfCommand,AddColorScaleConditionalRuleCommand,AddDataBarConditionalRuleCommand,AddDuplicateValuesCfCommand,AddNumberCfCommand,AddRankCfCommand,AddTextCfCommand,AddTimePeriodCfCommand,AddUniqueValuesCfCommand,OpenConditionalFormattingOperator,DeleteCfCommand,SetCfCommand,MoveCfCommand,AddCfCommand,ClearRangeCfCommand,ClearWorksheetCfCommand].forEach(m=>{this._commandService.registerCommand(m)})}},__name(_n,"UniverSheetsConditionalFormattingUIPlugin"),_n),__publicField2(exports2.UniverSheetsConditionalFormattingUIPlugin,"pluginName",`${sheetsConditionalFormatting.SHEET_CONDITIONAL_FORMATTING_PLUGIN}_UI_PLUGIN`),__publicField2(exports2.UniverSheetsConditionalFormattingUIPlugin,"type",core.UniverInstanceType.UNIVER_SHEET),exports2.UniverSheetsConditionalFormattingUIPlugin=__decorateClass([core.DependentOn(sheetsConditionalFormatting.UniverSheetsConditionalFormattingPlugin),__decorateParam(1,core.Inject(core.Injector)),__decorateParam(2,core.Inject(core.ICommandService)),__decorateParam(3,core.IConfigService)],exports2.UniverSheetsConditionalFormattingUIPlugin),exports2.AddAverageCfCommand=AddAverageCfCommand,exports2.AddCfCommand=AddCfCommand,exports2.AddColorScaleConditionalRuleCommand=AddColorScaleConditionalRuleCommand,exports2.AddDataBarConditionalRuleCommand=AddDataBarConditionalRuleCommand,exports2.AddDuplicateValuesCfCommand=AddDuplicateValuesCfCommand,exports2.AddNumberCfCommand=AddNumberCfCommand,exports2.AddRankCfCommand=AddRankCfCommand,exports2.AddTextCfCommand=AddTextCfCommand,exports2.AddTimePeriodCfCommand=AddTimePeriodCfCommand,exports2.AddUniqueValuesCfCommand=AddUniqueValuesCfCommand,exports2.ClearRangeCfCommand=ClearRangeCfCommand,exports2.ClearWorksheetCfCommand=ClearWorksheetCfCommand,exports2.DeleteCfCommand=DeleteCfCommand,exports2.MoveCfCommand=MoveCfCommand,exports2.OpenConditionalFormattingOperator=OpenConditionalFormattingOperator,exports2.SetCfCommand=SetCfCommand,Object.defineProperty(exports2,Symbol.toStringTag,{value:"Module"})});