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

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

@@ -0,0 +1,2 @@
+export { default as EaeraLightweightChartHeader } from './EaeraLightweightChartHeader';
+export { default as EaeraLightweightChartFooter } from './EaeraLightweightChartFooter';

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

@@ -0,0 +1,156 @@
+import { ColorType, LineWidth, Time } from 'lightweight-charts';
+export declare const chartColor: (isDark?: boolean) => {
+    surfacePrimary: string;
+    surfacePositive: string;
+    surfaceNegative: string;
+    surfaceElevated: string;
+    textPrimary: string;
+    textSecondary: string;
+    borderPrimary: string;
+    borderPrimaryInverse: string;
+    borderAction: string;
+    areaTop: string;
+    areaBottom: string;
+};
+export declare const chartSize: (width: number, height: number) => {
+    width: number;
+    height: number;
+};
+export declare const chartLayout: (isDark?: boolean) => {
+    background: {
+        type: ColorType;
+        color: string;
+    };
+    textColor: string;
+};
+export declare const chartGrid: (isDark?: boolean) => {
+    vertLines: {
+        color: string;
+        visible: boolean;
+        style: number;
+    };
+    horzLines: {
+        color: string;
+        visible: boolean;
+        style: number;
+    };
+};
+export declare const chartCrosshair: (isDark?: boolean) => {
+    mode: number;
+    vertLine: {
+        color: string;
+        width: LineWidth;
+        style: LineWidth;
+        visible: boolean;
+        labelVisible: boolean;
+        labelBackgroundColor: string;
+    };
+    horzLine: {
+        color: string;
+        width: LineWidth;
+        style: LineWidth;
+        visible: boolean;
+        labelVisible: boolean;
+        labelBackgroundColor: string;
+    };
+};
+export declare const chartScale: (isDark?: boolean) => {
+    rightPriceScale: {
+        borderColor: string;
+        scaleMargins: {
+            top: number;
+            bottom: number;
+        };
+        textColor: string;
+    };
+    timeScale: {
+        borderColor: string;
+        timeVisible: boolean;
+        rightOffsetPixels: number;
+        allowShiftVisibleRangeOnWhitespaceReplacement: boolean;
+        textColor: string;
+    };
+};
+export declare const chartDefaultOption: (isDark?: boolean) => {
+    rightPriceScale: {
+        borderColor: string;
+        scaleMargins: {
+            top: number;
+            bottom: number;
+        };
+        textColor: string;
+    };
+    timeScale: {
+        borderColor: string;
+        timeVisible: boolean;
+        rightOffsetPixels: number;
+        allowShiftVisibleRangeOnWhitespaceReplacement: boolean;
+        textColor: string;
+    };
+    layout: {
+        background: {
+            type: ColorType;
+            color: string;
+        };
+        textColor: string;
+    };
+    grid: {
+        vertLines: {
+            color: string;
+            visible: boolean;
+            style: number;
+        };
+        horzLines: {
+            color: string;
+            visible: boolean;
+            style: number;
+        };
+    };
+    crosshair: {
+        mode: number;
+        vertLine: {
+            color: string;
+            width: LineWidth;
+            style: LineWidth;
+            visible: boolean;
+            labelVisible: boolean;
+            labelBackgroundColor: string;
+        };
+        horzLine: {
+            color: string;
+            width: LineWidth;
+            style: LineWidth;
+            visible: boolean;
+            labelVisible: boolean;
+            labelBackgroundColor: string;
+        };
+    };
+    localization: {
+        timeFormatter: (time: Time) => string;
+    };
+    width: number;
+    height: number;
+};
+export declare const candlestickSeriesOptions: (isDark?: boolean) => {
+    upColor: string;
+    downColor: string;
+    borderVisible: boolean;
+    wickUpColor: string;
+    wickDownColor: string;
+};
+export declare const lineSeriesOptions: (isDark?: boolean) => {
+    color: string;
+    lineWidth: LineWidth;
+    lineStyle: LineWidth;
+    crosshairMarkerVisible: boolean;
+    crosshairMarkerRadius: LineWidth;
+};
+export declare const areaSeriesOptions: (isDark?: boolean) => {
+    lineColor: string;
+    topColor: string;
+    bottomColor: string;
+    lineWidth: LineWidth;
+    lineStyle: LineWidth;
+    crosshairMarkerVisible: boolean;
+    crosshairMarkerRadius: LineWidth;
+};

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

@@ -0,0 +1,2 @@
+export { default } from './index';
+export * from './useEaeraLightweightChart';

package/dist/components/webtrade/EaeraLightweightChart/useEaeraLightweightChart.d.ts

@@ -0,0 +1,80 @@
+import { ComputedRef, Ref } from 'vue';
+import { ChartTypes, TimeFrames, TimeRanges, ChartMultiViewLayout, ChartData, EaeraLightweightChartChartTypeOption, EaeraLightweightChartCustomRange, EaeraLightweightChartDrawingPluginConfig, EaeraLightweightChartOrderlinePluginConfig, EaeraLightweightChartPlugin, EaeraLightweightChartSnapshotAction, EaeraLightweightChartSnapshotOption, EaeraLightweightChartState, EaeraLightweightChartTimeFrameOption, EaeraLightweightChartTimeRangeOption } from '../../../types/EaeraLightweightChart';
+export interface EaeraLightweightChartProps {
+    symbol?: string;
+    chartData?: ChartData[];
+    selectedTimeFrame?: TimeFrames;
+    selectedTimeRange?: TimeRanges;
+    selectedChartType?: ChartTypes;
+    customTimeRange?: EaeraLightweightChartCustomRange | null;
+    timeFrameOptions?: EaeraLightweightChartTimeFrameOption[];
+    timeRangeOptions?: EaeraLightweightChartTimeRangeOption[];
+    chartTypeOptions?: EaeraLightweightChartChartTypeOption[];
+    snapshotOptions?: EaeraLightweightChartSnapshotOption[];
+    isLoading?: boolean;
+    isExpanded?: boolean;
+    multiChartLayout?: ChartMultiViewLayout;
+    dataBarCount?: number;
+    tickSize?: number | string | null;
+    dark?: boolean;
+    chartDomId?: string;
+    overlayTitle?: string;
+    overlaySubtitle?: string;
+    openLabel?: string;
+    highLabel?: string;
+    lowLabel?: string;
+    closeLabel?: string;
+    plugins?: EaeraLightweightChartPlugin[];
+    drawingPlugin?: EaeraLightweightChartDrawingPluginConfig | null;
+    orderlinePlugin?: EaeraLightweightChartOrderlinePluginConfig | null;
+}
+export type EaeraLightweightChartEmits = (e: string, ...args: unknown[]) => void;
+export interface EaeraLightweightChartContext {
+    symbol: ComputedRef<string>;
+    overlaySubtitle: ComputedRef<string>;
+    chartData: ComputedRef<ChartData[]>;
+    selectedTimeFrame: ComputedRef<TimeFrames>;
+    selectedTimeRange: ComputedRef<TimeRanges>;
+    selectedChartType: ComputedRef<ChartTypes>;
+    customTimeRange: ComputedRef<EaeraLightweightChartCustomRange | null>;
+    timeFrameOptions: ComputedRef<EaeraLightweightChartTimeFrameOption[]>;
+    timeRangeOptions: ComputedRef<EaeraLightweightChartTimeRangeOption[]>;
+    chartTypeOptions: ComputedRef<EaeraLightweightChartChartTypeOption[]>;
+    snapshotOptions: ComputedRef<EaeraLightweightChartSnapshotOption[]>;
+    isLoading: ComputedRef<boolean>;
+    isExpanded: ComputedRef<boolean>;
+    isMultiChart: ComputedRef<boolean>;
+    multiChartLayout: ComputedRef<ChartMultiViewLayout>;
+    chartIds: ComputedRef<string[]>;
+    selectedChartId: ComputedRef<string>;
+    activeChartLastPrice: ComputedRef<number | null>;
+    tickSize: ComputedRef<number | string | null | undefined>;
+    dark: ComputedRef<boolean | undefined>;
+    chartDomId: ComputedRef<string>;
+    overlayTitle: ComputedRef<string>;
+    state: ComputedRef<EaeraLightweightChartState>;
+    getTimeFrameForChart: (id: string) => TimeFrames;
+    getChartTypeForChart: (id: string) => ChartTypes;
+    getChartDataForChart: (id: string) => ChartData[];
+    getSymbolForChart: (id: string) => string;
+    getSymbolDescriptionForChart: (id: string) => string;
+    onChangeMultiChartLayout: (layout: ChartMultiViewLayout) => void;
+    onSelectChart: (id: string) => void;
+    confirmLayoutSwitch: (selectedChartIds: string[]) => void;
+    cancelLayoutSwitch: () => void;
+    pendingLayoutSwitch: ComputedRef<ChartMultiViewLayout | null>;
+    onResize: (width: number, height: number) => void;
+    onChangeTimeFrame: (timeFrame: TimeFrames) => void;
+    onChangeTimeRange: (timeRange: TimeRanges) => void;
+    onChangeChartType: (chartType: ChartTypes) => void;
+    onChangeCustomRange: (range: EaeraLightweightChartCustomRange) => void;
+    onLoadMoreLeft: () => void;
+    onSnapshot: (action: EaeraLightweightChartSnapshotAction) => Promise<void>;
+    onToggleExpanded: () => void;
+}
+interface ProvideEaeraLightweightChartOptions {
+    snapshotTargetRef?: Ref<HTMLElement | null>;
+}
+export declare const provideEaeraLightweightChart: (props: EaeraLightweightChartProps, emit: EaeraLightweightChartEmits, options?: ProvideEaeraLightweightChartOptions) => EaeraLightweightChartContext;
+export declare const useEaeraLightweightChart: (context: EaeraLightweightChartContext) => EaeraLightweightChartContext;
+export {};

package/dist/components/webtrade/EaeraLightweightChart/utils.d.ts

@@ -0,0 +1,6 @@
+import { Time } from 'lightweight-charts';
+import { ChartData, ChartSeriesData, TimeFrames } from '../../../types/EaeraLightweightChart';
+export declare const timeframeToMs: (timeframe: TimeFrames) => number;
+export declare const appendTrailingWhitespace: (data: ChartData[], timeframe: TimeFrames, count?: number) => ChartSeriesData[];
+export declare const formatChartDateTimeLocal: (time: Time | string | number | null | undefined) => string;
+export declare const chartTimeToDate: (time: Time | string | number | null | undefined) => Date | null;

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

@@ -0,0 +1,2 @@
+export { default } from './EaeraLightweightChart/index';
+export * from './EaeraLightweightChart/useEaeraLightweightChart';

package/dist/components/webtrade/EaeraLightweightChart.mjs

