@eaera-com/eaera-widgets-v2 0.1.73 → 0.1.75

package/package.json

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

package/dist/components/chunks/EaeraWidgetGrowthBalanceProfitChart-Czy9mp1p.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 l,ref as r,computed as o,resolveComponent as i,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=l({__name:"EaeraWidgetGrowthBalanceProfitChart",props:{onClosedTradeData:{default:()=>[]},dailyData:{default:()=>[]},isLoading:{type:Boolean,default:!1},showHeader:{type:Boolean,default:!0},currency:{default:"USD"}},setup(l){const T=l,{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"}]),U=o(()=>[{label:V("widget.growth-balance-profit.on-closed-trade"),value:"on_closed_trade"},{label:V("widget.growth-balance-profit.daily"),value:"daily"}]),q=o(()=>"daily"===I.value?T.dailyData:T.onClosedTradeData),B=o(()=>q.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)})),E=o(()=>{const e=[];let t=0;for(const a of q.value)t+=Number(a.profit??0),e.push(t);return e}),j=e=>({color:e>=0?"var(--er-text-success)":"var(--er-text-danger)",borderRadius:e>=0?[4,4,0,0]:[0,0,4,4]}),G=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"}}}),H={type:"value",show:!1},F={left:48,right:12,top:24,bottom:56,containLabel:!0},P={type:"category",data:B.value,axisLine:{show:!1},axisTick:{show:!1},axisLabel:{color:"var(--er-text-muted)",fontSize:11}},R=o(()=>{const e=q.value;return"growth"===k.value?{tooltip:{trigger:"axis"},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:F,xAxis:P,yAxis:[G("{value}%"),H],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=j(t);return{value:t,itemStyle:a,emphasis:{itemStyle:a}}})}]}:"balance"===k.value?{tooltip:{trigger:"axis"},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:F,xAxis:P,yAxis:[G("{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"},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:F,xAxis:P,yAxis:[G("{value}"),H],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=j(t);return{value:t,itemStyle:a,emphasis:{itemStyle:a}}})},{name:V("widget.growth-balance-profit.profit"),type:"line",yAxisIndex:1,data:E.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,B=i("v-chart"),E=e;return n(),s("div",S,[l.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:U.value},{prefix:g(()=>[m(c(v),{class:"gbp-widget__select-icon"})]),_:1},8,["modelValue","options"])])])):u("",!0),b((n(),s("div",N,[0===q.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(B,{key:1,option:R.value,autoresize:"",class:"gbp-widget__chart"},null,8,["option"]))])),[[E,l.isLoading]])])}}});export{T as _};

package/dist/components/chunks/EaeraWidgetMonthlyGainChart-DR2cG9Ku.mjs

