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

package/dist/components/base/EaeraDropdown.d.ts

@@ -1,18 +1,21 @@
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-type DropdownOption = {
+export type DropdownOption = {
     id: string;
     label: string;
+    description?: string;
     custom?: boolean;
     disabled?: boolean;
     clickFunc?: () => void;
     icon?: any;
 };
+type Placement = 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end';
 type Props = {
-    trigger?: string;
+    trigger?: 'hover' | 'click';
+    placement?: Placement;
     options?: DropdownOption[];
     data?: Record<string, any>;
     className?: string;
-    size?: 'sm' | 'md' | 'lg';
+    size?: 'sm' | 'md' | 'lg' | 'xl';
     selectedId?: string;
     popperOptions?: any;
     showArrow?: boolean;
@@ -26,23 +29,33 @@ declare function __VLS_template(): {
             option: DropdownOption;
         }): any;
     };
-    refs: {};
+    refs: {
+        dropdownRef: unknown;
+    };
     rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+declare const __VLS_component: DefineComponent<Props, {
+    openDropdown: () => void;
+    closeDropdown: () => void;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+    "visible-change": (visible: boolean) => any;
     "click-option": (option: DropdownOption) => any;
 }, string, PublicProps, Readonly<Props> & Readonly<{
+    "onVisible-change"?: ((visible: boolean) => any) | undefined;
     "onClick-option"?: ((option: DropdownOption) => any) | undefined;
 }>, {
-    size: "sm" | "md" | "lg";
+    size: "sm" | "md" | "lg" | "xl";
     popperOptions: any;
     showArrow: boolean;
     data: Record<string, any>;
-    trigger: string;
+    trigger: "hover" | "click";
+    placement: Placement;
     options: DropdownOption[];
     selectedId: string;
-}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+    dropdownRef: unknown;
+}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/components/base/EaeraDropdown.mjs

@@ -1 +1 @@
-import{_ as e}from"../chunks/EaeraDropdown-s15chyOx.mjs";import"element-plus/es";import"vue";import"@lucide/vue";export{e as default};
+import{_ as e}from"../chunks/EaeraDropdown-DceV8QiO.mjs";import"element-plus/es";import"vue";import"@lucide/vue";export{e as default};

package/dist/components/chunks/{EaeraDataCard-Mw6cuEQT.mjs → EaeraDataCard-quCx0w35.mjs}

@@ -1 +1 @@
-import{_ as e}from"./EaeraDropdown-s15chyOx.mjs";import{defineComponent as a,ref as s,computed as t,openBlock as l,createElementBlock as o,createElementVNode as d,renderSlot as r,createBlock as c,withCtx as i,createVNode as n,unref as u,createCommentVNode as m,Fragment as _,renderList as v,toDisplayString as p,normalizeClass as w,createTextVNode as f}from"vue";import{EllipsisVertical as k,ChevronDown as y,ChevronUp as b}from"@lucide/vue";const $={class:"data-card"},g={key:0,class:"data-card__header"},C={class:"data-card__header-left"},L={class:"data-card__header-right"},I={class:"data-card__body"},S={class:"data-card__row-label"},x={key:1,class:"data-card__row-value"},z={key:0,class:"flex items-center"},D={key:1,class:"flex items-center"},E={key:2,class:"data-card__footer"},H=a({__name:"EaeraDataCard",props:{items:{default:()=>[]},menuItems:{default:void 0},collapsedCount:{default:void 0},showHeader:{type:Boolean,default:!0},showMoreLabel:{default:"Show more"},showLessLabel:{default:"Show less"}},setup(a){const H=a,M=s(!1),j=t(()=>(H.menuItems??[]).map((e,a)=>({id:String(a),label:e.label,icon:e.icon,disabled:e.disabled??!1,clickFunc:e.action}))),B=t(()=>void 0===H.collapsedCount||M.value?H.items:H.items.slice(0,H.collapsedCount));return(s,t)=>{const F=e;return l(),o("div",$,[H.showHeader?(l(),o("div",g,[d("div",C,[r(s.$slots,"header-title")]),d("div",L,[r(s.$slots,"header-right",{},()=>[H.menuItems&&H.menuItems.length?(l(),c(F,{key:0,trigger:"click",options:j.value,class:"data-card__menu"},{title:i(()=>[n(u(k),{size:24})]),_:1},8,["options"])):m("",!0)])])])):m("",!0),d("div",I,[(l(!0),o(_,null,v(B.value,(e,a)=>(l(),o("div",{key:e.key??a,class:"data-card__row"},[d("span",S,p(e.label),1),r(s.$slots,`item-${e.key}`,{item:e},()=>[e.isStatus?(l(),o("span",{key:0,class:w(["status-col",`status-${e.statusVariant??e.value}`])},p(e.value),3)):(l(),o("span",x,p(e.value),1))])]))),128))]),void 0!==H.collapsedCount&&H.items.length>H.collapsedCount?(l(),o("div",{key:1,class:"data-card__show-more",onClick:t[0]||(t[0]=e=>M.value=!M.value)},[M.value?(l(),o("span",D,[f(p(a.showLessLabel)+" ",1),r(s.$slots,"show-less-icon",{},()=>[n(u(b),{size:20})])])):(l(),o("span",z,[f(p(a.showMoreLabel)+" ",1),r(s.$slots,"show-more-icon",{},()=>[n(u(y),{size:20})])]))])):m("",!0),s.$slots.footer?(l(),o("div",E,[r(s.$slots,"footer")])):m("",!0)])}}});export{H as _};
+import{_ as e}from"./EaeraDropdown-DceV8QiO.mjs";import{defineComponent as a,ref as s,computed as t,openBlock as l,createElementBlock as o,createElementVNode as d,renderSlot as r,createBlock as c,withCtx as i,createVNode as n,unref as u,createCommentVNode as m,Fragment as _,renderList as v,toDisplayString as p,normalizeClass as w,createTextVNode as f}from"vue";import{EllipsisVertical as k,ChevronDown as y,ChevronUp as b}from"@lucide/vue";const $={class:"data-card"},g={key:0,class:"data-card__header"},C={class:"data-card__header-left"},L={class:"data-card__header-right"},I={class:"data-card__body"},S={class:"data-card__row-label"},x={key:1,class:"data-card__row-value"},z={key:0,class:"flex items-center"},D={key:1,class:"flex items-center"},E={key:2,class:"data-card__footer"},H=a({__name:"EaeraDataCard",props:{items:{default:()=>[]},menuItems:{default:void 0},collapsedCount:{default:void 0},showHeader:{type:Boolean,default:!0},showMoreLabel:{default:"Show more"},showLessLabel:{default:"Show less"}},setup(a){const H=a,M=s(!1),j=t(()=>(H.menuItems??[]).map((e,a)=>({id:String(a),label:e.label,icon:e.icon,disabled:e.disabled??!1,clickFunc:e.action}))),B=t(()=>void 0===H.collapsedCount||M.value?H.items:H.items.slice(0,H.collapsedCount));return(s,t)=>{const F=e;return l(),o("div",$,[H.showHeader?(l(),o("div",g,[d("div",C,[r(s.$slots,"header-title")]),d("div",L,[r(s.$slots,"header-right",{},()=>[H.menuItems&&H.menuItems.length?(l(),c(F,{key:0,trigger:"click",options:j.value,class:"data-card__menu"},{title:i(()=>[n(u(k),{size:24})]),_:1},8,["options"])):m("",!0)])])])):m("",!0),d("div",I,[(l(!0),o(_,null,v(B.value,(e,a)=>(l(),o("div",{key:e.key??a,class:"data-card__row"},[d("span",S,p(e.label),1),r(s.$slots,`item-${e.key}`,{item:e},()=>[e.isStatus?(l(),o("span",{key:0,class:w(["status-col",`status-${e.statusVariant??e.value}`])},p(e.value),3)):(l(),o("span",x,p(e.value),1))])]))),128))]),void 0!==H.collapsedCount&&H.items.length>H.collapsedCount?(l(),o("div",{key:1,class:"data-card__show-more",onClick:t[0]||(t[0]=e=>M.value=!M.value)},[M.value?(l(),o("span",D,[f(p(a.showLessLabel)+" ",1),r(s.$slots,"show-less-icon",{},()=>[n(u(b),{size:20})])])):(l(),o("span",z,[f(p(a.showMoreLabel)+" ",1),r(s.$slots,"show-more-icon",{},()=>[n(u(y),{size:20})])]))])):m("",!0),s.$slots.footer?(l(),o("div",E,[r(s.$slots,"footer")])):m("",!0)])}}});export{H as _};

package/dist/components/chunks/EaeraDropdown-DceV8QiO.mjs

@@ -0,0 +1 @@
+import{ElDropdown as e,ElDropdownMenu as o,ElDropdownItem as s,ElIcon as p}from"element-plus/es";import{defineComponent as t,ref as i,computed as l,openBlock as d,createBlock as n,normalizeClass as a,withCtx as r,createElementVNode as c,renderSlot as u,createVNode as m,createElementBlock as f,Fragment as _,renderList as w,resolveDynamicComponent as g,createCommentVNode as v,createTextVNode as k,toDisplayString as b,unref as y}from"vue";import{Check as x}from"@lucide/vue";const $={class:"el-dropdown-link"},C={key:0,class:"custom-popper__option-prefix"},I={key:0,class:"custom-popper__option-desc"},D=t({__name:"EaeraDropdown",props:{trigger:{default:"hover"},placement:{default:"bottom"},options:{default:()=>[]},data:{default:()=>({})},className:{},size:{default:"md"},selectedId:{default:void 0},popperOptions:{default:{modifiers:[{name:"offset",options:{offset:[0,4]}}]}},showArrow:{type:Boolean,default:!1},danger:{type:Boolean}},emits:["click-option","visible-change"],setup(t,{expose:D,emit:O}){const z=t,A=O,B=i(),N=l(()=>["custom-popper custom-dropdown__popper",z.size,z.danger&&"danger"]),E=l(()=>[z.className]);return D({openDropdown:()=>{B.value?.handleOpen?.()},closeDropdown:()=>{B.value?.handleClose?.()}}),(i,l)=>{const D=p,O=s,F=o,R=e;return d(),n(R,{ref_key:"dropdownRef",ref:B,trigger:t.trigger,placement:t.placement,class:a(["custom-dropdown",E.value]),"popper-class":N.value,"popper-options":t.popperOptions,"show-arrow":t.showArrow,onVisibleChange:l[0]||(l[0]=e=>A("visible-change",e))},{dropdown:r(()=>[m(F,null,{default:r(()=>[(d(!0),f(_,null,w(t.options,e=>(d(),n(O,{key:e.id,onClick:o=>(e=>{e.clickFunc?.(),A("click-option",e)})(e),item:t.data,disabled:e.disabled,class:a({"is-selected":e.id===z.selectedId})},{default:r(()=>[c("div",null,[e.custom?u(i.$slots,`${e.id}`,{},void 0,void 0,0):(d(),f(_,{key:1},[e.icon||i.$slots["option-prefix"]?(d(),f("div",C,[u(i.$slots,"option-prefix",{option:e},()=>[(d(),n(g(e.icon)))])])):v("",!0),c("span",{class:a(["custom-popper__option-text",{"is-selected":e.id===z.selectedId,"has-description":!!e.description}])},[k(b(e.label),1),e.description?(d(),f("span",I,b(e.description),1)):v("",!0)],2)],64))]),e.id===z.selectedId?(d(),n(D,{key:0,class:"custom-popper__option-tick"},{default:r(()=>[m(y(x))]),_:1})):v("",!0)]),_:2},1032,["onClick","item","disabled","class"]))),128))]),_:3})]),default:r(()=>[c("span",$,[u(i.$slots,"title")])]),_:3},8,["trigger","placement","class","popper-class","popper-options","show-arrow"])}}});export{D as _};

package/dist/components/chunks/{EaeraTableV2-BF5WVwr0.mjs → EaeraTableV2-ZUpzVKhm.mjs}

