@eaera-com/eaera-widgets-v2 0.1.79 → 0.1.80

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eaera-com/eaera-widgets-v2",
-  "version": "0.1.79",
+  "version": "0.1.80",
   "description": "Vue 3 UI widget library shared across Eaera CRM products",
   "keywords": [
     "vue",

package/dist/components/chunks/EaeraWidgetGrowthBalanceProfitChart-DFmBk9dM.mjs

@@ -1 +0,0 @@
-import{ElLoadingDirective as e}from"element-plus/es";import{_ as t}from"./EaeraSelect-BxZRZofe.mjs";import{_ as a}from"./EaeraSegmented-BED7en5R.mjs";import{defineComponent as i,ref as r,computed as o,resolveComponent as l,openBlock as n,createElementBlock as s,createElementVNode as d,toDisplayString as p,unref as c,createVNode as m,withCtx as g,createCommentVNode as u,withDirectives as b,renderSlot as y,createBlock as w}from"vue";import{useI18n as f}from"vue-i18n";import{Clock as v,TrendingUp as x}from"@lucide/vue";const S={class:"gbp-widget"},_={key:0,class:"gbp-widget__header"},z={class:"gbp-widget__title"},A={class:"gbp-widget__controls"},N={class:"gbp-widget__body"},L={key:0,class:"gbp-widget__empty"},D={class:"gbp-widget__empty-text"},T=i({__name:"EaeraWidgetGrowthBalanceProfitChart",props:{onClosedTradeData:{default:()=>[]},dailyData:{default:()=>[]},isLoading:{type:Boolean,default:!1},showHeader:{type:Boolean,default:!0},currency:{default:"USD"}},setup(i){const T=i,{t:V}=f(),k=r("growth"),I=r("on_closed_trade"),C=o(()=>[{label:V("widget.growth-balance-profit.growth"),value:"growth"},{label:V("widget.growth-balance-profit.balance"),value:"balance"},{label:V("widget.growth-balance-profit.profit"),value:"profit"}]),P=o(()=>[{label:V("widget.growth-balance-profit.on-closed-trade"),value:"on_closed_trade"},{label:V("widget.growth-balance-profit.daily"),value:"daily"}]),U=o(()=>"daily"===I.value?T.dailyData:T.onClosedTradeData),q=o(()=>U.value.map(e=>{const t=(a=e.timestamp,new Date(a));var a;return isNaN(t.getTime())?String(e.timestamp):new Intl.DateTimeFormat("en-US",{month:"short",day:"numeric"}).format(t)})),B=o(()=>{const e=[];let t=0;for(const a of U.value)t+=Number(a.profit??0),e.push(t);return e}),E=e=>({color:e>=0?"var(--er-text-success)":"var(--er-text-danger)",borderRadius:e>=0?[4,4,0,0]:[0,0,4,4]}),j=e=>({type:"value",splitNumber:4,axisLabel:{color:"var(--er-text-muted)",fontSize:11,formatter:e},axisLine:{show:!0,lineStyle:{color:"transparent"}},axisTick:{show:!1},splitLine:{lineStyle:{color:"var(--er-border-subtle)",type:"dashed"}}}),G={type:"value",show:!1},H={left:48,right:12,top:24,bottom:56,containLabel:!0},F={type:"category",data:q.value,axisLine:{show:!1},axisTick:{show:!1},axisLabel:{color:"var(--er-text-muted)",fontSize:11}},R=o(()=>{const e=U.value;return"growth"===k.value?{tooltip:{trigger:"axis",axisPointer:{z:1}},legend:{bottom:0,textStyle:{color:"var(--er-text-muted)",fontSize:12},data:[V("widget.growth-balance-profit.balance-growth"),V("widget.growth-balance-profit.balance-change")]},grid:H,xAxis:F,yAxis:[j("{value}%"),G],series:[{name:V("widget.growth-balance-profit.balance-growth"),type:"line",yAxisIndex:0,data:e.map(e=>Number(e.balanceGrowth??0)),itemStyle:{color:"var(--er-action-primary-default)"},lineStyle:{color:"var(--er-action-primary-default)"},symbol:"circle",symbolSize:4,emphasis:{disabled:!0}},{name:V("widget.growth-balance-profit.balance-change"),type:"bar",yAxisIndex:1,emphasis:{disabled:!0},data:e.map(e=>{const t=Number(e.balanceChange??0),a=E(t);return{value:t,itemStyle:a,emphasis:{itemStyle:a}}})}]}:"balance"===k.value?{tooltip:{trigger:"axis",axisPointer:{z:1}},legend:{bottom:0,textStyle:{color:"var(--er-text-muted)",fontSize:12},data:[V("widget.growth-balance-profit.balance"),V("widget.growth-balance-profit.equity")]},grid:H,xAxis:F,yAxis:[j("{value}")],series:[{name:V("widget.growth-balance-profit.balance"),type:"line",data:e.map(e=>Number(e.balance??0)),itemStyle:{color:"var(--er-action-primary-default)"},lineStyle:{color:"var(--er-action-primary-default)"},symbol:"circle",symbolSize:4,emphasis:{disabled:!0}},{name:V("widget.growth-balance-profit.equity"),type:"line",data:e.map(e=>Number(e.equity??0)),itemStyle:{color:"var(--er-text-muted)"},lineStyle:{color:"var(--er-text-muted)"},symbol:"circle",symbolSize:4,emphasis:{disabled:!0}}]}:{tooltip:{trigger:"axis",axisPointer:{z:1}},legend:{bottom:0,textStyle:{color:"var(--er-text-muted)",fontSize:12},data:["daily"===I.value?V("widget.growth-balance-profit.profit-daily"):V("widget.growth-balance-profit.profit-trade"),V("widget.growth-balance-profit.profit")]},grid:H,xAxis:F,yAxis:[j("{value}"),G],series:[{name:"daily"===I.value?V("widget.growth-balance-profit.profit-daily"):V("widget.growth-balance-profit.profit-trade"),type:"bar",yAxisIndex:0,emphasis:{disabled:!0},data:e.map(e=>{const t=Number(e.profit??0),a=E(t);return{value:t,itemStyle:a,emphasis:{itemStyle:a}}})},{name:V("widget.growth-balance-profit.profit"),type:"line",yAxisIndex:1,data:B.value,itemStyle:{color:"var(--er-action-primary-default)"},lineStyle:{color:"var(--er-action-primary-default)"},symbol:"circle",symbolSize:4,emphasis:{disabled:!0}}]}});return(r,o)=>{const f=a,T=t,q=l("v-chart"),B=e;return n(),s("div",S,[i.showHeader?(n(),s("header",_,[d("span",z,p(c(V)("widget.growth-balance-profit.title")),1),d("div",A,[m(f,{modelValue:k.value,"onUpdate:modelValue":o[0]||(o[0]=e=>k.value=e),options:C.value,size:"lg",variant:"box"},null,8,["modelValue","options"]),m(T,{modelValue:I.value,"onUpdate:modelValue":o[1]||(o[1]=e=>I.value=e),size:"lg",options:P.value},{prefix:g(()=>[m(c(v),{class:"gbp-widget__select-icon"})]),_:1},8,["modelValue","options"])])])):u("",!0),b((n(),s("div",N,[0===U.value.length?(n(),s("div",L,[y(r.$slots,"empty",{},()=>[m(c(x),{class:"gbp-widget__empty-icon"}),d("span",D,p(c(V)("widget.growth-balance-profit.no-data")),1)])])):(n(),w(q,{key:1,"init-options":{renderer:"svg"},option:R.value,autoresize:"",class:"gbp-widget__chart"},null,8,["option"]))])),[[B,i.isLoading]])])}}});export{T as _};