@backtest-kit/ui 3.8.0 → 5.0.0

package/build/index.mjs

@@ -6,7 +6,7 @@ import finalhandler from 'finalhandler';
 import serveHandler from 'serve-handler';
 import os from 'os';
 import { createActivator } from 'di-kit';
-import { Exchange, Notification, Storage, Log, listenSignal } from 'backtest-kit';
+import { Exchange, Notification, Storage, Log, Live, listenSignal } from 'backtest-kit';
 import fs, { readdir, readFile } from 'fs/promises';
 import path, { join, dirname } from 'path';
 import { createRequire } from 'module';
@@ -65,12 +65,14 @@ const mockServices$1 = {
     storageMockService: Symbol("storageMockService"),
     exchangeMockService: Symbol("exchangeMockService"),
     logMockService: Symbol("logMockService"),
+    statusMockService: Symbol("statusMockService"),
 };
 const viewServices$1 = {
     notificationViewService: Symbol("notificationViewService"),
     storageViewService: Symbol("storageViewService"),
     exchangeViewService: Symbol("exchangeViewService"),
     logViewService: Symbol("logViewService"),
+    statusViewService: Symbol("statusViewService"),
 };
 const TYPES = {
     ...baseServices$1,
@@ -173,9 +175,9 @@ class LoggerService {
     }
 }
 
-const MOCK_PATH$2 = "./mock/notifications.json";
+const MOCK_PATH$3 = "./mock/notifications.json";
 const READ_NOTIFICATION_LIST_FN = singleshot(async () => {
-    const data = await fs.readFile(MOCK_PATH$2, "utf-8");
+    const data = await fs.readFile(MOCK_PATH$3, "utf-8");
     return JSON.parse(data);
 });
 const DEFAULT_LIMIT$3 = 25;
@@ -235,9 +237,9 @@ class NotificationMockService {
     }
 }
 
-const MOCK_PATH$1 = "./mock/db";
+const MOCK_PATH$2 = "./mock/db";
 const READ_BACKTEST_STORAGE_FN = singleshot(async () => {
-    const dbPath = join(process.cwd(), MOCK_PATH$1);
+    const dbPath = join(process.cwd(), MOCK_PATH$2);
     const files = await readdir(dbPath);
     const signals = [];
     for (const file of files) {
@@ -272,6 +274,7 @@ class StorageMockService {
     }
 }
 
+const MS_PER_MINUTE$1 = 60000;
 class ExchangeMockService {
     constructor() {
         this.loggerService = inject(TYPES.loggerService);
@@ -295,12 +298,31 @@ class ExchangeMockService {
                 interval,
             });
         };
+        this.getLiveCandles = async (signalId, interval) => {
+            this.loggerService.log("exchangeMockService getLiveCandles", {
+                signalId,
+                interval,
+            });
+            const signal = await this.storageMockService.findSignalById(signalId);
+            if (!signal) {
+                throw new Error(`Signal with ID ${signalId} not found`);
+            }
+            const { pendingAt, scheduledAt, minuteEstimatedTime, } = signal;
+            const eventAt = pendingAt || scheduledAt;
+            return await this.exchangeService.getRangeCandles({
+                symbol: signal.symbol,
+                exchangeName: signal.exchangeName,
+                signalStartTime: eventAt,
+                signalStopTime: eventAt + minuteEstimatedTime * MS_PER_MINUTE$1,
+                interval,
+            });
+        };
     }
 }
 
-const MOCK_PATH = "./mock/logs.json";
+const MOCK_PATH$1 = "./mock/logs.json";
 const READ_LOG_LIST_FN = singleshot(async () => {
-    const data = await fs.readFile(MOCK_PATH, "utf-8");
+    const data = await fs.readFile(MOCK_PATH$1, "utf-8");
     return JSON.parse(data);
 });
 const DEFAULT_LIMIT$2 = 25;
@@ -348,6 +370,68 @@ class LogMockService {
     }
 }
 