@@ -1 +1 @@
-import{ElTableColumn as e,ElLoadingDirective as a}from"element-plus/es";import{defineComponent as t,useModel as l,ref as r,reactive as s,computed as o,watch as i,onMounted as n,onBeforeUnmount as d,openBlock as c,createElementBlock as u,normalizeClass as f,renderSlot as p,withDirectives as y,createBlock as m,unref as v,mergeProps as k,withCtx as g,Fragment as b,renderList as _,resolveDynamicComponent as x,createCommentVNode as w,createElementVNode as C,toDisplayString as $,createTextVNode as S,createSlots as B,createVNode as I,mergeModels as z}from"vue";import{ElTable as E}from"element-plus";import{u as F}from"./vendor-vueuse-core-B96HGhR7.mjs";import{useI18n as T}from"vue-i18n";import{S as j}from"./vendor-sortablejs-D3DyHO5Y.mjs";import{_ as P}from"./EaeraDateTimePicker-DXW1M3R7.mjs";import{_ as D}from"./EaeraInput-CkbcAxy0.mjs";import{_ as H}from"./EaeraSelect-BxZRZofe.mjs";import{_ as R}from"./EaeraDatePicker-CAm9fHms.mjs";import{_ as L}from"./EaeraPagination-BKcbraqK.mjs";import{_ as A}from"./EaeraSelectTag-CGmqeNQJ.mjs";import{_ as M}from"./EaeraSelectStatus-3bhsZt3A.mjs";import{_ as V}from"./EaeraButton-DGfjUoa6.mjs";import{_ as K}from"./EaeraEmpty-CnGp7eaH.mjs";import{_ as O}from"./EaeraDataCard-Mw6cuEQT.mjs";import{ChevronDown as U,ChevronUp as q,ArrowUp as N,ArrowDown as Z,ArrowDownUp as W}from"@lucide/vue";const G=["createdAt","completedAt","updatedAt","hiredAt","datetimeOfIssue","dateOfBirth","expirationAt"],J={key:0},Q={key:0,class:"custom-table__header"},X=["onClick"],Y={key:0,class:"filter"},ee=["innerHTML"],ae={key:0},te=["onClick"],le=["colspan"],re={key:0,class:"table-v2__cards-empty"},se={key:2,class:"table__pagination"},oe=t({__name:"EaeraTableV2",props:z({id:{},fetchData:{type:Function,default:(e=1,a=1,t={},l={})=>{}},items:{},fields:{},perPage:{default:20},currentPage:{default:1},totalRows:{default:100},selected:{default:()=>[]},showLoading:{type:Boolean,default:!1},showFilterByDefault:{type:Boolean,default:!0},isHiddenHeader:{type:Boolean,default:!1},filterForm:{},filterBy:{},hideFooter:{type:Boolean,default:!1},initFunc:{type:Function,default:()=>{}},stripe:{type:Boolean,default:!0},draggable:{type:Boolean,default:!1},size:{default:"small"},tableRowClassName:{default:""},classTable:{default:""},classCards:{default:""},tableLayout:{default:"fixed"},sizeFormItems:{default:"xs"},layout:{default:"prev, pager, next"},pagerCount:{default:7},allowSortReset:{type:Boolean},pageSizes:{default:()=>[5,10,20,30,50]},viewMode:{default:"table"},mobileBreakpoint:{default:768}},{pageSize:{default:5},pageSizeModifiers:{}}),emits:z(["on-row-click","update:selected-row","dragStart","dragEnd","update:onFilterChanged","update:onSortChanged","update:currentPage","update:perPage"],["update:pageSize"]),setup(t,{expose:z,emit:oe}){const ie=t,ne=oe,de={select:H,"select-tag":A,"select-status":M,input:D,date:R,daterange:P},ce=l(t,"pageSize"),ue=r(0),fe=r([]),pe=r(ie.fields),ye=r(ie.showFilterByDefault),me=s({}),ve=s(ie.filterForm||{}),ke=s(ie.filterBy||{}),ge=r([]),he=r(ie.currentPage),be=r(ie.showLoading),_e=r(ie.selected),xe=r(0),we=r(null),{t:Ce}=T(),$e=r(!1),Se=F(()=>`(max-width: ${ie.mobileBreakpoint}px)`),Be=o(()=>"card"===ie.viewMode||"auto"===ie.viewMode&&($e.value&&Se.value)),Ie=e=>pe.value.filter(e=>e.key&&"selection"!==e.type&&"expand"!==e.type).map(a=>({key:String(a.key),label:Ce(a?.label||"")??"",value:De(e,a)??"",isStatus:a.isStatus??!1,statusVariant:a.statusVariant})),ze=(e="")=>de[e]||null,Ee=()=>{pe.value.forEach(e=>{e.filter&&(ve[e.key]=e.filter?.initialVal)})},Fe=(e,a,t)=>ne("on-row-click",e,a,t),Te=e=>{ge.value=e.map(e=>e.selectionID),ne("update:selected-row",e)},je=(e,a)=>{if(!a)return;if(!(me.key===a))return me.key=a,void(me.direction="asc");ie.allowSortReset?"asc"===me.direction?me.direction="desc":"desc"===me.direction?(me.key=void 0,me.direction=void 0):me.direction="asc":me.direction="asc"===me.direction?"desc":"asc"},Pe=(e,a)=>{if(!a)return e;const t=a.split(".");let l=e;for(const r of t){if(null==l||void 0===l)return;l=l[r]}return l},De=(e,a)=>{if(!a||!a.key)return"";if(!a||!a?.formatter)return Pe(e,a.key);try{const t=Pe(e,a.key);return a.formatter?.(t,a.key,e)}catch(t){return console.error(t),"error"}},He=async()=>{try{be.value=!0,await ie.fetchData(he.value,ce.value,ke,me)}catch(e){console.error(e)}finally{be.value=!1}},Re=(e,a,t)=>{if(!a)return a;if(G.includes(e)&&Array.isArray(a)){const e=a[0].split("-"),t=a[1].split("-");return[`${e[2]}-${e[1]}-${e[0]}T00:00:00.000Z`,`${t[2]}-${t[1]}-${t[0]}T23:59:59.000Z`]}return a},Le=(e,a,t)=>{const l=t.filter_key||(a.includes(".")?a.split(".").pop():a);let r=Re(a,e);if(e&&""!==r){if("-"===r)ke[l]={type:"exists",is_reverse:!0};else if(ke[l]={type:t.filterType??(s=t.type,"daterange"==s?"inrange":"date"==s||"select"==s?"equals":"contains"),value:Re(a,e)},t.is_reverse){let e="false"!==r;ke[l].is_reverse=["exists"].includes(t.filterType)?e:t.is_reverse}}else delete ke[l];var s},Ae=(e,a)=>me.key==e||me.key==a,Me=r(null),Ve=({row:e,rowIndex:a})=>((ge.value.includes(a)?"highlight":"")+" "+ie.tableRowClassName).trim();return i(()=>ie.items,()=>{fe.value=(ie.items??[]).map((e,a)=>({...e,selectionID:a}))},{deep:!0,immediate:!0}),i(()=>ie.fields,()=>{pe.value=ie.fields??[]}),i([ce,he,ke],()=>{ne("update:currentPage",he.value),ne("update:perPage",ce.value),He()},{deep:!0,immediate:!0}),i(()=>me,()=>{ne("update:onSortChanged",me),He()},{deep:!0}),i(()=>ie.filterBy,()=>{pe.value.forEach(e=>{e.filter&&(ve[e.key]=ie.filterBy?.[e.key]?.value)}),0==Object.keys(ie.filterBy||{}).length&&Object.keys(ke).forEach(e=>{delete ke[e]});for(const e in ie.filterBy)ie.filterBy?.state?""==ie.filterBy?.state?.value?delete ke[e]:ie.filterBy?.state?.value!==ke?.state?.value&&(ke.state=ie.filterBy.state):""==ie.filterBy[e]?.value?delete ke[e]:ke[e]=ie.filterBy[e]},{deep:!0,immediate:!0}),i(()=>ie.selected,()=>{_e.value=ie.selected}),i(()=>ke,()=>{ne("update:onFilterChanged",ke)},{deep:!0,immediate:!0}),i(()=>ie.showLoading,e=>{be.value=e}),n(()=>{$e.value=!0,Ee(),ie.initFunc(),(()=>{if(!ie.draggable||!ie.id)return;const e=document.querySelector(`#${ie.id} .el-table__body-wrapper tbody`);e&&(Me.value?.destroy(),Me.value=j.create(e,{animation:180,filter:".not-draggable",onEnd:e=>{ne("dragEnd",e)},onStart:e=>ne("dragStart",e)}))})()}),d(()=>{Me.value?.destroy(),Me.value=null}),z({checkedRows:_e,rowExpansion:(e,a)=>{we.value.toggleRowExpansion(e,a)},clearSelection:()=>{we.value?.clearSelection()},reloadTable:He,setScrollTop:e=>{we.value.setScrollTop(e)},pageIndex:he,loading:be,sort:me,sortTable:je,tableRef:we,isCardMode:Be}),(l,r)=>{const s=e,o=a;return c(),u("div",{class:f(["table-v2-wrapper",{"is-card-mode":Be.value}])},[p(l.$slots,"table-v2-header-actions"),Be.value?y((c(),u("div",{key:1,class:f(["table-v2__cards",t.classCards])},[0===fe.value.length?(c(),u("div",re,[p(l.$slots,"empty",{},()=>[I(K,{title:"There is no data to show"})])])):(c(!0),u(b,{key:1},_(fe.value,(e,a)=>(c(),u("div",{key:e.selectionID??a,class:"table-v2__card-item"},[p(l.$slots,"card",{item:e,index:a},()=>[I(O,{items:Ie(e),"show-header":!1},null,8,["items"])])]))),128))],2)),[[o,be.value]]):(c(),u("div",J,[y((c(),m(v(E),k({ref_key:"eaeraTable",ref:we,id:t.id,class:["custom-table",[{isHiddenHeader:t.isHiddenHeader,"is-filter-visible":ye.value},t.classTable]],size:t.size,data:fe.value,onRowClick:Fe,onSelectionChange:Te,stripe:t.stripe,key:xe.value,"row-class-name":Ve,"table-layout":t.tableLayout},l.$attrs),{empty:g(()=>[p(l.$slots,"empty",{},()=>[C("div",{colspan:(t.fields??[]).length,class:"custom-table__empty"}," There is no data to show ",8,le)])]),append:g(()=>[p(l.$slots,"append")]),"expand-icon":g(({expanded:e})=>[p(l.$slots,"expand-icon",{expanded:e})]),default:g(()=>[(c(!0),u(b,null,_(pe.value,(e,a)=>(c(),m(s,k({key:e.key??a,prop:String(e.key),label:l.$t(e?.label||""),width:e.width,"min-width":e.minWidth,formatter:e.formatter,type:e.type,selectable:e.selectable,"class-name":e.cellClass,"row-class-name":e.rowClass,"label-class-name":e.headerClass,"header-align":e.headerAlign||e.align,align:e.align,render:e.render,fixed:e.fixed||!1},{ref_for:!0},e.colProps),{header:g(({column:a,$index:s})=>{return[C("div",{class:f(["custom-table__header-cell",[e.align,e.headerClass]])},[t.isHiddenHeader?w("",!0):(c(),u("div",Q,[p(l.$slots,`header_${String(e.key)}`,{item:a},()=>{return["actions"==e.key?(c(),u("span",{key:0,onClick:r[0]||(r[0]=e=>ye.value=!ye.value)},[ye.value?(c(),m(v(q),{key:1,class:"btn-icon"})):(c(),m(v(U),{key:0,class:"btn-icon"}))])):(c(),u("div",{key:1,class:f(["custom-table__header-actions",e.customHeaderClass]),onClick:a=>je(e.key,e.sort_key)},[e.filter?(c(),u("div",Y,[e.prefixIcon?(c(),m(x(e.prefixIcon),{key:0,class:"icon-secondary"})):w("",!0),C("span",{innerHTML:(a=l.$t(e?.label||""),a??"_"),class:f(["custom-table__header-label text-14-24-600",e.headerLabelClass??""])},null,10,ee),e.suffixIcon?(c(),m(x(e.suffixIcon),{key:1,class:"icon-secondary"})):w("",!0)])):(c(),u("div",{key:1,class:f(["custom-table__header-label text-14-24-600",e.headerLabelClass??""])},[e.prefixIcon?(c(),m(x(e.prefixIcon),{key:0,class:"icon-secondary"})):w("",!0),S(" "+$(l.$t(e?.label||""))+" ",1),e.suffixIcon?(c(),m(x(e.suffixIcon),{key:1,class:"icon-secondary"})):w("",!0)],2)),e.sortable?p(l.$slots,"sort-icon",{class:f(e.headerSortIconClass??""),sortKey:e.sort_key,direction:me.direction},()=>[Ae(e.key,e.sort_key)&&"asc"==me.direction?(c(),m(v(N),{key:0,color:"var(--er-action-primary-default)"})):w("",!0),Ae(e.key,e.sort_key)&&"desc"==me.direction?(c(),m(v(Z),{key:1,color:"var(--er-action-primary-default)"})):w("",!0),e.sortable&&!Ae(e.key,e.sort_key)?(c(),m(v(W),{key:2,color:"var(--er-icon-secondary)"})):w("",!0)],void 0,2):w("",!0)],10,X))];var a}),p(l.$slots,`header_after_${e.key}`,{item:a})])),ye.value&&e.filter?(c(),u("div",{key:1,class:f(["custom-table__filter",e.filter?.align])},["actions"!=e.key?(c(),u("p",ae,["custom"===e.filter?.type?p(l.$slots,`filter_custom(${e.key})`,{item:e,key:ue.value,filterForm:ve,filterBy:ke,onChange:Le}):(c(),m(x(ze(e.filter?.type)),k({type:e.filter?.type??"",valueKey:e.filter?.valueKey,"v-model":ve[e?.key],disabled:e.filter?.disabled??!1,valueFormat:e.filter?.valueFormat,format:e.filter?.format,options:e?.filter?.options||[],placeholder:e.filter?.placeholder?l.$t(`${e.filter?.placeholder}`):"",key:ue.value,autocomplete:e.filter?.autocomplete,"filter-name":`filter-${e.filter?.type}-${e.key}`,onUpdateValueProp:a=>ve[e?.key]=a,onChange:a=>Le(a,e.key,e?.filter),size:(o=e?.filter?.size,o&&o.length>0?o:ie.sizeFormItems)},{ref_for:!0},{...e.filter}),B({_:2},[e.filter?.prefixIcon?{name:"prefix",fn:g(()=>[(c(),m(x(e.filter.prefixIcon),{class:"icon-secondary"}))]),key:"0"}:void 0,e.filter?.suffixIcon?{name:"suffix",fn:g(()=>[(c(),m(x(e.filter.suffixIcon),{class:"icon-secondary"}))]),key:"1"}:void 0]),1040,["type","valueKey","v-model","disabled","valueFormat","format","options","placeholder","autocomplete","filter-name","onUpdateValueProp","onChange","size"]))])):(c(),m(V,{key:1,onClick:r[1]||(r[1]=()=>(()=>{for(const e in ve)delete ve[e];for(const e in ke)delete ke[e];ue.value++,Ee()})()),size:"xs",plain:""},{default:g(()=>[...r[4]||(r[4]=[S(" Clear ",-1)])]),_:1}))],2)):w("",!0)],2)];var o}),default:g(({row:t,column:r,$index:s})=>["expand"===e.type?p(l.$slots,`cell(${e.key})`,k({item:t,rowIndex:s},{ref_for:!0},{row:t,column:r,$index:s}),()=>[e?.cell?.component?(c(),m(x(e?.cell?.component),k({key:0,dataClass:e?.cell?.dataClass},{ref_for:!0},{row:t,column:r,$index:s}),null,16,["dataClass"])):w("",!0)],void 0,0):"select"!=e.key?p(l.$slots,`cell(${e.key})`,k({item:t,index:a,rowIndex:s,field:e,value:Pe(t,e.key)},{ref_for:!0},{row:t,column:r,$index:s}),()=>[C("div",{onClick:a=>{e?.onClick&&e?.onClick(t,a)}},[e?.cell?.component?(c(),m(x(e?.cell?.component),k({key:0,cellData:De(t,e),dataClass:e?.cell?.dataClass},{ref_for:!0},e?.cell?.props),null,16,["cellData","dataClass"])):"select"!=e.key?(c(),u("div",{key:1,class:f(e?.cell?.dataClass)},$(De(t,e)),3)):w("",!0)],8,te)],void 0,1):w("",!0)]),_:2},1040,["prop","label","width","min-width","formatter","type","selectable","class-name","row-class-name","label-class-name","header-align","align","render","fixed"]))),128))]),_:3},16,["id","size","data","class","stripe","table-layout"])),[[o,be.value]])])),p(l.$slots,"addition_content"),t.hideFooter?w("",!0):(c(),u("div",se,[I(L,{layout:ie.layout,total:ie.totalRows,"pager-count":ie.pagerCount,"page-sizes":ie.pageSizes,disabled:be.value,"current-page":he.value,"onUpdate:currentPage":r[2]||(r[2]=e=>he.value=e),"page-size":ce.value,"onUpdate:pageSize":r[3]||(r[3]=e=>ce.value=e)},null,8,["layout","total","pager-count","page-sizes","disabled","current-page","page-size"])]))],2)}}});export{oe as _};
+import{ElTableColumn as e,ElLoadingDirective as a}from"element-plus/es";import{defineComponent as t,useModel as l,ref as r,reactive as s,computed as o,watch as i,onMounted as n,onBeforeUnmount as d,openBlock as c,createElementBlock as u,normalizeClass as f,renderSlot as p,withDirectives as y,createBlock as m,unref as v,mergeProps as k,withCtx as g,Fragment as b,renderList as _,resolveDynamicComponent as x,createCommentVNode as w,createElementVNode as C,toDisplayString as $,createTextVNode as S,createSlots as B,createVNode as I,mergeModels as z}from"vue";import{ElTable as E}from"element-plus";import{u as F}from"./vendor-vueuse-core-B96HGhR7.mjs";import{useI18n as T}from"vue-i18n";import{S as j}from"./vendor-sortablejs-D3DyHO5Y.mjs";import{_ as P}from"./EaeraDateTimePicker-DXW1M3R7.mjs";import{_ as D}from"./EaeraInput-CkbcAxy0.mjs";import{_ as H}from"./EaeraSelect-BxZRZofe.mjs";import{_ as R}from"./EaeraDatePicker-CAm9fHms.mjs";import{_ as L}from"./EaeraPagination-BKcbraqK.mjs";import{_ as A}from"./EaeraSelectTag-CGmqeNQJ.mjs";import{_ as M}from"./EaeraSelectStatus-3bhsZt3A.mjs";import{_ as V}from"./EaeraButton-DGfjUoa6.mjs";import{_ as K}from"./EaeraEmpty-CnGp7eaH.mjs";import{_ as O}from"./EaeraDataCard-quCx0w35.mjs";import{ChevronDown as U,ChevronUp as q,ArrowUp as N,ArrowDown as Z,ArrowDownUp as W}from"@lucide/vue";const G=["createdAt","completedAt","updatedAt","hiredAt","datetimeOfIssue","dateOfBirth","expirationAt"],J={key:0},Q={key:0,class:"custom-table__header"},X=["onClick"],Y={key:0,class:"filter"},ee=["innerHTML"],ae={key:0},te=["onClick"],le=["colspan"],re={key:0,class:"table-v2__cards-empty"},se={key:2,class:"table__pagination"},oe=t({__name:"EaeraTableV2",props:z({id:{},fetchData:{type:Function,default:(e=1,a=1,t={},l={})=>{}},items:{},fields:{},perPage:{default:20},currentPage:{default:1},totalRows:{default:100},selected:{default:()=>[]},showLoading:{type:Boolean,default:!1},showFilterByDefault:{type:Boolean,default:!0},isHiddenHeader:{type:Boolean,default:!1},filterForm:{},filterBy:{},hideFooter:{type:Boolean,default:!1},initFunc:{type:Function,default:()=>{}},stripe:{type:Boolean,default:!0},draggable:{type:Boolean,default:!1},size:{default:"small"},tableRowClassName:{default:""},classTable:{default:""},classCards:{default:""},tableLayout:{default:"fixed"},sizeFormItems:{default:"xs"},layout:{default:"prev, pager, next"},pagerCount:{default:7},allowSortReset:{type:Boolean},pageSizes:{default:()=>[5,10,20,30,50]},viewMode:{default:"table"},mobileBreakpoint:{default:768}},{pageSize:{default:5},pageSizeModifiers:{}}),emits:z(["on-row-click","update:selected-row","dragStart","dragEnd","update:onFilterChanged","update:onSortChanged","update:currentPage","update:perPage"],["update:pageSize"]),setup(t,{expose:z,emit:oe}){const ie=t,ne=oe,de={select:H,"select-tag":A,"select-status":M,input:D,date:R,daterange:P},ce=l(t,"pageSize"),ue=r(0),fe=r([]),pe=r(ie.fields),ye=r(ie.showFilterByDefault),me=s({}),ve=s(ie.filterForm||{}),ke=s(ie.filterBy||{}),ge=r([]),he=r(ie.currentPage),be=r(ie.showLoading),_e=r(ie.selected),xe=r(0),we=r(null),{t:Ce}=T(),$e=r(!1),Se=F(()=>`(max-width: ${ie.mobileBreakpoint}px)`),Be=o(()=>"card"===ie.viewMode||"auto"===ie.viewMode&&($e.value&&Se.value)),Ie=e=>pe.value.filter(e=>e.key&&"selection"!==e.type&&"expand"!==e.type).map(a=>({key:String(a.key),label:Ce(a?.label||"")??"",value:De(e,a)??"",isStatus:a.isStatus??!1,statusVariant:a.statusVariant})),ze=(e="")=>de[e]||null,Ee=()=>{pe.value.forEach(e=>{e.filter&&(ve[e.key]=e.filter?.initialVal)})},Fe=(e,a,t)=>ne("on-row-click",e,a,t),Te=e=>{ge.value=e.map(e=>e.selectionID),ne("update:selected-row",e)},je=(e,a)=>{if(!a)return;if(!(me.key===a))return me.key=a,void(me.direction="asc");ie.allowSortReset?"asc"===me.direction?me.direction="desc":"desc"===me.direction?(me.key=void 0,me.direction=void 0):me.direction="asc":me.direction="asc"===me.direction?"desc":"asc"},Pe=(e,a)=>{if(!a)return e;const t=a.split(".");let l=e;for(const r of t){if(null==l||void 0===l)return;l=l[r]}return l},De=(e,a)=>{if(!a||!a.key)return"";if(!a||!a?.formatter)return Pe(e,a.key);try{const t=Pe(e,a.key);return a.formatter?.(t,a.key,e)}catch(t){return console.error(t),"error"}},He=async()=>{try{be.value=!0,await ie.fetchData(he.value,ce.value,ke,me)}catch(e){console.error(e)}finally{be.value=!1}},Re=(e,a,t)=>{if(!a)return a;if(G.includes(e)&&Array.isArray(a)){const e=a[0].split("-"),t=a[1].split("-");return[`${e[2]}-${e[1]}-${e[0]}T00:00:00.000Z`,`${t[2]}-${t[1]}-${t[0]}T23:59:59.000Z`]}return a},Le=(e,a,t)=>{const l=t.filter_key||(a.includes(".")?a.split(".").pop():a);let r=Re(a,e);if(e&&""!==r){if("-"===r)ke[l]={type:"exists",is_reverse:!0};else if(ke[l]={type:t.filterType??(s=t.type,"daterange"==s?"inrange":"date"==s||"select"==s?"equals":"contains"),value:Re(a,e)},t.is_reverse){let e="false"!==r;ke[l].is_reverse=["exists"].includes(t.filterType)?e:t.is_reverse}}else delete ke[l];var s},Ae=(e,a)=>me.key==e||me.key==a,Me=r(null),Ve=({row:e,rowIndex:a})=>((ge.value.includes(a)?"highlight":"")+" "+ie.tableRowClassName).trim();return i(()=>ie.items,()=>{fe.value=(ie.items??[]).map((e,a)=>({...e,selectionID:a}))},{deep:!0,immediate:!0}),i(()=>ie.fields,()=>{pe.value=ie.fields??[]}),i([ce,he,ke],()=>{ne("update:currentPage",he.value),ne("update:perPage",ce.value),He()},{deep:!0,immediate:!0}),i(()=>me,()=>{ne("update:onSortChanged",me),He()},{deep:!0}),i(()=>ie.filterBy,()=>{pe.value.forEach(e=>{e.filter&&(ve[e.key]=ie.filterBy?.[e.key]?.value)}),0==Object.keys(ie.filterBy||{}).length&&Object.keys(ke).forEach(e=>{delete ke[e]});for(const e in ie.filterBy)ie.filterBy?.state?""==ie.filterBy?.state?.value?delete ke[e]:ie.filterBy?.state?.value!==ke?.state?.value&&(ke.state=ie.filterBy.state):""==ie.filterBy[e]?.value?delete ke[e]:ke[e]=ie.filterBy[e]},{deep:!0,immediate:!0}),i(()=>ie.selected,()=>{_e.value=ie.selected}),i(()=>ke,()=>{ne("update:onFilterChanged",ke)},{deep:!0,immediate:!0}),i(()=>ie.showLoading,e=>{be.value=e}),n(()=>{$e.value=!0,Ee(),ie.initFunc(),(()=>{if(!ie.draggable||!ie.id)return;const e=document.querySelector(`#${ie.id} .el-table__body-wrapper tbody`);e&&(Me.value?.destroy(),Me.value=j.create(e,{animation:180,filter:".not-draggable",onEnd:e=>{ne("dragEnd",e)},onStart:e=>ne("dragStart",e)}))})()}),d(()=>{Me.value?.destroy(),Me.value=null}),z({checkedRows:_e,rowExpansion:(e,a)=>{we.value.toggleRowExpansion(e,a)},clearSelection:()=>{we.value?.clearSelection()},reloadTable:He,setScrollTop:e=>{we.value.setScrollTop(e)},pageIndex:he,loading:be,sort:me,sortTable:je,tableRef:we,isCardMode:Be}),(l,r)=>{const s=e,o=a;return c(),u("div",{class:f(["table-v2-wrapper",{"is-card-mode":Be.value}])},[p(l.$slots,"table-v2-header-actions"),Be.value?y((c(),u("div",{key:1,class:f(["table-v2__cards",t.classCards])},[0===fe.value.length?(c(),u("div",re,[p(l.$slots,"empty",{},()=>[I(K,{title:"There is no data to show"})])])):(c(!0),u(b,{key:1},_(fe.value,(e,a)=>(c(),u("div",{key:e.selectionID??a,class:"table-v2__card-item"},[p(l.$slots,"card",{item:e,index:a},()=>[I(O,{items:Ie(e),"show-header":!1},null,8,["items"])])]))),128))],2)),[[o,be.value]]):(c(),u("div",J,[y((c(),m(v(E),k({ref_key:"eaeraTable",ref:we,id:t.id,class:["custom-table",[{isHiddenHeader:t.isHiddenHeader,"is-filter-visible":ye.value},t.classTable]],size:t.size,data:fe.value,onRowClick:Fe,onSelectionChange:Te,stripe:t.stripe,key:xe.value,"row-class-name":Ve,"table-layout":t.tableLayout},l.$attrs),{empty:g(()=>[p(l.$slots,"empty",{},()=>[C("div",{colspan:(t.fields??[]).length,class:"custom-table__empty"}," There is no data to show ",8,le)])]),append:g(()=>[p(l.$slots,"append")]),"expand-icon":g(({expanded:e})=>[p(l.$slots,"expand-icon",{expanded:e})]),default:g(()=>[(c(!0),u(b,null,_(pe.value,(e,a)=>(c(),m(s,k({key:e.key??a,prop:String(e.key),label:l.$t(e?.label||""),width:e.width,"min-width":e.minWidth,formatter:e.formatter,type:e.type,selectable:e.selectable,"class-name":e.cellClass,"row-class-name":e.rowClass,"label-class-name":e.headerClass,"header-align":e.headerAlign||e.align,align:e.align,render:e.render,fixed:e.fixed||!1},{ref_for:!0},e.colProps),{header:g(({column:a,$index:s})=>{return[C("div",{class:f(["custom-table__header-cell",[e.align,e.headerClass]])},[t.isHiddenHeader?w("",!0):(c(),u("div",Q,[p(l.$slots,`header_${String(e.key)}`,{item:a},()=>{return["actions"==e.key?(c(),u("span",{key:0,onClick:r[0]||(r[0]=e=>ye.value=!ye.value)},[ye.value?(c(),m(v(q),{key:1,class:"btn-icon"})):(c(),m(v(U),{key:0,class:"btn-icon"}))])):(c(),u("div",{key:1,class:f(["custom-table__header-actions",e.customHeaderClass]),onClick:a=>je(e.key,e.sort_key)},[e.filter?(c(),u("div",Y,[e.prefixIcon?(c(),m(x(e.prefixIcon),{key:0,class:"icon-secondary"})):w("",!0),C("span",{innerHTML:(a=l.$t(e?.label||""),a??"_"),class:f(["custom-table__header-label text-14-24-600",e.headerLabelClass??""])},null,10,ee),e.suffixIcon?(c(),m(x(e.suffixIcon),{key:1,class:"icon-secondary"})):w("",!0)])):(c(),u("div",{key:1,class:f(["custom-table__header-label text-14-24-600",e.headerLabelClass??""])},[e.prefixIcon?(c(),m(x(e.prefixIcon),{key:0,class:"icon-secondary"})):w("",!0),S(" "+$(l.$t(e?.label||""))+" ",1),e.suffixIcon?(c(),m(x(e.suffixIcon),{key:1,class:"icon-secondary"})):w("",!0)],2)),e.sortable?p(l.$slots,"sort-icon",{class:f(e.headerSortIconClass??""),sortKey:e.sort_key,direction:me.direction},()=>[Ae(e.key,e.sort_key)&&"asc"==me.direction?(c(),m(v(N),{key:0,color:"var(--er-action-primary-default)"})):w("",!0),Ae(e.key,e.sort_key)&&"desc"==me.direction?(c(),m(v(Z),{key:1,color:"var(--er-action-primary-default)"})):w("",!0),e.sortable&&!Ae(e.key,e.sort_key)?(c(),m(v(W),{key:2,color:"var(--er-icon-secondary)"})):w("",!0)],void 0,2):w("",!0)],10,X))];var a}),p(l.$slots,`header_after_${e.key}`,{item:a})])),ye.value&&e.filter?(c(),u("div",{key:1,class:f(["custom-table__filter",e.filter?.align])},["actions"!=e.key?(c(),u("p",ae,["custom"===e.filter?.type?p(l.$slots,`filter_custom(${e.key})`,{item:e,key:ue.value,filterForm:ve,filterBy:ke,onChange:Le}):(c(),m(x(ze(e.filter?.type)),k({type:e.filter?.type??"",valueKey:e.filter?.valueKey,"v-model":ve[e?.key],disabled:e.filter?.disabled??!1,valueFormat:e.filter?.valueFormat,format:e.filter?.format,options:e?.filter?.options||[],placeholder:e.filter?.placeholder?l.$t(`${e.filter?.placeholder}`):"",key:ue.value,autocomplete:e.filter?.autocomplete,"filter-name":`filter-${e.filter?.type}-${e.key}`,onUpdateValueProp:a=>ve[e?.key]=a,onChange:a=>Le(a,e.key,e?.filter),size:(o=e?.filter?.size,o&&o.length>0?o:ie.sizeFormItems)},{ref_for:!0},{...e.filter}),B({_:2},[e.filter?.prefixIcon?{name:"prefix",fn:g(()=>[(c(),m(x(e.filter.prefixIcon),{class:"icon-secondary"}))]),key:"0"}:void 0,e.filter?.suffixIcon?{name:"suffix",fn:g(()=>[(c(),m(x(e.filter.suffixIcon),{class:"icon-secondary"}))]),key:"1"}:void 0]),1040,["type","valueKey","v-model","disabled","valueFormat","format","options","placeholder","autocomplete","filter-name","onUpdateValueProp","onChange","size"]))])):(c(),m(V,{key:1,onClick:r[1]||(r[1]=()=>(()=>{for(const e in ve)delete ve[e];for(const e in ke)delete ke[e];ue.value++,Ee()})()),size:"xs",plain:""},{default:g(()=>[...r[4]||(r[4]=[S(" Clear ",-1)])]),_:1}))],2)):w("",!0)],2)];var o}),default:g(({row:t,column:r,$index:s})=>["expand"===e.type?p(l.$slots,`cell(${e.key})`,k({item:t,rowIndex:s},{ref_for:!0},{row:t,column:r,$index:s}),()=>[e?.cell?.component?(c(),m(x(e?.cell?.component),k({key:0,dataClass:e?.cell?.dataClass},{ref_for:!0},{row:t,column:r,$index:s}),null,16,["dataClass"])):w("",!0)],void 0,0):"select"!=e.key?p(l.$slots,`cell(${e.key})`,k({item:t,index:a,rowIndex:s,field:e,value:Pe(t,e.key)},{ref_for:!0},{row:t,column:r,$index:s}),()=>[C("div",{onClick:a=>{e?.onClick&&e?.onClick(t,a)}},[e?.cell?.component?(c(),m(x(e?.cell?.component),k({key:0,cellData:De(t,e),dataClass:e?.cell?.dataClass},{ref_for:!0},e?.cell?.props),null,16,["cellData","dataClass"])):"select"!=e.key?(c(),u("div",{key:1,class:f(e?.cell?.dataClass)},$(De(t,e)),3)):w("",!0)],8,te)],void 0,1):w("",!0)]),_:2},1040,["prop","label","width","min-width","formatter","type","selectable","class-name","row-class-name","label-class-name","header-align","align","render","fixed"]))),128))]),_:3},16,["id","size","data","class","stripe","table-layout"])),[[o,be.value]])])),p(l.$slots,"addition_content"),t.hideFooter?w("",!0):(c(),u("div",se,[I(L,{layout:ie.layout,total:ie.totalRows,"pager-count":ie.pagerCount,"page-sizes":ie.pageSizes,disabled:be.value,"current-page":he.value,"onUpdate:currentPage":r[2]||(r[2]=e=>he.value=e),"page-size":ce.value,"onUpdate:pageSize":r[3]||(r[3]=e=>ce.value=e)},null,8,["layout","total","pager-count","page-sizes","disabled","current-page","page-size"])]))],2)}}});export{oe as _};

