@univerjs/sheets-conditional-formatting-ui 0.2.5 → 0.2.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/lib/umd/index.js CHANGED
@@ -1,4 +1,4 @@
1
- (function(U,c){typeof exports=="object"&&typeof module<"u"?c(exports,require("@univerjs/core"),require("@univerjs/sheets-conditional-formatting"),require("@univerjs/sheets"),require("@univerjs/ui"),require("rxjs"),require("rxjs/operators"),require("@univerjs/sheets-ui"),require("react"),require("@univerjs/design"),require("@univerjs/engine-formula"),require("clsx"),require("react-dom"),require("@univerjs/engine-render")):typeof define=="function"&&define.amd?define(["exports","@univerjs/core","@univerjs/sheets-conditional-formatting","@univerjs/sheets","@univerjs/ui","rxjs","rxjs/operators","@univerjs/sheets-ui","react","@univerjs/design","@univerjs/engine-formula","clsx","react-dom","@univerjs/engine-render"],c):(U=typeof globalThis<"u"?globalThis:U||self,c(U.UniverSheetsConditionalFormattingUi={},U.UniverCore,U.UniverSheetsConditionalFormatting,U.UniverSheets,U.UniverUi,U.rxjs,U.rxjs.operators,U.UniverSheetsUi,U.React,U.UniverDesign,U.UniverEngineFormula,U.clsx,U.ReactDOM,U.UniverEngineRender))})(this,function(U,c,s,V,fe,Oe,ke,le,x,G,Ar,$e,Hr,Lo){"use strict";var Td=Object.defineProperty;var _d=(U,c,s)=>c in U?Td(U,c,{enumerable:!0,configurable:!0,writable:!0,value:s}):U[c]=s;var $t=(U,c,s)=>_d(U,typeof c!="symbol"?c+"":c,s);const Dn={type:c.CommandType.COMMAND,id:"sheet.command.add-average-conditional-rule",handler(e,t){if(!t)return!1;const{ranges:n,style:r,stopIfTrue:a,operator:o}=t,i=e.get(s.ConditionalFormattingRuleModel),u=e.get(c.ICommandService),l=e.get(c.IUniverInstanceService),d=V.getSheetCommandTarget(l);if(!d)return!1;const{unitId:f,subUnitId:m}=d,h=i.createCfId(f,m),v={ranges:n,cfId:h,stopIfTrue:!!a,rule:{type:s.CFRuleType.highlightCell,subType:s.CFSubRuleType.average,operator:o,style:r}};return u.executeCommand(s.AddConditionalRuleMutation.id,{unitId:f,subUnitId:m,rule:v})}},Pn={type:c.CommandType.COMMAND,id:"sheet.command.add-color-scale-conditional-rule",handler(e,t){if(!t)return!1;const{ranges:n,config:r,stopIfTrue:a}=t,o=e.get(s.ConditionalFormattingRuleModel),i=e.get(c.ICommandService),u=e.get(c.IUniverInstanceService),l=V.getSheetCommandTarget(u);if(!l)return!1;const{unitId:d,subUnitId:f}=l,m=o.createCfId(d,f),h={ranges:n,cfId:m,stopIfTrue:!!a,rule:{type:s.CFRuleType.colorScale,config:r}};return i.executeCommand(s.AddConditionalRuleMutation.id,{unitId:d,subUnitId:f,rule:h})}},Mn={type:c.CommandType.COMMAND,id:"sheet.command.add-data-bar-conditional-rule",handler(e,t){if(!t)return!1;const{ranges:n,min:r,max:a,nativeColor:o,positiveColor:i,isGradient:u,stopIfTrue:l,isShowValue:d}=t,f=e.get(s.ConditionalFormattingRuleModel),m=e.get(c.IUniverInstanceService),h=V.getSheetCommandTarget(m);if(!h)return!1;const{unitId:v,subUnitId:y}=h,R=e.get(c.ICommandService),E=f.createCfId(v,y),b={ranges:n,cfId:E,stopIfTrue:!!l,rule:{type:s.CFRuleType.dataBar,isShowValue:d,config:{min:r,max:a,nativeColor:o,positiveColor:i,isGradient:u}}};return R.executeCommand(s.AddConditionalRuleMutation.id,{unitId:v,subUnitId:y,rule:b})}},Nn={type:c.CommandType.COMMAND,id:"sheet.command.add-duplicate-values-conditional-rule",handler(e,t){if(!t)return!1;const{ranges:n,style:r,stopIfTrue:a}=t,o=e.get(s.ConditionalFormattingRuleModel),i=e.get(c.ICommandService),u=e.get(c.IUniverInstanceService),l=V.getSheetCommandTarget(u);if(!l)return!1;const{unitId:d,subUnitId:f}=l,m=o.createCfId(d,f),h={ranges:n,cfId:m,stopIfTrue:!!a,rule:{type:s.CFRuleType.highlightCell,subType:s.CFSubRuleType.duplicateValues,style:r}};return i.executeCommand(s.AddConditionalRuleMutation.id,{unitId:d,subUnitId:f,rule:h})}},jn={type:c.CommandType.COMMAND,id:"sheet.command.add-number-conditional-rule",handler(e,t){if(!t)return!1;const{ranges:n,style:r,stopIfTrue:a,operator:o,value:i}=t,u=e.get(s.ConditionalFormattingRuleModel),l=e.get(c.ICommandService),d=e.get(c.IUniverInstanceService),f=V.getSheetCommandTarget(d);if(!f)return!1;const{unitId:m,subUnitId:h}=f,v=u.createCfId(m,h);let y;if([s.CFNumberOperator.between,s.CFNumberOperator.notBetween].includes(o)){const R=i;if(R.length!==2||!Array.isArray(R))return!1;y={ranges:n,cfId:v,stopIfTrue:!!a,rule:{type:s.CFRuleType.highlightCell,subType:s.CFSubRuleType.number,operator:o,style:r,value:R}}}else{const R=i;if(typeof R!="number")return!1;y={ranges:n,cfId:v,stopIfTrue:!!a,rule:{type:s.CFRuleType.highlightCell,subType:s.CFSubRuleType.number,operator:o,style:r,value:R}}}return l.executeCommand(s.AddConditionalRuleMutation.id,{unitId:m,subUnitId:h,rule:y})}},Ln={type:c.CommandType.COMMAND,id:"sheet.command.add-rank-conditional-rule",handler(e,t){if(!t)return!1;const{ranges:n,style:r,stopIfTrue:a,isPercent:o,isBottom:i,value:u}=t,l=e.get(s.ConditionalFormattingRuleModel),d=e.get(c.IUniverInstanceService),f=e.get(c.ICommandService),m=V.getSheetCommandTarget(d);if(!m)return!1;const{unitId:h,subUnitId:v}=m,y=l.createCfId(h,v),R={ranges:n,cfId:y,stopIfTrue:!!a,rule:{type:s.CFRuleType.highlightCell,subType:s.CFSubRuleType.rank,isPercent:o,isBottom:i,style:r,value:u}};return f.executeCommand(s.AddConditionalRuleMutation.id,{unitId:h,subUnitId:v,rule:R})}},Un={type:c.CommandType.COMMAND,id:"sheet.command.add-text-conditional-rule",handler(e,t){if(!t)return!1;const{ranges:n,style:r,stopIfTrue:a,operator:o,value:i}=t,u=e.get(s.ConditionalFormattingRuleModel),l=e.get(c.IUniverInstanceService),d=V.getSheetCommandTarget(l);if(!d)return!1;const{unitId:f,subUnitId:m}=d,h=e.get(c.ICommandService),v=u.createCfId(f,m),y={ranges:n,cfId:v,stopIfTrue:!!a,rule:{type:s.CFRuleType.highlightCell,subType:s.CFSubRuleType.text,operator:o,style:r,value:i}};return h.executeCommand(s.AddConditionalRuleMutation.id,{unitId:f,subUnitId:m,rule:y})}},Vn={type:c.CommandType.COMMAND,id:"sheet.command.add-time-period-conditional-rule",handler(e,t){if(!t)return!1;const{ranges:n,style:r,stopIfTrue:a,operator:o}=t,i=e.get(s.ConditionalFormattingRuleModel),u=e.get(c.IUniverInstanceService),l=e.get(c.ICommandService),d=V.getSheetCommandTarget(u);if(!d)return!1;const{unitId:f,subUnitId:m}=d,h=i.createCfId(f,m),v={ranges:n,cfId:h,stopIfTrue:!!a,rule:{type:s.CFRuleType.highlightCell,subType:s.CFSubRuleType.timePeriod,operator:o,style:r}};return l.executeCommand(s.AddConditionalRuleMutation.id,{unitId:f,subUnitId:m,rule:v})}},zn={type:c.CommandType.COMMAND,id:"sheet.command.add-uniqueValues-conditional-rule",handler(e,t){if(!t)return!1;const{ranges:n,style:r,stopIfTrue:a}=t,o=e.get(s.ConditionalFormattingRuleModel),i=e.get(c.IUniverInstanceService),u=e.get(c.ICommandService),l=V.getSheetCommandTarget(i);if(!l)return!1;const{unitId:d,subUnitId:f}=l,m=o.createCfId(d,f),h={ranges:n,cfId:m,stopIfTrue:!!a,rule:{type:s.CFRuleType.highlightCell,subType:s.CFSubRuleType.uniqueValues,style:r}};return u.executeCommand(s.AddConditionalRuleMutation.id,{unitId:d,subUnitId:f,rule:h})}},Bt={type:c.CommandType.COMMAND,id:"sheet.command.clear-range-conditional-rule",handler(e,t){var R;if(!t)return!1;const n=e.get(s.ConditionalFormattingRuleModel),r=e.get(c.IUniverInstanceService),a=e.get(c.ICommandService),o=e.get(c.IUndoRedoService),i=e.get(V.SheetsSelectionsService),u=V.getSheetCommandTarget(r,t);if(!u)return!1;const{unitId:l,subUnitId:d}=u,f=((R=i.getCurrentSelections())==null?void 0:R.map(E=>E.range))||[],m=n.getSubunitRules(l,d);if(!(m!=null&&m.length)||!f.length)return!1;const h=[],v=[];m.forEach(E=>{const b=new c.ObjectMatrix;E.ranges.forEach(T=>{c.Range.foreach(T,(w,g)=>{b.setValue(w,g,1)})}),f.forEach(T=>{c.Range.foreach(T,(w,g)=>{b.realDeleteValue(w,g)})});const I=V.findAllRectangle(V.createTopMatrixFromMatrix(b));if(I.length){const T={...E,ranges:I},w={unitId:l,subUnitId:d,rule:T},g=s.setConditionalRuleMutationUndoFactory(e,w);h.push({id:s.SetConditionalRuleMutation.id,params:w}),v.push(...g)}else{const T={unitId:l,subUnitId:d,cfId:E.cfId},w=s.DeleteConditionalRuleMutationUndoFactory(e,T);h.push({id:s.DeleteConditionalRuleMutation.id,params:T}),v.push(...w)}});const y=c.sequenceExecute(h,a).result;return y&&o.pushUndoRedo({unitID:l,redoMutations:h,undoMutations:v}),y}},Ct={type:c.CommandType.COMMAND,id:"sheet.command.clear-worksheet-conditional-rule",handler(e,t){const n=e.get(s.ConditionalFormattingRuleModel),r=e.get(c.IUniverInstanceService),a=e.get(c.ICommandService),o=e.get(c.IUndoRedoService),i=V.getSheetCommandTarget(r,t);if(!i)return!1;const{unitId:u,subUnitId:l}=i,d=n.getSubunitRules(u,l);if(!(d!=null&&d.length))return!1;const f=d.map(y=>({cfId:y.cfId,unitId:u,subUnitId:l})),m=f.map(y=>({id:s.DeleteConditionalRuleMutation.id,params:y})),h=f.map(y=>s.DeleteConditionalRuleMutationUndoFactory(e,y)[0]),v=c.sequenceExecute(m,a).result;return v&&o.pushUndoRedo({unitID:u,redoMutations:m,undoMutations:h}),v}};var Rt=(e=>(e[e.View=0]="View",e[e.Edit=1]="Edit",e[e.ManageCollaborator=2]="ManageCollaborator",e[e.Print=3]="Print",e[e.Duplicate=4]="Duplicate",e[e.Comment=5]="Comment",e[e.Copy=6]="Copy",e[e.Share=7]="Share",e[e.Export=8]="Export",e[e.MoveWorksheet=9]="MoveWorksheet",e[e.DeleteWorksheet=10]="DeleteWorksheet",e[e.HideWorksheet=11]="HideWorksheet",e[e.RenameWorksheet=12]="RenameWorksheet",e[e.CreateWorksheet=13]="CreateWorksheet",e[e.SetWorksheetStyle=14]="SetWorksheetStyle",e[e.EditWorksheetCell=15]="EditWorksheetCell",e[e.InsertHyperlink=16]="InsertHyperlink",e[e.Sort=17]="Sort",e[e.Filter=18]="Filter",e[e.PivotTable=19]="PivotTable",e[e.FloatImg=20]="FloatImg",e[e.History=21]="History",e[e.RwHgtClWdt=22]="RwHgtClWdt",e[e.ViemRwHgtClWdt=23]="ViemRwHgtClWdt",e[e.ViewFilter=24]="ViewFilter",e[e.MoveSheet=25]="MoveSheet",e[e.DeleteSheet=26]="DeleteSheet",e[e.HideSheet=27]="HideSheet",e[e.CopySheet=28]="CopySheet",e[e.RenameSheet=29]="RenameSheet",e[e.CreateSheet=30]="CreateSheet",e[e.SelectProtectedCells=31]="SelectProtectedCells",e[e.SelectUnProtectedCells=32]="SelectUnProtectedCells",e[e.SetCellStyle=33]="SetCellStyle",e[e.SetCellValue=34]="SetCellValue",e[e.SetRowStyle=35]="SetRowStyle",e[e.SetColumnStyle=36]="SetColumnStyle",e[e.InsertRow=37]="InsertRow",e[e.InsertColumn=38]="InsertColumn",e[e.DeleteRow=39]="DeleteRow",e[e.DeleteColumn=40]="DeleteColumn",e[e.EditExtraObject=41]="EditExtraObject",e[e.Delete=42]="Delete",e[e.RecoverHistory=43]="RecoverHistory",e[e.ViewHistory=44]="ViewHistory",e[e.UNRECOGNIZED=-1]="UNRECOGNIZED",e))(Rt||{});const Wr=[V.SetWorksheetActiveOperation.id,s.AddConditionalRuleMutation.id,s.SetConditionalRuleMutation.id,s.DeleteConditionalRuleMutation.id,s.MoveConditionalRuleMutation.id],Uo=e=>{const t=[{label:"sheet.cf.ruleType.highlightCell",value:Ie.highlightCell},{label:"sheet.cf.panel.rankAndAverage",value:Ie.rank},{label:"sheet.cf.ruleType.formula",value:Ie.formula},{label:"sheet.cf.ruleType.colorScale",value:Ie.colorScale},{label:"sheet.cf.ruleType.dataBar",value:Ie.dataBar},{label:"sheet.cf.ruleType.iconSet",value:Ie.icon},{label:"sheet.cf.menu.manageConditionalFormatting",value:Ie.viewRule},{label:"sheet.cf.menu.createConditionalFormatting",value:Ie.createRule},{label:"sheet.cf.menu.clearRangeRules",value:Ie.clearRangeRules,disabled:!1},{label:"sheet.cf.menu.clearWorkSheetRules",value:Ie.clearWorkSheetRules}],n=e.get(V.SheetsSelectionsService),r=e.get(c.ICommandService),a=e.get(c.IUniverInstanceService),o=e.get(s.ConditionalFormattingRuleModel),i=new Oe.Observable(d=>Oe.merge(n.selectionMoveEnd$,new Oe.Observable(f=>{const m=r.onCommandExecuted(h=>{var E;const{id:v,params:y}=h,R=(E=a.getCurrentUnitForType(c.UniverInstanceType.UNIVER_SHEET))==null?void 0:E.getUnitId();Wr.includes(v)&&y.unitId===R&&f.next(null)});return()=>m.dispose()})).pipe(ke.debounceTime(16)).subscribe(()=>{var R;const f=((R=n.getCurrentSelections())==null?void 0:R.map(E=>E.range))||[],m=a.getCurrentUnitForType(c.UniverInstanceType.UNIVER_SHEET);if(!m)return;const h=m.getActiveSheet();if(!h)return;const y=(o.getSubunitRules(m.getUnitId(),h.getSheetId())||[]).filter(E=>E.ranges.some(b=>f.some(I=>c.Rectangle.intersects(I,b))));d.next(!!y.length)})),u=new Oe.Observable(d=>Oe.merge(n.selectionMoveEnd$,new Oe.Observable(f=>{const m=r.onCommandExecuted(h=>{var E;const{id:v,params:y}=h,R=(E=a.getCurrentUnitForType(c.UniverInstanceType.UNIVER_SHEET))==null?void 0:E.getUnitId();Wr.includes(v)&&y.unitId===R&&f.next(null)});return()=>m.dispose()})).pipe(ke.debounceTime(16)).subscribe(()=>{const f=a.getCurrentUnitForType(c.UniverInstanceType.UNIVER_SHEET);if(!f)return;const m=f.getActiveSheet();if(!m)return;const h=o.getSubunitRules(f.getUnitId(),m.getSheetId())||[];if(!h.length)return d.next(!1),!1;const v=h.some(y=>y.ranges.some(E=>{var g,O;const{startRow:b,startColumn:I,endRow:T,endColumn:w}=E;for(let _=b;_<=T;_++)for(let C=I;C<=w;C++){const M=(O=(g=m.getCell(_,C))==null?void 0:g.selectionProtection)==null?void 0:O[0];if((M==null?void 0:M[Rt.Edit])===!1||(M==null?void 0:M[Rt.View])===!1)return!0}return!1}));d.next(!v)})),l=new Oe.Observable(d=>{i.subscribe(f=>{const m=t.find(h=>h.value===Ie.clearRangeRules);m&&(m.disabled=!f,d.next(t))}),u.subscribe(f=>{const m=t.find(h=>h.value===Ie.clearWorkSheetRules);m&&(m.disabled=!f,d.next(t))}),d.next(t)});return{id:wn.id,type:fe.MenuItemType.SELECTOR,group:fe.MenuGroup.TOOLBAR_FORMULAS_INSERT,positions:[fe.MenuPosition.TOOLBAR_START],icon:"Conditions",tooltip:"sheet.cf.title",selections:l,hidden$:fe.getMenuHiddenObservable(e,c.UniverInstanceType.UNIVER_SHEET),disabled$:le.getCurrentRangeDisable$(e,{workbookTypes:[V.WorkbookEditablePermission],worksheetTypes:[V.WorksheetSetCellStylePermission,V.WorksheetEditPermission],rangeTypes:[V.RangeProtectionPermissionEditPoint]})}};var Ae=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function An(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}function Vo(e){if(e.__esModule)return e;var t=e.default;if(typeof t=="function"){var n=function r(){return this instanceof r?Reflect.construct(t,arguments,this.constructor):t.apply(this,arguments)};n.prototype=t.prototype}else n={};return Object.defineProperty(n,"__esModule",{value:!0}),Object.keys(e).forEach(function(r){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(n,r,a.get?a:{enumerable:!0,get:function(){return e[r]}})}),n}var kr={exports:{}},Ft={};/**
1
+ (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("rxjs"),require("rxjs/operators"),require("@univerjs/sheets-ui"),require("react"),require("@univerjs/design"),require("@univerjs/engine-formula"),require("clsx"),require("react-dom"),require("@univerjs/engine-render")):typeof define=="function"&&define.amd?define(["exports","@univerjs/core","@univerjs/sheets-conditional-formatting","@univerjs/sheets","@univerjs/ui","rxjs","rxjs/operators","@univerjs/sheets-ui","react","@univerjs/design","@univerjs/engine-formula","clsx","react-dom","@univerjs/engine-render"],factory):(global2=typeof globalThis<"u"?globalThis:global2||self,factory(global2.UniverSheetsConditionalFormattingUi={},global2.UniverCore,global2.UniverSheetsConditionalFormatting,global2.UniverSheets,global2.UniverUi,global2.rxjs,global2.rxjs.operators,global2.UniverSheetsUi,global2.React,global2.UniverDesign,global2.UniverEngineFormula,global2.clsx,global2.ReactDOM,global2.UniverEngineRender))})(this,function(exports2,core,sheetsConditionalFormatting,sheets,ui,rxjs,operators,sheetsUi,require$$0,design,engineFormula,cl,require$$2$1,engineRender){"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;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})}},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}};var P=(E=>(E[E.View=0]="View",E[E.Edit=1]="Edit",E[E.ManageCollaborator=2]="ManageCollaborator",E[E.Print=3]="Print",E[E.Duplicate=4]="Duplicate",E[E.Comment=5]="Comment",E[E.Copy=6]="Copy",E[E.Share=7]="Share",E[E.Export=8]="Export",E[E.MoveWorksheet=9]="MoveWorksheet",E[E.DeleteWorksheet=10]="DeleteWorksheet",E[E.HideWorksheet=11]="HideWorksheet",E[E.RenameWorksheet=12]="RenameWorksheet",E[E.CreateWorksheet=13]="CreateWorksheet",E[E.SetWorksheetStyle=14]="SetWorksheetStyle",E[E.EditWorksheetCell=15]="EditWorksheetCell",E[E.InsertHyperlink=16]="InsertHyperlink",E[E.Sort=17]="Sort",E[E.Filter=18]="Filter",E[E.PivotTable=19]="PivotTable",E[E.FloatImg=20]="FloatImg",E[E.History=21]="History",E[E.RwHgtClWdt=22]="RwHgtClWdt",E[E.ViemRwHgtClWdt=23]="ViemRwHgtClWdt",E[E.ViewFilter=24]="ViewFilter",E[E.MoveSheet=25]="MoveSheet",E[E.DeleteSheet=26]="DeleteSheet",E[E.HideSheet=27]="HideSheet",E[E.CopySheet=28]="CopySheet",E[E.RenameSheet=29]="RenameSheet",E[E.CreateSheet=30]="CreateSheet",E[E.SelectProtectedCells=31]="SelectProtectedCells",E[E.SelectUnProtectedCells=32]="SelectUnProtectedCells",E[E.SetCellStyle=33]="SetCellStyle",E[E.SetCellValue=34]="SetCellValue",E[E.SetRowStyle=35]="SetRowStyle",E[E.SetColumnStyle=36]="SetColumnStyle",E[E.InsertRow=37]="InsertRow",E[E.InsertColumn=38]="InsertColumn",E[E.DeleteRow=39]="DeleteRow",E[E.DeleteColumn=40]="DeleteColumn",E[E.EditExtraObject=41]="EditExtraObject",E[E.Delete=42]="Delete",E[E.RecoverHistory=43]="RecoverHistory",E[E.ViewHistory=44]="ViewHistory",E[E.UNRECOGNIZED=-1]="UNRECOGNIZED",E))(P||{});const commandList=[sheets.SetWorksheetActiveOperation.id,sheetsConditionalFormatting.AddConditionalRuleMutation.id,sheetsConditionalFormatting.SetConditionalRuleMutation.id,sheetsConditionalFormatting.DeleteConditionalRuleMutation.id,sheetsConditionalFormatting.MoveConditionalRuleMutation.id],FactoryManageConditionalFormattingRule=__name(accessor=>{const 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}],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$,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 ruleList=(conditionalFormattingRuleModel.getSubunitRules(workbook.getUnitId(),worksheet.getSheetId())||[]).filter(rule=>rule.ranges.some(ruleRange2=>ranges.some(range=>core.Rectangle.intersects(range,ruleRange2))));subscriber.next(!!ruleList.length)})),clearSheetEnable$=new rxjs.Observable(subscriber=>rxjs.merge(selectionManagerService.selectionMoveEnd$,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 hasNotPermission=allRule.some(rule=>rule.ranges.some(range=>{var _a2,_b2;const{startRow,startColumn,endRow,endColumn}=range;for(let row=startRow;row<=endRow;row++)for(let col=startColumn;col<=endColumn;col++){const permission=(_b2=(_a2=worksheet.getCell(row,col))==null?void 0:_a2.selectionProtection)==null?void 0:_b2[0];if((permission==null?void 0:permission[P.Edit])===!1||(permission==null?void 0:permission[P.View])===!1)return!0}return!1}));subscriber.next(!hasNotPermission)})),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,group:ui.MenuGroup.TOOLBAR_FORMULAS_INSERT,positions:[ui.MenuPosition.TOOLBAR_START],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");var commonjsGlobal=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function getDefaultExportFromCjs(x){return x&&x.__esModule&&Object.prototype.hasOwnProperty.call(x,"default")?x.default:x}__name(getDefaultExportFromCjs,"getDefaultExportFromCjs");function getAugmentedNamespace(n2){if(n2.__esModule)return n2;var f2=n2.default;if(typeof f2=="function"){var a=__name(function a2(){return this instanceof a2?Reflect.construct(f2,arguments,this.constructor):f2.apply(this,arguments)},"a");a.prototype=f2.prototype}else a={};return Object.defineProperty(a,"__esModule",{value:!0}),Object.keys(n2).forEach(function(k2){var d=Object.getOwnPropertyDescriptor(n2,k2);Object.defineProperty(a,k2,d.get?d:{enumerable:!0,get:__name(function(){return n2[k2]},"get")})}),a}__name(getAugmentedNamespace,"getAugmentedNamespace");var jsxRuntime={exports:{}},reactJsxRuntime_production_min={};/**
2
2
  * @license React
3
3
  * react-jsx-runtime.production.min.js
4
4
  *
@@ -6,6 +6,6 @@
6
6
  *
7
7
  * This source code is licensed under the MIT license found in the
8
8
  * LICENSE file in the root directory of this source tree.
9
- */var zo=x,Ao=Symbol.for("react.element"),Ho=Symbol.for("react.fragment"),Wo=Object.prototype.hasOwnProperty,ko=zo.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,$o={key:!0,ref:!0,__self:!0,__source:!0};function $r(e,t,n){var r,a={},o=null,i=null;n!==void 0&&(o=""+n),t.key!==void 0&&(o=""+t.key),t.ref!==void 0&&(i=t.ref);for(r in t)Wo.call(t,r)&&!$o.hasOwnProperty(r)&&(a[r]=t[r]);if(e&&e.defaultProps)for(r in t=e.defaultProps,t)a[r]===void 0&&(a[r]=t[r]);return{$$typeof:Ao,type:e,key:o,ref:i,props:a,_owner:ko.current}}Ft.Fragment=Ho,Ft.jsx=$r,Ft.jsxs=$r,kr.exports=Ft;var p=kr.exports;const P={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 we=function(){return we=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++){t=arguments[n];for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e},we.apply(this,arguments)},Bo=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var a=0,r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]]);return n},it=x.forwardRef(function(e,t){var n=e.icon,r=e.id,a=e.className,o=e.extend,i=Bo(e,["icon","id","className","extend"]),u="univerjs-icon univerjs-icon-".concat(r," ").concat(a||"").trim(),l=x.useRef("_".concat(qo()));return Br(n,"".concat(r),{defIds:n.defIds,idSuffix:l.current},we({ref:t,className:u},i),o)});function Br(e,t,n,r,a){return x.createElement(e.tag,we(we({key:t},Fo(e,n,a)),r),(Go(e,n).children||[]).map(function(o,i){return Br(o,"".concat(t,"-").concat(e.tag,"-").concat(i),n,void 0,a)}))}function Fo(e,t,n){var r=we({},e.attrs);n!=null&&n.colorChannel1&&r.fill==="colorChannel1"&&(r.fill=n.colorChannel1);var a=t.defIds;return!a||a.length===0||(e.tag==="use"&&r["xlink:href"]&&(r["xlink:href"]=r["xlink:href"]+t.idSuffix),Object.entries(r).forEach(function(o){var i=o[0],u=o[1];typeof u=="string"&&(r[i]=u.replace(/url\(#(.*)\)/,"url(#$1".concat(t.idSuffix,")")))})),r}function Go(e,t){var n,r=t.defIds;return!r||r.length===0?e:e.tag==="defs"&&(!((n=e.children)===null||n===void 0)&&n.length)?we(we({},e),{children:e.children.map(function(a){return typeof a.attrs.id=="string"&&r&&r.indexOf(a.attrs.id)>-1?we(we({},a),{attrs:we(we({},a.attrs),{id:a.attrs.id+t.idSuffix})}):a})}):e}function qo(){return Math.random().toString(36).substring(2,8)}it.displayName="UniverIcon";var Xo={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"}}]},Gt=x.forwardRef(function(e,t){return x.createElement(it,Object.assign({},e,{id:"delete-single",ref:t,icon:Xo}))});Gt.displayName="DeleteSingle";var Yo={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"}}]},Fr=x.forwardRef(function(e,t){return x.createElement(it,Object.assign({},e,{id:"increase-single",ref:t,icon:Yo}))});Fr.displayName="IncreaseSingle";var Ko={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"}}]},qt=x.forwardRef(function(e,t){return x.createElement(it,Object.assign({},e,{id:"more-down-single",ref:t,icon:Ko}))});qt.displayName="MoreDownSingle";var Zo={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"}}]}]},Gr=x.forwardRef(function(e,t){return x.createElement(it,Object.assign({},e,{id:"sequence-single",ref:t,icon:Zo}))});Gr.displayName="SequenceSingle";var Jo={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"}}]}]},Tt=x.forwardRef(function(e,t){return x.createElement(it,Object.assign({},e,{id:"slash-single",ref:t,icon:Jo}))});Tt.displayName="SlashSingle";var qr={exports:{}},_t={},Hn={exports:{}};(function(e,t){(function(n,r){r(t)})(Ae,function(n){function r(N){return function(X,Y,q,ne,ie,ye,ee){return N(X,Y,ee)}}function a(N){return function(X,Y,q,ne){if(!X||!Y||typeof X!="object"||typeof Y!="object")return N(X,Y,q,ne);var ie=ne.get(X),ye=ne.get(Y);if(ie&&ye)return ie===Y&&ye===X;ne.set(X,Y),ne.set(Y,X);var ee=N(X,Y,q,ne);return ne.delete(X),ne.delete(Y),ee}}function o(N,A){var X={};for(var Y in N)X[Y]=N[Y];for(var Y in A)X[Y]=A[Y];return X}function i(N){return N.constructor===Object||N.constructor==null}function u(N){return typeof N.then=="function"}function l(N,A){return N===A||N!==N&&A!==A}var d="[object Arguments]",f="[object Boolean]",m="[object Date]",h="[object RegExp]",v="[object Map]",y="[object Number]",R="[object Object]",E="[object Set]",b="[object String]",I=Object.prototype.toString;function T(N){var A=N.areArraysEqual,X=N.areDatesEqual,Y=N.areMapsEqual,q=N.areObjectsEqual,ne=N.areRegExpsEqual,ie=N.areSetsEqual,ye=N.createIsNestedEqual,ee=ye(Ue);function Ue(re,se,Ve){if(re===se)return!0;if(!re||!se||typeof re!="object"||typeof se!="object")return re!==re&&se!==se;if(i(re)&&i(se))return q(re,se,ee,Ve);var No=Array.isArray(re),jo=Array.isArray(se);if(No||jo)return No===jo&&A(re,se,ee,Ve);var ze=I.call(re);return ze!==I.call(se)?!1:ze===m?X(re,se,ee,Ve):ze===h?ne(re,se,ee,Ve):ze===v?Y(re,se,ee,Ve):ze===E?ie(re,se,ee,Ve):ze===R||ze===d?u(re)||u(se)?!1:q(re,se,ee,Ve):ze===f||ze===y||ze===b?l(re.valueOf(),se.valueOf()):!1}return Ue}function w(N,A,X,Y){var q=N.length;if(A.length!==q)return!1;for(;q-- >0;)if(!X(N[q],A[q],q,q,N,A,Y))return!1;return!0}var g=a(w);function O(N,A){return l(N.valueOf(),A.valueOf())}function _(N,A,X,Y){var q=N.size===A.size;if(!q)return!1;if(!N.size)return!0;var ne={},ie=0;return N.forEach(function(ye,ee){if(q){var Ue=!1,re=0;A.forEach(function(se,Ve){!Ue&&!ne[re]&&(Ue=X(ee,Ve,ie,re,N,A,Y)&&X(ye,se,ee,Ve,N,A,Y))&&(ne[re]=!0),re++}),ie++,q=Ue}}),q}var C=a(_),M="_owner",L=Object.prototype.hasOwnProperty;function z(N,A,X,Y){var q=Object.keys(N),ne=q.length;if(Object.keys(A).length!==ne)return!1;for(var ie;ne-- >0;){if(ie=q[ne],ie===M){var ye=!!N.$$typeof,ee=!!A.$$typeof;if((ye||ee)&&ye!==ee)return!1}if(!L.call(A,ie)||!X(N[ie],A[ie],ie,ie,N,A,Y))return!1}return!0}var $=a(z);function S(N,A){return N.source===A.source&&N.flags===A.flags}function D(N,A,X,Y){var q=N.size===A.size;if(!q)return!1;if(!N.size)return!0;var ne={};return N.forEach(function(ie,ye){if(q){var ee=!1,Ue=0;A.forEach(function(re,se){!ee&&!ne[Ue]&&(ee=X(ie,re,ye,se,N,A,Y))&&(ne[Ue]=!0),Ue++}),q=ee}}),q}var Q=a(D),Re=Object.freeze({areArraysEqual:w,areDatesEqual:O,areMapsEqual:_,areObjectsEqual:z,areRegExpsEqual:S,areSetsEqual:D,createIsNestedEqual:r}),ge=Object.freeze({areArraysEqual:g,areDatesEqual:O,areMapsEqual:C,areObjectsEqual:$,areRegExpsEqual:S,areSetsEqual:Q,createIsNestedEqual:r}),ve=T(Re);function De(N,A){return ve(N,A,void 0)}var H=T(o(Re,{createIsNestedEqual:function(){return l}}));function Z(N,A){return H(N,A,void 0)}var te=T(ge);function oe(N,A){return te(N,A,new WeakMap)}var ue=T(o(ge,{createIsNestedEqual:function(){return l}}));function de(N,A){return ue(N,A,new WeakMap)}function xe(N){return T(o(Re,N(Re)))}function Pe(N){var A=T(o(ge,N(ge)));return function(X,Y,q){return q===void 0&&(q=new WeakMap),A(X,Y,q)}}n.circularDeepEqual=oe,n.circularShallowEqual=de,n.createCustomCircularEqual=Pe,n.createCustomEqual=xe,n.deepEqual=De,n.sameValueZeroEqual=l,n.shallowEqual=Z,Object.defineProperty(n,"__esModule",{value:!0})})})(Hn,Hn.exports);var Wn=Hn.exports,F={},Qo=function(t,n,r){return t===n?!0:t.className===n.className&&r(t.style,n.style)&&t.width===n.width&&t.autoSize===n.autoSize&&t.cols===n.cols&&t.draggableCancel===n.draggableCancel&&t.draggableHandle===n.draggableHandle&&r(t.verticalCompact,n.verticalCompact)&&r(t.compactType,n.compactType)&&r(t.layout,n.layout)&&r(t.margin,n.margin)&&r(t.containerPadding,n.containerPadding)&&t.rowHeight===n.rowHeight&&t.maxRows===n.maxRows&&t.isBounded===n.isBounded&&t.isDraggable===n.isDraggable&&t.isResizable===n.isResizable&&t.allowOverlap===n.allowOverlap&&t.preventCollision===n.preventCollision&&t.useCSSTransforms===n.useCSSTransforms&&t.transformScale===n.transformScale&&t.isDroppable===n.isDroppable&&r(t.resizeHandles,n.resizeHandles)&&r(t.resizeHandle,n.resizeHandle)&&t.onLayoutChange===n.onLayoutChange&&t.onDragStart===n.onDragStart&&t.onDrag===n.onDrag&&t.onDragStop===n.onDragStop&&t.onResizeStart===n.onResizeStart&&t.onResize===n.onResize&&t.onResizeStop===n.onResizeStop&&t.onDrop===n.onDrop&&r(t.droppingItem,n.droppingItem)&&r(t.innerRef,n.innerRef)};Object.defineProperty(F,"__esModule",{value:!0}),F.bottom=kn,F.childrenEqual=ni,F.cloneLayout=Yr,F.cloneLayoutItem=qe,F.collides=Xt,F.compact=Zr,F.compactItem=Jr,F.compactType=fi,F.correctBounds=Qr,F.fastPositionEqual=ri,F.fastRGLPropsEqual=void 0,F.getAllCollisions=ea,F.getFirstCollision=Xe,F.getLayoutItem=Bn,F.getStatics=Fn,F.modifyLayout=Kr,F.moveElement=wt,F.moveElementAwayFromCollision=Gn,F.noop=void 0,F.perc=oi,F.resizeItemInDirection=si,F.setTopLeft=ui,F.setTransform=li,F.sortLayoutItems=Jn,F.sortLayoutItemsByColRow=oa,F.sortLayoutItemsByRowCol=aa,F.synchronizeLayoutWithChildren=ci,F.validateLayout=di,F.withLayoutItem=ti;var Xr=Wn,It=ei(x);function ei(e){return e&&e.__esModule?e:{default:e}}function kn(e){let t=0,n;for(let r=0,a=e.length;r<a;r++)n=e[r].y+e[r].h,n>t&&(t=n);return t}function Yr(e){const t=Array(e.length);for(let n=0,r=e.length;n<r;n++)t[n]=qe(e[n]);return t}function Kr(e,t){const n=Array(e.length);for(let r=0,a=e.length;r<a;r++)t.i===e[r].i?n[r]=t:n[r]=e[r];return n}function ti(e,t,n){let r=Bn(e,t);return r?(r=n(qe(r)),e=Kr(e,r),[e,r]):[e,null]}function qe(e){return{w:e.w,h:e.h,x:e.x,y:e.y,i:e.i,minW:e.minW,maxW:e.maxW,minH:e.minH,maxH:e.maxH,moved:!!e.moved,static:!!e.static,isDraggable:e.isDraggable,isResizable:e.isResizable,resizeHandles:e.resizeHandles,isBounded:e.isBounded}}function ni(e,t){return(0,Xr.deepEqual)(It.default.Children.map(e,n=>n==null?void 0:n.key),It.default.Children.map(t,n=>n==null?void 0:n.key))&&(0,Xr.deepEqual)(It.default.Children.map(e,n=>n==null?void 0:n.props["data-grid"]),It.default.Children.map(t,n=>n==null?void 0:n.props["data-grid"]))}F.fastRGLPropsEqual=Qo;function ri(e,t){return e.left===t.left&&e.top===t.top&&e.width===t.width&&e.height===t.height}function Xt(e,t){return!(e.i===t.i||e.x+e.w<=t.x||e.x>=t.x+t.w||e.y+e.h<=t.y||e.y>=t.y+t.h)}function Zr(e,t,n,r){const a=Fn(e),o=Jn(e,t),i=Array(e.length);for(let u=0,l=o.length;u<l;u++){let d=qe(o[u]);d.static||(d=Jr(a,d,t,n,o,r),a.push(d)),i[e.indexOf(o[u])]=d,d.moved=!1}return i}const ai={x:"w",y:"h"};function $n(e,t,n,r){const a=ai[r];t[r]+=1;const o=e.map(i=>i.i).indexOf(t.i);for(let i=o+1;i<e.length;i++){const u=e[i];if(!u.static){if(u.y>t.y+t.h)break;Xt(t,u)&&$n(e,u,n+t[a],r)}}t[r]=n}function Jr(e,t,n,r,a,o){const i=n==="vertical",u=n==="horizontal";if(i)for(t.y=Math.min(kn(e),t.y);t.y>0&&!Xe(e,t);)t.y--;else if(u)for(;t.x>0&&!Xe(e,t);)t.x--;let l;for(;(l=Xe(e,t))&&!(n===null&&o);)if(u?$n(a,t,l.x+l.w,"x"):$n(a,t,l.y+l.h,"y"),u&&t.x+t.w>r)for(t.x=r-t.w,t.y++;t.x>0&&!Xe(e,t);)t.x--;return t.y=Math.max(t.y,0),t.x=Math.max(t.x,0),t}function Qr(e,t){const n=Fn(e);for(let r=0,a=e.length;r<a;r++){const o=e[r];if(o.x+o.w>t.cols&&(o.x=t.cols-o.w),o.x<0&&(o.x=0,o.w=t.cols),!o.static)n.push(o);else for(;Xe(n,o);)o.y++}return e}function Bn(e,t){for(let n=0,r=e.length;n<r;n++)if(e[n].i===t)return e[n]}function Xe(e,t){for(let n=0,r=e.length;n<r;n++)if(Xt(e[n],t))return e[n]}function ea(e,t){return e.filter(n=>Xt(n,t))}function Fn(e){return e.filter(t=>t.static)}function wt(e,t,n,r,a,o,i,u,l){if(t.static&&t.isDraggable!==!0||t.y===r&&t.x===n)return e;`${t.i}${String(n)}${String(r)}${t.x}${t.y}`;const d=t.x,f=t.y;typeof n=="number"&&(t.x=n),typeof r=="number"&&(t.y=r),t.moved=!0;let m=Jn(e,i);(i==="vertical"&&typeof r=="number"?f>=r:i==="horizontal"&&typeof n=="number"?d>=n:!1)&&(m=m.reverse());const v=ea(m,t),y=v.length>0;if(y&&l)return Yr(e);if(y&&o)return`${t.i}`,t.x=d,t.y=f,t.moved=!1,e;for(let R=0,E=v.length;R<E;R++){const b=v[R];`${t.i}${t.x}${t.y}${b.i}${b.x}${b.y}`,!b.moved&&(b.static?e=Gn(e,b,t,a,i):e=Gn(e,t,b,a,i))}return e}function Gn(e,t,n,r,a,o){const i=a==="horizontal",u=a==="vertical",l=t.static;if(r){r=!1;const m={x:i?Math.max(t.x-n.w,0):n.x,y:u?Math.max(t.y-n.h,0):n.y,w:n.w,h:n.h,i:"-1"},h=Xe(e,m),v=h&&h.y+h.h>t.y,y=h&&t.x+t.w>h.x;if(h){if(v&&u)return wt(e,n,void 0,t.y+1,r,l,a);if(v&&a==null)return t.y=n.y,n.y=n.y+n.h,e;if(y&&i)return wt(e,t,n.x,void 0,r,l,a)}else return`${n.i}${m.x}${m.y}`,wt(e,n,i?m.x:void 0,u?m.y:void 0,r,l,a)}const d=i?n.x+1:void 0,f=u?n.y+1:void 0;return d==null&&f==null?e:wt(e,n,i?n.x+1:void 0,u?n.y+1:void 0,r,l,a)}function oi(e){return e*100+"%"}const ta=(e,t,n,r)=>e+n>r?t:n,na=(e,t,n)=>e<0?t:n,ra=e=>Math.max(0,e),qn=e=>Math.max(0,e),Xn=(e,t,n)=>{let{left:r,height:a,width:o}=t;const i=e.top-(a-e.height);return{left:r,width:o,height:na(i,e.height,a),top:qn(i)}},Yn=(e,t,n)=>{let{top:r,left:a,height:o,width:i}=t;return{top:r,height:o,width:ta(e.left,e.width,i,n),left:ra(a)}},Kn=(e,t,n)=>{let{top:r,height:a,width:o}=t;const i=e.left-(o-e.width);return{height:a,width:i<0?e.width:ta(e.left,e.width,o,n),top:qn(r),left:ra(i)}},Zn=(e,t,n)=>{let{top:r,left:a,height:o,width:i}=t;return{width:i,left:a,height:na(r,e.height,o),top:qn(r)}},ii={n:Xn,ne:function(){return Xn(arguments.length<=0?void 0:arguments[0],Yn(...arguments))},e:Yn,se:function(){return Zn(arguments.length<=0?void 0:arguments[0],Yn(...arguments))},s:Zn,sw:function(){return Zn(arguments.length<=0?void 0:arguments[0],Kn(...arguments))},w:Kn,nw:function(){return Xn(arguments.length<=0?void 0:arguments[0],Kn(...arguments))}};function si(e,t,n,r){const a=ii[e];return a?a(t,{...t,...n},r):n}function li(e){let{top:t,left:n,width:r,height:a}=e;const o=`translate(${n}px,${t}px)`;return{transform:o,WebkitTransform:o,MozTransform:o,msTransform:o,OTransform:o,width:`${r}px`,height:`${a}px`,position:"absolute"}}function ui(e){let{top:t,left:n,width:r,height:a}=e;return{top:`${t}px`,left:`${n}px`,width:`${r}px`,height:`${a}px`,position:"absolute"}}function Jn(e,t){return t==="horizontal"?oa(e):t==="vertical"?aa(e):e}function aa(e){return e.slice(0).sort(function(t,n){return t.y>n.y||t.y===n.y&&t.x>n.x?1:t.y===n.y&&t.x===n.x?0:-1})}function oa(e){return e.slice(0).sort(function(t,n){return t.x>n.x||t.x===n.x&&t.y>n.y?1:-1})}function ci(e,t,n,r,a){e=e||[];const o=[];It.default.Children.forEach(t,u=>{if((u==null?void 0:u.key)==null)return;const l=Bn(e,String(u.key)),d=u.props["data-grid"];l&&d==null?o.push(qe(l)):d?o.push(qe({...d,i:u.key})):o.push(qe({w:1,h:1,x:0,y:kn(o),i:String(u.key)}))});const i=Qr(o,{cols:n});return a?i:Zr(i,r,n)}function di(e){let t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:"Layout";const n=["x","y","w","h"];if(!Array.isArray(e))throw new Error(t+" must be an array!");for(let r=0,a=e.length;r<a;r++){const o=e[r];for(let i=0;i<n.length;i++)if(typeof o[n[i]]!="number")throw new Error("ReactGridLayout: "+t+"["+r+"]."+n[i]+" must be a number!")}}function fi(e){const{verticalCompact:t,compactType:n}=e||{};return t===!1?null:n}function Gd(){}const pi=()=>{};F.noop=pi;var Me={};Object.defineProperty(Me,"__esModule",{value:!0}),Me.calcGridColWidth=Yt,Me.calcGridItemPosition=hi,Me.calcGridItemWHPx=Qn,Me.calcWH=gi,Me.calcXY=mi,Me.clamp=Ye;function Yt(e){const{margin:t,containerPadding:n,containerWidth:r,cols:a}=e;return(r-t[0]*(a-1)-n[0]*2)/a}function Qn(e,t,n){return Number.isFinite(e)?Math.round(t*e+Math.max(0,e-1)*n):e}function hi(e,t,n,r,a,o){const{margin:i,containerPadding:u,rowHeight:l}=e,d=Yt(e),f={};return o&&o.resizing?(f.width=Math.round(o.resizing.width),f.height=Math.round(o.resizing.height)):(f.width=Qn(r,d,i[0]),f.height=Qn(a,l,i[1])),o&&o.dragging?(f.top=Math.round(o.dragging.top),f.left=Math.round(o.dragging.left)):o&&o.resizing&&typeof o.resizing.top=="number"&&typeof o.resizing.left=="number"?(f.top=Math.round(o.resizing.top),f.left=Math.round(o.resizing.left)):(f.top=Math.round((l+i[1])*n+u[1]),f.left=Math.round((d+i[0])*t+u[0])),f}function mi(e,t,n,r,a){const{margin:o,cols:i,rowHeight:u,maxRows:l}=e,d=Yt(e);let f=Math.round((n-o[0])/(d+o[0])),m=Math.round((t-o[1])/(u+o[1]));return f=Ye(f,0,i-r),m=Ye(m,0,l-a),{x:f,y:m}}function gi(e,t,n,r,a,o){const{margin:i,maxRows:u,cols:l,rowHeight:d}=e,f=Yt(e);let m=Math.round((t+i[0])/(f+i[0])),h=Math.round((n+i[1])/(d+i[1])),v=Ye(m,0,l-r),y=Ye(h,0,u-a);return["sw","w","nw"].indexOf(o)!==-1&&(v=Ye(m,0,l)),["nw","n","ne"].indexOf(o)!==-1&&(y=Ye(h,0,u)),{w:v,h:y}}function Ye(e,t,n){return Math.max(Math.min(e,n),t)}var Kt={},ia={exports:{}},vi="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED",yi=vi,Si=yi;function sa(){}function la(){}la.resetWarningCache=sa;var bi=function(){function e(r,a,o,i,u,l){if(l!==Si){var d=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 d.name="Invariant Violation",d}}e.isRequired=e;function t(){return e}var n={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:la,resetWarningCache:sa};return n.PropTypes=n,n};ia.exports=bi();var Be=ia.exports,Zt={exports:{}},ua={},ae={},Ne={};Object.defineProperty(Ne,"__esModule",{value:!0}),Ne.dontSetMe=Ii,Ne.findInArray=Ci,Ne.int=_i,Ne.isFunction=Ri,Ne.isNum=Ti;function Ci(e,t){for(let n=0,r=e.length;n<r;n++)if(t.apply(t,[e[n],n,e]))return e[n]}function Ri(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Function]"}function Ti(e){return typeof e=="number"&&!isNaN(e)}function _i(e){return parseInt(e,10)}function Ii(e,t,n){if(e[t])return new Error("Invalid prop ".concat(t," passed to ").concat(n," - do not set this, set it on the child."))}var Ke={};Object.defineProperty(Ke,"__esModule",{value:!0}),Ke.browserPrefixToKey=da,Ke.browserPrefixToStyle=wi,Ke.default=void 0,Ke.getPrefix=ca;const er=["Moz","Webkit","O","ms"];function ca(){var e;let t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:"transform";if(typeof window>"u")return"";const n=(e=window.document)===null||e===void 0||(e=e.documentElement)===null||e===void 0?void 0:e.style;if(!n||t in n)return"";for(let r=0;r<er.length;r++)if(da(t,er[r])in n)return er[r];return""}function da(e,t){return t?"".concat(t).concat(xi(e)):e}function wi(e,t){return t?"-".concat(t.toLowerCase(),"-").concat(e):e}function xi(e){let t="",n=!0;for(let r=0;r<e.length;r++)n?(t+=e[r].toUpperCase(),n=!1):e[r]==="-"?n=!0:t+=e[r];return t}Ke.default=ca(),Object.defineProperty(ae,"__esModule",{value:!0}),ae.addClassName=ma,ae.addEvent=Di,ae.addUserSelectStyles=Wi,ae.createCSSTransform=Vi,ae.createSVGTransform=zi,ae.getTouch=Ai,ae.getTouchIdentifier=Hi,ae.getTranslation=tr,ae.innerHeight=ji,ae.innerWidth=Li,ae.matchesSelector=ha,ae.matchesSelectorAndParentsTo=Ei,ae.offsetXYFromParent=Ui,ae.outerHeight=Mi,ae.outerWidth=Ni,ae.removeClassName=ga,ae.removeEvent=Pi,ae.removeUserSelectStyles=ki;var Te=Ne,fa=Oi(Ke);function pa(e){if(typeof WeakMap!="function")return null;var t=new WeakMap,n=new WeakMap;return(pa=function(r){return r?n:t})(e)}function Oi(e,t){if(e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var n=pa(t);if(n&&n.has(e))return n.get(e);var r={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if(o!=="default"&&Object.prototype.hasOwnProperty.call(e,o)){var i=a?Object.getOwnPropertyDescriptor(e,o):null;i&&(i.get||i.set)?Object.defineProperty(r,o,i):r[o]=e[o]}return r.default=e,n&&n.set(e,r),r}let Jt="";function ha(e,t){return Jt||(Jt=(0,Te.findInArray)(["matches","webkitMatchesSelector","mozMatchesSelector","msMatchesSelector","oMatchesSelector"],function(n){return(0,Te.isFunction)(e[n])})),(0,Te.isFunction)(e[Jt])?e[Jt](t):!1}function Ei(e,t,n){let r=e;do{if(ha(r,t))return!0;if(r===n)return!1;r=r.parentNode}while(r);return!1}function Di(e,t,n,r){if(!e)return;const a={capture:!0,...r};e.addEventListener?e.addEventListener(t,n,a):e.attachEvent?e.attachEvent("on"+t,n):e["on"+t]=n}function Pi(e,t,n,r){if(!e)return;const a={capture:!0,...r};e.removeEventListener?e.removeEventListener(t,n,a):e.detachEvent?e.detachEvent("on"+t,n):e["on"+t]=null}function Mi(e){let t=e.clientHeight;const n=e.ownerDocument.defaultView.getComputedStyle(e);return t+=(0,Te.int)(n.borderTopWidth),t+=(0,Te.int)(n.borderBottomWidth),t}function Ni(e){let t=e.clientWidth;const n=e.ownerDocument.defaultView.getComputedStyle(e);return t+=(0,Te.int)(n.borderLeftWidth),t+=(0,Te.int)(n.borderRightWidth),t}function ji(e){let t=e.clientHeight;const n=e.ownerDocument.defaultView.getComputedStyle(e);return t-=(0,Te.int)(n.paddingTop),t-=(0,Te.int)(n.paddingBottom),t}function Li(e){let t=e.clientWidth;const n=e.ownerDocument.defaultView.getComputedStyle(e);return t-=(0,Te.int)(n.paddingLeft),t-=(0,Te.int)(n.paddingRight),t}function Ui(e,t,n){const a=t===t.ownerDocument.body?{left:0,top:0}:t.getBoundingClientRect(),o=(e.clientX+t.scrollLeft-a.left)/n,i=(e.clientY+t.scrollTop-a.top)/n;return{x:o,y:i}}function Vi(e,t){const n=tr(e,t,"px");return{[(0,fa.browserPrefixToKey)("transform",fa.default)]:n}}function zi(e,t){return tr(e,t,"")}function tr(e,t,n){let{x:r,y:a}=e,o="translate(".concat(r).concat(n,",").concat(a).concat(n,")");if(t){const i="".concat(typeof t.x=="string"?t.x:t.x+n),u="".concat(typeof t.y=="string"?t.y:t.y+n);o="translate(".concat(i,", ").concat(u,")")+o}return o}function Ai(e,t){return e.targetTouches&&(0,Te.findInArray)(e.targetTouches,n=>t===n.identifier)||e.changedTouches&&(0,Te.findInArray)(e.changedTouches,n=>t===n.identifier)}function Hi(e){if(e.targetTouches&&e.targetTouches[0])return e.targetTouches[0].identifier;if(e.changedTouches&&e.changedTouches[0])return e.changedTouches[0].identifier}function Wi(e){if(!e)return;let t=e.getElementById("react-draggable-style-el");t||(t=e.createElement("style"),t.type="text/css",t.id="react-draggable-style-el",t.innerHTML=`.react-draggable-transparent-selection *::-moz-selection {all: inherit;}
10
- `,t.innerHTML+=`.react-draggable-transparent-selection *::selection {all: inherit;}
11
- `,e.getElementsByTagName("head")[0].appendChild(t)),e.body&&ma(e.body,"react-draggable-transparent-selection")}function ki(e){if(e)try{if(e.body&&ga(e.body,"react-draggable-transparent-selection"),e.selection)e.selection.empty();else{const t=(e.defaultView||window).getSelection();t&&t.type!=="Caret"&&t.removeAllRanges()}}catch{}}function ma(e,t){e.classList?e.classList.add(t):e.className.match(new RegExp("(?:^|\\s)".concat(t,"(?!\\S)")))||(e.className+=" ".concat(t))}function ga(e,t){e.classList?e.classList.remove(t):e.className=e.className.replace(new RegExp("(?:^|\\s)".concat(t,"(?!\\S)"),"g"),"")}var je={};Object.defineProperty(je,"__esModule",{value:!0}),je.canDragX=Fi,je.canDragY=Gi,je.createCoreData=Xi,je.createDraggableData=Yi,je.getBoundPosition=$i,je.getControlPosition=qi,je.snapToGrid=Bi;var _e=Ne,st=ae;function $i(e,t,n){if(!e.props.bounds)return[t,n];let{bounds:r}=e.props;r=typeof r=="string"?r:Ki(r);const a=nr(e);if(typeof r=="string"){const{ownerDocument:o}=a,i=o.defaultView;let u;if(r==="parent"?u=a.parentNode:u=o.querySelector(r),!(u instanceof i.HTMLElement))throw new Error('Bounds selector "'+r+'" could not find an element.');const l=u,d=i.getComputedStyle(a),f=i.getComputedStyle(l);r={left:-a.offsetLeft+(0,_e.int)(f.paddingLeft)+(0,_e.int)(d.marginLeft),top:-a.offsetTop+(0,_e.int)(f.paddingTop)+(0,_e.int)(d.marginTop),right:(0,st.innerWidth)(l)-(0,st.outerWidth)(a)-a.offsetLeft+(0,_e.int)(f.paddingRight)-(0,_e.int)(d.marginRight),bottom:(0,st.innerHeight)(l)-(0,st.outerHeight)(a)-a.offsetTop+(0,_e.int)(f.paddingBottom)-(0,_e.int)(d.marginBottom)}}return(0,_e.isNum)(r.right)&&(t=Math.min(t,r.right)),(0,_e.isNum)(r.bottom)&&(n=Math.min(n,r.bottom)),(0,_e.isNum)(r.left)&&(t=Math.max(t,r.left)),(0,_e.isNum)(r.top)&&(n=Math.max(n,r.top)),[t,n]}function Bi(e,t,n){const r=Math.round(t/e[0])*e[0],a=Math.round(n/e[1])*e[1];return[r,a]}function Fi(e){return e.props.axis==="both"||e.props.axis==="x"}function Gi(e){return e.props.axis==="both"||e.props.axis==="y"}function qi(e,t,n){const r=typeof t=="number"?(0,st.getTouch)(e,t):null;if(typeof t=="number"&&!r)return null;const a=nr(n),o=n.props.offsetParent||a.offsetParent||a.ownerDocument.body;return(0,st.offsetXYFromParent)(r||e,o,n.props.scale)}function Xi(e,t,n){const r=!(0,_e.isNum)(e.lastX),a=nr(e);return r?{node:a,deltaX:0,deltaY:0,lastX:t,lastY:n,x:t,y:n}:{node:a,deltaX:t-e.lastX,deltaY:n-e.lastY,lastX:e.lastX,lastY:e.lastY,x:t,y:n}}function Yi(e,t){const n=e.props.scale;return{node:t.node,x:e.state.x+t.deltaX/n,y:e.state.y+t.deltaY/n,deltaX:t.deltaX/n,deltaY:t.deltaY/n,lastX:e.state.x,lastY:e.state.y}}function Ki(e){return{left:e.left,top:e.top,right:e.right,bottom:e.bottom}}function nr(e){const t=e.findDOMNode();if(!t)throw new Error("<DraggableCore>: Unmounted during event!");return t}var Qt={},en={};Object.defineProperty(en,"__esModule",{value:!0}),en.default=Zi;function Zi(){}Object.defineProperty(Qt,"__esModule",{value:!0}),Qt.default=void 0;var rr=Qi(x),be=or(Be),Ji=or(Hr),he=ae,Fe=je,ar=Ne,xt=or(en);function or(e){return e&&e.__esModule?e:{default:e}}function va(e){if(typeof WeakMap!="function")return null;var t=new WeakMap,n=new WeakMap;return(va=function(r){return r?n:t})(e)}function Qi(e,t){if(e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var n=va(t);if(n&&n.has(e))return n.get(e);var r={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if(o!=="default"&&Object.prototype.hasOwnProperty.call(e,o)){var i=a?Object.getOwnPropertyDescriptor(e,o):null;i&&(i.get||i.set)?Object.defineProperty(r,o,i):r[o]=e[o]}return r.default=e,n&&n.set(e,r),r}function Se(e,t,n){return t=es(t),t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function es(e){var t=ts(e,"string");return typeof t=="symbol"?t:String(t)}function ts(e,t){if(typeof e!="object"||e===null)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||"default");if(typeof r!="object")return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}const Ee={touch:{start:"touchstart",move:"touchmove",stop:"touchend"},mouse:{start:"mousedown",move:"mousemove",stop:"mouseup"}};let Ge=Ee.mouse,tn=class extends rr.Component{constructor(){super(...arguments),Se(this,"dragging",!1),Se(this,"lastX",NaN),Se(this,"lastY",NaN),Se(this,"touchIdentifier",null),Se(this,"mounted",!1),Se(this,"handleDragStart",t=>{if(this.props.onMouseDown(t),!this.props.allowAnyClick&&typeof t.button=="number"&&t.button!==0)return!1;const n=this.findDOMNode();if(!n||!n.ownerDocument||!n.ownerDocument.body)throw new Error("<DraggableCore> not mounted on DragStart!");const{ownerDocument:r}=n;if(this.props.disabled||!(t.target instanceof r.defaultView.Node)||this.props.handle&&!(0,he.matchesSelectorAndParentsTo)(t.target,this.props.handle,n)||this.props.cancel&&(0,he.matchesSelectorAndParentsTo)(t.target,this.props.cancel,n))return;t.type==="touchstart"&&t.preventDefault();const a=(0,he.getTouchIdentifier)(t);this.touchIdentifier=a;const o=(0,Fe.getControlPosition)(t,a,this);if(o==null)return;const{x:i,y:u}=o,l=(0,Fe.createCoreData)(this,i,u);(0,xt.default)("DraggableCore: handleDragStart: %j",l),(0,xt.default)("calling",this.props.onStart),!(this.props.onStart(t,l)===!1||this.mounted===!1)&&(this.props.enableUserSelectHack&&(0,he.addUserSelectStyles)(r),this.dragging=!0,this.lastX=i,this.lastY=u,(0,he.addEvent)(r,Ge.move,this.handleDrag),(0,he.addEvent)(r,Ge.stop,this.handleDragStop))}),Se(this,"handleDrag",t=>{const n=(0,Fe.getControlPosition)(t,this.touchIdentifier,this);if(n==null)return;let{x:r,y:a}=n;if(Array.isArray(this.props.grid)){let u=r-this.lastX,l=a-this.lastY;if([u,l]=(0,Fe.snapToGrid)(this.props.grid,u,l),!u&&!l)return;r=this.lastX+u,a=this.lastY+l}const o=(0,Fe.createCoreData)(this,r,a);if((0,xt.default)("DraggableCore: handleDrag: %j",o),this.props.onDrag(t,o)===!1||this.mounted===!1){try{this.handleDragStop(new MouseEvent("mouseup"))}catch{const l=document.createEvent("MouseEvents");l.initMouseEvent("mouseup",!0,!0,window,0,0,0,0,0,!1,!1,!1,!1,0,null),this.handleDragStop(l)}return}this.lastX=r,this.lastY=a}),Se(this,"handleDragStop",t=>{if(!this.dragging)return;const n=(0,Fe.getControlPosition)(t,this.touchIdentifier,this);if(n==null)return;let{x:r,y:a}=n;if(Array.isArray(this.props.grid)){let l=r-this.lastX||0,d=a-this.lastY||0;[l,d]=(0,Fe.snapToGrid)(this.props.grid,l,d),r=this.lastX+l,a=this.lastY+d}const o=(0,Fe.createCoreData)(this,r,a);if(this.props.onStop(t,o)===!1||this.mounted===!1)return!1;const u=this.findDOMNode();u&&this.props.enableUserSelectHack&&(0,he.removeUserSelectStyles)(u.ownerDocument),(0,xt.default)("DraggableCore: handleDragStop: %j",o),this.dragging=!1,this.lastX=NaN,this.lastY=NaN,u&&((0,xt.default)("DraggableCore: Removing handlers"),(0,he.removeEvent)(u.ownerDocument,Ge.move,this.handleDrag),(0,he.removeEvent)(u.ownerDocument,Ge.stop,this.handleDragStop))}),Se(this,"onMouseDown",t=>(Ge=Ee.mouse,this.handleDragStart(t))),Se(this,"onMouseUp",t=>(Ge=Ee.mouse,this.handleDragStop(t))),Se(this,"onTouchStart",t=>(Ge=Ee.touch,this.handleDragStart(t))),Se(this,"onTouchEnd",t=>(Ge=Ee.touch,this.handleDragStop(t)))}componentDidMount(){this.mounted=!0;const t=this.findDOMNode();t&&(0,he.addEvent)(t,Ee.touch.start,this.onTouchStart,{passive:!1})}componentWillUnmount(){this.mounted=!1;const t=this.findDOMNode();if(t){const{ownerDocument:n}=t;(0,he.removeEvent)(n,Ee.mouse.move,this.handleDrag),(0,he.removeEvent)(n,Ee.touch.move,this.handleDrag),(0,he.removeEvent)(n,Ee.mouse.stop,this.handleDragStop),(0,he.removeEvent)(n,Ee.touch.stop,this.handleDragStop),(0,he.removeEvent)(t,Ee.touch.start,this.onTouchStart,{passive:!1}),this.props.enableUserSelectHack&&(0,he.removeUserSelectStyles)(n)}}findDOMNode(){var t,n;return(t=this.props)!==null&&t!==void 0&&t.nodeRef?(n=this.props)===null||n===void 0||(n=n.nodeRef)===null||n===void 0?void 0:n.current:Ji.default.findDOMNode(this)}render(){return rr.cloneElement(rr.Children.only(this.props.children),{onMouseDown:this.onMouseDown,onMouseUp:this.onMouseUp,onTouchEnd:this.onTouchEnd})}};Qt.default=tn,Se(tn,"displayName","DraggableCore"),Se(tn,"propTypes",{allowAnyClick:be.default.bool,children:be.default.node.isRequired,disabled:be.default.bool,enableUserSelectHack:be.default.bool,offsetParent:function(e,t){if(e[t]&&e[t].nodeType!==1)throw new Error("Draggable's offsetParent must be a DOM Node.")},grid:be.default.arrayOf(be.default.number),handle:be.default.string,cancel:be.default.string,nodeRef:be.default.object,onStart:be.default.func,onDrag:be.default.func,onStop:be.default.func,onMouseDown:be.default.func,scale:be.default.number,className:ar.dontSetMe,style:ar.dontSetMe,transform:ar.dontSetMe}),Se(tn,"defaultProps",{allowAnyClick:!1,disabled:!1,enableUserSelectHack:!0,onStart:function(){},onDrag:function(){},onStop:function(){},onMouseDown:function(){},scale:1}),function(e){Object.defineProperty(e,"__esModule",{value:!0}),Object.defineProperty(e,"DraggableCore",{enumerable:!0,get:function(){return l.default}}),e.default=void 0;var t=h(x),n=f(Be),r=f(Hr),a=f($e),o=ae,i=je,u=Ne,l=f(Qt),d=f(en);function f(I){return I&&I.__esModule?I:{default:I}}function m(I){if(typeof WeakMap!="function")return null;var T=new WeakMap,w=new WeakMap;return(m=function(g){return g?w:T})(I)}function h(I,T){if(I&&I.__esModule)return I;if(I===null||typeof I!="object"&&typeof I!="function")return{default:I};var w=m(T);if(w&&w.has(I))return w.get(I);var g={},O=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var _ in I)if(_!=="default"&&Object.prototype.hasOwnProperty.call(I,_)){var C=O?Object.getOwnPropertyDescriptor(I,_):null;C&&(C.get||C.set)?Object.defineProperty(g,_,C):g[_]=I[_]}return g.default=I,w&&w.set(I,g),g}function v(){return v=Object.assign?Object.assign.bind():function(I){for(var T=1;T<arguments.length;T++){var w=arguments[T];for(var g in w)Object.prototype.hasOwnProperty.call(w,g)&&(I[g]=w[g])}return I},v.apply(this,arguments)}function y(I,T,w){return T=R(T),T in I?Object.defineProperty(I,T,{value:w,enumerable:!0,configurable:!0,writable:!0}):I[T]=w,I}function R(I){var T=E(I,"string");return typeof T=="symbol"?T:String(T)}function E(I,T){if(typeof I!="object"||I===null)return I;var w=I[Symbol.toPrimitive];if(w!==void 0){var g=w.call(I,T||"default");if(typeof g!="object")return g;throw new TypeError("@@toPrimitive must return a primitive value.")}return(T==="string"?String:Number)(I)}class b extends t.Component{static getDerivedStateFromProps(T,w){let{position:g}=T,{prevPropsPosition:O}=w;return g&&(!O||g.x!==O.x||g.y!==O.y)?((0,d.default)("Draggable: getDerivedStateFromProps %j",{position:g,prevPropsPosition:O}),{x:g.x,y:g.y,prevPropsPosition:{...g}}):null}constructor(T){super(T),y(this,"onDragStart",(w,g)=>{if((0,d.default)("Draggable: onDragStart: %j",g),this.props.onStart(w,(0,i.createDraggableData)(this,g))===!1)return!1;this.setState({dragging:!0,dragged:!0})}),y(this,"onDrag",(w,g)=>{if(!this.state.dragging)return!1;(0,d.default)("Draggable: onDrag: %j",g);const O=(0,i.createDraggableData)(this,g),_={x:O.x,y:O.y,slackX:0,slackY:0};if(this.props.bounds){const{x:M,y:L}=_;_.x+=this.state.slackX,_.y+=this.state.slackY;const[z,$]=(0,i.getBoundPosition)(this,_.x,_.y);_.x=z,_.y=$,_.slackX=this.state.slackX+(M-_.x),_.slackY=this.state.slackY+(L-_.y),O.x=_.x,O.y=_.y,O.deltaX=_.x-this.state.x,O.deltaY=_.y-this.state.y}if(this.props.onDrag(w,O)===!1)return!1;this.setState(_)}),y(this,"onDragStop",(w,g)=>{if(!this.state.dragging||this.props.onStop(w,(0,i.createDraggableData)(this,g))===!1)return!1;(0,d.default)("Draggable: onDragStop: %j",g);const _={dragging:!1,slackX:0,slackY:0};if(!!this.props.position){const{x:M,y:L}=this.props.position;_.x=M,_.y=L}this.setState(_)}),this.state={dragging:!1,dragged:!1,x:T.position?T.position.x:T.defaultPosition.x,y:T.position?T.position.y:T.defaultPosition.y,prevPropsPosition:{...T.position},slackX:0,slackY:0,isElementSVG:!1},T.position&&!(T.onDrag||T.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 T,w;return(T=(w=this.props)===null||w===void 0||(w=w.nodeRef)===null||w===void 0?void 0:w.current)!==null&&T!==void 0?T:r.default.findDOMNode(this)}render(){const{axis:T,bounds:w,children:g,defaultPosition:O,defaultClassName:_,defaultClassNameDragging:C,defaultClassNameDragged:M,position:L,positionOffset:z,scale:$,...S}=this.props;let D={},Q=null;const ge=!!!L||this.state.dragging,ve=L||O,De={x:(0,i.canDragX)(this)&&ge?this.state.x:ve.x,y:(0,i.canDragY)(this)&&ge?this.state.y:ve.y};this.state.isElementSVG?Q=(0,o.createSVGTransform)(De,z):D=(0,o.createCSSTransform)(De,z);const H=(0,a.default)(g.props.className||"",_,{[C]:this.state.dragging,[M]:this.state.dragged});return t.createElement(l.default,v({},S,{onStart:this.onDragStart,onDrag:this.onDrag,onStop:this.onDragStop}),t.cloneElement(t.Children.only(g),{className:H,style:{...g.props.style,...D},transform:Q}))}}e.default=b,y(b,"displayName","Draggable"),y(b,"propTypes",{...l.default.propTypes,axis:n.default.oneOf(["both","x","y","none"]),bounds:n.default.oneOfType([n.default.shape({left:n.default.number,right:n.default.number,top:n.default.number,bottom:n.default.number}),n.default.string,n.default.oneOf([!1])]),defaultClassName:n.default.string,defaultClassNameDragging:n.default.string,defaultClassNameDragged:n.default.string,defaultPosition:n.default.shape({x:n.default.number,y:n.default.number}),positionOffset:n.default.shape({x:n.default.oneOfType([n.default.number,n.default.string]),y:n.default.oneOfType([n.default.number,n.default.string])}),position:n.default.shape({x:n.default.number,y:n.default.number}),className:u.dontSetMe,style:u.dontSetMe,transform:u.dontSetMe}),y(b,"defaultProps",{...l.default.defaultProps,axis:"both",bounds:!1,defaultClassName:"react-draggable",defaultClassNameDragging:"react-draggable-dragging",defaultClassNameDragged:"react-draggable-dragged",defaultPosition:{x:0,y:0},scale:1})}(ua);const{default:ya,DraggableCore:ns}=ua;Zt.exports=ya,Zt.exports.default=ya,Zt.exports.DraggableCore=ns;var Sa=Zt.exports,nn={exports:{}},Ot={},ir={};ir.__esModule=!0,ir.cloneElement=ls;var rs=as(x);function as(e){return e&&e.__esModule?e:{default:e}}function ba(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),n.push.apply(n,r)}return n}function Ca(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]!=null?arguments[t]:{};t%2?ba(Object(n),!0).forEach(function(r){os(e,r,n[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ba(Object(n)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))})}return e}function os(e,t,n){return t=is(t),t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function is(e){var t=ss(e,"string");return typeof t=="symbol"?t:String(t)}function ss(e,t){if(typeof e!="object"||e===null)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||"default");if(typeof r!="object")return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function ls(e,t){return t.style&&e.props.style&&(t.style=Ca(Ca({},e.props.style),t.style)),t.className&&e.props.className&&(t.className=e.props.className+" "+t.className),rs.default.cloneElement(e,t)}var Et={};Et.__esModule=!0,Et.resizableProps=void 0;var k=us(Be);function us(e){return e&&e.__esModule?e:{default:e}}var cs={axis:k.default.oneOf(["both","x","y","none"]),className:k.default.string,children:k.default.element.isRequired,draggableOpts:k.default.shape({allowAnyClick:k.default.bool,cancel:k.default.string,children:k.default.node,disabled:k.default.bool,enableUserSelectHack:k.default.bool,offsetParent:k.default.node,grid:k.default.arrayOf(k.default.number),handle:k.default.string,nodeRef:k.default.object,onStart:k.default.func,onDrag:k.default.func,onStop:k.default.func,onMouseDown:k.default.func,scale:k.default.number}),height:function(){for(var t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];var a=n[0];if(a.axis==="both"||a.axis==="y"){var o;return(o=k.default.number).isRequired.apply(o,n)}return k.default.number.apply(k.default,n)},handle:k.default.oneOfType([k.default.node,k.default.func]),handleSize:k.default.arrayOf(k.default.number),lockAspectRatio:k.default.bool,maxConstraints:k.default.arrayOf(k.default.number),minConstraints:k.default.arrayOf(k.default.number),onResizeStop:k.default.func,onResizeStart:k.default.func,onResize:k.default.func,resizeHandles:k.default.arrayOf(k.default.oneOf(["s","w","e","n","sw","nw","se","ne"])),transformScale:k.default.number,width:function(){for(var t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];var a=n[0];if(a.axis==="both"||a.axis==="x"){var o;return(o=k.default.number).isRequired.apply(o,n)}return k.default.number.apply(k.default,n)}};Et.resizableProps=cs,Ot.__esModule=!0,Ot.default=void 0;var Dt=ms(x),ds=Sa,fs=ir,ps=Et,hs=["children","className","draggableOpts","width","height","handle","handleSize","lockAspectRatio","axis","minConstraints","maxConstraints","onResize","onResizeStop","onResizeStart","resizeHandles","transformScale"];function Ra(e){if(typeof WeakMap!="function")return null;var t=new WeakMap,n=new WeakMap;return(Ra=function(a){return a?n:t})(e)}function ms(e,t){if(e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var n=Ra(t);if(n&&n.has(e))return n.get(e);var r={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if(o!=="default"&&Object.prototype.hasOwnProperty.call(e,o)){var i=a?Object.getOwnPropertyDescriptor(e,o):null;i&&(i.get||i.set)?Object.defineProperty(r,o,i):r[o]=e[o]}return r.default=e,n&&n.set(e,r),r}function sr(){return sr=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},sr.apply(this,arguments)}function gs(e,t){if(e==null)return{};var n={},r=Object.keys(e),a,o;for(o=0;o<r.length;o++)a=r[o],!(t.indexOf(a)>=0)&&(n[a]=e[a]);return n}function Ta(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),n.push.apply(n,r)}return n}function lr(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]!=null?arguments[t]:{};t%2?Ta(Object(n),!0).forEach(function(r){vs(e,r,n[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Ta(Object(n)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))})}return e}function vs(e,t,n){return t=ys(t),t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function ys(e){var t=Ss(e,"string");return typeof t=="symbol"?t:String(t)}function Ss(e,t){if(typeof e!="object"||e===null)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||"default");if(typeof r!="object")return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function bs(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,ur(e,t)}function ur(e,t){return ur=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(r,a){return r.__proto__=a,r},ur(e,t)}var cr=function(e){bs(t,e);function t(){for(var r,a=arguments.length,o=new Array(a),i=0;i<a;i++)o[i]=arguments[i];return r=e.call.apply(e,[this].concat(o))||this,r.handleRefs={},r.lastHandleRect=null,r.slack=null,r}var n=t.prototype;return n.componentWillUnmount=function(){this.resetData()},n.resetData=function(){this.lastHandleRect=this.slack=null},n.runConstraints=function(a,o){var i=this.props,u=i.minConstraints,l=i.maxConstraints,d=i.lockAspectRatio;if(!u&&!l&&!d)return[a,o];if(d){var f=this.props.width/this.props.height,m=a-this.props.width,h=o-this.props.height;Math.abs(m)>Math.abs(h*f)?o=a/f:a=o*f}var v=a,y=o,R=this.slack||[0,0],E=R[0],b=R[1];return a+=E,o+=b,u&&(a=Math.max(u[0],a),o=Math.max(u[1],o)),l&&(a=Math.min(l[0],a),o=Math.min(l[1],o)),this.slack=[E+(v-a),b+(y-o)],[a,o]},n.resizeHandler=function(a,o){var i=this;return function(u,l){var d=l.node,f=l.deltaX,m=l.deltaY;a==="onResizeStart"&&i.resetData();var h=(i.props.axis==="both"||i.props.axis==="x")&&o!=="n"&&o!=="s",v=(i.props.axis==="both"||i.props.axis==="y")&&o!=="e"&&o!=="w";if(!(!h&&!v)){var y=o[0],R=o[o.length-1],E=d.getBoundingClientRect();if(i.lastHandleRect!=null){if(R==="w"){var b=E.left-i.lastHandleRect.left;f+=b}if(y==="n"){var I=E.top-i.lastHandleRect.top;m+=I}}i.lastHandleRect=E,R==="w"&&(f=-f),y==="n"&&(m=-m);var T=i.props.width+(h?f/i.props.transformScale:0),w=i.props.height+(v?m/i.props.transformScale:0),g=i.runConstraints(T,w);T=g[0],w=g[1];var O=T!==i.props.width||w!==i.props.height,_=typeof i.props[a]=="function"?i.props[a]:null,C=a==="onResize"&&!O;_&&!C&&(u.persist==null||u.persist(),_(u,{node:d,size:{width:T,height:w},handle:o})),a==="onResizeStop"&&i.resetData()}}},n.renderResizeHandle=function(a,o){var i=this.props.handle;if(!i)return Dt.createElement("span",{className:"react-resizable-handle react-resizable-handle-"+a,ref:o});if(typeof i=="function")return i(a,o);var u=typeof i.type=="string",l=lr({ref:o},u?{}:{handleAxis:a});return Dt.cloneElement(i,l)},n.render=function(){var a=this,o=this.props,i=o.children,u=o.className,l=o.draggableOpts;o.width,o.height,o.handle,o.handleSize,o.lockAspectRatio,o.axis,o.minConstraints,o.maxConstraints,o.onResize,o.onResizeStop,o.onResizeStart;var d=o.resizeHandles;o.transformScale;var f=gs(o,hs);return(0,fs.cloneElement)(i,lr(lr({},f),{},{className:(u?u+" ":"")+"react-resizable",children:[].concat(i.props.children,d.map(function(m){var h,v=(h=a.handleRefs[m])!=null?h:a.handleRefs[m]=Dt.createRef();return Dt.createElement(ds.DraggableCore,sr({},l,{nodeRef:v,key:"resizableHandle-"+m,onStop:a.resizeHandler("onResizeStop",m),onStart:a.resizeHandler("onResizeStart",m),onDrag:a.resizeHandler("onResize",m)}),a.renderResizeHandle(m,v))}))}))},t}(Dt.Component);Ot.default=cr,cr.propTypes=ps.resizableProps,cr.defaultProps={axis:"both",handleSize:[20,20],lockAspectRatio:!1,minConstraints:[20,20],maxConstraints:[1/0,1/0],resizeHandles:["se"],transformScale:1};var rn={};rn.__esModule=!0,rn.default=void 0;var dr=Is(x),Cs=_a(Be),Rs=_a(Ot),Ts=Et,_s=["handle","handleSize","onResize","onResizeStart","onResizeStop","draggableOpts","minConstraints","maxConstraints","lockAspectRatio","axis","width","height","resizeHandles","style","transformScale"];function _a(e){return e&&e.__esModule?e:{default:e}}function Ia(e){if(typeof WeakMap!="function")return null;var t=new WeakMap,n=new WeakMap;return(Ia=function(a){return a?n:t})(e)}function Is(e,t){if(e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var n=Ia(t);if(n&&n.has(e))return n.get(e);var r={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if(o!=="default"&&Object.prototype.hasOwnProperty.call(e,o)){var i=a?Object.getOwnPropertyDescriptor(e,o):null;i&&(i.get||i.set)?Object.defineProperty(r,o,i):r[o]=e[o]}return r.default=e,n&&n.set(e,r),r}function fr(){return fr=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},fr.apply(this,arguments)}function wa(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),n.push.apply(n,r)}return n}function an(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]!=null?arguments[t]:{};t%2?wa(Object(n),!0).forEach(function(r){ws(e,r,n[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):wa(Object(n)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))})}return e}function ws(e,t,n){return t=xs(t),t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function xs(e){var t=Os(e,"string");return typeof t=="symbol"?t:String(t)}function Os(e,t){if(typeof e!="object"||e===null)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||"default");if(typeof r!="object")return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function Es(e,t){if(e==null)return{};var n={},r=Object.keys(e),a,o;for(o=0;o<r.length;o++)a=r[o],!(t.indexOf(a)>=0)&&(n[a]=e[a]);return n}function Ds(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,pr(e,t)}function pr(e,t){return pr=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(r,a){return r.__proto__=a,r},pr(e,t)}var xa=function(e){Ds(t,e);function t(){for(var r,a=arguments.length,o=new Array(a),i=0;i<a;i++)o[i]=arguments[i];return r=e.call.apply(e,[this].concat(o))||this,r.state={width:r.props.width,height:r.props.height,propsWidth:r.props.width,propsHeight:r.props.height},r.onResize=function(u,l){var d=l.size;r.props.onResize?(u.persist==null||u.persist(),r.setState(d,function(){return r.props.onResize&&r.props.onResize(u,l)})):r.setState(d)},r}t.getDerivedStateFromProps=function(a,o){return o.propsWidth!==a.width||o.propsHeight!==a.height?{width:a.width,height:a.height,propsWidth:a.width,propsHeight:a.height}:null};var n=t.prototype;return n.render=function(){var a=this.props,o=a.handle,i=a.handleSize;a.onResize;var u=a.onResizeStart,l=a.onResizeStop,d=a.draggableOpts,f=a.minConstraints,m=a.maxConstraints,h=a.lockAspectRatio,v=a.axis;a.width,a.height;var y=a.resizeHandles,R=a.style,E=a.transformScale,b=Es(a,_s);return dr.createElement(Rs.default,{axis:v,draggableOpts:d,handle:o,handleSize:i,height:this.state.height,lockAspectRatio:h,maxConstraints:m,minConstraints:f,onResizeStart:u,onResize:this.onResize,onResizeStop:l,resizeHandles:y,transformScale:E,width:this.state.width},dr.createElement("div",fr({},b,{style:an(an({},R),{},{width:this.state.width+"px",height:this.state.height+"px"})})))},t}(dr.Component);rn.default=xa,xa.propTypes=an(an({},Ts.resizableProps),{},{children:Cs.default.element}),nn.exports=function(){throw new Error("Don't instantiate Resizable directly! Use require('react-resizable').Resizable")},nn.exports.Resizable=Ot.default,nn.exports.ResizableBox=rn.default;var Ps=nn.exports,He={};Object.defineProperty(He,"__esModule",{value:!0}),He.resizeHandleType=He.resizeHandleAxesType=He.default=void 0;var B=Oa(Be),Ms=Oa(x);function Oa(e){return e&&e.__esModule?e:{default:e}}const Ns=He.resizeHandleAxesType=B.default.arrayOf(B.default.oneOf(["s","w","e","n","sw","nw","se","ne"])),js=He.resizeHandleType=B.default.oneOfType([B.default.node,B.default.func]);He.default={className:B.default.string,style:B.default.object,width:B.default.number,autoSize:B.default.bool,cols:B.default.number,draggableCancel:B.default.string,draggableHandle:B.default.string,verticalCompact:function(e){e.verticalCompact},compactType:B.default.oneOf(["vertical","horizontal"]),layout:function(e){var t=e.layout;t!==void 0&&F.validateLayout(t,"layout")},margin:B.default.arrayOf(B.default.number),containerPadding:B.default.arrayOf(B.default.number),rowHeight:B.default.number,maxRows:B.default.number,isBounded:B.default.bool,isDraggable:B.default.bool,isResizable:B.default.bool,allowOverlap:B.default.bool,preventCollision:B.default.bool,useCSSTransforms:B.default.bool,transformScale:B.default.number,isDroppable:B.default.bool,resizeHandles:Ns,resizeHandle:js,onLayoutChange:B.default.func,onDragStart:B.default.func,onDrag:B.default.func,onDragStop:B.default.func,onResizeStart:B.default.func,onResize:B.default.func,onResizeStop:B.default.func,onDrop:B.default.func,droppingItem:B.default.shape({i:B.default.string.isRequired,w:B.default.number.isRequired,h:B.default.number.isRequired}),children:function(e,t){const n=e[t],r={};Ms.default.Children.forEach(n,function(a){if((a==null?void 0:a.key)!=null){if(r[a.key])throw new Error('Duplicate child key "'+a.key+'" found! This will cause problems in ReactGridLayout.');r[a.key]=!0}})},innerRef:B.default.any},Object.defineProperty(Kt,"__esModule",{value:!0}),Kt.default=void 0;var lt=hr(x),K=hr(Be),Ls=Sa,Us=Ps,ut=F,pe=Me,Ea=He,Vs=hr($e);function hr(e){return e&&e.__esModule?e:{default:e}}function Le(e,t,n){return t=zs(t),t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function zs(e){var t=As(e,"string");return typeof t=="symbol"?t:String(t)}function As(e,t){if(typeof e!="object"||e===null)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||"default");if(typeof r!="object")return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}class mr extends lt.default.Component{constructor(){super(...arguments),Le(this,"state",{resizing:null,dragging:null,className:""}),Le(this,"elementRef",lt.default.createRef()),Le(this,"onDragStart",(t,n)=>{let{node:r}=n;const{onDragStart:a,transformScale:o}=this.props;if(!a)return;const i={top:0,left:0},{offsetParent:u}=r;if(!u)return;const l=u.getBoundingClientRect(),d=r.getBoundingClientRect(),f=d.left/o,m=l.left/o,h=d.top/o,v=l.top/o;i.left=f-m+u.scrollLeft,i.top=h-v+u.scrollTop,this.setState({dragging:i});const{x:y,y:R}=(0,pe.calcXY)(this.getPositionParams(),i.top,i.left,this.props.w,this.props.h);return a.call(this,this.props.i,y,R,{e:t,node:r,newPosition:i})}),Le(this,"onDrag",(t,n)=>{let{node:r,deltaX:a,deltaY:o}=n;const{onDrag:i}=this.props;if(!i)return;if(!this.state.dragging)throw new Error("onDrag called before onDragStart.");let u=this.state.dragging.top+o,l=this.state.dragging.left+a;const{isBounded:d,i:f,w:m,h,containerWidth:v}=this.props,y=this.getPositionParams();if(d){const{offsetParent:T}=r;if(T){const{margin:w,rowHeight:g,containerPadding:O}=this.props,_=T.clientHeight-(0,pe.calcGridItemWHPx)(h,g,w[1]);u=(0,pe.clamp)(u-O[1],0,_);const C=(0,pe.calcGridColWidth)(y),M=v-(0,pe.calcGridItemWHPx)(m,C,w[0]);l=(0,pe.clamp)(l-O[0],0,M)}}const R={top:u,left:l};this.setState({dragging:R});const{containerPadding:E}=this.props,{x:b,y:I}=(0,pe.calcXY)(y,u-E[1],l-E[0],m,h);return i.call(this,f,b,I,{e:t,node:r,newPosition:R})}),Le(this,"onDragStop",(t,n)=>{let{node:r}=n;const{onDragStop:a}=this.props;if(!a)return;if(!this.state.dragging)throw new Error("onDragEnd called before onDragStart.");const{w:o,h:i,i:u,containerPadding:l}=this.props,{left:d,top:f}=this.state.dragging,m={top:f,left:d};this.setState({dragging:null});const{x:h,y:v}=(0,pe.calcXY)(this.getPositionParams(),f-l[1],d-l[0],o,i);return a.call(this,u,h,v,{e:t,node:r,newPosition:m})}),Le(this,"onResizeStop",(t,n,r)=>this.onResizeHandler(t,n,r,"onResizeStop")),Le(this,"onResizeStart",(t,n,r)=>this.onResizeHandler(t,n,r,"onResizeStart")),Le(this,"onResize",(t,n,r)=>this.onResizeHandler(t,n,r,"onResize"))}shouldComponentUpdate(t,n){if(this.props.children!==t.children||this.props.droppingPosition!==t.droppingPosition)return!0;const r=(0,pe.calcGridItemPosition)(this.getPositionParams(this.props),this.props.x,this.props.y,this.props.w,this.props.h,this.state),a=(0,pe.calcGridItemPosition)(this.getPositionParams(t),t.x,t.y,t.w,t.h,n);return!(0,ut.fastPositionEqual)(r,a)||this.props.useCSSTransforms!==t.useCSSTransforms}componentDidMount(){this.moveDroppingItem({})}componentDidUpdate(t){this.moveDroppingItem(t)}moveDroppingItem(t){const{droppingPosition:n}=this.props;if(!n)return;const r=this.elementRef.current;if(!r)return;const a=t.droppingPosition||{left:0,top:0},{dragging:o}=this.state,i=o&&n.left!==a.left||n.top!==a.top;if(!o)this.onDragStart(n.e,{node:r,deltaX:n.left,deltaY:n.top});else if(i){const u=n.left-o.left,l=n.top-o.top;this.onDrag(n.e,{node:r,deltaX:u,deltaY:l})}}getPositionParams(){let t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:this.props;return{cols:t.cols,containerPadding:t.containerPadding,containerWidth:t.containerWidth,margin:t.margin,maxRows:t.maxRows,rowHeight:t.rowHeight}}createStyle(t){const{usePercentages:n,containerWidth:r,useCSSTransforms:a}=this.props;let o;return a?o=(0,ut.setTransform)(t):(o=(0,ut.setTopLeft)(t),n&&(o.left=(0,ut.perc)(t.left/r),o.width=(0,ut.perc)(t.width/r))),o}mixinDraggable(t,n){return lt.default.createElement(Ls.DraggableCore,{disabled:!n,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},t)}curryResizeHandler(t,n){return(r,a)=>n(r,a,t)}mixinResizable(t,n,r){const{cols:a,minW:o,minH:i,maxW:u,maxH:l,transformScale:d,resizeHandles:f,resizeHandle:m}=this.props,h=this.getPositionParams(),v=(0,pe.calcGridItemPosition)(h,0,0,a,0).width,y=(0,pe.calcGridItemPosition)(h,0,0,o,i),R=(0,pe.calcGridItemPosition)(h,0,0,u,l),E=[y.width,y.height],b=[Math.min(R.width,v),Math.min(R.height,1/0)];return lt.default.createElement(Us.Resizable,{draggableOpts:{disabled:!r},className:r?void 0:"react-resizable-hide",width:n.width,height:n.height,minConstraints:E,maxConstraints:b,onResizeStop:this.curryResizeHandler(n,this.onResizeStop),onResizeStart:this.curryResizeHandler(n,this.onResizeStart),onResize:this.curryResizeHandler(n,this.onResize),transformScale:d,resizeHandles:f,handle:m},t)}onResizeHandler(t,n,r,a){let{node:o,size:i,handle:u}=n;const l=this.props[a];if(!l)return;const{x:d,y:f,i:m,maxH:h,minH:v,containerWidth:y}=this.props,{minW:R,maxW:E}=this.props;let b=i;o&&(b=(0,ut.resizeItemInDirection)(u,r,i,y),this.setState({resizing:a==="onResizeStop"?null:b}));let{w:I,h:T}=(0,pe.calcWH)(this.getPositionParams(),b.width,b.height,d,f,u);I=(0,pe.clamp)(I,Math.max(R,1),E),T=(0,pe.clamp)(T,v,h),l.call(this,m,I,T,{e:t,node:o,size:b,handle:u})}render(){const{x:t,y:n,w:r,h:a,isDraggable:o,isResizable:i,droppingPosition:u,useCSSTransforms:l}=this.props,d=(0,pe.calcGridItemPosition)(this.getPositionParams(),t,n,r,a,this.state),f=lt.default.Children.only(this.props.children);let m=lt.default.cloneElement(f,{ref:this.elementRef,className:(0,Vs.default)("react-grid-item",f.props.className,this.props.className,{static:this.props.static,resizing:!!this.state.resizing,"react-draggable":o,"react-draggable-dragging":!!this.state.dragging,dropping:!!u,cssTransforms:l}),style:{...this.props.style,...f.props.style,...this.createStyle(d)}});return m=this.mixinResizable(m,d,i),m=this.mixinDraggable(m,o),m}}Kt.default=mr,Le(mr,"propTypes",{children:K.default.element,cols:K.default.number.isRequired,containerWidth:K.default.number.isRequired,rowHeight:K.default.number.isRequired,margin:K.default.array.isRequired,maxRows:K.default.number.isRequired,containerPadding:K.default.array.isRequired,x:K.default.number.isRequired,y:K.default.number.isRequired,w:K.default.number.isRequired,h:K.default.number.isRequired,minW:function(e,t){const n=e[t];if(typeof n!="number")return new Error("minWidth not Number");if(n>e.w||n>e.maxW)return new Error("minWidth larger than item width/maxWidth")},maxW:function(e,t){const n=e[t];if(typeof n!="number")return new Error("maxWidth not Number");if(n<e.w||n<e.minW)return new Error("maxWidth smaller than item width/minWidth")},minH:function(e,t){const n=e[t];if(typeof n!="number")return new Error("minHeight not Number");if(n>e.h||n>e.maxH)return new Error("minHeight larger than item height/maxHeight")},maxH:function(e,t){const n=e[t];if(typeof n!="number")return new Error("maxHeight not Number");if(n<e.h||n<e.minH)return new Error("maxHeight smaller than item height/minHeight")},i:K.default.string.isRequired,resizeHandles:Ea.resizeHandleAxesType,resizeHandle:Ea.resizeHandleType,onDragStop:K.default.func,onDragStart:K.default.func,onDrag:K.default.func,onResizeStop:K.default.func,onResizeStart:K.default.func,onResize:K.default.func,isDraggable:K.default.bool.isRequired,isResizable:K.default.bool.isRequired,isBounded:K.default.bool.isRequired,static:K.default.bool,useCSSTransforms:K.default.bool.isRequired,transformScale:K.default.number,className:K.default.string,handle:K.default.string,cancel:K.default.string,droppingPosition:K.default.shape({e:K.default.object.isRequired,left:K.default.number.isRequired,top:K.default.number.isRequired})}),Le(mr,"defaultProps",{className:"",cancel:"",handle:"",minH:1,minW:1,maxH:1/0,maxW:1/0,transformScale:1}),Object.defineProperty(_t,"__esModule",{value:!0}),_t.default=void 0;var Ze=$s(x),gr=Wn,Hs=vr($e),W=F,Ws=Me,Da=vr(Kt),ks=vr(He);function vr(e){return e&&e.__esModule?e:{default:e}}function Pa(e){if(typeof WeakMap!="function")return null;var t=new WeakMap,n=new WeakMap;return(Pa=function(r){return r?n:t})(e)}function $s(e,t){if(e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var n=Pa(t);if(n&&n.has(e))return n.get(e);var r={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if(o!=="default"&&Object.prototype.hasOwnProperty.call(e,o)){var i=a?Object.getOwnPropertyDescriptor(e,o):null;i&&(i.get||i.set)?Object.defineProperty(r,o,i):r[o]=e[o]}return r.default=e,n&&n.set(e,r),r}function me(e,t,n){return t=Bs(t),t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Bs(e){var t=Fs(e,"string");return typeof t=="symbol"?t:String(t)}function Fs(e,t){if(typeof e!="object"||e===null)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||"default");if(typeof r!="object")return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}const Ma="react-grid-layout";let Na=!1;try{Na=/firefox/i.test(navigator.userAgent)}catch{}class on extends Ze.Component{constructor(){super(...arguments),me(this,"state",{activeDrag:null,layout:(0,W.synchronizeLayoutWithChildren)(this.props.layout,this.props.children,this.props.cols,(0,W.compactType)(this.props),this.props.allowOverlap),mounted:!1,oldDragItem:null,oldLayout:null,oldResizeItem:null,resizing:!1,droppingDOMNode:null,children:[]}),me(this,"dragEnterCounter",0),me(this,"onDragStart",(t,n,r,a)=>{let{e:o,node:i}=a;const{layout:u}=this.state,l=(0,W.getLayoutItem)(u,t);if(!l)return;const d={w:l.w,h:l.h,x:l.x,y:l.y,placeholder:!0,i:t};return this.setState({oldDragItem:(0,W.cloneLayoutItem)(l),oldLayout:u,activeDrag:d}),this.props.onDragStart(u,l,l,null,o,i)}),me(this,"onDrag",(t,n,r,a)=>{let{e:o,node:i}=a;const{oldDragItem:u}=this.state;let{layout:l}=this.state;const{cols:d,allowOverlap:f,preventCollision:m}=this.props,h=(0,W.getLayoutItem)(l,t);if(!h)return;const v={w:h.w,h:h.h,x:h.x,y:h.y,placeholder:!0,i:t};l=(0,W.moveElement)(l,h,n,r,!0,m,(0,W.compactType)(this.props),d,f),this.props.onDrag(l,u,h,v,o,i),this.setState({layout:f?l:(0,W.compact)(l,(0,W.compactType)(this.props),d),activeDrag:v})}),me(this,"onDragStop",(t,n,r,a)=>{let{e:o,node:i}=a;if(!this.state.activeDrag)return;const{oldDragItem:u}=this.state;let{layout:l}=this.state;const{cols:d,preventCollision:f,allowOverlap:m}=this.props,h=(0,W.getLayoutItem)(l,t);if(!h)return;l=(0,W.moveElement)(l,h,n,r,!0,f,(0,W.compactType)(this.props),d,m);const y=m?l:(0,W.compact)(l,(0,W.compactType)(this.props),d);this.props.onDragStop(y,u,h,null,o,i);const{oldLayout:R}=this.state;this.setState({activeDrag:null,layout:y,oldDragItem:null,oldLayout:null}),this.onLayoutMaybeChanged(y,R)}),me(this,"onResizeStart",(t,n,r,a)=>{let{e:o,node:i}=a;const{layout:u}=this.state,l=(0,W.getLayoutItem)(u,t);l&&(this.setState({oldResizeItem:(0,W.cloneLayoutItem)(l),oldLayout:this.state.layout,resizing:!0}),this.props.onResizeStart(u,l,l,null,o,i))}),me(this,"onResize",(t,n,r,a)=>{let{e:o,node:i,size:u,handle:l}=a;const{oldResizeItem:d}=this.state,{layout:f}=this.state,{cols:m,preventCollision:h,allowOverlap:v}=this.props;let y=!1,R,E,b;const[I,T]=(0,W.withLayoutItem)(f,t,g=>{let O;return E=g.x,b=g.y,["sw","w","nw","n","ne"].indexOf(l)!==-1&&(["sw","nw","w"].indexOf(l)!==-1&&(E=g.x+(g.w-n),n=g.x!==E&&E<0?g.w:n,E=E<0?0:E),["ne","n","nw"].indexOf(l)!==-1&&(b=g.y+(g.h-r),r=g.y!==b&&b<0?g.h:r,b=b<0?0:b),y=!0),h&&!v&&(O=(0,W.getAllCollisions)(f,{...g,w:n,h:r,x:E,y:b}).filter(C=>C.i!==g.i).length>0,O&&(b=g.y,r=g.h,E=g.x,n=g.w,y=!1)),g.w=n,g.h=r,g});if(!T)return;R=I,y&&(R=(0,W.moveElement)(I,T,E,b,!0,this.props.preventCollision,(0,W.compactType)(this.props),m,v));const w={w:T.w,h:T.h,x:T.x,y:T.y,static:!0,i:t};this.props.onResize(R,d,T,w,o,i),this.setState({layout:v?R:(0,W.compact)(R,(0,W.compactType)(this.props),m),activeDrag:w})}),me(this,"onResizeStop",(t,n,r,a)=>{let{e:o,node:i}=a;const{layout:u,oldResizeItem:l}=this.state,{cols:d,allowOverlap:f}=this.props,m=(0,W.getLayoutItem)(u,t),h=f?u:(0,W.compact)(u,(0,W.compactType)(this.props),d);this.props.onResizeStop(h,l,m,null,o,i);const{oldLayout:v}=this.state;this.setState({activeDrag:null,layout:h,oldResizeItem:null,oldLayout:null,resizing:!1}),this.onLayoutMaybeChanged(h,v)}),me(this,"onDragOver",t=>{var I;if(t.preventDefault(),t.stopPropagation(),Na&&!((I=t.nativeEvent.target)!=null&&I.classList.contains(Ma)))return!1;const{droppingItem:n,onDropDragOver:r,margin:a,cols:o,rowHeight:i,maxRows:u,width:l,containerPadding:d,transformScale:f}=this.props,m=r==null?void 0:r(t);if(m===!1)return this.state.droppingDOMNode&&this.removeDroppingPlaceholder(),!1;const h={...n,...m},{layout:v}=this.state,y=t.currentTarget.getBoundingClientRect(),R=t.clientX-y.left,E=t.clientY-y.top,b={left:R/f,top:E/f,e:t};if(this.state.droppingDOMNode){if(this.state.droppingPosition){const{left:T,top:w}=this.state.droppingPosition;(T!=R||w!=E)&&this.setState({droppingPosition:b})}}else{const T={cols:o,margin:a,maxRows:u,rowHeight:i,containerWidth:l,containerPadding:d||a},w=(0,Ws.calcXY)(T,E,R,h.w,h.h);this.setState({droppingDOMNode:Ze.createElement("div",{key:h.i}),droppingPosition:b,layout:[...v,{...h,x:w.x,y:w.y,static:!1,isDraggable:!0}]})}}),me(this,"removeDroppingPlaceholder",()=>{const{droppingItem:t,cols:n}=this.props,{layout:r}=this.state,a=(0,W.compact)(r.filter(o=>o.i!==t.i),(0,W.compactType)(this.props),n,this.props.allowOverlap);this.setState({layout:a,droppingDOMNode:null,activeDrag:null,droppingPosition:void 0})}),me(this,"onDragLeave",t=>{t.preventDefault(),t.stopPropagation(),this.dragEnterCounter--,this.dragEnterCounter===0&&this.removeDroppingPlaceholder()}),me(this,"onDragEnter",t=>{t.preventDefault(),t.stopPropagation(),this.dragEnterCounter++}),me(this,"onDrop",t=>{t.preventDefault(),t.stopPropagation();const{droppingItem:n}=this.props,{layout:r}=this.state,a=r.find(o=>o.i===n.i);this.dragEnterCounter=0,this.removeDroppingPlaceholder(),this.props.onDrop(r,a,t)})}componentDidMount(){this.setState({mounted:!0}),this.onLayoutMaybeChanged(this.state.layout,this.props.layout)}static getDerivedStateFromProps(t,n){let r;return n.activeDrag?null:(!(0,gr.deepEqual)(t.layout,n.propsLayout)||t.compactType!==n.compactType?r=t.layout:(0,W.childrenEqual)(t.children,n.children)||(r=n.layout),r?{layout:(0,W.synchronizeLayoutWithChildren)(r,t.children,t.cols,(0,W.compactType)(t),t.allowOverlap),compactType:t.compactType,children:t.children,propsLayout:t.layout}:null)}shouldComponentUpdate(t,n){return this.props.children!==t.children||!(0,W.fastRGLPropsEqual)(this.props,t,gr.deepEqual)||this.state.activeDrag!==n.activeDrag||this.state.mounted!==n.mounted||this.state.droppingPosition!==n.droppingPosition}componentDidUpdate(t,n){if(!this.state.activeDrag){const r=this.state.layout,a=n.layout;this.onLayoutMaybeChanged(r,a)}}containerHeight(){if(!this.props.autoSize)return;const t=(0,W.bottom)(this.state.layout),n=this.props.containerPadding?this.props.containerPadding[1]:this.props.margin[1];return t*this.props.rowHeight+(t-1)*this.props.margin[1]+n*2+"px"}onLayoutMaybeChanged(t,n){n||(n=this.state.layout),(0,gr.deepEqual)(n,t)||this.props.onLayoutChange(t)}placeholder(){const{activeDrag:t}=this.state;if(!t)return null;const{width:n,cols:r,margin:a,containerPadding:o,rowHeight:i,maxRows:u,useCSSTransforms:l,transformScale:d}=this.props;return Ze.createElement(Da.default,{w:t.w,h:t.h,x:t.x,y:t.y,i:t.i,className:`react-grid-placeholder ${this.state.resizing?"placeholder-resizing":""}`,containerWidth:n,cols:r,margin:a,containerPadding:o||a,maxRows:u,rowHeight:i,isDraggable:!1,isResizable:!1,isBounded:!1,useCSSTransforms:l,transformScale:d},Ze.createElement("div",null))}processGridItem(t,n){if(!t||!t.key)return;const r=(0,W.getLayoutItem)(this.state.layout,String(t.key));if(!r)return null;const{width:a,cols:o,margin:i,containerPadding:u,rowHeight:l,maxRows:d,isDraggable:f,isResizable:m,isBounded:h,useCSSTransforms:v,transformScale:y,draggableCancel:R,draggableHandle:E,resizeHandles:b,resizeHandle:I}=this.props,{mounted:T,droppingPosition:w}=this.state,g=typeof r.isDraggable=="boolean"?r.isDraggable:!r.static&&f,O=typeof r.isResizable=="boolean"?r.isResizable:!r.static&&m,_=r.resizeHandles||b,C=g&&h&&r.isBounded!==!1;return Ze.createElement(Da.default,{containerWidth:a,cols:o,margin:i,containerPadding:u||i,maxRows:d,rowHeight:l,cancel:R,handle:E,onDragStop:this.onDragStop,onDragStart:this.onDragStart,onDrag:this.onDrag,onResizeStart:this.onResizeStart,onResize:this.onResize,onResizeStop:this.onResizeStop,isDraggable:g,isResizable:O,isBounded:C,useCSSTransforms:v&&T,usePercentages:!T,transformScale:y,w:r.w,h:r.h,x:r.x,y:r.y,i:r.i,minH:r.minH,minW:r.minW,maxH:r.maxH,maxW:r.maxW,static:r.static,droppingPosition:n?w:void 0,resizeHandles:_,resizeHandle:I},t)}render(){const{className:t,style:n,isDroppable:r,innerRef:a}=this.props,o=(0,Hs.default)(Ma,t),i={height:this.containerHeight(),...n};return Ze.createElement("div",{ref:a,className:o,style:i,onDrop:r?this.onDrop:W.noop,onDragLeave:r?this.onDragLeave:W.noop,onDragEnter:r?this.onDragEnter:W.noop,onDragOver:r?this.onDragOver:W.noop},Ze.Children.map(this.props.children,u=>this.processGridItem(u)),r&&this.state.droppingDOMNode&&this.processGridItem(this.state.droppingDOMNode,!0),this.placeholder())}}_t.default=on,me(on,"displayName","ReactGridLayout"),me(on,"propTypes",ks.default),me(on,"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:W.noop,onDragStart:W.noop,onDrag:W.noop,onDragStop:W.noop,onResizeStart:W.noop,onResize:W.noop,onResizeStop:W.noop,onDrop:W.noop,onDropDragOver:W.noop});var sn={},Je={};Object.defineProperty(Je,"__esModule",{value:!0}),Je.findOrGenerateResponsiveLayout=Xs,Je.getBreakpointFromWidth=Gs,Je.getColsFromBreakpoint=qs,Je.sortBreakpoints=yr;var ln=F;function Gs(e,t){const n=yr(e);let r=n[0];for(let a=1,o=n.length;a<o;a++){const i=n[a];t>e[i]&&(r=i)}return r}function qs(e,t){if(!t[e])throw new Error("ResponsiveReactGridLayout: `cols` entry for breakpoint "+e+" is missing!");return t[e]}function Xs(e,t,n,r,a,o){if(e[n])return(0,ln.cloneLayout)(e[n]);let i=e[r];const u=yr(t),l=u.slice(u.indexOf(n));for(let d=0,f=l.length;d<f;d++){const m=l[d];if(e[m]){i=e[m];break}}return i=(0,ln.cloneLayout)(i||[]),(0,ln.compact)((0,ln.correctBounds)(i,{cols:a}),o,a)}function yr(e){return Object.keys(e).sort(function(n,r){return e[n]-e[r]})}Object.defineProperty(sn,"__esModule",{value:!0}),sn.default=void 0;var ja=Ks(x),Ce=La(Be),Sr=Wn,ct=F,Qe=Je,Ys=La(_t);function La(e){return e&&e.__esModule?e:{default:e}}function Ua(e){if(typeof WeakMap!="function")return null;var t=new WeakMap,n=new WeakMap;return(Ua=function(r){return r?n:t})(e)}function Ks(e,t){if(e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var n=Ua(t);if(n&&n.has(e))return n.get(e);var r={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if(o!=="default"&&Object.prototype.hasOwnProperty.call(e,o)){var i=a?Object.getOwnPropertyDescriptor(e,o):null;i&&(i.get||i.set)?Object.defineProperty(r,o,i):r[o]=e[o]}return r.default=e,n&&n.set(e,r),r}function br(){return br=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},br.apply(this,arguments)}function un(e,t,n){return t=Zs(t),t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Zs(e){var t=Js(e,"string");return typeof t=="symbol"?t:String(t)}function Js(e,t){if(typeof e!="object"||e===null)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||"default");if(typeof r!="object")return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}const Va=e=>Object.prototype.toString.call(e);function cn(e,t){return e==null?null:Array.isArray(e)?e:e[t]}class Cr extends ja.Component{constructor(){super(...arguments),un(this,"state",this.generateInitialState()),un(this,"onLayoutChange",t=>{this.props.onLayoutChange(t,{...this.props.layouts,[this.state.breakpoint]:t})})}generateInitialState(){const{width:t,breakpoints:n,layouts:r,cols:a}=this.props,o=(0,Qe.getBreakpointFromWidth)(n,t),i=(0,Qe.getColsFromBreakpoint)(o,a),u=this.props.verticalCompact===!1?null:this.props.compactType;return{layout:(0,Qe.findOrGenerateResponsiveLayout)(r,n,o,o,i,u),breakpoint:o,cols:i}}static getDerivedStateFromProps(t,n){if(!(0,Sr.deepEqual)(t.layouts,n.layouts)){const{breakpoint:r,cols:a}=n;return{layout:(0,Qe.findOrGenerateResponsiveLayout)(t.layouts,t.breakpoints,r,r,a,t.compactType),layouts:t.layouts}}return null}componentDidUpdate(t){(this.props.width!=t.width||this.props.breakpoint!==t.breakpoint||!(0,Sr.deepEqual)(this.props.breakpoints,t.breakpoints)||!(0,Sr.deepEqual)(this.props.cols,t.cols))&&this.onWidthChange(t)}onWidthChange(t){const{breakpoints:n,cols:r,layouts:a,compactType:o}=this.props,i=this.props.breakpoint||(0,Qe.getBreakpointFromWidth)(this.props.breakpoints,this.props.width),u=this.state.breakpoint,l=(0,Qe.getColsFromBreakpoint)(i,r),d={...a};if(u!==i||t.breakpoints!==n||t.cols!==r){u in d||(d[u]=(0,ct.cloneLayout)(this.state.layout));let h=(0,Qe.findOrGenerateResponsiveLayout)(d,n,i,u,l,o);h=(0,ct.synchronizeLayoutWithChildren)(h,this.props.children,l,o,this.props.allowOverlap),d[i]=h,this.props.onLayoutChange(h,d),this.props.onBreakpointChange(i,l),this.setState({breakpoint:i,layout:h,cols:l})}const f=cn(this.props.margin,i),m=cn(this.props.containerPadding,i);this.props.onWidthChange(this.props.width,f,l,m)}render(){const{breakpoint:t,breakpoints:n,cols:r,layouts:a,margin:o,containerPadding:i,onBreakpointChange:u,onLayoutChange:l,onWidthChange:d,...f}=this.props;return ja.createElement(Ys.default,br({},f,{margin:cn(o,this.state.breakpoint),containerPadding:cn(i,this.state.breakpoint),onLayoutChange:this.onLayoutChange,layout:this.state.layout,cols:this.state.cols}))}}sn.default=Cr,un(Cr,"propTypes",{breakpoint:Ce.default.string,breakpoints:Ce.default.object,allowOverlap:Ce.default.bool,cols:Ce.default.object,margin:Ce.default.oneOfType([Ce.default.array,Ce.default.object]),containerPadding:Ce.default.oneOfType([Ce.default.array,Ce.default.object]),layouts(e,t){if(Va(e[t])!=="[object Object]")throw new Error("Layout property must be an object. Received: "+Va(e[t]));Object.keys(e[t]).forEach(n=>{if(!(n in e.breakpoints))throw new Error("Each key in layouts must align with a key in breakpoints.");(0,ct.validateLayout)(e.layouts[n],"layouts."+n)})},width:Ce.default.number.isRequired,onBreakpointChange:Ce.default.func,onLayoutChange:Ce.default.func,onWidthChange:Ce.default.func}),un(Cr,"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:ct.noop,onLayoutChange:ct.noop,onWidthChange:ct.noop});var Rr={},za=function(){if(typeof Map<"u")return Map;function e(t,n){var r=-1;return t.some(function(a,o){return a[0]===n?(r=o,!0):!1}),r}return function(){function t(){this.__entries__=[]}return Object.defineProperty(t.prototype,"size",{get:function(){return this.__entries__.length},enumerable:!0,configurable:!0}),t.prototype.get=function(n){var r=e(this.__entries__,n),a=this.__entries__[r];return a&&a[1]},t.prototype.set=function(n,r){var a=e(this.__entries__,n);~a?this.__entries__[a][1]=r:this.__entries__.push([n,r])},t.prototype.delete=function(n){var r=this.__entries__,a=e(r,n);~a&&r.splice(a,1)},t.prototype.has=function(n){return!!~e(this.__entries__,n)},t.prototype.clear=function(){this.__entries__.splice(0)},t.prototype.forEach=function(n,r){r===void 0&&(r=null);for(var a=0,o=this.__entries__;a<o.length;a++){var i=o[a];n.call(r,i[1],i[0])}},t}()}(),Tr=typeof window<"u"&&typeof document<"u"&&window.document===document,dn=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")()}(),Qs=function(){return typeof requestAnimationFrame=="function"?requestAnimationFrame.bind(dn):function(e){return setTimeout(function(){return e(Date.now())},1e3/60)}}(),el=2;function tl(e,t){var n=!1,r=!1,a=0;function o(){n&&(n=!1,e()),r&&u()}function i(){Qs(o)}function u(){var l=Date.now();if(n){if(l-a<el)return;r=!0}else n=!0,r=!1,setTimeout(i,t);a=l}return u}var nl=20,rl=["top","right","bottom","left","width","height","size","weight"],al=typeof MutationObserver<"u",ol=function(){function e(){this.connected_=!1,this.mutationEventsAdded_=!1,this.mutationsObserver_=null,this.observers_=[],this.onTransitionEnd_=this.onTransitionEnd_.bind(this),this.refresh=tl(this.refresh.bind(this),nl)}return e.prototype.addObserver=function(t){~this.observers_.indexOf(t)||this.observers_.push(t),this.connected_||this.connect_()},e.prototype.removeObserver=function(t){var n=this.observers_,r=n.indexOf(t);~r&&n.splice(r,1),!n.length&&this.connected_&&this.disconnect_()},e.prototype.refresh=function(){var t=this.updateObservers_();t&&this.refresh()},e.prototype.updateObservers_=function(){var t=this.observers_.filter(function(n){return n.gatherActive(),n.hasActive()});return t.forEach(function(n){return n.broadcastActive()}),t.length>0},e.prototype.connect_=function(){!Tr||this.connected_||(document.addEventListener("transitionend",this.onTransitionEnd_),window.addEventListener("resize",this.refresh),al?(this.mutationsObserver_=new MutationObserver(this.refresh),this.mutationsObserver_.observe(document,{attributes:!0,childList:!0,characterData:!0,subtree:!0})):(document.addEventListener("DOMSubtreeModified",this.refresh),this.mutationEventsAdded_=!0),this.connected_=!0)},e.prototype.disconnect_=function(){!Tr||!this.connected_||(document.removeEventListener("transitionend",this.onTransitionEnd_),window.removeEventListener("resize",this.refresh),this.mutationsObserver_&&this.mutationsObserver_.disconnect(),this.mutationEventsAdded_&&document.removeEventListener("DOMSubtreeModified",this.refresh),this.mutationsObserver_=null,this.mutationEventsAdded_=!1,this.connected_=!1)},e.prototype.onTransitionEnd_=function(t){var n=t.propertyName,r=n===void 0?"":n,a=rl.some(function(o){return!!~r.indexOf(o)});a&&this.refresh()},e.getInstance=function(){return this.instance_||(this.instance_=new e),this.instance_},e.instance_=null,e}(),Aa=function(e,t){for(var n=0,r=Object.keys(t);n<r.length;n++){var a=r[n];Object.defineProperty(e,a,{value:t[a],enumerable:!1,writable:!1,configurable:!0})}return e},dt=function(e){var t=e&&e.ownerDocument&&e.ownerDocument.defaultView;return t||dn},Ha=pn(0,0,0,0);function fn(e){return parseFloat(e)||0}function Wa(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];return t.reduce(function(r,a){var o=e["border-"+a+"-width"];return r+fn(o)},0)}function il(e){for(var t=["top","right","bottom","left"],n={},r=0,a=t;r<a.length;r++){var o=a[r],i=e["padding-"+o];n[o]=fn(i)}return n}function sl(e){var t=e.getBBox();return pn(0,0,t.width,t.height)}function ll(e){var t=e.clientWidth,n=e.clientHeight;if(!t&&!n)return Ha;var r=dt(e).getComputedStyle(e),a=il(r),o=a.left+a.right,i=a.top+a.bottom,u=fn(r.width),l=fn(r.height);if(r.boxSizing==="border-box"&&(Math.round(u+o)!==t&&(u-=Wa(r,"left","right")+o),Math.round(l+i)!==n&&(l-=Wa(r,"top","bottom")+i)),!cl(e)){var d=Math.round(u+o)-t,f=Math.round(l+i)-n;Math.abs(d)!==1&&(u-=d),Math.abs(f)!==1&&(l-=f)}return pn(a.left,a.top,u,l)}var ul=function(){return typeof SVGGraphicsElement<"u"?function(e){return e instanceof dt(e).SVGGraphicsElement}:function(e){return e instanceof dt(e).SVGElement&&typeof e.getBBox=="function"}}();function cl(e){return e===dt(e).document.documentElement}function dl(e){return Tr?ul(e)?sl(e):ll(e):Ha}function fl(e){var t=e.x,n=e.y,r=e.width,a=e.height,o=typeof DOMRectReadOnly<"u"?DOMRectReadOnly:Object,i=Object.create(o.prototype);return Aa(i,{x:t,y:n,width:r,height:a,top:n,right:t+r,bottom:a+n,left:t}),i}function pn(e,t,n,r){return{x:e,y:t,width:n,height:r}}var pl=function(){function e(t){this.broadcastWidth=0,this.broadcastHeight=0,this.contentRect_=pn(0,0,0,0),this.target=t}return e.prototype.isActive=function(){var t=dl(this.target);return this.contentRect_=t,t.width!==this.broadcastWidth||t.height!==this.broadcastHeight},e.prototype.broadcastRect=function(){var t=this.contentRect_;return this.broadcastWidth=t.width,this.broadcastHeight=t.height,t},e}(),hl=function(){function e(t,n){var r=fl(n);Aa(this,{target:t,contentRect:r})}return e}(),ml=function(){function e(t,n,r){if(this.activeObservations_=[],this.observations_=new za,typeof t!="function")throw new TypeError("The callback provided as parameter 1 is not a function.");this.callback_=t,this.controller_=n,this.callbackCtx_=r}return e.prototype.observe=function(t){if(!arguments.length)throw new TypeError("1 argument required, but only 0 present.");if(!(typeof Element>"u"||!(Element instanceof Object))){if(!(t instanceof dt(t).Element))throw new TypeError('parameter 1 is not of type "Element".');var n=this.observations_;n.has(t)||(n.set(t,new pl(t)),this.controller_.addObserver(this),this.controller_.refresh())}},e.prototype.unobserve=function(t){if(!arguments.length)throw new TypeError("1 argument required, but only 0 present.");if(!(typeof Element>"u"||!(Element instanceof Object))){if(!(t instanceof dt(t).Element))throw new TypeError('parameter 1 is not of type "Element".');var n=this.observations_;n.has(t)&&(n.delete(t),n.size||this.controller_.removeObserver(this))}},e.prototype.disconnect=function(){this.clearActive(),this.observations_.clear(),this.controller_.removeObserver(this)},e.prototype.gatherActive=function(){var t=this;this.clearActive(),this.observations_.forEach(function(n){n.isActive()&&t.activeObservations_.push(n)})},e.prototype.broadcastActive=function(){if(this.hasActive()){var t=this.callbackCtx_,n=this.activeObservations_.map(function(r){return new hl(r.target,r.broadcastRect())});this.callback_.call(t,n,t),this.clearActive()}},e.prototype.clearActive=function(){this.activeObservations_.splice(0)},e.prototype.hasActive=function(){return this.activeObservations_.length>0},e}(),ka=typeof WeakMap<"u"?new WeakMap:new za,$a=function(){function e(t){if(!(this instanceof e))throw new TypeError("Cannot call a class as a function.");if(!arguments.length)throw new TypeError("1 argument required, but only 0 present.");var n=ol.getInstance(),r=new ml(t,n,this);ka.set(this,r)}return e}();["observe","unobserve","disconnect"].forEach(function(e){$a.prototype[e]=function(){var t;return(t=ka.get(this))[e].apply(t,arguments)}});var gl=function(){return typeof dn.ResizeObserver<"u"?dn.ResizeObserver:$a}();const vl=Vo(Object.freeze(Object.defineProperty({__proto__:null,default:gl},Symbol.toStringTag,{value:"Module"})));Object.defineProperty(Rr,"__esModule",{value:!0}),Rr.default=Il;var hn=Cl(x),yl=_r(Be),Sl=_r(vl),bl=_r($e);function _r(e){return e&&e.__esModule?e:{default:e}}function Ba(e){if(typeof WeakMap!="function")return null;var t=new WeakMap,n=new WeakMap;return(Ba=function(r){return r?n:t})(e)}function Cl(e,t){if(e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var n=Ba(t);if(n&&n.has(e))return n.get(e);var r={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if(o!=="default"&&Object.prototype.hasOwnProperty.call(e,o)){var i=a?Object.getOwnPropertyDescriptor(e,o):null;i&&(i.get||i.set)?Object.defineProperty(r,o,i):r[o]=e[o]}return r.default=e,n&&n.set(e,r),r}function Ir(){return Ir=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},Ir.apply(this,arguments)}function ft(e,t,n){return t=Rl(t),t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Rl(e){var t=Tl(e,"string");return typeof t=="symbol"?t:String(t)}function Tl(e,t){if(typeof e!="object"||e===null)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||"default");if(typeof r!="object")return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}const _l="react-grid-layout";function Il(e){var t;return t=class extends hn.Component{constructor(){super(...arguments),ft(this,"state",{width:1280}),ft(this,"elementRef",hn.createRef()),ft(this,"mounted",!1),ft(this,"resizeObserver",void 0)}componentDidMount(){this.mounted=!0,this.resizeObserver=new Sl.default(a=>{if(this.elementRef.current instanceof HTMLElement){const i=a[0].contentRect.width;this.setState({width:i})}});const r=this.elementRef.current;r instanceof HTMLElement&&this.resizeObserver.observe(r)}componentWillUnmount(){this.mounted=!1;const r=this.elementRef.current;r instanceof HTMLElement&&this.resizeObserver.unobserve(r),this.resizeObserver.disconnect()}render(){const{measureBeforeMount:r,...a}=this.props;return r&&!this.mounted?hn.createElement("div",{className:(0,bl.default)(this.props.className,_l),style:this.props.style,ref:this.elementRef}):hn.createElement(e,Ir({innerRef:this.elementRef},a,this.state))}},ft(t,"defaultProps",{measureBeforeMount:!1}),ft(t,"propTypes",{measureBeforeMount:yl.default.bool}),t}(function(e){e.exports=_t.default,e.exports.utils=F,e.exports.calculateUtils=Me,e.exports.Responsive=sn.default,e.exports.Responsive.utils=Je,e.exports.WidthProvider=Rr.default})(qr);var wl=qr.exports;const xl=An(wl),Pt={type:c.CommandType.COMMAND,id:"sheet.command.delete-conditional-rule",handler(e,t){if(!t)return!1;const n=e.get(c.IUndoRedoService),r=e.get(c.ICommandService),a=e.get(c.IUniverInstanceService),o=V.getSheetCommandTarget(a,t);if(!o)return!1;const{unitId:i,subUnitId:u}=o,l={unitId:i,subUnitId:u,cfId:t.cfId},d=s.DeleteConditionalRuleMutationUndoFactory(e,l),f=r.syncExecuteCommand(s.DeleteConditionalRuleMutation.id,l);return f&&n.pushUndoRedo({unitID:i,undoMutations:d,redoMutations:[{id:s.DeleteConditionalRuleMutation.id,params:l}]}),f}},mn={type:c.CommandType.COMMAND,id:"sheet.command.move-conditional-rule",handler(e,t){if(!t)return!1;const n=e.get(c.IUndoRedoService),r=e.get(c.ICommandService),a=e.get(c.IUniverInstanceService),o=e.get(s.ConditionalFormattingRuleModel),i=V.getSheetCommandTarget(a,t);if(!i)return!1;const{unitId:u,subUnitId:l}=i,d=s.transformSupportSymmetryAnchor(t.start,t.end,o.getSubunitRules(u,l)||[],R=>R.cfId);if(!d)return!1;const[f,m]=d,h={unitId:u,subUnitId:l,start:f,end:m},v=s.MoveConditionalRuleMutationUndoFactory(h),y=r.syncExecuteCommand(s.MoveConditionalRuleMutation.id,h);return y&&n.pushUndoRedo({unitID:u,redoMutations:[{id:s.MoveConditionalRuleMutation.id,params:h}],undoMutations:v}),y}},gn={cfPreview:"univer-cf-preview"},pt=e=>{var a,o;const t=e.rule;if(!t)return null;const n=x.useMemo(()=>{if(t.type===s.CFRuleType.colorScale){const i=t.config.map((d,f)=>({color:new c.ColorKit(d.color),value:f})),u=i.length-1;return new Array(5).fill("").map((d,f,m)=>f*u/(m.length-1)).map(d=>s.getColorScaleFromValue(i,d))}return null},[t]),r=x.useMemo(()=>{if(t.type===s.CFRuleType.iconSet)return t.config.map(i=>{const u=s.iconMap[i.iconType];return u&&u[Number(i.iconId)]})},[t]);switch(t.type){case s.CFRuleType.dataBar:{const{isGradient:i}=t.config,u={width:"50%",height:"100%"},l=i?`linear-gradient(to right, ${t.config.positiveColor}, rgb(255 255 255))`:t.config.positiveColor,d=i?`linear-gradient(to right, rgb(255 255 255),${t.config.nativeColor})`:t.config.nativeColor;return p.jsxs("div",{className:gn.cfPreview,children:[p.jsx("div",{style:{...u,background:d,border:`1px solid ${t.config.nativeColor}`}}),p.jsx("div",{style:{...u,background:l,border:`1px solid ${t.config.positiveColor}`}})]})}case s.CFRuleType.colorScale:return n&&p.jsx("div",{className:gn.cfPreview,children:n.map((i,u)=>p.jsx("div",{style:{width:`${100/n.length}%`,height:"100%",background:i}},u))});case s.CFRuleType.iconSet:return r&&p.jsx("div",{className:gn.cfPreview,children:r.map((i,u)=>i?p.jsx("img",{style:{height:"100%"},src:i},u):p.jsx(Tt,{},u))});case s.CFRuleType.highlightCell:{const{ul:i,st:u,it:l,bl:d,bg:f,cl:m}=t.style,h=(i==null?void 0:i.s)===c.BooleanNumber.TRUE,v=(u==null?void 0:u.s)===c.BooleanNumber.TRUE,y=l===c.BooleanNumber.TRUE,R=d===c.BooleanNumber.TRUE,E=(a=f==null?void 0:f.rgb)!=null?a:s.DEFAULT_BG_COLOR,b=(o=m==null?void 0:m.rgb)!=null?o:s.DEFAULT_FONT_COLOR,I={fontWeight:R?"bold":void 0,fontStyle:y?"italic":void 0,textDecoration:`${h?"underline":""} ${v?"line-through":""}`.replace(/^ /,"")||void 0,backgroundColor:E,color:b};return p.jsx("div",{style:I,className:gn.cfPreview,children:"123"})}}return null};var Ol=Object.defineProperty,El=Object.getOwnPropertyDescriptor,Dl=(e,t,n,r)=>{for(var a=r>1?void 0:r?El(t,n):t,o=e.length-1,i;o>=0;o--)(i=e[o])&&(a=(r?i(t,n,a):i(a))||a);return r&&a&&Ol(t,n,a),a},Pl=(e,t)=>(n,r)=>t(n,r,e);let ht=class extends c.Disposable{constructor(t){super();$t(this,"_initLocal",()=>{});$t(this,"_findReplaceIndex",t=>{const n=/\{([^}]+)?\}/g,r=[];let a=n.exec(t);for(;a;)r.push({startIndex:a.index,key:Number(a[1]),endIndex:a.index+a[0].length-1}),a=n.exec(t);return r});this._localeService=t,this._initLocal()}tWithReactNode(t,...n){const r=this._localeService.getLocales(),a=t.split("."),o=r&&this._localeService.resolveKeyPath(r,a);if(typeof o=="string"){const i=[];return this._findReplaceIndex(o).forEach((u,l,d)=>{const f=d[l-1]||{startIndex:0,endIndex:-1};if(f.endIndex+1<u.startIndex){const m=o.slice(f.endIndex+1,u.startIndex);m&&i.push(m)}if(n[u.key]&&i.push(n[u.key]),l===d.length-1){const m=o.slice(u.endIndex+1);m&&i.push(m)}}),i}return[]}};ht=Dl([c.OnLifecycle(c.LifecycleStages.Rendered,ht),Pl(0,c.Inject(c.LocaleService))],ht);const ce={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"},Ml=(e,t)=>{const n=e.rule;switch(n.type){case s.CFRuleType.colorScale:return t.t("sheet.cf.ruleType.colorScale");case s.CFRuleType.dataBar:return t.t("sheet.cf.ruleType.dataBar");case s.CFRuleType.iconSet:return t.t("sheet.cf.ruleType.iconSet");case s.CFRuleType.highlightCell:switch(n.subType){case s.CFSubRuleType.average:{const r=n.operator;return t.t(`sheet.cf.preview.describe.${r}`,t.t("sheet.cf.subRuleType.average"))}case s.CFSubRuleType.duplicateValues:return t.t("sheet.cf.subRuleType.duplicateValues");case s.CFSubRuleType.uniqueValues:return t.t("sheet.cf.subRuleType.uniqueValues");case s.CFSubRuleType.number:{const r=n.operator;return t.t(`sheet.cf.preview.describe.${r}`,...Array.isArray(n.value)?n.value.map(a=>String(a)):[String(n.value||"")])}case s.CFSubRuleType.text:{const r=n.operator;return t.t(`sheet.cf.preview.describe.${r}`,n.value||"")}case s.CFSubRuleType.timePeriod:{const r=n.operator;return t.t(`sheet.cf.preview.describe.${r}`)}case s.CFSubRuleType.rank:return n.isPercent?n.isBottom?t.t("sheet.cf.preview.describe.bottomNPercent",String(n.value)):t.t("sheet.cf.preview.describe.topNPercent",String(n.value)):n.isBottom?t.t("sheet.cf.preview.describe.bottomN",String(n.value)):t.t("sheet.cf.preview.describe.topN",String(n.value));case s.CFSubRuleType.formula:return t.t("sheet.cf.ruleType.formula")}}};let Fa=0;const Nl=e=>{const{onClick:t}=e,n=c.useDependency(s.ConditionalFormattingRuleModel),r=c.useDependency(c.IUniverInstanceService),a=c.useDependency(V.SheetsSelectionsService),o=c.useDependency(c.ICommandService),i=c.useDependency(c.LocaleService),u=c.useDependency(ht),l=fe.useObservable(()=>r.getCurrentTypeOfUnit$(c.UniverInstanceType.UNIVER_SHEET),void 0,void 0,[]),d=l.getUnitId(),f=l.getActiveSheet();if(!f)throw new Error("No active sheet found");const m=f.getSheetId(),[h,v]=x.useState([]),[y,R]=x.useState("2"),[E,b]=x.useState(0),[I,T]=x.useState(-1),[w,g]=x.useState(Fa),O=x.useRef(null),_=[{label:i.t("sheet.cf.panel.workSheet"),value:"2"},{label:i.t("sheet.cf.panel.selectedRange"),value:"1"}],C=()=>{const H=n.getSubunitRules(d,m);if(!H||!H.length)return[];if(y==="1"){const Z=a.getCurrentLastSelection();if(!Z)return[];const te=Z.range;return H.filter(ue=>ue.ranges.some(de=>c.Rectangle.intersects(de,te)))}else if(y==="2")return H;return[]},M=H=>{const te=r.getCurrentUnitForType(c.UniverInstanceType.UNIVER_SHEET).getActiveSheet();return H.map(ue=>{const de=ue.ranges;return(de==null?void 0:de.some(Pe=>{var q,ne;const{startRow:N,startColumn:A,endRow:X,endColumn:Y}=Pe;for(let ie=N;ie<=X;ie++)for(let ye=A;ye<=Y;ye++){const ee=(ne=(q=te==null?void 0:te.getCell(ie,ye))==null?void 0:q.selectionProtection)==null?void 0:ne[0];if((ee==null?void 0:ee[Rt.Edit])===!1||(ee==null?void 0:ee[Rt.View])===!1)return!0}return!1}))?{...ue,disable:!0}:{...ue}})},[L,z]=x.useState(C);le.useHighlightRange(h),x.useEffect(()=>{const H=o.onCommandExecuted(Z=>{Z.id===V.SetWorksheetActiveOperation.id&&b(Math.random())});return()=>H.dispose()}),x.useEffect(()=>{z(C)},[y,E,d,m]),x.useEffect(()=>{if(y==="2")return;const H=new Oe.Observable(Z=>{const te=[V.SetSelectionsOperation.id,s.AddConditionalRuleMutation.id,s.SetConditionalRuleMutation.id,s.DeleteConditionalRuleMutation.id,s.MoveConditionalRuleMutation.id],oe=o.onCommandExecuted(ue=>{const{id:de,params:xe}=ue,Pe=r.getCurrentUnitForType(c.UniverInstanceType.UNIVER_SHEET).getUnitId();te.includes(de)&&xe.unitId===Pe&&Z.next(null)});return()=>oe.dispose()}).pipe(Oe.debounceTime(16)).subscribe(()=>{z(C)});return()=>{H.unsubscribe()}},[r,y,d,m]),x.useEffect(()=>{const H=n.$ruleChange.subscribe(()=>{b(Math.random())});return()=>H.unsubscribe()},[n]),x.useEffect(()=>{const H=()=>{var ue;const oe=Math.max(0,(((ue=O.current)==null?void 0:ue.getBoundingClientRect().width)||0)-8);return Fa=oe,oe},te=new Oe.Observable(oe=>{const ue=document.querySelector(".univer-sidebar");if(ue){let de=setTimeout(()=>{oe.next()},150);const xe=()=>{de&&clearTimeout(de),de=null},Pe=N=>{N.propertyName==="width"&&(xe(),oe.next())};return ue.addEventListener("transitionend",Pe),()=>{xe(),ue.removeEventListener("transitionend",Pe)}}}).pipe(Oe.debounceTime(16)).subscribe(()=>{g(H())});return()=>{te.unsubscribe()}},[]);const $=H=>{var oe;const Z=r.getCurrentUnitForType(c.UniverInstanceType.UNIVER_SHEET).getUnitId(),te=(oe=r.getCurrentUnitForType(c.UniverInstanceType.UNIVER_SHEET).getActiveSheet())==null?void 0:oe.getSheetId();if(!Z||!te)throw new Error("No active sheet found");o.executeCommand(Pt.id,{unitId:Z,subUnitId:te,cfId:H.cfId})},S=(H,Z)=>{T(Z.y)},D=(H,Z,te)=>{var N;T(-1);const oe=r.getCurrentUnitForType(c.UniverInstanceType.UNIVER_SHEET).getUnitId(),ue=(N=r.getCurrentUnitForType(c.UniverInstanceType.UNIVER_SHEET).getActiveSheet())==null?void 0:N.getSheetId();if(!oe||!ue)throw new Error("No active sheet found");const de=A=>{const X=L.length;return Math.min(X-1,Math.max(0,A))},xe=L[de(Z.y)].cfId,Pe=L[de(te.y)].cfId;xe!==Pe&&o.executeCommand(mn.id,{unitId:oe,subUnitId:ue,start:{id:xe,type:"self"},end:{id:Pe,type:te.y>Z.y?"after":"before"}})},Q=()=>{e.onCreate()},Re=()=>{y==="2"?o.executeCommand(Ct.id):y==="1"&&L.map(Z=>({unitId:d,subUnitId:m,cfId:Z.cfId})).forEach(Z=>{o.executeCommand(Pt.id,Z)})},ge=L.map((H,Z)=>({i:H.cfId,x:0,w:12,y:Z,h:1,isResizable:!1})),ve=M(L),De=ve==null?void 0:ve.some(H=>H.disable);return p.jsxs("div",{className:ce.cfRuleList,children:[p.jsxs("div",{className:ce.ruleSelector,children:[p.jsx("div",{children:u.tWithReactNode("sheet.cf.panel.managerRuleSelect",p.jsx(G.Select,{className:ce.select,options:_,value:y,onChange:H=>{R(H)}})).map((H,Z)=>p.jsx("span",{children:H},Z))}),p.jsxs("div",{className:ce.btnList,children:[p.jsx(G.Tooltip,{title:i.t("sheet.cf.panel.createRule"),placement:"bottom",children:p.jsx("div",{className:`${ce.icon}`,onClick:Q,children:p.jsx(Fr,{})})}),L.length&&!De?p.jsx(G.Tooltip,{title:i.t("sheet.cf.panel.clear"),placement:"bottom",children:p.jsx("div",{className:`${ce.gap} ${ce.icon}`,onClick:Re,children:p.jsx(Gt,{})})}):p.jsx("div",{className:`${ce.gap} ${ce.disabled}`,children:p.jsx(Gt,{})})]})]}),p.jsx("div",{ref:O,className:ce.gridLayoutWrap,children:w?p.jsx(xl,{onDragStop:D,onDragStart:S,layout:ge,cols:12,rowHeight:60,width:w,margin:[0,10],draggableHandle:".draggableHandle",children:ve==null?void 0:ve.map((H,Z)=>p.jsx("div",{children:p.jsxs("div",{onMouseMove:()=>{H.ranges!==h&&v(H.ranges)},onMouseLeave:()=>v([]),onClick:()=>{H.disable||t(H)},className:`${ce.ruleItem} ${I===Z?ce.active:""}`,children:[p.jsx("div",{className:`${ce.draggableHandle} draggableHandle`,onClick:te=>te.stopPropagation(),children:p.jsx(Gr,{})}),p.jsxs("div",{className:ce.ruleDescribe,children:[p.jsx("div",{className:ce.ruleType,children:Ml(H,i)}),p.jsx("div",{className:ce.ruleRange,children:H.ranges.map(te=>Ar.serializeRange(te)).join(",")})]}),p.jsx("div",{className:ce.preview,children:p.jsx(pt,{rule:H.rule})}),!H.disable&&p.jsx("div",{className:`${ce.deleteItem} ${I===Z?ce.active:""}`,onClick:te=>{te.stopPropagation(),$(H)},children:p.jsx(Gt,{})})]})},`${H.cfId}`))}):null})]})},Mt={type:c.CommandType.COMMAND,id:"sheet.command.add-conditional-rule",handler(e,t){if(!t)return!1;const{rule:n}=t,r=e.get(c.IUndoRedoService),a=e.get(c.ICommandService),o=e.get(s.ConditionalFormattingRuleModel),i=e.get(c.IUniverInstanceService),u=V.getSheetCommandTarget(i);if(!u)return!1;const{unitId:l,subUnitId:d}=u,f=o.createCfId(l,d),m={unitId:l,subUnitId:d,rule:{...n,cfId:n.cfId||f}},h=s.AddConditionalRuleMutationUndoFactory(e,m),v=a.syncExecuteCommand(s.AddConditionalRuleMutation.id,m);return v&&r.pushUndoRedo({unitID:l,redoMutations:[{id:s.AddConditionalRuleMutation.id,params:m}],undoMutations:[h]}),v}},vn={type:c.CommandType.COMMAND,id:"sheet.command.set-conditional-rule",handler(e,t){if(!t)return!1;const n=e.get(c.IUndoRedoService),r=e.get(c.ICommandService),a=e.get(c.IUniverInstanceService),o=V.getSheetCommandTarget(a,t);if(!o)return!1;const{unitId:i,subUnitId:u}=o,l={unitId:i,subUnitId:u,rule:t.rule},d=s.setConditionalRuleMutationUndoFactory(e,l),f=r.syncExecuteCommand(s.SetConditionalRuleMutation.id,l);return f&&n.pushUndoRedo({unitID:i,undoMutations:d,redoMutations:[{id:s.SetConditionalRuleMutation.id,params:l}]}),f}},jl=c.createInterceptorKey("beforeSubmit"),Ll=c.createInterceptorKey("submit"),wr={cfColorPicker:"univer-cf-color-picker",cfColorPickerIcon:"univer-cf-color-picker-icon",iconDropdown:"univer-icon-dropdown"},et=e=>{const{color:t,onChange:n,disable:r=!1,iconId:a="PaintBucket",className:o,isNeedDropdownIcon:i=!0}=e,u=c.useDependency(fe.ComponentManager),l=x.useMemo(()=>new c.ColorKit(t),[t]),d=u.get(a);return d&&(r?p.jsx(d,{className:o,extend:{colorChannel1:l.isValid?t:"rgb(var(--primary-color))"}}):p.jsx(G.Dropdown,{overlay:p.jsx("div",{className:`${wr.cfColorPicker} `,children:p.jsx(G.ColorPicker,{color:t,onChange:n})}),children:p.jsxs("span",{className:`${wr.cfColorPickerIcon} ${o}`,children:[p.jsx(d,{extend:{colorChannel1:l.isValid?t:"rgb(var(--primary-color))"}}),i&&p.jsx(qt,{className:wr.iconDropdown})]})}))},j={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"},tt=(e,t)=>({label:t.t(`sheet.cf.valueType.${e}`),value:e}),xr=e=>{var m;const{type:t,className:n,onChange:r,id:a,value:o}=e,i=c.useDependency(c.IUniverInstanceService),u=i.getCurrentUnitForType(c.UniverInstanceType.UNIVER_SHEET).getUnitId(),l=(m=i.getCurrentUnitForType(c.UniverInstanceType.UNIVER_SHEET).getActiveSheet())==null?void 0:m.getSheetId(),d=x.useMemo(()=>String(o).startsWith("=")?String(o):"=",[o]),f=x.useMemo(()=>[s.CFValueType.max,s.CFValueType.min,"none"].includes(t)?{disabled:!0}:[s.CFValueType.percent,s.CFValueType.percentile].includes(t)?{min:0,max:100}:{min:Number.MIN_SAFE_INTEGER,max:Number.MAX_SAFE_INTEGER},[t]);return t===s.CFValueType.formula?p.jsx(fe.TextEditor,{openForSheetSubUnitId:l,openForSheetUnitId:u,id:c.createInternalEditorID(`${s.SHEET_CONDITIONAL_FORMATTING_PLUGIN}_colo_scale_${a}`),value:d,style:{maxWidth:"50%",marginLeft:4},canvasStyle:{fontSize:10},onlyInputFormula:!0,onChange:(h="")=>{r(h||"")}}):p.jsx(G.InputNumber,{className:n,value:Number(e.value)||0,onChange:h=>e.onChange(h||0),...f})},Ul=e=>{var $;const{interceptorManager:t}=e,n=c.useDependency(c.LocaleService),r=(($=e.rule)==null?void 0:$.type)===s.CFRuleType.colorScale?e.rule:void 0,a=[tt(s.CFValueType.num,n),tt(s.CFValueType.percent,n),tt(s.CFValueType.percentile,n),tt(s.CFValueType.formula,n)],o=[tt(s.CFValueType.min,n),...a],i=[tt("none",n),...a],u=[tt(s.CFValueType.max,n),...a],[l,d]=x.useState(()=>{var D;const S=s.CFValueType.min;return r&&((D=r.config[0])==null?void 0:D.value.type)||S}),[f,m]=x.useState(()=>{var D;const S="none";return!r||r.config.length!==3?S:((D=r.config[1])==null?void 0:D.value.type)||S}),[h,v]=x.useState(()=>{var D;const S=s.CFValueType.max;return r&&((D=r.config[r.config.length-1])==null?void 0:D.value.type)||S}),[y,R]=x.useState(()=>{if(!r)return 10;const D=r.config[0];return(D==null?void 0:D.value.value)===void 0?10:D==null?void 0:D.value.value}),[E,b]=x.useState(()=>{var Q;if(!r||r.config.length!==3)return 50;const D=(Q=r.config[1])==null?void 0:Q.value.value;return D===void 0?50:D}),[I,T]=x.useState(()=>{var Q;if(!r)return 90;const D=(Q=r.config[r.config.length-1])==null?void 0:Q.value.value;return D===void 0?90:D}),[w,g]=x.useState(()=>{var D;const S="#d0d9fb";return r&&((D=r.config[0])==null?void 0:D.color)||S}),[O,_]=x.useState(()=>{var D;const S="#7790f3";return!r||r.config.length!==3?S:((D=r.config[1])==null?void 0:D.color)||S}),[C,M]=x.useState(()=>{var D;const S="#2e55ef";return r&&((D=r.config[r.config.length-1])==null?void 0:D.color)||S}),L=x.useMemo(()=>S=>{const{minType:D,medianType:Q,maxType:Re,minValue:ge,medianValue:ve,maxValue:De,minColor:H,medianColor:Z,maxColor:te}=S,oe=[];return oe.push({color:H,value:{type:D,value:ge}}),Q!=="none"&&oe.push({color:Z,value:{type:Q,value:ve}}),oe.push({color:te,value:{type:Re,value:De}}),{config:oe.map((de,xe)=>({...de,index:xe})),type:s.CFRuleType.colorScale}},[]);x.useEffect(()=>t.intercept(t.getInterceptPoints().submit,{handler(){return L({minType:l,medianType:f,maxType:h,minValue:y,medianValue:E,maxValue:I,minColor:w,medianColor:O,maxColor:C})}}),[L,l,f,h,y,E,I,w,O,C,t]);const z=S=>{e.onChange(L(S))};return p.jsxs("div",{children:[p.jsx("div",{className:P.title,children:n.t("sheet.cf.panel.styleRule")}),p.jsx("div",{className:`${j.cfPreviewWrap}`,children:p.jsx(pt,{rule:L({minType:l,medianType:f,maxType:h,minValue:y,medianValue:E,maxValue:I,minColor:w,medianColor:O,maxColor:C})})}),p.jsx("div",{className:P.label,children:n.t("sheet.cf.valueType.min")}),p.jsxs("div",{className:`${P.labelContainer} ${P.mTSm}`,children:[p.jsx(G.Select,{options:o,value:l,onChange:S=>{d(S);const D=s.createDefaultValueByValueType(S,10);R(D),z({minType:S,medianType:f,maxType:h,minValue:D,medianValue:E,maxValue:I,minColor:w,medianColor:O,maxColor:C})}}),p.jsx(xr,{id:"min",className:`${P.mLXxs}`,value:y,type:l,onChange:S=>{R(S),z({minType:l,medianType:f,maxType:h,minValue:S,medianValue:E,maxValue:I,minColor:w,medianColor:O,maxColor:C})}}),p.jsx(et,{className:P.mLXxs,color:w,onChange:S=>{g(S),z({minType:l,medianType:f,maxType:h,minValue:y,medianValue:E,maxValue:I,minColor:S,medianColor:O,maxColor:C})}})]}),p.jsx("div",{className:P.label,children:n.t("sheet.cf.panel.medianValue")}),p.jsxs("div",{className:`${P.labelContainer} ${P.mTSm}`,children:[p.jsx(G.Select,{options:i,value:f,onChange:S=>{m(S);const D=s.createDefaultValueByValueType(S,50);b(D),z({minType:l,medianType:S,maxType:h,minValue:y,medianValue:D,maxValue:I,minColor:w,medianColor:O,maxColor:C})}}),p.jsx(xr,{id:"median",className:` ${P.mLXxs}`,value:E,type:f,onChange:S=>{b(S),z({minType:l,medianType:f,maxType:h,minValue:y,medianValue:S,maxValue:I,minColor:w,medianColor:O,maxColor:C})}}),f!=="none"&&p.jsx(et,{className:P.mLXxs,color:O,onChange:S=>{_(S),z({minType:l,medianType:f,maxType:h,minValue:y,medianValue:E,maxValue:I,minColor:w,medianColor:S,maxColor:C})}})]}),p.jsx("div",{className:P.label,children:n.t("sheet.cf.valueType.max")}),p.jsxs("div",{className:`${P.labelContainer} ${P.mTSm}`,children:[p.jsx(G.Select,{options:u,value:h,onChange:S=>{v(S);const D=s.createDefaultValueByValueType(S,90);T(D),z({minType:l,medianType:f,maxType:S,minValue:y,medianValue:E,maxValue:D,minColor:w,medianColor:O,maxColor:C})}}),p.jsx(xr,{id:"max",className:`${P.mLXxs}`,value:I,type:h,onChange:S=>{T(S),z({minType:l,medianType:f,maxType:h,minValue:y,medianValue:E,maxValue:S,minColor:w,medianColor:O,maxColor:C})}}),p.jsx(et,{className:P.mLXxs,color:C,onChange:S=>{M(S),z({minType:l,medianType:f,maxType:h,minValue:y,medianValue:E,maxValue:I,minColor:w,medianColor:O,maxColor:S})}})]})]})},mt=(e,t)=>({label:t.t(`sheet.cf.valueType.${e}`),value:e}),Ga=e=>{var h;const{onChange:t,className:n,value:r,type:a,id:o,disabled:i=!1}=e,u=c.useDependency(c.IUniverInstanceService),l=u.getCurrentUnitForType(c.UniverInstanceType.UNIVER_SHEET).getUnitId(),d=(h=u.getCurrentUnitForType(c.UniverInstanceType.UNIVER_SHEET).getActiveSheet())==null?void 0:h.getSheetId(),f=x.useRef(r),m=x.useMemo(()=>[s.CFValueType.percentile,s.CFValueType.percent].includes(a)?{max:100,min:0}:{min:Number.MIN_SAFE_INTEGER,max:Number.MAX_SAFE_INTEGER},[a]);if(a===s.CFValueType.formula){const v=String(f.current).startsWith("=")?String(f.current)||"":"=";return p.jsx(fe.TextEditor,{id:c.createInternalEditorID(`${s.SHEET_CONDITIONAL_FORMATTING_PLUGIN}_data_bar_${o}`),value:v,openForSheetSubUnitId:d,openForSheetUnitId:l,style:{width:"47%",marginLeft:14},canvasStyle:{fontSize:10},onlyInputFormula:!0,onChange:(y="")=>{t(y||"")}})}return p.jsx(G.InputNumber,{className:n,value:Number(r)||0,disabled:i,onChange:v=>{t(v||0)},...m})},Vl=e=>{var $;const{interceptorManager:t}=e,n=c.useDependency(c.LocaleService),r=(($=e.rule)==null?void 0:$.type)===s.CFRuleType.dataBar?e.rule:void 0,[a,o]=x.useState(()=>{var D;const S="0";return r?(D=r.config)!=null&&D.isGradient?"1":"0":S}),[i,u]=x.useState(()=>{var D;const S="#abd91a";return r&&((D=r.config)==null?void 0:D.positiveColor)||S}),[l,d]=x.useState(()=>{var D;const S="#ffbe38";return r&&((D=r.config)==null?void 0:D.nativeColor)||S}),f=[mt(s.CFValueType.num,n),mt(s.CFValueType.percent,n),mt(s.CFValueType.percentile,n),mt(s.CFValueType.formula,n)],m=[mt(s.CFValueType.min,n),...f],h=[mt(s.CFValueType.max,n),...f],[v,y]=x.useState(()=>{var D;const S=m[0].value;return r&&((D=r.config)==null?void 0:D.min.type)||S}),[R,E]=x.useState(()=>{var D;const S=h[0].value;return r&&((D=r.config)==null?void 0:D.max.type)||S}),[b,I]=x.useState(()=>{var Q;if(!r)return 0;const D=((Q=r.config)==null?void 0:Q.min)||{};return D.type===s.CFValueType.formula?D.value||"=":D.value||0}),[T,w]=x.useState(()=>{var Q;if(!r)return 100;const D=((Q=r.config)==null?void 0:Q.max)||{};return D.type===s.CFValueType.formula?D.value||"=":D.value===void 0?100:D.value}),[g,O]=x.useState(()=>r?r.isShowValue===void 0?!0:!!r.isShowValue:!0),_=S=>({config:{min:{type:S.minValueType,value:S.minValue},max:{type:S.maxValueType,value:S.maxValue},isGradient:S.isGradient==="1",positiveColor:S.positiveColor,nativeColor:S.nativeColor},type:s.CFRuleType.dataBar,isShowValue:S.isShowValue});x.useEffect(()=>t.intercept(t.getInterceptPoints().submit,{handler(){return _({isGradient:a,minValue:b,minValueType:v,maxValue:T,maxValueType:R,positiveColor:i,nativeColor:l,isShowValue:g})}}),[a,b,v,T,R,i,l,t,g]);const C=S=>{e.onChange(_(S))},M=S=>{u(S),C({isGradient:a,minValue:b,minValueType:v,maxValue:T,maxValueType:R,positiveColor:S,nativeColor:l,isShowValue:g})},L=S=>{d(S),C({isGradient:a,minValue:b,minValueType:v,maxValue:T,maxValueType:R,positiveColor:i,nativeColor:S,isShowValue:g})},z=S=>f.map(D=>D.value).includes(S);return p.jsxs("div",{children:[p.jsx("div",{className:P.title,children:n.t("sheet.cf.panel.styleRule")}),p.jsx("div",{className:`${j.cfPreviewWrap}`,children:p.jsx(pt,{rule:_({isGradient:a,minValue:b,minValueType:v,maxValue:T,maxValueType:R,positiveColor:i,nativeColor:l,isShowValue:g})})}),p.jsxs("div",{children:[p.jsx("div",{className:P.label,children:n.t("sheet.cf.panel.fillType")}),p.jsxs("div",{className:`${P.mTSm} ${P.mLXxs} ${P.labelContainer} `,children:[p.jsxs(G.RadioGroup,{value:a,onChange:S=>{o(S),C({isGradient:S,minValue:b,minValueType:v,maxValue:T,maxValueType:R,positiveColor:i,nativeColor:l,isShowValue:g})},children:[p.jsx(G.Radio,{value:"0",children:p.jsx("span",{className:j.text,children:n.t("sheet.cf.panel.pureColor")})}),p.jsx(G.Radio,{value:"1",children:p.jsx("span",{className:j.text,children:n.t("sheet.cf.panel.gradient")})})]}),p.jsxs("div",{className:`${j.utilItem} ${P.mLXl}`,children:[p.jsx(G.Checkbox,{checked:!g,onChange:S=>{O(!S),C({isGradient:S,minValue:b,minValueType:v,maxValue:T,maxValueType:R,positiveColor:i,nativeColor:l,isShowValue:!S})}}),n.t("sheet.cf.panel.onlyShowDataBar")]})]})]}),p.jsxs("div",{children:[p.jsx("div",{className:P.label,children:n.t("sheet.cf.panel.colorSet")}),p.jsxs("div",{className:`${P.labelContainer} ${P.mTSm} ${P.mLXxs}`,children:[p.jsxs("div",{className:`${P.labelContainer}`,children:[p.jsx("div",{className:`${j.text}`,children:n.t("sheet.cf.panel.native")}),p.jsx(et,{color:l,onChange:L})]}),p.jsxs("div",{className:`${P.labelContainer} ${P.mLSm} `,children:[p.jsx("div",{className:`${j.text} `,children:n.t("sheet.cf.panel.positive")}),p.jsx(et,{color:i,onChange:M})]})]})]}),p.jsxs("div",{children:[p.jsx("div",{className:P.label,children:n.t("sheet.cf.valueType.min")}),p.jsxs("div",{className:`${P.mTSm} ${P.labelContainer}`,children:[p.jsx(G.Select,{options:m,value:v,onChange:S=>{y(S);const D=s.createDefaultValueByValueType(S,10);I(D),C({isGradient:a,minValue:D,minValueType:S,maxValue:T,maxValueType:R,positiveColor:i,nativeColor:l,isShowValue:g})}}),p.jsx(Ga,{disabled:!z(v),id:"min",type:v,className:P.mLSm,value:b,onChange:S=>{I(S||0),C({isGradient:a,minValue:S||0,minValueType:v,maxValue:T,maxValueType:R,positiveColor:i,nativeColor:l,isShowValue:g})}})]}),p.jsx("div",{className:P.label,children:n.t("sheet.cf.valueType.max")}),p.jsxs("div",{className:`${P.mTSm} ${P.labelContainer}`,children:[p.jsx(G.Select,{options:h,value:R,onChange:S=>{E(S);const D=s.createDefaultValueByValueType(S,90);w(D),C({isGradient:a,minValue:b,minValueType:v,maxValue:D,maxValueType:S,positiveColor:i,nativeColor:l,isShowValue:g})}}),p.jsx(Ga,{disabled:!z(R),id:"max",type:R,className:P.mLSm,value:T,onChange:S=>{w(S||0),C({isGradient:a,minValue:b,minValueType:v,maxValue:S||0,maxValueType:R,positiveColor:i,nativeColor:l,isShowValue:g})}})]})]})]})},We={cfStyleEdit:"univer-cf-style-edit",buttonItem:"univer-button-item",isActive:"univer-isActive"},yn=e=>[c.BooleanNumber.FALSE,void 0].includes(e)?c.BooleanNumber.TRUE:c.BooleanNumber.FALSE,Sn=e=>e!==c.BooleanNumber.FALSE,Or=e=>{const{style:t,onChange:n,className:r}=e,a=c.useDependency(fe.ComponentManager),[o,i]=x.useState(()=>{if(t!=null&&t.bl)return t.bl}),[u,l]=x.useState(()=>{if(t!=null&&t.it)return t.it}),[d,f]=x.useState(()=>{if(t!=null&&t.ul)return t.ul.s}),[m,h]=x.useState(()=>{if(t!=null&&t.st)return t.st.s}),[v,y]=x.useState(()=>{var O;const g="#2f56ef";return(O=t==null?void 0:t.cl)!=null&&O.rgb?t.cl.rgb:g}),[R,E]=x.useState(()=>{var O;const g="#e8ecfc";return(O=t==null?void 0:t.bg)!=null&&O.rgb?t.bg.rgb:g}),b=a.get("BoldSingle"),I=a.get("ItalicSingle"),T=a.get("UnderlineSingle"),w=a.get("StrikethroughSingle");return x.useEffect(()=>{const g={bl:o,it:u};v!==void 0&&(g.cl={rgb:v}),R!==void 0&&(g.bg={rgb:R}),m!==void 0&&(g.st={s:m}),d!==void 0&&(g.ul={s:d}),n(s.removeUndefinedAttr(g))},[o,u,d,m,v,R]),p.jsxs("div",{className:`${We.cfStyleEdit} ${r}`,children:[b&&p.jsx("div",{className:$e({[We.isActive]:Sn(o||c.BooleanNumber.FALSE)},We.buttonItem),onClick:()=>i(yn(o)),children:p.jsx(b,{})}),I&&p.jsx("div",{className:$e({[We.isActive]:Sn(u||c.BooleanNumber.FALSE)},We.buttonItem),onClick:()=>l(yn(u)),children:p.jsx(I,{})}),T&&p.jsx("div",{className:$e({[We.isActive]:Sn(d||c.BooleanNumber.FALSE)},We.buttonItem),onClick:()=>f(yn(d)),children:p.jsx(T,{})}),w&&p.jsx("div",{className:$e({[We.isActive]:Sn(m||c.BooleanNumber.FALSE)},We.buttonItem),onClick:()=>h(yn(m)),children:p.jsx(w,{})}),p.jsx(et,{color:v,onChange:y,iconId:"FontColor"}),p.jsx(et,{color:R,onChange:E,iconId:"PaintBucket"})]})},zl=e=>{var E;const{onChange:t,interceptorManager:n}=e,r=c.useDependency(c.LocaleService),a=((E=e.rule)==null?void 0:E.type)===s.CFRuleType.highlightCell?e.rule:void 0,o=[{label:r.t("sheet.cf.panel.isNotBottom"),value:"isNotBottom"},{label:r.t("sheet.cf.panel.isBottom"),value:"isBottom"},{label:r.t("sheet.cf.panel.greaterThanAverage"),value:"greaterThanAverage"},{label:r.t("sheet.cf.panel.lessThanAverage"),value:"lessThanAverage"}],[i,u]=x.useState(()=>{const b=o[0].value,I=a==null?void 0:a.type;if(!a)return b;switch(I){case s.CFRuleType.highlightCell:switch(a.subType){case s.CFSubRuleType.average:return[s.CFNumberOperator.greaterThan,s.CFNumberOperator.greaterThanOrEqual].includes(a.operator)?"greaterThanAverage":[s.CFNumberOperator.lessThan,s.CFNumberOperator.lessThanOrEqual].includes(a.operator)?"lessThanAverage":b;case s.CFSubRuleType.rank:return a.isBottom?"isBottom":"isNotBottom"}}return b}),[l,d]=x.useState(()=>{const I=a==null?void 0:a.type;if(!a)return 10;switch(I){case s.CFRuleType.highlightCell:switch(a.subType){case s.CFSubRuleType.rank:return a.value||10}}return 10}),[f,m]=x.useState(()=>{const I=a==null?void 0:a.type;if(!a)return!1;switch(I){case s.CFRuleType.highlightCell:switch(a.subType){case s.CFSubRuleType.rank:return a.isPercent||!1}}return!1}),[h,v]=x.useState({}),y=b=>{const{type:I,isPercent:T,value:w,style:g}=b;if(I==="isNotBottom")return{type:s.CFRuleType.highlightCell,subType:s.CFSubRuleType.rank,isPercent:T,isBottom:!1,value:w,style:g};if(I==="isBottom")return{type:s.CFRuleType.highlightCell,subType:s.CFSubRuleType.rank,isPercent:T,isBottom:!0,value:w,style:g};if(I==="greaterThanAverage")return{type:s.CFRuleType.highlightCell,subType:s.CFSubRuleType.average,operator:s.CFNumberOperator.greaterThan,style:g};if(I==="lessThanAverage")return{type:s.CFRuleType.highlightCell,subType:s.CFSubRuleType.average,operator:s.CFNumberOperator.lessThan,style:g}};x.useEffect(()=>n.intercept(n.getInterceptPoints().submit,{handler(){return y({type:i,isPercent:f,value:l,style:h})}}),[i,f,l,h,n]);const R=b=>{t(y(b))};return p.jsxs("div",{children:[p.jsx("div",{className:`${P.title} ${P.mTBase}`,children:r.t("sheet.cf.panel.styleRule")}),p.jsx(G.Select,{className:`${j.width100} ${P.mTSm}`,value:i,options:o,onChange:b=>{u(b),R({type:b,isPercent:f,value:l,style:h})}}),["isNotBottom","isBottom"].includes(i)&&p.jsxs("div",{className:`${P.labelContainer} ${P.mTSm}`,children:[p.jsx(G.InputNumber,{min:1,max:1e3,value:l,onChange:b=>{const I=b||0;d(I),R({type:i,isPercent:f,value:I,style:h})}}),p.jsxs("div",{className:`${P.mLSm} ${P.labelContainer} ${j.text}`,children:[p.jsx(G.Checkbox,{checked:f,onChange:b=>{m(!!b),R({type:i,isPercent:!!b,value:l,style:h})}}),r.t("sheet.cf.valueType.percent")]})]}),p.jsx("div",{className:`${j.cfPreviewWrap} `,children:p.jsx(pt,{rule:y({type:i,isPercent:f,value:l,style:h})})}),p.jsx(Or,{style:a==null?void 0:a.style,className:`${P.mTSm} `,onChange:b=>{v(b),R({type:i,isPercent:f,value:l,style:b})}})]})},Nt=e=>p.jsxs("div",{style:{position:"relative"},children:[p.jsx("div",{style:{position:"absolute",zIndex:999,bottom:"-13px",fontSize:"10px",color:"red"},children:e.errorText}),e.children]}),J=(e,t)=>({label:t.t(`sheet.cf.operator.${e}`),value:e}),Al=e=>{const{type:t,operator:n,onChange:r,value:a,interceptorManager:o}=e,i=c.useDependency(c.LocaleService),[u,l]=x.useState(()=>typeof a=="number"?a:0),[d,f]=x.useState(""),[m,h]=x.useState(()=>typeof a=="string"?a:""),[v,y]=x.useState(""),[R,E]=x.useState(()=>Array.isArray(a)?a[0]===void 0?0:a[0]:0),[b,I]=x.useState(""),[T,w]=x.useState(()=>Array.isArray(a)?a[1]===void 0?100:a[1]:100),[g,O]=x.useState("");switch(x.useEffect(()=>{switch(t){case s.CFSubRuleType.text:{[s.CFTextOperator.beginsWith,s.CFTextOperator.endsWith,s.CFTextOperator.containsText,s.CFTextOperator.notContainsText,s.CFTextOperator.equal,s.CFTextOperator.notEqual].includes(n)&&r(m);break}case s.CFSubRuleType.number:{[s.CFNumberOperator.equal,s.CFNumberOperator.notEqual,s.CFNumberOperator.greaterThan,s.CFNumberOperator.greaterThanOrEqual,s.CFNumberOperator.lessThan,s.CFNumberOperator.lessThanOrEqual].includes(n)&&r(u),[s.CFNumberOperator.between,s.CFNumberOperator.notBetween].includes(n)&&r([R,T]);break}}},[t]),x.useEffect(()=>{const _=o.intercept(o.getInterceptPoints().beforeSubmit,{handler:(C,M,L)=>{switch(t){case s.CFSubRuleType.text:return s.CFTextOperator.beginsWith,s.CFTextOperator.containsText,s.CFTextOperator.endsWith,s.CFTextOperator.notEqual,s.CFTextOperator.notContainsText,s.CFTextOperator.equal,m?L(C):(y(i.t("sheet.cf.errorMessage.notBlank")),!1)}return L(C)}});return()=>{_()}},[t,u,m,R,T]),t){case s.CFSubRuleType.text:{if([s.CFTextOperator.beginsWith,s.CFTextOperator.endsWith,s.CFTextOperator.containsText,s.CFTextOperator.notContainsText,s.CFTextOperator.equal,s.CFTextOperator.notEqual].includes(n)){const _=C=>{h(C),r(C)};return p.jsx("div",{className:`${P.mTSm}`,children:p.jsx(Nt,{errorText:v,children:p.jsx(G.Input,{className:j.width100,value:m,onChange:C=>{y(""),_(C)}})})})}break}case s.CFSubRuleType.number:{if([s.CFNumberOperator.equal,s.CFNumberOperator.notEqual,s.CFNumberOperator.greaterThan,s.CFNumberOperator.greaterThanOrEqual,s.CFNumberOperator.lessThan,s.CFNumberOperator.lessThanOrEqual].includes(n)){const _=C=>{l(C||0),r(C||0),f("")};return p.jsx("div",{className:`${P.mTSm}`,children:p.jsx(Nt,{errorText:d,children:p.jsx(G.InputNumber,{min:Number.MIN_SAFE_INTEGER,max:Number.MAX_SAFE_INTEGER,className:j.width100,value:u,onChange:_})})})}if([s.CFNumberOperator.between,s.CFNumberOperator.notBetween].includes(n)){const _=M=>{E(M||0),r([M||0,T]),I("")},C=M=>{w(M||0),r([R,M||0]),O("")};return p.jsxs("div",{className:`${P.mTSm} ${P.labelContainer} `,children:[p.jsx(Nt,{errorText:b,children:p.jsx(G.InputNumber,{min:Number.MIN_SAFE_INTEGER,max:Number.MAX_SAFE_INTEGER,value:R,onChange:_})}),p.jsx(Nt,{errorText:g,children:p.jsx(G.InputNumber,{min:Number.MIN_SAFE_INTEGER,max:Number.MAX_SAFE_INTEGER,className:`${P.mLSm}`,value:T,onChange:C})})]})}}}return null},qa=(e,t)=>{switch(e){case s.CFSubRuleType.text:return[J(s.CFTextOperator.containsText,t),J(s.CFTextOperator.notContainsText,t),J(s.CFTextOperator.beginsWith,t),J(s.CFTextOperator.endsWith,t),J(s.CFTextOperator.equal,t),J(s.CFTextOperator.notEqual,t),J(s.CFTextOperator.containsBlanks,t),J(s.CFTextOperator.notContainsBlanks,t),J(s.CFTextOperator.containsErrors,t),J(s.CFTextOperator.notContainsErrors,t)];case s.CFSubRuleType.number:return[J(s.CFNumberOperator.between,t),J(s.CFNumberOperator.notBetween,t),J(s.CFNumberOperator.equal,t),J(s.CFNumberOperator.notEqual,t),J(s.CFNumberOperator.greaterThan,t),J(s.CFNumberOperator.greaterThanOrEqual,t),J(s.CFNumberOperator.lessThan,t),J(s.CFNumberOperator.lessThanOrEqual,t)];case s.CFSubRuleType.timePeriod:return[J(s.CFTimePeriodOperator.yesterday,t),J(s.CFTimePeriodOperator.today,t),J(s.CFTimePeriodOperator.tomorrow,t),J(s.CFTimePeriodOperator.last7Days,t),J(s.CFTimePeriodOperator.lastWeek,t),J(s.CFTimePeriodOperator.thisWeek,t),J(s.CFTimePeriodOperator.nextWeek,t),J(s.CFTimePeriodOperator.lastMonth,t),J(s.CFTimePeriodOperator.thisMonth,t),J(s.CFTimePeriodOperator.nextMonth,t)]}},Xa=e=>{var w;const{interceptorManager:t,onChange:n}=e,r=c.useDependency(c.LocaleService),a=((w=e.rule)==null?void 0:w.type)===s.CFRuleType.highlightCell?e.rule:void 0,[o,i]=x.useState(()=>{const g=s.CFSubRuleType.text;return a&&a.subType||g}),u=[{value:s.CFSubRuleType.text,label:r.t("sheet.cf.subRuleType.text")},{value:s.CFSubRuleType.number,label:r.t("sheet.cf.subRuleType.number")},{value:s.CFSubRuleType.timePeriod,label:r.t("sheet.cf.subRuleType.timePeriod")},{value:s.CFSubRuleType.duplicateValues,label:r.t("sheet.cf.subRuleType.duplicateValues")},{value:s.CFSubRuleType.uniqueValues,label:r.t("sheet.cf.subRuleType.uniqueValues")}],l=x.useMemo(()=>qa(o,r),[o]),[d,f]=x.useState(()=>{const g=l?l[0].value:void 0;return a&&a.operator||g}),[m,h]=x.useState(()=>{var _;const g="";return a?(_=a.value)!=null?_:s.createDefaultValue(a.subType,a.operator):g}),[v,y]=x.useState({}),R=x.useMemo(()=>g=>{var O,_,C,M,L,z,$,S,D,Q,Re,ge,ve,De,H;switch(g.subType||o){case s.CFSubRuleType.text:{if([s.CFTextOperator.beginsWith,s.CFTextOperator.endsWith,s.CFTextOperator.containsText,s.CFTextOperator.notContainsText,s.CFTextOperator.equal,s.CFTextOperator.notEqual].includes(d))return{type:s.CFRuleType.highlightCell,subType:(O=g.subType)!=null?O:o,operator:(_=g.operator)!=null?_:d,style:(C=g.style)!=null?C:v,value:(M=g.value)!=null?M:m};break}case s.CFSubRuleType.number:{if([s.CFNumberOperator.equal,s.CFNumberOperator.notEqual,s.CFNumberOperator.greaterThan,s.CFNumberOperator.greaterThanOrEqual,s.CFNumberOperator.lessThan,s.CFNumberOperator.lessThanOrEqual].includes(d))return{type:s.CFRuleType.highlightCell,subType:(L=g.subType)!=null?L:o,operator:(z=g.operator)!=null?z:d,style:($=g.style)!=null?$:v,value:(S=g.value)!=null?S:m};if([s.CFNumberOperator.between,s.CFNumberOperator.notBetween].includes(d))return{type:s.CFRuleType.highlightCell,subType:(D=g.subType)!=null?D:o,operator:(Q=g.operator)!=null?Q:d,style:(Re=g.style)!=null?Re:v,value:(ge=g.value)!=null?ge:m};break}}return{type:s.CFRuleType.highlightCell,subType:(ve=g.subType)!=null?ve:o,operator:(De=g.operator)!=null?De:d,style:(H=g.style)!=null?H:v}},[o,d,m,v]);x.useEffect(()=>t.intercept(t.getInterceptPoints().submit,{handler(){return R({})}}),[R,t]),x.useEffect(()=>{u.some(g=>g.value===o)||i(u[0].value)},[u]);const E=g=>{const O=g,_=qa(O,r),C=_&&_[0].value;i(O),f(C),C&&h(s.createDefaultValue(O,C)),n(R({subType:O,operator:C}))},b=g=>{const O=g;f(O),n(R({operator:O}))},I=g=>{h(g),n(R({value:g}))},T=x.useMemo(()=>`${o}_${d}_${Math.random()}`,[o,d]);return p.jsxs("div",{children:[p.jsx("div",{className:`${P.title} ${P.mTBase}`,children:r.t("sheet.cf.panel.styleRule")}),p.jsx(G.Select,{className:`${P.mTSm} ${j.width100}`,onChange:E,value:o,options:u}),(l==null?void 0:l.length)&&p.jsx(G.Select,{className:`${P.mTSm} ${j.width100}`,onChange:b,value:d||"",options:l}),p.jsx(Al,{value:m,interceptorManager:t,type:o,operator:d,rule:a,onChange:I},T),p.jsx("div",{className:`${j.cfPreviewWrap}`,children:p.jsx(pt,{rule:R({})})}),p.jsx(Or,{style:a==null?void 0:a.style,className:`${P.mLXxs}`,onChange:g=>{y(g),n(R({style:g}))}})]})},Hl=e=>{var E;const{onChange:t,interceptorManager:n}=e,r=c.useDependency(c.LocaleService),o=c.useDependency(c.IUniverInstanceService).getCurrentUnitForType(c.UniverInstanceType.UNIVER_SHEET),i=o.getActiveSheet(),u=((E=e.rule)==null?void 0:E.type)===s.CFRuleType.highlightCell?e.rule:void 0,[l,d]=x.useState({}),[f,m]=x.useState(()=>(u==null?void 0:u.subType)===s.CFSubRuleType.formula?u.value:"="),[h,v]=x.useState(""),y=b=>({style:b.style,value:f,type:s.CFRuleType.highlightCell,subType:s.CFSubRuleType.formula});x.useEffect(()=>n.intercept(n.getInterceptPoints().submit,{handler(){return y({style:l,formula:f})}}),[l,f,n]),x.useEffect(()=>{n.intercept(n.getInterceptPoints().beforeSubmit,{handler:(b,I,T)=>!f||f.length===1||!h.startsWith("=")?(v(r.t("sheet.cf.errorMessage.formulaError")),!1):T(b)})},[f]);const R=b=>{t(y(b))};return p.jsxs("div",{children:[p.jsx("div",{className:`${P.title} ${P.mTBase}`,children:r.t("sheet.cf.panel.styleRule")}),p.jsx("div",{className:`${P.mTSm}`,children:p.jsx(Nt,{errorText:h,children:p.jsx(fe.TextEditor,{id:c.createInternalEditorID(`${s.SHEET_CONDITIONAL_FORMATTING_PLUGIN}_formula`),openForSheetSubUnitId:i==null?void 0:i.getSheetId(),openForSheetUnitId:o.getUnitId(),value:f,canvasStyle:{fontSize:10},onlyInputFormula:!0,onChange:(b="")=>{const I=b||"";m(I),R({style:l,formula:I}),v("")}})})}),p.jsx("div",{className:`${j.cfPreviewWrap} `,children:p.jsx(pt,{rule:y({style:l,formula:f})})}),p.jsx(Or,{style:u==null?void 0:u.style,className:`${P.mTSm} `,onChange:b=>{d(b),R({style:b,formula:f})}})]})};var Wl="Expected a function",Ya="__lodash_hash_undefined__",Ka=1/0,kl=9007199254740991,$l="[object Function]",Bl="[object GeneratorFunction]",Fl="[object Symbol]",Gl=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,ql=/^\w*$/,Xl=/^\./,Yl=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,Kl=/[\\^$.*+?()[\]{}|]/g,Zl=/\\(\\)?/g,Jl=/^\[object .+?Constructor\]$/,Ql=/^(?:0|[1-9]\d*)$/,eu=typeof Ae=="object"&&Ae&&Ae.Object===Object&&Ae,tu=typeof self=="object"&&self&&self.Object===Object&&self,Er=eu||tu||Function("return this")();function nu(e,t){return e==null?void 0:e[t]}function ru(e){var t=!1;if(e!=null&&typeof e.toString!="function")try{t=!!(e+"")}catch{}return t}var au=Array.prototype,ou=Function.prototype,Za=Object.prototype,Dr=Er["__core-js_shared__"],Ja=function(){var e=/[^.]+$/.exec(Dr&&Dr.keys&&Dr.keys.IE_PROTO||"");return e?"Symbol(src)_1."+e:""}(),Qa=ou.toString,bn=Za.hasOwnProperty,eo=Za.toString,iu=RegExp("^"+Qa.call(bn).replace(Kl,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),to=Er.Symbol,su=au.splice,lu=ao(Er,"Map"),jt=ao(Object,"create"),no=to?to.prototype:void 0,ro=no?no.toString:void 0;function nt(e){var t=-1,n=e?e.length:0;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}function uu(){this.__data__=jt?jt(null):{}}function cu(e){return this.has(e)&&delete this.__data__[e]}function du(e){var t=this.__data__;if(jt){var n=t[e];return n===Ya?void 0:n}return bn.call(t,e)?t[e]:void 0}function fu(e){var t=this.__data__;return jt?t[e]!==void 0:bn.call(t,e)}function pu(e,t){var n=this.__data__;return n[e]=jt&&t===void 0?Ya:t,this}nt.prototype.clear=uu,nt.prototype.delete=cu,nt.prototype.get=du,nt.prototype.has=fu,nt.prototype.set=pu;function gt(e){var t=-1,n=e?e.length:0;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}function hu(){this.__data__=[]}function mu(e){var t=this.__data__,n=Cn(t,e);if(n<0)return!1;var r=t.length-1;return n==r?t.pop():su.call(t,n,1),!0}function gu(e){var t=this.__data__,n=Cn(t,e);return n<0?void 0:t[n][1]}function vu(e){return Cn(this.__data__,e)>-1}function yu(e,t){var n=this.__data__,r=Cn(n,e);return r<0?n.push([e,t]):n[r][1]=t,this}gt.prototype.clear=hu,gt.prototype.delete=mu,gt.prototype.get=gu,gt.prototype.has=vu,gt.prototype.set=yu;function rt(e){var t=-1,n=e?e.length:0;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}function Su(){this.__data__={hash:new nt,map:new(lu||gt),string:new nt}}function bu(e){return Rn(this,e).delete(e)}function Cu(e){return Rn(this,e).get(e)}function Ru(e){return Rn(this,e).has(e)}function Tu(e,t){return Rn(this,e).set(e,t),this}rt.prototype.clear=Su,rt.prototype.delete=bu,rt.prototype.get=Cu,rt.prototype.has=Ru,rt.prototype.set=Tu;function _u(e,t,n){var r=e[t];(!(bn.call(e,t)&&oo(r,n))||n===void 0&&!(t in e))&&(e[t]=n)}function Cn(e,t){for(var n=e.length;n--;)if(oo(e[n][0],t))return n;return-1}function Iu(e){if(!Tn(e)||Mu(e))return!1;var t=Uu(e)||ru(e)?iu:Jl;return t.test(Lu(e))}function wu(e,t,n,r){if(!Tn(e))return e;t=Du(t,e)?[t]:Ou(t);for(var a=-1,o=t.length,i=o-1,u=e;u!=null&&++a<o;){var l=ju(t[a]),d=n;if(a!=i){var f=u[l];d=void 0,d===void 0&&(d=Tn(f)?f:Eu(t[a+1])?[]:{})}_u(u,l,d),u=u[l]}return e}function xu(e){if(typeof e=="string")return e;if(Mr(e))return ro?ro.call(e):"";var t=e+"";return t=="0"&&1/e==-Ka?"-0":t}function Ou(e){return io(e)?e:Nu(e)}function Rn(e,t){var n=e.__data__;return Pu(t)?n[typeof t=="string"?"string":"hash"]:n.map}function ao(e,t){var n=nu(e,t);return Iu(n)?n:void 0}function Eu(e,t){return t=t==null?kl:t,!!t&&(typeof e=="number"||Ql.test(e))&&e>-1&&e%1==0&&e<t}function Du(e,t){if(io(e))return!1;var n=typeof e;return n=="number"||n=="symbol"||n=="boolean"||e==null||Mr(e)?!0:ql.test(e)||!Gl.test(e)||t!=null&&e in Object(t)}function Pu(e){var t=typeof e;return t=="string"||t=="number"||t=="symbol"||t=="boolean"?e!=="__proto__":e===null}function Mu(e){return!!Ja&&Ja in e}var Nu=Pr(function(e){e=zu(e);var t=[];return Xl.test(e)&&t.push(""),e.replace(Yl,function(n,r,a,o){t.push(a?o.replace(Zl,"$1"):r||n)}),t});function ju(e){if(typeof e=="string"||Mr(e))return e;var t=e+"";return t=="0"&&1/e==-Ka?"-0":t}function Lu(e){if(e!=null){try{return Qa.call(e)}catch{}try{return e+""}catch{}}return""}function Pr(e,t){if(typeof e!="function"||t&&typeof t!="function")throw new TypeError(Wl);var n=function(){var r=arguments,a=t?t.apply(this,r):r[0],o=n.cache;if(o.has(a))return o.get(a);var i=e.apply(this,r);return n.cache=o.set(a,i),i};return n.cache=new(Pr.Cache||rt),n}Pr.Cache=rt;function oo(e,t){return e===t||e!==e&&t!==t}var io=Array.isArray;function Uu(e){var t=Tn(e)?eo.call(e):"";return t==$l||t==Bl}function Tn(e){var t=typeof e;return!!e&&(t=="object"||t=="function")}function Vu(e){return!!e&&typeof e=="object"}function Mr(e){return typeof e=="symbol"||Vu(e)&&eo.call(e)==Fl}function zu(e){return e==null?"":xu(e)}function Au(e,t,n){return e==null?e:wu(e,t,n)}var Hu=Au;const Wu=An(Hu);var ku="Expected a function",so="__lodash_hash_undefined__",lo=1/0,$u="[object Function]",Bu="[object GeneratorFunction]",Fu="[object Symbol]",Gu=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,qu=/^\w*$/,Xu=/^\./,Yu=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,Ku=/[\\^$.*+?()[\]{}|]/g,Zu=/\\(\\)?/g,Ju=/^\[object .+?Constructor\]$/,Qu=typeof Ae=="object"&&Ae&&Ae.Object===Object&&Ae,ec=typeof self=="object"&&self&&self.Object===Object&&self,Nr=Qu||ec||Function("return this")();function tc(e,t){return e==null?void 0:e[t]}function nc(e){var t=!1;if(e!=null&&typeof e.toString!="function")try{t=!!(e+"")}catch{}return t}var rc=Array.prototype,ac=Function.prototype,uo=Object.prototype,jr=Nr["__core-js_shared__"],co=function(){var e=/[^.]+$/.exec(jr&&jr.keys&&jr.keys.IE_PROTO||"");return e?"Symbol(src)_1."+e:""}(),fo=ac.toString,Lr=uo.hasOwnProperty,po=uo.toString,oc=RegExp("^"+fo.call(Lr).replace(Ku,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),ho=Nr.Symbol,ic=rc.splice,sc=vo(Nr,"Map"),Lt=vo(Object,"create"),mo=ho?ho.prototype:void 0,go=mo?mo.toString:void 0;function at(e){var t=-1,n=e?e.length:0;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}function lc(){this.__data__=Lt?Lt(null):{}}function uc(e){return this.has(e)&&delete this.__data__[e]}function cc(e){var t=this.__data__;if(Lt){var n=t[e];return n===so?void 0:n}return Lr.call(t,e)?t[e]:void 0}function dc(e){var t=this.__data__;return Lt?t[e]!==void 0:Lr.call(t,e)}function fc(e,t){var n=this.__data__;return n[e]=Lt&&t===void 0?so:t,this}at.prototype.clear=lc,at.prototype.delete=uc,at.prototype.get=cc,at.prototype.has=dc,at.prototype.set=fc;function vt(e){var t=-1,n=e?e.length:0;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}function pc(){this.__data__=[]}function hc(e){var t=this.__data__,n=_n(t,e);if(n<0)return!1;var r=t.length-1;return n==r?t.pop():ic.call(t,n,1),!0}function mc(e){var t=this.__data__,n=_n(t,e);return n<0?void 0:t[n][1]}function gc(e){return _n(this.__data__,e)>-1}function vc(e,t){var n=this.__data__,r=_n(n,e);return r<0?n.push([e,t]):n[r][1]=t,this}vt.prototype.clear=pc,vt.prototype.delete=hc,vt.prototype.get=mc,vt.prototype.has=gc,vt.prototype.set=vc;function ot(e){var t=-1,n=e?e.length:0;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}function yc(){this.__data__={hash:new at,map:new(sc||vt),string:new at}}function Sc(e){return In(this,e).delete(e)}function bc(e){return In(this,e).get(e)}function Cc(e){return In(this,e).has(e)}function Rc(e,t){return In(this,e).set(e,t),this}ot.prototype.clear=yc,ot.prototype.delete=Sc,ot.prototype.get=bc,ot.prototype.has=Cc,ot.prototype.set=Rc;function _n(e,t){for(var n=e.length;n--;)if(Nc(e[n][0],t))return n;return-1}function Tc(e,t){t=xc(t,e)?[t]:wc(t);for(var n=0,r=t.length;e!=null&&n<r;)e=e[Pc(t[n++])];return n&&n==r?e:void 0}function _c(e){if(!So(e)||Ec(e))return!1;var t=jc(e)||nc(e)?oc:Ju;return t.test(Mc(e))}function Ic(e){if(typeof e=="string")return e;if(Vr(e))return go?go.call(e):"";var t=e+"";return t=="0"&&1/e==-lo?"-0":t}function wc(e){return yo(e)?e:Dc(e)}function In(e,t){var n=e.__data__;return Oc(t)?n[typeof t=="string"?"string":"hash"]:n.map}function vo(e,t){var n=tc(e,t);return _c(n)?n:void 0}function xc(e,t){if(yo(e))return!1;var n=typeof e;return n=="number"||n=="symbol"||n=="boolean"||e==null||Vr(e)?!0:qu.test(e)||!Gu.test(e)||t!=null&&e in Object(t)}function Oc(e){var t=typeof e;return t=="string"||t=="number"||t=="symbol"||t=="boolean"?e!=="__proto__":e===null}function Ec(e){return!!co&&co in e}var Dc=Ur(function(e){e=Uc(e);var t=[];return Xu.test(e)&&t.push(""),e.replace(Yu,function(n,r,a,o){t.push(a?o.replace(Zu,"$1"):r||n)}),t});function Pc(e){if(typeof e=="string"||Vr(e))return e;var t=e+"";return t=="0"&&1/e==-lo?"-0":t}function Mc(e){if(e!=null){try{return fo.call(e)}catch{}try{return e+""}catch{}}return""}function Ur(e,t){if(typeof e!="function"||t&&typeof t!="function")throw new TypeError(ku);var n=function(){var r=arguments,a=t?t.apply(this,r):r[0],o=n.cache;if(o.has(a))return o.get(a);var i=e.apply(this,r);return n.cache=o.set(a,i),i};return n.cache=new(Ur.Cache||ot),n}Ur.Cache=ot;function Nc(e,t){return e===t||e!==e&&t!==t}var yo=Array.isArray;function jc(e){var t=So(e)?po.call(e):"";return t==$u||t==Bu}function So(e){var t=typeof e;return!!e&&(t=="object"||t=="function")}function Lc(e){return!!e&&typeof e=="object"}function Vr(e){return typeof e=="symbol"||Lc(e)&&po.call(e)==Fu}function Uc(e){return e==null?"":Ic(e)}function Vc(e,t,n){var r=e==null?void 0:Tc(e,t);return r===void 0?n:r}var zc=Vc;const Ac=An(zc),bo=(e,t)=>(s.iconMap[e]||[])[Number(t)]||"",Hc=e=>{var o;const t=c.useDependency(c.IUniverInstanceService),n=t.getCurrentUnitForType(c.UniverInstanceType.UNIVER_SHEET).getUnitId(),r=(o=t.getCurrentUnitForType(c.UniverInstanceType.UNIVER_SHEET).getActiveSheet())==null?void 0:o.getSheetId(),a=x.useMemo(()=>e.error?j.errorInput:"",[e.error]);return p.jsx("div",{className:j.positionRelative,children:e.type!==s.CFValueType.formula?p.jsxs(p.Fragment,{children:[p.jsx(G.InputNumber,{className:a,value:Number(e.value)||0,onChange:i=>e.onChange(i!=null?i:0)}),e.error&&p.jsx("div",{className:j.errorText,children:e.error})]}):p.jsx(fe.TextEditor,{id:c.createInternalEditorID(`${s.SHEET_CONDITIONAL_FORMATTING_PLUGIN}_icon_set_${e.id}`),value:String(e.value).startsWith("=")?String(e.value):"=",openForSheetSubUnitId:r,openForSheetUnitId:n,canvasStyle:{fontSize:10},onlyInputFormula:!0,onChange:(i="")=>{const u=i||"";e.onChange(u)}})})},Co=(e,t,n)=>({operator:s.CFNumberOperator.greaterThan,value:{type:s.CFValueType.num,value:(n.length-1-t)*10},iconType:e,iconId:String(t)}),Wc=x.forwardRef((e,t)=>{const n=c.useDependency(c.LocaleService),r=a=>{e.onClick(a)};return p.jsx("div",{ref:t,className:j.iconGroupList,children:s.iconGroup.map((a,o)=>p.jsxs("div",{className:j.group,children:[p.jsx("div",{className:j.title,children:n.t(a.title)}),p.jsx("div",{className:j.itemContent,children:a.group.map(i=>p.jsx("div",{className:j.itemWrap,onClick:()=>{r(i.name)},children:p.jsx("div",{className:j.item,children:i.list.map((u,l)=>p.jsx("img",{className:j.icon,src:u},l))})},i.name))})]},o))})}),kc=e=>{const t=x.useMemo(()=>{const r=[];for(const a in s.iconMap){const o=s.iconMap[a],i=a;o.forEach((u,l)=>{r.push({iconType:i,base64:u,iconId:String(l)})})}return r},[]),n=r=>{e.onClick(r.iconType,r.iconId)};return p.jsxs("div",{className:j.iconItemListWrap,children:[p.jsxs("div",{className:j.none,onClick:()=>n({iconType:s.EMPTY_ICON_TYPE,iconId:"",base64:""}),children:[p.jsx(Tt,{className:j.icon}),p.jsx("span",{children:"无单元格图标"})]}),p.jsx("div",{className:j.iconItemList,children:t.map(r=>p.jsx("div",{className:j.item,children:p.jsx("img",{onClick:()=>n(r),className:`${j.icon}`,src:r.base64})},`${r.iconType}_${r.iconId}`))})]})},$c=e=>{const{onChange:t,configList:n,errorMap:r={}}=e,a=c.useDependency(c.LocaleService),o=[{label:a.t(`sheet.cf.symbol.${s.CFNumberOperator.greaterThan}`),value:s.CFNumberOperator.greaterThan},{label:a.t(`sheet.cf.symbol.${s.CFNumberOperator.greaterThanOrEqual}`),value:s.CFNumberOperator.greaterThanOrEqual}],i=[{label:a.t(`sheet.cf.valueType.${s.CFValueType.num}`),value:s.CFValueType.num},{label:a.t(`sheet.cf.valueType.${s.CFValueType.percent}`),value:s.CFValueType.percent},{label:a.t(`sheet.cf.valueType.${s.CFValueType.percentile}`),value:s.CFValueType.percentile},{label:a.t(`sheet.cf.valueType.${s.CFValueType.formula}`),value:s.CFValueType.formula}],u=(m,h)=>{t([String(h),"value","value"],m)},l=(m,h)=>{t([String(h),"operator"],m);const v=s.createDefaultValue(s.CFSubRuleType.number,m);u(v,h)},d=(m,h)=>{t([String(h),"value","type"],m)};return x.useMemo(()=>n.map((m,h)=>{const v=r[h],y=bo(m.iconType,m.iconId),R=h===n.length-1,E=h===0,b=n[h-1],I=(b==null?void 0:b.value.type)===s.CFValueType.formula?a.t("sheet.cf.valueType.formula"):b==null?void 0:b.value.value,T=(w,g)=>{const O={...m,iconId:g,iconType:w};t([String(h)],O)};return p.jsxs("div",{className:`${h?P.mTXl:P.mTSm}`,children:[p.jsxs("div",{className:`${P.label} ${j.flex}`,children:[p.jsxs("div",{className:`${j.width45}`,children:[a.t("sheet.cf.iconSet.icon"),h+1]}),p.jsx("div",{className:`${j.width45}`,children:p.jsxs(p.Fragment,{children:[!E&&!R&&a.t("sheet.cf.iconSet.rule"),!E&&!R&&p.jsxs("span",{className:j.stress,children:["(",a.t("sheet.cf.iconSet.when"),a.t(`sheet.cf.symbol.${s.getOppositeOperator(b.operator)}`),I,R?"":` ${a.t("sheet.cf.iconSet.and")} `,")"]})]})})]}),p.jsxs("div",{className:`${j.flex} ${P.mTSm}`,children:[p.jsx("div",{className:`${j.iconWrap} ${j.width45}`,children:p.jsx(G.Dropdown,{overlay:p.jsx(kc,{onClick:T,iconId:m.iconId,iconType:m.iconType}),children:p.jsxs("div",{className:j.dropdownIcon,children:[y?p.jsx("img",{src:y,className:j.icon}):p.jsx(Tt,{className:j.icon}),p.jsx(qt,{})]})})}),R?p.jsxs("div",{className:`${j.width45} ${P.label}`,style:{marginTop:0},children:[a.t("sheet.cf.iconSet.rule"),p.jsxs("span",{className:j.stress,children:["(",a.t("sheet.cf.iconSet.when"),a.t(`sheet.cf.symbol.${s.getOppositeOperator(b.operator)}`),I,R?"":` ${a.t("sheet.cf.iconSet.and")} `,")"]})]}):p.jsx(G.Select,{className:`${P.mL0} ${j.width45} ${P.mR0}`,options:o,value:m.operator,onChange:w=>{l(w,h)}})]}),R?p.jsx("div",{}):p.jsxs(p.Fragment,{children:[p.jsxs("div",{className:`${P.mTSm} ${P.label} ${j.flex}`,children:[p.jsx("div",{className:`${j.width45}`,children:a.t("sheet.cf.iconSet.type")}),p.jsx("div",{className:`${j.width45}`,children:a.t("sheet.cf.iconSet.value")})]}),p.jsxs("div",{className:`${P.mTSm} ${j.flex}`,children:[p.jsx(G.Select,{className:`${j.width45} ${P.mL0}`,options:i,value:m.value.type,onChange:w=>{d(w,h)}}),p.jsx("div",{className:`${P.mL0} ${j.width45}`,children:p.jsx(Hc,{id:h,type:m.value.type,error:v,value:m.value.value||"",onChange:w=>u(w,h)})})]})]})]},h)}),[n,r])},Bc=e=>{var w;const{interceptorManager:t}=e,n=((w=e.rule)==null?void 0:w.type)===s.CFRuleType.iconSet?e.rule:void 0,r=c.useDependency(c.LocaleService),[a,o]=x.useState({}),[i,u]=x.useState(()=>{const g=Object.keys(s.iconMap)[0];if(n&&n.config.length){const O=n.config[0].iconType;if(!n.config.some(C=>C.iconType!==O))return O}return g}),[l,d]=x.useState(()=>{if(n&&n.config.length)return c.Tools.deepClone(n==null?void 0:n.config);const g=s.iconMap[i]||[];return new Array(g.length).fill("").map((O,_,C)=>_===C.length-1?{operator:s.CFNumberOperator.lessThanOrEqual,value:{type:s.CFValueType.num,value:Number.MAX_SAFE_INTEGER},iconType:i,iconId:String(_)}:Co(i,_,C))}),[f,m]=x.useState(()=>n?!!n.isShowValue:!0),h=x.useMemo(()=>{const g=l.map(O=>bo(O.iconType,O.iconId));return p.jsx("div",{className:j.iconWrap,children:g.map((O,_)=>O?p.jsx("img",{className:j.icon,src:O},_):p.jsx(Tt,{className:j.icon},_))})},[l]),v=g=>{if(g.reduce((_,C,M)=>_.preType&&!_.result||g.length-1===M?_:C.value.type===s.CFValueType.formula?{preType:s.CFValueType.formula,result:!1}:_.preType?{result:_.preType===C.value.type,preType:C.value.type}:{result:!0,preType:C.value.type},{result:!0,preType:""}).result&&[s.CFValueType.num,s.CFValueType.percent,s.CFValueType.percentile].includes(g[0].value.type)){const _={};return g.forEach((C,M,L)=>{if(M-1<0||M===L.length-1)return;const $=g[M-1],S=s.getOppositeOperator($.operator);s.compareWithNumber({operator:S,value:$.value.value},C.value.value)||(_[M]=`${r.t(`sheet.cf.form.${S}`,String($.value.value))} `)}),_}return{}},y=(g,O)=>{Ac(l,g)!==O&&(Wu(l,g,O),d([...l]),o(v(l)))},R=g=>{u(g);const O=s.iconMap[g]||[],_=new Array(O.length).fill("").map((C,M,L)=>Co(g,M,L));d(_),o(v(_))};x.useEffect(()=>{const g=t.intercept(t.getInterceptPoints().submit,{handler(){return{type:s.CFRuleType.iconSet,isShowValue:f,config:l}}});return()=>{g()}},[f,l,t]),x.useEffect(()=>{const g=t.intercept(t.getInterceptPoints().beforeSubmit,{handler(){return Object.keys(a).length===0}});return()=>{g()}},[f,l,t,a]);const E=()=>{const g=l.map(O=>({...O}));l.forEach((O,_)=>{const C=l.length-1-_,M=g[C];O.iconId=M.iconId,O.iconType=M.iconType}),d([...l])},b=c.useDependency(fe.ILayoutService),[I,T]=x.useState();return fe.useScrollYOverContainer(I,b.rootContainerElement),p.jsxs("div",{className:j.iconSet,children:[p.jsx("div",{className:P.title,children:r.t("sheet.cf.panel.styleRule")}),p.jsx("div",{className:`${P.mTSm}`,children:p.jsx(G.Dropdown,{placement:"bottomLeft",overlay:p.jsx(Wc,{ref:g=>!I&&g&&T(g),iconType:i,onClick:R}),children:p.jsxs("div",{className:j.dropdownIcon,style:{width:"unset"},children:[h,p.jsx(qt,{})]})})}),p.jsxs("div",{className:`${P.mTSm} ${j.renderConfig}`,children:[p.jsxs("div",{className:j.utilItem,children:[p.jsx(G.Checkbox,{onChange:E}),r.t("sheet.cf.iconSet.reverseIconOrder")]}),p.jsxs("div",{className:`${j.utilItem} ${P.mLXl}`,children:[p.jsx(G.Checkbox,{checked:!f,onChange:g=>{m(!g)}}),r.t("sheet.cf.iconSet.onlyShowIcon")]})]}),p.jsx($c,{errorMap:a,onChange:y,configList:l})]})},Ro=e=>e.getCurrentUnitForType(c.UniverInstanceType.UNIVER_SHEET).getUnitId(),To=e=>{var t;return(t=e.getCurrentUnitForType(c.UniverInstanceType.UNIVER_SHEET).getActiveSheet())==null?void 0:t.getSheetId()},Fc=e=>{var w,g,O;const t=c.useDependency(c.LocaleService),n=c.useDependency(c.ICommandService),r=c.useDependency(c.IUniverInstanceService),a=c.useDependency(s.ConditionalFormattingRuleModel),o=c.useDependency(V.SheetsSelectionsService),i=Ro(r),u=To(r),l=x.useRef((g=(w=e.rule)==null?void 0:w.ranges)!=null?g:[]),d=x.useMemo(()=>{var C,M,L;let _=(C=e.rule)==null?void 0:C.ranges;return _!=null&&_.length||(_=(L=(M=o.getCurrentSelections())==null?void 0:M.map(z=>z.range))!=null?L:[]),l.current=_,_!=null&&_.length?_.map(z=>{const $=Ar.serializeRange(z);return $==="NaN"?"":$}).filter(z=>!!z).join(","):""},[e.rule]),f=[{label:t.t("sheet.cf.ruleType.highlightCell"),value:"1"},{label:t.t("sheet.cf.panel.rankAndAverage"),value:"2"},{label:t.t("sheet.cf.ruleType.dataBar"),value:"3"},{label:t.t("sheet.cf.ruleType.colorScale"),value:"4"},{label:t.t("sheet.cf.ruleType.formula"),value:"5"},{label:t.t("sheet.cf.ruleType.iconSet"),value:"6"}],[m,h]=x.useState(()=>{var M,L;const _=(M=e.rule)==null?void 0:M.rule.type,C=f[0].value;if(!_)return C;switch(_){case s.CFRuleType.highlightCell:{switch((L=e.rule)==null?void 0:L.rule.subType){case s.CFSubRuleType.number:case s.CFSubRuleType.text:case s.CFSubRuleType.duplicateValues:case s.CFSubRuleType.uniqueValues:case s.CFSubRuleType.timePeriod:return"1";case s.CFSubRuleType.average:case s.CFSubRuleType.rank:return"2";case s.CFSubRuleType.formula:return"5"}break}case s.CFRuleType.dataBar:return"3";case s.CFRuleType.colorScale:return"4";case s.CFRuleType.iconSet:return"6"}return C}),v=x.useRef(),y=x.useMemo(()=>new c.InterceptorManager({beforeSubmit:jl,submit:Ll}),[]),R=x.useMemo(()=>{switch(m){case"1":return Xa;case"2":return zl;case"3":return Vl;case"4":return Ul;case"5":return Hl;case"6":return Bc;default:return Xa}},[m]);x.useEffect(()=>{const _=n.onCommandExecuted(C=>{if(C.id===V.RemoveSheetMutation.id){const M=C.params;M.subUnitId===u&&M.unitId===i&&e.onCancel()}C.id===V.SetWorksheetActiveOperation.id&&e.onCancel()});return()=>_.dispose()},[]);const E=_=>{v.current=_},b=_=>{l.current=_.map(C=>C.range)},I=()=>{const C=(()=>{const L=r.getCurrentUnitForType(c.UniverInstanceType.UNIVER_SHEET).getActiveSheet();if(!L)throw new Error("No active sheet found");return l.current.map(S=>V.setEndForRange(S,L.getRowCount(),L.getColumnCount())).filter(S=>!(Number.isNaN(S.startRow)||Number.isNaN(S.startColumn)))})();if(y.fetchThroughInterceptors(y.getInterceptPoints().beforeSubmit)(!0,null)){const L=y.fetchThroughInterceptors(y.getInterceptPoints().submit)(null,null);if(L){const z=Ro(r),$=To(r);if(!z||!$)throw new Error("No active sheet found");let S={};e.rule&&e.rule.cfId?(S={...e.rule,ranges:C,rule:L},n.executeCommand(vn.id,{unitId:z,subUnitId:$,rule:S}),e.onCancel()):(S={cfId:a.createCfId(z,$),ranges:C,rule:L,stopIfTrue:!1},n.executeCommand(Mt.id,{unitId:z,subUnitId:$,rule:S}),e.onCancel())}}},T=()=>{e.onCancel()};return p.jsxs("div",{className:j.cfRuleStyleEditor,children:[p.jsx("div",{className:P.title,children:t.t("sheet.cf.panel.range")}),p.jsx("div",{className:`${P.mTBase}`,children:p.jsx(fe.RangeSelector,{placeholder:t.t("sheet.cf.form.rangeSelector"),width:"100%",openForSheetSubUnitId:u,openForSheetUnitId:i,value:d,id:c.createInternalEditorID(`${s.SHEET_CONDITIONAL_FORMATTING_PLUGIN}_rangeSelector`),onChange:b})}),p.jsx("div",{className:P.title,children:t.t("sheet.cf.panel.styleType")}),p.jsx("div",{className:P.mTBase,children:p.jsx(G.Select,{className:j.width100,value:m,options:f,onChange:_=>h(_)})}),p.jsx(R,{interceptorManager:y,rule:(O=e.rule)==null?void 0:O.rule,onChange:E}),p.jsxs("div",{className:`${P.mTBase} ${j.btnList}`,children:[p.jsx(G.Button,{size:"small",onClick:T,children:t.t("sheet.cf.panel.cancel")}),p.jsx(G.Button,{className:P.mLSm,size:"small",type:"primary",onClick:I,children:t.t("sheet.cf.panel.submit")})]})]})},Gc=e=>{const[t,n]=x.useState(e.rule),[r,a]=x.useState(!!e.rule),o=()=>{a(!0)},i=()=>{a(!1),n(void 0)},u=l=>{n(l),a(!0)};return p.jsx("div",{className:P.conditionalFormattingWrap,children:r?p.jsx(Fc,{onCancel:i,rule:t}):p.jsx(Nl,{onClick:u,onCreate:o})})};var qc=Object.defineProperty,Xc=Object.getOwnPropertyDescriptor,Yc=(e,t,n,r)=>{for(var a=r>1?void 0:r?Xc(t,n):t,o=e.length-1,i;o>=0;o--)(i=e[o])&&(a=(r?i(t,n,a):i(a))||a);return r&&a&&qc(t,n,a),a},yt=(e,t)=>(n,r)=>t(n,r,e);const _o={},Io="sheet.conditional.formatting.panel";let St=class extends c.Disposable{constructor(t,n,r,a,o,i,u){super();$t(this,"_sidebarDisposable",null);this._config=t,this._univerInstanceService=n,this._injector=r,this._componentManager=a,this._menuService=o,this._sidebarService=i,this._localeService=u,this._initMenu(),this._initPanel(),this.disposeWithMe(this._univerInstanceService.getCurrentTypeOfUnit$(c.UniverInstanceType.UNIVER_SHEET).subscribe(l=>{var d;l||(d=this._sidebarDisposable)==null||d.dispose()}))}openPanel(t){const n={header:{title:this._localeService.t("sheet.cf.title")},children:{label:Io,rule:t,key:c.Tools.generateRandomId(4)},onClose:()=>this._sidebarDisposable=null};this._sidebarDisposable=this._sidebarService.open(n)}_initMenu(){const{menu:t={}}=this._config;this._menuService.addMenuItem(Uo(this._injector),t)}_initPanel(){this._componentManager.register(Io,Gc)}};St=Yc([c.OnLifecycle(c.LifecycleStages.Ready,St),yt(1,c.IUniverInstanceService),yt(2,c.Inject(c.Injector)),yt(3,c.Inject(fe.ComponentManager)),yt(4,c.Inject(fe.IMenuService)),yt(5,c.Inject(fe.ISidebarService)),yt(6,c.Inject(c.LocaleService))],St);var Ie=(e=>(e[e.createRule=1]="createRule",e[e.viewRule=2]="viewRule",e[e.highlightCell=3]="highlightCell",e[e.rank=4]="rank",e[e.formula=5]="formula",e[e.colorScale=6]="colorScale",e[e.dataBar=7]="dataBar",e[e.icon=8]="icon",e[e.clearRangeRules=9]="clearRangeRules",e[e.clearWorkSheetRules=10]="clearWorkSheetRules",e))(Ie||{});const wn={id:"sheet.operation.open.conditional.formatting.panel",type:c.CommandType.OPERATION,handler:(e,t)=>{var u;const n=e.get(St),r=e.get(V.SheetsSelectionsService),a=e.get(c.ICommandService),o=((u=r.getCurrentSelections())==null?void 0:u.map(l=>l.range))||[];switch(t.value){case 3:{n.openPanel({...s.createDefaultRule(),ranges:o});break}case 4:{const l={...s.createDefaultRule,ranges:o,rule:{type:s.CFRuleType.highlightCell,subType:s.CFSubRuleType.rank}};n.openPanel(l);break}case 5:{const l={...s.createDefaultRule,ranges:o,rule:{type:s.CFRuleType.highlightCell,subType:s.CFSubRuleType.formula,value:"="}};n.openPanel(l);break}case 6:{const l={...s.createDefaultRule,ranges:o,rule:{type:s.CFRuleType.colorScale,config:[]}};n.openPanel(l);break}case 7:{const l={...s.createDefaultRule,ranges:o,rule:{type:s.CFRuleType.dataBar,isShowValue:!0}};n.openPanel(l);break}case 8:{const l={...s.createDefaultRule,ranges:o,rule:{type:s.CFRuleType.iconSet,config:[],isShowValue:!0}};n.openPanel(l);break}case 2:{n.openPanel();break}case 1:{n.openPanel({...s.createDefaultRule(),ranges:o});break}case 9:{a.executeCommand(Bt.id,{ranges:o});break}case 10:{a.executeCommand(Ct.id);break}}return!0}};var Kc=Object.defineProperty,Zc=Object.getOwnPropertyDescriptor,Jc=(e,t,n,r)=>{for(var a=r>1?void 0:r?Zc(t,n):t,o=e.length-1,i;o>=0;o--)(i=e[o])&&(a=(r?i(t,n,a):i(a))||a);return r&&a&&Kc(t,n,a),a},bt=(e,t)=>(n,r)=>t(n,r,e);let Ut=class extends c.Disposable{constructor(e,t,n,r,a,o){super(),this._sheetInterceptorService=e,this._conditionalFormattingService=t,this._univerInstanceService=n,this._renderManagerService=r,this._conditionalFormattingViewModel=a,this._conditionalFormattingRuleModel=o,this._initViewModelInterceptor(),this._initSkeleton()}_initSkeleton(){const e=()=>{var n,r,a;const t=this._univerInstanceService.getCurrentUnitForType(c.UniverInstanceType.UNIVER_SHEET).getUnitId();(n=this._renderManagerService.getRenderById(t))==null||n.with(le.SheetSkeletonManagerService).reCalculate(),(a=(r=this._renderManagerService.getRenderById(t))==null?void 0:r.mainComponent)==null||a.makeDirty()};this.disposeWithMe(this._conditionalFormattingViewModel.markDirty$.pipe(ke.bufferTime(16),ke.filter(t=>{const n=this._univerInstanceService.getCurrentUnitForType(c.UniverInstanceType.UNIVER_SHEET);if(!n)return!1;const r=n.getActiveSheet();return r?t.filter(a=>a.unitId===n.getUnitId()&&a.subUnitId===r.getSheetId()).length>0:!1})).subscribe(e)),this.disposeWithMe(this._conditionalFormattingRuleModel.$ruleChange.pipe(ke.bufferTime(16),ke.filter(t=>{const n=this._univerInstanceService.getCurrentUnitForType(c.UniverInstanceType.UNIVER_SHEET);if(!n)return!1;const r=n.getActiveSheet();return r?t.filter(a=>["sort","delete"].includes(a.type)&&a.unitId===n.getUnitId()&&a.subUnitId===r.getSheetId()).length>0:!1})).subscribe(e)),this.disposeWithMe(this._conditionalFormattingService.ruleComputeStatus$.pipe(ke.bufferTime(16),ke.filter(t=>{const n=this._univerInstanceService.getCurrentUnitForType(c.UniverInstanceType.UNIVER_SHEET);if(!n)return!1;const r=n.getActiveSheet();return r?t.filter(a=>a.unitId===n.getUnitId()&&a.subUnitId===r.getSheetId()).length>0:!1})).subscribe(e))}_initViewModelInterceptor(){this.disposeWithMe(this._sheetInterceptorService.intercept(V.INTERCEPTOR_POINT.CELL_CONTENT,{handler:(e,t,n)=>{const r=this._conditionalFormattingService.composeStyle(t.unitId,t.subUnitId,t.row,t.col);if(!r)return n(e);const a=t.workbook.getStyles(),i={...(typeof(e==null?void 0:e.s)=="string"?a.get(e==null?void 0:e.s):e==null?void 0:e.s)||{}},u={...e,s:i};return r.style&&Object.assign(i,r.style),u.fontRenderExtension||(u.fontRenderExtension={},r.isShowValue!==void 0&&(u.fontRenderExtension.isSkip=!r.isShowValue)),r.dataBar&&(u.dataBar=r.dataBar),r.iconSet&&(u.iconSet=r.iconSet,u.fontRenderExtension.leftOffset=s.DEFAULT_PADDING+s.DEFAULT_WIDTH),n(u)},priority:10}))}};Ut=Jc([c.OnLifecycle(c.LifecycleStages.Rendered,Ut),bt(0,c.Inject(V.SheetInterceptorService)),bt(1,c.Inject(s.ConditionalFormattingService)),bt(2,c.Inject(c.IUniverInstanceService)),bt(3,c.Inject(Lo.IRenderManagerService)),bt(4,c.Inject(s.ConditionalFormattingViewModel)),bt(5,c.Inject(s.ConditionalFormattingRuleModel))],Ut);var Qc=Object.defineProperty,ed=Object.getOwnPropertyDescriptor,td=(e,t,n,r)=>{for(var a=r>1?void 0:r?ed(t,n):t,o=e.length-1,i;o>=0;o--)(i=e[o])&&(a=(r?i(t,n,a):i(a))||a);return r&&a&&Qc(t,n,a),a},Vt=(e,t)=>(n,r)=>t(n,r,e);let zt=class extends c.Disposable{constructor(t,n,r,a,o){super();$t(this,"_copyInfo");this._sheetClipboardService=t,this._conditionalFormattingRuleModel=n,this._injector=r,this._conditionalFormattingViewModel=a,this._univerInstanceService=o,this._initClipboardHook()}_initClipboardHook(){this.disposeWithMe(this._sheetClipboardService.addClipboardHook({id:s.SHEET_CONDITIONAL_FORMATTING_PLUGIN,onBeforeCopy:(t,n,r)=>this._collectConditionalRule(t,n,r),onPasteCells:(t,n,r,a)=>{const{copyType:o=le.COPY_TYPE.COPY,pasteType:i}=a,{range:u}=t||{},{range:l}=n;return this._generateConditionalFormattingMutations(l,{copyType:o,pasteType:i,copyRange:u})}}))}_collectConditionalRule(t,n,r){const a=new c.ObjectMatrix,o={};this._copyInfo={matrix:a,info:{unitId:t,subUnitId:n,cfMap:o}};const i=this._conditionalFormattingViewModel.getMatrix(t,n);if(!i)return;const u={get:this._injector.get.bind(this._injector)},l=le.rangeToDiscreteRange(r,u,t,n);if(!l)return;const{rows:d,cols:f}=l,m=new Set;d.forEach((h,v)=>{f.forEach((y,R)=>{const E=this._conditionalFormattingViewModel.getCellCf(t,n,h,y,i);E&&(E.cfList.forEach(b=>m.add(b.cfId)),a.setValue(v,R,E.cfList.map(b=>b.cfId)))})}),m.forEach(h=>{const v=this._conditionalFormattingRuleModel.getRule(t,n,h);v&&(o[h]=v.rule)})}_generateConditionalFormattingMutations(t,n){const r=this._univerInstanceService.getCurrentUnitForType(c.UniverInstanceType.UNIVER_SHEET),a=r.getActiveSheet(),o=r.getUnitId();if(!a)return{redos:[],undos:[]};const i=a.getSheetId();if(n.copyType===le.COPY_TYPE.CUT)return this._copyInfo=null,{redos:[],undos:[]};if(!this._copyInfo||!n.copyRange)return{redos:[],undos:[]};if(![le.PREDEFINED_HOOK_NAME.SPECIAL_PASTE_FORMAT,le.PREDEFINED_HOOK_NAME.DEFAULT_PASTE,le.PREDEFINED_HOOK_NAME.SPECIAL_PASTE_BESIDES_BORDER].includes(n.pasteType))return{redos:[],undos:[]};const{ranges:[u,l],mapFunc:d}=le.virtualizeDiscreteRanges([n.copyRange,t]),f=le.getRepeatRange(u,l,!0),m=this._conditionalFormattingViewModel.getMatrix(o,i),h={};c.Range.foreach(l,(g,O)=>{const{row:_,col:C}=d(g,O),M=this._conditionalFormattingViewModel.getCellCf(o,i,_,C,m);M&&M.cfList.forEach(L=>{if(!h[L.cfId]){const z=new c.ObjectMatrix;h[L.cfId]=z;const $=this._conditionalFormattingRuleModel.getRule(o,i,L.cfId);$==null||$.ranges.forEach(S=>{c.Range.foreach(S,(D,Q)=>{z.setValue(D,Q,1)})})}h[L.cfId].realDeleteValue(_,C)})});const{matrix:v,info:y}=this._copyInfo,R=[];let E=this._conditionalFormattingRuleModel.createCfId(o,i);const b={},I=g=>{if(b[g])return b[g];const O=y==null?void 0:y.cfMap[g],_=[...this._conditionalFormattingRuleModel.getSubunitRules(o,i)||[],...R].find(C=>c.Tools.diffValue(C.rule,O));if(_)return b[g]=_,_;{const C={rule:O,cfId:E,ranges:[],stopIfTrue:!1};return b[g]=C,R.push(C),E=`${Number(E)+1}`,C}};f.forEach(g=>{v&&v.forValue((O,_,C)=>{const M=c.Rectangle.getPositionRange({startRow:O,endRow:O,startColumn:_,endColumn:_},g.startRange),{row:L,col:z}=d(M.startRow,M.startColumn);C.forEach($=>{if(!h[$]){const S=I($),D=new c.ObjectMatrix;h[$]=D,S.ranges.forEach(Q=>{c.Range.foreach(Q,(Re,ge)=>{D.setValue(Re,ge,1)})})}h[$].setValue(L,z,1)})})});const T=[],w=[];for(const g in h){const O=h[g],_=V.findAllRectangle(V.createTopMatrixFromMatrix(O));if(!_.length){const C={unitId:o,subUnitId:i,cfId:g};T.push({id:s.DeleteConditionalRuleMutation.id,params:C}),w.push(...s.DeleteConditionalRuleMutationUndoFactory(this._injector,C))}if(R.some(C=>C.cfId===g)){const C=I(g),M={unitId:o,subUnitId:i,rule:{...C,ranges:_}};T.push({id:s.AddConditionalRuleMutation.id,params:M}),w.push(s.AddConditionalRuleMutationUndoFactory(this._injector,M))}else{const C=this._conditionalFormattingRuleModel.getRule(o,i,g);if(!C)continue;const M={unitId:o,subUnitId:i,rule:{...C,ranges:_}};T.push({id:s.SetConditionalRuleMutation.id,params:M}),w.push(...s.setConditionalRuleMutationUndoFactory(this._injector,M))}}return{redos:T,undos:w}}};zt=td([c.OnLifecycle(c.LifecycleStages.Rendered,zt),Vt(0,c.Inject(le.ISheetClipboardService)),Vt(1,c.Inject(s.ConditionalFormattingRuleModel)),Vt(2,c.Inject(c.Injector)),Vt(3,c.Inject(s.ConditionalFormattingViewModel)),Vt(4,c.Inject(c.IUniverInstanceService))],zt);var nd=Object.defineProperty,rd=Object.getOwnPropertyDescriptor,ad=(e,t,n,r)=>{for(var a=r>1?void 0:r?rd(t,n):t,o=e.length-1,i;o>=0;o--)(i=e[o])&&(a=(r?i(t,n,a):i(a))||a);return r&&a&&nd(t,n,a),a},xn=(e,t)=>(n,r)=>t(n,r,e);let At=class extends c.Disposable{constructor(e,t,n,r){super(),this._conditionalFormattingRuleModel=e,this._univerInstanceService=t,this._injector=n,this._refRangeService=r,this._initRefRange()}_initRefRange(){const e=new Map,t=(r,a,o)=>`${r}_${a}_${o}`,n=(r,a,o)=>{const i=l=>{const d=[...o.ranges],f=d.map(h=>V.handleDefaultRangeChangeWithEffectRefCommands(h,l)).filter(h=>!!h);if(s.isRangesEqual(f,d))return{redos:[],undos:[]};if(f.length){const h={unitId:r,subUnitId:a,rule:{...o,ranges:f}},v=[{id:s.SetConditionalRuleMutation.id,params:h}],y=s.setConditionalRuleMutationUndoFactory(this._injector,h);return{redos:v,undos:y}}else{const h={unitId:r,subUnitId:a,cfId:o.cfId},v=[{id:s.DeleteConditionalRuleMutation.id,params:h}],y=s.DeleteConditionalRuleMutationUndoFactory(this._injector,h);return{redos:v,undos:y}}},u=[];o.ranges.forEach(l=>{const d=this._refRangeService.registerRefRange(l,i);u.push(()=>d.dispose())}),e.set(t(r,a,o.cfId),()=>u.forEach(l=>l()))};this.disposeWithMe(this._conditionalFormattingRuleModel.$ruleChange.subscribe(r=>{const{unitId:a,subUnitId:o,rule:i}=r,u=this._univerInstanceService.getCurrentUnitForType(c.UniverInstanceType.UNIVER_SHEET),l=u.getActiveSheet();if(!(r.unitId!==u.getUnitId()||r.subUnitId!==(l==null?void 0:l.getSheetId())))switch(r.type){case"add":{n(r.unitId,r.subUnitId,r.rule);break}case"delete":{const d=e.get(t(a,o,i.cfId));d&&d();break}case"set":{const d=e.get(t(a,o,i.cfId));d&&d(),n(r.unitId,r.subUnitId,r.rule)}}})),this.disposeWithMe(c.toDisposable(()=>{e.forEach(r=>{r()}),e.clear()}))}};At=ad([c.OnLifecycle(c.LifecycleStages.Rendered,At),xn(0,c.Inject(s.ConditionalFormattingRuleModel)),xn(1,c.Inject(c.IUniverInstanceService)),xn(2,c.Inject(c.Injector)),xn(3,c.Inject(V.RefRangeService))],At);var od=Object.defineProperty,id=Object.getOwnPropertyDescriptor,sd=(e,t,n,r)=>{for(var a=r>1?void 0:r?id(t,n):t,o=e.length-1,i;o>=0;o--)(i=e[o])&&(a=(r?i(t,n,a):i(a))||a);return r&&a&&od(t,n,a),a},zr=(e,t)=>(n,r)=>t(n,r,e);let Ht=class extends c.Disposable{constructor(e,t,n){super(),this._localeService=e,this._commandService=t,this._sheetPermissionInterceptorBaseController=n,this._commandExecutedListener()}_commandExecutedListener(){this.disposeWithMe(this._commandService.beforeCommandExecuted(e=>{e.id===Mt.id&&(this._sheetPermissionInterceptorBaseController.permissionCheckWithRanges({workbookTypes:[V.WorkbookEditablePermission],rangeTypes:[V.RangeProtectionPermissionEditPoint],worksheetTypes:[V.WorksheetEditPermission,V.WorksheetSetCellStylePermission]},e.params.rule.ranges)||this._sheetPermissionInterceptorBaseController.haveNotPermissionHandle(this._localeService.t("permission.dialog.setStyleErr")))}))}};Ht=sd([c.OnLifecycle(c.LifecycleStages.Rendered,Ht),zr(0,c.Inject(c.LocaleService)),zr(1,c.ICommandService),zr(2,c.Inject(le.SheetPermissionInterceptorBaseController))],Ht);var wo=Object.defineProperty,ld=Object.getOwnPropertyDescriptor,ud=(e,t,n)=>t in e?wo(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,cd=(e,t,n,r)=>{for(var a=r>1?void 0:r?ld(t,n):t,o=e.length-1,i;o>=0;o--)(i=e[o])&&(a=(r?i(t,n,a):i(a))||a);return r&&a&&wo(t,n,a),a},xo=(e,t)=>(n,r)=>t(n,r,e),Oo=(e,t,n)=>ud(e,typeof t!="symbol"?t+"":t,n);U.UniverSheetsConditionalFormattingMobileUIPlugin=class extends c.Plugin{constructor(t={},n,r){super(),this._config=t,this._injector=n,this._commandService=r,this._config=c.Tools.deepMerge({},_o,this._config),this._initCommand(),this._injector.add([Ut]),this._injector.add([At]),this._injector.add([zt]),this._injector.add([Ht]),this._injector.add([ht])}_initCommand(){[Dn,Pn,Mn,Nn,jn,Ln,Un,Vn,zn,wn,Pt,vn,mn,Mt,Bt,Ct].forEach(t=>{this._commandService.registerCommand(t)})}},Oo(U.UniverSheetsConditionalFormattingMobileUIPlugin,"pluginName",`${s.SHEET_CONDITIONAL_FORMATTING_PLUGIN}_MOBILE_UI_PLUGIN`),Oo(U.UniverSheetsConditionalFormattingMobileUIPlugin,"type",c.UniverInstanceType.UNIVER_SHEET),U.UniverSheetsConditionalFormattingMobileUIPlugin=cd([c.DependentOn(s.UniverSheetsConditionalFormattingPlugin),xo(1,c.Inject(c.Injector)),xo(2,c.Inject(c.ICommandService))],U.UniverSheetsConditionalFormattingMobileUIPlugin);var dd=Object.defineProperty,fd=Object.getOwnPropertyDescriptor,pd=(e,t,n,r)=>{for(var a=r>1?void 0:r?fd(t,n):t,o=e.length-1,i;o>=0;o--)(i=e[o])&&(a=(r?i(t,n,a):i(a))||a);return r&&a&&dd(t,n,a),a},Wt=(e,t)=>(n,r)=>t(n,r,e);let On=class extends c.Disposable{constructor(e,t,n,r,a){super(),this._injector=e,this._univerInstanceService=t,this._autoFillService=n,this._conditionalFormattingRuleModel=r,this._conditionalFormattingViewModel=a,this._initAutoFill()}_initAutoFill(){const e=()=>({redos:[],undos:[]}),t=(a,o,i,u,l)=>{var v;const d=this._univerInstanceService.getCurrentUnitForType(c.UniverInstanceType.UNIVER_SHEET).getUnitId(),f=(v=this._univerInstanceService.getCurrentUnitForType(c.UniverInstanceType.UNIVER_SHEET).getActiveSheet())==null?void 0:v.getSheetId();if(!d||!f)return;const m={startRow:a.row,startColumn:a.col,endColumn:a.col,endRow:a.row},h={startRow:o.row,startColumn:o.col,endColumn:o.col,endRow:o.row};c.Range.foreach(i,(y,R)=>{const E=c.Rectangle.getPositionRange({startRow:y,startColumn:R,endColumn:R,endRow:y},m),b=c.Rectangle.getPositionRange({startRow:y,startColumn:R,endColumn:R,endRow:y},h),{row:I,col:T}=l(E.startRow,E.startColumn),w=this._conditionalFormattingViewModel.getCellCf(d,f,I,T),{row:g,col:O}=l(b.startRow,b.startColumn),_=this._conditionalFormattingViewModel.getCellCf(d,f,g,O);_&&_.cfList.forEach(C=>{let M=u.get(C.cfId);if(!u.get(C.cfId)){const L=this._conditionalFormattingRuleModel.getRule(d,f,C.cfId);if(!L)return;M=new c.ObjectMatrix,L.ranges.forEach(z=>{c.Range.foreach(z,($,S)=>{M.setValue($,S,1)})}),u.set(C.cfId,M)}M.realDeleteValue(g,O)}),w&&w.cfList.forEach(C=>{let M=u.get(C.cfId);if(!u.get(C.cfId)){const L=this._conditionalFormattingRuleModel.getRule(d,f,C.cfId);if(!L)return;M=new c.ObjectMatrix,L.ranges.forEach(z=>{c.Range.foreach(z,($,S)=>{M.setValue($,S,1)})}),u.set(C.cfId,M)}M.setValue(g,O,1)})})},n=(a,o)=>{var b,I,T;const i=(b=this._univerInstanceService.getCurrentUnitForType(c.UniverInstanceType.UNIVER_SHEET))==null?void 0:b.getUnitId(),u=(T=(I=this._univerInstanceService.getCurrentUnitForType(c.UniverInstanceType.UNIVER_SHEET))==null?void 0:I.getActiveSheet())==null?void 0:T.getSheetId(),l=new Map,d=[],f=[];if(!i||!u)return e();const m=le.virtualizeDiscreteRanges([a,o]),[h,v]=m.ranges,{mapFunc:y}=m,R={row:h.startRow,col:h.startColumn};return le.getAutoFillRepeatRange(h,v).forEach(w=>{t(R,w.repeatStartCell,w.relativeRange,l,y)}),l.forEach((w,g)=>{const O=this._conditionalFormattingRuleModel.getRule(i,u,g);if(!O)return;const _=V.findAllRectangle(V.createTopMatrixFromMatrix(w));if(_.length){const C={unitId:i,subUnitId:u,rule:{...O,ranges:_}};d.push({id:s.SetConditionalRuleMutation.id,params:C}),f.push(...s.setConditionalRuleMutationUndoFactory(this._injector,C))}else{const C={unitId:i,subUnitId:u,cfId:O.cfId};d.push({id:s.DeleteConditionalRuleMutation.id,params:C}),f.push(...s.DeleteConditionalRuleMutationUndoFactory(this._injector,C))}}),{undos:f,redos:d}},r={id:s.SHEET_CONDITIONAL_FORMATTING_PLUGIN,onFillData:(a,o,i)=>{if(i===le.APPLY_TYPE.COPY||i===le.APPLY_TYPE.ONLY_FORMAT||i===le.APPLY_TYPE.SERIES){const{source:u,target:l}=a;return n(u,l)}return e()}};this.disposeWithMe(this._autoFillService.addHook(r))}};On=pd([c.OnLifecycle(c.LifecycleStages.Rendered,On),Wt(0,c.Inject(c.Injector)),Wt(1,c.Inject(c.IUniverInstanceService)),Wt(2,c.Inject(le.IAutoFillService)),Wt(3,c.Inject(s.ConditionalFormattingRuleModel)),Wt(4,c.Inject(s.ConditionalFormattingViewModel))],On);var hd=Object.defineProperty,md=Object.getOwnPropertyDescriptor,gd=(e,t,n,r)=>{for(var a=r>1?void 0:r?md(t,n):t,o=e.length-1,i;o>=0;o--)(i=e[o])&&(a=(r?i(t,n,a):i(a))||a);return r&&a&&hd(t,n,a),a},Eo=(e,t)=>(n,r)=>t(n,r,e);let En=class extends c.Disposable{constructor(e,t){super(),this._editorBridgeService=e,this._conditionalFormattingService=t,this._initInterceptorEditorEnd()}_initInterceptorEditorEnd(){this.disposeWithMe(c.toDisposable(this._editorBridgeService.interceptor.intercept(this._editorBridgeService.interceptor.getInterceptPoints().AFTER_CELL_EDIT,{handler:(e,t,n)=>{const r=this._conditionalFormattingService.composeStyle(t.unitId,t.subUnitId,t.row,t.col);if(r!=null&&r.style&&(e!=null&&e.p)){const a=Object.keys(r==null?void 0:r.style);if(a.length>0){const o=s.getStringFromDataStream(e.p),i={...(typeof e.s=="string"?t.workbook.getStyles().get(e.s):e.s)||{}};a.forEach(l=>{delete i[l]});const u={...e,s:{...i},v:o};return delete u.p,n(u)}}return n(e)}})))}};En=gd([c.OnLifecycle(c.LifecycleStages.Rendered,En),Eo(0,c.Inject(le.IEditorBridgeService)),Eo(1,c.Inject(s.ConditionalFormattingService))],En);var vd=Object.defineProperty,yd=Object.getOwnPropertyDescriptor,Sd=(e,t,n,r)=>{for(var a=r>1?void 0:r?yd(t,n):t,o=e.length-1,i;o>=0;o--)(i=e[o])&&(a=(r?i(t,n,a):i(a))||a);return r&&a&&vd(t,n,a),a},kt=(e,t)=>(n,r)=>t(n,r,e);U.ConditionalFormattingClearController=class extends c.Disposable{constructor(t,n,r,a,o){super(),this._injector=t,this._univerInstanceService=n,this._sheetInterceptorService=r,this._selectionManagerService=a,this._conditionalFormattingRuleModel=o,this._init()}_init(){this.disposeWithMe(this._sheetInterceptorService.interceptCommand({getMutations:t=>{var o;const n=[],r=[],a={redos:n,undos:r};if([V.ClearSelectionFormatCommand.id,V.ClearSelectionAllCommand.id].includes(t.id)){const i=(o=this._selectionManagerService.getCurrentSelections())==null?void 0:o.map(f=>f.range);if(!i)return a;const u=this._univerInstanceService.getCurrentUnitForType(c.UniverInstanceType.UNIVER_SHEET),l=u.getActiveSheet();if(!l)return a;const d=this._conditionalFormattingRuleModel.getSubunitRules(u.getUnitId(),l.getSheetId());if(!d||!d.length)return a;d.filter(f=>i.some(m=>f.ranges.some(h=>c.Rectangle.getIntersects(h,m)))).forEach(f=>{const h=new V.RangeMergeUtil().add(...f.ranges).subtract(...i).merge();if(h.length){const v={id:s.SetConditionalRuleMutation.id,params:{unitId:u.getUnitId(),subUnitId:l.getSheetId(),rule:{...f,ranges:h}}},y=s.setConditionalRuleMutationUndoFactory(this._injector,v.params);n.push(v),r.push(...y)}else{const v={id:s.DeleteConditionalRuleMutation.id,params:{unitId:u.getUnitId(),subUnitId:l.getSheetId(),cfId:f.cfId}},y=s.DeleteConditionalRuleMutationUndoFactory(this._injector,v.params);n.push(v),r.push(...y)}})}return a}}))}},U.ConditionalFormattingClearController=Sd([c.OnLifecycle(c.LifecycleStages.Rendered,U.ConditionalFormattingClearController),kt(0,c.Inject(c.Injector)),kt(1,c.Inject(c.IUniverInstanceService)),kt(2,c.Inject(V.SheetInterceptorService)),kt(3,c.Inject(V.SheetsSelectionsService)),kt(4,c.Inject(s.ConditionalFormattingRuleModel))],U.ConditionalFormattingClearController);var Do=Object.defineProperty,bd=Object.getOwnPropertyDescriptor,Cd=(e,t,n)=>t in e?Do(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,Rd=(e,t,n,r)=>{for(var a=r>1?void 0:r?bd(t,n):t,o=e.length-1,i;o>=0;o--)(i=e[o])&&(a=(r?i(t,n,a):i(a))||a);return r&&a&&Do(t,n,a),a},Po=(e,t)=>(n,r)=>t(n,r,e),Mo=(e,t,n)=>Cd(e,typeof t!="symbol"?t+"":t,n);U.UniverSheetsConditionalFormattingUIPlugin=class extends c.Plugin{constructor(t={},n,r){super(),this._config=t,this._injector=n,this._commandService=r,this._config=c.Tools.deepMerge({},_o,this._config),this._initCommand(),this._injector.add([Ut]),this._injector.add([At]),this._injector.add([zt]),this._injector.add([On]),this._injector.add([Ht]),this._injector.add([St,{useFactory:()=>this._injector.createInstance(St,this._config)}]),this._injector.add([ht]),this._injector.add([En]),this._injector.add([U.ConditionalFormattingClearController])}_initCommand(){[Dn,Pn,Mn,Nn,jn,Ln,Un,Vn,zn,wn,Pt,vn,mn,Mt,Bt,Ct].forEach(t=>{this._commandService.registerCommand(t)})}},Mo(U.UniverSheetsConditionalFormattingUIPlugin,"pluginName",`${s.SHEET_CONDITIONAL_FORMATTING_PLUGIN}_UI_PLUGIN`),Mo(U.UniverSheetsConditionalFormattingUIPlugin,"type",c.UniverInstanceType.UNIVER_SHEET),U.UniverSheetsConditionalFormattingUIPlugin=Rd([c.DependentOn(s.UniverSheetsConditionalFormattingPlugin),Po(1,c.Inject(c.Injector)),Po(2,c.Inject(c.ICommandService))],U.UniverSheetsConditionalFormattingUIPlugin),U.AddAverageCfCommand=Dn,U.AddCfCommand=Mt,U.AddColorScaleConditionalRuleCommand=Pn,U.AddDataBarConditionalRuleCommand=Mn,U.AddDuplicateValuesCfCommand=Nn,U.AddNumberCfCommand=jn,U.AddRankCfCommand=Ln,U.AddTextCfCommand=Un,U.AddTimePeriodCfCommand=Vn,U.AddUniqueValuesCfCommand=zn,U.ClearRangeCfCommand=Bt,U.ClearWorksheetCfCommand=Ct,U.DeleteCfCommand=Pt,U.MoveCfCommand=mn,U.OpenConditionalFormattingOperator=wn,U.SetCfCommand=vn,Object.defineProperty(U,Symbol.toStringTag,{value:"Module"})});
9
+ */var f=require$$0,k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};function q(c,a,g){var b,d={},e=null,h=null;g!==void 0&&(e=""+g),a.key!==void 0&&(e=""+a.key),a.ref!==void 0&&(h=a.ref);for(b in a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps,a)d[b]===void 0&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}__name(q,"q"),reactJsxRuntime_production_min.Fragment=l,reactJsxRuntime_production_min.jsx=q,reactJsxRuntime_production_min.jsxs=q,jsxRuntime.exports=reactJsxRuntime_production_min;var jsxRuntimeExports=jsxRuntime.exports;const 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,n2=arguments.length;i<n2;i++){s=arguments[i];for(var p2 in s)Object.prototype.hasOwnProperty.call(s,p2)&&(t[p2]=s[p2])}return t},__assign.apply(this,arguments)},__rest=function(s,e){var t={};for(var p2 in s)Object.prototype.hasOwnProperty.call(s,p2)&&e.indexOf(p2)<0&&(t[p2]=s[p2]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p2=Object.getOwnPropertySymbols(s);i<p2.length;i++)e.indexOf(p2[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p2[i])&&(t[p2[i]]=s[p2[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";var reactGridLayout={exports:{}},ReactGridLayout$1={},fastEquals={exports:{}};(function(module2,exports3){(function(global2,factory){factory(exports3)})(commonjsGlobal,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]",toString2=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=toString2.call(a);return aTag!==toString2.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",hasOwnProperty2=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(!hasOwnProperty2.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,fastEquals.exports);var fastEqualsExports=fastEquals.exports,utils$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");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$2=fastEqualsExports,_react$3=_interopRequireDefault$9(require$$0);function _interopRequireDefault$9(obj){return obj&&obj.__esModule?obj:{default:obj}}__name(_interopRequireDefault$9,"_interopRequireDefault$9");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$2.deepEqual)(_react$3.default.Children.map(a,c=>c==null?void 0:c.key),_react$3.default.Children.map(b,c=>c==null?void 0:c.key))&&(0,_fastEquals$2.deepEqual)(_react$3.default.Children.map(a,c=>c==null?void 0:c.props["data-grid"]),_react$3.default.Children.map(b,c=>c==null?void 0:c.props["data-grid"]))}__name(childrenEqual,"childrenEqual"),utils$1.fastRGLPropsEqual=fastRGLPropsEqual;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 l2=cloneLayoutItem(sorted[i]);l2.static||(l2=compactItem(compareWith,l2,compactType2,cols,sorted,allowOverlap),compareWith.push(l2)),out[layout.indexOf(sorted[i])]=l2,l2.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,l2,compactType2,cols,fullLayout,allowOverlap){const compactV=compactType2==="vertical",compactH=compactType2==="horizontal";if(compactV)for(l2.y=Math.min(bottom(compareWith),l2.y);l2.y>0&&!getFirstCollision(compareWith,l2);)l2.y--;else if(compactH)for(;l2.x>0&&!getFirstCollision(compareWith,l2);)l2.x--;let collides2;for(;(collides2=getFirstCollision(compareWith,l2))&&!(compactType2===null&&allowOverlap);)if(compactH?resolveCompactionCollision(fullLayout,l2,collides2.x+collides2.w,"x"):resolveCompactionCollision(fullLayout,l2,collides2.y+collides2.h,"y"),compactH&&l2.x+l2.w>cols)for(l2.x=cols-l2.w,l2.y++;l2.x>0&&!getFirstCollision(compareWith,l2);)l2.x--;return l2.y=Math.max(l2.y,0),l2.x=Math.max(l2.x,0),l2}__name(compactItem,"compactItem");function correctBounds(layout,bounds){const collidesWith=getStatics(layout);for(let i=0,len=layout.length;i<len;i++){const l2=layout[i];if(l2.x+l2.w>bounds.cols&&(l2.x=bounds.cols-l2.w),l2.x<0&&(l2.x=0,l2.w=bounds.cols),!l2.static)collidesWith.push(l2);else for(;getFirstCollision(collidesWith,l2);)l2.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(l2=>collides(l2,layoutItem))}__name(getAllCollisions,"getAllCollisions");function getStatics(layout){return layout.filter(l2=>l2.static)}__name(getStatics,"getStatics");function moveElement(layout,l2,x,y,isUserAction,preventCollision,compactType2,cols,allowOverlap){if(l2.static&&l2.isDraggable!==!0||l2.y===y&&l2.x===x)return layout;`${l2.i}${String(x)}${String(y)}${l2.x}${l2.y}`;const oldX=l2.x,oldY=l2.y;typeof x=="number"&&(l2.x=x),typeof y=="number"&&(l2.y=y),l2.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,l2),hasCollisions=collisions.length>0;if(hasCollisions&&allowOverlap)return cloneLayout(layout);if(hasCollisions&&preventCollision)return`${l2.i}`,l2.x=oldX,l2.y=oldY,l2.moved=!1,layout;for(let i=0,len=collisions.length;i<len;i++){const collision=collisions[i];`${l2.i}${l2.x}${l2.y}${collision.i}${collision.x}${collision.y}`,!collision.moved&&(collision.static?layout=moveElementAwayFromCollision(layout,collision,l2,isUserAction,compactType2):layout=moveElementAwayFromCollision(layout,l2,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$3.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++)if(typeof item2[subProps[j]]!="number")throw new Error("ReactGridLayout: "+contextName+"["+i+"]."+subProps[j]+" must be a number!")}}__name(validateLayout,"validateLayout");function compactType(props){const{verticalCompact,compactType:compactType2}=props||{};return verticalCompact===!1?null:compactType2}__name(compactType,"compactType");function log$2(){}__name(log$2,"log$2");const noop=__name(()=>{},"noop");utils$1.noop=noop;var calculateUtils={};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,cols,rowHeight,maxRows}=positionParams,colWidth=calcGridColWidth(positionParams);let x=Math.round((left-margin[0])/(colWidth+margin[0])),y=Math.round((top-margin[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)}__name(clamp,"clamp");var GridItem$1={},propTypes$1={exports:{}},ReactPropTypesSecret$1="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED",ReactPropTypesSecret_1=ReactPropTypesSecret$1,ReactPropTypesSecret=ReactPropTypesSecret_1;function emptyFunction(){}__name(emptyFunction,"emptyFunction");function emptyFunctionWithReset(){}__name(emptyFunctionWithReset,"emptyFunctionWithReset"),emptyFunctionWithReset.resetWarningCache=emptyFunction;var 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");propTypes$1.exports=factoryWithThrowingShims();var propTypesExports=propTypes$1.exports,cjs={exports:{}},Draggable$1={},domFns={},shims={};Object.defineProperty(shims,"__esModule",{value:!0}),shims.dontSetMe=dontSetMe,shims.findInArray=findInArray,shims.int=int,shims.isFunction=isFunction$2,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$2(func){return typeof func=="function"||Object.prototype.toString.call(func)==="[object Function]"}__name(isFunction$2,"isFunction$2");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."))}__name(dontSetMe,"dontSetMe");var getPrefix$1={};Object.defineProperty(getPrefix$1,"__esModule",{value:!0}),getPrefix$1.browserPrefixToKey=browserPrefixToKey,getPrefix$1.browserPrefixToStyle=browserPrefixToStyle,getPrefix$1.default=void 0,getPrefix$1.getPrefix=getPrefix;const prefixes=["Moz","Webkit","O","ms"];function getPrefix(){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,"getPrefix");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}__name(kebabToTitleCase,"kebabToTitleCase"),getPrefix$1.default=getPrefix(),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$2=shims,_getPrefix=_interopRequireWildcard$6(getPrefix$1);function _getRequireWildcardCache$6(nodeInterop){if(typeof WeakMap!="function")return null;var cacheBabelInterop=new WeakMap,cacheNodeInterop=new WeakMap;return(_getRequireWildcardCache$6=__name(function(nodeInterop2){return nodeInterop2?cacheNodeInterop:cacheBabelInterop},"_getRequireWildcardCache$6"))(nodeInterop)}__name(_getRequireWildcardCache$6,"_getRequireWildcardCache$6");function _interopRequireWildcard$6(obj,nodeInterop){if(obj&&obj.__esModule)return obj;if(obj===null||typeof obj!="object"&&typeof obj!="function")return{default:obj};var cache=_getRequireWildcardCache$6(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$6,"_interopRequireWildcard$6");let matchesSelectorFunc="";function matchesSelector(el,selector){return matchesSelectorFunc||(matchesSelectorFunc=(0,_shims$2.findInArray)(["matches","webkitMatchesSelector","mozMatchesSelector","msMatchesSelector","oMatchesSelector"],function(method){return(0,_shims$2.isFunction)(el[method])})),(0,_shims$2.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$2.int)(computedStyle.borderTopWidth),height+=(0,_shims$2.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$2.int)(computedStyle.borderLeftWidth),width+=(0,_shims$2.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$2.int)(computedStyle.paddingTop),height-=(0,_shims$2.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$2.int)(computedStyle.paddingLeft),width-=(0,_shims$2.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$2.findInArray)(e.targetTouches,t=>identifier===t.identifier)||e.changedTouches&&(0,_shims$2.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;}
10
+ `,styleEl.innerHTML+=`.react-draggable-transparent-selection *::selection {all: inherit;}
11
+ `,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"),"")}__name(removeClassName,"removeClassName");var positionFns={};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$1=shims,_domFns$1=domFns;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$1.int)(boundNodeStyle.paddingLeft)+(0,_shims$1.int)(nodeStyle.marginLeft),top:-node.offsetTop+(0,_shims$1.int)(boundNodeStyle.paddingTop)+(0,_shims$1.int)(nodeStyle.marginTop),right:(0,_domFns$1.innerWidth)(boundNodeEl)-(0,_domFns$1.outerWidth)(node)-node.offsetLeft+(0,_shims$1.int)(boundNodeStyle.paddingRight)-(0,_shims$1.int)(nodeStyle.marginRight),bottom:(0,_domFns$1.innerHeight)(boundNodeEl)-(0,_domFns$1.outerHeight)(node)-node.offsetTop+(0,_shims$1.int)(boundNodeStyle.paddingBottom)-(0,_shims$1.int)(nodeStyle.marginBottom)}}return(0,_shims$1.isNum)(bounds.right)&&(x=Math.min(x,bounds.right)),(0,_shims$1.isNum)(bounds.bottom)&&(y=Math.min(y,bounds.bottom)),(0,_shims$1.isNum)(bounds.left)&&(x=Math.max(x,bounds.left)),(0,_shims$1.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$1.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$1.offsetXYFromParent)(touchObj||e,offsetParent,draggableCore.props.scale)}__name(getControlPosition,"getControlPosition");function createCoreData(draggable,x,y){const isStart=!(0,_shims$1.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}__name(findDOMNode,"findDOMNode");var DraggableCore$2={},log$1={};Object.defineProperty(log$1,"__esModule",{value:!0}),log$1.default=log;function log(){}__name(log,"log"),Object.defineProperty(DraggableCore$2,"__esModule",{value:!0}),DraggableCore$2.default=void 0;var React$5=_interopRequireWildcard$5(require$$0),_propTypes$7=_interopRequireDefault$8(propTypesExports),_reactDom=_interopRequireDefault$8(require$$2$1),_domFns=domFns,_positionFns=positionFns,_shims=shims,_log=_interopRequireDefault$8(log$1);function _interopRequireDefault$8(obj){return obj&&obj.__esModule?obj:{default:obj}}__name(_interopRequireDefault$8,"_interopRequireDefault$8");function _getRequireWildcardCache$5(nodeInterop){if(typeof WeakMap!="function")return null;var cacheBabelInterop=new WeakMap,cacheNodeInterop=new WeakMap;return(_getRequireWildcardCache$5=__name(function(nodeInterop2){return nodeInterop2?cacheNodeInterop:cacheBabelInterop},"_getRequireWildcardCache$5"))(nodeInterop)}__name(_getRequireWildcardCache$5,"_getRequireWildcardCache$5");function _interopRequireWildcard$5(obj,nodeInterop){if(obj&&obj.__esModule)return obj;if(obj===null||typeof obj!="object"&&typeof obj!="function")return{default:obj};var cache=_getRequireWildcardCache$5(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$5,"_interopRequireWildcard$5");function _defineProperty$7(obj,key,value){return key=_toPropertyKey$7(key),key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}__name(_defineProperty$7,"_defineProperty$7");function _toPropertyKey$7(arg){var key=_toPrimitive$7(arg,"string");return typeof key=="symbol"?key:String(key)}__name(_toPropertyKey$7,"_toPropertyKey$7");function _toPrimitive$7(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$7,"_toPrimitive$7");const eventsFor={touch:{start:"touchstart",move:"touchmove",stop:"touchend"},mouse:{start:"mousedown",move:"mousemove",stop:"mouseup"}};let dragEventFor=eventsFor.mouse,DraggableCore$1=(_a=class extends React$5.Component{constructor(){super(...arguments),_defineProperty$7(this,"dragging",!1),_defineProperty$7(this,"lastX",NaN),_defineProperty$7(this,"lastY",NaN),_defineProperty$7(this,"touchIdentifier",null),_defineProperty$7(this,"mounted",!1),_defineProperty$7(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$7(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$7(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$7(this,"onMouseDown",e=>(dragEventFor=eventsFor.mouse,this.handleDragStart(e))),_defineProperty$7(this,"onMouseUp",e=>(dragEventFor=eventsFor.mouse,this.handleDragStop(e))),_defineProperty$7(this,"onTouchStart",e=>(dragEventFor=eventsFor.touch,this.handleDragStart(e))),_defineProperty$7(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$5.cloneElement(React$5.Children.only(this.props.children),{onMouseDown:this.onMouseDown,onMouseUp:this.onMouseUp,onTouchEnd:this.onTouchEnd})}},__name(_a,"DraggableCore"),_a);DraggableCore$2.default=DraggableCore$1,_defineProperty$7(DraggableCore$1,"displayName","DraggableCore"),_defineProperty$7(DraggableCore$1,"propTypes",{allowAnyClick:_propTypes$7.default.bool,children:_propTypes$7.default.node.isRequired,disabled:_propTypes$7.default.bool,enableUserSelectHack:_propTypes$7.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$7.default.arrayOf(_propTypes$7.default.number),handle:_propTypes$7.default.string,cancel:_propTypes$7.default.string,nodeRef:_propTypes$7.default.object,onStart:_propTypes$7.default.func,onDrag:_propTypes$7.default.func,onStop:_propTypes$7.default.func,onMouseDown:_propTypes$7.default.func,scale:_propTypes$7.default.number,className:_shims.dontSetMe,style:_shims.dontSetMe,transform:_shims.dontSetMe}),_defineProperty$7(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}),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 React2=_interopRequireWildcard2(require$$0),_propTypes3=_interopRequireDefault2(propTypesExports),_reactDom2=_interopRequireDefault2(require$$2$1),_clsx2=_interopRequireDefault2(cl),_domFns2=domFns,_positionFns2=positionFns,_shims2=shims,_DraggableCore=_interopRequireDefault2(DraggableCore$2),_log2=_interopRequireDefault2(log$1);function _interopRequireDefault2(obj){return obj&&obj.__esModule?obj:{default:obj}}__name(_interopRequireDefault2,"_interopRequireDefault");function _getRequireWildcardCache2(nodeInterop){if(typeof WeakMap!="function")return null;var cacheBabelInterop=new WeakMap,cacheNodeInterop=new WeakMap;return(_getRequireWildcardCache2=__name(function(nodeInterop2){return nodeInterop2?cacheNodeInterop:cacheBabelInterop},"_getRequireWildcardCache"))(nodeInterop)}__name(_getRequireWildcardCache2,"_getRequireWildcardCache");function _interopRequireWildcard2(obj,nodeInterop){if(obj&&obj.__esModule)return obj;if(obj===null||typeof obj!="object"&&typeof obj!="function")return{default:obj};var cache=_getRequireWildcardCache2(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(_interopRequireWildcard2,"_interopRequireWildcard");function _extends2(){return _extends2=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},_extends2.apply(this,arguments)}__name(_extends2,"_extends");function _defineProperty2(obj,key,value){return key=_toPropertyKey2(key),key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}__name(_defineProperty2,"_defineProperty");function _toPropertyKey2(arg){var key=_toPrimitive2(arg,"string");return typeof key=="symbol"?key:String(key)}__name(_toPropertyKey2,"_toPropertyKey");function _toPrimitive2(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(_toPrimitive2,"_toPrimitive");const _Draggable=class _Draggable extends React2.Component{static getDerivedStateFromProps(_ref,_ref2){let{position}=_ref,{prevPropsPosition}=_ref2;return position&&(!prevPropsPosition||position.x!==prevPropsPosition.x||position.y!==prevPropsPosition.y)?((0,_log2.default)("Draggable: getDerivedStateFromProps %j",{position,prevPropsPosition}),{x:position.x,y:position.y,prevPropsPosition:{...position}}):null}constructor(props){super(props),_defineProperty2(this,"onDragStart",(e,coreData)=>{if((0,_log2.default)("Draggable: onDragStart: %j",coreData),this.props.onStart(e,(0,_positionFns2.createDraggableData)(this,coreData))===!1)return!1;this.setState({dragging:!0,dragged:!0})}),_defineProperty2(this,"onDrag",(e,coreData)=>{if(!this.state.dragging)return!1;(0,_log2.default)("Draggable: onDrag: %j",coreData);const uiData=(0,_positionFns2.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,_positionFns2.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)}),_defineProperty2(this,"onDragStop",(e,coreData)=>{if(!this.state.dragging||this.props.onStop(e,(0,_positionFns2.createDraggableData)(this,coreData))===!1)return!1;(0,_log2.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:_reactDom2.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,_positionFns2.canDragX)(this)&&draggable?this.state.x:validPosition.x,y:(0,_positionFns2.canDragY)(this)&&draggable?this.state.y:validPosition.y};this.state.isElementSVG?svgTransform=(0,_domFns2.createSVGTransform)(transformOpts,positionOffset):style=(0,_domFns2.createCSSTransform)(transformOpts,positionOffset);const className=(0,_clsx2.default)(children.props.className||"",defaultClassName,{[defaultClassNameDragging]:this.state.dragging,[defaultClassNameDragged]:this.state.dragged});return React2.createElement(_DraggableCore.default,_extends2({},draggableCoreProps,{onStart:this.onDragStart,onDrag:this.onDrag,onStop:this.onDragStop}),React2.cloneElement(React2.Children.only(children),{className,style:{...children.props.style,...style},transform:svgTransform}))}};__name(_Draggable,"Draggable");let Draggable2=_Draggable;exports3.default=Draggable2,_defineProperty2(Draggable2,"displayName","Draggable"),_defineProperty2(Draggable2,"propTypes",{..._DraggableCore.default.propTypes,axis:_propTypes3.default.oneOf(["both","x","y","none"]),bounds:_propTypes3.default.oneOfType([_propTypes3.default.shape({left:_propTypes3.default.number,right:_propTypes3.default.number,top:_propTypes3.default.number,bottom:_propTypes3.default.number}),_propTypes3.default.string,_propTypes3.default.oneOf([!1])]),defaultClassName:_propTypes3.default.string,defaultClassNameDragging:_propTypes3.default.string,defaultClassNameDragged:_propTypes3.default.string,defaultPosition:_propTypes3.default.shape({x:_propTypes3.default.number,y:_propTypes3.default.number}),positionOffset:_propTypes3.default.shape({x:_propTypes3.default.oneOfType([_propTypes3.default.number,_propTypes3.default.string]),y:_propTypes3.default.oneOfType([_propTypes3.default.number,_propTypes3.default.string])}),position:_propTypes3.default.shape({x:_propTypes3.default.number,y:_propTypes3.default.number}),className:_shims2.dontSetMe,style:_shims2.dontSetMe,transform:_shims2.dontSetMe}),_defineProperty2(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$1);const{default:Draggable,DraggableCore}=Draggable$1;cjs.exports=Draggable,cjs.exports.default=Draggable,cjs.exports.DraggableCore=DraggableCore;var cjsExports=cjs.exports,reactResizable={exports:{}},Resizable$1={},utils={};utils.__esModule=!0,utils.cloneElement=cloneElement;var _react$2=_interopRequireDefault$7(require$$0);function _interopRequireDefault$7(obj){return obj&&obj.__esModule?obj:{default:obj}}__name(_interopRequireDefault$7,"_interopRequireDefault$7");function ownKeys$2(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$2,"ownKeys$2");function _objectSpread$2(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};i%2?ownKeys$2(Object(source),!0).forEach(function(key){_defineProperty$6(target,key,source[key])}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys$2(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}__name(_objectSpread$2,"_objectSpread$2");function _defineProperty$6(obj,key,value){return key=_toPropertyKey$6(key),key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}__name(_defineProperty$6,"_defineProperty$6");function _toPropertyKey$6(arg){var key=_toPrimitive$6(arg,"string");return typeof key=="symbol"?key:String(key)}__name(_toPropertyKey$6,"_toPropertyKey$6");function _toPrimitive$6(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$6,"_toPrimitive$6");function cloneElement(element2,props){return props.style&&element2.props.style&&(props.style=_objectSpread$2(_objectSpread$2({},element2.props.style),props.style)),props.className&&element2.props.className&&(props.className=element2.props.className+" "+props.className),_react$2.default.cloneElement(element2,props)}__name(cloneElement,"cloneElement");var propTypes={};propTypes.__esModule=!0,propTypes.resizableProps=void 0;var _propTypes$6=_interopRequireDefault$6(propTypesExports);function _interopRequireDefault$6(obj){return obj&&obj.__esModule?obj:{default:obj}}__name(_interopRequireDefault$6,"_interopRequireDefault$6");var resizableProps={axis:_propTypes$6.default.oneOf(["both","x","y","none"]),className:_propTypes$6.default.string,children:_propTypes$6.default.element.isRequired,draggableOpts:_propTypes$6.default.shape({allowAnyClick:_propTypes$6.default.bool,cancel:_propTypes$6.default.string,children:_propTypes$6.default.node,disabled:_propTypes$6.default.bool,enableUserSelectHack:_propTypes$6.default.bool,offsetParent:_propTypes$6.default.node,grid:_propTypes$6.default.arrayOf(_propTypes$6.default.number),handle:_propTypes$6.default.string,nodeRef:_propTypes$6.default.object,onStart:_propTypes$6.default.func,onDrag:_propTypes$6.default.func,onStop:_propTypes$6.default.func,onMouseDown:_propTypes$6.default.func,scale:_propTypes$6.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$6.default.number).isRequired.apply(_PropTypes$number,args)}return _propTypes$6.default.number.apply(_propTypes$6.default,args)},"height"),handle:_propTypes$6.default.oneOfType([_propTypes$6.default.node,_propTypes$6.default.func]),handleSize:_propTypes$6.default.arrayOf(_propTypes$6.default.number),lockAspectRatio:_propTypes$6.default.bool,maxConstraints:_propTypes$6.default.arrayOf(_propTypes$6.default.number),minConstraints:_propTypes$6.default.arrayOf(_propTypes$6.default.number),onResizeStop:_propTypes$6.default.func,onResizeStart:_propTypes$6.default.func,onResize:_propTypes$6.default.func,resizeHandles:_propTypes$6.default.arrayOf(_propTypes$6.default.oneOf(["s","w","e","n","sw","nw","se","ne"])),transformScale:_propTypes$6.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$6.default.number).isRequired.apply(_PropTypes$number2,args)}return _propTypes$6.default.number.apply(_propTypes$6.default,args)},"width")};propTypes.resizableProps=resizableProps,Resizable$1.__esModule=!0,Resizable$1.default=void 0;var React$4=_interopRequireWildcard$4(require$$0),_reactDraggable$1=cjsExports,_utils$4=utils,_propTypes$5=propTypes,_excluded$1=["children","className","draggableOpts","width","height","handle","handleSize","lockAspectRatio","axis","minConstraints","maxConstraints","onResize","onResizeStop","onResizeStart","resizeHandles","transformScale"];function _getRequireWildcardCache$4(nodeInterop){if(typeof WeakMap!="function")return null;var cacheBabelInterop=new WeakMap,cacheNodeInterop=new WeakMap;return(_getRequireWildcardCache$4=__name(function(nodeInterop2){return nodeInterop2?cacheNodeInterop:cacheBabelInterop},"_getRequireWildcardCache"))(nodeInterop)}__name(_getRequireWildcardCache$4,"_getRequireWildcardCache$4");function _interopRequireWildcard$4(obj,nodeInterop){if(obj&&obj.__esModule)return obj;if(obj===null||typeof obj!="object"&&typeof obj!="function")return{default:obj};var cache=_getRequireWildcardCache$4(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$4,"_interopRequireWildcard$4");function _extends$3(){return _extends$3=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$3.apply(this,arguments)}__name(_extends$3,"_extends$3");function _objectWithoutPropertiesLoose$1(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$1,"_objectWithoutPropertiesLoose$1");function ownKeys$1(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$1,"ownKeys$1");function _objectSpread$1(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};i%2?ownKeys$1(Object(source),!0).forEach(function(key){_defineProperty$5(target,key,source[key])}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys$1(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}__name(_objectSpread$1,"_objectSpread$1");function _defineProperty$5(obj,key,value){return key=_toPropertyKey$5(key),key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}__name(_defineProperty$5,"_defineProperty$5");function _toPropertyKey$5(arg){var key=_toPrimitive$5(arg,"string");return typeof key=="symbol"?key:String(key)}__name(_toPropertyKey$5,"_toPropertyKey$5");function _toPrimitive$5(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$5,"_toPrimitive$5");function _inheritsLoose$1(subClass,superClass){subClass.prototype=Object.create(superClass.prototype),subClass.prototype.constructor=subClass,_setPrototypeOf$1(subClass,superClass)}__name(_inheritsLoose$1,"_inheritsLoose$1");function _setPrototypeOf$1(o,p2){return _setPrototypeOf$1=Object.setPrototypeOf?Object.setPrototypeOf.bind():__name(function(o2,p3){return o2.__proto__=p3,o2},"_setPrototypeOf"),_setPrototypeOf$1(o,p2)}__name(_setPrototypeOf$1,"_setPrototypeOf$1");var Resizable=function(_React$Component){_inheritsLoose$1(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 canDragX2=(_this2.props.axis==="both"||_this2.props.axis==="x")&&axis!=="n"&&axis!=="s",canDragY2=(_this2.props.axis==="both"||_this2.props.axis==="y")&&axis!=="e"&&axis!=="w";if(!(!canDragX2&&!canDragY2)){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+(canDragX2?deltaX/_this2.props.transformScale:0),height=_this2.props.height+(canDragY2?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$4.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$1({ref},isDOMElement?{}:{handleAxis});return React$4.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 p2=_objectWithoutPropertiesLoose$1(_this$props2,_excluded$1);return(0,_utils$4.cloneElement)(children,_objectSpread$1(_objectSpread$1({},p2),{},{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$4.createRef();return React$4.createElement(_reactDraggable$1.DraggableCore,_extends$3({},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$4.Component);Resizable$1.default=Resizable,Resizable.propTypes=_propTypes$5.resizableProps,Resizable.defaultProps={axis:"both",handleSize:[20,20],lockAspectRatio:!1,minConstraints:[20,20],maxConstraints:[1/0,1/0],resizeHandles:["se"],transformScale:1};var ResizableBox$1={};ResizableBox$1.__esModule=!0,ResizableBox$1.default=void 0;var React$3=_interopRequireWildcard$3(require$$0),_propTypes$4=_interopRequireDefault$5(propTypesExports),_Resizable=_interopRequireDefault$5(Resizable$1),_propTypes2=propTypes,_excluded=["handle","handleSize","onResize","onResizeStart","onResizeStop","draggableOpts","minConstraints","maxConstraints","lockAspectRatio","axis","width","height","resizeHandles","style","transformScale"];function _interopRequireDefault$5(obj){return obj&&obj.__esModule?obj:{default:obj}}__name(_interopRequireDefault$5,"_interopRequireDefault$5");function _getRequireWildcardCache$3(nodeInterop){if(typeof WeakMap!="function")return null;var cacheBabelInterop=new WeakMap,cacheNodeInterop=new WeakMap;return(_getRequireWildcardCache$3=__name(function(nodeInterop2){return nodeInterop2?cacheNodeInterop:cacheBabelInterop},"_getRequireWildcardCache"))(nodeInterop)}__name(_getRequireWildcardCache$3,"_getRequireWildcardCache$3");function _interopRequireWildcard$3(obj,nodeInterop){if(obj&&obj.__esModule)return obj;if(obj===null||typeof obj!="object"&&typeof obj!="function")return{default:obj};var cache=_getRequireWildcardCache$3(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$3,"_interopRequireWildcard$3");function _extends$2(){return _extends$2=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$2.apply(this,arguments)}__name(_extends$2,"_extends$2");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$4(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$4(obj,key,value){return key=_toPropertyKey$4(key),key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}__name(_defineProperty$4,"_defineProperty$4");function _toPropertyKey$4(arg){var key=_toPrimitive$4(arg,"string");return typeof key=="symbol"?key:String(key)}__name(_toPropertyKey$4,"_toPropertyKey$4");function _toPrimitive$4(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$4,"_toPrimitive$4");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,p2){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():__name(function(o2,p3){return o2.__proto__=p3,o2},"_setPrototypeOf"),_setPrototypeOf(o,p2)}__name(_setPrototypeOf,"_setPrototypeOf");var ResizableBox=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$3.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$3.createElement("div",_extends$2({},props,{style:_objectSpread(_objectSpread({},style),{},{width:this.state.width+"px",height:this.state.height+"px"})})))},"render"),ResizableBox2}(React$3.Component);ResizableBox$1.default=ResizableBox,ResizableBox.propTypes=_objectSpread(_objectSpread({},_propTypes2.resizableProps),{},{children:_propTypes$4.default.element}),reactResizable.exports=function(){throw new Error("Don't instantiate Resizable directly! Use require('react-resizable').Resizable")},reactResizable.exports.Resizable=Resizable$1.default,reactResizable.exports.ResizableBox=ResizableBox$1.default;var reactResizableExports=reactResizable.exports,ReactGridLayoutPropTypes={};Object.defineProperty(ReactGridLayoutPropTypes,"__esModule",{value:!0}),ReactGridLayoutPropTypes.resizeHandleType=ReactGridLayoutPropTypes.resizeHandleAxesType=ReactGridLayoutPropTypes.default=void 0;var _propTypes$3=_interopRequireDefault$4(propTypesExports),_react$1=_interopRequireDefault$4(require$$0);function _interopRequireDefault$4(obj){return obj&&obj.__esModule?obj:{default:obj}}__name(_interopRequireDefault$4,"_interopRequireDefault$4");const resizeHandleAxesType=ReactGridLayoutPropTypes.resizeHandleAxesType=_propTypes$3.default.arrayOf(_propTypes$3.default.oneOf(["s","w","e","n","sw","nw","se","ne"])),resizeHandleType=ReactGridLayoutPropTypes.resizeHandleType=_propTypes$3.default.oneOfType([_propTypes$3.default.node,_propTypes$3.default.func]);ReactGridLayoutPropTypes.default={className:_propTypes$3.default.string,style:_propTypes$3.default.object,width:_propTypes$3.default.number,autoSize:_propTypes$3.default.bool,cols:_propTypes$3.default.number,draggableCancel:_propTypes$3.default.string,draggableHandle:_propTypes$3.default.string,verticalCompact:__name(function(props){props.verticalCompact},"verticalCompact"),compactType:_propTypes$3.default.oneOf(["vertical","horizontal"]),layout:__name(function(props){var layout=props.layout;layout!==void 0&&utils$1.validateLayout(layout,"layout")},"layout"),margin:_propTypes$3.default.arrayOf(_propTypes$3.default.number),containerPadding:_propTypes$3.default.arrayOf(_propTypes$3.default.number),rowHeight:_propTypes$3.default.number,maxRows:_propTypes$3.default.number,isBounded:_propTypes$3.default.bool,isDraggable:_propTypes$3.default.bool,isResizable:_propTypes$3.default.bool,allowOverlap:_propTypes$3.default.bool,preventCollision:_propTypes$3.default.bool,useCSSTransforms:_propTypes$3.default.bool,transformScale:_propTypes$3.default.number,isDroppable:_propTypes$3.default.bool,resizeHandles:resizeHandleAxesType,resizeHandle:resizeHandleType,onLayoutChange:_propTypes$3.default.func,onDragStart:_propTypes$3.default.func,onDrag:_propTypes$3.default.func,onDragStop:_propTypes$3.default.func,onResizeStart:_propTypes$3.default.func,onResize:_propTypes$3.default.func,onResizeStop:_propTypes$3.default.func,onDrop:_propTypes$3.default.func,droppingItem:_propTypes$3.default.shape({i:_propTypes$3.default.string.isRequired,w:_propTypes$3.default.number.isRequired,h:_propTypes$3.default.number.isRequired}),children:__name(function(props,propName){const children=props[propName],keys={};_react$1.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$3.default.any},Object.defineProperty(GridItem$1,"__esModule",{value:!0}),GridItem$1.default=void 0;var _react=_interopRequireDefault$3(require$$0),_propTypes$2=_interopRequireDefault$3(propTypesExports),_reactDraggable=cjsExports,_reactResizable=reactResizableExports,_utils$3=utils$1,_calculateUtils$1=calculateUtils,_ReactGridLayoutPropTypes$1=ReactGridLayoutPropTypes,_clsx$2=_interopRequireDefault$3(cl);function _interopRequireDefault$3(obj){return obj&&obj.__esModule?obj:{default:obj}}__name(_interopRequireDefault$3,"_interopRequireDefault$3");function _defineProperty$3(obj,key,value){return key=_toPropertyKey$3(key),key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}__name(_defineProperty$3,"_defineProperty$3");function _toPropertyKey$3(arg){var key=_toPrimitive$3(arg,"string");return typeof key=="symbol"?key:String(key)}__name(_toPropertyKey$3,"_toPropertyKey$3");function _toPrimitive$3(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$3,"_toPrimitive$3");const _GridItem2=class _GridItem2 extends _react.default.Component{constructor(){super(...arguments),_defineProperty$3(this,"state",{resizing:null,dragging:null,className:""}),_defineProperty$3(this,"elementRef",_react.default.createRef()),_defineProperty$3(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$1.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$3(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:containerPadding2}=this.props,bottomBoundary=offsetParent.clientHeight-(0,_calculateUtils$1.calcGridItemWHPx)(h,rowHeight,margin[1]);top=(0,_calculateUtils$1.clamp)(top-containerPadding2[1],0,bottomBoundary);const colWidth=(0,_calculateUtils$1.calcGridColWidth)(positionParams),rightBoundary=containerWidth-(0,_calculateUtils$1.calcGridItemWHPx)(w,colWidth,margin[0]);left=(0,_calculateUtils$1.clamp)(left-containerPadding2[0],0,rightBoundary)}}const newPosition={top,left};this.setState({dragging:newPosition});const{containerPadding}=this.props,{x,y}=(0,_calculateUtils$1.calcXY)(positionParams,top-containerPadding[1],left-containerPadding[0],w,h);return onDrag.call(this,i,x,y,{e,node,newPosition})}),_defineProperty$3(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,containerPadding}=this.props,{left,top}=this.state.dragging,newPosition={top,left};this.setState({dragging:null});const{x,y}=(0,_calculateUtils$1.calcXY)(this.getPositionParams(),top-containerPadding[1],left-containerPadding[0],w,h);return onDragStop.call(this,i,x,y,{e,node,newPosition})}),_defineProperty$3(this,"onResizeStop",(e,callbackData,position)=>this.onResizeHandler(e,callbackData,position,"onResizeStop")),_defineProperty$3(this,"onResizeStart",(e,callbackData,position)=>this.onResizeHandler(e,callbackData,position,"onResizeStart")),_defineProperty$3(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$1.calcGridItemPosition)(this.getPositionParams(this.props),this.props.x,this.props.y,this.props.w,this.props.h,this.state),newPosition=(0,_calculateUtils$1.calcGridItemPosition)(this.getPositionParams(nextProps),nextProps.x,nextProps.y,nextProps.w,nextProps.h,nextState);return!(0,_utils$3.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$3.setTransform)(pos):(style=(0,_utils$3.setTopLeft)(pos),usePercentages&&(style.left=(0,_utils$3.perc)(pos.left/containerWidth),style.width=(0,_utils$3.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$1.calcGridItemPosition)(positionParams,0,0,cols,0).width,mins=(0,_calculateUtils$1.calcGridItemPosition)(positionParams,0,0,minW,minH),maxes=(0,_calculateUtils$1.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$3.resizeItemInDirection)(handle,position,size,containerWidth),this.setState({resizing:handlerName==="onResizeStop"?null:updatedSize}));let{w,h}=(0,_calculateUtils$1.calcWH)(this.getPositionParams(),updatedSize.width,updatedSize.height,x,y,handle);w=(0,_calculateUtils$1.clamp)(w,Math.max(minW,1),maxW),h=(0,_calculateUtils$1.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$1.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$2.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(_GridItem2,"GridItem");let GridItem=_GridItem2;GridItem$1.default=GridItem,_defineProperty$3(GridItem,"propTypes",{children:_propTypes$2.default.element,cols:_propTypes$2.default.number.isRequired,containerWidth:_propTypes$2.default.number.isRequired,rowHeight:_propTypes$2.default.number.isRequired,margin:_propTypes$2.default.array.isRequired,maxRows:_propTypes$2.default.number.isRequired,containerPadding:_propTypes$2.default.array.isRequired,x:_propTypes$2.default.number.isRequired,y:_propTypes$2.default.number.isRequired,w:_propTypes$2.default.number.isRequired,h:_propTypes$2.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$2.default.string.isRequired,resizeHandles:_ReactGridLayoutPropTypes$1.resizeHandleAxesType,resizeHandle:_ReactGridLayoutPropTypes$1.resizeHandleType,onDragStop:_propTypes$2.default.func,onDragStart:_propTypes$2.default.func,onDrag:_propTypes$2.default.func,onResizeStop:_propTypes$2.default.func,onResizeStart:_propTypes$2.default.func,onResize:_propTypes$2.default.func,isDraggable:_propTypes$2.default.bool.isRequired,isResizable:_propTypes$2.default.bool.isRequired,isBounded:_propTypes$2.default.bool.isRequired,static:_propTypes$2.default.bool,useCSSTransforms:_propTypes$2.default.bool.isRequired,transformScale:_propTypes$2.default.number,className:_propTypes$2.default.string,handle:_propTypes$2.default.string,cancel:_propTypes$2.default.string,droppingPosition:_propTypes$2.default.shape({e:_propTypes$2.default.object.isRequired,left:_propTypes$2.default.number.isRequired,top:_propTypes$2.default.number.isRequired})}),_defineProperty$3(GridItem,"defaultProps",{className:"",cancel:"",handle:"",minH:1,minW:1,maxH:1/0,maxW:1/0,transformScale:1}),Object.defineProperty(ReactGridLayout$1,"__esModule",{value:!0}),ReactGridLayout$1.default=void 0;var React$2=_interopRequireWildcard$2(require$$0),_fastEquals$1=fastEqualsExports,_clsx$1=_interopRequireDefault$2(cl),_utils$2=utils$1,_calculateUtils=calculateUtils,_GridItem=_interopRequireDefault$2(GridItem$1),_ReactGridLayoutPropTypes=_interopRequireDefault$2(ReactGridLayoutPropTypes);function _interopRequireDefault$2(obj){return obj&&obj.__esModule?obj:{default:obj}}__name(_interopRequireDefault$2,"_interopRequireDefault$2");function _getRequireWildcardCache$2(e){if(typeof WeakMap!="function")return null;var r=new WeakMap,t=new WeakMap;return(_getRequireWildcardCache$2=__name(function(e2){return e2?t:r},"_getRequireWildcardCache$2"))(e)}__name(_getRequireWildcardCache$2,"_getRequireWildcardCache$2");function _interopRequireWildcard$2(e,r){if(e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var t=_getRequireWildcardCache$2(r);if(t&&t.has(e))return t.get(e);var n2={__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(n2,u,i):n2[u]=e[u]}return n2.default=e,t&&t.set(e,n2),n2}__name(_interopRequireWildcard$2,"_interopRequireWildcard$2");function _defineProperty$2(obj,key,value){return key=_toPropertyKey$2(key),key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}__name(_defineProperty$2,"_defineProperty$2");function _toPropertyKey$2(arg){var key=_toPrimitive$2(arg,"string");return typeof key=="symbol"?key:String(key)}__name(_toPropertyKey$2,"_toPropertyKey$2");function _toPrimitive$2(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$2,"_toPrimitive$2");const layoutClassName$1="react-grid-layout";let isFirefox=!1;try{isFirefox=/firefox/i.test(navigator.userAgent)}catch{}const _ReactGridLayout2=class _ReactGridLayout2 extends React$2.Component{constructor(){super(...arguments),_defineProperty$2(this,"state",{activeDrag:null,layout:(0,_utils$2.synchronizeLayoutWithChildren)(this.props.layout,this.props.children,this.props.cols,(0,_utils$2.compactType)(this.props),this.props.allowOverlap),mounted:!1,oldDragItem:null,oldLayout:null,oldResizeItem:null,resizing:!1,droppingDOMNode:null,children:[]}),_defineProperty$2(this,"dragEnterCounter",0),_defineProperty$2(this,"onDragStart",(i,x,y,_ref)=>{let{e,node}=_ref;const{layout}=this.state,l2=(0,_utils$2.getLayoutItem)(layout,i);if(!l2)return;const placeholder={w:l2.w,h:l2.h,x:l2.x,y:l2.y,placeholder:!0,i};return this.setState({oldDragItem:(0,_utils$2.cloneLayoutItem)(l2),oldLayout:layout,activeDrag:placeholder}),this.props.onDragStart(layout,l2,l2,null,e,node)}),_defineProperty$2(this,"onDrag",(i,x,y,_ref2)=>{let{e,node}=_ref2;const{oldDragItem}=this.state;let{layout}=this.state;const{cols,allowOverlap,preventCollision}=this.props,l2=(0,_utils$2.getLayoutItem)(layout,i);if(!l2)return;const placeholder={w:l2.w,h:l2.h,x:l2.x,y:l2.y,placeholder:!0,i};layout=(0,_utils$2.moveElement)(layout,l2,x,y,!0,preventCollision,(0,_utils$2.compactType)(this.props),cols,allowOverlap),this.props.onDrag(layout,oldDragItem,l2,placeholder,e,node),this.setState({layout:allowOverlap?layout:(0,_utils$2.compact)(layout,(0,_utils$2.compactType)(this.props),cols),activeDrag:placeholder})}),_defineProperty$2(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,l2=(0,_utils$2.getLayoutItem)(layout,i);if(!l2)return;layout=(0,_utils$2.moveElement)(layout,l2,x,y,!0,preventCollision,(0,_utils$2.compactType)(this.props),cols,allowOverlap);const newLayout=allowOverlap?layout:(0,_utils$2.compact)(layout,(0,_utils$2.compactType)(this.props),cols);this.props.onDragStop(newLayout,oldDragItem,l2,null,e,node);const{oldLayout}=this.state;this.setState({activeDrag:null,layout:newLayout,oldDragItem:null,oldLayout:null}),this.onLayoutMaybeChanged(newLayout,oldLayout)}),_defineProperty$2(this,"onResizeStart",(i,w,h,_ref4)=>{let{e,node}=_ref4;const{layout}=this.state,l2=(0,_utils$2.getLayoutItem)(layout,i);l2&&(this.setState({oldResizeItem:(0,_utils$2.cloneLayoutItem)(l2),oldLayout:this.state.layout,resizing:!0}),this.props.onResizeStart(layout,l2,l2,null,e,node))}),_defineProperty$2(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,l2]=(0,_utils$2.withLayoutItem)(layout,i,l3=>{let hasCollisions;return x=l3.x,y=l3.y,["sw","w","nw","n","ne"].indexOf(handle)!==-1&&(["sw","nw","w"].indexOf(handle)!==-1&&(x=l3.x+(l3.w-w),w=l3.x!==x&&x<0?l3.w:w,x=x<0?0:x),["ne","n","nw"].indexOf(handle)!==-1&&(y=l3.y+(l3.h-h),h=l3.y!==y&&y<0?l3.h:h,y=y<0?0:y),shouldMoveItem=!0),preventCollision&&!allowOverlap&&(hasCollisions=(0,_utils$2.getAllCollisions)(layout,{...l3,w,h,x,y}).filter(layoutItem=>layoutItem.i!==l3.i).length>0,hasCollisions&&(y=l3.y,h=l3.h,x=l3.x,w=l3.w,shouldMoveItem=!1)),l3.w=w,l3.h=h,l3});if(!l2)return;finalLayout=newLayout,shouldMoveItem&&(finalLayout=(0,_utils$2.moveElement)(newLayout,l2,x,y,!0,this.props.preventCollision,(0,_utils$2.compactType)(this.props),cols,allowOverlap));const placeholder={w:l2.w,h:l2.h,x:l2.x,y:l2.y,static:!0,i};this.props.onResize(finalLayout,oldResizeItem,l2,placeholder,e,node),this.setState({layout:allowOverlap?finalLayout:(0,_utils$2.compact)(finalLayout,(0,_utils$2.compactType)(this.props),cols),activeDrag:placeholder})}),_defineProperty$2(this,"onResizeStop",(i,w,h,_ref6)=>{let{e,node}=_ref6;const{layout,oldResizeItem}=this.state,{cols,allowOverlap}=this.props,l2=(0,_utils$2.getLayoutItem)(layout,i),newLayout=allowOverlap?layout:(0,_utils$2.compact)(layout,(0,_utils$2.compactType)(this.props),cols);this.props.onResizeStop(newLayout,oldResizeItem,l2,null,e,node);const{oldLayout}=this.state;this.setState({activeDrag:null,layout:newLayout,oldResizeItem:null,oldLayout:null,resizing:!1}),this.onLayoutMaybeChanged(newLayout,oldLayout)}),_defineProperty$2(this,"onDragOver",e=>{var _a2;if(e.preventDefault(),e.stopPropagation(),isFirefox&&!((_a2=e.nativeEvent.target)!=null&&_a2.classList.contains(layoutClassName$1)))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$2.createElement("div",{key:finalDroppingItem.i}),droppingPosition,layout:[...layout,{...finalDroppingItem,x:calculatedPosition.x,y:calculatedPosition.y,static:!1,isDraggable:!0}]})}}),_defineProperty$2(this,"removeDroppingPlaceholder",()=>{const{droppingItem,cols}=this.props,{layout}=this.state,newLayout=(0,_utils$2.compact)(layout.filter(l2=>l2.i!==droppingItem.i),(0,_utils$2.compactType)(this.props),cols,this.props.allowOverlap);this.setState({layout:newLayout,droppingDOMNode:null,activeDrag:null,droppingPosition:void 0})}),_defineProperty$2(this,"onDragLeave",e=>{e.preventDefault(),e.stopPropagation(),this.dragEnterCounter--,this.dragEnterCounter===0&&this.removeDroppingPlaceholder()}),_defineProperty$2(this,"onDragEnter",e=>{e.preventDefault(),e.stopPropagation(),this.dragEnterCounter++}),_defineProperty$2(this,"onDrop",e=>{e.preventDefault(),e.stopPropagation();const{droppingItem}=this.props,{layout}=this.state,item2=layout.find(l2=>l2.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$1.deepEqual)(nextProps.layout,prevState.propsLayout)||nextProps.compactType!==prevState.compactType?newLayoutBase=nextProps.layout:(0,_utils$2.childrenEqual)(nextProps.children,prevState.children)||(newLayoutBase=prevState.layout),newLayoutBase?{layout:(0,_utils$2.synchronizeLayoutWithChildren)(newLayoutBase,nextProps.children,nextProps.cols,(0,_utils$2.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$2.fastRGLPropsEqual)(this.props,nextProps,_fastEquals$1.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$2.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$1.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$2.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$2.createElement("div",null))}processGridItem(child,isDroppingItem){if(!child||!child.key)return;const l2=(0,_utils$2.getLayoutItem)(this.state.layout,String(child.key));if(!l2)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 l2.isDraggable=="boolean"?l2.isDraggable:!l2.static&&isDraggable,resizable=typeof l2.isResizable=="boolean"?l2.isResizable:!l2.static&&isResizable,resizeHandlesOptions=l2.resizeHandles||resizeHandles,bounded=draggable&&isBounded&&l2.isBounded!==!1;return React$2.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:l2.w,h:l2.h,x:l2.x,y:l2.y,i:l2.i,minH:l2.minH,minW:l2.minW,maxH:l2.maxH,maxW:l2.maxW,static:l2.static,droppingPosition:isDroppingItem?droppingPosition:void 0,resizeHandles:resizeHandlesOptions,resizeHandle},child)}render(){const{className,style,isDroppable,innerRef}=this.props,mergedClassName=(0,_clsx$1.default)(layoutClassName$1,className),mergedStyle={height:this.containerHeight(),...style};return React$2.createElement("div",{ref:innerRef,className:mergedClassName,style:mergedStyle,onDrop:isDroppable?this.onDrop:_utils$2.noop,onDragLeave:isDroppable?this.onDragLeave:_utils$2.noop,onDragEnter:isDroppable?this.onDragEnter:_utils$2.noop,onDragOver:isDroppable?this.onDragOver:_utils$2.noop},React$2.Children.map(this.props.children,child=>this.processGridItem(child)),isDroppable&&this.state.droppingDOMNode&&this.processGridItem(this.state.droppingDOMNode,!0),this.placeholder())}};__name(_ReactGridLayout2,"ReactGridLayout");let ReactGridLayout=_ReactGridLayout2;ReactGridLayout$1.default=ReactGridLayout,_defineProperty$2(ReactGridLayout,"displayName","ReactGridLayout"),_defineProperty$2(ReactGridLayout,"propTypes",_ReactGridLayoutPropTypes.default),_defineProperty$2(ReactGridLayout,"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$2.noop,onDragStart:_utils$2.noop,onDrag:_utils$2.noop,onDragStop:_utils$2.noop,onResizeStart:_utils$2.noop,onResize:_utils$2.noop,onResizeStop:_utils$2.noop,onDrop:_utils$2.noop,onDropDragOver:_utils$2.noop});var ResponsiveReactGridLayout$1={},responsiveUtils={};Object.defineProperty(responsiveUtils,"__esModule",{value:!0}),responsiveUtils.findOrGenerateResponsiveLayout=findOrGenerateResponsiveLayout,responsiveUtils.getBreakpointFromWidth=getBreakpointFromWidth,responsiveUtils.getColsFromBreakpoint=getColsFromBreakpoint,responsiveUtils.sortBreakpoints=sortBreakpoints;var _utils$1=utils$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,compactType2){if(layouts[breakpoint])return(0,_utils$1.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$1.cloneLayout)(layout||[]),(0,_utils$1.compact)((0,_utils$1.correctBounds)(layout,{cols}),compactType2,cols)}__name(findOrGenerateResponsiveLayout,"findOrGenerateResponsiveLayout");function sortBreakpoints(breakpoints){return Object.keys(breakpoints).sort(function(a,b){return breakpoints[a]-breakpoints[b]})}__name(sortBreakpoints,"sortBreakpoints"),Object.defineProperty(ResponsiveReactGridLayout$1,"__esModule",{value:!0}),ResponsiveReactGridLayout$1.default=void 0;var React$1=_interopRequireWildcard$1(require$$0),_propTypes$1=_interopRequireDefault$1(propTypesExports),_fastEquals=fastEqualsExports,_utils=utils$1,_responsiveUtils=responsiveUtils,_ReactGridLayout=_interopRequireDefault$1(ReactGridLayout$1);function _interopRequireDefault$1(obj){return obj&&obj.__esModule?obj:{default:obj}}__name(_interopRequireDefault$1,"_interopRequireDefault$1");function _getRequireWildcardCache$1(e){if(typeof WeakMap!="function")return null;var r=new WeakMap,t=new WeakMap;return(_getRequireWildcardCache$1=__name(function(e2){return e2?t:r},"_getRequireWildcardCache$1"))(e)}__name(_getRequireWildcardCache$1,"_getRequireWildcardCache$1");function _interopRequireWildcard$1(e,r){if(e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var t=_getRequireWildcardCache$1(r);if(t&&t.has(e))return t.get(e);var n2={__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(n2,u,i):n2[u]=e[u]}return n2.default=e,t&&t.set(e,n2),n2}__name(_interopRequireWildcard$1,"_interopRequireWildcard$1");function _extends$1(){return _extends$1=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$1.apply(this,arguments)}__name(_extends$1,"_extends$1");function _defineProperty$1(obj,key,value){return key=_toPropertyKey$1(key),key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}__name(_defineProperty$1,"_defineProperty$1");function _toPropertyKey$1(arg){var key=_toPrimitive$1(arg,"string");return typeof key=="symbol"?key:String(key)}__name(_toPropertyKey$1,"_toPropertyKey$1");function _toPrimitive$1(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$1,"_toPrimitive$1");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");const _ResponsiveReactGridLayout=class _ResponsiveReactGridLayout extends React$1.Component{constructor(){super(...arguments),_defineProperty$1(this,"state",this.generateInitialState()),_defineProperty$1(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),compactType2=this.props.verticalCompact===!1?null:this.props.compactType;return{layout:(0,_responsiveUtils.findOrGenerateResponsiveLayout)(layouts,breakpoints,breakpoint,breakpoint,colNo,compactType2),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:compactType2}=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,compactType2);layout=(0,_utils.synchronizeLayoutWithChildren)(layout,this.props.children,newCols,compactType2,this.props.allowOverlap),newLayouts[newBreakpoint]=layout,this.props.onLayoutChange(layout,newLayouts),this.props.onBreakpointChange(newBreakpoint,newCols),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$1.createElement(_ReactGridLayout.default,_extends$1({},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(_ResponsiveReactGridLayout,"ResponsiveReactGridLayout");let ResponsiveReactGridLayout=_ResponsiveReactGridLayout;ResponsiveReactGridLayout$1.default=ResponsiveReactGridLayout,_defineProperty$1(ResponsiveReactGridLayout,"propTypes",{breakpoint:_propTypes$1.default.string,breakpoints:_propTypes$1.default.object,allowOverlap:_propTypes$1.default.bool,cols:_propTypes$1.default.object,margin:_propTypes$1.default.oneOfType([_propTypes$1.default.array,_propTypes$1.default.object]),containerPadding:_propTypes$1.default.oneOfType([_propTypes$1.default.array,_propTypes$1.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$1.default.number.isRequired,onBreakpointChange:_propTypes$1.default.func,onLayoutChange:_propTypes$1.default.func,onWidthChange:_propTypes$1.default.func}),_defineProperty$1(ResponsiveReactGridLayout,"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});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"})));Object.defineProperty(WidthProvider,"__esModule",{value:!0}),WidthProvider.default=WidthProvideRGL;var React=_interopRequireWildcard(require$$0),_propTypes=_interopRequireDefault(propTypesExports),_resizeObserverPolyfill=_interopRequireDefault(require$$2),_clsx=_interopRequireDefault(cl);function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}__name(_interopRequireDefault,"_interopRequireDefault");function _getRequireWildcardCache(e){if(typeof WeakMap!="function")return null;var r=new WeakMap,t=new WeakMap;return(_getRequireWildcardCache=__name(function(e2){return e2?t:r},"_getRequireWildcardCache"))(e)}__name(_getRequireWildcardCache,"_getRequireWildcardCache");function _interopRequireWildcard(e,r){if(e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var t=_getRequireWildcardCache(r);if(t&&t.has(e))return t.get(e);var n2={__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(n2,u,i):n2[u]=e[u]}return n2.default=e,t&&t.set(e,n2),n2}__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}__name(WidthProvideRGL,"WidthProvideRGL"),function(module2){module2.exports=ReactGridLayout$1.default,module2.exports.utils=utils$1,module2.exports.calculateUtils=calculateUtils,module2.exports.Responsive=ResponsiveReactGridLayout$1.default,module2.exports.Responsive.utils=responsiveUtils,module2.exports.WidthProvider=WidthProvider.default}(reactGridLayout);var reactGridLayoutExports=reactGridLayout.exports;const GridLayout=getDefaultExportFromCjs(reactGridLayoutExports),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}},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}, rgb(255 255 255))`:rule.config.positiveColor,nativeColor=isGradient?`linear-gradient(to right, rgb(255 255 255),${rule.config.nativeColor})`:rule.config.nativeColor;return jsxRuntimeExports.jsxs("div",{className:styles$4.cfPreview,children:[jsxRuntimeExports.jsx("div",{style:{...commonStyle,background:nativeColor,border:`1px solid ${rule.config.nativeColor}`}}),jsxRuntimeExports.jsx("div",{style:{...commonStyle,background:positiveColor,border:`1px solid ${rule.config.positiveColor}`}})]})}case sheetsConditionalFormatting.CFRuleType.colorScale:return colorList&&jsxRuntimeExports.jsx("div",{className:styles$4.cfPreview,children:colorList.map((item2,index2)=>jsxRuntimeExports.jsx("div",{style:{width:`${100/colorList.length}%`,height:"100%",background:item2}},index2))});case sheetsConditionalFormatting.CFRuleType.iconSet:return iconSet2&&jsxRuntimeExports.jsx("div",{className:styles$4.cfPreview,children:iconSet2.map((base64,index2)=>base64?jsxRuntimeExports.jsx("img",{style:{height:"100%"},src:base64},index2):jsxRuntimeExports.jsx(SlashSingle,{},index2))});case sheetsConditionalFormatting.CFRuleType.highlightCell:{const{ul,st,it,bl,bg,cl:cl2}=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=cl2==null?void 0:cl2.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 jsxRuntimeExports.jsx("div",{style,className:styles$4.cfPreview,children:"123"})}}return null},"Preview");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 ConditionalFormattingI18nController=(_b=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(_b,"ConditionalFormattingI18nController"),_b);ConditionalFormattingI18nController=__decorateClass$a([core.OnLifecycle(core.LifecycleStages.Rendered,ConditionalFormattingI18nController),__decorateParam$a(0,core.Inject(core.LocaleService))],ConditionalFormattingI18nController);const 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),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"),getConditionalFormattingRulesByPermissionCorrect=__name(rules=>{const worksheet2=univerInstanceService.getCurrentUnitForType(core.UniverInstanceType.UNIVER_SHEET).getActiveSheet();return rules.map(rule=>{const ranges=rule.ranges;return(ranges==null?void 0:ranges.some(range=>{var _a2,_b2;const{startRow,startColumn,endRow,endColumn}=range;for(let row=startRow;row<=endRow;row++)for(let col=startColumn;col<=endColumn;col++){const permission=(_b2=(_a2=worksheet2==null?void 0:worksheet2.getCell(row,col))==null?void 0:_a2.selectionProtection)==null?void 0:_b2[0];if((permission==null?void 0:permission[P.Edit])===!1||(permission==null?void 0:permission[P.View])===!1)return!0}return!1}))?{...rule,disable:!0}:{...rule}})},"getConditionalFormattingRulesByPermissionCorrect"),[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"),layout=ruleList.map((rule,index2)=>({i:rule.cfId,x:0,w:12,y:index2,h:1,isResizable:!1})),ruleListByPermissionCheck=getConditionalFormattingRulesByPermissionCorrect(ruleList),hasDisableRule=ruleListByPermissionCheck==null?void 0:ruleListByPermissionCheck.some(rule=>rule.disable);return jsxRuntimeExports.jsxs("div",{className:styles$3.cfRuleList,children:[jsxRuntimeExports.jsxs("div",{className:styles$3.ruleSelector,children:[jsxRuntimeExports.jsx("div",{children:conditionalFormattingI18nController.tWithReactNode("sheet.cf.panel.managerRuleSelect",jsxRuntimeExports.jsx(design.Select,{className:styles$3.select,options:selectOption,value:selectValue,onChange:__name(v=>{selectValueSet(v)},"onChange")})).map((ele,index2)=>jsxRuntimeExports.jsx("span",{children:ele},index2))}),jsxRuntimeExports.jsxs("div",{className:styles$3.btnList,children:[jsxRuntimeExports.jsx(design.Tooltip,{title:localeService.t("sheet.cf.panel.createRule"),placement:"bottom",children:jsxRuntimeExports.jsx("div",{className:`${styles$3.icon}`,onClick:handleCreate,children:jsxRuntimeExports.jsx(IncreaseSingle,{})})}),ruleList.length&&!hasDisableRule?jsxRuntimeExports.jsx(design.Tooltip,{title:localeService.t("sheet.cf.panel.clear"),placement:"bottom",children:jsxRuntimeExports.jsx("div",{className:`${styles$3.gap} ${styles$3.icon}`,onClick:handleClear,children:jsxRuntimeExports.jsx(DeleteSingle,{})})}):jsxRuntimeExports.jsx("div",{className:`${styles$3.gap} ${styles$3.disabled}`,children:jsxRuntimeExports.jsx(DeleteSingle,{})})]})]}),jsxRuntimeExports.jsx("div",{ref:layoutContainerRef,className:styles$3.gridLayoutWrap,children:layoutWidth?jsxRuntimeExports.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)=>jsxRuntimeExports.jsx("div",{children:jsxRuntimeExports.jsxs("div",{onMouseMove:__name(()=>{rule.ranges!==currentRuleRanges&&currentRuleRangesSet(rule.ranges)},"onMouseMove"),onMouseLeave:__name(()=>currentRuleRangesSet([]),"onMouseLeave"),onClick:__name(()=>{rule.disable||onClick(rule)},"onClick"),className:`${styles$3.ruleItem} ${draggingId===index2?styles$3.active:""}`,children:[jsxRuntimeExports.jsx("div",{className:`${styles$3.draggableHandle} draggableHandle`,onClick:__name(e=>e.stopPropagation(),"onClick"),children:jsxRuntimeExports.jsx(SequenceSingle,{})}),jsxRuntimeExports.jsxs("div",{className:styles$3.ruleDescribe,children:[jsxRuntimeExports.jsx("div",{className:styles$3.ruleType,children:getRuleDescribe(rule,localeService)}),jsxRuntimeExports.jsx("div",{className:styles$3.ruleRange,children:rule.ranges.map(range=>engineFormula.serializeRange(range)).join(",")})]}),jsxRuntimeExports.jsx("div",{className:styles$3.preview,children:jsxRuntimeExports.jsx(Preview,{rule:rule.rule})}),!rule.disable&&jsxRuntimeExports.jsx("div",{className:`${styles$3.deleteItem} ${draggingId===index2?styles$3.active:""}`,onClick:__name(e=>{e.stopPropagation(),handleDelete(rule)},"onClick"),children:jsxRuntimeExports.jsx(DeleteSingle,{})})]})},`${rule.cfId}`))}):null})]})},"RuleList"),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}},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}},beforeSubmit=core.createInterceptorKey("beforeSubmit"),submit=core.createInterceptorKey("submit"),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?jsxRuntimeExports.jsx(Icon,{className,extend:{colorChannel1:colorKit.isValid?color:"rgb(var(--primary-color))"}}):jsxRuntimeExports.jsx(design.Dropdown,{overlay:jsxRuntimeExports.jsx("div",{className:`${styles$2.cfColorPicker} `,children:jsxRuntimeExports.jsx(design.ColorPicker,{color,onChange})}),children:jsxRuntimeExports.jsxs("span",{className:`${styles$2.cfColorPickerIcon} ${className}`,children:[jsxRuntimeExports.jsx(Icon,{extend:{colorChannel1:colorKit.isValid?color:"rgb(var(--primary-color))"}}),isNeedDropdownIcon&&jsxRuntimeExports.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:type2,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(type2)?{disabled:!0}:[sheetsConditionalFormatting.CFValueType.percent,sheetsConditionalFormatting.CFValueType.percentile].includes(type2)?{min:0,max:100}:{min:Number.MIN_SAFE_INTEGER,max:Number.MAX_SAFE_INTEGER},[type2]);return type2===sheetsConditionalFormatting.CFValueType.formula?jsxRuntimeExports.jsx(ui.TextEditor,{openForSheetSubUnitId:subUnitId,openForSheetUnitId:unitId,id:core.createInternalEditorID(`${sheetsConditionalFormatting.SHEET_CONDITIONAL_FORMATTING_PLUGIN}_colo_scale_${id}`),value:formulaInitValue,style:{maxWidth:"50%",marginLeft:4},canvasStyle:{fontSize:10},onlyInputFormula:!0,onChange:__name((v="")=>{onChange(v||"")},"onChange")}):jsxRuntimeExports.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 jsxRuntimeExports.jsxs("div",{children:[jsxRuntimeExports.jsx("div",{className:styles$5.title,children:localeService.t("sheet.cf.panel.styleRule")}),jsxRuntimeExports.jsx("div",{className:`${styles$1.cfPreviewWrap}`,children:jsxRuntimeExports.jsx(Preview,{rule:getResult({minType,medianType,maxType,minValue,medianValue,maxValue,minColor,medianColor,maxColor})})}),jsxRuntimeExports.jsx("div",{className:styles$5.label,children:localeService.t("sheet.cf.valueType.min")}),jsxRuntimeExports.jsxs("div",{className:`${styles$5.labelContainer} ${styles$5.mTSm}`,children:[jsxRuntimeExports.jsx(design.Select,{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")}),jsxRuntimeExports.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")}),jsxRuntimeExports.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")})]}),jsxRuntimeExports.jsx("div",{className:styles$5.label,children:localeService.t("sheet.cf.panel.medianValue")}),jsxRuntimeExports.jsxs("div",{className:`${styles$5.labelContainer} ${styles$5.mTSm}`,children:[jsxRuntimeExports.jsx(design.Select,{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")}),jsxRuntimeExports.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"&&jsxRuntimeExports.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")})]}),jsxRuntimeExports.jsx("div",{className:styles$5.label,children:localeService.t("sheet.cf.valueType.max")}),jsxRuntimeExports.jsxs("div",{className:`${styles$5.labelContainer} ${styles$5.mTSm}`,children:[jsxRuntimeExports.jsx(design.Select,{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")}),jsxRuntimeExports.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")}),jsxRuntimeExports.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:type2,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(),_value=require$$0.useRef(value),config=require$$0.useMemo(()=>[sheetsConditionalFormatting.CFValueType.percentile,sheetsConditionalFormatting.CFValueType.percent].includes(type2)?{max:100,min:0}:{min:Number.MIN_SAFE_INTEGER,max:Number.MAX_SAFE_INTEGER},[type2]);if(type2===sheetsConditionalFormatting.CFValueType.formula){const v=String(_value.current).startsWith("=")?String(_value.current)||"":"=";return jsxRuntimeExports.jsx(ui.TextEditor,{id:core.createInternalEditorID(`${sheetsConditionalFormatting.SHEET_CONDITIONAL_FORMATTING_PLUGIN}_data_bar_${id}`),value:v,openForSheetSubUnitId:subUnitId,openForSheetUnitId:unitId,style:{width:"47%",marginLeft:14},canvasStyle:{fontSize:10},onlyInputFormula:!0,onChange:__name((v2="")=>{onChange(v2||"")},"onChange")})}return jsxRuntimeExports.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;const defaultV="#abd91a";return rule&&((_a3=rule.config)==null?void 0:_a3.positiveColor)||defaultV}),[nativeColor,nativeColorSet]=require$$0.useState(()=>{var _a3;const defaultV="#ffbe38";return rule&&((_a3=rule.config)==null?void 0:_a3.nativeColor)||defaultV}),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,nativeColor:option.nativeColor},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(type2=>commonOptions.map(item2=>item2.value).includes(type2),"isShowInput");return jsxRuntimeExports.jsxs("div",{children:[jsxRuntimeExports.jsx("div",{className:styles$5.title,children:localeService.t("sheet.cf.panel.styleRule")}),jsxRuntimeExports.jsx("div",{className:`${styles$1.cfPreviewWrap}`,children:jsxRuntimeExports.jsx(Preview,{rule:getResult({isGradient,minValue,minValueType,maxValue,maxValueType,positiveColor,nativeColor,isShowValue})})}),jsxRuntimeExports.jsxs("div",{children:[jsxRuntimeExports.jsx("div",{className:styles$5.label,children:localeService.t("sheet.cf.panel.fillType")}),jsxRuntimeExports.jsxs("div",{className:`${styles$5.mTSm} ${styles$5.mLXxs} ${styles$5.labelContainer} `,children:[jsxRuntimeExports.jsxs(design.RadioGroup,{value:isGradient,onChange:__name(v=>{isGradientSet(v),_handleChange({isGradient:v,minValue,minValueType,maxValue,maxValueType,positiveColor,nativeColor,isShowValue})},"onChange"),children:[jsxRuntimeExports.jsx(design.Radio,{value:"0",children:jsxRuntimeExports.jsx("span",{className:styles$1.text,children:localeService.t("sheet.cf.panel.pureColor")})}),jsxRuntimeExports.jsx(design.Radio,{value:"1",children:jsxRuntimeExports.jsx("span",{className:styles$1.text,children:localeService.t("sheet.cf.panel.gradient")})})]}),jsxRuntimeExports.jsxs("div",{className:`${styles$1.utilItem} ${styles$5.mLXl}`,children:[jsxRuntimeExports.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")]})]})]}),jsxRuntimeExports.jsxs("div",{children:[jsxRuntimeExports.jsx("div",{className:styles$5.label,children:localeService.t("sheet.cf.panel.colorSet")}),jsxRuntimeExports.jsxs("div",{className:`${styles$5.labelContainer} ${styles$5.mTSm} ${styles$5.mLXxs}`,children:[jsxRuntimeExports.jsxs("div",{className:`${styles$5.labelContainer}`,children:[jsxRuntimeExports.jsx("div",{className:`${styles$1.text}`,children:localeService.t("sheet.cf.panel.native")}),jsxRuntimeExports.jsx(ColorPicker,{color:nativeColor,onChange:handleNativeColorChange})]}),jsxRuntimeExports.jsxs("div",{className:`${styles$5.labelContainer} ${styles$5.mLSm} `,children:[jsxRuntimeExports.jsx("div",{className:`${styles$1.text} `,children:localeService.t("sheet.cf.panel.positive")}),jsxRuntimeExports.jsx(ColorPicker,{color:positiveColor,onChange:handlePositiveColorChange})]})]})]}),jsxRuntimeExports.jsxs("div",{children:[jsxRuntimeExports.jsx("div",{className:styles$5.label,children:localeService.t("sheet.cf.valueType.min")}),jsxRuntimeExports.jsxs("div",{className:`${styles$5.mTSm} ${styles$5.labelContainer}`,children:[jsxRuntimeExports.jsx(design.Select,{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")}),jsxRuntimeExports.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")})]}),jsxRuntimeExports.jsx("div",{className:styles$5.label,children:localeService.t("sheet.cf.valueType.max")}),jsxRuntimeExports.jsxs("div",{className:`${styles$5.mTSm} ${styles$5.labelContainer}`,children:[jsxRuntimeExports.jsx(design.Select,{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")}),jsxRuntimeExports.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"),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]),jsxRuntimeExports.jsxs("div",{className:`${styles.cfStyleEdit} ${className}`,children:[BoldSingleIcon&&jsxRuntimeExports.jsx("div",{className:cl({[styles.isActive]:getBooleanFromNumber(isBold||core.BooleanNumber.FALSE)},styles.buttonItem),onClick:__name(()=>isBoldSet(getAnotherBooleanNumber(isBold)),"onClick"),children:jsxRuntimeExports.jsx(BoldSingleIcon,{})}),ItalicSingleIcon&&jsxRuntimeExports.jsx("div",{className:cl({[styles.isActive]:getBooleanFromNumber(isItalic||core.BooleanNumber.FALSE)},styles.buttonItem),onClick:__name(()=>isItalicSet(getAnotherBooleanNumber(isItalic)),"onClick"),children:jsxRuntimeExports.jsx(ItalicSingleIcon,{})}),UnderlineSingleIcon&&jsxRuntimeExports.jsx("div",{className:cl({[styles.isActive]:getBooleanFromNumber(isUnderline||core.BooleanNumber.FALSE)},styles.buttonItem),onClick:__name(()=>isUnderlineSet(getAnotherBooleanNumber(isUnderline)),"onClick"),children:jsxRuntimeExports.jsx(UnderlineSingleIcon,{})}),StrikethroughSingle&&jsxRuntimeExports.jsx("div",{className:cl({[styles.isActive]:getBooleanFromNumber(isStrikethrough||core.BooleanNumber.FALSE)},styles.buttonItem),onClick:__name(()=>isStrikethroughSet(getAnotherBooleanNumber(isStrikethrough)),"onClick"),children:jsxRuntimeExports.jsx(StrikethroughSingle,{})}),jsxRuntimeExports.jsx(ColorPicker,{color:fontColor,onChange:fontColorSet,iconId:"FontColor"}),jsxRuntimeExports.jsx(ColorPicker,{color:bgColor,onChange:bgColorSet,iconId:"PaintBucket"})]})},"ConditionalStyleEditor"),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"}],[type2,typeSet]=require$$0.useState(()=>{const defaultV=options[0].value,type22=rule==null?void 0:rule.type;if(!rule)return defaultV;switch(type22){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 type22=rule==null?void 0:rule.type;if(!rule)return 10;switch(type22){case sheetsConditionalFormatting.CFRuleType.highlightCell:switch(rule.subType){case sheetsConditionalFormatting.CFSubRuleType.rank:return rule.value||10}}return 10}),[isPercent,isPercentSet]=require$$0.useState(()=>{const type22=rule==null?void 0:rule.type;if(!rule)return!1;switch(type22){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:type22,isPercent:isPercent2,value:value2,style:style2}=config;if(type22==="isNotBottom")return{type:sheetsConditionalFormatting.CFRuleType.highlightCell,subType:sheetsConditionalFormatting.CFSubRuleType.rank,isPercent:isPercent2,isBottom:!1,value:value2,style:style2};if(type22==="isBottom")return{type:sheetsConditionalFormatting.CFRuleType.highlightCell,subType:sheetsConditionalFormatting.CFSubRuleType.rank,isPercent:isPercent2,isBottom:!0,value:value2,style:style2};if(type22==="greaterThanAverage")return{type:sheetsConditionalFormatting.CFRuleType.highlightCell,subType:sheetsConditionalFormatting.CFSubRuleType.average,operator:sheetsConditionalFormatting.CFNumberOperator.greaterThan,style:style2};if(type22==="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:type2,isPercent,value,style})}}),[type2,isPercent,value,style,interceptorManager]);const _onChange=__name(config=>{onChange(getResult(config))},"_onChange");return jsxRuntimeExports.jsxs("div",{children:[jsxRuntimeExports.jsx("div",{className:`${styles$5.title} ${styles$5.mTBase}`,children:localeService.t("sheet.cf.panel.styleRule")}),jsxRuntimeExports.jsx(design.Select,{className:`${styles$1.width100} ${styles$5.mTSm}`,value:type2,options,onChange:__name(v=>{typeSet(v),_onChange({type:v,isPercent,value,style})},"onChange")}),["isNotBottom","isBottom"].includes(type2)&&jsxRuntimeExports.jsxs("div",{className:`${styles$5.labelContainer} ${styles$5.mTSm}`,children:[jsxRuntimeExports.jsx(design.InputNumber,{min:1,max:1e3,value,onChange:__name(v=>{const value2=v||0;valueSet(value2),_onChange({type:type2,isPercent,value:value2,style})},"onChange")}),jsxRuntimeExports.jsxs("div",{className:`${styles$5.mLSm} ${styles$5.labelContainer} ${styles$1.text}`,children:[jsxRuntimeExports.jsx(design.Checkbox,{checked:isPercent,onChange:__name(v=>{isPercentSet(!!v),_onChange({type:type2,isPercent:!!v,value,style})},"onChange")}),localeService.t("sheet.cf.valueType.percent")]})]}),jsxRuntimeExports.jsx("div",{className:`${styles$1.cfPreviewWrap} `,children:jsxRuntimeExports.jsx(Preview,{rule:getResult({type:type2,isPercent,value,style})})}),jsxRuntimeExports.jsx(ConditionalStyleEditor,{style:rule==null?void 0:rule.style,className:`${styles$5.mTSm} `,onChange:__name(v=>{styleSet(v),_onChange({type:type2,isPercent,value,style:v})},"onChange")})]})},"RankStyleEditor"),WrapperError=__name(props=>jsxRuntimeExports.jsxs("div",{style:{position:"relative"},children:[jsxRuntimeExports.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:type2,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(type2){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}}},[type2]),require$$0.useEffect(()=>{const dispose=interceptorManager.intercept(interceptorManager.getInterceptPoints().beforeSubmit,{handler:__name((v,_c2,next)=>{switch(type2){case sheetsConditionalFormatting.CFSubRuleType.text:return sheetsConditionalFormatting.CFTextOperator.beginsWith,sheetsConditionalFormatting.CFTextOperator.containsText,sheetsConditionalFormatting.CFTextOperator.endsWith,sheetsConditionalFormatting.CFTextOperator.notEqual,sheetsConditionalFormatting.CFTextOperator.notContainsText,sheetsConditionalFormatting.CFTextOperator.equal,inputTextValue?next(v):(textErrorSet(localeService.t("sheet.cf.errorMessage.notBlank")),!1)}return next(v)},"handler")});return()=>{dispose()}},[type2,inputNumberValue,inputTextValue,inputNumberMin,inputNumberMax]),type2){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 jsxRuntimeExports.jsx("div",{className:`${styles$5.mTSm}`,children:jsxRuntimeExports.jsx(WrapperError,{errorText:textError,children:jsxRuntimeExports.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 jsxRuntimeExports.jsx("div",{className:`${styles$5.mTSm}`,children:jsxRuntimeExports.jsx(WrapperError,{errorText:numberError,children:jsxRuntimeExports.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 jsxRuntimeExports.jsxs("div",{className:`${styles$5.mTSm} ${styles$5.labelContainer} `,children:[jsxRuntimeExports.jsx(WrapperError,{errorText:numberMinError,children:jsxRuntimeExports.jsx(design.InputNumber,{min:Number.MIN_SAFE_INTEGER,max:Number.MAX_SAFE_INTEGER,value:inputNumberMin,onChange:onChangeMin})}),jsxRuntimeExports.jsx(WrapperError,{errorText:numberMaxError,children:jsxRuntimeExports.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((type2,localeService)=>{switch(type2){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,_m,_n,_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:(_m=option.subType)!=null?_m:subType,operator:(_n=option.operator)!=null?_n: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 jsxRuntimeExports.jsxs("div",{children:[jsxRuntimeExports.jsx("div",{className:`${styles$5.title} ${styles$5.mTBase}`,children:localeService.t("sheet.cf.panel.styleRule")}),jsxRuntimeExports.jsx(design.Select,{className:`${styles$5.mTSm} ${styles$1.width100}`,onChange:onTypeChange,value:subType,options:typeOptions}),(operatorOptions==null?void 0:operatorOptions.length)&&jsxRuntimeExports.jsx(design.Select,{className:`${styles$5.mTSm} ${styles$1.width100}`,onChange:onOperatorChange,value:operator||"",options:operatorOptions}),jsxRuntimeExports.jsx(HighlightCellInput,{value,interceptorManager,type:subType,operator,rule,onChange:onInputChange},inputRenderKey),jsxRuntimeExports.jsx("div",{className:`${styles$1.cfPreviewWrap}`,children:jsxRuntimeExports.jsx(Preview,{rule:getResult({})})}),jsxRuntimeExports.jsx(ConditionalStyleEditor,{style:rule==null?void 0:rule.style,className:`${styles$5.mLXxs}`,onChange:__name(v=>{styleSet(v),onChange(getResult({style:v}))},"onChange")})]})},"HighlightCellStyleEditor"),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,[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(""),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)=>!formula||formula.length===1||!formulaError.startsWith("=")?(formulaErrorSet(localeService.t("sheet.cf.errorMessage.formulaError")),!1):next(v),"handler")})},[formula]);const _onChange=__name(config=>{onChange(getResult(config))},"_onChange");return jsxRuntimeExports.jsxs("div",{children:[jsxRuntimeExports.jsx("div",{className:`${styles$5.title} ${styles$5.mTBase}`,children:localeService.t("sheet.cf.panel.styleRule")}),jsxRuntimeExports.jsx("div",{className:`${styles$5.mTSm}`,children:jsxRuntimeExports.jsx(WrapperError,{errorText:formulaError,children:jsxRuntimeExports.jsx(ui.TextEditor,{id:core.createInternalEditorID(`${sheetsConditionalFormatting.SHEET_CONDITIONAL_FORMATTING_PLUGIN}_formula`),openForSheetSubUnitId:worksheet==null?void 0:worksheet.getSheetId(),openForSheetUnitId:workbook.getUnitId(),value:formula,canvasStyle:{fontSize:10},onlyInputFormula:!0,onChange:__name((v="")=>{const formula2=v||"";formulaSet(formula2),_onChange({style,formula:formula2}),formulaErrorSet("")},"onChange")})})}),jsxRuntimeExports.jsx("div",{className:`${styles$1.cfPreviewWrap} `,children:jsxRuntimeExports.jsx(Preview,{rule:getResult({style,formula})})}),jsxRuntimeExports.jsx(ConditionalStyleEditor,{style:rule==null?void 0:rule.style,className:`${styles$5.mTSm} `,onChange:__name(v=>{styleSet(v),_onChange({style:v,formula})},"onChange")})]})},"FormulaStyleEditor");var FUNC_ERROR_TEXT$1="Expected a function",HASH_UNDEFINED$1="__lodash_hash_undefined__",INFINITY$1=1/0,MAX_SAFE_INTEGER=9007199254740991,funcTag$1="[object Function]",genTag$1="[object GeneratorFunction]",symbolTag$1="[object Symbol]",reIsDeepProp$1=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,reIsPlainProp$1=/^\w*$/,reLeadingDot$1=/^\./,rePropName$1=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,reRegExpChar$1=/[\\^$.*+?()[\]{}|]/g,reEscapeChar$1=/\\(\\)?/g,reIsHostCtor$1=/^\[object .+?Constructor\]$/,reIsUint=/^(?:0|[1-9]\d*)$/,freeGlobal$1=typeof commonjsGlobal=="object"&&commonjsGlobal&&commonjsGlobal.Object===Object&&commonjsGlobal,freeSelf$1=typeof self=="object"&&self&&self.Object===Object&&self,root$1=freeGlobal$1||freeSelf$1||Function("return this")();function getValue$1(object,key){return object==null?void 0:object[key]}__name(getValue$1,"getValue$1");function isHostObject$1(value){var result=!1;if(value!=null&&typeof value.toString!="function")try{result=!!(value+"")}catch{}return result}__name(isHostObject$1,"isHostObject$1");var arrayProto$1=Array.prototype,funcProto$1=Function.prototype,objectProto$1=Object.prototype,coreJsData$1=root$1["__core-js_shared__"],maskSrcKey$1=function(){var uid=/[^.]+$/.exec(coreJsData$1&&coreJsData$1.keys&&coreJsData$1.keys.IE_PROTO||"");return uid?"Symbol(src)_1."+uid:""}(),funcToString$1=funcProto$1.toString,hasOwnProperty$1=objectProto$1.hasOwnProperty,objectToString$1=objectProto$1.toString,reIsNative$1=RegExp("^"+funcToString$1.call(hasOwnProperty$1).replace(reRegExpChar$1,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),Symbol$2=root$1.Symbol,splice$1=arrayProto$1.splice,Map$2=getNative$1(root$1,"Map"),nativeCreate$1=getNative$1(Object,"create"),symbolProto$1=Symbol$2?Symbol$2.prototype:void 0,symbolToString$1=symbolProto$1?symbolProto$1.toString:void 0;function Hash$1(entries){var index2=-1,length=entries?entries.length:0;for(this.clear();++index2<length;){var entry=entries[index2];this.set(entry[0],entry[1])}}__name(Hash$1,"Hash$1");function hashClear$1(){this.__data__=nativeCreate$1?nativeCreate$1(null):{}}__name(hashClear$1,"hashClear$1");function hashDelete$1(key){return this.has(key)&&delete this.__data__[key]}__name(hashDelete$1,"hashDelete$1");function hashGet$1(key){var data=this.__data__;if(nativeCreate$1){var result=data[key];return result===HASH_UNDEFINED$1?void 0:result}return hasOwnProperty$1.call(data,key)?data[key]:void 0}__name(hashGet$1,"hashGet$1");function hashHas$1(key){var data=this.__data__;return nativeCreate$1?data[key]!==void 0:hasOwnProperty$1.call(data,key)}__name(hashHas$1,"hashHas$1");function hashSet$1(key,value){var data=this.__data__;return data[key]=nativeCreate$1&&value===void 0?HASH_UNDEFINED$1:value,this}__name(hashSet$1,"hashSet$1"),Hash$1.prototype.clear=hashClear$1,Hash$1.prototype.delete=hashDelete$1,Hash$1.prototype.get=hashGet$1,Hash$1.prototype.has=hashHas$1,Hash$1.prototype.set=hashSet$1;function ListCache$1(entries){var index2=-1,length=entries?entries.length:0;for(this.clear();++index2<length;){var entry=entries[index2];this.set(entry[0],entry[1])}}__name(ListCache$1,"ListCache$1");function listCacheClear$1(){this.__data__=[]}__name(listCacheClear$1,"listCacheClear$1");function listCacheDelete$1(key){var data=this.__data__,index2=assocIndexOf$1(data,key);if(index2<0)return!1;var lastIndex=data.length-1;return index2==lastIndex?data.pop():splice$1.call(data,index2,1),!0}__name(listCacheDelete$1,"listCacheDelete$1");function listCacheGet$1(key){var data=this.__data__,index2=assocIndexOf$1(data,key);return index2<0?void 0:data[index2][1]}__name(listCacheGet$1,"listCacheGet$1");function listCacheHas$1(key){return assocIndexOf$1(this.__data__,key)>-1}__name(listCacheHas$1,"listCacheHas$1");function listCacheSet$1(key,value){var data=this.__data__,index2=assocIndexOf$1(data,key);return index2<0?data.push([key,value]):data[index2][1]=value,this}__name(listCacheSet$1,"listCacheSet$1"),ListCache$1.prototype.clear=listCacheClear$1,ListCache$1.prototype.delete=listCacheDelete$1,ListCache$1.prototype.get=listCacheGet$1,ListCache$1.prototype.has=listCacheHas$1,ListCache$1.prototype.set=listCacheSet$1;function MapCache$1(entries){var index2=-1,length=entries?entries.length:0;for(this.clear();++index2<length;){var entry=entries[index2];this.set(entry[0],entry[1])}}__name(MapCache$1,"MapCache$1");function mapCacheClear$1(){this.__data__={hash:new Hash$1,map:new(Map$2||ListCache$1),string:new Hash$1}}__name(mapCacheClear$1,"mapCacheClear$1");function mapCacheDelete$1(key){return getMapData$1(this,key).delete(key)}__name(mapCacheDelete$1,"mapCacheDelete$1");function mapCacheGet$1(key){return getMapData$1(this,key).get(key)}__name(mapCacheGet$1,"mapCacheGet$1");function mapCacheHas$1(key){return getMapData$1(this,key).has(key)}__name(mapCacheHas$1,"mapCacheHas$1");function mapCacheSet$1(key,value){return getMapData$1(this,key).set(key,value),this}__name(mapCacheSet$1,"mapCacheSet$1"),MapCache$1.prototype.clear=mapCacheClear$1,MapCache$1.prototype.delete=mapCacheDelete$1,MapCache$1.prototype.get=mapCacheGet$1,MapCache$1.prototype.has=mapCacheHas$1,MapCache$1.prototype.set=mapCacheSet$1;function assignValue(object,key,value){var objValue=object[key];(!(hasOwnProperty$1.call(object,key)&&eq$1(objValue,value))||value===void 0&&!(key in object))&&(object[key]=value)}__name(assignValue,"assignValue");function assocIndexOf$1(array,key){for(var length=array.length;length--;)if(eq$1(array[length][0],key))return length;return-1}__name(assocIndexOf$1,"assocIndexOf$1");function baseIsNative$1(value){if(!isObject$1(value)||isMasked$1(value))return!1;var pattern=isFunction$1(value)||isHostObject$1(value)?reIsNative$1:reIsHostCtor$1;return pattern.test(toSource$1(value))}__name(baseIsNative$1,"baseIsNative$1");function baseSet(object,path,value,customizer){if(!isObject$1(object))return object;path=isKey$1(path,object)?[path]:castPath$1(path);for(var index2=-1,length=path.length,lastIndex=length-1,nested=object;nested!=null&&++index2<length;){var key=toKey$1(path[index2]),newValue=value;if(index2!=lastIndex){var objValue=nested[key];newValue=void 0,newValue===void 0&&(newValue=isObject$1(objValue)?objValue:isIndex(path[index2+1])?[]:{})}assignValue(nested,key,newValue),nested=nested[key]}return object}__name(baseSet,"baseSet");function baseToString$1(value){if(typeof value=="string")return value;if(isSymbol$1(value))return symbolToString$1?symbolToString$1.call(value):"";var result=value+"";return result=="0"&&1/value==-INFINITY$1?"-0":result}__name(baseToString$1,"baseToString$1");function castPath$1(value){return isArray$1(value)?value:stringToPath$1(value)}__name(castPath$1,"castPath$1");function getMapData$1(map,key){var data=map.__data__;return isKeyable$1(key)?data[typeof key=="string"?"string":"hash"]:data.map}__name(getMapData$1,"getMapData$1");function getNative$1(object,key){var value=getValue$1(object,key);return baseIsNative$1(value)?value:void 0}__name(getNative$1,"getNative$1");function isIndex(value,length){return length=length==null?MAX_SAFE_INTEGER:length,!!length&&(typeof value=="number"||reIsUint.test(value))&&value>-1&&value%1==0&&value<length}__name(isIndex,"isIndex");function isKey$1(value,object){if(isArray$1(value))return!1;var type2=typeof value;return type2=="number"||type2=="symbol"||type2=="boolean"||value==null||isSymbol$1(value)?!0:reIsPlainProp$1.test(value)||!reIsDeepProp$1.test(value)||object!=null&&value in Object(object)}__name(isKey$1,"isKey$1");function isKeyable$1(value){var type2=typeof value;return type2=="string"||type2=="number"||type2=="symbol"||type2=="boolean"?value!=="__proto__":value===null}__name(isKeyable$1,"isKeyable$1");function isMasked$1(func){return!!maskSrcKey$1&&maskSrcKey$1 in func}__name(isMasked$1,"isMasked$1");var stringToPath$1=memoize$1(function(string){string=toString$1(string);var result=[];return reLeadingDot$1.test(string)&&result.push(""),string.replace(rePropName$1,function(match,number,quote,string2){result.push(quote?string2.replace(reEscapeChar$1,"$1"):number||match)}),result});function toKey$1(value){if(typeof value=="string"||isSymbol$1(value))return value;var result=value+"";return result=="0"&&1/value==-INFINITY$1?"-0":result}__name(toKey$1,"toKey$1");function toSource$1(func){if(func!=null){try{return funcToString$1.call(func)}catch{}try{return func+""}catch{}}return""}__name(toSource$1,"toSource$1");function memoize$1(func,resolver){if(typeof func!="function"||resolver&&typeof resolver!="function")throw new TypeError(FUNC_ERROR_TEXT$1);var memoized=__name(function(){var args=arguments,key=resolver?resolver.apply(this,args):args[0],cache=memoized.cache;if(cache.has(key))return cache.get(key);var result=func.apply(this,args);return memoized.cache=cache.set(key,result),result},"memoized");return memoized.cache=new(memoize$1.Cache||MapCache$1),memoized}__name(memoize$1,"memoize$1"),memoize$1.Cache=MapCache$1;function eq$1(value,other){return value===other||value!==value&&other!==other}__name(eq$1,"eq$1");var isArray$1=Array.isArray;function isFunction$1(value){var tag=isObject$1(value)?objectToString$1.call(value):"";return tag==funcTag$1||tag==genTag$1}__name(isFunction$1,"isFunction$1");function isObject$1(value){var type2=typeof value;return!!value&&(type2=="object"||type2=="function")}__name(isObject$1,"isObject$1");function isObjectLike$1(value){return!!value&&typeof value=="object"}__name(isObjectLike$1,"isObjectLike$1");function isSymbol$1(value){return typeof value=="symbol"||isObjectLike$1(value)&&objectToString$1.call(value)==symbolTag$1}__name(isSymbol$1,"isSymbol$1");function toString$1(value){return value==null?"":baseToString$1(value)}__name(toString$1,"toString$1");function set(object,path,value){return object==null?object:baseSet(object,path,value)}__name(set,"set");var lodash_set=set;const set$1=getDefaultExportFromCjs(lodash_set);var FUNC_ERROR_TEXT="Expected a function",HASH_UNDEFINED="__lodash_hash_undefined__",INFINITY=1/0,funcTag="[object Function]",genTag="[object GeneratorFunction]",symbolTag="[object Symbol]",reIsDeepProp=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,reIsPlainProp=/^\w*$/,reLeadingDot=/^\./,rePropName=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,reRegExpChar=/[\\^$.*+?()[\]{}|]/g,reEscapeChar=/\\(\\)?/g,reIsHostCtor=/^\[object .+?Constructor\]$/,freeGlobal=typeof commonjsGlobal=="object"&&commonjsGlobal&&commonjsGlobal.Object===Object&&commonjsGlobal,freeSelf=typeof self=="object"&&self&&self.Object===Object&&self,root=freeGlobal||freeSelf||Function("return this")();function getValue(object,key){return object==null?void 0:object[key]}__name(getValue,"getValue");function isHostObject(value){var result=!1;if(value!=null&&typeof value.toString!="function")try{result=!!(value+"")}catch{}return result}__name(isHostObject,"isHostObject");var arrayProto=Array.prototype,funcProto=Function.prototype,objectProto=Object.prototype,coreJsData=root["__core-js_shared__"],maskSrcKey=function(){var uid=/[^.]+$/.exec(coreJsData&&coreJsData.keys&&coreJsData.keys.IE_PROTO||"");return uid?"Symbol(src)_1."+uid:""}(),funcToString=funcProto.toString,hasOwnProperty=objectProto.hasOwnProperty,objectToString=objectProto.toString,reIsNative=RegExp("^"+funcToString.call(hasOwnProperty).replace(reRegExpChar,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),Symbol$1=root.Symbol,splice=arrayProto.splice,Map$1=getNative(root,"Map"),nativeCreate=getNative(Object,"create"),symbolProto=Symbol$1?Symbol$1.prototype:void 0,symbolToString=symbolProto?symbolProto.toString:void 0;function Hash(entries){var index2=-1,length=entries?entries.length:0;for(this.clear();++index2<length;){var entry=entries[index2];this.set(entry[0],entry[1])}}__name(Hash,"Hash");function hashClear(){this.__data__=nativeCreate?nativeCreate(null):{}}__name(hashClear,"hashClear");function hashDelete(key){return this.has(key)&&delete this.__data__[key]}__name(hashDelete,"hashDelete");function hashGet(key){var data=this.__data__;if(nativeCreate){var result=data[key];return result===HASH_UNDEFINED?void 0:result}return hasOwnProperty.call(data,key)?data[key]:void 0}__name(hashGet,"hashGet");function hashHas(key){var data=this.__data__;return nativeCreate?data[key]!==void 0:hasOwnProperty.call(data,key)}__name(hashHas,"hashHas");function hashSet(key,value){var data=this.__data__;return data[key]=nativeCreate&&value===void 0?HASH_UNDEFINED:value,this}__name(hashSet,"hashSet"),Hash.prototype.clear=hashClear,Hash.prototype.delete=hashDelete,Hash.prototype.get=hashGet,Hash.prototype.has=hashHas,Hash.prototype.set=hashSet;function ListCache(entries){var index2=-1,length=entries?entries.length:0;for(this.clear();++index2<length;){var entry=entries[index2];this.set(entry[0],entry[1])}}__name(ListCache,"ListCache");function listCacheClear(){this.__data__=[]}__name(listCacheClear,"listCacheClear");function listCacheDelete(key){var data=this.__data__,index2=assocIndexOf(data,key);if(index2<0)return!1;var lastIndex=data.length-1;return index2==lastIndex?data.pop():splice.call(data,index2,1),!0}__name(listCacheDelete,"listCacheDelete");function listCacheGet(key){var data=this.__data__,index2=assocIndexOf(data,key);return index2<0?void 0:data[index2][1]}__name(listCacheGet,"listCacheGet");function listCacheHas(key){return assocIndexOf(this.__data__,key)>-1}__name(listCacheHas,"listCacheHas");function listCacheSet(key,value){var data=this.__data__,index2=assocIndexOf(data,key);return index2<0?data.push([key,value]):data[index2][1]=value,this}__name(listCacheSet,"listCacheSet"),ListCache.prototype.clear=listCacheClear,ListCache.prototype.delete=listCacheDelete,ListCache.prototype.get=listCacheGet,ListCache.prototype.has=listCacheHas,ListCache.prototype.set=listCacheSet;function MapCache(entries){var index2=-1,length=entries?entries.length:0;for(this.clear();++index2<length;){var entry=entries[index2];this.set(entry[0],entry[1])}}__name(MapCache,"MapCache");function mapCacheClear(){this.__data__={hash:new Hash,map:new(Map$1||ListCache),string:new Hash}}__name(mapCacheClear,"mapCacheClear");function mapCacheDelete(key){return getMapData(this,key).delete(key)}__name(mapCacheDelete,"mapCacheDelete");function mapCacheGet(key){return getMapData(this,key).get(key)}__name(mapCacheGet,"mapCacheGet");function mapCacheHas(key){return getMapData(this,key).has(key)}__name(mapCacheHas,"mapCacheHas");function mapCacheSet(key,value){return getMapData(this,key).set(key,value),this}__name(mapCacheSet,"mapCacheSet"),MapCache.prototype.clear=mapCacheClear,MapCache.prototype.delete=mapCacheDelete,MapCache.prototype.get=mapCacheGet,MapCache.prototype.has=mapCacheHas,MapCache.prototype.set=mapCacheSet;function assocIndexOf(array,key){for(var length=array.length;length--;)if(eq(array[length][0],key))return length;return-1}__name(assocIndexOf,"assocIndexOf");function baseGet(object,path){path=isKey(path,object)?[path]:castPath(path);for(var index2=0,length=path.length;object!=null&&index2<length;)object=object[toKey(path[index2++])];return index2&&index2==length?object:void 0}__name(baseGet,"baseGet");function baseIsNative(value){if(!isObject(value)||isMasked(value))return!1;var pattern=isFunction(value)||isHostObject(value)?reIsNative:reIsHostCtor;return pattern.test(toSource(value))}__name(baseIsNative,"baseIsNative");function baseToString(value){if(typeof value=="string")return value;if(isSymbol(value))return symbolToString?symbolToString.call(value):"";var result=value+"";return result=="0"&&1/value==-INFINITY?"-0":result}__name(baseToString,"baseToString");function castPath(value){return isArray(value)?value:stringToPath(value)}__name(castPath,"castPath");function getMapData(map,key){var data=map.__data__;return isKeyable(key)?data[typeof key=="string"?"string":"hash"]:data.map}__name(getMapData,"getMapData");function getNative(object,key){var value=getValue(object,key);return baseIsNative(value)?value:void 0}__name(getNative,"getNative");function isKey(value,object){if(isArray(value))return!1;var type2=typeof value;return type2=="number"||type2=="symbol"||type2=="boolean"||value==null||isSymbol(value)?!0:reIsPlainProp.test(value)||!reIsDeepProp.test(value)||object!=null&&value in Object(object)}__name(isKey,"isKey");function isKeyable(value){var type2=typeof value;return type2=="string"||type2=="number"||type2=="symbol"||type2=="boolean"?value!=="__proto__":value===null}__name(isKeyable,"isKeyable");function isMasked(func){return!!maskSrcKey&&maskSrcKey in func}__name(isMasked,"isMasked");var stringToPath=memoize(function(string){string=toString(string);var result=[];return reLeadingDot.test(string)&&result.push(""),string.replace(rePropName,function(match,number,quote,string2){result.push(quote?string2.replace(reEscapeChar,"$1"):number||match)}),result});function toKey(value){if(typeof value=="string"||isSymbol(value))return value;var result=value+"";return result=="0"&&1/value==-INFINITY?"-0":result}__name(toKey,"toKey");function toSource(func){if(func!=null){try{return funcToString.call(func)}catch{}try{return func+""}catch{}}return""}__name(toSource,"toSource");function memoize(func,resolver){if(typeof func!="function"||resolver&&typeof resolver!="function")throw new TypeError(FUNC_ERROR_TEXT);var memoized=__name(function(){var args=arguments,key=resolver?resolver.apply(this,args):args[0],cache=memoized.cache;if(cache.has(key))return cache.get(key);var result=func.apply(this,args);return memoized.cache=cache.set(key,result),result},"memoized");return memoized.cache=new(memoize.Cache||MapCache),memoized}__name(memoize,"memoize"),memoize.Cache=MapCache;function eq(value,other){return value===other||value!==value&&other!==other}__name(eq,"eq");var isArray=Array.isArray;function isFunction(value){var tag=isObject(value)?objectToString.call(value):"";return tag==funcTag||tag==genTag}__name(isFunction,"isFunction");function isObject(value){var type2=typeof value;return!!value&&(type2=="object"||type2=="function")}__name(isObject,"isObject");function isObjectLike(value){return!!value&&typeof value=="object"}__name(isObjectLike,"isObjectLike");function isSymbol(value){return typeof value=="symbol"||isObjectLike(value)&&objectToString.call(value)==symbolTag}__name(isSymbol,"isSymbol");function toString(value){return value==null?"":baseToString(value)}__name(toString,"toString");function get(object,path,defaultValue){var result=object==null?void 0:baseGet(object,path);return result===void 0?defaultValue:result}__name(get,"get");var lodash_get=get;const get$1=getDefaultExportFromCjs(lodash_get),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]);return jsxRuntimeExports.jsx("div",{className:styles$1.positionRelative,children:props.type!==sheetsConditionalFormatting.CFValueType.formula?jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment,{children:[jsxRuntimeExports.jsx(design.InputNumber,{className,value:Number(props.value)||0,onChange:__name(v=>props.onChange(v!=null?v:0),"onChange")}),props.error&&jsxRuntimeExports.jsx("div",{className:styles$1.errorText,children:props.error})]}):jsxRuntimeExports.jsx(ui.TextEditor,{id:core.createInternalEditorID(`${sheetsConditionalFormatting.SHEET_CONDITIONAL_FORMATTING_PLUGIN}_icon_set_${props.id}`),value:String(props.value).startsWith("=")?String(props.value):"=",openForSheetSubUnitId:subUnitId,openForSheetUnitId:unitId,canvasStyle:{fontSize:10},onlyInputFormula:!0,onChange:__name((v="")=>{const formula=v||"";props.onChange(formula)},"onChange")})})},"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 jsxRuntimeExports.jsx("div",{ref,className:styles$1.iconGroupList,children:sheetsConditionalFormatting.iconGroup.map((group2,index2)=>jsxRuntimeExports.jsxs("div",{className:styles$1.group,children:[jsxRuntimeExports.jsx("div",{className:styles$1.title,children:localeService.t(group2.title)}),jsxRuntimeExports.jsx("div",{className:styles$1.itemContent,children:group2.group.map(groupItem=>jsxRuntimeExports.jsx("div",{className:styles$1.itemWrap,onClick:__name(()=>{handleClick(groupItem.name)},"onClick"),children:jsxRuntimeExports.jsx("div",{className:styles$1.item,children:groupItem.list.map((base64,index22)=>jsxRuntimeExports.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 jsxRuntimeExports.jsxs("div",{className:styles$1.iconItemListWrap,children:[jsxRuntimeExports.jsxs("div",{className:styles$1.none,onClick:__name(()=>handleClick({iconType:sheetsConditionalFormatting.EMPTY_ICON_TYPE,iconId:"",base64:""}),"onClick"),children:[jsxRuntimeExports.jsx(SlashSingle,{className:styles$1.icon}),jsxRuntimeExports.jsx("span",{children:"无单元格图标"})]}),jsxRuntimeExports.jsx("div",{className:styles$1.iconItemList,children:list.map(item2=>jsxRuntimeExports.jsx("div",{className:styles$1.item,children:jsxRuntimeExports.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)},"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 jsxRuntimeExports.jsxs("div",{className:`${index2?styles$5.mTXl:styles$5.mTSm}`,children:[jsxRuntimeExports.jsxs("div",{className:`${styles$5.label} ${styles$1.flex}`,children:[jsxRuntimeExports.jsxs("div",{className:`${styles$1.width45}`,children:[localeService.t("sheet.cf.iconSet.icon"),index2+1]}),jsxRuntimeExports.jsx("div",{className:`${styles$1.width45}`,children:jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment,{children:[!isFirst&&!isEnd&&localeService.t("sheet.cf.iconSet.rule"),!isFirst&&!isEnd&&jsxRuntimeExports.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")} `,")"]})]})})]}),jsxRuntimeExports.jsxs("div",{className:`${styles$1.flex} ${styles$5.mTSm}`,children:[jsxRuntimeExports.jsx("div",{className:`${styles$1.iconWrap} ${styles$1.width45}`,children:jsxRuntimeExports.jsx(design.Dropdown,{overlay:jsxRuntimeExports.jsx(IconItemList,{onClick:handleIconClick,iconId:item2.iconId,iconType:item2.iconType}),children:jsxRuntimeExports.jsxs("div",{className:styles$1.dropdownIcon,children:[icon2?jsxRuntimeExports.jsx("img",{src:icon2,className:styles$1.icon}):jsxRuntimeExports.jsx(SlashSingle,{className:styles$1.icon}),jsxRuntimeExports.jsx(MoreDownSingle,{})]})})}),isEnd?jsxRuntimeExports.jsxs("div",{className:`${styles$1.width45} ${styles$5.label}`,style:{marginTop:0},children:[localeService.t("sheet.cf.iconSet.rule"),jsxRuntimeExports.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")} `,")"]})]}):jsxRuntimeExports.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?jsxRuntimeExports.jsx("div",{}):jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment,{children:[jsxRuntimeExports.jsxs("div",{className:`${styles$5.mTSm} ${styles$5.label} ${styles$1.flex}`,children:[jsxRuntimeExports.jsx("div",{className:`${styles$1.width45}`,children:localeService.t("sheet.cf.iconSet.type")}),jsxRuntimeExports.jsx("div",{className:`${styles$1.width45}`,children:localeService.t("sheet.cf.iconSet.value")})]}),jsxRuntimeExports.jsxs("div",{className:`${styles$5.mTSm} ${styles$1.flex}`,children:[jsxRuntimeExports.jsx(design.Select,{className:`${styles$1.width45} ${styles$5.mL0}`,options:valueTypeOptions,value:item2.value.type,onChange:__name(v=>{handleValueTypeChange(v,index2)},"onChange")}),jsxRuntimeExports.jsx("div",{className:`${styles$5.mL0} ${styles$1.width45}`,children:jsxRuntimeExports.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 type2=rule.config[0].iconType;if(!rule.config.some(item2=>item2.iconType!==type2))return type2}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 jsxRuntimeExports.jsx("div",{className:styles$1.iconWrap,children:list.map((icon2,index2)=>icon2?jsxRuntimeExports.jsx("img",{className:styles$1.icon,src:icon2},index2):jsxRuntimeExports.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)=>{get$1(configList,keys)!==v&&(set$1(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),jsxRuntimeExports.jsxs("div",{className:styles$1.iconSet,children:[jsxRuntimeExports.jsx("div",{className:styles$5.title,children:localeService.t("sheet.cf.panel.styleRule")}),jsxRuntimeExports.jsx("div",{className:`${styles$5.mTSm}`,children:jsxRuntimeExports.jsx(design.Dropdown,{placement:"bottomLeft",overlay:jsxRuntimeExports.jsx(IconGroupList,{ref:__name(el=>!iconGroupListEl&&el&&setIconGroupListEl(el),"ref"),iconType:currentIconType,onClick:handleClickIconList}),children:jsxRuntimeExports.jsxs("div",{className:styles$1.dropdownIcon,style:{width:"unset"},children:[previewIcon,jsxRuntimeExports.jsx(MoreDownSingle,{})]})})}),jsxRuntimeExports.jsxs("div",{className:`${styles$5.mTSm} ${styles$1.renderConfig}`,children:[jsxRuntimeExports.jsxs("div",{className:styles$1.utilItem,children:[jsxRuntimeExports.jsx(design.Checkbox,{onChange:reverseIcon}),localeService.t("sheet.cf.iconSet.reverseIconOrder")]}),jsxRuntimeExports.jsxs("div",{className:`${styles$1.utilItem} ${styles$5.mLXl}`,children:[jsxRuntimeExports.jsx(design.Checkbox,{checked:!isShowValue,onChange:__name(v=>{isShowValueSet(!v)},"onChange")}),localeService.t("sheet.cf.iconSet.onlyShowIcon")]})]}),jsxRuntimeExports.jsx(IconSetRuleEdit,{errorMap,onChange:handleChange,configList})]})},"IconSet"),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),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(r=>!!r).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 type2=(_a3=props.rule)==null?void 0:_a3.rule.type,defaultType=options[0].value;if(!type2)return defaultType;switch(type2){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(),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(ranges=>{rangeResult.current=ranges.map(r=>r.range)},"onRangeSelectorChange"),handleSubmit=__name(()=>{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");return jsxRuntimeExports.jsxs("div",{className:styles$1.cfRuleStyleEditor,children:[jsxRuntimeExports.jsx("div",{className:styles$5.title,children:localeService.t("sheet.cf.panel.range")}),jsxRuntimeExports.jsx("div",{className:`${styles$5.mTBase}`,children:jsxRuntimeExports.jsx(ui.RangeSelector,{placeholder:localeService.t("sheet.cf.form.rangeSelector"),width:"100%",openForSheetSubUnitId:subUnitId,openForSheetUnitId:unitId,value:rangeString,id:core.createInternalEditorID(`${sheetsConditionalFormatting.SHEET_CONDITIONAL_FORMATTING_PLUGIN}_rangeSelector`),onChange:onRangeSelectorChange})}),jsxRuntimeExports.jsx("div",{className:styles$5.title,children:localeService.t("sheet.cf.panel.styleType")}),jsxRuntimeExports.jsx("div",{className:styles$5.mTBase,children:jsxRuntimeExports.jsx(design.Select,{className:styles$1.width100,value:ruleType2,options,onChange:__name(e=>ruleTypeSet(e),"onChange")})}),jsxRuntimeExports.jsx(StyleEditor,{interceptorManager,rule:(_c2=props.rule)==null?void 0:_c2.rule,onChange:onStyleChange}),jsxRuntimeExports.jsxs("div",{className:`${styles$5.mTBase} ${styles$1.btnList}`,children:[jsxRuntimeExports.jsx(design.Button,{size:"small",onClick:handleCancel,children:localeService.t("sheet.cf.panel.cancel")}),jsxRuntimeExports.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 jsxRuntimeExports.jsx("div",{className:styles$5.conditionalFormattingWrap,children:isShowRuleEditor?jsxRuntimeExports.jsx(RuleEdit,{onCancel:handleCancel,rule:currentEditRule}):jsxRuntimeExports.jsx(RuleList,{onClick:handleRuleClick,onCreate:createCfRule})})},"ConditionFormattingPanel");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");const DefaultSheetConditionalFormattingUiConfig={},CF_PANEL_KEY="sheet.conditional.formatting.panel";let ConditionalFormattingMenuController=(_c=class extends core.Disposable{constructor(_config,_univerInstanceService,_injector,_componentManager,_menuService,_sidebarService,_localeService){super();__publicField(this,"_sidebarDisposable",null);this._config=_config,this._univerInstanceService=_univerInstanceService,this._injector=_injector,this._componentManager=_componentManager,this._menuService=_menuService,this._sidebarService=_sidebarService,this._localeService=_localeService,this._initMenu(),this._initPanel(),this.disposeWithMe(this._univerInstanceService.getCurrentTypeOfUnit$(core.UniverInstanceType.UNIVER_SHEET).subscribe(sheet=>{var _a2;sheet||(_a2=this._sidebarDisposable)==null||_a2.dispose()}))}openPanel(rule){const props={header:{title:this._localeService.t("sheet.cf.title")},children:{label:CF_PANEL_KEY,rule,key:core.Tools.generateRandomId(4)},onClose:__name(()=>this._sidebarDisposable=null,"onClose")};this._sidebarDisposable=this._sidebarService.open(props)}_initMenu(){const{menu={}}=this._config;this._menuService.addMenuItem(FactoryManageConditionalFormattingRule(this._injector),menu)}_initPanel(){this._componentManager.register(CF_PANEL_KEY,ConditionFormattingPanel)}},__name(_c,"ConditionalFormattingMenuController"),_c);ConditionalFormattingMenuController=__decorateClass$9([core.OnLifecycle(core.LifecycleStages.Ready,ConditionalFormattingMenuController),__decorateParam$9(1,core.IUniverInstanceService),__decorateParam$9(2,core.Inject(core.Injector)),__decorateParam$9(3,core.Inject(ui.ComponentManager)),__decorateParam$9(4,core.Inject(ui.IMenuService)),__decorateParam$9(5,core.Inject(ui.ISidebarService)),__decorateParam$9(6,core.Inject(core.LocaleService))],ConditionalFormattingMenuController);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(ConditionalFormattingMenuController),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$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=(_d=class extends core.Disposable{constructor(_sheetInterceptorService,_conditionalFormattingService,_univerInstanceService,_renderManagerService,_conditionalFormattingViewModel,_conditionalFormattingRuleModel){super(),this._sheetInterceptorService=_sheetInterceptorService,this._conditionalFormattingService=_conditionalFormattingService,this._univerInstanceService=_univerInstanceService,this._renderManagerService=_renderManagerService,this._conditionalFormattingViewModel=_conditionalFormattingViewModel,this._conditionalFormattingRuleModel=_conditionalFormattingRuleModel,this._initViewModelInterceptor(),this._initSkeleton()}_initSkeleton(){const markDirtySkeleton=__name(()=>{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()},"markDirtySkeleton");this.disposeWithMe(this._conditionalFormattingViewModel.markDirty$.pipe(operators.bufferTime(16),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(markDirtySkeleton)),this.disposeWithMe(this._conditionalFormattingRuleModel.$ruleChange.pipe(operators.bufferTime(16),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=>["sort","delete"].includes(item2.type)&&item2.unitId===workbook.getUnitId()&&item2.subUnitId===worksheet.getSheetId()).length>0:!1})).subscribe(markDirtySkeleton)),this.disposeWithMe(this._conditionalFormattingService.ruleComputeStatus$.pipe(operators.bufferTime(16),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(markDirtySkeleton))}_initViewModelInterceptor(){this.disposeWithMe(this._sheetInterceptorService.intercept(sheets.INTERCEPTOR_POINT.CELL_CONTENT,{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(_d,"SheetsCfRenderController"),_d);SheetsCfRenderController=__decorateClass$8([core.OnLifecycle(core.LifecycleStages.Rendered,SheetsCfRenderController),__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);var __defProp$7=Object.defineProperty,__getOwnPropDesc$7=Object.getOwnPropertyDescriptor,__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");let ConditionalFormattingCopyPasteController=(_e=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 model=this._conditionalFormattingViewModel.getMatrix(unitId,subUnitId);if(!model)return;const accessor={get:this._injector.get.bind(this._injector)},discreteRange=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.getCellCf(unitId,subUnitId,row,col,model);cellCfList&&(cellCfList.cfList.forEach(item2=>cfIdSet.add(item2.cfId)),matrix.setValue(rowIndex,colIndex,cellCfList.cfList.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),model=this._conditionalFormattingViewModel.getMatrix(unitId,subUnitId),effectedConditionalFormattingRuleMatrix={};core.Range.foreach(vPastedRange,(row,col)=>{const{row:realRow,col:realCol}=mapFunc(row,col),cellCfList=this._conditionalFormattingViewModel.getCellCf(unitId,subUnitId,realRow,realCol,model);cellCfList&&cellCfList.cfList.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(_e,"ConditionalFormattingCopyPasteController"),_e);ConditionalFormattingCopyPasteController=__decorateClass$7([core.OnLifecycle(core.LifecycleStages.Rendered,ConditionalFormattingCopyPasteController),__decorateParam$7(0,core.Inject(sheetsUi.ISheetClipboardService)),__decorateParam$7(1,core.Inject(sheetsConditionalFormatting.ConditionalFormattingRuleModel)),__decorateParam$7(2,core.Inject(core.Injector)),__decorateParam$7(3,core.Inject(sheetsConditionalFormatting.ConditionalFormattingViewModel)),__decorateParam$7(4,core.Inject(core.IUniverInstanceService))],ConditionalFormattingCopyPasteController);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 SheetsCfRefRangeController=(_f=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(_f,"SheetsCfRefRangeController"),_f);SheetsCfRefRangeController=__decorateClass$6([core.OnLifecycle(core.LifecycleStages.Rendered,SheetsCfRefRangeController),__decorateParam$6(0,core.Inject(sheetsConditionalFormatting.ConditionalFormattingRuleModel)),__decorateParam$6(1,core.Inject(core.IUniverInstanceService)),__decorateParam$6(2,core.Inject(core.Injector)),__decorateParam$6(3,core.Inject(sheets.RefRangeService))],SheetsCfRefRangeController);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");let ConditionalFormattingPermissionController=(_g=class extends core.Disposable{constructor(_localeService,_commandService,_sheetPermissionInterceptorBaseController){super(),this._localeService=_localeService,this._commandService=_commandService,this._sheetPermissionInterceptorBaseController=_sheetPermissionInterceptorBaseController,this._commandExecutedListener()}_commandExecutedListener(){this.disposeWithMe(this._commandService.beforeCommandExecuted(command=>{command.id===AddCfCommand.id&&(this._sheetPermissionInterceptorBaseController.permissionCheckWithRanges({workbookTypes:[sheets.WorkbookEditablePermission],rangeTypes:[sheets.RangeProtectionPermissionEditPoint],worksheetTypes:[sheets.WorksheetEditPermission,sheets.WorksheetSetCellStylePermission]},command.params.rule.ranges)||this._sheetPermissionInterceptorBaseController.haveNotPermissionHandle(this._localeService.t("permission.dialog.setStyleErr")))}))}},__name(_g,"ConditionalFormattingPermissionController"),_g);ConditionalFormattingPermissionController=__decorateClass$5([core.OnLifecycle(core.LifecycleStages.Rendered,ConditionalFormattingPermissionController),__decorateParam$5(0,core.Inject(core.LocaleService)),__decorateParam$5(1,core.ICommandService),__decorateParam$5(2,core.Inject(sheetsUi.SheetPermissionInterceptorBaseController))],ConditionalFormattingPermissionController);var __defProp$4=Object.defineProperty,__getOwnPropDesc$4=Object.getOwnPropertyDescriptor,__defNormalProp$1=__name((obj,key,value)=>key in obj?__defProp$4(obj,key,{enumerable:!0,configurable:!0,writable:!0,value}):obj[key]=value,"__defNormalProp$1"),__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"),__publicField$1=__name((obj,key,value)=>__defNormalProp$1(obj,typeof key!="symbol"?key+"":key,value),"__publicField$1");exports2.UniverSheetsConditionalFormattingMobileUIPlugin=(_h=class extends core.Plugin{constructor(_config={},_injector,_commandService){super(),this._config=_config,this._injector=_injector,this._commandService=_commandService,this._config=core.Tools.deepMerge({},DefaultSheetConditionalFormattingUiConfig,this._config),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(m2=>{this._commandService.registerCommand(m2)})}},__name(_h,"UniverSheetsConditionalFormattingMobileUIPlugin"),_h),__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$4([core.DependentOn(sheetsConditionalFormatting.UniverSheetsConditionalFormattingPlugin),__decorateParam$4(1,core.Inject(core.Injector)),__decorateParam$4(2,core.Inject(core.ICommandService))],exports2.UniverSheetsConditionalFormattingMobileUIPlugin);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 ConditionalFormattingAutoFillController=(_i=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.getCellCf(unitId,subUnitId,sourceRow,sourceCol),{row:targetRow,col:targetCol}=mapFunc(targetPositionRange.startRow,targetPositionRange.startColumn),targetCellCf=this._conditionalFormattingViewModel.getCellCf(unitId,subUnitId,targetRow,targetCol);targetCellCf&&targetCellCf.cfList.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.cfList.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(_i,"ConditionalFormattingAutoFillController"),_i);ConditionalFormattingAutoFillController=__decorateClass$3([core.OnLifecycle(core.LifecycleStages.Rendered,ConditionalFormattingAutoFillController),__decorateParam$3(0,core.Inject(core.Injector)),__decorateParam$3(1,core.Inject(core.IUniverInstanceService)),__decorateParam$3(2,core.Inject(sheetsUi.IAutoFillService)),__decorateParam$3(3,core.Inject(sheetsConditionalFormatting.ConditionalFormattingRuleModel)),__decorateParam$3(4,core.Inject(sheetsConditionalFormatting.ConditionalFormattingViewModel))],ConditionalFormattingAutoFillController);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");let ConditionalFormattingEditorController=(_j=class extends core.Disposable{constructor(_editorBridgeService,_conditionalFormattingService){super(),this._editorBridgeService=_editorBridgeService,this._conditionalFormattingService=_conditionalFormattingService,this._initInterceptorEditorEnd()}_initInterceptorEditorEnd(){this.disposeWithMe(core.toDisposable(this._editorBridgeService.interceptor.intercept(this._editorBridgeService.interceptor.getInterceptPoints().AFTER_CELL_EDIT,{handler:__name((value,context,next)=>{const result=this._conditionalFormattingService.composeStyle(context.unitId,context.subUnitId,context.row,context.col);if(result!=null&&result.style&&(value!=null&&value.p)){const keys=Object.keys(result==null?void 0:result.style);if(keys.length>0){const v=sheetsConditionalFormatting.getStringFromDataStream(value.p),s={...(typeof value.s=="string"?context.workbook.getStyles().get(value.s):value.s)||{}};keys.forEach(key=>{delete s[key]});const cellData={...value,s:{...s},v};return delete cellData.p,next(cellData)}}return next(value)},"handler")})))}},__name(_j,"ConditionalFormattingEditorController"),_j);ConditionalFormattingEditorController=__decorateClass$2([core.OnLifecycle(core.LifecycleStages.Rendered,ConditionalFormattingEditorController),__decorateParam$2(0,core.Inject(sheetsUi.IEditorBridgeService)),__decorateParam$2(1,core.Inject(sheetsConditionalFormatting.ConditionalFormattingService))],ConditionalFormattingEditorController);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");exports2.ConditionalFormattingClearController=(_k=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 allRules=this._conditionalFormattingRuleModel.getSubunitRules(workbook.getUnitId(),worksheet.getSheetId());if(!allRules||!allRules.length)return defaultV;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:workbook.getUnitId(),subUnitId:worksheet.getSheetId(),rule:{...rule,ranges:mergeRanges}}},undo=sheetsConditionalFormatting.setConditionalRuleMutationUndoFactory(this._injector,redo.params);redos.push(redo),undos.push(...undo)}else{const redo={id:sheetsConditionalFormatting.DeleteConditionalRuleMutation.id,params:{unitId:workbook.getUnitId(),subUnitId:worksheet.getSheetId(),cfId:rule.cfId}},undo=sheetsConditionalFormatting.DeleteConditionalRuleMutationUndoFactory(this._injector,redo.params);redos.push(redo),undos.push(...undo)}})}return defaultV},"getMutations")}))}},__name(_k,"ConditionalFormattingClearController"),_k),exports2.ConditionalFormattingClearController=__decorateClass$1([core.OnLifecycle(core.LifecycleStages.Rendered,exports2.ConditionalFormattingClearController),__decorateParam$1(0,core.Inject(core.Injector)),__decorateParam$1(1,core.Inject(core.IUniverInstanceService)),__decorateParam$1(2,core.Inject(sheets.SheetInterceptorService)),__decorateParam$1(3,core.Inject(sheets.SheetsSelectionsService)),__decorateParam$1(4,core.Inject(sheetsConditionalFormatting.ConditionalFormattingRuleModel))],exports2.ConditionalFormattingClearController);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=(_l=class extends core.Plugin{constructor(_config={},_injector,_commandService){super(),this._config=_config,this._injector=_injector,this._commandService=_commandService,this._config=core.Tools.deepMerge({},DefaultSheetConditionalFormattingUiConfig,this._config),this._initCommand(),this._injector.add([SheetsCfRenderController]),this._injector.add([SheetsCfRefRangeController]),this._injector.add([ConditionalFormattingCopyPasteController]),this._injector.add([ConditionalFormattingAutoFillController]),this._injector.add([ConditionalFormattingPermissionController]),this._injector.add([ConditionalFormattingMenuController,{useFactory:__name(()=>this._injector.createInstance(ConditionalFormattingMenuController,this._config),"useFactory")}]),this._injector.add([ConditionalFormattingI18nController]),this._injector.add([ConditionalFormattingEditorController]),this._injector.add([exports2.ConditionalFormattingClearController])}_initCommand(){[AddAverageCfCommand,AddColorScaleConditionalRuleCommand,AddDataBarConditionalRuleCommand,AddDuplicateValuesCfCommand,AddNumberCfCommand,AddRankCfCommand,AddTextCfCommand,AddTimePeriodCfCommand,AddUniqueValuesCfCommand,OpenConditionalFormattingOperator,DeleteCfCommand,SetCfCommand,MoveCfCommand,AddCfCommand,ClearRangeCfCommand,ClearWorksheetCfCommand].forEach(m2=>{this._commandService.registerCommand(m2)})}},__name(_l,"UniverSheetsConditionalFormattingUIPlugin"),_l),__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))],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"})});