+const MOCK_PATH = "./mock/status.json";
+const READ_STATUS_LIST_FN = singleshot(async () => {
+    const data = await fs.readFile(MOCK_PATH, "utf-8");
+    return JSON.parse(data);
+});
+class StatusMockService {
+    constructor() {
+        this.loggerService = inject(TYPES.loggerService);
+        this.getStatusList = async () => {
+            this.loggerService.log("statusMockService getStatusList");
+            const list = await READ_STATUS_LIST_FN();
+            return list.map(({ id, symbol, strategyName, exchangeName }) => ({
+                id,
+                symbol,
+                strategyName,
+                exchangeName,
+                status: "pending",
+            }));
+        };
+        this.getStatusMap = async () => {
+            this.loggerService.log("statusMockService getStatusMap");
+            const list = await this.getStatusList();
+            return list.reduce((acm, cur) => ({ ...acm, [cur.id]: cur }), {});
+        };
+        this.getStatusOne = async (id) => {
+            this.loggerService.log("statusMockService getStatusOne", { id });
+            const list = await READ_STATUS_LIST_FN();
+            const signal = list.find((s) => s.id === id);
+            if (!signal) {
+                return null;
+            }
+            const positionEntries = signal._entry ?? [];
+            const positionLevels = positionEntries.map((e) => e.price);
+            const positionPartials = signal._partial ?? [];
+            return {
+                signalId: signal.signalId,
+                position: signal.position,
+                symbol: signal.symbol,
+                exchangeName: signal.exchangeName,
+                strategyName: signal.strategyName,
+                totalEntries: signal.totalEntries,
+                totalPartials: signal.totalPartials,
+                originalPriceStopLoss: signal.originalPriceStopLoss,
+                originalPriceTakeProfit: signal.originalPriceTakeProfit,
+                originalPriceOpen: signal.originalPriceOpen,
+                priceOpen: signal.priceOpen,
+                priceTakeProfit: signal.priceTakeProfit,
+                priceStopLoss: signal.priceStopLoss,
+                pnlPercentage: signal.pnl.pnlPercentage,
+                pnlCost: signal.pnl.pnlCost,
+                pnlEntries: signal.pnl.pnlEntries,
+                partialExecuted: signal.partialExecuted,
+                minuteEstimatedTime: signal.minuteEstimatedTime,
+                pendingAt: signal.pendingAt,
+                positionLevels,
+                positionEntries,
+                positionPartials,
+            };
+        };
+    }
+}
+
 const DEFAULT_LIMIT$1 = 25;
 const DEFAULT_OFFSET$1 = 0;
 const CREATE_FILTER_LIST_FN$1 = (filterData) => Object.keys(filterData).map((key) => (row) => new RegExp(filterData[key], "i").test(row[key]));
@@ -492,6 +576,7 @@ class StorageViewService {
     }
 }
 
+const MS_PER_MINUTE = 60000;
 class ExchangeViewService {
     constructor() {
         this.loggerService = inject(TYPES.loggerService);
@@ -519,6 +604,28 @@ class ExchangeViewService {
                 interval,
             });
         };
+        this.getLiveCandles = async (signalId, interval) => {
+            this.loggerService.log("exchangeViewService getLiveCandles", {
+                signalId,
+                interval,
+            });
+            if (CC_ENABLE_MOCK) {
+                return await this.exchangeMockService.getLiveCandles(signalId, interval);
+            }
+            const signal = await this.storageViewService.findSignalById(signalId);
+            if (!signal) {
+                throw new Error(`Signal with ID ${signalId} not found`);
+            }
+            const { pendingAt, scheduledAt, minuteEstimatedTime, } = signal;
+            const eventAt = pendingAt || scheduledAt;
+            return await this.exchangeService.getRangeCandles({
+                symbol: signal.symbol,
+                exchangeName: signal.exchangeName,
+                signalStartTime: eventAt,
+                signalStopTime: eventAt + minuteEstimatedTime * MS_PER_MINUTE,
+                interval,
+            });
+        };
     }
 }
 
@@ -577,6 +684,100 @@ class LogViewService {
     }
 }
 