package/dist/components/chunks/{index-f7_iVTcy.mjs → index-0bXWe0Hv.mjs}

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

package/dist/components/chunks/{index-YzHmypKi.mjs → index-B_ESts1X.mjs}

@@ -1 +1 @@
-import{computed as e,provide as t,inject as l,defineComponent as o,shallowRef as s,ref as a,watch as i,resolveComponent as r,openBlock as c,createElementBlock as n,createElementVNode as m,createVNode as u,unref as d,createSlots as p,withCtx as v,toDisplayString as y,normalizeClass as b,normalizeStyle as g,Fragment as w,renderList as _,createBlock as f,withDirectives as S,withModifiers as k}from"vue";import{a as C}from"./vendor-vueuse-core-B96HGhR7.mjs";import x from"../composite/EaeraDropdownV2.mjs";import{_ as I}from"./EaeraInput-CkbcAxy0.mjs";import{useI18n as E}from"vue-i18n";import"element-plus";import{ElLoadingDirective as H}from"element-plus/es";import"@lucide/vue";import"./vendor-email-misspelled-0hsXkSSK.mjs";import"./vendor-unorm-Degftfa1.mjs";import"./useEaeraInputPhoneNumber-B72aLnQs.mjs";import"@element-plus/icons-vue";import"echarts/core";import"echarts/renderers";import"echarts/charts";import"echarts/components";import"vue-echarts";import"./vendor-currency-symbol-map-C-1fEG2R.mjs";import{_ as R}from"./EaeraTableV2-BF5WVwr0.mjs";import{_ as D}from"./EaeraTooltip-BIlULHv4.mjs";const G=Symbol("EAERA_WATCHLIST_CONTEXT_KEY"),T=(l,o)=>{const s={inputPlaceholder:e(()=>l.inputPlaceholder),searchData:e(()=>l.searchData),categories:e(()=>l.categories),selectedCategory:e(()=>l.selectedCategory),isFiltered:e(()=>l.isFiltered),tableHeight:e(()=>l.tableHeight),viewingSymbols:e(()=>l.viewingSymbols),viewingSymbolGroups:e(()=>l.viewingSymbolGroups),listSymbols:e(()=>l.listSymbols),groupLoadingRowIds:e(()=>l.groupLoadingRowIds),favoriteSymbolIds:e(()=>l.favoriteSymbolIds),viewingSymbolId:e(()=>l.viewingSymbolId),listSymbolsLoading:e(()=>l.listSymbolsLoading),sorting:e(()=>l.sorting),onResize:(e,t)=>o("resize",e,t),onSelectCategory:e=>o("selectCategory",e),onSearchDataUpdate:e=>o("update:searchData",e),onGroupExpandChange:e=>o("groupExpandChange",e),onGroupRowClick:e=>o("groupRowClick",e),onGroupSortChanged:e=>o("groupSortChanged",e),onItemSortChanged:e=>o("itemSortChanged",e),onSelectSymbol:e=>o("selectSymbol",e),onToggleFavorite:e=>o("toggleFavorite",e),onShowSymbolInfo:e=>o("showSymbolInfo",e)};return t(G,s),s},j=()=>{const e=l(G);if(!e)throw new Error("useEaeraWatchlist must be used inside EaeraWatchlist");return e},W={class:"custom-watchlist-filter"},F={class:"custom-watchlist-filter__row"},L={class:"custom-watchlist-filter__field"},z={class:"custom-watchlist-filter__field"},U=["onClick"],A={class:"custom-watchlist-filter__category-count"},N={class:"custom-watchlist-filter__dropdown-trigger-content"},B={key:0,class:"custom-watchlist-filter__selected"},V={key:1,class:"custom-watchlist-filter__placeholder"},P=o({__name:"EaeraWatchlistFilter",setup(e){const{inputPlaceholder:t,searchData:l,categories:o,selectedCategory:f,onSelectCategory:S,onSearchDataUpdate:k}=j(),C=s(),E=a(!1),H=a(!1),R=a(""),D=a(!1);i(l,e=>{e!==R.value&&(R.value=e)},{immediate:!0});const G=e=>{D.value||k(e)},T=()=>D.value=!0,P=e=>k(e.data),K=e=>{D.value=!1;const t=e.data??R.value;k(t)};return(e,s)=>{const a=r("eaera-icon"),i=I,k=x;return c(),n("div",W,[m("div",F,[m("div",L,[u(i,{modelValue:R.value,"onUpdate:modelValue":s[0]||(s[0]=e=>R.value=e),class:"watchlist-input",placeholder:d(t),clearable:"",onInput:G,onCompositionstart:T,onCompositionupdate:P,onCompositionend:K},p({_:2},[d(l)?void 0:{name:"suffix",fn:v(()=>[u(a,{icon:"Search2",size:"16",class:"icon-primary"})]),key:"0"}]),1032,["modelValue","placeholder"])]),m("div",z,[u(k,{class:"custom-watchlist-filter__dropdown","popper-class":"with-border",onVisibleChange:s[4]||(s[4]=e=>E.value=e)},{dropdown:v(()=>[m("div",{class:"custom-watchlist-filter__dropdown-menu",style:g({width:`${C.value?.clientWidth??100}px`})},[(c(!0),n(w,null,_(d(o),e=>(c(),n("div",{key:e.id,class:"custom-watchlist-filter__category"},[m("div",{class:"custom-watchlist-filter__category-content label-md",onClick:t=>d(S)(e)},[m("div",null,y(e.name),1),m("div",A,y(e.count),1)],8,U)]))),128))],4)]),default:v(()=>[m("div",{ref_key:"dropdownRef",ref:C,class:"custom-watchlist-filter__dropdown-trigger"},[m("div",N,[d(f)?.name?(c(),n("span",B,y(d(f).name),1)):(c(),n("span",V,y(e.$t("watch-list.filter.categories")),1)),m("div",{class:"custom-watchlist-filter__icon-wrapper",onMouseenter:s[1]||(s[1]=e=>H.value=!0),onMouseleave:s[2]||(s[2]=e=>H.value=!1),onClick:s[3]||(s[3]=e=>d(S)(null))},[u(a,{icon:H.value&&d(f)?"XCircle":"ChevronDown",size:"16",class:b(["icon-primary","custom-watchlist-filter__dropdown-icon",E.value&&"is-open"])},null,8,["icon","class"])],32)])],512)]),_:1})])])])}}}),K={class:"custom-watchlist-table"},M={key:0,class:"custom-watchlist-table__group"},O={key:1,class:"custom-watchlist-table__items"},$=o({__name:"EaeraWatchlistTable",setup(e){const{isFiltered:t,tableHeight:l,viewingSymbols:o,listSymbolsLoading:s}=j();return(e,a)=>(c(),n("div",K,[d(t)?(c(),n("div",O,[u(d(de),{symbols:d(o),"max-height":d(l),loading:d(s),"show-header":""},null,8,["symbols","max-height","loading"])])):(c(),n("div",M,[u(d(te))]))]))}}),X={class:"custom-watchlist-group-table__symbol-cell"},Y={class:"custom-watchlist-group-table__symbol body-md__w"},q={class:"custom-watchlist-group-table__name body-sm"},J={key:0},Q={class:"custom-watchlist-group-table__empty"},Z={class:"custom-watchlist-group-table__empty-content"},ee={class:"custom-watchlist-group-table__empty-text body-sm"},te=o({__name:"EaeraWatchlistGroupTable",setup(t){const{tableHeight:l,viewingSymbolGroups:o,listSymbols:s,groupLoadingRowIds:p,sorting:b,onGroupExpandChange:g,onGroupRowClick:w,onGroupSortChanged:_}=j(),{t:S}=E(),k=a(),C=({columnIndex:e})=>0===e?[1,1]:1===e?[1,4]:[0,0],x=e=>{g(e)},I=async e=>{await w(e),k.value?.rowExpansion(e)},H=e(()=>[{key:"expand",type:"expand",width:30},{key:"ticker_symbol",label:S("watch-list.table.symbol"),sortable:!0,sort_key:"ticker_symbol",customHeaderClass:"flex justify-start items-center",cellClass:"py-0",minWidth:100},{key:"last",label:S("watch-list.table.last-price"),sortable:!0,sort_key:"last",align:"right",minWidth:110},{key:"volume",label:S("watch-list.table.volume"),sortable:!0,sort_key:"volume",align:"right",minWidth:100}]),D=e(()=>k.value?.sort),G=e=>{_(e)},T=(e,t,l)=>e!==l?.key?"SortDefault2":"asc"===t?"SortUp2":"SortDown2",W=({row:e})=>p.value.includes(e.id)?"loading-row":"";return i(b,e=>{e||k.value?.sortTable("",null)}),(e,t)=>{const a=r("NoData"),i=r("eaera-icon");return c(),f(d(R),{ref_key:"watchListTableRef",ref:k,class:"watchlist-table","max-height":d(l),items:d(o),fields:H.value,"span-method":C,stripe:!1,"hide-footer":"","row-class-name":W,onRowClick:I,onExpandChange:x,"onUpdate:onSortChanged":G},{"cell(ticker_symbol)":v(({item:e})=>[m("div",X,[m("div",Y,y(e.host_exchange)+":"+y(e.base_symbol),1),m("div",q,y(e.name),1)])]),"cell(expand)":v(({row:e})=>[d(p).includes(e.id)?(c(),n("div",J)):(c(),f(d(de),{key:1,symbols:d(s)[e.id]||[],"inside-group":""},null,8,["symbols"]))]),empty:v(()=>[m("div",Q,[m("div",Z,[u(a),m("span",ee,y(d(S)("watch-list.table.empty.group")),1)])])]),"sort-icon":v(({sortKey:e,direction:t})=>[u(i,{icon:T(e,t,D.value),size:"14",class:"custom-watchlist-group-table__sort-icon","active-color":"var(--primary-green)"},null,8,["icon"])]),_:1},8,["max-height","items","fields"])}}});var le=(e=>(e.Active="active",e.MarketClosed="market-closed",e.Expired="expired",e.NotTradableYet="not-tradable-yet",e))(le||{});const oe={class:"custom-watchlist-item-table__symbol-cell"},se={class:"custom-watchlist-item-table__symbol-main body-md__w"},ae=["onClick"],ie={class:"custom-watchlist-item-table__description-row body-sm"},re={style:{width:"100%"}},ce={style:{width:"100%"}},ne={key:0},me={class:"custom-watchlist-item-table__empty-content"},ue={class:"custom-watchlist-item-table__empty-text body-sm"},de=o({__name:"EaeraWatchlistItemTable",props:{insideGroup:{type:Boolean},symbols:{},maxHeight:{},showHeader:{type:Boolean},loading:{type:Boolean}},setup(t){const{favoriteSymbolIds:l,viewingSymbolId:o,sorting:s,selectedCategory:p,listSymbolsLoading:w,onItemSortChanged:_,onSelectSymbol:C,onToggleFavorite:x,onShowSymbolInfo:I}=j(),{t:G}=E(),T=t,W=a(),F=a(null),L=e(()=>[{key:"",label:"",width:30},{key:"ticker_symbol",label:G("watch-list.table.symbol"),sortable:!0,sort_key:"ticker_symbol",customHeaderClass:"flex justify-start items-center",align:"left",minWidth:100},{key:"last",label:G("watch-list.table.last-price"),sortable:!0,sort_key:"last",align:"right",customHeaderClass:"flex justify-end items-center",minWidth:110},{key:"volume",label:G("watch-list.table.volume"),sortable:!0,sort_key:"volume",customHeaderClass:"flex justify-end items-center",minWidth:100,align:"right"}]),z=e(()=>F.value?"ticker_symbol"===F.value.key?[...T.symbols].sort((e,t)=>{const l=e.ticker_symbol.toUpperCase(),o=t.ticker_symbol.toUpperCase();return l<o?"desc"===F.value?.direction?-1:1:l>o?"desc"===F.value?.direction?1:-1:0}):"volume"===F.value.key?[...T.symbols].sort((e,t)=>e.volume<t.volume?"asc"===F.value?.direction?-1:1:e.volume>t.volume?"asc"===F.value?.direction?1:-1:0):"last"===F.value.key?[...T.symbols].sort((e,t)=>{const l=Number(e.last),o=Number(t.last);return l<o?"asc"===F.value?.direction?-1:1:l>o?"asc"===F.value?.direction?1:-1:0}):T.symbols:T.symbols),U=e(()=>e=>l.value.includes(e.id)?{icon:"Star3",color:"#FFD700"}:{icon:"StarOutline",color:"var(--primary-green)"}),A=e(()=>W.value?.sort),N=e(()=>T.insideGroup?T.loading:w.value),B=e=>e!==le.Active,V=({key:e,direction:t})=>{e&&t?(F.value={key:e,direction:t,selfSort:!0},_({key:e,direction:t})):(F.value?.selfSort&&_(null),F.value=null)},P=e=>{C(e)},K=({row:e})=>e.id===o.value?"active-row":"",M=(e,t)=>{if(t&&t!==le.Active)return"var(--text-disabled)";const l=Number(e);return l>0?"var(--text-green)":l<0?"var(--text-red)":"var(--text-primary)"},O=(e,t,l)=>e!==l?.key?"SortDefault2":"asc"===t?"SortUp2":"SortDown2";return i(W,e=>{e&&(T.insideGroup||s.value&&(e.sortTable("",s.value.sort_by),F.value={key:s.value.sort_by,direction:s.value.order,selfSort:!1}))}),i(()=>p.value?.id,()=>F.value=null),(e,t)=>{const l=r("eaera-icon"),o=D,s=r("client-only"),a=H;return c(),f(s,null,{default:v(()=>[S((c(),n("div",null,[u(d(R),{ref_key:"watchListTableRef",ref:W,class:b(["expanding-rows-table watchlist-table expanded",[!z.value?.length&&!T.insideGroup&&"empty",T.insideGroup&&"inside-group"]]),"allow-sort-reset":"","hide-footer":"","max-height":T.maxHeight,height:T.maxHeight,"show-header":T.showHeader,items:z.value,fields:L.value,stripe:!1,"row-class-name":K,loading:N.value,"onUpdate:onSortChanged":V,onOnRowClick:P},{"cell()":v(({item:e})=>[m("div",null,[u(l,{icon:"Info",size:"16",class:b(["custom-watchlist-item-table__info-icon",B(e.state)&&"is-disabled"]),onClick:k(t=>(async e=>{const t=T.symbols.find(t=>t.id===e);t&&await I(t)})(e.id),["stop"])},null,8,["class","onClick"])])]),"cell(ticker_symbol)":v(({item:e})=>[m("div",oe,[m("div",se,[m("span",{class:b(["custom-watchlist-item-table__symbol-text",B(e.state)&&"is-inactive"])},y(e.ticker_symbol),3),m("div",{class:"custom-watchlist-item-table__favorite",onClick:k(t=>{return l=e.id,void x(l);var l},["stop"])},[u(l,{icon:U.value(e).icon,color:U.value(e).color,size:"16"},null,8,["icon","color"])],8,ae)]),m("div",ie,[u(o,{content:e.description,placement:"right"},{default:v(()=>[m("span",{class:b(["custom-watchlist-item-table__description-text",B(e.state)&&"is-inactive"])},y(e.description),3)]),_:2},1032,["content"])])])]),"cell(last)":v(({item:e})=>[m("div",{style:g({color:M(e.last,e.state),width:"100%"})},[m("div",re,[m("div",null,y(e.last),1)])],4)]),"cell(volume)":v(({item:e})=>[m("div",{style:g({color:M(e.volume,e.state),width:"100%"})},[m("div",ce,[m("div",null,y(e.volume),1)])],4)]),empty:v(()=>[N.value?(c(),n("div",ne)):(c(),n("div",{key:1,class:"custom-watchlist-item-table__empty",style:g({height:T.maxHeight?`calc(${T.maxHeight} - 32px)`:"auto"})},[m("div",me,[m("span",ue,y(d(G)("watch-list.table.empty.symbol")),1)])],4))]),"sort-icon":v(({sortKey:e,direction:t})=>[u(l,{icon:O(e,t,A.value),size:"14",class:"custom-watchlist-item-table__sort-icon","active-color":"var(--icon-success)"},null,8,["icon"])]),_:1},8,["class","max-height","height","show-header","items","fields","loading"])])),[[a,N.value]])]),_:1})}}}),pe={class:"custom-watchlist__table"},he=o({__name:"index",props:{inputPlaceholder:{},searchData:{},categories:{},selectedCategory:{},isFiltered:{type:Boolean},tableHeight:{},viewingSymbols:{},viewingSymbolGroups:{},listSymbols:{},groupLoadingRowIds:{},favoriteSymbolIds:{},viewingSymbolId:{},listSymbolsLoading:{type:Boolean},sorting:{}},emits:["resize","selectCategory","update:searchData","groupExpandChange","groupRowClick","groupSortChanged","itemSortChanged","selectSymbol","toggleFavorite","showSymbolInfo"],setup(e,{emit:t}){const l=s(null),o=s(null),{width:a,height:r}=C(l),p=T(e,t);return i([a,r],()=>{l.value&&o.value&&p.onResize(a.value,r.value-o.value.clientHeight)}),(e,t)=>(c(),n("div",{ref_key:"watchlistRef",ref:l,class:"custom-watchlist"},[m("div",{ref_key:"watchlistFilterRef",ref:o,class:"custom-watchlist__filter"},[u(d(P))],512),m("div",pe,[u(d($))])],512))}});export{le as S,he as _,T as p,j as u};
+import{computed as e,provide as t,inject as l,defineComponent as o,shallowRef as s,ref as a,watch as i,resolveComponent as r,openBlock as c,createElementBlock as n,createElementVNode as m,createVNode as u,unref as d,createSlots as p,withCtx as v,toDisplayString as y,normalizeClass as b,normalizeStyle as g,Fragment as w,renderList as _,createBlock as f,withDirectives as S,withModifiers as k}from"vue";import{a as C}from"./vendor-vueuse-core-B96HGhR7.mjs";import x from"../composite/EaeraDropdownV2.mjs";import{_ as I}from"./EaeraInput-CkbcAxy0.mjs";import{useI18n as E}from"vue-i18n";import"element-plus";import{ElLoadingDirective as H}from"element-plus/es";import"@lucide/vue";import"./vendor-email-misspelled-0hsXkSSK.mjs";import"./vendor-unorm-Degftfa1.mjs";import"./useEaeraInputPhoneNumber-B72aLnQs.mjs";import"@element-plus/icons-vue";import"echarts/core";import"echarts/renderers";import"echarts/charts";import"echarts/components";import"vue-echarts";import"./vendor-currency-symbol-map-C-1fEG2R.mjs";import{_ as R}from"./EaeraTableV2-ZUpzVKhm.mjs";import{_ as D}from"./EaeraTooltip-BIlULHv4.mjs";const G=Symbol("EAERA_WATCHLIST_CONTEXT_KEY"),T=(l,o)=>{const s={inputPlaceholder:e(()=>l.inputPlaceholder),searchData:e(()=>l.searchData),categories:e(()=>l.categories),selectedCategory:e(()=>l.selectedCategory),isFiltered:e(()=>l.isFiltered),tableHeight:e(()=>l.tableHeight),viewingSymbols:e(()=>l.viewingSymbols),viewingSymbolGroups:e(()=>l.viewingSymbolGroups),listSymbols:e(()=>l.listSymbols),groupLoadingRowIds:e(()=>l.groupLoadingRowIds),favoriteSymbolIds:e(()=>l.favoriteSymbolIds),viewingSymbolId:e(()=>l.viewingSymbolId),listSymbolsLoading:e(()=>l.listSymbolsLoading),sorting:e(()=>l.sorting),onResize:(e,t)=>o("resize",e,t),onSelectCategory:e=>o("selectCategory",e),onSearchDataUpdate:e=>o("update:searchData",e),onGroupExpandChange:e=>o("groupExpandChange",e),onGroupRowClick:e=>o("groupRowClick",e),onGroupSortChanged:e=>o("groupSortChanged",e),onItemSortChanged:e=>o("itemSortChanged",e),onSelectSymbol:e=>o("selectSymbol",e),onToggleFavorite:e=>o("toggleFavorite",e),onShowSymbolInfo:e=>o("showSymbolInfo",e)};return t(G,s),s},j=()=>{const e=l(G);if(!e)throw new Error("useEaeraWatchlist must be used inside EaeraWatchlist");return e},W={class:"custom-watchlist-filter"},F={class:"custom-watchlist-filter__row"},L={class:"custom-watchlist-filter__field"},z={class:"custom-watchlist-filter__field"},U=["onClick"],A={class:"custom-watchlist-filter__category-count"},N={class:"custom-watchlist-filter__dropdown-trigger-content"},B={key:0,class:"custom-watchlist-filter__selected"},V={key:1,class:"custom-watchlist-filter__placeholder"},P=o({__name:"EaeraWatchlistFilter",setup(e){const{inputPlaceholder:t,searchData:l,categories:o,selectedCategory:f,onSelectCategory:S,onSearchDataUpdate:k}=j(),C=s(),E=a(!1),H=a(!1),R=a(""),D=a(!1);i(l,e=>{e!==R.value&&(R.value=e)},{immediate:!0});const G=e=>{D.value||k(e)},T=()=>D.value=!0,P=e=>k(e.data),K=e=>{D.value=!1;const t=e.data??R.value;k(t)};return(e,s)=>{const a=r("eaera-icon"),i=I,k=x;return c(),n("div",W,[m("div",F,[m("div",L,[u(i,{modelValue:R.value,"onUpdate:modelValue":s[0]||(s[0]=e=>R.value=e),class:"watchlist-input",placeholder:d(t),clearable:"",onInput:G,onCompositionstart:T,onCompositionupdate:P,onCompositionend:K},p({_:2},[d(l)?void 0:{name:"suffix",fn:v(()=>[u(a,{icon:"Search2",size:"16",class:"icon-primary"})]),key:"0"}]),1032,["modelValue","placeholder"])]),m("div",z,[u(k,{class:"custom-watchlist-filter__dropdown","popper-class":"with-border",onVisibleChange:s[4]||(s[4]=e=>E.value=e)},{dropdown:v(()=>[m("div",{class:"custom-watchlist-filter__dropdown-menu",style:g({width:`${C.value?.clientWidth??100}px`})},[(c(!0),n(w,null,_(d(o),e=>(c(),n("div",{key:e.id,class:"custom-watchlist-filter__category"},[m("div",{class:"custom-watchlist-filter__category-content label-md",onClick:t=>d(S)(e)},[m("div",null,y(e.name),1),m("div",A,y(e.count),1)],8,U)]))),128))],4)]),default:v(()=>[m("div",{ref_key:"dropdownRef",ref:C,class:"custom-watchlist-filter__dropdown-trigger"},[m("div",N,[d(f)?.name?(c(),n("span",B,y(d(f).name),1)):(c(),n("span",V,y(e.$t("watch-list.filter.categories")),1)),m("div",{class:"custom-watchlist-filter__icon-wrapper",onMouseenter:s[1]||(s[1]=e=>H.value=!0),onMouseleave:s[2]||(s[2]=e=>H.value=!1),onClick:s[3]||(s[3]=e=>d(S)(null))},[u(a,{icon:H.value&&d(f)?"XCircle":"ChevronDown",size:"16",class:b(["icon-primary","custom-watchlist-filter__dropdown-icon",E.value&&"is-open"])},null,8,["icon","class"])],32)])],512)]),_:1})])])])}}}),K={class:"custom-watchlist-table"},M={key:0,class:"custom-watchlist-table__group"},O={key:1,class:"custom-watchlist-table__items"},$=o({__name:"EaeraWatchlistTable",setup(e){const{isFiltered:t,tableHeight:l,viewingSymbols:o,listSymbolsLoading:s}=j();return(e,a)=>(c(),n("div",K,[d(t)?(c(),n("div",O,[u(d(de),{symbols:d(o),"max-height":d(l),loading:d(s),"show-header":""},null,8,["symbols","max-height","loading"])])):(c(),n("div",M,[u(d(te))]))]))}}),X={class:"custom-watchlist-group-table__symbol-cell"},Y={class:"custom-watchlist-group-table__symbol body-md__w"},q={class:"custom-watchlist-group-table__name body-sm"},J={key:0},Q={class:"custom-watchlist-group-table__empty"},Z={class:"custom-watchlist-group-table__empty-content"},ee={class:"custom-watchlist-group-table__empty-text body-sm"},te=o({__name:"EaeraWatchlistGroupTable",setup(t){const{tableHeight:l,viewingSymbolGroups:o,listSymbols:s,groupLoadingRowIds:p,sorting:b,onGroupExpandChange:g,onGroupRowClick:w,onGroupSortChanged:_}=j(),{t:S}=E(),k=a(),C=({columnIndex:e})=>0===e?[1,1]:1===e?[1,4]:[0,0],x=e=>{g(e)},I=async e=>{await w(e),k.value?.rowExpansion(e)},H=e(()=>[{key:"expand",type:"expand",width:30},{key:"ticker_symbol",label:S("watch-list.table.symbol"),sortable:!0,sort_key:"ticker_symbol",customHeaderClass:"flex justify-start items-center",cellClass:"py-0",minWidth:100},{key:"last",label:S("watch-list.table.last-price"),sortable:!0,sort_key:"last",align:"right",minWidth:110},{key:"volume",label:S("watch-list.table.volume"),sortable:!0,sort_key:"volume",align:"right",minWidth:100}]),D=e(()=>k.value?.sort),G=e=>{_(e)},T=(e,t,l)=>e!==l?.key?"SortDefault2":"asc"===t?"SortUp2":"SortDown2",W=({row:e})=>p.value.includes(e.id)?"loading-row":"";return i(b,e=>{e||k.value?.sortTable("",null)}),(e,t)=>{const a=r("NoData"),i=r("eaera-icon");return c(),f(d(R),{ref_key:"watchListTableRef",ref:k,class:"watchlist-table","max-height":d(l),items:d(o),fields:H.value,"span-method":C,stripe:!1,"hide-footer":"","row-class-name":W,onRowClick:I,onExpandChange:x,"onUpdate:onSortChanged":G},{"cell(ticker_symbol)":v(({item:e})=>[m("div",X,[m("div",Y,y(e.host_exchange)+":"+y(e.base_symbol),1),m("div",q,y(e.name),1)])]),"cell(expand)":v(({row:e})=>[d(p).includes(e.id)?(c(),n("div",J)):(c(),f(d(de),{key:1,symbols:d(s)[e.id]||[],"inside-group":""},null,8,["symbols"]))]),empty:v(()=>[m("div",Q,[m("div",Z,[u(a),m("span",ee,y(d(S)("watch-list.table.empty.group")),1)])])]),"sort-icon":v(({sortKey:e,direction:t})=>[u(i,{icon:T(e,t,D.value),size:"14",class:"custom-watchlist-group-table__sort-icon","active-color":"var(--primary-green)"},null,8,["icon"])]),_:1},8,["max-height","items","fields"])}}});var le=(e=>(e.Active="active",e.MarketClosed="market-closed",e.Expired="expired",e.NotTradableYet="not-tradable-yet",e))(le||{});const oe={class:"custom-watchlist-item-table__symbol-cell"},se={class:"custom-watchlist-item-table__symbol-main body-md__w"},ae=["onClick"],ie={class:"custom-watchlist-item-table__description-row body-sm"},re={style:{width:"100%"}},ce={style:{width:"100%"}},ne={key:0},me={class:"custom-watchlist-item-table__empty-content"},ue={class:"custom-watchlist-item-table__empty-text body-sm"},de=o({__name:"EaeraWatchlistItemTable",props:{insideGroup:{type:Boolean},symbols:{},maxHeight:{},showHeader:{type:Boolean},loading:{type:Boolean}},setup(t){const{favoriteSymbolIds:l,viewingSymbolId:o,sorting:s,selectedCategory:p,listSymbolsLoading:w,onItemSortChanged:_,onSelectSymbol:C,onToggleFavorite:x,onShowSymbolInfo:I}=j(),{t:G}=E(),T=t,W=a(),F=a(null),L=e(()=>[{key:"",label:"",width:30},{key:"ticker_symbol",label:G("watch-list.table.symbol"),sortable:!0,sort_key:"ticker_symbol",customHeaderClass:"flex justify-start items-center",align:"left",minWidth:100},{key:"last",label:G("watch-list.table.last-price"),sortable:!0,sort_key:"last",align:"right",customHeaderClass:"flex justify-end items-center",minWidth:110},{key:"volume",label:G("watch-list.table.volume"),sortable:!0,sort_key:"volume",customHeaderClass:"flex justify-end items-center",minWidth:100,align:"right"}]),z=e(()=>F.value?"ticker_symbol"===F.value.key?[...T.symbols].sort((e,t)=>{const l=e.ticker_symbol.toUpperCase(),o=t.ticker_symbol.toUpperCase();return l<o?"desc"===F.value?.direction?-1:1:l>o?"desc"===F.value?.direction?1:-1:0}):"volume"===F.value.key?[...T.symbols].sort((e,t)=>e.volume<t.volume?"asc"===F.value?.direction?-1:1:e.volume>t.volume?"asc"===F.value?.direction?1:-1:0):"last"===F.value.key?[...T.symbols].sort((e,t)=>{const l=Number(e.last),o=Number(t.last);return l<o?"asc"===F.value?.direction?-1:1:l>o?"asc"===F.value?.direction?1:-1:0}):T.symbols:T.symbols),U=e(()=>e=>l.value.includes(e.id)?{icon:"Star3",color:"#FFD700"}:{icon:"StarOutline",color:"var(--primary-green)"}),A=e(()=>W.value?.sort),N=e(()=>T.insideGroup?T.loading:w.value),B=e=>e!==le.Active,V=({key:e,direction:t})=>{e&&t?(F.value={key:e,direction:t,selfSort:!0},_({key:e,direction:t})):(F.value?.selfSort&&_(null),F.value=null)},P=e=>{C(e)},K=({row:e})=>e.id===o.value?"active-row":"",M=(e,t)=>{if(t&&t!==le.Active)return"var(--text-disabled)";const l=Number(e);return l>0?"var(--text-green)":l<0?"var(--text-red)":"var(--text-primary)"},O=(e,t,l)=>e!==l?.key?"SortDefault2":"asc"===t?"SortUp2":"SortDown2";return i(W,e=>{e&&(T.insideGroup||s.value&&(e.sortTable("",s.value.sort_by),F.value={key:s.value.sort_by,direction:s.value.order,selfSort:!1}))}),i(()=>p.value?.id,()=>F.value=null),(e,t)=>{const l=r("eaera-icon"),o=D,s=r("client-only"),a=H;return c(),f(s,null,{default:v(()=>[S((c(),n("div",null,[u(d(R),{ref_key:"watchListTableRef",ref:W,class:b(["expanding-rows-table watchlist-table expanded",[!z.value?.length&&!T.insideGroup&&"empty",T.insideGroup&&"inside-group"]]),"allow-sort-reset":"","hide-footer":"","max-height":T.maxHeight,height:T.maxHeight,"show-header":T.showHeader,items:z.value,fields:L.value,stripe:!1,"row-class-name":K,loading:N.value,"onUpdate:onSortChanged":V,onOnRowClick:P},{"cell()":v(({item:e})=>[m("div",null,[u(l,{icon:"Info",size:"16",class:b(["custom-watchlist-item-table__info-icon",B(e.state)&&"is-disabled"]),onClick:k(t=>(async e=>{const t=T.symbols.find(t=>t.id===e);t&&await I(t)})(e.id),["stop"])},null,8,["class","onClick"])])]),"cell(ticker_symbol)":v(({item:e})=>[m("div",oe,[m("div",se,[m("span",{class:b(["custom-watchlist-item-table__symbol-text",B(e.state)&&"is-inactive"])},y(e.ticker_symbol),3),m("div",{class:"custom-watchlist-item-table__favorite",onClick:k(t=>{return l=e.id,void x(l);var l},["stop"])},[u(l,{icon:U.value(e).icon,color:U.value(e).color,size:"16"},null,8,["icon","color"])],8,ae)]),m("div",ie,[u(o,{content:e.description,placement:"right"},{default:v(()=>[m("span",{class:b(["custom-watchlist-item-table__description-text",B(e.state)&&"is-inactive"])},y(e.description),3)]),_:2},1032,["content"])])])]),"cell(last)":v(({item:e})=>[m("div",{style:g({color:M(e.last,e.state),width:"100%"})},[m("div",re,[m("div",null,y(e.last),1)])],4)]),"cell(volume)":v(({item:e})=>[m("div",{style:g({color:M(e.volume,e.state),width:"100%"})},[m("div",ce,[m("div",null,y(e.volume),1)])],4)]),empty:v(()=>[N.value?(c(),n("div",ne)):(c(),n("div",{key:1,class:"custom-watchlist-item-table__empty",style:g({height:T.maxHeight?`calc(${T.maxHeight} - 32px)`:"auto"})},[m("div",me,[m("span",ue,y(d(G)("watch-list.table.empty.symbol")),1)])],4))]),"sort-icon":v(({sortKey:e,direction:t})=>[u(l,{icon:O(e,t,A.value),size:"14",class:"custom-watchlist-item-table__sort-icon","active-color":"var(--icon-success)"},null,8,["icon"])]),_:1},8,["class","max-height","height","show-header","items","fields","loading"])])),[[a,N.value]])]),_:1})}}}),pe={class:"custom-watchlist__table"},he=o({__name:"index",props:{inputPlaceholder:{},searchData:{},categories:{},selectedCategory:{},isFiltered:{type:Boolean},tableHeight:{},viewingSymbols:{},viewingSymbolGroups:{},listSymbols:{},groupLoadingRowIds:{},favoriteSymbolIds:{},viewingSymbolId:{},listSymbolsLoading:{type:Boolean},sorting:{}},emits:["resize","selectCategory","update:searchData","groupExpandChange","groupRowClick","groupSortChanged","itemSortChanged","selectSymbol","toggleFavorite","showSymbolInfo"],setup(e,{emit:t}){const l=s(null),o=s(null),{width:a,height:r}=C(l),p=T(e,t);return i([a,r],()=>{l.value&&o.value&&p.onResize(a.value,r.value-o.value.clientHeight)}),(e,t)=>(c(),n("div",{ref_key:"watchlistRef",ref:l,class:"custom-watchlist"},[m("div",{ref_key:"watchlistFilterRef",ref:o,class:"custom-watchlist__filter"},[u(d(P))],512),m("div",pe,[u(d($))])],512))}});export{le as S,he as _,T as p,j as u};

