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

package/dist/components/custom/EaeraWidgetMarginCalculator.d.ts

@@ -0,0 +1,376 @@
+import { ComponentInternalInstance, VNodeProps, AllowedComponentProps, ComponentCustomProps, Attrs, Slot, ComponentPublicInstance, ComponentOptionsBase, Ref, ComputedRef, ComponentOptionsMixin, GlobalComponents, GlobalDirectives, ComponentProvideOptions, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ComponentCustomProperties, DefineComponent, PublicProps } from 'vue';
+import { FormData, FormSchema, FormGroupRenderOptions, Props, FormState, FieldState } from '../../composables/form/useEaeraForm';
+import { FormItemProp } from 'element-plus';
+import { OnCleanup } from '@vue/reactivity';
+type Props = {
+    currency_pairs?: Array<any>;
+    filterOptions?: Array<any>;
+    getRate?: Function;
+    isLoading?: boolean;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        header1?(_: {}): any;
+    };
+    refs: {
+        ruleFormRef: ({
+            $: ComponentInternalInstance;
+            $data: {};
+            $props: {
+                readonly className?: string | undefined;
+                readonly classNameParentGroup?: string | undefined;
+                readonly labelPosition?: string | undefined;
+                readonly labelWidth?: (string | number) | undefined;
+                readonly textBtnSave?: string | undefined;
+                readonly textBtnClose?: string | undefined;
+                readonly scrollToError?: boolean | undefined;
+                readonly formData?: FormData | undefined;
+                readonly formSchema?: FormSchema | undefined;
+                readonly formGroupRenderOptions?: FormGroupRenderOptions | undefined;
+                readonly onChange?: Function | undefined;
+                readonly mouseover?: Function | undefined;
+                readonly onBlur?: Function | undefined;
+                readonly onFocus?: Function | undefined;
+                readonly mouseout?: Function | undefined;
+                readonly onInput?: Function | undefined;
+                readonly keyDownEnter?: Function | undefined;
+                readonly keyUpEnter?: Function | undefined;
+                readonly onClear?: Function | undefined;
+                readonly validateOnRuleChange?: boolean | undefined;
+                readonly sizeFormItems?: ("xs" | "sm" | "md" | "lg" | "") | undefined;
+                readonly labelSize?: ("sm" | "md") | undefined;
+                readonly prefixLabel?: boolean | undefined;
+                readonly isMoneyInput?: boolean | undefined;
+                readonly onSubmit?: ((data: any) => any) | undefined;
+            } & VNodeProps & AllowedComponentProps & ComponentCustomProps;
+            $attrs: Attrs;
+            $refs: {
+                [x: string]: unknown;
+            } & {
+                ruleFormRef: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: Slot<any> | undefined;
+            }>;
+            $root: ComponentPublicInstance | null;
+            $parent: ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: (event: "submit", data: any) => void;
+            $el: any;
+            $options: ComponentOptionsBase<Readonly< Props> & Readonly<{
+                onSubmit?: ((data: any) => any) | undefined;
+            }>, {
+                submitForm: () => void;
+                resetForm: () => void;
+                resetFields: (fields: string[]) => void;
+                validateForm: () => Promise<void>;
+                validateField: (field: any) => Promise<void>;
+                isErrorValidateForm: Ref<boolean, boolean>;
+                formState: Ref<FormState, FormState>;
+                fieldsState: ComputedRef<{
+                    label: string | undefined;
+                    key: FormItemProp | undefined;
+                    component: any;
+                    state: FieldState;
+                }[] | undefined>;
+                rowItemComponentRefs: Ref<Record<string, any>, Record<string, any>>;
+            }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+                submit: (data: any) => any;
+            }, string, {
+                mouseout: Function;
+                mouseover: Function;
+                onFocus: Function;
+                onBlur: Function;
+                onChange: Function;
+                onInput: Function;
+                labelWidth: string | number;
+                onClear: Function;
+                labelPosition: string;
+                validateOnRuleChange: boolean;
+                scrollToError: boolean;
+                classNameParentGroup: string;
+                textBtnSave: string;
+                textBtnClose: string;
+                formData: FormData;
+                formSchema: FormSchema;
+                formGroupRenderOptions: FormGroupRenderOptions;
+                keyDownEnter: Function;
+                keyUpEnter: Function;
+                sizeFormItems: "xs" | "sm" | "md" | "lg" | "";
+                labelSize: "sm" | "md";
+            }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+                renderTriggered?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
+        } & Readonly<{
+            mouseout: Function;
+            mouseover: Function;
+            onFocus: Function;
+            onBlur: Function;
+            onChange: Function;
+            onInput: Function;
+            labelWidth: string | number;
+            onClear: Function;
+            labelPosition: string;
+            validateOnRuleChange: boolean;
+            scrollToError: boolean;
+            classNameParentGroup: string;
+            textBtnSave: string;
+            textBtnClose: string;
+            formData: FormData;
+            formSchema: FormSchema;
+            formGroupRenderOptions: FormGroupRenderOptions;
+            keyDownEnter: Function;
+            keyUpEnter: Function;
+            sizeFormItems: "xs" | "sm" | "md" | "lg" | "";
+            labelSize: "sm" | "md";
+        }> & Omit<Readonly< Props> & Readonly<{
+            onSubmit?: ((data: any) => any) | undefined;
+        }>, "validateField" | "resetFields" | "isErrorValidateForm" | "rowItemComponentRefs" | "formState" | "fieldsState" | "submitForm" | "validateForm" | "resetForm" | ("mouseout" | "mouseover" | "onFocus" | "onBlur" | "onChange" | "onInput" | "labelWidth" | "onClear" | "labelPosition" | "validateOnRuleChange" | "scrollToError" | "classNameParentGroup" | "textBtnSave" | "textBtnClose" | "formData" | "formSchema" | "formGroupRenderOptions" | "keyDownEnter" | "keyUpEnter" | "sizeFormItems" | "labelSize")> & {
+            submitForm: () => void;
+            resetForm: () => void;
+            resetFields: (fields: string[]) => void;
+            validateForm: () => Promise<void>;
+            validateField: (field: any) => Promise<void>;
+            isErrorValidateForm: boolean;
+            formState: FormState;
+            fieldsState: {
+                label: string | undefined;
+                key: FormItemProp | undefined;
+                component: any;
+                state: FieldState;
+            }[] | undefined;
+            rowItemComponentRefs: Record<string, any>;
+        } & {} & ComponentCustomProperties & {} & {
+            $slots: Partial<Record<string, (_: {}) => any>> & Partial<Record<string, (_: {
+                data: FormData;
+            }) => any>> & Partial<Record<string, (_: {
+                data: FormData;
+            }) => any>> & Partial<Record<string, (_: {
+                data: FormData;
+            }) => any>> & Partial<Record<string, (_: {
+                data: FormData;
+            }) => any>> & Partial<Record<string, (_: {
+                data: FormData;
+            }) => any>> & Partial<Record<string, (_: {
+                data: FormData;
+            }) => any>> & Partial<Record<string, (_: {
+                data: FormData;
+            }) => any>> & Partial<Record<string, (_: {
+                data: FormData;
+            }) => any>> & Partial<Record<string, (_: {
+                data: any;
+            }) => any>> & Partial<Record<string, (_: {
+                error: any;
+            }) => any>> & Partial<Record<string, (_: {}) => any>> & Partial<Record<string, (_: {}) => any>> & Partial<Record<string, (_: {}) => any>> & Partial<Record<string, (_: {}) => any>> & Partial<Record<string, (_: {}) => any>> & {
+                header?(_: {}): any;
+                body?(_: {}): any;
+                footer?(_: {}): any;
+            };
+        }) | null;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props> & Readonly<{}>, {
+    filterOptions: Array<any>;
+    isLoading: boolean;
+    currency_pairs: Array<any>;
+    getRate: Function;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+    ruleFormRef: ({
+        $: ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly className?: string | undefined;
+            readonly classNameParentGroup?: string | undefined;
+            readonly labelPosition?: string | undefined;
+            readonly labelWidth?: (string | number) | undefined;
+            readonly textBtnSave?: string | undefined;
+            readonly textBtnClose?: string | undefined;
+            readonly scrollToError?: boolean | undefined;
+            readonly formData?: FormData | undefined;
+            readonly formSchema?: FormSchema | undefined;
+            readonly formGroupRenderOptions?: FormGroupRenderOptions | undefined;
+            readonly onChange?: Function | undefined;
+            readonly mouseover?: Function | undefined;
+            readonly onBlur?: Function | undefined;
+            readonly onFocus?: Function | undefined;
+            readonly mouseout?: Function | undefined;
+            readonly onInput?: Function | undefined;
+            readonly keyDownEnter?: Function | undefined;
+            readonly keyUpEnter?: Function | undefined;
+            readonly onClear?: Function | undefined;
+            readonly validateOnRuleChange?: boolean | undefined;
+            readonly sizeFormItems?: ("xs" | "sm" | "md" | "lg" | "") | undefined;
+            readonly labelSize?: ("sm" | "md") | undefined;
+            readonly prefixLabel?: boolean | undefined;
+            readonly isMoneyInput?: boolean | undefined;
+            readonly onSubmit?: ((data: any) => any) | undefined;
+        } & VNodeProps & AllowedComponentProps & ComponentCustomProps;
+        $attrs: Attrs;
+        $refs: {
+            [x: string]: unknown;
+        } & {
+            ruleFormRef: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: Slot<any> | undefined;
+        }>;
+        $root: ComponentPublicInstance | null;
+        $parent: ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: (event: "submit", data: any) => void;
+        $el: any;
+        $options: ComponentOptionsBase<Readonly< Props> & Readonly<{
+            onSubmit?: ((data: any) => any) | undefined;
+        }>, {
+            submitForm: () => void;
+            resetForm: () => void;
+            resetFields: (fields: string[]) => void;
+            validateForm: () => Promise<void>;
+            validateField: (field: any) => Promise<void>;
+            isErrorValidateForm: Ref<boolean, boolean>;
+            formState: Ref<FormState, FormState>;
+            fieldsState: ComputedRef<{
+                label: string | undefined;
+                key: FormItemProp | undefined;
+                component: any;
+                state: FieldState;
+            }[] | undefined>;
+            rowItemComponentRefs: Ref<Record<string, any>, Record<string, any>>;
+        }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+            submit: (data: any) => any;
+        }, string, {
+            mouseout: Function;
+            mouseover: Function;
+            onFocus: Function;
+            onBlur: Function;
+            onChange: Function;
+            onInput: Function;
+            labelWidth: string | number;
+            onClear: Function;
+            labelPosition: string;
+            validateOnRuleChange: boolean;
+            scrollToError: boolean;
+            classNameParentGroup: string;
+            textBtnSave: string;
+            textBtnClose: string;
+            formData: FormData;
+            formSchema: FormSchema;
+            formGroupRenderOptions: FormGroupRenderOptions;
+            keyDownEnter: Function;
+            keyUpEnter: Function;
+            sizeFormItems: "xs" | "sm" | "md" | "lg" | "";
+            labelSize: "sm" | "md";
+        }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+            renderTriggered?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
+    } & Readonly<{
+        mouseout: Function;
+        mouseover: Function;
+        onFocus: Function;
+        onBlur: Function;
+        onChange: Function;
+        onInput: Function;
+        labelWidth: string | number;
+        onClear: Function;
+        labelPosition: string;
+        validateOnRuleChange: boolean;
+        scrollToError: boolean;
+        classNameParentGroup: string;
+        textBtnSave: string;
+        textBtnClose: string;
+        formData: FormData;
+        formSchema: FormSchema;
+        formGroupRenderOptions: FormGroupRenderOptions;
+        keyDownEnter: Function;
+        keyUpEnter: Function;
+        sizeFormItems: "xs" | "sm" | "md" | "lg" | "";
+        labelSize: "sm" | "md";
+    }> & Omit<Readonly< Props> & Readonly<{
+        onSubmit?: ((data: any) => any) | undefined;
+    }>, "validateField" | "resetFields" | "isErrorValidateForm" | "rowItemComponentRefs" | "formState" | "fieldsState" | "submitForm" | "validateForm" | "resetForm" | ("mouseout" | "mouseover" | "onFocus" | "onBlur" | "onChange" | "onInput" | "labelWidth" | "onClear" | "labelPosition" | "validateOnRuleChange" | "scrollToError" | "classNameParentGroup" | "textBtnSave" | "textBtnClose" | "formData" | "formSchema" | "formGroupRenderOptions" | "keyDownEnter" | "keyUpEnter" | "sizeFormItems" | "labelSize")> & {
+        submitForm: () => void;
+        resetForm: () => void;
+        resetFields: (fields: string[]) => void;
+        validateForm: () => Promise<void>;
+        validateField: (field: any) => Promise<void>;
+        isErrorValidateForm: boolean;
+        formState: FormState;
+        fieldsState: {
+            label: string | undefined;
+            key: FormItemProp | undefined;
+            component: any;
+            state: FieldState;
+        }[] | undefined;
+        rowItemComponentRefs: Record<string, any>;
+    } & {} & ComponentCustomProperties & {} & {
+        $slots: Partial<Record<string, (_: {}) => any>> & Partial<Record<string, (_: {
+            data: FormData;
+        }) => any>> & Partial<Record<string, (_: {
+            data: FormData;
+        }) => any>> & Partial<Record<string, (_: {
+            data: FormData;
+        }) => any>> & Partial<Record<string, (_: {
+            data: FormData;
+        }) => any>> & Partial<Record<string, (_: {
+            data: FormData;
+        }) => any>> & Partial<Record<string, (_: {
+            data: FormData;
+        }) => any>> & Partial<Record<string, (_: {
+            data: FormData;
+        }) => any>> & Partial<Record<string, (_: {
+            data: FormData;
+        }) => any>> & Partial<Record<string, (_: {
+            data: any;
+        }) => any>> & Partial<Record<string, (_: {
+            error: any;
+        }) => any>> & Partial<Record<string, (_: {}) => any>> & Partial<Record<string, (_: {}) => any>> & Partial<Record<string, (_: {}) => any>> & Partial<Record<string, (_: {}) => any>> & Partial<Record<string, (_: {}) => any>> & {
+            header?(_: {}): any;
+            body?(_: {}): any;
+            footer?(_: {}): any;
+        };
+    }) | null;
+}, 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/custom/EaeraWidgetMarginCalculator.mjs