@@ -0,0 +1 @@
+import{ElLoadingDirective as e}from"element-plus/es";import{ref as t,computed as a,watch as r,defineComponent as l,onMounted as o,onUnmounted as i,openBlock as n,createElementBlock as s,createElementVNode as c,unref as u,toDisplayString as d,Fragment as m,createCommentVNode as p,createVNode as v,withCtx as g,renderList as y,normalizeClass as b,createBlock as f,resolveDynamicComponent as w,shallowRef as x,nextTick as k,normalizeStyle as C,Teleport as L,Transition as T,withModifiers as S,createTextVNode as D,withDirectives as F,renderSlot as P}from"vue";import{b as M,a as _}from"../chunks/vendor-vueuse-core-B96HGhR7.mjs";import{isBusinessDay as R,ColorType as j,CandlestickSeries as E,AreaSeries as $,LineSeries as z,createChart as I}from"lightweight-charts";import{ElNotification as O}from"element-plus";import{Square as B,Columns2 as N,Rows2 as A,Columns3 as V,Rows3 as K,Grid2X2 as U,ChartCandlestick as H,Camera as Y,Table as q,Scan as W,CalendarDays as Z}from"@lucide/vue";import"../chunks/vendor-email-misspelled-0hsXkSSK.mjs";import"../chunks/vendor-unorm-Degftfa1.mjs";import"../chunks/useEaeraInputPhoneNumber-CKXimj-u.mjs";import"@element-plus/icons-vue";import"../chunks/iconSvg-DuOI5Yho.mjs";import"echarts/core";import"echarts/renderers";import"echarts/charts";import"echarts/components";import"vue-echarts";import"../chunks/vendor-currency-symbol-map-C-1fEG2R.mjs";import{useI18n as G}from"vue-i18n";import"../chunks/vendor-sortablejs-D3DyHO5Y.mjs";import{_ as X}from"../chunks/index-KWU67jID.mjs";import{_ as J,O as Q}from"../chunks/index-BnZsZnAN.mjs";import{_ as ee}from"../chunks/_plugin-vue_export-helper-BCo6x5W8.mjs";import{_ as te}from"../chunks/EaeraDialog-uLsXC20k.mjs";import{_ as ae}from"../chunks/EaeraButton-DGfjUoa6.mjs";import{t as re,a as le}from"../chunks/vendor-html-to-image-DzdJgLib.mjs";import{_ as oe}from"../chunks/EaeraDivider-Dggvc36a.mjs";import ie from"../composite/EaeraDropdownV2.mjs";import{_ as ne}from"../chunks/EaeraTooltip-BIlULHv4.mjs";import{_ as se}from"../chunks/EaeraDatePicker-Cf58Nwsl.mjs";import"../chunks/phoneNumbers-Bmtkxd5J.mjs";import"../chunks/vendor-libphonenumber-js-bhez_Ujn.mjs";import"../chunks/EaeraColorPicker-iHdlgiAL.mjs";import"../chunks/vendor-es-toolkit-D-WXci__.mjs";import"../chunks/vendor-lodash-es-DUTj3yNB.mjs";import"../chunks/EaeraInput-CkbcAxy0.mjs";import"../chunks/eventListener-o1XlgLVq.mjs";import"../chunks/EaeraCheckbox-C_faN0pV.mjs";import"../chunks/EaeraSwitch-BI3E0zPf.mjs";import"../chunks/EaeraInputNumber-CT5nnbWb.mjs";import"../chunks/EaeraTag-ChGPYV8x.mjs";const ce="candlestick",ue="line",de="area",me="single",he="two-rows",pe="two-cols",ve="three-rows",ge="three-cols",ye="four",be=e=>{switch(e){case me:return 1;case he:case pe:return 2;case ve:case ge:return 3;case ye:return 4;default:return 1}},fe="1m",we="5m",xe="15m",ke="30m",Ce="1h",Le="4h",Te="1d",Se="1w",De="1mn",Fe="1D",Pe="1W",Me="1M",_e="3M",Re="6M",je="CUSTOM",Ee="drawing",$e="orderline",ze=[fe,we,xe,ke,Ce,Le,Te,Se,De],Ie=[Fe,Pe,Me,_e,Re,"1Y","ALL",je],Oe=[{value:ce,icon:"Candle3"},{value:ue,icon:"LineChart2"},{value:de,icon:"AreaChart"}],Be=["download-image","copy-image-to-clipboard","open-image-in-new-tab"],Ne={[fe]:60,[we]:300,[xe]:900,[ke]:1800,[Ce]:3600,[Le]:14400,[Te]:86400,[Se]:604800,[De]:2592e3},Ae=(e,t=100,a=1.272)=>{const r=[],l=Math.floor(Date.now()/1e3),o=Ne[e]??900;let i=a;for(let n=t-1;n>=0;n--){const e=2e-4,t=i,a=t+15e-5*(Math.random()-.48)+(Math.random()-.5)*e,s=Math.max(t,a)+Math.random()*e*.6,c=Math.min(t,a)-Math.random()*e*.6,u=l-n*o;r.push({time:u,open:+t.toFixed(5),high:+s.toFixed(5),low:+c.toFixed(5),close:+a.toFixed(5)}),i=a}return r},Ve=(e,l,o={})=>{const{t:i}=G(),n=t(e.selectedTimeRange??Fe),s=t(e.customTimeRange??null),c=t(e.isExpanded??!1),u=M("multi-chart:layout",e.multiChartLayout??me),d=t("chart-0"),m=e.selectedTimeFrame??fe,p=e.selectedChartType??ce,v=e.dataBarCount??100,g=M("multi-chart:configs",{"chart-0":{timeFrame:m,chartType:p}}),y=e.symbol??"",b=e.overlaySubtitle??"",f=M("multi-chart:symbols",{"chart-0":y}),w=M("multi-chart:descriptions",{"chart-0":b}),x=t(null),k=a(()=>{const e=be(u.value);return Array.from({length:e},(e,t)=>`chart-${t}`)});r(k,e=>{const t=u.value,a={...g.value},r={...w.value},l={...f.value};try{const t={...a},o={...r},i={...l},n=t["chart-0"]??{timeFrame:m,chartType:p},s=o["chart-0"]??b,c=i["chart-0"]??y;e.forEach(e=>{const a=t[e];a&&a.timeFrame&&a.chartType||(t[e]={...n}),o[e]||(o[e]=s),i[e]||(i[e]=c)});const u={},d={},v={};e.forEach(e=>{if(!t[e]||!o[e]||!i[e])throw new Error(`Incomplete config for chart pane "${e}"`);u[e]=t[e],d[e]=o[e],v[e]=i[e]}),g.value=u,w.value=d,f.value=v}catch(o){console.error("Failed to expand chart layout:",o),u.value=t,g.value=a,w.value=r,f.value=l,O.error({message:i("chart.multi-chart.error.expansion-failed"),duration:5e3})}},{immediate:!0}),r(()=>e.selectedTimeFrame,e=>{if(e){const t=d.value;g.value[t]&&(g.value[t]={...g.value[t],timeFrame:e})}}),r(()=>e.selectedChartType,e=>{if(e){const t=d.value;g.value[t]&&(g.value[t]={...g.value[t],chartType:e})}}),r(()=>e.selectedTimeRange,e=>{e&&(n.value=e)}),r(()=>e.customTimeRange,e=>{void 0!==e&&(s.value=e??null)}),r(()=>e.isExpanded,e=>{"boolean"==typeof e&&(c.value=e)}),r(()=>e.multiChartLayout,e=>{e&&(u.value=e)}),r(()=>e.symbol,e=>{const t=d.value;if(void 0!==e&&f.value[t]!==e){f.value={...f.value,[t]:e};const{[t]:a,...r}=j.value;j.value=r}}),r(d,t=>{const a=f.value[t];void 0!==a&&a!==e.symbol&&l("activeSymbolChange",a)}),r(()=>e.overlaySubtitle,e=>{const t=d.value,a=e??"";w.value[t]!==a&&(w.value={...w.value,[t]:a})});const C=(e,t)=>{const a=i(e);return"string"==typeof a&&a.trim().length>0?a:t},L=a(()=>ze.map(e=>({label:C(`chart.time-frame.${e}`,e),value:e}))),T=a(()=>Ie.map(e=>({label:C(`chart.time-range.${e}`,e),value:e}))),S=a(()=>Oe.map(e=>({label:C(`chart.type.${e.value}`,e.value),value:e.value,icon:e.icon,chartIcon:e.icon}))),D=a(()=>Be.map(e=>"download-image"===e?{value:e,label:C("chart.snapshot.download-image","Download image"),desc:C("chart.snapshot.download-image-shortcut","Ctrl + Alt + S")}:"copy-image-to-clipboard"===e?{value:e,label:C("chart.snapshot.copy-image-to-clipboard","Copy image"),desc:C("chart.snapshot.copy-image-to-clipboard-shortcut","Ctrl + Shift + S")}:{value:e,label:C("chart.snapshot.open-in-new-tab","Open in new tab"),desc:C("chart.snapshot.open-in-new-tab-shortcut","Alt + S")})),F=a(()=>g.value[d.value]??{timeFrame:m,chartType:p}),P=a(()=>e.chartData&&e.chartData.length>0?e.chartData:Ae(F.value.timeFrame,v)),_=a(()=>{const e=P.value;return e.length>0?e[e.length-1].close:null}),R=a(()=>({selectedTimeFrame:F.value.timeFrame,selectedTimeRange:n.value,selectedChartType:F.value.chartType,customTimeRange:s.value,isExpanded:c.value,isLoading:e.isLoading??!1}));r(R,e=>{l("stateChange",e)},{immediate:!0});const j=t({}),E=e=>g.value[e]?.timeFrame??m,$=async e=>{const t=o.snapshotTargetRef?.value;if(t)switch(e){case"download-image":await(async e=>{try{const t=await re(e,{quality:1,pixelRatio:2}),a=document.createElement("a");a.href=t,a.download=`chart-snapshot-${Date.now()}.png`,a.click()}catch(t){console.error("Failed to download chart image:",t),O.error({message:i("chart.snapshot.error.download"),duration:5e3})}})(t);break;case"copy-image-to-clipboard":await(async e=>{try{const t=await le(e,{quality:1,pixelRatio:2});if(!t?.type||"undefined"==typeof ClipboardItem)throw new Error("Failed to generate image blob");const a=new ClipboardItem({[t.type]:t});await navigator.clipboard.write([a])}catch(t){console.error("Failed to copy chart image to clipboard:",t),O.error({message:i("chart.snapshot.error.copy"),duration:5e3})}})(t);break;case"open-image-in-new-tab":await(async e=>{try{const t=await re(e,{quality:1,pixelRatio:2}),a=window.open();a&&(a.document.write(`\n          <html>\n            <head><title>Chart Snapshot</title></head>\n            <body style="margin:0;display:flex;justify-content:center;align-items:center;min-height:100vh;background:#000;">\n              <img src="${t}" style="max-width:100%;max-height:100vh;" />\n            </body>\n          </html>\n        `),a.document.close())}catch(t){console.error("Failed to open chart image in new tab:",t),O.error({message:i("chart.snapshot.error.open"),duration:5e3})}})(t)}};return{symbol:a(()=>e.symbol??""),overlaySubtitle:a(()=>e.overlaySubtitle??""),chartData:P,selectedTimeFrame:a(()=>F.value.timeFrame),selectedTimeRange:a(()=>n.value),selectedChartType:a(()=>F.value.chartType),customTimeRange:a(()=>s.value),timeFrameOptions:a(()=>e.timeFrameOptions&&e.timeFrameOptions.length>0?e.timeFrameOptions:L.value),timeRangeOptions:a(()=>e.timeRangeOptions&&e.timeRangeOptions.length>0?e.timeRangeOptions:T.value),chartTypeOptions:a(()=>e.chartTypeOptions&&e.chartTypeOptions.length>0?e.chartTypeOptions:S.value),snapshotOptions:a(()=>void 0!==e.snapshotOptions?e.snapshotOptions:D.value),isLoading:a(()=>e.isLoading??!1),isExpanded:a(()=>c.value),isMultiChart:a(()=>u.value!==me),multiChartLayout:a(()=>u.value),chartIds:k,selectedChartId:a(()=>d.value),activeChartLastPrice:_,tickSize:a(()=>e.tickSize),dark:a(()=>e.dark),chartDomId:a(()=>e.chartDomId??"eaera-lightweight-chart-canvas"),overlayTitle:a(()=>e.overlayTitle??""),state:R,getTimeFrameForChart:E,getChartTypeForChart:e=>g.value[e]?.chartType??p,getChartDataForChart:t=>{if(e.chartData&&e.chartData.length>0)return e.chartData;const a=E(t),r=j.value[t];if(r&&r.length>0){const e=Ne[a],t=r[r.length-1].time,l=Math.floor(Date.now()/1e3)-e;if(Math.abs(t-l)<2*e)return r}const l=Ae(a,v);return j.value={...j.value,[t]:l},l},getSymbolForChart:e=>f.value[e]??y,getSymbolDescriptionForChart:e=>w.value[e]??b,onResize:(e,t)=>l("resize",e,t),onChangeTimeFrame:e=>{const t=d.value;g.value[t]&&(g.value[t]={...g.value[t],timeFrame:e}),l("changeTimeFrame",e)},onChangeTimeRange:e=>{n.value=e,l("changeTimeRange",e)},onChangeChartType:e=>{const t=d.value;g.value[t]&&(g.value[t]={...g.value[t],chartType:e}),l("changeChartType",e)},onChangeCustomRange:e=>{s.value=e,l("changeCustomRange",e)},onLoadMoreLeft:()=>l("loadMoreLeft"),onSnapshot:async e=>{await $(e)},onToggleExpanded:()=>{c.value=!c.value,l("toggleExpanded")},onChangeMultiChartLayout:e=>{const t=u.value,a=be(t),r=be(e);if(r<a)return void(x.value=e);if(r>a){const e={...g.value},t={...w.value},l={...f.value},o=d.value,i=e[o]??e["chart-0"],n=t[o]??b,s=l[o]??y;for(let c=a;c<r;c++){const a=`chart-${c}`;e[a]||(e[a]={...i}),t[a]||(t[a]=n),l[a]||(l[a]=s)}g.value=e,w.value=t,f.value=l}u.value=e;parseInt(d.value.split("-")[1]??"0",10)>=r&&(d.value="chart-0"),l("changeMultiChartLayout",e)},onSelectChart:e=>{d.value=e},confirmLayoutSwitch:e=>{const t=x.value;if(!t)return;const a=be(t),r={},o={},i={};e.slice(0,a).forEach((e,t)=>{const a=`chart-${t}`;r[a]=g.value[e]??{timeFrame:m,chartType:p},o[a]=w.value[e]??b,i[a]=f.value[e]??y}),g.value=r,w.value=o,f.value=i,d.value="chart-0",u.value=t,x.value=null,l("changeMultiChartLayout",t)},cancelLayoutSwitch:()=>{x.value=null},pendingLayoutSwitch:a(()=>x.value)}},Ke=e=>e,Ue={class:"p-2.5"},He={class:"w-full h-8 flex items-center justify-between"},Ye={class:"h-full flex items-center gap-1"},qe={key:0,class:"flex items-center gap-1 text-label-lg text-[var(--er-text-primary)]"},We={class:"whitespace-nowrap"},Ze={class:"text-[var(--er-text-secondary)] whitespace-nowrap"},Ge={class:"flex items-center"},Xe={type:"button",class:"flex items-center justify-center h-8 px-3 border-none rounded-lg bg-transparent text-label-lg text-[var(--er-text-primary)] cursor-pointer hover:bg-[var(--er-surface-hover)]"},Je={class:"flex items-center"},Qe={type:"button",class:"flex items-center justify-center w-8 h-8 p-0 border-none rounded-lg bg-transparent text-[var(--er-icon-primary)] cursor-pointer hover:bg-[var(--er-surface-hover)]"},et={class:"h-full flex items-center gap-1"},tt={class:"flex items-center"},at={type:"button",class:"flex items-center justify-center h-8 px-3 border-none rounded-lg bg-transparent text-label-lg text-[var(--er-text-primary)] cursor-pointer hover:bg-[var(--er-surface-hover)]"},rt={class:"flex items-center"},lt={type:"button",class:"flex items-center justify-center w-8 h-8 p-0 border-none rounded-lg bg-transparent text-[var(--er-icon-primary)] cursor-pointer hover:bg-[var(--er-surface-hover)]"},ot={key:1,class:"flex items-center"},it={type:"button",class:"flex items-center justify-center w-8 h-8 p-0 border-none rounded-lg bg-transparent text-[var(--er-icon-primary)] cursor-pointer hover:bg-[var(--er-surface-hover)]"},nt={key:0,class:"text-body-xs text-[var(--er-text-secondary)]"},st={class:"flex items-center"},ct={type:"button",class:"flex items-center justify-center w-8 h-8 p-0 border-none rounded-lg bg-transparent text-[var(--er-icon-primary)] cursor-pointer hover:bg-[var(--er-surface-hover)]"},ut={class:"flex flex-col gap-2 py-4 px-3 min-w-[150px]"},dt={class:"flex items-center gap-3"},mt={class:"w-4"},ht=["onClick"],pt=l({__name:"EaeraLightweightChartHeader",props:{context:{}},setup(e){const t=e,{t:r}=G(),{symbol:l,overlayTitle:x,overlaySubtitle:k,selectedTimeFrame:C,timeFrameOptions:L,chartTypeOptions:T,snapshotOptions:S,isExpanded:D,isMultiChart:F,multiChartLayout:P,onChangeTimeFrame:M,onChangeChartType:_,onSnapshot:R,onToggleExpanded:j,onChangeMultiChartLayout:E}=t.context,$=a(()=>L.value.map(e=>({label:e.label,value:e.value,itemClick:()=>M(e.value)}))),z=a(()=>T.value.map(e=>({label:e.label,value:e.value,itemClick:()=>_(e.value)}))),I=a(()=>S.value.map(e=>({label:e.label,value:e.value,desc:e.desc,itemClick:()=>R(e.value)}))),O=a(()=>[{order:1,options:[{icon:B,id:me}]},{order:2,options:[{icon:N,id:pe},{icon:A,id:he}]},{order:3,options:[{icon:V,id:ge},{icon:K,id:ve}]},{order:4,options:[{icon:U,id:ye}]}]),Z=a(()=>k.value||x.value||""),X=a(()=>{const e=`chart.time-frame.sc.${C.value}`,t=r(e);if("string"==typeof t&&t.trim().length>0&&t!==e)return t;const a=L.value.find(e=>e.value===C.value);return a?.label??C.value}),J=e=>{const t=e.key.toLowerCase();return"escape"===t&&D.value?(e.preventDefault(),void j()):"s"===t?e.ctrlKey&&e.altKey&&!e.shiftKey?(e.preventDefault(),void R("download-image")):e.ctrlKey&&e.shiftKey&&!e.altKey?(e.preventDefault(),void R("copy-image-to-clipboard")):void(!e.altKey||e.ctrlKey||e.shiftKey||(e.preventDefault(),R("open-image-in-new-tab"))):void 0};return o(()=>window.addEventListener("keydown",J)),i(()=>window.removeEventListener("keydown",J)),(e,t)=>{const a=ne,r=ie,o=oe;return n(),s("div",Ue,[c("div",He,[c("div",Ye,[u(F)?(n(),s(m,{key:1},[c("div",Ge,[v(r,{"use-menu":"","dropdown-options":$.value},{menu_item:g(({data:e})=>[c("div",null,d(e.label),1)]),default:g(()=>[c("button",Xe,[v(a,{placement:"right",content:e.$t("chart.tools.tooltip.time-frame")},{default:g(()=>[c("span",null,d(X.value),1)]),_:1},8,["content"])])]),_:1},8,["dropdown-options"])]),v(o,{direction:"vertical"}),c("div",Je,[v(r,{"use-menu":"","dropdown-options":z.value},{menu_item:g(({data:e})=>[c("div",null,d(e.label),1)]),default:g(()=>[c("button",Qe,[v(a,{placement:"right",content:e.$t("chart.tools.tooltip.chart-type-selector")},{default:g(()=>[v(u(H),{size:20,"stroke-width":"1.2","absolute-stroke-width":""})]),_:1},8,["content"])])]),_:1},8,["dropdown-options"])])],64)):(n(),s("div",qe,[c("span",We,d(u(l)),1),Z.value?(n(),s(m,{key:0},[t[1]||(t[1]=c("span",{class:"text-[var(--er-text-secondary)]"},"/",-1)),c("span",Ze,d(Z.value),1)],64)):p("",!0)]))]),c("div",et,[u(F)?p("",!0):(n(),s(m,{key:0},[c("div",tt,[v(r,{"use-menu":"","dropdown-options":$.value},{menu_item:g(({data:e})=>[c("div",null,d(e.label),1)]),default:g(()=>[c("button",at,[v(a,{placement:"right",content:e.$t("chart.tools.tooltip.time-frame")},{default:g(()=>[c("span",null,d(X.value),1)]),_:1},8,["content"])])]),_:1},8,["dropdown-options"])]),v(o,{direction:"vertical"}),c("div",rt,[v(r,{"use-menu":"","dropdown-options":z.value},{menu_item:g(({data:e})=>[c("div",null,d(e.label),1)]),default:g(()=>[c("button",lt,[v(a,{placement:"right",content:e.$t("chart.tools.tooltip.chart-type-selector")},{default:g(()=>[v(u(H),{size:20,"stroke-width":"1.2","absolute-stroke-width":""})]),_:1},8,["content"])])]),_:1},8,["dropdown-options"])])],64)),u(S).length?(n(),s("div",ot,[v(r,{"use-menu":"","dropdown-options":I.value},{menu_item:g(({data:e})=>[c("div",null,[c("div",null,d(e.label),1),e.desc?(n(),s("div",nt,d(e.desc),1)):p("",!0)])]),default:g(()=>[c("button",it,[v(a,{placement:"right",content:e.$t("chart.tools.tooltip.snapshot")},{default:g(()=>[v(u(Y),{size:20,"stroke-width":"1.2","absolute-stroke-width":""})]),_:1},8,["content"])])]),_:1},8,["dropdown-options"])])):p("",!0),c("div",st,[v(r,null,{dropdown:g(()=>[c("div",ut,[(n(!0),s(m,null,y(O.value,(e,t)=>(n(),s("div",{key:t},[c("div",dt,[c("span",mt,d(e.order),1),(n(!0),s(m,null,y(e.options,(e,t)=>(n(),s("div",{key:t,class:b(["cursor-pointer p-[2px] border rounded-xs transition-colors",u(P)===e.id?"border-[var(--er-border-action)] bg-[var(--er-surface-elevated)] text-[var(--er-text-brand)]":"border-[var(--er-border-default)] hover:bg-[var(--er-surface-muted)]"]),onClick:t=>u(E)(e.id)},[(n(),f(w(e.icon),{size:20}))],10,ht))),128))])]))),128))])]),default:g(()=>[c("button",ct,[v(a,{placement:"right",content:e.$t("chart.tools.tooltip.multi-chart")},{default:g(()=>[v(u(q),{size:20,"stroke-width":"1.2","absolute-stroke-width":""})]),_:1},8,["content"])])]),_:1})]),c("button",{type:"button",class:"flex items-center justify-center w-8 h-8 p-0 border-none rounded-lg bg-transparent text-[var(--er-icon-primary)] cursor-pointer hover:bg-[var(--er-surface-hover)]",onClick:t[0]||(t[0]=(...e)=>u(j)&&u(j)(...e))},[v(a,{placement:"bottom",content:e.$t("chart.tools.tooltip.fullscreen")},{default:g(()=>[v(u(W),{size:20,"stroke-width":"1.2","absolute-stroke-width":""})]),_:1},8,["content"])])])])])}}}),vt={class:"border-t border-[var(--er-border-default)] px-3 py-2"},gt={class:"flex justify-between items-center h-6"},yt={class:"h-full flex items-center gap-2 select-none"},bt={class:"h-full flex items-center gap-0.5"},ft=["onClick"],wt={class:"h-full flex items-center select-none"},xt={class:"text-label-md text-[var(--er-text-primary)] whitespace-nowrap","aria-live":"polite"},kt=l({__name:"EaeraLightweightChartFooter",props:{context:{}},setup(e){const r=e,{selectedTimeRange:l,timeRangeOptions:p,onChangeTimeRange:g,onChangeTimeFrame:f,onChangeCustomRange:w}=r.context,x=t(null),k=a(()=>p.value.filter(e=>e.value!==je)),C=(e,t)=>{g(e),f(t)},L=()=>{x.value?.handleOpen()},T=e=>{if(!e||2!==e.length)return;const t={startDate:e[0],endDate:e[1]};w(t),C(je,ke)},S=e=>{const t=Intl.DateTimeFormat().resolvedOptions().timeZone||"UTC",a=-e.getTimezoneOffset(),r=`UTC${a>=0?"+":"-"}${String(Math.floor(Math.abs(a)/60)).padStart(2,"0")}:${String(Math.abs(a)%60).padStart(2,"0")}`;return`${new Intl.DateTimeFormat("en-US",{timeZone:t,year:"numeric",month:"long",day:"numeric"}).format(e)} ${new Intl.DateTimeFormat("en-US",{timeZone:t,hour:"2-digit",minute:"2-digit",second:"2-digit",hour12:!1}).format(e)} ${r}`},D=t("");let F;const P=()=>{D.value=S(new Date)};return o(()=>{P(),F=window.setInterval(P,1e3)}),i(()=>{void 0!==F&&clearInterval(F)}),(e,t)=>{const a=oe;return n(),s("div",vt,[c("div",gt,[c("div",yt,[c("div",bt,[(n(!0),s(m,null,y(k.value,e=>(n(),s("button",{key:e.value,type:"button",class:b(["h-full flex items-center px-1 border-none rounded text-label-md text-[var(--er-text-primary)] cursor-pointer whitespace-nowrap bg-transparent hover:bg-[var(--er-surface-elevated)]",{"bg-[var(--er-surface-elevated)]":u(l)===e.value}]),onClick:t=>(e=>{switch(e){case Fe:C(Fe,fe);break;case Pe:C(Pe,ke);break;case Me:C(Me,ke);break;case _e:C(_e,Te);break;case Re:C(Re,Se);break;default:C(e,Se)}})(e.value)},d(e.label),11,ft))),128)),v(a,{direction:"vertical",class:"mx-1"}),c("button",{type:"button",class:"flex items-center justify-center w-6 h-6 p-0 border-none rounded bg-transparent text-[var(--er-icon-primary)] cursor-pointer hover:bg-[var(--er-surface-hover)]",onClick:L},[v(u(Z),{size:20,"absolute-stroke-width":"","stroke-width":"1.2"})]),v(u(se),{ref_key:"customDateRef",ref:x,"value-format":"YYYY-MM-DD",type:"daterange",class:"hidden",onChange:T},null,512)])]),c("div",wt,[c("span",xt,d(D.value),1)])])])}}}),Ct=(e,t,a=6)=>{if(!e.length||a<=0)return e;const r=Math.max(1,Math.floor((e=>({[fe]:6e4,[we]:3e5,[xe]:9e5,[ke]:18e5,[Ce]:36e5,[Le]:144e5,[Te]:864e5,[Se]:6048e5,[De]:2592e6}[e]))(t)/1e3)),l=e[e.length-1]?.time;if("number"!=typeof l||Number.isNaN(l))return e;const o=Array.from({length:a},(e,t)=>({time:l+r*(t+1)}));return[...e,...o]},Lt=e=>{const t=Tt(e);return t?((e,t)=>new Intl.DateTimeFormat(void 0,{timeZone:"UTC",...t}).format(e))(t,{day:"2-digit",month:"2-digit",year:"numeric",hour:"2-digit",minute:"2-digit",hour12:!1}):""},Tt=e=>{if(null==e)return null;if("number"==typeof e)return new Date(1e3*e);if("string"==typeof e){const t=new Date(e);return Number.isNaN(t.getTime())?null:t}return R(e)?new Date(e.year,e.month-1,e.day):null},St=e=>e?{surfacePrimary:"#191D23",surfacePositive:"#16c784",surfaceNegative:"#ef4444",surfaceElevated:"#323A45",textPrimary:"#F0F1F3",textSecondary:"#B1B9C5",borderPrimary:"#323A45",borderPrimaryInverse:"#D8DCE2",borderAction:"#A259FB",areaTop:"#A259FB4D",areaBottom:"#A259FB0D"}:{surfacePrimary:"white",surfacePositive:"#16c784",surfaceNegative:"#ef4444",surfaceElevated:"#d8dce2",textPrimary:"#0f1115",textSecondary:"#4b5768",borderPrimary:"#d8dce2",borderPrimaryInverse:"#323a45",borderAction:"#A259FB",areaTop:"#A259FB4D",areaBottom:"#A259FB0D"},Dt=e=>{const t={width:0,height:0};const a=(e=>{const t=St(e);return{background:{type:j.Solid,color:t.surfacePrimary},textColor:t.textSecondary}})(e),r=(e=>{const t=St(e);return{vertLines:{color:t.borderPrimary,visible:!0,style:0},horzLines:{color:t.borderPrimary,visible:!0,style:0}}})(e),l=(e=>{const t=St(e);return{mode:0,vertLine:{color:t.borderPrimaryInverse,width:1,style:3,visible:!0,labelVisible:!0,labelBackgroundColor:t.surfaceElevated},horzLine:{color:t.borderPrimaryInverse,width:1,style:3,visible:!0,labelVisible:!0,labelBackgroundColor:t.surfacePositive}}})(e),o=(e=>{const t=St(e);return{rightPriceScale:{borderColor:t.borderPrimary,scaleMargins:{top:.3,bottom:.1},textColor:t.textSecondary},timeScale:{borderColor:t.borderPrimary,timeVisible:!0,rightOffsetPixels:48,allowShiftVisibleRangeOnWhitespaceReplacement:!0,textColor:t.textSecondary}}})(e);return{...t,layout:a,grid:r,crosshair:l,localization:{timeFormatter:e=>Lt(e)},...o}},Ft=e=>{const t=St(e);return{upColor:t.surfacePositive,downColor:t.surfaceNegative,borderVisible:!1,wickUpColor:t.surfacePositive,wickDownColor:t.surfaceNegative}},Pt=["id"],Mt={class:"absolute top-2 left-2 z-10 flex gap-x-4 gap-y-1 flex-wrap w-full"},_t={key:0,class:"text-label-lg font-semibold max-w-[calc(100%-1rem)]"},Rt={class:"text-[var(--er-text-secondary)] whitespace-nowrap"},jt={key:1,class:"flex flex-wrap gap-x-2 gap-y-0.5 text-label-lg font-semibold max-w-[calc(100%-1rem)]"},Et={class:"text-[var(--er-text-secondary)]"},$t={class:"text-[var(--er-text-secondary)]"},zt={class:"text-[var(--er-text-secondary)]"},It={class:"text-[var(--er-text-secondary)]"},Ot=l({__name:"EaeraChartCanvas",props:{chartData:{default:()=>[]},selectedChartType:{default:ce},selectedTimeFrame:{default:fe},dark:{type:Boolean,default:!1},tickSize:{default:null},symbol:{default:""},symbolDescription:{default:""},isMultiChart:{type:Boolean,default:!1},chartDomId:{default:void 0},openLabel:{default:"O"},highLabel:{default:"H"},lowLabel:{default:"L"},closeLabel:{default:"C"}},emits:["loadMoreLeft","resize"],setup(e,{expose:l,emit:u}){const m=e,v=u,g="undefined"!=typeof crypto&&crypto.randomUUID?crypto.randomUUID().slice(0,8):Math.random().toString(36).slice(2,10),y=a(()=>m.chartDomId??`eaera-chart-canvas-${g}`),b=x(null),f=x(null),{width:w,height:L}=_(b),T=x(null),S=x(null),D=t(0),F=()=>{D.value+=1},P={openPrice:null,highPrice:null,lowPrice:null,closePrice:null,time:null,state:null,symbolLabel:m.symbol},M=x({...P}),R=a(()=>M.value.state?{color:`var(--er-text-${M.value.state})`}:{}),j=a(()=>m.dark??!1),O=a(()=>{const e=Number(m.tickSize??.01);return!Number.isFinite(e)||e<=0?.01:e}),B=e=>{if(!Number.isFinite(e)||e<=0)return 2;const t=e.toLocaleString("en-US",{useGrouping:!1,maximumFractionDigits:20}),a=(t.includes(".")?t.replace(/0+$/,"").replace(/\.$/,""):t).split(".")[1];return a?a.length:0},N=e=>Number.isFinite(e)?Number(e.toFixed(B(O.value))):e,A=a(()=>{const e=new Map;return m.chartData.forEach(t=>{e.set(t.time,t)}),e}),V=a(()=>{const e=Ct(m.chartData,m.selectedTimeFrame,30);return m.selectedChartType===ue||m.selectedChartType===de?e.map(e=>"open"in e?{time:e.time,value:e.close}:{time:e.time}):e}),K=a(()=>m.chartData.map(e=>e.time)),U=()=>{M.value={...P,symbolLabel:m.symbol}},H=()=>{S.value&&T.value&&(S.value.applyOptions({priceFormat:{type:"price",precision:B(O.value),minMove:O.value}}),T.value.priceScale("right").applyOptions({ticksVisible:!1,ensureEdgeTickMarksVisible:!0}))},Y=()=>{T.value&&S.value&&(T.value.removeSeries(S.value),S.value=null)},q=e=>{if(T.value){switch(Y(),e){case ce:S.value=T.value.addSeries(E,Ft(j.value));break;case ue:S.value=T.value.addSeries(z,(t=j.value,{color:St(t).borderAction,lineWidth:2,lineStyle:0,crosshairMarkerVisible:!0,crosshairMarkerRadius:4}));break;case de:S.value=T.value.addSeries($,(e=>{const t=St(e);return{lineColor:t.borderAction,topColor:t.areaTop,bottomColor:t.areaBottom,lineWidth:2,lineStyle:0,crosshairMarkerVisible:!0,crosshairMarkerRadius:4}})(j.value));break;default:S.value=T.value.addSeries(E,Ft(j.value))}var t;H(),F()}},W=()=>{S.value&&(S.value.setData(V.value),H(),F())};let Z=null,G=null;const X=()=>{T.value&&(Z&&(T.value.unsubscribeCrosshairMove(Z),Z=null),G&&(T.value.timeScale().unsubscribeVisibleLogicalRangeChange(G),G=null))},J=()=>{((e,t)=>{T.value&&(T.value.applyOptions({width:e,height:t}),F(),v("resize",e,t))})(Math.max(0,w.value),Math.max(0,L.value))},Q=()=>{f.value&&(T.value=I(f.value,Dt(j.value)),F(),q(m.selectedChartType),W(),T.value&&(X(),Z=e=>{const t="number"==typeof e.time?e.time:null;if(null===t)return void U();const a=A.value.get(t);a?M.value={openPrice:N(a.open),highPrice:N(a.high),lowPrice:N(a.low),closePrice:N(a.close),time:t,state:a.close>=a.open?"success":"error",symbolLabel:m.symbol}:U()},G=e=>{e&&e.from<=10&&v("loadMoreLeft")},T.value.subscribeCrosshairMove(Z),T.value.timeScale().subscribeVisibleLogicalRangeChange(G)),J())};return r([w,L],J),r(()=>m.selectedChartType,e=>{q(e),W()}),r([()=>m.chartData,()=>m.selectedTimeFrame,O],()=>{W()}),r(j,()=>{T.value&&(T.value.applyOptions(Dt(j.value)),q(m.selectedChartType),W())},{immediate:!0}),r(()=>m.symbol,e=>{M.value.symbolLabel=e}),o(async()=>{await k(),Q()}),i(()=>{X(),Y(),T.value&&(T.value.remove(),T.value=null,F()),U()}),l({chartInstance:T,currentSeries:S,chartRenderKey:D,crosshairData:M,chartDataTimes:K,roundPriceByTickSize:N,clearCrosshairData:U,syncSeriesData:W}),(t,a)=>(n(),s("div",{ref_key:"containerRef",ref:b,class:"relative w-full h-full min-h-0 min-w-0"},[c("div",{id:y.value,ref_key:"chartRef",ref:f,class:"w-full h-full"},null,8,Pt),c("div",Mt,[e.isMultiChart&&e.symbolDescription?(n(),s("div",_t,[c("span",Rt,d(e.symbolDescription),1)])):p("",!0),null!==M.value.closePrice?(n(),s("div",jt,[c("div",null,[c("span",Et,d(e.openLabel),1),c("span",{style:C(R.value)},d(M.value.openPrice),5)]),c("div",null,[c("span",$t,d(e.highLabel),1),c("span",{style:C(R.value)},d(M.value.highPrice),5)]),c("div",null,[c("span",zt,d(e.lowLabel),1),c("span",{style:C(R.value)},d(M.value.lowPrice),5)]),c("div",null,[c("span",It,d(e.closeLabel),1),c("span",{style:C(R.value)},d(M.value.closePrice),5)])])):p("",!0)])],512))}}),Bt=l({__name:"EaeraLightweightChartDrawingPlugin",props:{chart:{},series:{},symbol:{},selectedTimeFrame:{},chartDataTimes:{},isDark:{type:Boolean},floatingTarget:{},headerHeight:{},footerHeight:{},config:{}},emits:["stateChange"],setup(e,{emit:t}){const r=e,l=t,o=a(()=>r.selectedTimeFrame),i=a(()=>({position:"absolute",left:"0px",right:"0px",top:`${r.headerHeight}px`,bottom:`${r.footerHeight}px`,height:"auto",zIndex:20})),s=e=>{l("stateChange",e)};return(t,a)=>(n(),f(u(X),{chart:e.chart,series:e.series,symbol:e.symbol,"selected-time-frame":o.value,"chart-data-times":e.chartDataTimes,drawings:e.config.drawings,"is-dark":e.isDark,"create-drawing":e.config.createDrawing,"update-drawing":e.config.updateDrawing,"delete-drawing":e.config.deleteDrawing,"load-drawings":e.config.loadDrawings,"delete-all-drawings":e.config.deleteAllDrawings,"floating-target":e.floatingTarget,"floating-layer-style":i.value,"show-sidebar":e.config.showSidebar??!0,"show-floating-toolbar":e.config.showFloatingToolbar??!0,onStateChange:s},null,8,["chart","series","symbol","selected-time-frame","chart-data-times","drawings","is-dark","create-drawing","update-drawing","delete-drawing","load-drawings","delete-all-drawings","floating-target","floating-layer-style","show-sidebar","show-floating-toolbar"]))}}),Nt=l({__name:"EaeraLightweightChartOrderlinePlugin",props:{chart:{},series:{},renderKey:{},isDark:{type:Boolean},config:{}},emits:["stateChange"],setup(e,{expose:a,emit:r}){const l=e,o=r,i=t(null),s=e=>{l.config.onDeleteLine(e)},c=(e,t)=>{l.config.onLinePriceChange(e,t)},d=(e,t)=>{l.config.onLinePricePreview?.(e,t)},m=e=>{l.config.onDragStateChange?.(e)},p=(e,t,a)=>{l.config.onSLTPChange?.(e,t,a)},v=e=>{o("stateChange",e)};return a({openMenu:e=>{i.value?.openMenu?.(e)}}),(t,a)=>(n(),f(u(J),{ref_key:"overlayRef",ref:i,"order-lines":e.config.orderLines,"chart-instance":e.chart,"series-instance":e.series,"order-line-tool":e.config.orderLineTool??null,"render-key":e.renderKey,"market-price":e.config.marketPrice??null,"tick-size":e.config.tickSize??null,dark:e.isDark,onDeleteLine:s,onLinePriceChange:c,onLinePricePreview:d,onDragStateChange:m,onSlTpChange:p,onStateChange:v},null,8,["order-lines","chart-instance","series-instance","order-line-tool","render-key","market-price","tick-size","dark"]))}}),At=["onClick"],Vt=.01,Kt="text-[color:var(--er-text-success)]",Ut="text-[color:var(--er-text-danger)]",Ht="border-[color:var(--er-surface-muted)] bg-[color:var(--er-surface-elevated)]",Yt=ee(l({__name:"ChartContextMenu",props:{symbol:{},tickSize:{default:null}},emits:["action"],setup(e,{expose:r,emit:l}){const u=e,w=l,x=t(!1),k=t({x:0,y:0}),D=t(null),F=t("plot"),P=t(null),M=a(()=>({position:"fixed",zIndex:2,top:`${k.value.y}px`,left:`${k.value.x}px`})),_=["fixed","z-[2]","flex","flex-col","min-w-[240px]","py-2","border","rounded-sm","shadow-lg","surface-[var(--er-surface-page)]"],R=["flex","items-center","h-8","px-2","cursor-pointer","select-none","rounded-sm","hover:bg-[var(--er-action-neutral-subtle-hover)]"],j=["px-2","font-[family-name:var(--er-font-brand),system-ui,sans-serif]","text-[14px]","font-normal","leading-5","tracking-[0.018em]","text-[color:var(--er-action-neutral-default)]","whitespace-nowrap"];a(()=>[..._,Ht].join(" "));const E=a(()=>{const e=u.symbol||"GBPUSD",t=null!=D.value?D.value.toFixed(5):"—";return[{label:"Reset chart view",tone:"neutral",action:"reset-view"},..."plot"===F.value?[{label:`Buy Market 0.01 ${e}`,tone:"buy",action:"buy-market"},{label:`Sell Market 0.01 ${e}`,tone:"sell",action:"sell-market"},{label:`Buy Limit 0.01 ${e}`,tone:"buy",action:"buy-limit"},{label:`Sell Limit 0.01 ${e}`,tone:"sell",action:"sell-limit"},{label:`Buy Stop 0.01 ${e}`,tone:"buy",action:"buy-stop"},{label:`Buy Stop Limit 0.01 ${e}`,tone:"buy",action:"buy-stop-limit"},{label:`Sell Stop 0.01 ${e}`,tone:"sell",action:"sell-stop"},{label:`Sell Stop Limit 0.01 ${e}`,tone:"sell",action:"sell-stop-limit"},{label:"Lock vertical cursor line by time",tone:"neutral",action:"lock-cursor"}]:[],{label:`Copy price ${t}`,tone:"neutral",action:"copy-price"},{label:"Paste",tone:"neutral",action:"paste"}]}),$=new Set(["buy-limit","sell-limit","buy-stop","buy-stop-limit","sell-stop","sell-stop-limit"]),z={"buy-limit":{title:"Buy Limit",side:"buy",showStopLimitPrice:!1},"sell-limit":{title:"Sell Limit",side:"sell",showStopLimitPrice:!1},"buy-stop":{title:"Buy Stop",side:"buy",showStopLimitPrice:!1},"buy-stop-limit":{title:"Buy Stop Limit",side:"buy",showStopLimitPrice:!0},"sell-stop":{title:"Sell Stop",side:"sell",showStopLimitPrice:!1},"sell-stop-limit":{title:"Sell Stop Limit",side:"sell",showStopLimitPrice:!0}},I={"buy-market":{side:"buy",orderType:"market"},"sell-market":{side:"sell",orderType:"market"},"buy-limit":{side:"buy",orderType:"buy_limit"},"sell-limit":{side:"sell",orderType:"sell_limit"},"buy-stop":{side:"buy",orderType:"buy_stop"},"buy-stop-limit":{side:"buy",orderType:"buy_stop_limit"},"sell-stop":{side:"sell",orderType:"sell_stop"},"sell-stop-limit":{side:"sell",orderType:"sell_stop_limit"}},O=()=>{x.value=!1,P.value=null},B=()=>{P.value=null,x.value=!1},N=e=>{if(!P.value)return;const t=I[P.value.action];t&&(w("action",P.value.action,{symbol:u.symbol,price:e.price?Number(e.price):D.value,side:t.side,orderType:t.orderType,volume:e.volume?Number(e.volume):Vt,stopLimitPrice:e.stopLimitPrice?Number(e.stopLimitPrice):void 0,takeProfit:e.takeProfitEnabled&&e.takeProfit?Number(e.takeProfit):void 0,stopLoss:e.stopLossEnabled&&e.stopLoss?Number(e.stopLoss):void 0,comment:e.comment||void 0}),B())},A=e=>{(x.value||P.value)&&O()},V=e=>{"Escape"===e.key&&(x.value||P.value)&&O()};return o(()=>{document.addEventListener("mousedown",A),document.addEventListener("keydown",V)}),i(()=>{document.removeEventListener("mousedown",A),document.removeEventListener("keydown",V)}),r({open:(e,t,a,r="plot")=>{k.value={x:e,y:t},D.value=a,F.value=r,P.value=null,x.value=!0},close:O}),(t,a)=>(n(),f(L,{to:"body"},[v(T,{name:"context-menu-fade"},{default:g(()=>[P.value?(n(),s("div",{key:0,class:b("fixed z-[2]"),style:C(M.value),onMousedown:a[0]||(a[0]=S(()=>{},["stop"]))},[v(Q,{title:P.value.title,"status-tag-text":P.value.statusTagText,side:P.value.side,symbol:e.symbol,"reference-price":D.value,"tick-size":e.tickSize,"show-stop-limit-price":P.value.showStopLimitPrice,"initial-comment":P.value.initialComment,onConfirm:N,onDiscard:B,onClose:B},null,8,["title","status-tag-text","side","symbol","reference-price","tick-size","show-stop-limit-price","initial-comment"])],36)):x.value?(n(),s("div",{key:1,class:b(_),style:C({top:`${k.value.y}px`,left:`${k.value.x}px`}),onClick:a[1]||(a[1]=S(()=>{},["stop"]))},[(n(!0),s(m,null,y(E.value,(e,t)=>{return n(),s("div",{key:t,class:b((e.tone,[...R].join(" "))),onClick:t=>(e=>{if("buy-market"===e.action||"sell-market"===e.action){const t=I[e.action];return w("action",e.action,{symbol:u.symbol,price:D.value,side:t.side,orderType:t.orderType,volume:Vt}),void O()}if($.has(e.action)){const t=z[e.action];return void(P.value={action:e.action,title:t.title,statusTagText:`${t.title} 0.01`,side:t.side,showStopLimitPrice:t.showStopLimitPrice,initialComment:""})}w("action",e.action,{symbol:u.symbol,price:D.value}),O()})(e)},[c("span",{class:b((a=e.tone,"buy"===a?[...j,Kt].join(" "):"sell"===a?[...j,Ut].join(" "):j.join(" ")))},d(e.label),3)],10,At);var a}),128))],4)):p("",!0)]),_:1})]))}}),[["__scopeId","data-v-a1ce2602"]]),qt={class:"flex flex-col gap-3 py-2"},Wt={class:"text-body-sm text-[var(--er-text-secondary)]"},Zt=["onClick"],Gt={class:"flex items-center gap-1.5"},Xt={key:0,width:"10",height:"10",viewBox:"0 0 12 12",fill:"none"},Jt={class:"text-label-md font-medium text-[var(--er-text-primary)] truncate"},Qt={class:"flex justify-end gap-3"},ea=l({__name:"SwitchMultiChartDialog",props:{isVisible:{type:Boolean},sourceLayout:{},sourcePanes:{},targetCount:{}},emits:["confirm","cancel"],setup(e,{emit:l}){const o=e,i=l,u=t([]),w={width:"120px",height:"64px"},x=a(()=>{switch(o.sourceLayout){case he:case ve:return"grid-cols-1";case pe:return"grid-cols-2";case ge:return"grid-cols-3";case ye:return"grid-cols-2 grid-rows-2";default:return"grid-cols-1"}}),k=e=>u.value.includes(e),C=()=>{u.value.length===o.targetCount&&i("confirm",[...u.value])},L=()=>{i("cancel")},T=()=>{i("cancel")};return r(()=>o.isVisible,e=>{e&&(u.value=o.sourcePanes.slice(0,o.targetCount).map(e=>e.id))},{immediate:!0}),(t,a)=>{const r=ae,l=te;return n(),f(l,{"dialog-visible":e.isVisible,width:"400px","append-body":"","destroy-on-close":"","close-on-click-modal":!0,"close-on-press-escape":!0,onClose:T},{header:g(()=>[...a[0]||(a[0]=[c("span",{class:"text-title-sm"},"Switch Multi-Chart",-1)])]),default:g(()=>[c("div",qt,[c("span",Wt," Select "+d(e.targetCount)+" pane"+d(e.targetCount>1?"s":"")+" to keep* ",1),c("div",{class:b(["grid gap-1 justify-start",x.value])},[(n(!0),s(m,null,y(e.sourcePanes,e=>{return n(),s("div",{key:e.id,class:b(["flex flex-col items-center justify-center rounded-sm border cursor-pointer transition-colors p-2",k(e.id)?"border-[var(--er-border-action)] bg-[var(--er-surface-elevated)]":(t=e.id,!k(t)&&u.value.length>=o.targetCount?"border-[var(--er-border-default)] opacity-40 cursor-not-allowed":"border-[var(--er-border-default)] hover:bg-[var(--er-surface-muted)]")]),style:w,onClick:t=>(e=>{k(e)?u.value=u.value.filter(t=>t!==e):u.value.length>=o.targetCount||(u.value=[...u.value,e])})(e.id)},[c("div",Gt,[c("div",{class:b(["flex items-center justify-center w-4 h-4 rounded-sm border transition-colors shrink-0",k(e.id)?"border-[var(--er-border-action)] bg-[var(--er-border-action)]":"border-[var(--er-border-muted)]"])},[k(e.id)?(n(),s("svg",Xt,[...a[1]||(a[1]=[c("path",{d:"M10 3L4.5 8.5L2 6",stroke:"white","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"},null,-1)])])):p("",!0)],2),c("span",Jt,d(e.symbol||`Pane ${e.index+1}`),1)])],10,Zt);var t}),128))],2)])]),footer:g(()=>[c("div",Qt,[v(r,{color:"secondary",onClick:L},{default:g(()=>[...a[2]||(a[2]=[D("Cancel",-1)])]),_:1}),v(r,{color:"primary",disabled:u.value.length!==e.targetCount,onClick:C},{default:g(()=>[...a[3]||(a[3]=[D(" Confirm ",-1)])]),_:1},8,["disabled"])])]),_:1},8,["dialog-visible"])}}}),ta={key:1,class:"relative w-full flex-1 min-h-0"},aa=["onClick"],ra=l({__name:"index",props:{symbol:{},chartData:{},selectedTimeFrame:{},selectedTimeRange:{},selectedChartType:{},customTimeRange:{},timeFrameOptions:{},timeRangeOptions:{},chartTypeOptions:{},snapshotOptions:{},isLoading:{type:Boolean},isExpanded:{type:Boolean},multiChartLayout:{},dataBarCount:{},tickSize:{},dark:{type:Boolean},chartDomId:{},overlayTitle:{},overlaySubtitle:{},openLabel:{},highLabel:{},lowLabel:{},closeLabel:{},plugins:{},drawingPlugin:{},orderlinePlugin:{}},emits:["resize","changeTimeFrame","changeTimeRange","changeChartType","changeCustomRange","loadMoreLeft","toggleExpanded","changeMultiChartLayout","stateChange","drawingStateChange","orderlineStateChange","contextMenuAction","activeSymbolChange"],setup(r,{expose:l,emit:o}){const i=r,c=o,d=x(null),g=Ve(i,c,{snapshotTargetRef:d}),{isLoading:w,symbol:k,overlaySubtitle:C,chartData:L,selectedTimeFrame:T,selectedChartType:D,tickSize:M,dark:_,isMultiChart:R,multiChartLayout:j,chartIds:E,selectedChartId:$}=g,z=x(null),I=t({}),O=x(null),B=x(null),N=x(null),A=x(null),V=a(()=>_.value??!1),K=a(()=>O.value?.$el?.offsetHeight??0),U=a(()=>B.value?.$el?.offsetHeight??0),H=a(()=>E.value.map((e,t)=>({id:e,index:t,symbol:g.getSymbolForChart(e),description:g.getSymbolDescriptionForChart(e),timeFrame:g.getTimeFrameForChart(e)}))),Y=a(()=>z.value?.chartInstance??null),q=a(()=>z.value?.currentSeries??null),W=a(()=>z.value?.chartRenderKey??0),Z=a(()=>z.value?.chartDataTimes??[]),G=a(()=>i.plugins??[]),X=a(()=>i.drawingPlugin??null),J=a(()=>i.orderlinePlugin??null),Q=a(()=>G.value.includes(Ee)&&!!X.value),ee=a(()=>G.value.includes($e)&&!!J.value),te=a(()=>Q.value&&(X.value?.showSidebar??!0)),ae=e=>{c("drawingStateChange",e)},re=e=>{c("orderlineStateChange",e)},le=e=>{if(R.value)return;const t=z.value;if(!t)return;let a=t.crosshairData?.closePrice??null,r="plot";const l=t.chartInstance,o=t.currentSeries;if(l&&o){const i=l.chartElement().getBoundingClientRect(),n=e.clientY-i.top,s=o.coordinateToPrice(n);null!=s&&(a=t.roundPriceByTickSize?.(s));const c=l.priceScale("right").width(),u=l.priceScale("left").width(),d=e.clientX-i.left;(d<u||d>i.width-c)&&(r="axis")}N.value?.open(e.clientX,e.clientY,a,r)},oe=(e,t)=>{c("contextMenuAction",e,t)},ie=a(()=>["flex flex-1 flex-col min-h-0 min-w-0 h-full overflow-hidden relative rounded-xs bg-[var(--er-surface-page)]",{"rounded-l-none":te.value&&!R.value}]),ne=a(()=>{switch(j.value){case he:case ve:return"flex flex-col";case pe:case ge:return"flex flex-row";case ye:return"grid grid-cols-2 grid-rows-2";default:return"flex flex-row"}}),se=e=>["min-h-0 min-w-0 rounded-sm overflow-hidden ring-1 transition-all cursor-pointer",j.value===ye?"h-full w-full":"flex-1",$.value===e?"ring-[var(--er-border-action)]":"ring-[var(--er-border-default)]"];return l({state:g.state,selectedTimeFrame:g.selectedTimeFrame,selectedTimeRange:g.selectedTimeRange,selectedChartType:g.selectedChartType,customTimeRange:g.customTimeRange,isExpanded:g.isExpanded,isMultiChart:g.isMultiChart,multiChartLayout:g.multiChartLayout,selectedChartId:g.selectedChartId,activeChartLastPrice:g.activeChartLastPrice,chartInstance:Y,currentSeries:q,chartRenderKey:W,headerHeight:K,footerHeight:U,takeSnapshot:g.onSnapshot,openMenu:e=>{A.value?.openMenu?.(e)}}),(t,a)=>{const r=e;return n(),s("div",{class:"flex h-full w-full min-h-0 min-w-0 gap-1 overflow-hidden",onContextmenu:S(le,["prevent"])},[!u(R)&&Q.value&&X.value?(n(),f(Bt,{key:0,chart:Y.value,series:q.value,symbol:u(k),"selected-time-frame":u(T),"chart-data-times":Z.value,"is-dark":V.value,"floating-target":d.value,"header-height":K.value,"footer-height":U.value,config:X.value,onStateChange:ae},null,8,["chart","series","symbol","selected-time-frame","chart-data-times","is-dark","floating-target","header-height","footer-height","config"])):p("",!0),F((n(),s("div",{ref_key:"lightweightChartRef",ref:d,class:b(ie.value)},[!u(R)&&ee.value&&J.value?(n(),f(Nt,{key:0,ref_key:"orderlinePluginRef",ref:A,chart:Y.value,series:q.value,"render-key":W.value,"is-dark":V.value,config:J.value,onStateChange:re},null,8,["chart","series","render-key","is-dark","config"])):p("",!0),v(u(pt),{ref_key:"headerRef",ref:O,context:u(g)},null,8,["context"]),u(R)?(n(),s("div",{key:2,class:b(["w-full flex-1 min-h-0 gap-2 p-1",ne.value])},[(n(!0),s(m,null,y(u(E),e=>(n(),s("div",{key:e,class:b(se(e)),onClick:t=>u(g).onSelectChart(e)},[v(Ot,{ref_for:!0,ref:t=>((e,t)=>{I.value[e]=t??null})(e,t),"chart-data":u(g).getChartDataForChart(e),"selected-chart-type":u(g).getChartTypeForChart(e),"selected-time-frame":u(g).getTimeFrameForChart(e),dark:V.value,"tick-size":u(M),symbol:u(g).getSymbolForChart(e),"symbol-description":u(g).getSymbolDescriptionForChart(e),"is-multi-chart":!0,"open-label":i.openLabel,"high-label":i.highLabel,"low-label":i.lowLabel,"close-label":i.closeLabel,onLoadMoreLeft:u(g).onLoadMoreLeft},null,8,["chart-data","selected-chart-type","selected-time-frame","dark","tick-size","symbol","symbol-description","open-label","high-label","low-label","close-label","onLoadMoreLeft"])],10,aa))),128))],2)):(n(),s("div",ta,[v(Ot,{ref_key:"primaryCanvasRef",ref:z,"chart-data":u(L),"selected-chart-type":u(D),"selected-time-frame":u(T),dark:V.value,"tick-size":u(M),symbol:u(k),"symbol-description":u(C),"is-multi-chart":!1,"open-label":i.openLabel,"high-label":i.highLabel,"low-label":i.lowLabel,"close-label":i.closeLabel,onLoadMoreLeft:u(g).onLoadMoreLeft,onResize:u(g).onResize},null,8,["chart-data","selected-chart-type","selected-time-frame","dark","tick-size","symbol","symbol-description","open-label","high-label","low-label","close-label","onLoadMoreLeft","onResize"])])),v(u(kt),{ref_key:"footerRef",ref:B,context:u(g)},null,8,["context"]),P(t.$slots,"chart-overlay")],2)),[[r,u(w)]]),u(R)?p("",!0):(n(),f(Yt,{key:1,ref_key:"contextMenuRef",ref:N,symbol:u(k),onAction:oe},null,8,["symbol"])),u(g).pendingLayoutSwitch.value?(n(),f(ea,{key:2,"is-visible":!!u(g).pendingLayoutSwitch.value,"source-layout":u(j),"source-panes":H.value,"target-count":u(be)(u(g).pendingLayoutSwitch.value),onConfirm:u(g).confirmLayoutSwitch,onCancel:u(g).cancelLayoutSwitch},null,8,["is-visible","source-layout","source-panes","target-count","onConfirm","onCancel"])):p("",!0)],32)}}});export{ra as default,Ve as provideEaeraLightweightChart,Ke as useEaeraLightweightChart};

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

