@nhattest1/eaera-widgets-v2 0.0.0-test.1

package/dist/components/custom/EaeraWidgetTradeVolumeStatistics.mjs

@@ -0,0 +1 @@
+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 u,unref as s,normalizeClass as m,createVNode as n,createCommentVNode as g,withDirectives as v,renderSlot as c,createBlock as p}from"vue";import{useI18n as w}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"},L={class:"trade-volume-widget__empty-text"},V=t({__name:"EaeraWidgetTradeVolumeStatistics",props:{tradeVolumeData:{default:()=>[]},isLoading:{type:Boolean,default:!1},showHeader:{type:Boolean,default:!0},currency:{default:"USD"}},setup(t){const V=t,{t:$}=w(),A=a("daily"),C=e=>new Date(e),F=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},M=e=>new Intl.DateTimeFormat("en-US",{month:"short",day:"numeric"}).format(e),z=l(()=>{const e=V.tradeVolumeData;if("weekly"===A.value){const t=new Map;for(const a of e){const e=C(a.date);if(isNaN(e.getTime()))continue;const l=F(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:M(e),value:t}))}return e.map(e=>{const t=C(e.date);return{label:isNaN(t.getTime())?String(e.date):String(t.getDate()),value:Number(e.volume??0)}})}),B=l(()=>({tooltip:{trigger:"axis",axisPointer:{type:"shadow"}},xAxis:{type:"category",data:z.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:z.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 w=o("v-chart"),V=e;return r(),i("div",b,[t.showHeader?(r(),i("header",f,[d("span",D,u(s($)("widget.trade-volume.title")),1),d("div",x,[d("button",{type:"button",class:m(["trade-volume-widget__toggle-btn",{"trade-volume-widget__toggle-btn--active":"daily"===A.value}]),"aria-label":s($)("widget.trade-volume.daily"),onClick:l[0]||(l[0]=e=>A.value="daily")},[n(s(y),{class:"trade-volume-widget__toggle-icon"})],10,k),d("button",{type:"button",class:m(["trade-volume-widget__toggle-btn",{"trade-volume-widget__toggle-btn--active":"weekly"===A.value}]),"aria-label":s($)("widget.trade-volume.weekly"),onClick:l[1]||(l[1]=e=>A.value="weekly")},[n(s(_),{class:"trade-volume-widget__toggle-icon"})],10,N)])])):g("",!0),v((r(),i("div",S,[0===t.tradeVolumeData.length?(r(),i("div",T,[c(a.$slots,"empty",{},()=>[n(s(y),{class:"trade-volume-widget__empty-icon"}),d("span",L,u(s($)("widget.trade-volume.no-data")),1)])])):(r(),p(w,{key:1,option:B.value,autoresize:"",class:"trade-volume-widget__chart"},null,8,["option"]))])),[[V,t.isLoading]])])}}});export{V as default};

package/dist/components/vite.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

package/dist/components/webtrade/EaeraCfdOrderPlacement/index.d.ts