@@ -1 +0,0 @@
-import{ElLoadingDirective as t}from"element-plus/es";import{defineComponent as e,ref as a,computed as n,resolveComponent as o,openBlock as i,createElementBlock as l,createElementVNode as r,toDisplayString as s,unref as g,renderSlot as m,normalizeClass as c,createVNode as u,createCommentVNode as d,withDirectives as y,createBlock as p}from"vue";import{useI18n as v}from"vue-i18n";import{Percent as b,DollarSign as w,BarChart3 as _}from"@lucide/vue";const x={class:"monthly-gain-widget"},f={key:0,class:"monthly-gain-widget__header"},S={class:"monthly-gain-widget__title"},N={class:"monthly-gain-widget__toggle"},$=["aria-label"],D=["aria-label"],L={class:"monthly-gain-widget__body"},k={key:0,class:"monthly-gain-widget__empty"},M={class:"monthly-gain-widget__empty-text"},T=e({__name:"EaeraWidgetMonthlyGainChart",props:{monthlyGainData:{default:()=>[]},isLoading:{type:Boolean,default:!1},showHeader:{type:Boolean,default:!0},currency:{default:"USD"}},setup(e){const T=e,{t:G}=v(),z=a("percent"),C=t=>{z.value=t},F=n(()=>[...T.monthlyGainData].map(t=>{const e=(a=t.month,new Date(a));var a;const n=isNaN(e.getTime())?String(t.month):new Intl.DateTimeFormat("en-US",{month:"short"}).format(e),o="percent"===z.value?t.percentage:t.value;return{date:e,label:n,value:Number(o??0)}}).sort((t,e)=>{const a=t.date.getTime(),n=e.date.getTime();return(isNaN(a)?1/0:a)-(isNaN(n)?1/0:n)})),U=n(()=>{const t=F.value.map(t=>Math.abs(t.value)),e=t.length>0?Math.max(...t):0;return Math.max(10*Math.ceil(e/10),10)}),A=t=>{const e=Math.abs(t),a=new Intl.NumberFormat("en-US",{maximumFractionDigits:2}).format(e),n=t>=0?"+":"-";if("percent"===z.value)return`${n}${a}%`;return`${n}${"USD"===T.currency?"$":""}${a}`},B=n(()=>{const t="percent"===z.value;return{tooltip:{trigger:"axis",axisPointer:{show:!1},valueFormatter:t=>A(t)},grid:{left:48,right:12,top:24,bottom:28,containLabel:!0},xAxis:{type:"category",data:F.value.map(t=>t.label),axisLabel:{color:"var(--er-text-muted)",fontSize:11},axisLine:{show:!1},axisTick:{show:!1}},yAxis:{type:"value",min:-U.value,max:U.value,splitNumber:4,axisLabel:{color:"var(--er-text-muted)",fontSize:11,formatter:e=>t?`${e}%`:String(e)},axisLine:{show:!0,lineStyle:{color:"transparent"}},axisTick:{show:!1},splitLine:{lineStyle:{color:"var(--er-border-subtle)",type:"dashed"}}},series:[{type:"bar",barCategoryGap:"60%",label:{show:!0,position:"top",fontSize:10,fontWeight:"bold",formatter:t=>A(t.value)},data:F.value.map(t=>{const e=t.value>=0?"var(--er-text-success)":"var(--er-text-danger)",a=t.value>=0?[4,4,0,0]:[0,0,4,4];return{value:t.value,itemStyle:{color:e,borderRadius:a},emphasis:{itemStyle:{color:e,borderRadius:a}},label:{color:e}}})}]}});return(a,n)=>{const v=o("v-chart"),T=t;return i(),l("div",x,[e.showHeader?(i(),l("header",f,[r("span",S,s(g(G)("widget.monthly-gain.title")),1),r("div",N,[m(a.$slots,"toggle",{activeView:z.value,setView:C},()=>[r("button",{type:"button",class:c(["monthly-gain-widget__toggle-btn",{"monthly-gain-widget__toggle-btn--active":"percent"===z.value}]),"aria-label":g(G)("widget.monthly-gain.percent"),onClick:n[0]||(n[0]=t=>C("percent"))},[u(g(b),{class:"monthly-gain-widget__toggle-icon"})],10,$),r("button",{type:"button",class:c(["monthly-gain-widget__toggle-btn",{"monthly-gain-widget__toggle-btn--active":"currency"===z.value}]),"aria-label":g(G)("widget.monthly-gain.currency"),onClick:n[1]||(n[1]=t=>C("currency"))},[u(g(w),{class:"monthly-gain-widget__toggle-icon"})],10,D)])])])):d("",!0),y((i(),l("div",L,[0===e.monthlyGainData.length?(i(),l("div",k,[m(a.$slots,"empty",{},()=>[u(g(_),{class:"monthly-gain-widget__empty-icon"}),r("span",M,s(g(G)("widget.monthly-gain.no-data")),1)])])):(i(),p(v,{key:1,option:B.value,autoresize:"",class:"monthly-gain-widget__chart"},null,8,["option"]))])),[[T,e.isLoading]])])}}});export{T as _};

package/dist/components/chunks/EaeraWidgetTradeVolumeStatistics-BLr-0y-O.mjs