package/dist/components/chunks/{index-DBt7OBMQ.mjs → index-CS3c4zka.mjs}

@@ -1 +1 @@
-import{ref as e,watch as a,computed as l,provide as s,inject as t,defineComponent as o,shallowRef as i,openBlock as n,createElementBlock as r,createElementVNode as m,createVNode as c,unref as d,createSlots as u,withCtx as p,renderSlot as v,normalizeStyle as b,toDisplayString as _,Fragment as y,renderList as g,normalizeClass as f,createBlock as S,resolveDynamicComponent as w,onMounted as z,nextTick as k,onBeforeUnmount as T,useSlots as L,normalizeProps as N,guardReactiveProps as E}from"vue";import{a as C}from"./vendor-vueuse-core-B96HGhR7.mjs";import{useI18n as V}from"vue-i18n";import"element-plus";import"element-plus/es";import{ChevronUp as x,ChevronDown as O,Search as j}from"@lucide/vue";import"./vendor-email-misspelled-0hsXkSSK.mjs";import{_ as F}from"./EaeraInput-CkbcAxy0.mjs";import"./vendor-unorm-Degftfa1.mjs";import"./useEaeraInputPhoneNumber-B72aLnQs.mjs";import"@element-plus/icons-vue";import P from"../composite/EaeraDropdownV2.mjs";import"echarts/core";import"echarts/renderers";import"echarts/charts";import"echarts/components";import"vue-echarts";import"./vendor-currency-symbol-map-C-1fEG2R.mjs";import"./vendor-sortablejs-D3DyHO5Y.mjs";import{_ as H}from"./EaeraTableV2-BF5WVwr0.mjs";const M=Symbol("EAERA_TIME_N_SALES_CONTEXT_KEY"),$=(t,o)=>{const{t:i}=V(),n=e(t.searchValue),r=e(t.minTradeSize),m=e(!1);a(()=>t.searchValue,e=>{n.value=e}),a(()=>t.minTradeSize,e=>{r.value=e});const c=(e,a)=>{const l=i(e);return"string"==typeof l&&l.trim().length>0?l:a},d=l(()=>[{key:"date",label:c("time-and-sales.table.date","Date"),minWidth:50},{key:"time",label:c("time-and-sales.table.time","Time"),minWidth:60},{key:"price",label:c("time-and-sales.table.price","Price"),minWidth:70,align:"right"},{key:"size",label:c("time-and-sales.table.size","Size"),minWidth:50,align:"right"}].map(e=>({...e,cellClass:"fs-10",cell:{dataClass:"text-primary"}}))),u=l(()=>({searchValue:n.value,minTradeSize:r.value,showingDropdown:m.value}));a(u,e=>{o("stateChange",e)},{immediate:!0});const p={searchValue:l({get:()=>n.value,set:e=>{n.value=e,o("update:searchValue",e)}}),searchPlaceholder:l(()=>t.searchPlaceholder??""),searchOptions:l(()=>t.searchOptions??[]),selectedSearchOption:l(()=>t.selectedSearchOption??""),loadingSearchOptions:l(()=>t.loadingSearchOptions??!1),minTradeSize:l({get:()=>r.value,set:e=>{r.value=e,o("update:minTradeSize",e)}}),minTradeSizePlaceholder:l(()=>t.minTradeSizePlaceholder||c("time-and-sales.table.size","Size")),rows:l(()=>t.rows??[]),fields:l(()=>t.fields&&t.fields.length>0?t.fields:d.value),tableHeight:l(()=>Number(t.tableHeight)||0),tableMaxHeight:l(()=>`${Math.max((Number(t.tableHeight)||0)-16,0)}px`),loading:l(()=>t.loading??!1),fetchingSymbolLabel:l(()=>t.fetchingSymbolLabel||c("market.search.fetching-symbol","Fetching symbol")),symbolNotFoundLabel:l(()=>t.symbolNotFoundLabel||c("market.search.symbol-not-found","Symbol not found")),emptyLabel:l(()=>t.emptyLabel||c("time-and-sales.table.empty","No data")),showingDropdown:l({get:()=>m.value,set:e=>{m.value=e}}),state:u,onResize:(e,a)=>o("resize",e,a),onSelectSearchOption:e=>o("select-search-option",e),onLoadMore:()=>o("load-more")};return s(M,p),p},D=()=>{const e=t(M);if(!e)throw new Error("useEaeraTimeNSales must be used inside EaeraTimeNSales");return e},R={class:"custom-time-n-sales-search__row"},W={class:"custom-time-n-sales-search__symbol-field"},A={class:"custom-time-n-sales-search__dropdown-anchor"},I={key:0,class:"custom-time-n-sales-search__empty body-sm text-placeholder"},B={key:0},q={key:1},U={key:1,class:"custom-time-n-sales-search__option-list"},K=["onClick"],X={class:"body-md__w"},Y={class:"body-sm"},G={class:"custom-time-n-sales-search__size-field"},J={class:"custom-time-n-sales-search__size-icons"},Q=o({__name:"EaeraTimeNSalesSearch",setup(s){const{searchValue:t,searchPlaceholder:o,searchOptions:z,selectedSearchOption:k,loadingSearchOptions:T,minTradeSize:L,minTradeSizePlaceholder:N,fetchingSymbolLabel:E,symbolNotFoundLabel:V,showingDropdown:H,onSelectSearchOption:M}=D(),$=i(null),Q=e(),{width:Z}=C($),ee=l(()=>`${Math.max(Z.value,200)}px`),ae=e(t.value),le=e(!1),se=l({get:()=>L.value,set:e=>{L.value=e}});a(t,e=>{ae.value=e});const te=e=>{le.value||(t.value=e)},oe=()=>{le.value=!0},ie=e=>{t.value=e.data},ne=e=>{le.value=!1;const a=e.data??ae.value;t.value=a},re=e=>{M(e)},me=e=>{H.value=e},ce=()=>{L.value=(e=>{const a=Number(e);return!Number.isFinite(a)||a<1?"":`${a}`})(L.value)},de=()=>{const e=Number(L.value||"1"),a=Number.isFinite(e)&&e>=1?e:1;L.value=`${a+1}`},ue=()=>{const e=Number(L.value||"1"),a=Number.isFinite(e)&&e>=1?e:1;L.value=`${Math.max(1,a-1)}`},he=l(()=>[{value:"up",icon:x,onClick:de},{value:"down",icon:O,onClick:ue}]);return a(t,e=>{e?Q.value?.openDropdown():Q.value?.closeDropdown()},{immediate:!0}),(e,a)=>(n(),r("div",{ref_key:"searchRef",ref:$,class:"custom-time-n-sales-search"},[m("div",R,[m("div",W,[c(d(F),{modelValue:ae.value,"onUpdate:modelValue":a[0]||(a[0]=e=>ae.value=e),placeholder:d(o),clearable:"",class:"watchlist-input custom-time-n-sales-search__symbol-input",onInput:te,onCompositionstart:oe,onCompositionupdate:ie,onCompositionend:ne},u({_:2},[d(t)?void 0:{name:"suffix",fn:p(()=>[c(d(j),{size:16,class:"icon-primary"})]),key:"0"}]),1032,["modelValue","placeholder"]),m("div",A,[c(d(P),{ref_key:"dropdownRef",ref:Q,trigger:"click",placement:"bottom-start",class:"custom-time-n-sales-search__dropdown",onVisibleChange:me},{dropdown:p(()=>[v(e.$slots,"dropdown",{options:d(z),selected:d(k),minWidth:ee.value,loading:d(T),fetchingSymbolLabel:d(E),symbolNotFoundLabel:d(V),selectOption:re},()=>[m("div",{class:"custom-time-n-sales-search__dropdown-panel",style:b({minWidth:ee.value})},[d(T)||!d(z).length?(n(),r("div",I,[d(T)?(n(),r("div",B,_(d(E)),1)):(n(),r("div",q,_(d(V)),1))])):(n(),r("div",U,[(n(!0),r(y,null,g(d(z),e=>(n(),r("div",{key:e.value,class:f(["custom-time-n-sales-search__option",e.value===d(k)&&"is-selected"]),onClick:a=>re(e.value)},[m("div",X,_(e.label),1),m("div",Y,_(e.description),1)],10,K))),128))]))],4)])]),default:p(()=>[a[2]||(a[2]=m("div",{class:"custom-time-n-sales-search__dropdown-trigger"},null,-1))]),_:3},512)])]),m("div",G,[c(d(F),{modelValue:se.value,"onUpdate:modelValue":a[1]||(a[1]=e=>se.value=e),class:"watchlist-input custom-time-n-sales-search__size-input",placeholder:d(N),onChange:ce,onInput:ce},{suffix:p(()=>[m("div",J,[(n(!0),r(y,null,g(he.value,e=>(n(),S(w(e.icon),{key:e.value,size:12,class:"icon-primary custom-time-n-sales-search__size-icon",onClick:e.onClick},null,8,["onClick"]))),128))])]),_:1},8,["modelValue","placeholder"])])])],512))}}),Z={class:"custom-time-n-sales-table"},ee=o({__name:"EaeraTimeNSalesTable",setup(a){const{rows:l,fields:s,tableMaxHeight:t,loading:o,emptyLabel:u,onLoadMore:v}=D(),b=e(),y=i(null),g=()=>{const e=y.value;e&&((e,a=50)=>{const{scrollTop:l,clientHeight:s,scrollHeight:t}=e;return l+s>=t-a})(e)&&v()},f=()=>{g()};let S=null;const w=()=>{null==S&&(S=requestAnimationFrame(()=>{S=null,g()}))};return z(async()=>{await k(),(()=>{const e=b.value?.$el;if(!e)return;const a=e.querySelector(".el-scrollbar__wrap");a&&(y.value=a,a.addEventListener("scroll",f,{passive:!0}),a.addEventListener("wheel",w,{passive:!0}))})()}),T(()=>{(()=>{const e=y.value;e&&(e.removeEventListener("scroll",f),e.removeEventListener("wheel",w),y.value=null)})(),null!=S&&(cancelAnimationFrame(S),S=null)}),(e,a)=>(n(),r("div",Z,[c(d(H),{ref_key:"tableRef",ref:b,class:"watchlist-table custom-time-n-sales-table__table",items:d(l),fields:d(s),"max-height":d(t),stripe:!1,"hide-footer":"",loading:d(o)},{empty:p(()=>[m("div",null,_(d(u)),1)]),_:1},8,["items","fields","max-height","loading"])]))}}),ae={class:"custom-time-n-sales"},le={class:"custom-time-n-sales__table"},se=o({__name:"index",props:{searchValue:{},searchPlaceholder:{},searchOptions:{},selectedSearchOption:{},loadingSearchOptions:{type:Boolean},minTradeSize:{},minTradeSizePlaceholder:{},rows:{},fields:{},tableHeight:{},loading:{type:Boolean},fetchingSymbolLabel:{},symbolNotFoundLabel:{},emptyLabel:{}},emits:["resize","update:searchValue","select-search-option","update:minTradeSize","load-more","stateChange"],setup(e,{expose:l,emit:s}){const t=L(),o=i(null),{width:b,height:_}=C(o),y=$(e,s);return l({state:y.state}),a([b,_],()=>{o.value&&y.onResize(b.value,_.value)}),(e,a)=>(n(),r("div",ae,[m("div",{ref_key:"searchRef",ref:o,class:"custom-time-n-sales__search"},[c(d(Q),null,u({_:2},[d(t)["search-dropdown"]?{name:"dropdown",fn:p(a=>[v(e.$slots,"search-dropdown",N(E(a)))]),key:"0"}:void 0]),1024)],512),m("div",le,[c(d(ee))])]))}});export{se as _,$ as p,D as u};
+import{ref as e,watch as a,computed as l,provide as s,inject as t,defineComponent as o,shallowRef as i,openBlock as n,createElementBlock as r,createElementVNode as m,createVNode as c,unref as d,createSlots as u,withCtx as p,renderSlot as v,normalizeStyle as b,toDisplayString as _,Fragment as y,renderList as g,normalizeClass as f,createBlock as S,resolveDynamicComponent as w,onMounted as z,nextTick as k,onBeforeUnmount as T,useSlots as L,normalizeProps as N,guardReactiveProps as E}from"vue";import{a as C}from"./vendor-vueuse-core-B96HGhR7.mjs";import{useI18n as V}from"vue-i18n";import"element-plus";import"element-plus/es";import{ChevronUp as x,ChevronDown as O,Search as j}from"@lucide/vue";import"./vendor-email-misspelled-0hsXkSSK.mjs";import{_ as F}from"./EaeraInput-CkbcAxy0.mjs";import"./vendor-unorm-Degftfa1.mjs";import"./useEaeraInputPhoneNumber-B72aLnQs.mjs";import"@element-plus/icons-vue";import P from"../composite/EaeraDropdownV2.mjs";import"echarts/core";import"echarts/renderers";import"echarts/charts";import"echarts/components";import"vue-echarts";import"./vendor-currency-symbol-map-C-1fEG2R.mjs";import"./vendor-sortablejs-D3DyHO5Y.mjs";import{_ as H}from"./EaeraTableV2-ZUpzVKhm.mjs";const M=Symbol("EAERA_TIME_N_SALES_CONTEXT_KEY"),$=(t,o)=>{const{t:i}=V(),n=e(t.searchValue),r=e(t.minTradeSize),m=e(!1);a(()=>t.searchValue,e=>{n.value=e}),a(()=>t.minTradeSize,e=>{r.value=e});const c=(e,a)=>{const l=i(e);return"string"==typeof l&&l.trim().length>0?l:a},d=l(()=>[{key:"date",label:c("time-and-sales.table.date","Date"),minWidth:50},{key:"time",label:c("time-and-sales.table.time","Time"),minWidth:60},{key:"price",label:c("time-and-sales.table.price","Price"),minWidth:70,align:"right"},{key:"size",label:c("time-and-sales.table.size","Size"),minWidth:50,align:"right"}].map(e=>({...e,cellClass:"fs-10",cell:{dataClass:"text-primary"}}))),u=l(()=>({searchValue:n.value,minTradeSize:r.value,showingDropdown:m.value}));a(u,e=>{o("stateChange",e)},{immediate:!0});const p={searchValue:l({get:()=>n.value,set:e=>{n.value=e,o("update:searchValue",e)}}),searchPlaceholder:l(()=>t.searchPlaceholder??""),searchOptions:l(()=>t.searchOptions??[]),selectedSearchOption:l(()=>t.selectedSearchOption??""),loadingSearchOptions:l(()=>t.loadingSearchOptions??!1),minTradeSize:l({get:()=>r.value,set:e=>{r.value=e,o("update:minTradeSize",e)}}),minTradeSizePlaceholder:l(()=>t.minTradeSizePlaceholder||c("time-and-sales.table.size","Size")),rows:l(()=>t.rows??[]),fields:l(()=>t.fields&&t.fields.length>0?t.fields:d.value),tableHeight:l(()=>Number(t.tableHeight)||0),tableMaxHeight:l(()=>`${Math.max((Number(t.tableHeight)||0)-16,0)}px`),loading:l(()=>t.loading??!1),fetchingSymbolLabel:l(()=>t.fetchingSymbolLabel||c("market.search.fetching-symbol","Fetching symbol")),symbolNotFoundLabel:l(()=>t.symbolNotFoundLabel||c("market.search.symbol-not-found","Symbol not found")),emptyLabel:l(()=>t.emptyLabel||c("time-and-sales.table.empty","No data")),showingDropdown:l({get:()=>m.value,set:e=>{m.value=e}}),state:u,onResize:(e,a)=>o("resize",e,a),onSelectSearchOption:e=>o("select-search-option",e),onLoadMore:()=>o("load-more")};return s(M,p),p},D=()=>{const e=t(M);if(!e)throw new Error("useEaeraTimeNSales must be used inside EaeraTimeNSales");return e},R={class:"custom-time-n-sales-search__row"},W={class:"custom-time-n-sales-search__symbol-field"},A={class:"custom-time-n-sales-search__dropdown-anchor"},I={key:0,class:"custom-time-n-sales-search__empty body-sm text-placeholder"},B={key:0},q={key:1},U={key:1,class:"custom-time-n-sales-search__option-list"},K=["onClick"],X={class:"body-md__w"},Y={class:"body-sm"},G={class:"custom-time-n-sales-search__size-field"},J={class:"custom-time-n-sales-search__size-icons"},Q=o({__name:"EaeraTimeNSalesSearch",setup(s){const{searchValue:t,searchPlaceholder:o,searchOptions:z,selectedSearchOption:k,loadingSearchOptions:T,minTradeSize:L,minTradeSizePlaceholder:N,fetchingSymbolLabel:E,symbolNotFoundLabel:V,showingDropdown:H,onSelectSearchOption:M}=D(),$=i(null),Q=e(),{width:Z}=C($),ee=l(()=>`${Math.max(Z.value,200)}px`),ae=e(t.value),le=e(!1),se=l({get:()=>L.value,set:e=>{L.value=e}});a(t,e=>{ae.value=e});const te=e=>{le.value||(t.value=e)},oe=()=>{le.value=!0},ie=e=>{t.value=e.data},ne=e=>{le.value=!1;const a=e.data??ae.value;t.value=a},re=e=>{M(e)},me=e=>{H.value=e},ce=()=>{L.value=(e=>{const a=Number(e);return!Number.isFinite(a)||a<1?"":`${a}`})(L.value)},de=()=>{const e=Number(L.value||"1"),a=Number.isFinite(e)&&e>=1?e:1;L.value=`${a+1}`},ue=()=>{const e=Number(L.value||"1"),a=Number.isFinite(e)&&e>=1?e:1;L.value=`${Math.max(1,a-1)}`},he=l(()=>[{value:"up",icon:x,onClick:de},{value:"down",icon:O,onClick:ue}]);return a(t,e=>{e?Q.value?.openDropdown():Q.value?.closeDropdown()},{immediate:!0}),(e,a)=>(n(),r("div",{ref_key:"searchRef",ref:$,class:"custom-time-n-sales-search"},[m("div",R,[m("div",W,[c(d(F),{modelValue:ae.value,"onUpdate:modelValue":a[0]||(a[0]=e=>ae.value=e),placeholder:d(o),clearable:"",class:"watchlist-input custom-time-n-sales-search__symbol-input",onInput:te,onCompositionstart:oe,onCompositionupdate:ie,onCompositionend:ne},u({_:2},[d(t)?void 0:{name:"suffix",fn:p(()=>[c(d(j),{size:16,class:"icon-primary"})]),key:"0"}]),1032,["modelValue","placeholder"]),m("div",A,[c(d(P),{ref_key:"dropdownRef",ref:Q,trigger:"click",placement:"bottom-start",class:"custom-time-n-sales-search__dropdown",onVisibleChange:me},{dropdown:p(()=>[v(e.$slots,"dropdown",{options:d(z),selected:d(k),minWidth:ee.value,loading:d(T),fetchingSymbolLabel:d(E),symbolNotFoundLabel:d(V),selectOption:re},()=>[m("div",{class:"custom-time-n-sales-search__dropdown-panel",style:b({minWidth:ee.value})},[d(T)||!d(z).length?(n(),r("div",I,[d(T)?(n(),r("div",B,_(d(E)),1)):(n(),r("div",q,_(d(V)),1))])):(n(),r("div",U,[(n(!0),r(y,null,g(d(z),e=>(n(),r("div",{key:e.value,class:f(["custom-time-n-sales-search__option",e.value===d(k)&&"is-selected"]),onClick:a=>re(e.value)},[m("div",X,_(e.label),1),m("div",Y,_(e.description),1)],10,K))),128))]))],4)])]),default:p(()=>[a[2]||(a[2]=m("div",{class:"custom-time-n-sales-search__dropdown-trigger"},null,-1))]),_:3},512)])]),m("div",G,[c(d(F),{modelValue:se.value,"onUpdate:modelValue":a[1]||(a[1]=e=>se.value=e),class:"watchlist-input custom-time-n-sales-search__size-input",placeholder:d(N),onChange:ce,onInput:ce},{suffix:p(()=>[m("div",J,[(n(!0),r(y,null,g(he.value,e=>(n(),S(w(e.icon),{key:e.value,size:12,class:"icon-primary custom-time-n-sales-search__size-icon",onClick:e.onClick},null,8,["onClick"]))),128))])]),_:1},8,["modelValue","placeholder"])])])],512))}}),Z={class:"custom-time-n-sales-table"},ee=o({__name:"EaeraTimeNSalesTable",setup(a){const{rows:l,fields:s,tableMaxHeight:t,loading:o,emptyLabel:u,onLoadMore:v}=D(),b=e(),y=i(null),g=()=>{const e=y.value;e&&((e,a=50)=>{const{scrollTop:l,clientHeight:s,scrollHeight:t}=e;return l+s>=t-a})(e)&&v()},f=()=>{g()};let S=null;const w=()=>{null==S&&(S=requestAnimationFrame(()=>{S=null,g()}))};return z(async()=>{await k(),(()=>{const e=b.value?.$el;if(!e)return;const a=e.querySelector(".el-scrollbar__wrap");a&&(y.value=a,a.addEventListener("scroll",f,{passive:!0}),a.addEventListener("wheel",w,{passive:!0}))})()}),T(()=>{(()=>{const e=y.value;e&&(e.removeEventListener("scroll",f),e.removeEventListener("wheel",w),y.value=null)})(),null!=S&&(cancelAnimationFrame(S),S=null)}),(e,a)=>(n(),r("div",Z,[c(d(H),{ref_key:"tableRef",ref:b,class:"watchlist-table custom-time-n-sales-table__table",items:d(l),fields:d(s),"max-height":d(t),stripe:!1,"hide-footer":"",loading:d(o)},{empty:p(()=>[m("div",null,_(d(u)),1)]),_:1},8,["items","fields","max-height","loading"])]))}}),ae={class:"custom-time-n-sales"},le={class:"custom-time-n-sales__table"},se=o({__name:"index",props:{searchValue:{},searchPlaceholder:{},searchOptions:{},selectedSearchOption:{},loadingSearchOptions:{type:Boolean},minTradeSize:{},minTradeSizePlaceholder:{},rows:{},fields:{},tableHeight:{},loading:{type:Boolean},fetchingSymbolLabel:{},symbolNotFoundLabel:{},emptyLabel:{}},emits:["resize","update:searchValue","select-search-option","update:minTradeSize","load-more","stateChange"],setup(e,{expose:l,emit:s}){const t=L(),o=i(null),{width:b,height:_}=C(o),y=$(e,s);return l({state:y.state}),a([b,_],()=>{o.value&&y.onResize(b.value,_.value)}),(e,a)=>(n(),r("div",ae,[m("div",{ref_key:"searchRef",ref:o,class:"custom-time-n-sales__search"},[c(d(Q),null,u({_:2},[d(t)["search-dropdown"]?{name:"dropdown",fn:p(a=>[v(e.$slots,"search-dropdown",N(E(a)))]),key:"0"}:void 0]),1024)],512),m("div",le,[c(d(ee))])]))}});export{se as _,$ as p,D as u};