@@ -0,0 +1,3 @@
+export { default as EaeraMarketDepthSearch } from './EaeraMarketDepthSearch';
+export { default as EaeraMarketDepthTable } from './EaeraMarketDepthTable';
+export { default as EaeraMarketDepthPriceRow } from './EaeraMarketDepthPriceRow';

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

@@ -0,0 +1,47 @@
+import { EaeraMarketDepthProps, EaeraMarketDepthSearchOption, EaeraMarketDepthState } from '../../../types/EaeraMarketDepth';
+import { DefineComponent, ComputedRef, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        'search-dropdown'?(_: {
+            options: EaeraMarketDepthSearchOption[];
+            selected: string;
+            minWidth: string;
+            loading: boolean;
+            fetchingSymbolLabel: string;
+            symbolNotFoundLabel: string;
+            selectOption: (value: string) => void;
+        }): any;
+    };
+    refs: {
+        searchRef: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<EaeraMarketDepthProps, {
+    state: ComputedRef<EaeraMarketDepthState>;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    resize: (width: number, height: number) => any;
+    wheel: (deltaY: number) => any;
+    stateChange: (state: EaeraMarketDepthState) => any;
+    "update:searchValue": (value: string) => any;
+    "select-search-option": (value: string) => any;
+    "back-center": () => any;
+}, string, PublicProps, Readonly<EaeraMarketDepthProps> & Readonly<{
+    onResize?: ((width: number, height: number) => any) | undefined;
+    onWheel?: ((deltaY: number) => any) | undefined;
+    onStateChange?: ((state: EaeraMarketDepthState) => any) | undefined;
+    "onUpdate:searchValue"?: ((value: string) => any) | undefined;
+    "onSelect-search-option"?: ((value: string) => any) | undefined;
+    "onBack-center"?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
+    searchRef: HTMLDivElement;
+}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/webtrade/EaeraMarketDepth/useEaeraMarketDepth.d.ts

@@ -0,0 +1,30 @@
+import { ComputedRef, WritableComputedRef } from 'vue';
+import { EaeraMarketDepthEmitFn, EaeraMarketDepthPriceDirection, EaeraMarketDepthProps, EaeraMarketDepthRow, EaeraMarketDepthSearchOption, EaeraMarketDepthState, EaeraMarketDepthViewportVsLast } from '../../../types/EaeraMarketDepth';
+interface EaeraMarketDepthContext {
+    searchValue: WritableComputedRef<string>;
+    searchPlaceholder: ComputedRef<string>;
+    searchOptions: ComputedRef<EaeraMarketDepthSearchOption[]>;
+    selectedSearchOption: ComputedRef<string>;
+    loadingSearchOptions: ComputedRef<boolean>;
+    rows: ComputedRef<EaeraMarketDepthRow[]>;
+    levels: ComputedRef<number>;
+    lastPrice: ComputedRef<number>;
+    previousPrice: ComputedRef<number>;
+    tickSize: ComputedRef<number | null | undefined>;
+    priceDirection: ComputedRef<EaeraMarketDepthPriceDirection>;
+    viewportVsLast: ComputedRef<EaeraMarketDepthViewportVsLast>;
+    shouldRenderEmptyState: ComputedRef<boolean>;
+    priceLabel: ComputedRef<string>;
+    sizeLabel: ComputedRef<string>;
+    fetchingSymbolLabel: ComputedRef<string>;
+    symbolNotFoundLabel: ComputedRef<string>;
+    showingDropdown: WritableComputedRef<boolean>;
+    state: ComputedRef<EaeraMarketDepthState>;
+    onResize: (width: number, height: number) => void;
+    onSelectSearchOption: (value: string) => void;
+    onWheel: (deltaY: number) => void;
+    onBackCenter: () => void;
+}
+export declare const provideEaeraMarketDepth: (props: EaeraMarketDepthProps, emit: EaeraMarketDepthEmitFn) => EaeraMarketDepthContext;
+export declare const useEaeraMarketDepth: () => EaeraMarketDepthContext;
+export {};

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

@@ -0,0 +1,2 @@
+export { default } from './EaeraMarketDepth/index';
+export * from './EaeraMarketDepth/useEaeraMarketDepth';

package/dist/components/webtrade/EaeraMarketDepth.mjs

@@ -0,0 +1 @@
+import{ref as e,watch as t,computed as s,provide as r,inject as a,defineComponent as i,shallowRef as o,openBlock as l,createElementBlock as c,createVNode as n,unref as p,createSlots as m,withCtx as u,createElementVNode as d,renderSlot as v,normalizeStyle as k,toDisplayString as y,Fragment as b,renderList as _,normalizeClass as w,createBlock as f,resolveDynamicComponent as g,createCommentVNode as S,useSlots as z,normalizeProps as L,guardReactiveProps as E}from"vue";import{a as x}from"../chunks/vendor-vueuse-core-B96HGhR7.mjs";import{useI18n as D}from"vue-i18n";import"element-plus";import"element-plus/es";import{Search as C,ArrowDown as O,ArrowUp as P,MoveUp as V}from"@lucide/vue";import"../chunks/vendor-email-misspelled-0hsXkSSK.mjs";import{_ as j}from"../chunks/EaeraInput-CkbcAxy0.mjs";import"../chunks/vendor-unorm-Degftfa1.mjs";import"../chunks/useEaeraInputPhoneNumber-CKXimj-u.mjs";import"@element-plus/icons-vue";import"../chunks/iconSvg-DuOI5Yho.mjs";import N from"../composite/EaeraDropdownV2.mjs";import"echarts/core";import"echarts/renderers";import"echarts/charts";import"echarts/components";import"vue-echarts";import"../chunks/vendor-currency-symbol-map-C-1fEG2R.mjs";import"../chunks/vendor-sortablejs-D3DyHO5Y.mjs";import"../chunks/eventListener-o1XlgLVq.mjs";import"../chunks/phoneNumbers-Bmtkxd5J.mjs";import"../chunks/vendor-libphonenumber-js-bhez_Ujn.mjs";import"../chunks/_plugin-vue_export-helper-BCo6x5W8.mjs";const A={Bid:"bid",Ask:"ask",Last:"last"},M="down",R="flat",B={Up:"Up",Down:"Down",Center:"Center"},$=Symbol("EAERA_MARKET_DEPTH_CONTEXT_KEY"),F=(a,i)=>{const{t:o}=D(),l=e(a.searchValue),c=e(!1);t(()=>a.searchValue,e=>{l.value=e});const n=(e,t)=>{const s=o(e);return"string"==typeof s&&s.trim().length>0?s:t},p=s(()=>({searchValue:l.value,showingDropdown:c.value}));t(p,e=>{i("stateChange",e)},{immediate:!0});const m={searchValue:s({get:()=>l.value,set:e=>{l.value=e,i("update:searchValue",e)}}),searchPlaceholder:s(()=>a.searchPlaceholder??""),searchOptions:s(()=>a.searchOptions??[]),selectedSearchOption:s(()=>a.selectedSearchOption??""),loadingSearchOptions:s(()=>a.loadingSearchOptions??!1),rows:s(()=>a.rows),levels:s(()=>a.levels),lastPrice:s(()=>a.lastPrice),previousPrice:s(()=>a.previousPrice),tickSize:s(()=>a.tickSize),priceDirection:s(()=>a.priceDirection??R),viewportVsLast:s(()=>a.viewportVsLast??B.Center),shouldRenderEmptyState:s(()=>a.shouldRenderEmptyState??!1),priceLabel:s(()=>a.priceLabel||n("market.depth.table.price","Price")),sizeLabel:s(()=>a.sizeLabel||n("market.depth.table.size","Size")),fetchingSymbolLabel:s(()=>a.fetchingSymbolLabel||n("market.search.fetching-symbol","Fetching symbol")),symbolNotFoundLabel:s(()=>a.symbolNotFoundLabel||n("market.search.symbol-not-found","Symbol not found")),showingDropdown:s({get:()=>c.value,set:e=>{c.value=e}}),state:p,onResize:(e,t)=>i("resize",e,t),onSelectSearchOption:e=>i("select-search-option",e),onWheel:e=>i("wheel",e),onBackCenter:()=>i("back-center")};return r($,m),m},U=()=>{const e=a($);if(!e)throw new Error("useEaeraMarketDepth must be used inside EaeraMarketDepth");return e},T={class:"custom-market-depth-search__dropdown-anchor"},W={key:0,class:"custom-market-depth-search__empty body-sm text-placeholder"},I={key:0},K={key:1},Y={key:1,class:"custom-market-depth-search__option-list"},q=["onClick"],G={class:"body-md__w"},H={class:"body-sm"},X=i({__name:"EaeraMarketDepthSearch",setup(r){const{searchValue:a,searchPlaceholder:i,searchOptions:f,selectedSearchOption:g,loadingSearchOptions:S,fetchingSymbolLabel:z,symbolNotFoundLabel:L,showingDropdown:E,onSelectSearchOption:D}=U(),O=o(null),P=e(),{width:V}=x(O),A=s(()=>`${Math.max(V.value,200)}px`),M=e(a.value),R=e(!1);t(a,e=>{M.value=e});const B=e=>{R.value||(a.value=e)},$=()=>{R.value=!0},F=e=>{a.value=e.data},X=e=>{R.value=!1;const t=e.data??M.value;a.value=t},J=e=>{D(e)},Q=e=>{E.value=e};return t(a,e=>{e?P.value?.openDropdown():P.value?.closeDropdown()},{immediate:!0}),(e,t)=>(l(),c("div",{ref_key:"searchRef",ref:O,class:"custom-market-depth-search"},[n(p(j),{modelValue:M.value,"onUpdate:modelValue":t[0]||(t[0]=e=>M.value=e),placeholder:p(i),clearable:"",class:"watchlist-input custom-market-depth-search__input",onInput:B,onCompositionstart:$,onCompositionupdate:F,onCompositionend:X},m({_:2},[p(a)?void 0:{name:"suffix",fn:u(()=>[n(p(C),{size:16,class:"icon-primary"})]),key:"0"}]),1032,["modelValue","placeholder"]),d("div",T,[n(p(N),{ref_key:"dropdownRef",ref:P,trigger:"click",placement:"bottom-start",class:"custom-market-depth-search__dropdown",onVisibleChange:Q},{dropdown:u(()=>[v(e.$slots,"dropdown",{options:p(f),selected:p(g),minWidth:A.value,loading:p(S),fetchingSymbolLabel:p(z),symbolNotFoundLabel:p(L),selectOption:J},()=>[d("div",{class:"custom-market-depth-search__dropdown-panel",style:k({minWidth:A.value})},[p(S)||!p(f).length?(l(),c("div",W,[p(S)?(l(),c("div",I,y(p(z)),1)):(l(),c("div",K,y(p(L)),1))])):(l(),c("div",Y,[(l(!0),c(b,null,_(p(f),e=>(l(),c("div",{key:e.value,class:w(["custom-market-depth-search__option",e.value===p(g)&&"is-selected"]),onClick:t=>J(e.value)},[d("div",G,y(e.label),1),d("div",H,y(e.description),1)],10,q))),128))]))],4)])]),default:u(()=>[t[1]||(t[1]=d("div",{class:"custom-market-depth-search__dropdown-trigger"},null,-1))]),_:3},512)])],512))}}),J={class:"custom-market-depth-table"},Q={class:"custom-market-depth-table__header text-primary"},Z={class:"custom-market-depth-table__header-price label-lg"},ee={class:"custom-market-depth-table__header-size label-lg"},te=i({__name:"EaeraMarketDepthTable",setup(e){const{rows:t,levels:r,lastPrice:a,tickSize:i,priceDirection:o,viewportVsLast:n,shouldRenderEmptyState:m,priceLabel:u,sizeLabel:v,onWheel:k,onBackCenter:w}=U(),z={[B.Up]:P,[B.Down]:O},L=e=>{if(null==e)return null;const t=(e=>{if("number"!=typeof e||!Number.isFinite(e)||e<=0)return 2;const t=e.toLocaleString("en-US",{useGrouping:!1,maximumFractionDigits:20}),s=(t.includes(".")?t.replace(/0+$/,"").replace(/\.$/,""):t).split(".")[1];return s?s.length:0})(i.value);return Number(e).toFixed(t)},E=(e,t,s)=>({key:`${t}-${e.price}${s?.keySuffix?`-${s.keySuffix}`:""}`,price:L(e.price),size:t===A.Last?null:s?.sizeOverride??(t===A.Ask?e.askSize:e.bidSize),type:t,isEmpty:!1}),x=s(()=>z[n.value]),D=s(()=>{const e=Math.max(r.value,0);if(!e)return[];if(m.value)return Array.from({length:e},(e,t)=>({key:`empty-${t}`,price:null,size:null,type:null,isEmpty:!0}));const s=[...t.value].reverse().flatMap(e=>{const t=(e=>e.price>a.value?A.Ask:e.price<a.value?A.Bid:A.Last)(e),s=Math.abs(e.price-a.value)<1e-10;if(t!==A.Last||!s)return[E(e,t)];const r=E(e,A.Last),i=o.value!==M,l=E(e,i?A.Bid:A.Ask,{keySuffix:"synthetic-last",sizeOverride:e.bidSize+e.askSize});return i?[r,l]:[l,r]});return s.length<=e?s:o.value===M?s.slice(s.length-e):s.slice(0,e)}),C=s(()=>Math.max(...D.value.filter(e=>!e.isEmpty&&e.type!==A.Last).map(e=>e.size??0),1));return(e,t)=>(l(),c("div",J,[d("div",Q,[d("div",Z,y(p(u)),1),d("div",ee,y(p(v)),1)]),d("div",{class:"custom-market-depth-table__rows",onWheel:t[0]||(t[0]=e=>p(k)(e.deltaY))},[(l(!0),c(b,null,_(D.value,(e,t)=>(l(),f(p(ce),{key:e.key,price:e.price,type:e.type,size:e.size,"max-size":C.value,empty:e.isEmpty,"first-child":!t},null,8,["price","type","size","max-size","empty","first-child"]))),128))],32),p(m)||p(n)===p(B).Center?S("",!0):(l(),c("div",{key:0,class:"custom-market-depth-table__back-center",onClick:t[1]||(t[1]=(...e)=>p(w)&&p(w)(...e))},[(l(),f(g(x.value),{size:16,class:"icon-secondary"}))]))]))}}),se={key:0},re={key:1},ae={class:"custom-market-depth-price-row__size text-primary"},ie={key:2},oe={class:"custom-market-depth-price-row__last-price"},le={class:"custom-market-depth-price-row__last-icon"},ce=i({__name:"EaeraMarketDepthPriceRow",props:{type:{},price:{},size:{},maxSize:{},firstChild:{type:Boolean},empty:{type:Boolean}},setup(e){const{lastPrice:t,previousPrice:r}=U(),a=e,i=s(()=>{const e=a.size??0,t=a.maxSize||1;return 100*Math.min(e/t,1)+"%"}),o=s(()=>t.value>r.value?{className:"is-increase",icon:"ArrowNarrowUp"}:t.value<r.value?{className:"is-decrease",icon:"ArrowNarrowDown"}:void 0);return(e,t)=>(l(),c("div",null,[a.empty?(l(),c("div",se,[d("div",{class:w(["custom-market-depth-price-row custom-market-depth-price-row--empty body-sm",a.firstChild&&"is-first-child"])},[...t[0]||(t[0]=[d("div",{class:"custom-market-depth-price-row__price"}," ",-1),d("div",{class:"custom-market-depth-price-row__size text-primary"}," ",-1)])],2)])):a.type===p(A).Ask||a.type===p(A).Bid?(l(),c("div",re,[d("div",{class:w(["custom-market-depth-price-row custom-market-depth-price-row--quantity body-sm",a.type===p(A).Ask?"custom-market-depth-price-row--ask":"custom-market-depth-price-row--bid",a.firstChild&&"is-first-child"]),style:k({"--size-percent":i.value})},[d("div",{class:w(["custom-market-depth-price-row__price",a.type===p(A).Ask?"is-ask":"is-bid"])},y(a.price),3),d("div",ae,y(a.size),1)],6)])):(l(),c("div",ie,[d("div",{class:w(["custom-market-depth-price-row custom-market-depth-price-row--last-price body-lg__w",a.firstChild&&"is-first-child",o.value?.className])},[d("div",oe,[d("span",null,y(a.price),1)]),d("div",le,[o.value?(l(),f(p(V),{key:0,size:16})):S("",!0)])],2)]))]))}}),ne={class:"custom-market-depth"},pe={class:"custom-market-depth__table"},me=i({__name:"index",props:{searchValue:{},searchPlaceholder:{},searchOptions:{},selectedSearchOption:{},loadingSearchOptions:{type:Boolean},rows:{},levels:{},lastPrice:{},previousPrice:{},tickSize:{},priceDirection:{},viewportVsLast:{},shouldRenderEmptyState:{type:Boolean},priceLabel:{},sizeLabel:{},fetchingSymbolLabel:{},symbolNotFoundLabel:{}},emits:["resize","update:searchValue","select-search-option","wheel","back-center","stateChange"],setup(e,{expose:s,emit:r}){const a=z(),i=o(null),{width:k,height:y}=x(i),b=F(e,r);return s({state:b.state}),t([k,y],()=>{i.value&&b.onResize(k.value,y.value)}),(e,t)=>(l(),c("div",ne,[d("div",{ref_key:"searchRef",ref:i,class:"custom-market-depth__search"},[n(p(X),null,m({_:2},[p(a)["search-dropdown"]?{name:"dropdown",fn:u(t=>[v(e.$slots,"search-dropdown",L(E(t)))]),key:"0"}:void 0]),1024)],512),d("div",pe,[n(p(te))])]))}});export{me as default,F as provideEaeraMarketDepth,U as useEaeraMarketDepth};

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

@@ -0,0 +1,3 @@
+export { default as OrderAdvanced } from './EaeraOrderPlacementAdvanced';
+export { default as OrderActions } from './EaeraOrderPlacementActions';
+export { default as OrderInfo } from './EaeraOrderPlacementInfo';

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

@@ -0,0 +1,36 @@
+import { EaeraOrderPlacementProps, EaeraOrderPlacementState, EaeraOrderType, EaeraOrderDuration, EaeraOrderPriceType, EaeraOrderSide } from '../../../types/EaeraOrderPlacement';
+import { DefineComponent, ComputedRef, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const _default: DefineComponent<EaeraOrderPlacementProps, {
+    state: ComputedRef<EaeraOrderPlacementState>;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    resize: (width: number, height: number) => any;
+    reverse: () => any;
+    "update:orderType": (value: EaeraOrderType) => any;
+    stateChange: (state: EaeraOrderPlacementState) => any;
+    "join-bid": (volume: number) => any;
+    "join-ask": (volume: number) => any;
+    "close-all-positions": () => any;
+    "flatten-all": () => any;
+    "cancel-orders": () => any;
+    "update:orderDuration": (value: EaeraOrderDuration) => any;
+    "update:orderPrice": (type: EaeraOrderPriceType, value: string | number) => any;
+    "submit-side-order": (side: EaeraOrderSide, volume: number) => any;
+    "symbol-info": () => any;
+}, string, PublicProps, Readonly<EaeraOrderPlacementProps> & Readonly<{
+    onResize?: ((width: number, height: number) => any) | undefined;
+    onReverse?: (() => any) | undefined;
+    "onUpdate:orderType"?: ((value: EaeraOrderType) => any) | undefined;
+    onStateChange?: ((state: EaeraOrderPlacementState) => any) | undefined;
+    "onJoin-bid"?: ((volume: number) => any) | undefined;
+    "onJoin-ask"?: ((volume: number) => any) | undefined;
+    "onClose-all-positions"?: (() => any) | undefined;
+    "onFlatten-all"?: (() => any) | undefined;
+    "onCancel-orders"?: (() => any) | undefined;
+    "onUpdate:orderDuration"?: ((value: EaeraOrderDuration) => any) | undefined;
+    "onUpdate:orderPrice"?: ((type: EaeraOrderPriceType, value: string | number) => any) | undefined;
+    "onSubmit-side-order"?: ((side: EaeraOrderSide, volume: number) => any) | undefined;
+    "onSymbol-info"?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
+    orderRef: HTMLDivElement;
+}, any>;
+export default _default;

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

@@ -0,0 +1,26 @@
+import { ComputedRef, WritableComputedRef } from 'vue';
+import { EaeraOrderDuration, EaeraOrderPlacementDisabledState, EaeraOrderPlacementEmitFn, EaeraOrderPlacementInvalidPrice, EaeraOrderPlacementLoadingState, EaeraOrderPlacementOrderPrices, EaeraOrderPlacementPosition, EaeraOrderPlacementProps, EaeraOrderPlacementState, EaeraOrderPlacementSymbol, EaeraOrderPriceType, EaeraOrderSide, EaeraOrderType } from '../../../types/EaeraOrderPlacement';
+interface EaeraOrderPlacementContext {
+    disabledState: ComputedRef<EaeraOrderPlacementDisabledState>;
+    viewingSymbol: ComputedRef<EaeraOrderPlacementSymbol | null>;
+    position: ComputedRef<EaeraOrderPlacementPosition | null>;
+    orderType: WritableComputedRef<EaeraOrderType>;
+    orderDuration: WritableComputedRef<EaeraOrderDuration>;
+    orderPrices: ComputedRef<EaeraOrderPlacementOrderPrices>;
+    invalidPrice: ComputedRef<EaeraOrderPlacementInvalidPrice>;
+    loading: ComputedRef<EaeraOrderPlacementLoadingState>;
+    state: ComputedRef<EaeraOrderPlacementState>;
+    setOrderPrice: (type: EaeraOrderPriceType, value: number | string) => void;
+    submitSideOrder: (side: EaeraOrderSide, volume: number) => void;
+    joinBid: (volume: number) => void;
+    joinAsk: (volume: number) => void;
+    reverse: () => void;
+    closeAllPositions: () => void;
+    flattenAll: () => void;
+    cancelOrders: () => void;
+    onSymbolInfo: () => void;
+    onResize: (width: number, height: number) => void;
+}
+export declare const provideEaeraOrderPlacement: (props: EaeraOrderPlacementProps, emit: EaeraOrderPlacementEmitFn) => EaeraOrderPlacementContext;
+export declare const useEaeraOrderPlacement: () => EaeraOrderPlacementContext;
+export {};

package/dist/components/webtrade/EaeraOrderPlacement/utils.d.ts

@@ -0,0 +1,2 @@
+export declare const sanitizeOrderPlacementNumberInput: (value: string | number) => string;
+export declare const formatOrderPlacementCurrency: (value: number | string, currency?: string) => string;

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

@@ -0,0 +1,2 @@
+export { default } from './EaeraOrderPlacement/index';
+export * from './EaeraOrderPlacement/useEaeraOrderPlacement';

package/dist/components/webtrade/EaeraOrderPlacement.mjs

@@ -0,0 +1 @@
+import{ref as e,watch as o,computed as s,provide as r,inject as t,defineComponent as a,unref as i,openBlock as l,createElementBlock as d,createElementVNode as n,toDisplayString as c,createVNode as u,normalizeClass as m,withCtx as p,createCommentVNode as _,shallowRef as v,createTextVNode as b,isRef as y,resolveComponent as f,createBlock as k}from"vue";import{a as g}from"../chunks/vendor-vueuse-core-B96HGhR7.mjs";import{useI18n as S}from"vue-i18n";import"element-plus";import"element-plus/es";import{Plus as P,Minus as j,Info as C}from"@lucide/vue";import"../chunks/vendor-email-misspelled-0hsXkSSK.mjs";import{_ as w}from"../chunks/EaeraSelect-C25XUlir.mjs";import"../chunks/vendor-unorm-Degftfa1.mjs";import"../chunks/useEaeraInputPhoneNumber-CKXimj-u.mjs";import"@element-plus/icons-vue";import"../chunks/iconSvg-DuOI5Yho.mjs";import"echarts/core";import"echarts/renderers";import"echarts/charts";import"echarts/components";import"vue-echarts";import"../chunks/vendor-currency-symbol-map-C-1fEG2R.mjs";import"../chunks/vendor-sortablejs-D3DyHO5Y.mjs";import{_ as E}from"../chunks/EaeraInput-CkbcAxy0.mjs";import{_ as O}from"../chunks/EaeraButton-DGfjUoa6.mjs";import"../chunks/EaeraSpinner-DzMwUlR7.mjs";import"../chunks/EaeraCheckbox-C_faN0pV.mjs";import"../chunks/phoneNumbers-Bmtkxd5J.mjs";import"../chunks/vendor-libphonenumber-js-bhez_Ujn.mjs";import"../chunks/eventListener-o1XlgLVq.mjs";const $={Market:"MARKET",Limit:"LIMIT",Stop:"STOP",StopLimit:"STOP_LIMIT"},A={Day:"DAY",GTC:"GTC"},L={Buy:"BUY",Sell:"SELL"},T={JoinBid:"join-bid",Reverse:"reverse",JoinAsk:"join-ask",CloseAllPositions:"close-all-positions",FlattenAll:"flatten-all",CancelOrders:"cancel-orders"},z=Symbol("EAERA_ORDER_PLACEMENT_CONTEXT_KEY"),D=(t,a)=>{const i=e(t.orderType),l=e(t.orderDuration),d=e({...t.orderPrices});o(()=>t.orderType,e=>{i.value=e}),o(()=>t.orderDuration,e=>{l.value=e}),o(()=>t.orderPrices,e=>{d.value={...e}},{deep:!0});const n=s(()=>({disabledState:t.disabledState,viewingSymbol:t.viewingSymbol,position:t.position,orderType:i.value,orderDuration:l.value,orderPrices:{...d.value},invalidPrice:t.invalidPrice,loading:t.loading}));o(n,e=>{a("stateChange",e)},{immediate:!0});const c={disabledState:s(()=>t.disabledState),viewingSymbol:s(()=>t.viewingSymbol),position:s(()=>t.position),orderType:s({get:()=>i.value,set:e=>{i.value=e,a("update:orderType",e)}}),orderDuration:s({get:()=>l.value,set:e=>{l.value=e,a("update:orderDuration",e)}}),orderPrices:s(()=>d.value),invalidPrice:s(()=>t.invalidPrice),loading:s(()=>t.loading),state:n,setOrderPrice:(e,o)=>{d.value={...d.value,[e]:o},a("update:orderPrice",e,o)},submitSideOrder:(e,o)=>a("submit-side-order",e,o),joinBid:e=>a("join-bid",e),joinAsk:e=>a("join-ask",e),reverse:()=>a("reverse"),closeAllPositions:()=>a("close-all-positions"),flattenAll:()=>a("flatten-all"),cancelOrders:()=>a("cancel-orders"),onSymbolInfo:()=>a("symbol-info"),onResize:(e,o)=>a("resize",e,o)};return r(z,c),c},V=()=>{const e=t(z);if(!e)throw new Error("useEaeraOrderPlacement must be used inside EaeraOrderPlacement");return e},N={key:0,class:"custom-order-advanced"},I={class:"custom-order-advanced__price-row"},R={key:0,class:"custom-order-advanced__field"},x={class:"custom-order-advanced__label"},M={class:"custom-order-advanced__control"},B={key:0,class:"custom-order-advanced__error"},U={key:1,class:"custom-order-advanced__field"},F={class:"custom-order-advanced__label"},J={class:"custom-order-advanced__control"},G={key:0,class:"custom-order-advanced__error"},K={class:"custom-order-advanced__duration"},Y={class:"custom-order-advanced__label"},q={class:"custom-order-advanced__control"},X=a({__name:"EaeraOrderPlacementAdvanced",props:{invalidOrderPriceLabel:{}},setup(e){const o=e,{t:r}=S(),{viewingSymbol:t,orderType:a,orderDuration:v,orderPrices:b,invalidPrice:y,disabledState:f,setOrderPrice:k}=V(),g=s(()=>Object.values(A).map(e=>({label:r(`orders.durations.${e}`),value:e}))),O=s(()=>o.invalidOrderPriceLabel||r("orders.invalid-order-price")),L=s({get:()=>v.value,set:e=>{v.value=e}}),T=s({get:()=>b.value[$.Limit],set:e=>k($.Limit,e)}),z=s({get:()=>b.value[$.Stop],set:e=>k($.Stop,e)}),D=(e,o)=>{f.value.disabled||k(o,(e=>{const o=String(e??"").replace(/,/g,"").replace(/[^0-9.]/g,""),[s="",...r]=o.split("."),t=r.join("");return t.length?`${s}.${t}`:s})(e))},X=(e,o)=>{if(f.value.disabled)return;const s=Number(t.value?.tickSize)||0;if(!s)return;const r=(String(s).split(".")[1]??"").length,a=Number(b.value[e]||0),i=Number((a+o*s).toFixed(r));k(e,i)};return(e,o)=>i(a)?(l(),d("div",N,[n("div",I,[i($).Stop!==i(a)?(l(),d("div",R,[n("div",x,c(e.$t("orders.limit-price")),1),n("div",M,[u(i(E),{modelValue:T.value,"onUpdate:modelValue":o[2]||(o[2]=e=>T.value=e),class:m(["custom-order-advanced__input order-input",{"is-error":i(y).limit}]),disabled:i(f).disabled,onInput:o[3]||(o[3]=e=>D(e,i($).Limit))},{prefix:p(()=>[u(i(j),{size:20,onClick:o[0]||(o[0]=e=>X(i($).Limit,-1))})]),suffix:p(()=>[u(i(P),{size:20,onClick:o[1]||(o[1]=e=>X(i($).Limit,1))})]),_:1},8,["modelValue","class","disabled"])]),i(y).limit?(l(),d("div",B,[u(i(C),{size:18}),n("span",null,c(O.value),1)])):_("",!0)])):_("",!0),i($).Limit!==i(a)?(l(),d("div",U,[n("div",F,c(e.$t("orders.stop-price")),1),n("div",J,[u(i(E),{modelValue:z.value,"onUpdate:modelValue":o[6]||(o[6]=e=>z.value=e),class:m(["custom-order-advanced__input order-input",{"is-error":i(y).stop}]),controls:"",min:1,disabled:i(f).disabled,onInput:o[7]||(o[7]=e=>D(e,i($).Stop))},{prefix:p(()=>[u(i(j),{size:20,onClick:o[4]||(o[4]=e=>X(i($).Stop,-1))})]),suffix:p(()=>[u(i(P),{size:20,onClick:o[5]||(o[5]=e=>X(i($).Stop,1))})]),_:1},8,["modelValue","class","disabled"])]),i(y).stop?(l(),d("div",G,[u(i(C),{size:18}),n("span",null,c(O.value),1)])):_("",!0)])):_("",!0)]),n("div",K,[n("div",Y,c(e.$t("orders.duration")),1),n("div",q,[u(i(w),{modelValue:L.value,"onUpdate:modelValue":o[8]||(o[8]=e=>L.value=e),class:"custom-order-advanced__select",options:g.value,placeholder:"Select",disabled:i(f).disabled},null,8,["modelValue","options","disabled"])])])])):_("",!0)}}),H={key:0,class:"custom-order-actions__position-row"},Q={key:0,class:"custom-order-actions__position"},W={key:1,class:"custom-order-actions__empty"},Z={class:"custom-order-actions__actions"},ee={class:"custom-order-actions__row custom-order-actions__row--primary"},oe={class:"custom-order-actions__row custom-order-actions__row--secondary"},se={class:"custom-order-actions__row custom-order-actions__row--tertiary"},re=a({__name:"EaeraOrderPlacementActions",setup(o){const{t:r}=S(),{viewingSymbol:t,position:a,loading:y,orderType:f,disabledState:k,submitSideOrder:P,joinBid:j,joinAsk:C,reverse:w,closeAllPositions:A,flattenAll:z,cancelOrders:D}=V(),N=e(1),I=v(null),{width:R}=g(I),x=s(()=>r(`orders.types.${f.value||$.Market}`)),M=()=>Math.max(1,Number(N.value)||1),B=e=>{P(e,M())},U=()=>{j(M())},F=()=>{C(M())},J=e=>((e,o)=>{const s=Number(e??0);if(!Number.isFinite(s))return"0";if(!o)return s.toLocaleString();try{return new Intl.NumberFormat(void 0,{style:"currency",currency:o,currencyDisplay:"narrowSymbol",maximumFractionDigits:6}).format(s)}catch{return`${s.toLocaleString()} ${o}`}})(e,t.value?.currency),G=e=>{const o=Number(e);return o>0?"custom-order-actions__upl custom-order-actions__upl--positive":o<0?"custom-order-actions__upl custom-order-actions__upl--negative":"custom-order-actions__upl"};return(e,o)=>(l(),d("div",{ref_key:"orderActionsRef",ref:I,class:"custom-order-actions"},[i(t)?(l(),d("div",H,[i(a)?(l(),d("span",Q,[n("span",null,"+"+c(i(a).quantity),1),o[4]||(o[4]=n("span",null,"@",-1)),n("span",null,c(i(a).entryPrice),1),n("span",{class:m(G(i(a).unrealizedPnl))},[o[3]||(o[3]=b(" UP&L ",-1)),n("span",null,c(J(i(a).unrealizedPnl)),1)],2)])):(l(),d("span",W,c(e.$t("orders.no-active-position")),1))])):_("",!0),n("div",Z,[n("div",ee,[u(i(O),{class:"custom-order-actions__button custom-order-actions__button--fill custom-order-actions__button--padded",color:"success",loading:i(y)[i(L).Buy],disabled:i(k).disabled,onClick:o[0]||(o[0]=e=>B(i(L).Buy))},{default:p(()=>[n("span",{class:m(["custom-order-actions__button-label",{"is-compact":i(R)<330}])},c(e.$t("orders.actions.buy",{count:N.value,type:x.value})),3)]),_:1},8,["loading","disabled"]),u(i(E),{modelValue:N.value,"onUpdate:modelValue":o[1]||(o[1]=e=>N.value=e),modelModifiers:{number:!0},type:"number",class:"custom-order-actions__volume-input order-input-number",controls:"",min:1,step:1,"step-strictly":"",precision:0,disabled:i(k).disabled},null,8,["modelValue","disabled"]),u(i(O),{class:"custom-order-actions__button custom-order-actions__button--fill custom-order-actions__button--padded",color:"error",loading:i(y)[i(L).Sell],disabled:i(k).disabled,onClick:o[2]||(o[2]=e=>B(i(L).Sell))},{default:p(()=>[n("span",{class:m(["custom-order-actions__button-label",{"is-compact":i(R)<330}])},c(e.$t("orders.actions.sell",{count:N.value,type:x.value})),3)]),_:1},8,["loading","disabled"])]),n("div",oe,[u(i(O),{class:"custom-order-actions__button custom-order-actions__button--half",loading:i(y)[i(T).JoinBid],disabled:i(k).disabled,onClick:U},{default:p(()=>[n("span",null,c(e.$t("orders.actions.join-bid")),1)]),_:1},8,["loading","disabled"]),u(i(O),{class:"custom-order-actions__button custom-order-actions__button--third",loading:i(y)[i(T).Reverse],disabled:i(k).disabled,onClick:i(w)},{default:p(()=>[n("span",null,c(e.$t("orders.actions.reverse")),1)]),_:1},8,["loading","disabled","onClick"]),u(i(O),{class:"custom-order-actions__button custom-order-actions__button--half",loading:i(y)[i(T).JoinAsk],disabled:i(k).disabled,onClick:F},{default:p(()=>[n("span",null,c(e.$t("orders.actions.join-ask")),1)]),_:1},8,["loading","disabled"])]),n("div",se,[u(i(O),{class:"custom-order-actions__button custom-order-actions__button--fill custom-order-actions__button--padded",loading:i(y)[i(T).CloseAllPositions],disabled:i(k).disabled,onClick:i(A)},{default:p(()=>[n("span",null,c(e.$t("orders.actions.close-position")),1)]),_:1},8,["loading","disabled","onClick"]),u(i(O),{class:"custom-order-actions__button custom-order-actions__button--fill custom-order-actions__button--padded",loading:i(y)[i(T).FlattenAll],disabled:i(k).disabled,onClick:i(z)},{default:p(()=>[n("span",null,c(e.$t("orders.actions.flatten-all")),1)]),_:1},8,["loading","disabled","onClick"]),u(i(O),{class:"custom-order-actions__button custom-order-actions__button--fill custom-order-actions__button--padded",loading:i(y)[i(T).CancelOrders],disabled:i(k).disabled,onClick:i(D)},{default:p(()=>[n("span",null,c(e.$t("orders.actions.cancel-orders")),1)]),_:1},8,["loading","disabled","onClick"])])])],512))}}),te={class:"custom-order-info"},ae={class:"custom-order-info__select-type"},ie={key:0,class:"custom-order-info__symbol"},le={class:"custom-order-info__symbol-text"},de={key:1,class:"custom-order-info__inactive-message"},ne=a({__name:"EaeraOrderPlacementInfo",setup(e){const{locale:o,t:r}=S(),{disabledState:t,orderType:a,viewingSymbol:p,onSymbolInfo:v}=V(),b=s(()=>(o.value,Object.values($).filter(e=>e!==$.Market).map(e=>({label:r(`orders.types.${e}`),value:e})))),f=()=>{t.value.disabled||(a.value="")},k=()=>{p.value&&v()},g=s(()=>t.value.isMissingUser?r("watch-list.symbol-info.state.no-account-selected"):p.value&&"active"!==p.value.state?r(`watch-list.symbol-info.state.${p.value.state}`):"");return(e,o)=>(l(),d("div",te,[n("div",ae,[n("div",{class:m(["custom-order-info__select-item","custom-order-info__select-item--market",{"is-active":!i(a),"is-disabled":i(t).disabled}]),onClick:f},c(e.$t("orders.types.MARKET")),3),u(i(w),{modelValue:i(a),"onUpdate:modelValue":o[0]||(o[0]=e=>y(a)?a.value=e:null),class:m(["custom-order-info__select-item borderless-select","custom-order-info__select-item--select",{"is-active":!!i(a)}]),options:b.value,placeholder:e.$t("orders.types.PENDING_ORDER"),clearable:"",disabled:i(t).disabled},null,8,["modelValue","class","options","placeholder","disabled"])]),i(p)?(l(),d("div",ie,[n("div",{class:"custom-order-info__symbol-link",onClick:k},[n("span",le,c(i(p).tickerSymbol),1),u(i(C),{size:16,class:"custom-order-info__symbol-icon"})])])):_("",!0),g.value?(l(),d("div",de,[u(i(C),{size:16}),n("span",null,c(g.value),1)])):_("",!0)]))}}),ce={class:"custom-order-placement__content"},ue=a({__name:"index",props:{disabledState:{},viewingSymbol:{},position:{},orderType:{},orderDuration:{},orderPrices:{},invalidPrice:{},loading:{},invalidOrderPriceLabel:{}},emits:["resize","update:orderType","update:orderDuration","update:orderPrice","submit-side-order","join-bid","join-ask","reverse","close-all-positions","flatten-all","cancel-orders","symbol-info","stateChange"],setup(e,{expose:s,emit:r}){const t=v(null),{width:a,height:d}=g(t),c=e,m=D(c,r);return s({state:m.state}),o([a,d],()=>{t.value&&m.onResize(a.value,d.value)}),(e,o)=>{const s=f("client-only");return l(),k(s,null,{default:p(()=>[n("div",{ref_key:"orderRef",ref:t,class:"custom-order-placement__wrapper"},[n("div",ce,[u(i(ne)),u(i(X),{"invalid-order-price-label":c.invalidOrderPriceLabel},null,8,["invalid-order-price-label"]),u(i(re))])],512)]),_:1})}}});export{ue as default,D as provideEaeraOrderPlacement,V as useEaeraOrderPlacement};

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

@@ -0,0 +1,16 @@
+import { EaeraOrderLineOptions, EaeraOrderLineRole, EaeraOrderLineSide, EaeraOrderLineType } from '../../../types/EaeraOrderlineOverlay';
+interface EaeraOrderlineOverlayPalette {
+    surfacePrimary: string;
+    surfacePositive: string;
+    surfaceNegative: string;
+    surfaceElevated: string;
+    surfaceAction: string;
+    textPrimary: string;
+    textSecondary: string;
+    borderPrimary: string;
+    borderPrimaryInverse: string;
+    borderAction: string;
+}
+export declare const chartColor: (isDark?: boolean) => EaeraOrderlineOverlayPalette;
+export declare const orderLineOptions: (side?: EaeraOrderLineSide, type?: EaeraOrderLineType, isDark?: boolean, lineRole?: EaeraOrderLineRole) => EaeraOrderLineOptions;
+export {};