+class StatusViewService {
+    constructor() {
+        this.loggerService = inject(TYPES.loggerService);
+        this.statusMockService = inject(TYPES.statusMockService);
+        this.getStatusList = async () => {
+            this.loggerService.log("statusViewService getStatusList");
+            if (CC_ENABLE_MOCK) {
+                const liveList = await this.statusMockService.getStatusList();
+                return liveList.filter(({ status }) => status === "pending");
+            }
+            return await Live.list();
+        };
+        this.getStatusMap = async () => {
+            this.loggerService.log("statusViewService getStatusMap");
+            if (CC_ENABLE_MOCK) {
+                return await this.statusMockService.getStatusMap();
+            }
+            const liveList = await Live.list();
+            return liveList
+                .filter(({ status }) => status === "pending")
+                .reduce((acm, cur) => ({ ...acm, [cur.id]: cur }), {});
+        };
+        this.getStatusOne = async (id) => {
+            this.loggerService.log("statusViewService getStatusOne", {
+                id,
+            });
+            if (CC_ENABLE_MOCK) {
+                return await this.statusMockService.getStatusOne(id);
+            }
+            const liveList = await Live.list();
+            const liveOne = liveList.find((live) => live.id === id);
+            if (!liveOne) {
+                throw new Error(`Live with id ${id} not found`);
+            }
+            const { symbol, strategyName, exchangeName } = liveOne;
+            const currentPrice = await Exchange.getAveragePrice(symbol, {
+                exchangeName,
+            });
+            const pendingSignal = await Live.getPendingSignal(symbol, currentPrice, {
+                strategyName,
+                exchangeName,
+            });
+            if (!pendingSignal) {
+                return null;
+            }
+            const positionLevels = await Live.getPositionLevels(symbol, {
+                strategyName,
+                exchangeName,
+            });
+            if (!positionLevels) {
+                return null;
+            }
+            const positionEntries = await Live.getPositionEntries(symbol, {
+                strategyName,
+                exchangeName,
+            });
+            if (!positionEntries) {
+                return null;
+            }
+            const positionPartials = await Live.getPositionPartials(symbol, {
+                strategyName,
+                exchangeName,
+            });
+            if (!positionPartials) {
+                return null;
+            }
+            return {
+                signalId: pendingSignal.id,
+                position: pendingSignal.position,
+                symbol: pendingSignal.symbol,
+                exchangeName: pendingSignal.exchangeName,
+                strategyName: pendingSignal.strategyName,
+                totalEntries: pendingSignal.totalEntries,
+                totalPartials: pendingSignal.totalPartials,
+                originalPriceStopLoss: pendingSignal.originalPriceStopLoss,
+                originalPriceTakeProfit: pendingSignal.originalPriceTakeProfit,
+                originalPriceOpen: pendingSignal.originalPriceOpen,
+                priceOpen: pendingSignal.priceOpen,
+                priceTakeProfit: pendingSignal.priceTakeProfit,
+                priceStopLoss: pendingSignal.priceStopLoss,
+                pnlPercentage: pendingSignal.pnl.pnlPercentage,
+                pnlCost: pendingSignal.pnl.pnlCost,
+                pnlEntries: pendingSignal.pnl.pnlEntries,
+                partialExecuted: pendingSignal.partialExecuted,
+                pendingAt: pendingSignal.pendingAt,
+                minuteEstimatedTime: pendingSignal.minuteEstimatedTime,
+                positionEntries,
+                positionLevels,
+                positionPartials,
+            };
+        };
+    }
+}
+
 const symbol_list = [
     {
         icon: "/icon/btc.png",
@@ -761,12 +962,14 @@ class PriceConnectionService {
     provide(TYPES.storageMockService, () => new StorageMockService());
     provide(TYPES.exchangeMockService, () => new ExchangeMockService());
     provide(TYPES.logMockService, () => new LogMockService());
+    provide(TYPES.statusMockService, () => new StatusMockService());
 }
 {
     provide(TYPES.notificationViewService, () => new NotificationViewService());
     provide(TYPES.storageViewService, () => new StorageViewService());
     provide(TYPES.exchangeViewService, () => new ExchangeViewService());
     provide(TYPES.logViewService, () => new LogViewService());
+    provide(TYPES.statusViewService, () => new StatusViewService());
 }
 
 const baseServices = {
@@ -785,12 +988,14 @@ const mockServices = {
     storageMockService: inject(TYPES.storageMockService),
     exchangeMockService: inject(TYPES.exchangeMockService),
     logMockService: inject(TYPES.logMockService),
+    statusMockService: inject(TYPES.statusMockService),
 };
 const viewServices = {
     notificationViewService: inject(TYPES.notificationViewService),
     storageViewService: inject(TYPES.storageViewService),
     exchangeViewService: inject(TYPES.exchangeViewService),
     logViewService: inject(TYPES.logViewService),
+    statusViewService: inject(TYPES.statusViewService),
 };
 const ioc = {
     ...baseServices,
@@ -1124,6 +1329,92 @@ router$6.post("/api/v1/mock/log_filter", async (req, res) => {
         });
     }
 });
+router$6.post("/api/v1/mock/candles_live", async (req, res) => {
+    try {
+        const request = await micro.json(req);
+        const { signalId, interval, requestId, serviceName } = request;
+        const data = await ioc.exchangeMockService.getLiveCandles(signalId, interval);
+        const result = {
+            data,
+            status: "ok",
+            error: "",
+            requestId,
+            serviceName,
+        };
+        ioc.loggerService.log("/api/v1/mock/candles_live ok", {
+            request,
+            result: omit(result, "data"),
+        });
+        return await micro.send(res, 200, result);
+    }
+    catch (error) {
+        ioc.loggerService.log("/api/v1/mock/candles_live error", {
+            error: errorData(error),
+        });
+        return await micro.send(res, 200, {
+            status: "error",
+            error: getErrorMessage(error),
+        });
+    }
+});
+// StatusMockService endpoints
+router$6.post("/api/v1/mock/status_list", async (req, res) => {
+    try {
+        const request = await micro.json(req);
+        const { requestId, serviceName } = request;
+        const data = await ioc.statusMockService.getStatusList();
+        const result = {
+            data,
+            status: "ok",
+            error: "",
+            requestId,
+            serviceName,
+        };
+        ioc.loggerService.log("/api/v1/mock/status_list ok", {
+            request,
+            result: omit(result, "data"),
+        });
+        return await micro.send(res, 200, result);
+    }
+    catch (error) {
+        ioc.loggerService.log("/api/v1/mock/status_list error", {
+            error: errorData(error),
+        });
+        return await micro.send(res, 200, {
+            status: "error",
+            error: getErrorMessage(error),
+        });
+    }
+});
+router$6.post("/api/v1/mock/status_one/:id", async (req, res) => {
+    try {
+        const request = await micro.json(req);
+        const { requestId, serviceName } = request;
+        const id = req.params.id;
+        const data = await ioc.statusMockService.getStatusOne(id);
+        const result = {
+            data,
+            status: "ok",
+            error: "",
+            requestId,
+            serviceName,
+        };
+        ioc.loggerService.log("/api/v1/mock/status_one/:id ok", {
+            request,
+            result: omit(result, "data"),
+        });
+        return await micro.send(res, 200, result);
+    }
+    catch (error) {
+        ioc.loggerService.log("/api/v1/mock/status_one/:id error", {
+            error: errorData(error),
+        });
+        return await micro.send(res, 200, {
+            status: "error",
+            error: getErrorMessage(error),
+        });
+    }
+});
 
 const router$5 = Router({
     params: true,
@@ -1190,6 +1481,34 @@ router$5.post("/api/v1/view/candles_point", async (req, res) => {
         });
     }
 });