@@ -0,0 +1 @@
+import{ElFormItem as e,ElLoadingDirective as r}from"element-plus/es";import{defineComponent as a,ref as t,reactive as c,computed as u,watch as o,openBlock as l,createElementBlock as n,createVNode as s,withCtx as m,renderSlot as i,withDirectives as p,createElementVNode as _,createBlock as d,createTextVNode as v,toDisplayString as g,createCommentVNode as f}from"vue";import k from"./EaeraWidgetHeader.mjs";import{C as y,_ as b}from"../chunks/EaeraForm-DZDIJnrX.mjs";import{useI18n as j}from"vue-i18n";import{_ as E}from"../chunks/EaeraButton-DGfjUoa6.mjs";import"@lucide/vue";import"../chunks/EaeraSelect-C25XUlir.mjs";import"../chunks/EaeraSpinner-DzMwUlR7.mjs";import"../chunks/EaeraCheckbox-C_faN0pV.mjs";import"element-plus";import"../chunks/_plugin-vue_export-helper-BCo6x5W8.mjs";import"../chunks/EaeraEmailSuggestion-DyhqpIEZ.mjs";import"../chunks/EaeraTooltip-BIlULHv4.mjs";import"../chunks/vendor-email-misspelled-0hsXkSSK.mjs";import"../chunks/EaeraCascadeSelect-CoSX_ACV.mjs";import"../chunks/EaeraCheckBoxList-ZKnHu1T9.mjs";import"../chunks/EaeraDatePicker-Cf58Nwsl.mjs";import"../chunks/EaeraDateTimePicker-B6M5r2xN.mjs";import"../chunks/EaeraRadio-Dz6nSJu0.mjs";import"../chunks/EaeraInput-CkbcAxy0.mjs";import"../chunks/eventListener-o1XlgLVq.mjs";import"../chunks/EaeraSwitch-BI3E0zPf.mjs";import"../chunks/EaeraTimePicker-B4e4R3pD.mjs";import"../chunks/EaeraTree-CwZK7lqG.mjs";import"../chunks/EaeraTreeSelect-mLNgcoOv.mjs";import"../chunks/EaeraAutoComplete-DLjCHpAH.mjs";import"../chunks/EaeraInputTag-0b2arstP.mjs";import"../chunks/EaeraCountryField-CHH7M7V-.mjs";import"../chunks/country-flag.esm-DgNn8eAH.mjs";import"../chunks/vendor-unorm-Degftfa1.mjs";import"../chunks/EaeraInputPhone-BnmWwVX8.mjs";import"../chunks/phoneNumbers-Bmtkxd5J.mjs";import"../chunks/vendor-libphonenumber-js-bhez_Ujn.mjs";import"../chunks/EaeraInputPhoneNumber-CKLV2wUa.mjs";import"../chunks/useEaeraInputPhoneNumber-CKXimj-u.mjs";import"../chunks/EaeraSelectV2-C8auhaRC.mjs";import"../chunks/EaeraSelectGroup-DxK2CWYf.mjs";import"../chunks/EaeraSelectOther-BICVMrjI.mjs";import"../chunks/EaeraInputNumber-CT5nnbWb.mjs";import"@element-plus/icons-vue";const w={class:"calculator__content"},S={class:"calculator__container"},F={class:"mb-0 w-full"},C={class:"mt-4"},I={class:"mb-8 md:mb-0 text-base font-semibold"},x={key:0,class:"ml-4"},N={class:"calculator-button__wrapper"},z=a({__name:"EaeraWidgetMarginCalculator",props:{currency_pairs:{default:()=>[]},filterOptions:{default:()=>[]},getRate:{type:Function,default:()=>{}},isLoading:{type:Boolean,default:!1}},setup(a){const{t:z}=j(),P=a,$=t(),T=c({margin_ratio:void 0,currency_pair:"",account_currency:"",trade_size:void 0}),q=t(null),D=t(""),R=c({}),U=t(["USD","EUR","GBP","JPY","CHF","CAD","NZD","AUD","USC"]),L={required:!0,message:z("common.validate.required_field"),trigger:"change"},A=u(()=>{const e=P.currency_pairs.map(e=>e.symbol);return[...new Set(e)]}),B=u(()=>T.account_currency+T.currency_pair),G=u(()=>null!==q.value&&T.account_currency?R?.[q.value]?.[T.account_currency]:null),O=u(()=>[...new Set(P.filterOptions.map(e=>e?.currency)?.concat(U.value))]),W=u(()=>A.value.map(e=>({label:e,value:e}))),H=u(()=>O.value.map(e=>({label:e,value:e}))),M=u(()=>D.value&&T.account_currency?`${Intl.NumberFormat("en-US",{style:"currency",currency:T.account_currency}).format(Number(D.value))}`:""),V=u(()=>({currency_pair:{label:z("widget.margin-calculator.currency-pair"),nameComponent:y.Select,placeholder:" ",required:!0,options:W.value,classFormItem:"is-m-auto calculator-form__wrapper",order:1,group:"left",rule:{currency_pair:[L]}},account_currency:{label:z("widget.margin-calculator.account-currency"),nameComponent:y.Select,placeholder:" ",required:!0,filterable:!0,options:H.value,classFormItem:"is-m-auto calculator-form__wrapper",order:2,group:"left",rule:{account_currency:[L]}},margin_ratio:{label:z("widget.margin-calculator.margin-raito"),nameComponent:y.Input,required:!0,classFormItem:"is-m-auto calculator-form__wrapper",order:1,group:"right",rule:{margin_ratio:[L]}},trade_size:{label:z("widget.margin-calculator.trade-size"),nameComponent:y.Input,required:!0,classFormItem:"is-m-auto calculator-form__wrapper",order:2,group:"right",rule:{trade_size:[L]}}})),J={left:{tag:"div",class:"calculator__leftForm"},right:{tag:"div",class:"calculator__rightForm"}},K=()=>{$.value?.validateForm().then(()=>{if(q.value&&R?.[q.value]?.[T.account_currency]){const e=P.currency_pairs.find(e=>e.symbol==T.currency_pair),r=e.contract_size,a=Number(T.trade_size)*r/Number(T.margin_ratio),t=[0,5].includes(e?.calc_mode)?1:e?.symbol_price;D.value=(t*a*R?.[q.value]?.[T.account_currency]).toString()}})},Q=()=>{$.value?.resetForm(),T.margin_ratio=void 0,T.currency_pair="",T.account_currency="",T.trade_size=void 0,q.value=null,D.value=""};return o(()=>B.value,async()=>{if(T.account_currency&&q.value&&!R?.[q.value]?.[T.account_currency]){let e=await P.getRate(q.value,T.account_currency);null!==q.value&&(R[q.value]||(R[q.value]={}),R[q.value][T.account_currency]=e)}}),(t,c)=>{const u=e,o=r;return l(),n("div",null,[s(k,{title:t.$t("widget.margin-calculator.title"),showFilter:!1},{header:m(()=>[i(t.$slots,"header1")]),_:3},8,["title"]),p((l(),n("div",w,[_("div",S,[s(b,{ref_key:"ruleFormRef",ref:$,"form-data":T,"form-schema":V.value,"form-group-render-options":J,"class-name-parent-group":"calculator__wrapper","label-position":"top","scroll-to-error":!1,sizeFormItems:"sm"},{prefix_item_margin_ratio:m(()=>[...c[0]||(c[0]=[_("span",{class:"text-base text-black"},"1:",-1)])]),footer:m(()=>[_("div",F,[q.value&&T?.account_currency&&q.value!=T?.account_currency?(l(),d(u,{key:0,label:`${q.value}${T?.account_currency}:`,class:"form--item--custom is-m-auto calculator-form__wrapper"},{default:m(()=>[v(g(G.value),1)]),_:1},8,["label"])):f("",!0),_("div",C,[_("div",I,[v(g(t.$t("widget.margin-calculator.result"))+": ",1),D.value?(l(),n("span",x,g(M.value),1)):f("",!0)]),_("div",N,[s(E,{onClick:Q,class:"btn-custom-sm btn-success-outline text-base btn_calculator"},{default:m(()=>[v(g(t.$t("widget.margin-calculator.reset")),1)]),_:1}),s(E,{type:"success",class:"btn-custom-sm text-base btn_calculator",onClick:K},{default:m(()=>[v(g(t.$t("widget.margin-calculator.calculate")),1)]),_:1})])])])]),_:1},8,["form-data","form-schema"])])])),[[o,a.isLoading]])])}}});export{z as default};