@@ -1 +0,0 @@
-import{ElLoadingDirective as e}from"element-plus/es";import{defineComponent as t,ref as a,computed as l,resolveComponent as o,openBlock as r,createElementBlock as i,createElementVNode as d,toDisplayString as s,unref as u,renderSlot as m,normalizeClass as n,createVNode as g,createCommentVNode as v,withDirectives as c,createBlock as w}from"vue";import{useI18n as p}from"vue-i18n";import{BarChart3 as y,CalendarDays as _}from"@lucide/vue";const b={class:"trade-volume-widget"},f={key:0,class:"trade-volume-widget__header"},D={class:"trade-volume-widget__title"},x={class:"trade-volume-widget__toggle"},k=["aria-label"],N=["aria-label"],S={class:"trade-volume-widget__body"},T={key:0,class:"trade-volume-widget__empty"},V={class:"trade-volume-widget__empty-text"},L=t({__name:"EaeraWidgetTradeVolumeStatistics",props:{tradeVolumeData:{default:()=>[]},isLoading:{type:Boolean,default:!1},showHeader:{type:Boolean,default:!0},currency:{default:"USD"}},setup(t){const L=t,{t:$}=p(),A=a("daily"),C=e=>{A.value=e},F=e=>new Date(e),M=e=>{const t=new Date(e.getFullYear(),e.getMonth(),e.getDate()),a=t.getDay(),l=0===a?-6:1-a;return t.setDate(t.getDate()+l),t},z=e=>new Intl.DateTimeFormat("en-US",{month:"short",day:"numeric"}).format(e),B=l(()=>{const e=L.tradeVolumeData;if("weekly"===A.value){const t=new Map;for(const a of e){const e=F(a.date);if(isNaN(e.getTime()))continue;const l=M(e),o=`${l.getFullYear()}-${l.getMonth()}-${l.getDate()}`,r=t.get(o);r?r.volume+=Number(a.volume??0):t.set(o,{date:l,volume:Number(a.volume??0)})}return Array.from(t.values()).sort((e,t)=>e.date.getTime()-t.date.getTime()).map(({date:e,volume:t})=>({label:z(e),value:t}))}return e.map(e=>{const t=F(e.date);return{label:isNaN(t.getTime())?String(e.date):String(t.getDate()),value:Number(e.volume??0)}})}),H=l(()=>({tooltip:{trigger:"axis",axisPointer:{type:"shadow"}},xAxis:{type:"category",data:B.value.map(e=>e.label),axisLabel:{color:"var(--er-text-muted)",fontSize:11},axisLine:{show:!1},axisTick:{show:!1}},yAxis:{type:"value",show:!1},series:[{type:"bar",data:B.value.map(e=>e.value),barCategoryGap:"60%",itemStyle:{color:"var(--er-action-primary-default)",borderRadius:[4,4,0,0]}}],grid:{left:0,right:12,top:16,bottom:28,containLabel:!1}}));return(a,l)=>{const p=o("v-chart"),L=e;return r(),i("div",b,[t.showHeader?(r(),i("header",f,[d("span",D,s(u($)("widget.trade-volume.title")),1),d("div",x,[m(a.$slots,"toggle",{activeView:A.value,setView:C},()=>[d("button",{type:"button",class:n(["trade-volume-widget__toggle-btn",{"trade-volume-widget__toggle-btn--active":"daily"===A.value}]),"aria-label":u($)("widget.trade-volume.daily"),onClick:l[0]||(l[0]=e=>C("daily"))},[g(u(y),{class:"trade-volume-widget__toggle-icon"})],10,k),d("button",{type:"button",class:n(["trade-volume-widget__toggle-btn",{"trade-volume-widget__toggle-btn--active":"weekly"===A.value}]),"aria-label":u($)("widget.trade-volume.weekly"),onClick:l[1]||(l[1]=e=>C("weekly"))},[g(u(_),{class:"trade-volume-widget__toggle-icon"})],10,N)])])])):v("",!0),c((r(),i("div",S,[0===t.tradeVolumeData.length?(r(),i("div",T,[m(a.$slots,"empty",{},()=>[g(u(y),{class:"trade-volume-widget__empty-icon"}),d("span",V,s(u($)("widget.trade-volume.no-data")),1)])])):(r(),w(p,{key:1,option:H.value,autoresize:"",class:"trade-volume-widget__chart"},null,8,["option"]))])),[[L,t.isLoading]])])}}});export{L as _};