+router$5.post("/api/v1/view/candles_live", async (req, res) => {
+    try {
+        const request = await micro.json(req);
+        const { signalId, interval, requestId, serviceName } = request;
+        const data = await ioc.exchangeViewService.getLiveCandles(signalId, interval);
+        const result = {
+            data,
+            status: "ok",
+            error: "",
+            requestId,
+            serviceName,
+        };
+        ioc.loggerService.log("/api/v1/view/candles_live ok", {
+            request,
+            result: omit(result, "data"),
+        });
+        return await micro.send(res, 200, result);
+    }
+    catch (error) {
+        ioc.loggerService.log("/api/v1/view/candles_live error", {
+            error: errorData(error),
+        });
+        return await micro.send(res, 200, {
+            status: "error",
+            error: getErrorMessage(error),
+        });
+    }
+});
 // NotificationViewService endpoints
 router$5.post("/api/v1/view/notification_list", async (req, res) => {
     try {
@@ -1448,6 +1767,64 @@ router$5.post("/api/v1/view/log_filter", async (req, res) => {
         });
     }
 });
+// StatusViewService endpoints
+router$5.post("/api/v1/view/status_list", async (req, res) => {
+    try {
+        const request = await micro.json(req);
+        const { requestId, serviceName } = request;
+        const data = await ioc.statusViewService.getStatusList();
+        const result = {
+            data,
+            status: "ok",
+            error: "",
+            requestId,
+            serviceName,
+        };
+        ioc.loggerService.log("/api/v1/view/status_list ok", {
+            request,
+            result: omit(result, "data"),
+        });
+        return await micro.send(res, 200, result);
+    }
+    catch (error) {
+        ioc.loggerService.log("/api/v1/view/status_list error", {
+            error: errorData(error),
+        });
+        return await micro.send(res, 200, {
+            status: "error",
+            error: getErrorMessage(error),
+        });
+    }
+});
+router$5.post("/api/v1/view/status_one/:id", async (req, res) => {
+    try {
+        const request = await micro.json(req);
+        const { requestId, serviceName } = request;
+        const id = req.params.id;
+        const data = await ioc.statusViewService.getStatusOne(id);
+        const result = {
+            data,
+            status: "ok",
+            error: "",
+            requestId,
+            serviceName,
+        };
+        ioc.loggerService.log("/api/v1/view/status_one/:id ok", {
+            request,
+            result: omit(result, "data"),
+        });
+        return await micro.send(res, 200, result);
+    }
+    catch (error) {
+        ioc.loggerService.log("/api/v1/view/status_one/:id error", {
+            error: errorData(error),
+        });
+        return await micro.send(res, 200, {
+            status: "error",
+            error: getErrorMessage(error),
+        });
+    }
+});
 
 const require$1 = createRequire(import.meta.url);
 function getModulesPath() {

package/build/modules/frontend/build/assets/Background-hRKtQSrv.js

@@ -0,0 +1 @@
+import{f as n,az as o}from"./index-3gnGrSPi.js";const d=()=>n(o,{children:"\n                body {\n                    background-color: #ddd !important;\n                }\n            "});export{d as B};

package/build/modules/frontend/build/assets/{IconPhoto-DLj3pG_p.js → IconPhoto-DQlKNGdb.js}

@@ -1 +1 @@
-import{f as e,i as t,B as r,J as s}from"./index-zSnwHsC4.js";const a=({className:a,symbol:i,style:o,sx:n})=>e(s,{children:async()=>{try{const s=(await t.symbolGlobalService.getSymbolMap())[i],l=null==s?void 0:s.icon,c=(null==s?void 0:s.color)||"#ccc";return e(r,{className:a,sx:{position:"relative",width:24,height:24,borderRadius:"50%",display:"flex",alignItems:"center",justifyContent:"center",background:l?"transparent":c,...n},style:o,children:l?e("img",{loading:"lazy",crossOrigin:"anonymous",src:l,alt:i,style:{width:"100%",height:"100%",borderRadius:"50%",objectFit:"contain"},onError:e=>{const t=e.target,r=t.parentElement;r&&(r.style.background=c,t.style.display="none")}}):e(r,{sx:{width:"60%",height:"60%",borderRadius:"50%",backgroundColor:"rgba(255, 255, 255, 0.2)"}})})}catch(s){return e(r,{className:a,sx:{position:"relative",width:24,height:24,borderRadius:"50%",display:"flex",alignItems:"center",justifyContent:"center",background:"#ccc",...n},style:o,children:e(r,{sx:{width:"60%",height:"60%",borderRadius:"50%",backgroundColor:"rgba(255, 255, 255, 0.2)"}})})}}});export{a as I};
+import{f as e,i as t,B as r,J as s}from"./index-3gnGrSPi.js";const a=({className:a,symbol:i,style:o,sx:n})=>e(s,{children:async()=>{try{const s=(await t.symbolGlobalService.getSymbolMap())[i],l=null==s?void 0:s.icon,c=(null==s?void 0:s.color)||"#ccc";return e(r,{className:a,sx:{position:"relative",width:24,height:24,borderRadius:"50%",display:"flex",alignItems:"center",justifyContent:"center",background:l?"transparent":c,...n},style:o,children:l?e("img",{loading:"lazy",crossOrigin:"anonymous",src:l,alt:i,style:{width:"100%",height:"100%",borderRadius:"50%",objectFit:"contain"},onError:e=>{const t=e.target,r=t.parentElement;r&&(r.style.background=c,t.style.display="none")}}):e(r,{sx:{width:"60%",height:"60%",borderRadius:"50%",backgroundColor:"rgba(255, 255, 255, 0.2)"}})})}catch(s){return e(r,{className:a,sx:{position:"relative",width:24,height:24,borderRadius:"50%",display:"flex",alignItems:"center",justifyContent:"center",background:"#ccc",...n},style:o,children:e(r,{sx:{width:"60%",height:"60%",borderRadius:"50%",backgroundColor:"rgba(255, 255, 255, 0.2)"}})})}}});export{a as I};

package/build/modules/frontend/build/assets/{KeyboardArrowLeft-DLEPx5Pm.js → KeyboardArrowLeft-wYBUTbRV.js}

@@ -1 +1 @@
-import{c as o,f as r}from"./index-zSnwHsC4.js";const a=o(r("path",{d:"M15.41 16.59 10.83 12l4.58-4.59L14 6l-6 6 6 6 1.41-1.41z"}),"KeyboardArrowLeft");export{a as K};
+import{c as o,f as r}from"./index-3gnGrSPi.js";const a=o(r("path",{d:"M15.41 16.59 10.83 12l4.58-4.59L14 6l-6 6 6 6 1.41-1.41z"}),"KeyboardArrowLeft");export{a as K};

package/build/modules/frontend/build/assets/{Refresh-BDbWoqW-.js → Refresh-_yMWRw_x.js}

@@ -1 +1 @@
-import{af as e,ag as t,K as a,ah as s,f as i,ai as n,aj as o,ak as r,al as d,am as m,an as p,ao as u,ap as x,c}from"./index-zSnwHsC4.js";const h=e(),l=["className","component","disableGutters","fixed","maxWidth","classes"],b=m(),f=h("div",{name:"MuiContainer",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:a}=e;return[t.root,t[`maxWidth${o(String(a.maxWidth))}`],a.fixed&&t.fixed,a.disableGutters&&t.disableGutters]}}),g=e=>r({props:e,name:"MuiContainer",defaultTheme:b});const W=function(e={}){const{createStyledComponent:r=f,useThemeProps:m=g,componentName:u="MuiContainer"}=e,x=r(({theme:e,ownerState:a})=>t({width:"100%",marginLeft:"auto",boxSizing:"border-box",marginRight:"auto",display:"block"},!a.disableGutters&&{paddingLeft:e.spacing(2),paddingRight:e.spacing(2),[e.breakpoints.up("sm")]:{paddingLeft:e.spacing(3),paddingRight:e.spacing(3)}}),({theme:e,ownerState:t})=>t.fixed&&Object.keys(e.breakpoints.values).reduce((t,a)=>{const s=a,i=e.breakpoints.values[s];return 0!==i&&(t[e.breakpoints.up(s)]={maxWidth:`${i}${e.breakpoints.unit}`}),t},{}),({theme:e,ownerState:a})=>t({},"xs"===a.maxWidth&&{[e.breakpoints.up("xs")]:{maxWidth:Math.max(e.breakpoints.values.xs,444)}},a.maxWidth&&"xs"!==a.maxWidth&&{[e.breakpoints.up(a.maxWidth)]:{maxWidth:`${e.breakpoints.values[a.maxWidth]}${e.breakpoints.unit}`}}));return a.forwardRef(function(e,a){const r=m(e),{className:c,component:h="div",disableGutters:b=!1,fixed:f=!1,maxWidth:g="lg"}=r,W=s(r,l),k=t({},r,{component:h,disableGutters:b,fixed:f,maxWidth:g}),S=((e,t)=>{const{classes:a,fixed:s,disableGutters:i,maxWidth:n}=e,r={root:["root",n&&`maxWidth${o(String(n))}`,s&&"fixed",i&&"disableGutters"]};return d(r,e=>p(t,e),a)})(k,u);return i(x,t({as:h,ownerState:k,className:n(S.root,c),ref:a},W))})}({createStyledComponent:x("div",{name:"MuiContainer",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:a}=e;return[t.root,t[`maxWidth${o(String(a.maxWidth))}`],a.fixed&&t.fixed,a.disableGutters&&t.disableGutters]}}),useThemeProps:e=>u({props:e,name:"MuiContainer"})}),k=c(i("path",{d:"M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z"}),"Refresh");export{W as C,k as R};
+import{aA as e,aB as t,r as a,aC as s,f as i,aD as n,aE as o,aF as r,aG as d,aH as m,aI as u,aJ as p,aK as x,c}from"./index-3gnGrSPi.js";const h=e(),l=["className","component","disableGutters","fixed","maxWidth","classes"],b=m(),f=h("div",{name:"MuiContainer",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:a}=e;return[t.root,t[`maxWidth${o(String(a.maxWidth))}`],a.fixed&&t.fixed,a.disableGutters&&t.disableGutters]}}),g=e=>r({props:e,name:"MuiContainer",defaultTheme:b});const W=function(e={}){const{createStyledComponent:r=f,useThemeProps:m=g,componentName:p="MuiContainer"}=e,x=r(({theme:e,ownerState:a})=>t({width:"100%",marginLeft:"auto",boxSizing:"border-box",marginRight:"auto",display:"block"},!a.disableGutters&&{paddingLeft:e.spacing(2),paddingRight:e.spacing(2),[e.breakpoints.up("sm")]:{paddingLeft:e.spacing(3),paddingRight:e.spacing(3)}}),({theme:e,ownerState:t})=>t.fixed&&Object.keys(e.breakpoints.values).reduce((t,a)=>{const s=a,i=e.breakpoints.values[s];return 0!==i&&(t[e.breakpoints.up(s)]={maxWidth:`${i}${e.breakpoints.unit}`}),t},{}),({theme:e,ownerState:a})=>t({},"xs"===a.maxWidth&&{[e.breakpoints.up("xs")]:{maxWidth:Math.max(e.breakpoints.values.xs,444)}},a.maxWidth&&"xs"!==a.maxWidth&&{[e.breakpoints.up(a.maxWidth)]:{maxWidth:`${e.breakpoints.values[a.maxWidth]}${e.breakpoints.unit}`}}));return a.forwardRef(function(e,a){const r=m(e),{className:c,component:h="div",disableGutters:b=!1,fixed:f=!1,maxWidth:g="lg"}=r,W=s(r,l),k=t({},r,{component:h,disableGutters:b,fixed:f,maxWidth:g}),S=((e,t)=>{const{classes:a,fixed:s,disableGutters:i,maxWidth:n}=e,r={root:["root",n&&`maxWidth${o(String(n))}`,s&&"fixed",i&&"disableGutters"]};return d(r,e=>u(t,e),a)})(k,p);return i(x,t({as:h,ownerState:k,className:n(S.root,c),ref:a},W))})}({createStyledComponent:x("div",{name:"MuiContainer",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:a}=e;return[t.root,t[`maxWidth${o(String(a.maxWidth))}`],a.fixed&&t.fixed,a.disableGutters&&t.disableGutters]}}),useThemeProps:e=>p({props:e,name:"MuiContainer"})}),k=c(i("path",{d:"M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z"}),"Refresh");export{W as C,k as R};