package/dist/components/custom/EaeraWidgetMetricsStaticCard.d.ts

@@ -0,0 +1,14 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+interface IPropsWigetStaticCard {
+    data: {
+        value: string;
+        title: string;
+        infoTitle: string;
+    }[];
+}
+declare const _default: DefineComponent<IPropsWigetStaticCard, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+    "info-click": () => any;
+}, string, PublicProps, Readonly<IPropsWigetStaticCard> & Readonly<{
+    "onInfo-click"?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/components/custom/EaeraWidgetMetricsStaticCard.mjs

@@ -0,0 +1 @@
+import{defineComponent as i,openBlock as t,createElementBlock as c,Fragment as s,renderList as a,createElementVNode as e,toDisplayString as r,createVNode as o,unref as n}from"vue";import{Info as l}from"@lucide/vue";const d={class:"metrics-static-info-cards__container"},f={class:"metrics-static-info-card__content"},_={class:"metrics-static-info-card__value"},m={class:"metrics-static-info-card__title"},u={class:"metrics-static-info-card__icon"},v={class:"metrics-static-info-card__info"},p=i({__name:"EaeraWidgetMetricsStaticCard",props:{data:{}},emits:["info-click"],setup(i,{emit:p}){const k=i,C=p;return(i,p)=>(t(),c("div",d,[(t(!0),c(s,null,a(k.data,i=>(t(),c("div",{key:i.title,class:"metrics-static-info-card"},[e("div",f,[e("h3",_,r(i.value),1),e("span",m,r(i.title),1)]),e("div",{class:"metrics-static-info-card__footer",onClick:p[0]||(p[0]=i=>C("info-click"))},[e("div",u,[o(n(l),{size:20,color:"#1474BC"})]),e("span",v,r(i.infoTitle),1)])]))),128))]))}});export{p as default};

package/dist/components/custom/EaeraWidgetMonthlyGainChart.d.ts

@@ -0,0 +1,34 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+export type MonthlyGainItem = {
+    month: string | number;
+    percentage: number;
+    value: number;
+};
+type Props = {
+    monthlyGainData?: MonthlyGainItem[];
+    isLoading?: boolean;
+    showHeader?: boolean;
+    currency?: string;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        empty?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props> & Readonly<{}>, {
+    showHeader: boolean;
+    currency: string;
+    isLoading: boolean;
+    monthlyGainData: MonthlyGainItem[];
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, 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/custom/EaeraWidgetMonthlyGainChart.mjs

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

package/dist/components/custom/EaeraWidgetPLCalendar.d.ts

@@ -0,0 +1,20 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+export type DailyNetProfitItem = {
+    date: string | number;
+    dailyNetProfit: number;
+};
+type Props = {
+    dailyNetProfit?: DailyNetProfitItem[];
+    isLoading?: boolean;
+    showHeader?: boolean;
+    showFilter?: boolean;
+    currency?: string;
+};
+declare const _default: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props> & Readonly<{}>, {
+    showHeader: boolean;
+    showFilter: boolean;
+    currency: string;
+    isLoading: boolean;
+    dailyNetProfit: DailyNetProfitItem[];
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/components/custom/EaeraWidgetPLCalendar.mjs

@@ -0,0 +1 @@
+import{ElLoadingDirective as e}from"element-plus/es";import{defineComponent as a,ref as t,computed as l,openBlock as n,createElementBlock as r,createElementVNode as i,toDisplayString as s,unref as d,createVNode as o,createCommentVNode as c,withDirectives as u,Fragment as p,renderList as g,normalizeClass as w}from"vue";import{useI18n as m}from"vue-i18n";import{ChevronLeft as _,ChevronRight as f}from"@lucide/vue";const v={class:"pl-calendar-widget"},y={key:0,class:"pl-calendar-widget__header"},D={class:"pl-calendar-widget__title"},b={class:"pl-calendar-widget__nav"},F={class:"pl-calendar-widget__month-label"},N=["aria-label"],k=["aria-label"],S={class:"pl-calendar-widget__body"},$={class:"pl-calendar-widget__day-headers"},M={class:"pl-calendar-widget__grid"},T={class:"pl-calendar-widget__date"},U=a({__name:"EaeraWidgetPLCalendar",props:{dailyNetProfit:{default:()=>[]},isLoading:{type:Boolean,default:!1},showHeader:{type:Boolean,default:!0},showFilter:{type:Boolean,default:!1},currency:{default:"USD"}},setup(a){const U=a,{t:P}=m(),Y=new Date,C=t(new Date(Y.getFullYear(),Y.getMonth(),1)),x=["MON","TUE","WED","THU","FRI","SAT","SUN"],B=l(()=>new Intl.DateTimeFormat("en-US",{month:"long",year:"numeric"}).format(C.value)),E=e=>`${e.getFullYear()}-${String(e.getMonth()+1).padStart(2,"0")}-${String(e.getDate()).padStart(2,"0")}`,H=l(()=>{const e=new Map;for(const a of U.dailyNetProfit){const t=a.date;let l;if("number"==typeof t)l=E(new Date(t));else{const e=new Date(t);l=isNaN(e.getTime())?String(t).split("T")[0]:E(e)}e.set(l,Number(a.dailyNetProfit??0))}return e}),I=l(()=>{const e=C.value.getFullYear(),a=C.value.getMonth(),t=new Date(e,a,1),l=new Date(e,a+1,0),n=[],r=(e,a)=>{const t=E(e),l=e.getDay(),n=0===l||6===l,r=H.value.get(t)??0,i=H.value.has(t),s=e.getTime()>Y.getTime();let d;return d=i?r>=0?"profit":"loss":n||!a?"weekend":"neutral",{key:`${t}-${a}`,dayNumber:e.getDate(),profit:r,hasProfit:i,isCurrentMonth:a,isWeekend:n,isFuture:s,state:d}};for(let i=(t.getDay()+6)%7;i>0;i--){const t=new Date(e,a,1-i);n.push(r(t,!1))}for(let i=1;i<=l.getDate();i++){const t=new Date(e,a,i);n.push(r(t,!0))}for(;n.length%7!=0;){const e=n[n.length-1],[a,t,l]=e.key.split("-").map(Number),i=new Date(a,t-1,l+1);n.push(r(i,!1))}for(;n.length<42;){const e=n[n.length-1],[a,t,l]=e.key.split("-").map(Number),i=new Date(a,t-1,l+1);n.push(r(i,!1))}return n}),L=e=>{const a=Math.abs(e),t=new Intl.NumberFormat("en-US",{minimumFractionDigits:0,maximumFractionDigits:2}).format(a);return`${e>=0?"+":"-"}${"USD"===U.currency?"$":""}${t}`},W=()=>{C.value=new Date(C.value.getFullYear(),C.value.getMonth()-1,1)},A=()=>{C.value=new Date(C.value.getFullYear(),C.value.getMonth()+1,1)};return(t,l)=>{const m=e;return n(),r("div",v,[a.showHeader?(n(),r("header",y,[i("span",D,s(d(P)("widget.pl-calendar.title")),1),i("div",b,[i("span",F,s(B.value),1),i("button",{type:"button",class:"pl-calendar-widget__nav-btn","aria-label":d(P)("widget.pl-calendar.prev-month"),onClick:W},[o(d(_),{class:"pl-calendar-widget__nav-icon"})],8,N),i("button",{type:"button",class:"pl-calendar-widget__nav-btn","aria-label":d(P)("widget.pl-calendar.next-month"),onClick:A},[o(d(f),{class:"pl-calendar-widget__nav-icon"})],8,k)])])):c("",!0),u((n(),r("div",S,[i("div",$,[(n(),r(p,null,g(x,e=>i("div",{key:e,class:"pl-calendar-widget__day-header"},s(e),1)),64))]),i("div",M,[(n(!0),r(p,null,g(I.value,e=>(n(),r("div",{key:e.key,class:w(["pl-calendar-widget__cell",`pl-calendar-widget__cell--${e.state}`])},[i("span",T,s(e.dayNumber||""),1),l[0]||(l[0]=i("span",{class:"pl-calendar-widget__spacer"},null,-1)),e.hasProfit&&!e.isFuture?(n(),r("span",{key:0,class:w(["pl-calendar-widget__amount",e.profit>=0?"pl-calendar-widget__amount--profit":"pl-calendar-widget__amount--loss"])},s(L(e.profit)),3)):c("",!0)],2))),128))])])),[[m,a.isLoading]])])}}});export{U as default};

package/dist/components/custom/EaeraWidgetPLTime.d.ts

@@ -0,0 +1,35 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type ColorKeys = 'primaryColor' | 'secondaryColor' | 'blackColor' | 'grayColor' | 'greenColor' | 'whiteColor';
+type Color = Partial<Record<ColorKeys, string>>;
+interface IPropsPLTime {
+    optionsSelected?: {
+        label: string;
+        value: string;
+    }[];
+    color: Color;
+    data: {
+        id?: string;
+        profit: (string | number)[];
+        loss: (string | number)[];
+        time: string[];
+    }[];
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        empty?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<IPropsPLTime, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<IPropsPLTime> & Readonly<{}>, {
+    color: Color;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, 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/custom/EaeraWidgetPLTime.mjs

@@ -0,0 +1 @@
+import{_ as e}from"../chunks/EaeraRadio-Dz6nSJu0.mjs";import{defineComponent as o,ref as t,computed as a,resolveComponent as l,openBlock as r,createElementBlock as i,createVNode as s,createCommentVNode as n,createBlock as c,renderSlot as d,createElementVNode as p,toDisplayString as u,unref as m}from"vue";import{useI18n as f}from"vue-i18n";import{_ as v}from"../chunks/_plugin-vue_export-helper-BCo6x5W8.mjs";import"element-plus/es";import"../chunks/EaeraInput-CkbcAxy0.mjs";import"../chunks/eventListener-o1XlgLVq.mjs";const y={class:"widget-pl-time-chart__container"},b={key:0},g={key:2,class:"widget-pl-time-chart__notification"},_={class:"widget-pl-time-chart__notification--title"},k=v(o({__name:"EaeraWidgetPLTime",props:{optionsSelected:{},color:{default:()=>({primaryColor:"#0069df",secondaryColor:"#E0A000",blackColor:"#212121",grayColor:"#e0e0e0",greenColor:"#07B53B",whiteColor:"#ffffff"})},data:{}},setup(o){const v=o,{t:k}=f(),x=t(v.optionsSelected?.[0].value??""),S=a(()=>x.value?v.data?.find(e=>e.id===x.value):v.data?.[0]),C=a(()=>({tooltip:{trigger:"axis",valueFormatter:e=>null!=e?Number(e).toFixed(2):0,axisPointer:{type:"shadow"}},legend:{show:!0,bottom:"0%",textStyle:{fontFamily:"Noto Sans",fontStyle:"normal",fontWeight:400,fontSize:"14px"}},grid:{left:"3%",right:"4%",bottom:"8%",containLabel:!0},xAxis:[{type:"category",data:S.value?.time,axisLabel:{color:v.color.blackColor}}],yAxis:[{type:"value"}],series:[{name:"Loss",type:"bar",stack:"Ad",emphasis:{focus:"series"},color:v.color.secondaryColor,data:S.value?.loss,itemStyle:{borderRadius:0}},{name:"Profit",type:"bar",stack:"Ad",emphasis:{focus:"series"},color:v.color.primaryColor,data:S.value?.profit,label:{show:!0,position:"top",formatter:e=>null!=e.value?Number(e.value).toFixed(2):0,color:v.color.blackColor},itemStyle:{borderRadius:0}}],barMaxWidth:"80"}));return(o,t)=>{const a=e,f=l("v-chart");return r(),i("div",y,[v.optionsSelected&&v.optionsSelected.length>0?(r(),i("div",b,[s(a,{modelValue:x.value,"onUpdate:modelValue":t[0]||(t[0]=e=>x.value=e),class:"custom-button",options:v.optionsSelected,isRadioButton:""},null,8,["modelValue","options"])])):n("",!0),Object.keys(v.data).length>0&&S.value?(r(),c(f,{key:1,option:C.value,class:"widget-pl-time-chart__wrapper",autoresize:""},null,8,["option"])):(r(),i("div",g,[d(o.$slots,"empty",{},()=>[p("p",_,u(m(k)("reports.no-data-body")),1)],!0)]))])}}}),[["__scopeId","data-v-bfa6cdc5"]]);export{k as default};

package/dist/components/custom/EaeraWidgetPieChart.d.ts

@@ -0,0 +1,34 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type Data = {
+    [key: string]: string;
+};
+type ColorKeys = 'primaryColor' | 'secondaryColor' | 'blackColor' | 'grayColor' | 'greenColor' | 'whiteColor' | 'yellowColor';
+type Color = Partial<Record<ColorKeys, string>>;
+interface IPropsPieChart {
+    className?: string;
+    optionsSelected?: {
+        label: string;
+        value: string;
+    }[];
+    data: Data[];
+    color: Color;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        empty?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<IPropsPieChart, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<IPropsPieChart> & Readonly<{}>, {
+    color: Color;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+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/custom/EaeraWidgetPieChart.mjs

@@ -0,0 +1 @@
+import{_ as e}from"../chunks/EaeraRadio-Dz6nSJu0.mjs";import{defineComponent as o,provide as t,ref as r,computed as a,openBlock as l,createElementBlock as i,Fragment as n,createElementVNode as s,createBlock as c,createCommentVNode as m,unref as p,normalizeClass as u,renderSlot as d,toDisplayString as f}from"vue";import{use as v}from"echarts/core";import{PieChart as y}from"echarts/charts";import _,{THEME_KEY as g}from"vue-echarts";import{CanvasRenderer as S}from"echarts/renderers";import{TitleComponent as C,TooltipComponent as b,LegendComponent as k}from"echarts/components";import{useI18n as w}from"vue-i18n";import{_ as j}from"../chunks/_plugin-vue_export-helper-BCo6x5W8.mjs";import"element-plus/es";import"../chunks/EaeraInput-CkbcAxy0.mjs";import"../chunks/eventListener-o1XlgLVq.mjs";const x={key:1,class:"pie-chart__notification"},E={class:"pie-chart__notification--title"},$=j(o({__name:"EaeraWidgetPieChart",props:{className:{},optionsSelected:{},data:{},color:{default:()=>({primaryColor:"#0069df",secondaryColor:"#e6e8ec",blackColor:"#212121",grayColor:"#e0e0e0",greenColor:"#07B53B",whiteColor:"#ffffff",yellowColor:"#E0A000"})}},setup(o){v([S,y,C,b,k]),t(g,"light");const j=o,{t:$}=w(),z=r(j.optionsSelected?.[0].value??""),B=a(()=>[j.className]),N=a(()=>({tooltip:{trigger:"item"},legend:{bottom:"0%",left:"center",icon:"circle",formatter:e=>{const o=j.data.find(o=>o.name===e);return o?`${e}: ${o.value}`:e},itemGap:20,textStyle:{color:"#141414",fontFamily:"Noto Sans",fontStyle:"normal",fontWeight:400,fontSize:"14px"}},series:[{type:"pie",radius:["40%","70%"],data:j.data.map(e=>({value:e[z.value],name:e.name,itemStyle:{color:e.color}})),labelLine:{show:!0,length:20},label:{show:!0,position:"inside",fontSize:14,fontWeight:"bold",formatter:e=>e.percent>0?`${e.percent}%`:"",color:j.color.whiteColor}}]}));return(o,t)=>{const r=e;return l(),i(n,null,[s("div",null,[j.optionsSelected?(l(),c(r,{key:0,modelValue:z.value,"onUpdate:modelValue":t[0]||(t[0]=e=>z.value=e),class:"custom-button",options:j.optionsSelected,isRadioButton:""},null,8,["modelValue","options"])):m("",!0)]),j.data&&j.data.length>0?(l(),c(p(_),{key:0,class:u(["pie-chart__container",B.value]),option:N.value,autoresize:""},null,8,["class","option"])):(l(),i("div",x,[d(o.$slots,"empty",{},()=>[s("p",E,f(p($)("reports.no-data-body")),1)],!0)]))],64)}}}),[["__scopeId","data-v-3baf5492"]]);export{$ as default};