@@ -0,0 +1,29 @@
+import { IEaeraOrderPlacementProps } from './type';
+import { IOrderSubmitPayload } from '../../../types/EaeraCfdOrderPlacement';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const _default: DefineComponent<IEaeraOrderPlacementProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:price": (value: number) => any;
+    "update:stopLimitPrice": (value: number) => any;
+    submit: (payload: IOrderSubmitPayload) => any;
+    "update:volume": (value: number) => any;
+    "update:advanced": (value: boolean) => any;
+    "update:stopLossEnabled": (value: boolean) => any;
+    "update:stopLossValue": (value: number) => any;
+    "update:takeProfitEnabled": (value: boolean) => any;
+    "update:takeProfitValue": (value: number) => any;
+    "update:comment": (value: string) => any;
+    "update:orderType": (value: string) => any;
+}, string, PublicProps, Readonly<IEaeraOrderPlacementProps> & Readonly<{
+    "onUpdate:price"?: ((value: number) => any) | undefined;
+    "onUpdate:stopLimitPrice"?: ((value: number) => any) | undefined;
+    onSubmit?: ((payload: IOrderSubmitPayload) => any) | undefined;
+    "onUpdate:volume"?: ((value: number) => any) | undefined;
+    "onUpdate:advanced"?: ((value: boolean) => any) | undefined;
+    "onUpdate:stopLossEnabled"?: ((value: boolean) => any) | undefined;
+    "onUpdate:stopLossValue"?: ((value: number) => any) | undefined;
+    "onUpdate:takeProfitEnabled"?: ((value: boolean) => any) | undefined;
+    "onUpdate:takeProfitValue"?: ((value: number) => any) | undefined;
+    "onUpdate:comment"?: ((value: string) => any) | undefined;
+    "onUpdate:orderType"?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/components/webtrade/EaeraCfdOrderPlacement/type.d.ts

@@ -0,0 +1,21 @@
+import { ISymbolInfo, IOrderForm, IOrderType, ISymbolStateInfo, IOrderSubmitPayload } from '../../../types/EaeraCfdOrderPlacement';
+export interface IEaeraOrderPlacementProps {
+    symbolInfo: ISymbolInfo;
+    symbolState: ISymbolStateInfo;
+    form: IOrderForm;
+    orderTypes: IOrderType[];
+    readOnly: boolean;
+}
+export interface IEaeraOrderPlacementEmits {
+    'update:orderType': [value: string];
+    'update:price': [value: number];
+    'update:stopLimitPrice': [value: number];
+    'update:volume': [value: number];
+    'update:advanced': [value: boolean];
+    'update:stopLossEnabled': [value: boolean];
+    'update:stopLossValue': [value: number];
+    'update:takeProfitEnabled': [value: boolean];
+    'update:takeProfitValue': [value: number];
+    'update:comment': [value: string];
+    submit: [payload: IOrderSubmitPayload];
+}

package/dist/components/webtrade/EaeraCfdOrderPlacement/useEaeraOrderPlacement.d.ts

@@ -0,0 +1,23 @@
+import { ComputedRef, Ref } from 'vue';
+import { IOrderForm, IOrderType, ISymbolStateInfo } from '../../../types/EaeraCfdOrderPlacement';
+export declare function useEaeraOrderPlacement(form: ComputedRef<IOrderForm>, orderTypes: ComputedRef<IOrderType[]>, symbolState: ComputedRef<ISymbolStateInfo>, readOnly: ComputedRef<boolean>): {
+    showUnsupportedWarning: Ref<boolean, boolean>;
+    handleOrderTypeChange: (value: string, emit: (v: string) => void) => void;
+    isMarket: ComputedRef<boolean>;
+    orderTypeLabel: ComputedRef<string>;
+    orderTypeOptions: ComputedRef<{
+        label: string;
+        value: string;
+    }[]>;
+    isTradable: ComputedRef<boolean>;
+    isPriceRequired: ComputedRef<boolean>;
+    isPriceInvalid: ComputedRef<boolean>;
+    isVolumeInvalid: ComputedRef<boolean>;
+    showPriceError: ComputedRef<boolean>;
+    canSubmit: ComputedRef<boolean>;
+    isFieldBlocked: (field: string) => boolean;
+    canEditOrder: ComputedRef<boolean>;
+    handleBuy: (emitSubmit: () => void) => void;
+    handleSell: (emitSubmit: () => void) => void;
+    handleSubmit: (emitSubmit: () => void) => void;
+};

package/dist/components/webtrade/EaeraCfdOrderPlacement.d.ts

@@ -0,0 +1,3 @@
+export { default } from './EaeraCfdOrderPlacement/index';
+export * from './EaeraCfdOrderPlacement/type';
+export * from './EaeraCfdOrderPlacement/useEaeraOrderPlacement';

package/dist/components/webtrade/EaeraCfdOrderPlacement.mjs

@@ -0,0 +1 @@
+import{_ as e}from"../chunks/EaeraDivider-Dggvc36a.mjs";import{_ as a}from"../chunks/EaeraButton-DGfjUoa6.mjs";import{_ as l}from"../chunks/EaeraSelect-C25XUlir.mjs";import{defineComponent as s,computed as t,openBlock as o,createElementBlock as r,createElementVNode as d,normalizeClass as i,createVNode as n,createCommentVNode as p,toDisplayString as m,unref as u,createTextVNode as c,Fragment as x,ref as b,withCtx as v}from"vue";import{_ as f}from"../chunks/EaeraInputNumber-CT5nnbWb.mjs";import{Info as y,TriangleAlert as k,Ban as g,Send as E}from"@lucide/vue";import{_ as P}from"../chunks/EaeraInput-CkbcAxy0.mjs";import{_ as L}from"../chunks/EaeraCheckbox-C_faN0pV.mjs";import{_ as w}from"../chunks/EaeraSwitch-BI3E0zPf.mjs";import"element-plus";import"element-plus/es";import"../chunks/EaeraSpinner-DzMwUlR7.mjs";import"../chunks/eventListener-o1XlgLVq.mjs";const _={key:0,class:"flex flex-row gap-lg w-full"},V={key:0,class:"flex flex-col gap-xs flex-1 min-w-0"},T={key:1,class:"flex flex-col gap-xs flex-1 min-w-0"},B=s({__name:"OrderPriceRow",props:{orderType:{},price:{},stopLimitPrice:{},priceError:{type:Boolean},disabled:{type:Boolean}},emits:["update:price","update:stopLimitPrice"],setup(e,{emit:a}){const l=e,s=a,m=["buy_stop_limit","sell_stop_limit"],u=["market"],c=t(()=>!u.includes(l.orderType)),x=t(()=>m.includes(l.orderType));return(a,l)=>{const t=f;return c.value||x.value?(o(),r("div",_,[c.value?(o(),r("div",V,[d("span",{class:i(["text-label-md",e.priceError?"text-[var(--er-text-danger)]":"text-[var(--er-text-primary)]"])}," Price ",2),n(t,{value:e.price,placeholder:"0",controls:!0,size:"sm","other-props":{min:0,step:1e-5,disabled:e.disabled},class:i(["w-full",e.priceError?"ring-1 ring-[var(--er-text-danger)]":""]),onHandleChange:l[0]||(l[0]=e=>s("update:price",e??0))},null,8,["value","other-props","class"])])):p("",!0),x.value?(o(),r("div",T,[l[2]||(l[2]=d("span",{class:"text-label-md text-[var(--er-text-primary)]"},"Stop Limit Price",-1)),n(t,{value:e.stopLimitPrice,placeholder:"0",controls:!0,size:"sm","other-props":{min:0,step:1e-5,disabled:e.disabled},class:"w-full",onHandleChange:l[1]||(l[1]=e=>s("update:stopLimitPrice",e??0))},null,8,["value","other-props"])])):p("",!0)])):p("",!0)}}}),z={class:"flex flex-col gap-xs w-full"},U={class:"flex items-center justify-between"},S={class:"flex items-center gap-1"},I={class:"text-body-xs text-[var(--er-text-secondary)]"},C={class:"text-body-xs text-[var(--er-text-secondary)]"},O=s({__name:"OrderVolumeRow",props:{volume:{},symbol:{},margin:{},pipValue:{},marginBlocked:{type:Boolean},pipBlocked:{type:Boolean},disabled:{type:Boolean}},emits:["update:volume"],setup(e,{emit:a}){const l=a;return(a,s)=>{const t=f;return o(),r("div",z,[d("div",U,[s[1]||(s[1]=d("span",{class:"text-label-md text-[var(--er-text-primary)]"},"Volume",-1)),d("div",S,[d("span",I,m(e.symbol),1),n(u(y),{size:12,class:"text-[var(--er-icon-secondary)]"})])]),n(t,{value:e.volume,placeholder:"0",controls:!0,size:"sm","other-props":{min:0,step:.01,disabled:e.disabled},class:"w-full",onHandleChange:s[0]||(s[0]=e=>l("update:volume",e??0))},null,8,["value","other-props"]),d("span",C,[s[2]||(s[2]=c(" Margin ",-1)),d("span",{class:i(e.marginBlocked?"text-[var(--er-text-muted)]":"")},m(e.marginBlocked?"—":e.margin),3),s[3]||(s[3]=c(" / Pip Value ",-1)),d("span",{class:i(e.pipBlocked?"text-[var(--er-text-muted)]":"")},m(e.pipBlocked?"—":e.pipValue),3)])])}}}),j={class:"flex flex-col gap-md w-full"},H={class:"flex items-center gap-xs"},M={class:"flex flex-row gap-lg w-full"},A={class:"flex flex-col gap-xs flex-1 min-w-0"},F={class:"flex items-center gap-xs"},q={class:"flex flex-col gap-xs flex-1 min-w-0"},R={class:"flex items-center justify-end gap-xs"},W={class:"flex flex-col gap-xs w-full"},N={class:"flex items-center gap-xs"},Y={class:"text-body-xs text-[var(--er-text-secondary)] ml-auto"},D=s({__name:"OrderAdvancedPanel",props:{advanced:{type:Boolean},stopLossEnabled:{type:Boolean},stopLossValue:{},takeProfitEnabled:{type:Boolean},takeProfitValue:{},comment:{},commentMax:{},disabled:{type:Boolean}},emits:["update:advanced","update:stopLossEnabled","update:stopLossValue","update:takeProfitEnabled","update:takeProfitValue","update:comment"],setup(e,{emit:a}){const l=a;return(a,s)=>{const t=w,i=L,u=f,c=P;return o(),r("div",j,[d("div",H,[s[6]||(s[6]=d("span",{class:"text-label-md text-[var(--er-text-brand)]"},"Advanced",-1)),n(t,{"model-value":e.advanced,size:"sm",disabled:e.disabled,"onUpdate:modelValue":s[0]||(s[0]=e=>l("update:advanced",e))},null,8,["model-value","disabled"])]),e.advanced?(o(),r(x,{key:0},[d("div",M,[d("div",A,[d("div",F,[n(i,{"model-value":e.stopLossEnabled,size:"sm",color:"success",disabled:e.disabled,"onUpdate:modelValue":s[1]||(s[1]=e=>l("update:stopLossEnabled",e))},null,8,["model-value","disabled"]),s[7]||(s[7]=d("span",{class:"text-label-md text-[var(--er-text-primary)]"},"Stop Loss",-1))]),n(u,{value:e.stopLossValue,placeholder:"0",controls:!0,size:"sm","other-props":{min:0,step:1e-5,disabled:e.disabled||!e.stopLossEnabled},class:"w-full",onHandleChange:s[2]||(s[2]=e=>l("update:stopLossValue",e??0))},null,8,["value","other-props"])]),d("div",q,[d("div",R,[s[8]||(s[8]=d("span",{class:"text-label-md text-[var(--er-text-primary)]"},"Take Profit",-1)),n(i,{"model-value":e.takeProfitEnabled,size:"sm",disabled:e.disabled,"onUpdate:modelValue":s[3]||(s[3]=e=>l("update:takeProfitEnabled",e))},null,8,["model-value","disabled"])]),n(u,{value:e.takeProfitValue,placeholder:"0",controls:!0,size:"sm","other-props":{min:0,step:1e-5,disabled:e.disabled||!e.takeProfitEnabled},class:"w-full",onHandleChange:s[4]||(s[4]=e=>l("update:takeProfitValue",e??0))},null,8,["value","other-props"])])]),d("div",W,[d("div",N,[s[9]||(s[9]=d("span",{class:"text-label-md text-[var(--er-text-primary)]"},"Comment",-1)),d("span",Y,m((e.comment||"").length)+"/"+m(e.commentMax),1)]),n(c,{value:e.comment,placeholder:"Add comment",size:"sm",disabled:e.disabled,class:"w-full",onHandleChange:s[5]||(s[5]=e=>l("update:comment",e))},null,8,["value","disabled"])])],64)):p("",!0)])}}}),G=["market","buy_limit","sell_limit","buy_stop","sell_stop","buy_stop_limit","sell_stop_limit"];function J(e,a,l,s){const o=b(!1),r=b(!1),d=t(()=>"market"===e.value.orderType),i=t(()=>{const l=a.value.find(a=>a.value===e.value.orderType);return l?.label??e.value.orderType}),n=t(()=>a.value.map(e=>({label:e.label,value:e.value}))),p=t(()=>l.value.isTradable),m=t(()=>!d.value),u=t(()=>m.value&&e.value.price<=0),c=t(()=>e.value.volume<=0),x=t(()=>!s.value&&p.value&&!c.value&&!u.value),v=t(()=>r.value&&u.value),f=e=>{r.value=!0,x.value&&(r.value=!1,e())},y=t(()=>!s.value&&p.value);return{showUnsupportedWarning:o,handleOrderTypeChange:(e,a)=>{if(!(e=>G.includes(e))(e))return o.value=!0,void setTimeout(()=>{o.value=!1},3e3);o.value=!1,a(e)},isMarket:d,orderTypeLabel:i,orderTypeOptions:n,isTradable:p,isPriceRequired:m,isPriceInvalid:u,isVolumeInvalid:c,showPriceError:v,canSubmit:x,isFieldBlocked:e=>l.value.blockedFields.includes(e),canEditOrder:y,handleBuy:e=>{f(e)},handleSell:e=>{f(e)},handleSubmit:e=>{f(e)}}}const K={class:"flex flex-col gap-md w-full"},Q={key:0,class:"flex items-center gap-xs bg-[var(--er-surface-warning)] rounded-sm p-sm"},X={class:"flex items-center gap-xs text-body-sm text-[var(--er-text-warning)]"},Z={class:"flex flex-col gap-md w-full"},$={key:0,class:"flex items-center gap-xs bg-[var(--er-surface-warning)] rounded-sm p-sm"},ee={class:"flex items-center gap-xs text-body-sm text-[var(--er-text-warning)]"},ae={key:1,class:"flex items-center gap-xs text-body-xs text-[var(--er-text-danger)]"},le={key:2,class:"flex items-center gap-xs"},se={key:3,class:"flex flex-row gap-md w-full"},te={class:"flex flex-col"},oe={class:"text-body-xs opacity-80"},re={class:"flex flex-col"},de={class:"text-body-xs opacity-80"},ie={key:4,class:"flex flex-row gap-sm w-full"},ne={key:5,class:"flex items-center justify-center gap-xs bg-[var(--er-surface-danger)] rounded-sm p-sm"},pe={class:"flex items-center gap-xs text-body-sm text-[var(--er-text-danger)]"},me={key:6},ue={class:"flex items-center gap-xs"},ce=s({__name:"index",props:{symbolInfo:{},symbolState:{},form:{},orderTypes:{},readOnly:{type:Boolean}},emits:["update:orderType","update:price","update:stopLimitPrice","update:volume","update:advanced","update:stopLossEnabled","update:stopLossValue","update:takeProfitEnabled","update:takeProfitValue","update:comment","submit"],setup(s,{emit:x}){const b=s,f=x,y=t(()=>b.form),P=t(()=>b.orderTypes),L=t(()=>b.symbolState),w=t(()=>b.readOnly),_=t(()=>b.readOnly),{showUnsupportedWarning:V,handleOrderTypeChange:T,isMarket:z,orderTypeLabel:U,orderTypeOptions:S,isTradable:I,showPriceError:C,isFieldBlocked:j,canEditOrder:H,handleBuy:M,handleSell:A,handleSubmit:F}=J(y,P,L,w),q=e=>{T(e,e=>f("update:orderType",e))},R=e=>String(e).replace(",","."),W=e=>{const a=b.form,l="market"===a.orderType,s=R(l?"buy"===e?b.symbolInfo.ask:b.symbolInfo.bid:a.price);return{side:e,symbol:b.symbolInfo.symbol,orderType:a.orderType,volume:a.volume,executionPrice:s,stopLoss:a.stopLossEnabled?a.stopLossValue:void 0,takeProfit:a.takeProfitEnabled?a.takeProfitValue:void 0,comment:a.comment}},N=e=>{"buy"===e?M(()=>f("submit",W("buy"))):A(()=>f("submit",W("sell")))},Y=()=>{const e=b.form.orderType.startsWith("sell_")?"sell":"buy";F(()=>f("submit",W(e)))};return(t,x)=>{const b=l,y=a,P=e;return o(),r("div",K,[u(V)?(o(),r("div",Q,[d("div",X,[n(u(k),{size:14}),x[13]||(x[13]=d("span",null,"Unsupported order type requested. Staying on previous type.",-1))])])):p("",!0),d("div",Z,[_.value?(o(),r("div",$,[d("div",ee,[n(u(k),{size:14}),x[14]||(x[14]=d("span",null,"No active account selected — trading actions are unavailable.",-1))])])):p("",!0),n(b,{"model-value":s.form.orderType,options:u(S),size:"sm",class:"w-full",disabled:!u(H),"onUpdate:modelValue":q},null,8,["model-value","options","disabled"]),n(B,{"order-type":s.form.orderType,price:s.form.price,"stop-limit-price":s.form.stopLimitPrice,"price-error":u(C),disabled:!u(H),"onUpdate:price":x[0]||(x[0]=e=>u(H)&&f("update:price",e)),"onUpdate:stopLimitPrice":x[1]||(x[1]=e=>u(H)&&f("update:stopLimitPrice",e))},null,8,["order-type","price","stop-limit-price","price-error","disabled"]),u(C)?(o(),r("div",ae,[n(u(k),{size:14}),d("span",null,"Price is required for "+m(u(U)),1)])):p("",!0),u(z)?p("",!0):(o(),r("div",le,[x[15]||(x[15]=d("span",{class:"text-caption-sm text-[var(--er-text-primary)]"},"Bid",-1)),d("span",{class:i(["text-body-xs",u(j)("bid")?"text-[var(--er-text-muted)]":"text-[var(--er-text-secondary)]"])},m(u(j)("bid")?"—":s.symbolInfo.bid),3),x[16]||(x[16]=d("span",{class:"text-body-xs text-[var(--er-text-secondary)]"},"/",-1)),x[17]||(x[17]=d("span",{class:"text-caption-sm text-[var(--er-text-primary)]"},"Ask",-1)),d("span",{class:i(["text-body-xs",u(j)("ask")?"text-[var(--er-text-muted)]":"text-[var(--er-text-secondary)]"])},m(u(j)("ask")?"—":s.symbolInfo.ask),3)])),n(O,{volume:s.form.volume,symbol:s.symbolInfo.symbol,margin:s.symbolInfo.margin,"pip-value":s.symbolInfo.pipValue,"margin-blocked":u(j)("margin"),"pip-blocked":u(j)("pipValue"),disabled:!u(H),"onUpdate:volume":x[2]||(x[2]=e=>u(H)&&f("update:volume",e))},null,8,["volume","symbol","margin","pip-value","margin-blocked","pip-blocked","disabled"]),u(z)&&!s.form.advancedEnabled?(o(),r("div",se,[n(y,{color:"danger",size:"lg",class:"flex-1 flex-col !h-auto py-sm",disabled:!u(H),onClick:x[3]||(x[3]=e=>N("sell"))},{default:v(()=>[d("div",te,[x[18]||(x[18]=d("span",{class:"text-label-lg"},"SELL",-1)),d("span",oe,m(u(j)("bid")?"—":s.symbolInfo.bid),1)])]),_:1},8,["disabled"]),n(y,{color:"success",size:"lg",class:"flex-1 flex-col !h-auto py-sm",disabled:!u(H),onClick:x[4]||(x[4]=e=>N("buy"))},{default:v(()=>[d("div",re,[x[19]||(x[19]=d("span",{class:"text-label-lg"},"BUY",-1)),d("span",de,m(u(j)("ask")?"—":s.symbolInfo.ask),1)])]),_:1},8,["disabled"])])):p("",!0),u(z)&&s.form.advancedEnabled?(o(),r("div",ie,[n(y,{color:"danger",size:"md",class:"flex-1",disabled:!u(H),onClick:x[5]||(x[5]=e=>N("sell"))},{default:v(()=>[...x[20]||(x[20]=[c(" SELL ",-1)])]),_:1},8,["disabled"]),n(y,{color:"success",size:"md",class:"flex-1",disabled:!u(H),onClick:x[6]||(x[6]=e=>N("buy"))},{default:v(()=>[...x[21]||(x[21]=[c(" BUY ",-1)])]),_:1},8,["disabled"])])):p("",!0),n(P,{class:"m-0"}),n(D,{advanced:s.form.advancedEnabled,"stop-loss-enabled":s.form.stopLossEnabled,"stop-loss-value":s.form.stopLossValue,"take-profit-enabled":s.form.takeProfitEnabled,"take-profit-value":s.form.takeProfitValue,comment:s.form.comment,"comment-max":s.form.commentMaxLength,disabled:!u(H),"onUpdate:advanced":x[7]||(x[7]=e=>u(H)&&f("update:advanced",e)),"onUpdate:stopLossEnabled":x[8]||(x[8]=e=>u(H)&&f("update:stopLossEnabled",e)),"onUpdate:stopLossValue":x[9]||(x[9]=e=>u(H)&&f("update:stopLossValue",e)),"onUpdate:takeProfitEnabled":x[10]||(x[10]=e=>u(H)&&f("update:takeProfitEnabled",e)),"onUpdate:takeProfitValue":x[11]||(x[11]=e=>u(H)&&f("update:takeProfitValue",e)),"onUpdate:comment":x[12]||(x[12]=e=>u(H)&&f("update:comment",e))},null,8,["advanced","stop-loss-enabled","stop-loss-value","take-profit-enabled","take-profit-value","comment","comment-max","disabled"]),u(I)?p("",!0):(o(),r("div",ne,[d("div",pe,[n(u(g),{size:14}),d("span",null,m(s.symbolInfo.symbol)+" is not tradable — order submission blocked",1)])])),!u(z)||s.form.advancedEnabled?(o(),r("div",me,[n(y,{color:"success",size:"lg",disabled:!u(H),class:"w-full",onClick:Y},{default:v(()=>[d("div",ue,[n(u(E)),x[22]||(x[22]=d("span",null,"Send Order",-1))])]),_:1},8,["disabled"])])):p("",!0)])])}}});export{ce as default,J as useEaeraOrderPlacement};

package/dist/components/webtrade/EaeraCfdWatchlist/index.d.ts

@@ -0,0 +1,14 @@
+import { IEaeraWatchlistProps } from './type';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const _default: DefineComponent<IEaeraWatchlistProps, {
+    resetCategory: () => void;
+    resetSort: () => void;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    selectSymbol: (value: string) => any;
+}, string, PublicProps, Readonly<IEaeraWatchlistProps> & Readonly<{
+    onSelectSymbol?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
+    panelBodyRef: HTMLDivElement;
+    filterControlsRef: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;

package/dist/components/webtrade/EaeraCfdWatchlist/type.d.ts

@@ -0,0 +1,13 @@
+import { IWatchlistSymbol } from '../../../types/EaeraCfdWatchlist';
+export type TWatchlistSortDirection = 'asc' | 'desc';
+export type TWatchlistSort = {
+    key?: keyof IWatchlistSymbol | string;
+    direction?: TWatchlistSortDirection;
+};
+export interface IEaeraWatchlistProps {
+    symbols: IWatchlistSymbol[];
+    selectedSymbol: string;
+}
+export interface IEaeraWatchlistEmits {
+    selectSymbol: [value: string];
+}

package/dist/components/webtrade/EaeraCfdWatchlist/useEaeraWatchlist.d.ts

@@ -0,0 +1,131 @@
+import { IWatchlistSymbol, TWatchlistCategory } from '../../../types/EaeraCfdWatchlist';
+import { TWatchlistSort, TWatchlistSortDirection } from './type';
+import { Ref, ComputedRef, ShallowRef } from 'vue';
+declare const UNAVAILABLE_VIEW = "archived-commodities";
+type TWatchlistView = 'all' | 'favorites' | TWatchlistCategory | typeof UNAVAILABLE_VIEW | string;
+interface IWatchlistViewOption {
+    label: string;
+    value: TWatchlistView;
+    available?: boolean;
+}
+export declare function useEaeraWatchlist(symbols: () => IWatchlistSymbol[], selectedSymbol: () => string): {
+    selectedView: Ref<string, string>;
+    viewSelectRenderKey: Ref<number, number>;
+    searchText: Ref<string, string>;
+    sorting: Ref<{
+        key?: (keyof IWatchlistSymbol | string) | undefined;
+        direction?: TWatchlistSortDirection | undefined;
+    }, TWatchlistSort | {
+        key?: (keyof IWatchlistSymbol | string) | undefined;
+        direction?: TWatchlistSortDirection | undefined;
+    }>;
+    viewNotice: Ref<string, string>;
+    createListDialogVisible: Ref<boolean, boolean>;
+    newListName: Ref<string, string>;
+    newListSymbols: Ref<string[], string[]>;
+    createListError: Ref<string, string>;
+    addToListDialogVisible: Ref<boolean, boolean>;
+    symbolPendingListAdd: Ref<{
+        id: string;
+        symbol: string;
+        name: string;
+        bid: string;
+        ask: string;
+        spread: string;
+        lastPrice: string;
+        volume: string;
+        marketStatus: "open" | "closed";
+        category: TWatchlistCategory;
+        baseFlag?: string | undefined;
+        quoteFlag?: string | undefined;
+        badge?: string | undefined;
+        badgeTone?: ("neutral" | "warning" | "info") | undefined;
+        isFavorite?: boolean | undefined;
+    } | null, IWatchlistSymbol | {
+        id: string;
+        symbol: string;
+        name: string;
+        bid: string;
+        ask: string;
+        spread: string;
+        lastPrice: string;
+        volume: string;
+        marketStatus: "open" | "closed";
+        category: TWatchlistCategory;
+        baseFlag?: string | undefined;
+        quoteFlag?: string | undefined;
+        badge?: string | undefined;
+        badgeTone?: ("neutral" | "warning" | "info") | undefined;
+        isFavorite?: boolean | undefined;
+    } | null>;
+    selectedCustomListId: Ref<string | undefined, string | undefined>;
+    addToListMessage: Ref<string, string>;
+    canAddToCustomList: ComputedRef<boolean>;
+    panelBodyRef: ShallowRef<HTMLElement | null, HTMLElement | null>;
+    filterControlsRef: ShallowRef<HTMLElement | null, HTMLElement | null>;
+    viewOptions: ComputedRef<IWatchlistViewOption[]>;
+    tableFields: ({
+        key: string;
+        label: string;
+        sortable: boolean;
+        sort_key: string;
+        minWidth: number;
+        customHeaderClass: string;
+        headerLabelClass: string;
+        cellClass: string;
+        align: string;
+        width?: undefined;
+    } | {
+        key: string;
+        label: string;
+        sortable: boolean;
+        sort_key: string;
+        width: number;
+        align: string;
+        customHeaderClass: string;
+        headerLabelClass: string;
+        cellClass: string;
+        minWidth?: undefined;
+    })[];
+    symbolOptions: ComputedRef<{
+        label: string;
+        value: string;
+    }[]>;
+    customListOptions: ComputedRef<{
+        label: string;
+        value: string;
+    }[]>;
+    customListSelectOptions: ComputedRef<{
+        label: string;
+        value: string;
+    }[]>;
+    hasSelectedCustomList: () => boolean;
+    tableHeight: ComputedRef<number | undefined>;
+    tableRows: ComputedRef<IWatchlistSymbol[]>;
+    emptyStateMessage: ComputedRef<string>;
+    handleSymbolChange: (value: string, emitSelect: (value: string) => void) => void;
+    handleSearchChange: (value: string) => void;
+    clearSearch: () => void;
+    handleViewChange: (value: TWatchlistView) => void;
+    handleRowClick: (row: IWatchlistSymbol, emitSelect: (value: string) => void) => void;
+    handleSortChanged: (sort: TWatchlistSort) => void;
+    getRowClass: ({ row }: {
+        row: IWatchlistSymbol;
+    }) => "watchlist-row is-active" | "watchlist-row";
+    sortDirection: (sortKey: string) => TWatchlistSortDirection | undefined;
+    baseIcon: (item: IWatchlistSymbol) => string;
+    quoteIcon: (item: IWatchlistSymbol) => string;
+    toggleFavorite: (item: IWatchlistSymbol) => void;
+    openCreateListDialog: () => void;
+    closeCreateListDialog: () => void;
+    handleNewListNameChange: (value: string) => void;
+    handleNewListSymbolsChange: (value: string[] | string) => void;
+    createCustomList: () => void;
+    openAddToListDialog: (item: IWatchlistSymbol) => void;
+    closeAddToListDialog: () => void;
+    handleSelectedCustomListChange: (value: string) => void;
+    addSymbolToSelectedList: () => void;
+    resetCategory: () => void;
+    resetSort: () => void;
+};
+export {};

package/dist/components/webtrade/EaeraCfdWatchlist.d.ts

@@ -0,0 +1,3 @@
+export { default } from './EaeraCfdWatchlist/index';
+export * from './EaeraCfdWatchlist/type';
+export * from './EaeraCfdWatchlist/useEaeraWatchlist';

package/dist/components/webtrade/EaeraCfdWatchlist.mjs

@@ -0,0 +1 @@
+import{_ as e}from"../chunks/EaeraTableV2-brB-3CB3.mjs";import{_ as s}from"../chunks/EaeraTag-ChGPYV8x.mjs";import{_ as t}from"../chunks/EaeraSelect-C25XUlir.mjs";import{_ as l}from"../chunks/EaeraButton-DGfjUoa6.mjs";import{_ as a}from"../chunks/EaeraInput-CkbcAxy0.mjs";import{defineComponent as o,openBlock as i,createBlock as r,withCtx as n,createElementVNode as c,createVNode as d,createTextVNode as m,createElementBlock as u,normalizeClass as v,toDisplayString as b,createCommentVNode as p,ref as y,shallowRef as g,computed as x,unref as f,withModifiers as C,resolveDynamicComponent as w}from"vue";import{X as k,Plus as L,ArrowUp as S,ArrowDown as j,ArrowDownUp as _,Star as A,ListPlus as D}from"@lucide/vue";import{_ as E}from"../chunks/EaeraDialog-uLsXC20k.mjs";import{a as N}from"../chunks/vendor-vueuse-core-B96HGhR7.mjs";import{a as T}from"../chunks/iconSvg-DuOI5Yho.mjs";import"element-plus/es";import"element-plus";import"vue-i18n";import"../chunks/vendor-sortablejs-D3DyHO5Y.mjs";import"../chunks/EaeraDateTimePicker-B6M5r2xN.mjs";import"../chunks/EaeraDatePicker-Cf58Nwsl.mjs";import"../chunks/EaeraPagination-D5_CjSZy.mjs";import"../chunks/EaeraSelectTag-Cien4ohI.mjs";import"../chunks/EaeraCheckbox-C_faN0pV.mjs";import"../chunks/EaeraSelectStatus-D_6vpant.mjs";import"../chunks/EaeraEmpty-CnGp7eaH.mjs";import"../chunks/EaeraDataCard-Di8lwlRJ.mjs";import"../chunks/EaeraDropdown-B00Ns2OY.mjs";import"../chunks/EaeraSpinner-DzMwUlR7.mjs";import"../chunks/eventListener-o1XlgLVq.mjs";const $={class:"flex flex-col gap-xs"},z={class:"m-0 text-title-md text-[var(--er-text-primary)]"},R={class:"flex w-full flex-col gap-md py-sm"},I={class:"flex justify-end gap-sm"},O=o({__name:"AddSymbolToListDialog",props:{dialogVisible:{type:Boolean},symbol:{},selectedListId:{},customListOptions:{},message:{},canAdd:{type:Boolean}},emits:["close","add","update:selectedListId"],setup(e,{emit:s}){const a=s;return(s,o)=>{const y=t,g=l,x=E;return i(),r(x,{"dialog-visible":e.dialogVisible,width:"400px","append-body":"","destroy-on-close":"","close-on-click-modal":!1,onClose:o[3]||(o[3]=e=>a("close"))},{header:n(()=>[c("div",$,[c("p",z," Add "+b(e.symbol?.symbol)+" to list ",1),o[4]||(o[4]=c("p",{class:"m-0 text-body-xs text-[var(--er-text-secondary)]"}," Existing memberships are kept unique. ",-1))])]),default:n(()=>[c("div",R,[d(y,{value:e.selectedListId,options:e.customListOptions,placeholder:"Select custom list","translate-label":!1,size:"md",class:"w-full",onChange:o[0]||(o[0]=e=>a("update:selectedListId",e))},null,8,["value","options"]),e.message?(i(),u("p",{key:0,class:v(["m-0 text-body-xs",e.message.includes("already")?"text-[var(--er-text-warning)]":"text-[var(--er-text-success)]"])},b(e.message),3)):p("",!0)])]),footer:n(()=>[c("div",I,[d(g,{color:"secondary",onClick:o[1]||(o[1]=e=>a("close"))},{default:n(()=>[...o[5]||(o[5]=[m("Close",-1)])]),_:1}),d(g,{color:"primary",disabled:!e.canAdd,onClick:o[2]||(o[2]=e=>a("add"))},{default:n(()=>[...o[6]||(o[6]=[m(" Add ",-1)])]),_:1},8,["disabled"])])]),_:1},8,["dialog-visible"])}}}),V={class:"flex flex-col gap-md py-sm"},P={class:"flex flex-col gap-xs"},F={class:"flex flex-col gap-xs"},M={key:0,class:"m-0 text-body-xs text-[var(--er-text-danger)]"},U={class:"flex justify-end gap-sm"},H=o({__name:"CreateCustomListDialog",props:{dialogVisible:{type:Boolean},listName:{},selectedSymbols:{},symbolOptions:{},error:{}},emits:["close","create","update:listName","update:selectedSymbols"],setup(e,{emit:s}){const o=s,v=e=>{o("update:selectedSymbols",e)};return(s,y)=>{const g=a,x=t,f=l,C=E;return i(),r(C,{"dialog-visible":e.dialogVisible,width:"420px","append-body":"","destroy-on-close":"","close-on-click-modal":!1,onClose:y[3]||(y[3]=e=>o("close"))},{header:n(()=>[...y[4]||(y[4]=[c("div",{class:"flex flex-col gap-xs"},[c("p",{class:"m-0 text-title-md text-[var(--er-text-primary)]"},"Create custom list"),c("p",{class:"m-0 text-body-xs text-[var(--er-text-secondary)]"}," Save a reusable set of symbols for Market Watch. ")],-1)])]),default:n(()=>[c("div",V,[c("div",P,[y[5]||(y[5]=c("span",{class:"text-label-md text-[var(--er-text-primary)]"},"List name",-1)),d(g,{value:e.listName,placeholder:"London Open",size:"md",onHandleChange:y[0]||(y[0]=e=>o("update:listName",e))},null,8,["value"])]),c("div",F,[y[6]||(y[6]=c("span",{class:"text-label-md text-[var(--er-text-primary)]"},"Symbols",-1)),d(x,{value:e.selectedSymbols,options:e.symbolOptions,multiple:"",filterable:"",clearable:"",size:"md",class:"w-full",onChange:v},null,8,["value","options"])]),e.error?(i(),u("p",M,b(e.error),1)):p("",!0)])]),footer:n(()=>[c("div",U,[d(f,{color:"secondary",onClick:y[1]||(y[1]=e=>o("close"))},{default:n(()=>[...y[7]||(y[7]=[m("Cancel",-1)])]),_:1}),d(f,{color:"primary",onClick:y[2]||(y[2]=e=>o("create"))},{default:n(()=>[...y[8]||(y[8]=[m("Create",-1)])]),_:1})])]),_:1},8,["dialog-visible"])}}}),q="archived-commodities",B="custom:",K=["symbol","lastPrice","volume"],W=[{label:"All Symbols",value:"all"},{label:"Favorites",value:"favorites"},{label:"Forex Majors",value:"forex-majors"},{label:"Metals",value:"metals"},{label:"Crypto",value:"crypto"},{label:"Archived Commodities",value:q,available:!1}],J={xauusd:["coin","usd"],xagusd:["coin","usd"]},Y=[{key:"symbol",label:"Symbol",sortable:!0,sort_key:"symbol",minWidth:164,customHeaderClass:"flex justify-start items-center",headerLabelClass:"text-label-md text-[var(--er-text-secondary)]",cellClass:"watchlist-symbol-column",align:"left"},{key:"lastPrice",label:"Last Price",sortable:!0,sort_key:"lastPrice",width:104,align:"right",customHeaderClass:"flex justify-end items-center",headerLabelClass:"text-label-md text-[var(--er-text-secondary)]",cellClass:"watchlist-price-column"},{key:"volume",label:"Volume",sortable:!0,sort_key:"volume",width:88,align:"right",customHeaderClass:"flex justify-end items-center",headerLabelClass:"text-label-md text-[var(--er-text-secondary)]",cellClass:"watchlist-price-column"}],G=e=>`${B}${e.trim().toLowerCase().replace(/[^a-z0-9]+/g,"-").replace(/(^-|-$)/g,"")}-${Date.now()}`,Q=e=>!!e&&K.includes(e);function X(e,s){const t=y("all"),l=y(0),a=y(""),o=y({}),i=y(""),r=y(!1),n=y(""),c=y([]),d=y(""),m=y(!1),u=y(null),v=y(void 0),b=y(""),p=y({}),f=y([{id:`${B}metals-watch`,name:"Metals Watch",symbols:[]}]),C=g(null),w=g(null),{height:k}=N(C),{height:L}=N(w),S=x(()=>{const s=new Map;return e().forEach(e=>{s.has(e.symbol)||s.set(e.symbol,e)}),s}),j=x(()=>Array.from(S.value.values()).map(e=>({label:e.symbol,value:e.symbol}))),_=x(()=>f.value.map(e=>({label:e.name,value:e.id}))),A=x(()=>_.value),D=x(()=>[...W,...f.value.map(e=>({label:e.name,value:e.id,available:!0}))]),E=x(()=>Z(t.value)),T=x(()=>{if("favorites"===t.value)return e().filter(e=>U(e));if("all"===t.value)return e();const s=Z(t.value);return s?s.symbols.map(e=>S.value.get(e)).filter(e=>!!e):e().filter(e=>e.category===t.value)}),$=x(()=>{const e=a.value.trim().toLowerCase(),s=T.value.map(H);return e?s.filter(s=>s.symbol.toLowerCase().includes(e)||s.name.toLowerCase().includes(e)):s}),z=x(()=>{if(!k.value)return;const e=L.value+16,s=Math.floor(k.value-e);return Math.max(160,s)}),R=x(()=>{const e=o.value.key,s=o.value.direction;return Q(e)&&s?[...$.value].sort((t,l)=>{const a=V(t,e),o=V(l,e),i=P(a,o);return"asc"===s?i:-i}):$.value}),I=x(()=>{const e=a.value.trim();if(e&&0===R.value.length)return`No symbols match “${e}” in the current view. Clear search to restore the list.`;const s=E.value;return s&&0===s.symbols.length?`${s.name} has no symbols. Add symbols to this list or choose another view.`:"No symbols match the current view."}),O=x(()=>f.value.length>0),V=(e,s)=>"lastPrice"===s||"volume"===s?F(e[s]):e.symbol,P=(e,s)=>"number"==typeof e&&"number"==typeof s?e-s:String(e).localeCompare(String(s)),F=e=>{const s=e.trim().toUpperCase(),t=s.endsWith("K")?1e3:s.endsWith("M")?1e6:1;return Number(s.replace(/,/g,"").replace(/[^\d.-]/g,""))*t||0},M=e=>{const s=e.symbol.toLowerCase(),t=J[s];return t||[s.slice(0,3),s.slice(3,6)||"usd"]},U=e=>p.value[e.symbol]??!!e.isFavorite,H=e=>({...e,isFavorite:U(e)}),K=()=>{r.value=!1,d.value=""},X=()=>{m.value=!1,u.value=null,b.value=""},Z=e=>f.value.find(s=>s.id===e),ee=x(()=>{const e=E.value;return e?e.name:D.value.find(e=>e.value===t.value)?.label??"All Symbols"});return{selectedView:t,viewSelectRenderKey:l,searchText:a,sorting:o,viewNotice:i,createListDialogVisible:r,newListName:n,newListSymbols:c,createListError:d,addToListDialogVisible:m,symbolPendingListAdd:u,selectedCustomListId:v,addToListMessage:b,canAddToCustomList:O,panelBodyRef:C,filterControlsRef:w,viewOptions:D,tableFields:Y,symbolOptions:j,customListOptions:_,customListSelectOptions:A,hasSelectedCustomList:()=>!!v.value,tableHeight:z,tableRows:R,emptyStateMessage:I,handleSymbolChange:(e,s)=>{s(e)},handleSearchChange:e=>{a.value=e},clearSearch:()=>{a.value=""},handleViewChange:e=>{const s=D.value.find(s=>s.value===e);if(!1===s?.available||e===q)return i.value=`${s?.label??e} is unavailable for this account. Current view remains ${ee.value}.`,void(l.value+=1);t.value=e,i.value=""},handleRowClick:(e,s)=>{s(e.symbol)},handleSortChanged:e=>{if(!e.key&&!e.direction)return o.value={},void(i.value="");Q(String(e.key))?(o.value={key:e.key,direction:e.direction},i.value=""):i.value="Unsupported sort column ignored. Keeping the prior ordering."},getRowClass:({row:e})=>e.symbol===s()?"watchlist-row is-active":"watchlist-row",sortDirection:e=>{if(Q(e)&&o.value.key===e)return o.value.direction},baseIcon:e=>M(e)[0],quoteIcon:e=>M(e)[1],toggleFavorite:e=>{p.value={...p.value,[e.symbol]:!U(e)}},openCreateListDialog:()=>{r.value=!0,n.value="",c.value=[],d.value=""},closeCreateListDialog:K,handleNewListNameChange:e=>{n.value=e,d.value=""},handleNewListSymbolsChange:e=>{c.value=Array.isArray(e)?e:e?[e]:[],d.value=""},createCustomList:()=>{const e=(e=>e.trim().replace(/\s+/g," "))(n.value);if(!e)return void(d.value="List name is required.");if(f.value.some(s=>s.name.trim().toLowerCase()===e.toLowerCase()))return void(d.value="List names must be unique.");const s=Array.from(new Set(c.value)),l={id:G(e),name:e,symbols:s};f.value=[...f.value,l],t.value=l.id,i.value=`${e} created with ${s.length} symbol${1===s.length?"":"s"}.`,K()},openAddToListDialog:e=>{u.value=e,v.value=void 0,b.value="",m.value=!0},closeAddToListDialog:X,handleSelectedCustomListChange:e=>{v.value=e||void 0,b.value=""},addSymbolToSelectedList:()=>{const e=u.value?.symbol,s=v.value,l=s?Z(s):void 0;e&&l?l.symbols.includes(e)?b.value=`${e} is already in ${l.name}.`:(f.value=f.value.map(s=>s.id===l.id?{...s,symbols:[...s.symbols,e]}:s),t.value=l.id,X(),i.value=`${e} added to ${l.name}.`):b.value="Select a custom list first."},resetCategory:()=>{t.value="all",i.value=""},resetSort:()=>{o.value={}}}}const Z={class:"grid grid-cols-2 gap-lg"},ee={class:"flex items-center justify-center gap-xs"},se={key:0,class:"rounded-xs bg-[var(--er-surface-warning)] px-sm py-xs text-body-xs text-[var(--er-text-warning)]"},te={class:"watchlist-symbol-cell flex items-center gap-sm"},le={class:"watchlist-symbol-badge","aria-hidden":"true"},ae={class:"watchlist-symbol-meta flex-1"},oe={class:"flex items-center gap-xs"},ie={class:"whitespace-nowrap text-body-sm text-[var(--er-text-primary)]"},re=["aria-label","onClick"],ne=["disabled","aria-label","onClick"],ce={class:"watchlist-symbol-name text-body-xs text-[var(--er-text-secondary)]"},de={class:"watchlist-price-cell text-body-xs text-[var(--er-text-primary)]"},me={class:"watchlist-price-cell text-body-xs text-[var(--er-text-primary)]"},ue={class:"flex h-[120px] items-center justify-center px-md text-center text-body-sm text-[var(--er-text-secondary)]"},ve=o({__name:"index",props:{symbols:{},selectedSymbol:{}},emits:["selectSymbol"],setup(o,{expose:y,emit:g}){const x=o,E=g,{selectedView:N,viewSelectRenderKey:$,searchText:z,viewNotice:R,createListDialogVisible:I,newListName:V,newListSymbols:P,createListError:F,addToListDialogVisible:M,symbolPendingListAdd:U,selectedCustomListId:q,addToListMessage:B,canAddToCustomList:K,panelBodyRef:W,filterControlsRef:J,viewOptions:Y,tableFields:G,symbolOptions:Q,customListOptions:ve,customListSelectOptions:be,hasSelectedCustomList:pe,tableHeight:ye,tableRows:he,emptyStateMessage:ge,handleSearchChange:xe,clearSearch:fe,handleViewChange:Ce,handleRowClick:we,handleSortChanged:ke,getRowClass:Le,sortDirection:Se,baseIcon:je,quoteIcon:_e,toggleFavorite:Ae,openCreateListDialog:De,closeCreateListDialog:Ee,handleNewListNameChange:Ne,handleNewListSymbolsChange:Te,createCustomList:$e,openAddToListDialog:ze,closeAddToListDialog:Re,handleSelectedCustomListChange:Ie,addSymbolToSelectedList:Oe,resetCategory:Ve,resetSort:Pe}=X(()=>x.symbols,()=>x.selectedSymbol),Fe=e=>{we(e,e=>E("selectSymbol",e))};return y({resetCategory:Ve,resetSort:Pe}),(o,y)=>{const g=a,x=l,E=t,X=s,ve=e;return i(),u("div",{ref_key:"panelBodyRef",ref:W,class:"h-full min-h-0 flex flex-col gap-lg bg-[var(--er-surface-container)] px-sm py-md"},[c("div",{ref_key:"filterControlsRef",ref:J,class:"flex flex-col gap-sm"},[c("div",Z,[d(g,{value:f(z),placeholder:"Search symbol",size:"md",class:"watchlist-input-control w-full",onHandleChange:f(xe)},{suffix:n(()=>[f(z)?(i(),u("button",{key:0,type:"button",class:"watchlist-clear-button","aria-label":"Clear symbol search",onClick:y[0]||(y[0]=C((...e)=>f(fe)&&f(fe)(...e),["stop"]))},[d(f(k),{size:14})])):p("",!0)]),_:1},8,["value","onHandleChange"]),(i(),r(E,{key:f($),value:f(N),options:f(Y),size:"md",class:"watchlist-control w-full",onChange:f(Ce)},{footer:n(()=>[d(x,{size:"sm",color:"secondary",background:!1,class:"w-full",onClick:f(De)},{default:n(()=>[c("div",ee,[d(f(L),{size:14}),y[1]||(y[1]=c("span",null,"Create custom list",-1))])]),_:1},8,["onClick"])]),_:1},8,["value","options","onChange"]))]),f(R)?(i(),u("div",se,b(f(R)),1)):p("",!0)],512),d(ve,{class:"watchlist-custom-table min-h-0 flex-1","allow-sort-reset":"","hide-footer":"",height:f(ye),"max-height":f(ye),"table-layout":"fixed",size:"small",items:f(he),fields:f(G),"total-rows":f(he).length,stripe:!1,"show-filter-by-default":!1,"row-class-name":f(Le),onOnRowClick:Fe,"onUpdate:onSortChanged":f(ke)},{"cell(symbol)":n(({item:e})=>[c("div",te,[c("div",le,[(i(),r(w(f(T)(f(je)(e))),{size:18,class:"watchlist-symbol-badge-icon watchlist-symbol-badge-icon--base"})),(i(),r(w(f(T)(f(_e)(e))),{size:18,class:"watchlist-symbol-badge-icon watchlist-symbol-badge-icon--quote"}))]),c("div",ae,[c("div",oe,[c("span",ie,b(e.symbol),1),c("button",{type:"button",class:"watchlist-row-action","aria-label":e.isFavorite?`Remove ${e.symbol} from favorites`:`Add ${e.symbol} to favorites`,onClick:C(s=>f(Ae)(e),["stop"])},[d(f(A),{size:16,"stroke-width":1.8,fill:e.isFavorite?"var(--er-text-warning)":"none",class:v(e.isFavorite?"text-[var(--er-text-warning)]":"text-[var(--er-icon-secondary)]")},null,8,["fill","class"])],8,re),c("button",{type:"button",class:"watchlist-row-action",disabled:!f(K),"aria-label":`Add ${e.symbol} to a custom list`,onClick:C(s=>f(ze)(e),["stop"])},[d(f(D),{size:15})],8,ne),"closed"===e.marketStatus?(i(),r(X,{key:0,color:"warning",size:"sm"},{default:n(()=>[...y[2]||(y[2]=[m(" Closed ",-1)])]),_:1})):p("",!0)]),c("p",ce,b(e.name),1)])])]),"cell(lastPrice)":n(({item:e})=>[c("span",de,b(e.lastPrice),1)]),"cell(volume)":n(({item:e})=>[c("span",me,b(e.volume),1)]),"sort-icon":n(({sortKey:e})=>["asc"===f(Se)(e)?(i(),r(f(S),{key:0})):"desc"===f(Se)(e)?(i(),r(f(j),{key:1,size:16})):(i(),r(f(_),{key:2,size:16}))]),empty:n(()=>[c("div",ue,b(f(ge)),1)]),_:1},8,["height","max-height","items","fields","total-rows","row-class-name","onUpdate:onSortChanged"]),d(H,{"dialog-visible":f(I),"list-name":f(V),"selected-symbols":f(P),"symbol-options":f(Q),error:f(F),onClose:f(Ee),onCreate:f($e),"onUpdate:listName":f(Ne),"onUpdate:selectedSymbols":f(Te)},null,8,["dialog-visible","list-name","selected-symbols","symbol-options","error","onClose","onCreate","onUpdate:listName","onUpdate:selectedSymbols"]),d(O,{"dialog-visible":f(M),symbol:f(U),"selected-list-id":f(q),"custom-list-options":f(be),message:f(B),"can-add":f(pe)(),onClose:f(Re),onAdd:f(Oe),"onUpdate:selectedListId":f(Ie)},null,8,["dialog-visible","symbol","selected-list-id","custom-list-options","message","can-add","onClose","onAdd","onUpdate:selectedListId"])],512)}}});export{ve as default,X as useEaeraWatchlist};

package/dist/components/webtrade/EaeraDrawingOverlay/constants.d.ts

@@ -0,0 +1,3 @@
+import { AnchorPointStyle, DrawingToolOptions } from '../../../types/EaeraDrawingOverlay/chart';
+export declare const defaultDrawOptions: (isDark?: boolean) => DrawingToolOptions;
+export declare const DefaultAnchorPointStyle: AnchorPointStyle;

package/dist/components/webtrade/EaeraDrawingOverlay/core/base/plugin-base.d.ts

@@ -0,0 +1,116 @@
+import { AnchorPointStyle, DrawModes, DrawState, DrawingToolOptions, NullableCoordinatePoint, TimePoint } from '../../../../../types/EaeraDrawingOverlay/chart';
+import { BitmapCoordinatesRenderingScope, CanvasRenderingTarget2D } from 'fancy-canvas';
+import { Coordinate, DataChangedScope, IChartApi, IPrimitivePaneRenderer, IPrimitivePaneView, ISeriesApi, ISeriesPrimitive, ISeriesPrimitiveAxisView, MouseEventParams, PrimitivePaneViewZOrder, SeriesAttachedParameter, SeriesOptionsMap, SeriesType, Time, Point } from 'lightweight-charts';
+export declare abstract class PluginBase implements ISeriesPrimitive<Time> {
+    private _chart;
+    private _series;
+    _p1: TimePoint;
+    _p2: TimePoint;
+    textValue: string;
+    _options: DrawingToolOptions;
+    dataUpdated?: (scope: DataChangedScope) => void;
+    requestUpdate(): void;
+    private _requestUpdate?;
+    attached({ chart, series, requestUpdate }: SeriesAttachedParameter<Time>): void;
+    detached(): void;
+    get chart(): IChartApi;
+    get series(): ISeriesApi<keyof SeriesOptionsMap>;
+    private _fireDataUpdated;
+    abstract drawingTool: DrawingTool;
+    abstract createdAt: number;
+    abstract hoverCandidate: boolean;
+    abstract hovered: boolean;
+    abstract selectCandidate: boolean;
+    abstract selected: boolean;
+    abstract state: DrawState;
+    abstract id: number | undefined;
+    abstract localId: string;
+    abstract selectedDraw(): void;
+    abstract getPoints(): TimePoint[];
+}
+export declare abstract class DrawingTool {
+    abstract type: DrawModes;
+    abstract chart: IChartApi;
+    abstract series: ISeriesApi<SeriesType>;
+    abstract options: DrawingToolOptions;
+    abstract subscribeEvents(): void;
+    abstract unsubscribeEvents(): void;
+    abstract onClick(event: MouseEventParams): void;
+    abstract onMouseMove(event: MouseEventParams): void;
+    abstract isDrawing(): boolean;
+    abstract startDrawing(): void;
+    abstract stopDrawing(resetDrawMode?: boolean): void;
+    abstract initData(data: unknown[]): void;
+    abstract checkUpdateDraw(): void;
+    abstract cleanPrimitives(): void;
+    abstract cleanAll(): void;
+    abstract removeSelectedDraw(): Promise<void>;
+    abstract toggleDrawVisible(): void;
+    abstract toggleSelectedDrawLocked(): void;
+    abstract toggleAllDrawLocked(newLockedState: boolean): void;
+    abstract isAnyDrawSelected(): boolean;
+    abstract unSelectAnyDraw(): void;
+    abstract updateSelectedOptions(options: Partial<DrawingToolOptions>): void;
+    abstract flushPendingUpdates(): Promise<void>;
+}
+export declare class AxisPaneRenderer implements IPrimitivePaneRenderer {
+    p1: number | null;
+    p2: number | null;
+    fillColor: string;
+    vertical: boolean;
+    constructor(p1: number | null, p2: number | null, fillColor: string, vertical: boolean);
+    draw(target: CanvasRenderingTarget2D): void;
+}
+export declare abstract class AxisPaneView implements IPrimitivePaneView {
+    source: PluginBase;
+    p1: number | null;
+    p2: number | null;
+    axisPaneRenderer: AxisPaneRenderer;
+    constructor(source: PluginBase, vertical: boolean);
+    abstract getPoints(): [Coordinate | null, Coordinate | null];
+    update(): void;
+    renderer(): AxisPaneRenderer;
+    zOrder(): PrimitivePaneViewZOrder;
+}
+export declare abstract class AxisLabelView implements ISeriesPrimitiveAxisView {
+    source: PluginBase;
+    point: TimePoint;
+    position: Coordinate | null;
+    constructor(source: PluginBase, p: TimePoint);
+    abstract update(): void;
+    abstract text(): string;
+    coordinate(): -1 | Coordinate;
+    visible(): boolean;
+    tickVisible(): boolean;
+    textColor(): string;
+    backColor(): string;
+    movePoint(p: TimePoint): void;
+}
+export declare class PriceAxisPaneView extends AxisPaneView {
+    getPoints(): [Coordinate | null, Coordinate | null];
+}
+export declare class TimeAxisPaneView extends AxisPaneView {
+    getPoints(): [Coordinate | null, Coordinate | null];
+}
+export declare class TimeAxisLabelView extends AxisLabelView {
+    update(): void;
+    text(): string;
+}
+export declare class PriceAxisLabelView extends AxisLabelView {
+    update(): void;
+    text(): string;
+}
+export declare class AnchorPointRenderer {
+    x: number;
+    y: number;
+    anchorSelected: boolean;
+    source?: PluginBase;
+    style: AnchorPointStyle;
+    constructor({ style, source }?: {
+        style?: Partial<AnchorPointStyle>;
+        source?: PluginBase;
+    });
+    draw(scope: BitmapCoordinatesRenderingScope, x: Coordinate, y: Coordinate): void;
+    containPoint(p: NullableCoordinatePoint | Point): boolean;
+    handleClickAnchorPoint(p: NullableCoordinatePoint): void;
+}

package/dist/components/webtrade/EaeraDrawingOverlay/core/draws/brush/brush.drawing-tool.d.ts

@@ -0,0 +1,70 @@
+import { DrawModes, DrawingToolOptions, SingleDrawingResponse, TimePoint } from '../../../../../../types/EaeraDrawingOverlay/chart';
+import { IChartApi, ISeriesApi, MouseEventParams, Point, SeriesType } from 'lightweight-charts';
+import { DrawingPersistenceBridge, DrawingRuntimeBridge } from '../drawing-bridge';
+import { Brush } from './brush.model';
+import { DrawingTool, PluginBase } from '../../base/plugin-base';
+import { createDrawingUpdateScheduler } from '../../helpers/tool-drawing';
+export declare class BrushDrawingTool extends DrawingTool {
+    type: DrawModes;
+    chart: IChartApi;
+    series: ISeriesApi<SeriesType>;
+    options: DrawingToolOptions;
+    runtime: DrawingRuntimeBridge;
+    persistence: DrawingPersistenceBridge;
+    brushes: Brush[];
+    boundingPoints: TimePoint[];
+    isMouseDown: boolean;
+    drawVisible: boolean;
+    primitiveUpdateScheduler: {
+        schedule: (items: Array< PluginBase | null | undefined>) => void;
+        cancel: () => void;
+    };
+    drawingUpdateScheduler: ReturnType<typeof createDrawingUpdateScheduler<Brush>>;
+    cursorScheduler: {
+        setCursor: (cursor: "default" | "pointer") => void;
+        reset: () => void;
+    };
+    pendingCreateOperations: Set<Promise<void>>;
+    unbindEvents?: () => void;
+    private localRuntimeState;
+    handleVisibleRangeChange: () => void;
+    private trackPendingCreate;
+    constructor({ chart, series, options, isDark, runtime, persistence, }: {
+        chart: IChartApi;
+        series: ISeriesApi<SeriesType>;
+        options?: Partial<DrawingToolOptions>;
+        isDark?: boolean;
+        runtime?: DrawingRuntimeBridge;
+        persistence?: DrawingPersistenceBridge;
+    });
+    subscribeEvents(): void;
+    unsubscribeEvents(): void;
+    handleTouchStart: (event: TouchEvent) => void;
+    handleTouchMove: (event: TouchEvent) => void;
+    handleTouchEnd: () => void;
+    handleMouseDown: (event: MouseEvent) => void;
+    handleMouseUp: () => void;
+    handleContextMenu: (event: MouseEvent) => void;
+    isDrawing(): boolean;
+    startDrawing(): void;
+    stopDrawing(): void;
+    onClick(_event: MouseEventParams): void;
+    onMouseMove(event: MouseEventParams): void;
+    startBrushStroke(point: Point): void;
+    finalizeBrushStroke(): void;
+    handleBoundingPoints({ price, time }: TimePoint): void;
+    getInitBoundingPoints(timePoints: TimePoint[]): TimePoint[] | undefined;
+    initData(data: SingleDrawingResponse[]): void;
+    checkUpdateDraw(): void;
+    toggleDrawVisible(): void;
+    toggleSelectedDrawLocked(): void;
+    toggleAllDrawLocked(newLockedState: boolean): void;
+    isAnyDrawSelected(): boolean;
+    updateSelectedOptions(options: Partial<DrawingToolOptions>): void;
+    flushPendingUpdates(): Promise<void>;
+    mouseStyling(): void;
+    unSelectAnyDraw(): void;
+    cleanPrimitives(): void;
+    cleanAll(): void;
+    removeSelectedDraw(): Promise<void>;
+}

package/dist/components/webtrade/EaeraDrawingOverlay/core/draws/brush/brush.model.d.ts

@@ -0,0 +1,66 @@
+import { DrawState, DrawingToolOptions, MountedBrushData, NullableCoordinatePoint, TimeFrames, TimePoint } from '../../../../../../types/EaeraDrawingOverlay/chart';
+import { BrushDataV2 } from '../../../../../../types/EaeraDrawingOverlay/drawings';
+import { MouseEventParams, Point as OriginalPoint } from 'lightweight-charts';
+import { PluginBase, PriceAxisLabelView, PriceAxisPaneView, TimeAxisLabelView, TimeAxisPaneView } from '../../base/plugin-base';
+import { BrushDrawingTool } from './brush.drawing-tool';
+import { BrushPaneView } from './brush.pane-view';
+export interface BrushParams {
+    drawPoints: TimePoint[];
+    boundingPoints: TimePoint[];
+    brushData?: MountedBrushData;
+    drawingTool: BrushDrawingTool;
+    state?: DrawState;
+    id?: number;
+    createdAt?: number;
+    selected?: boolean;
+    options?: Partial<DrawingToolOptions>;
+}
+export declare class Brush extends PluginBase {
+    _paneViews: BrushPaneView[];
+    _timeAxisLabelViews: TimeAxisLabelView[];
+    _priceAxisLabelViews: PriceAxisLabelView[];
+    _priceAxisPaneViews: PriceAxisPaneView[];
+    _timeAxisPaneViews: TimeAxisPaneView[];
+    hoverCandidate: boolean;
+    hovered: boolean;
+    selectCandidate: boolean;
+    selected: boolean;
+    id: number | undefined;
+    localId: string;
+    createdAt: number;
+    drawingTool: BrushDrawingTool;
+    state: DrawState;
+    drawPoints: TimePoint[];
+    geometryVersion: number;
+    dragPoint?: NullableCoordinatePoint;
+    drawPointsBeforeDrag: TimePoint[];
+    brushData?: MountedBrushData;
+    anchorPointBeforeDrag?: TimePoint;
+    boundingPointsBeforeDrag?: {
+        p1: TimePoint;
+        p2: TimePoint;
+    };
+    constructor({ drawPoints, boundingPoints, brushData, drawingTool, state, id, createdAt, selected, options, }: BrushParams);
+    onMouseMove(event: MouseEventParams): void;
+    onMouseDown({ x, y }: OriginalPoint): void;
+    onMouseUp(): void;
+    handleDrag(targetPoint: OriginalPoint): boolean;
+    addPoint({ price, time }: TimePoint): void;
+    private syncBoundsFromPoints;
+    private getMountedBrushPoints;
+    syncBrushDataDerivedState(): void;
+    getPersistedBrushData(currentTimeFrame: TimeFrames): BrushDataV2 | null;
+    updateBoundingPoints({ price, time }: TimePoint): void;
+    updateSelectedState(): void;
+    paneViews(): BrushPaneView[];
+    priceAxisViews(): PriceAxisLabelView[];
+    timeAxisViews(): TimeAxisLabelView[];
+    priceAxisPaneViews(): PriceAxisPaneView[];
+    timeAxisPaneViews(): TimeAxisPaneView[];
+    detached(): void;
+    updateAllViews(): void;
+    updateSelectedOptions(options: Partial<DrawingToolOptions>): void;
+    containPoint(p: OriginalPoint): boolean;
+    selectedDraw(): void;
+    getPoints(): TimePoint[];
+}

package/dist/components/webtrade/EaeraDrawingOverlay/core/draws/brush/brush.pane-view.d.ts

@@ -0,0 +1,11 @@
+import { IPrimitivePaneRenderer, IPrimitivePaneView, PrimitivePaneViewZOrder } from 'lightweight-charts';
+import { Brush } from './brush.model';
+import { BrushPaneRenderer } from './brush.renderer';
+export declare class BrushPaneView implements IPrimitivePaneView {
+    source: Brush;
+    brushPaneRenderer: BrushPaneRenderer;
+    dynamicZOrder: PrimitivePaneViewZOrder;
+    constructor(source: Brush);
+    renderer(): IPrimitivePaneRenderer | null;
+    zOrder(): PrimitivePaneViewZOrder;
+}