https://app.finimpulse.com/chunk-XOMTYKLB.js

1import{a as Ze}from"./chunk-VCY4CNKL.js";import{a as qe}from"./chunk-VHKA4EBT.js";import{a as Ye}from"./chunk-X6ZUSJFS.js";import{a as Je}from"./chunk-43RK7R4V.js";import"./chunk-MHX3FLU4.js";import{b as je}from"./chunk-J2KXKX5I.js";import{a as W}from"./chunk-JYDK2JWR.js";import"./chunk-VK5POWDE.js";import"./chunk-JKP4Y562.js";import{a as Ke}from"./chunk-EYN7FZRO.js";import{a as Qe}from"./chunk-QVJMECYA.js";import{a as j,b as Xe}from"./chunk-BTQ3ZHAS.js";import{o as $e,p as ze}from"./chunk-GKSPSK4P.js";import"./chunk-JNQSDDTU.js";import{a as He}from"./chunk-FHQM4MHL.js";import"./chunk-ZAGWB2MP.js";import{b as De,d as Ie,f as Re,g as Fe,h as Be}from"./chunk-JR5EHZFX.js";import"./chunk-GNYAB7RK.js";import{e as ye}from"./chunk-REBXJJBR.js";import"./chunk-KZ6O4UFR.js";import{a as Ne,b as Ve}from"./chunk-XUYO53AY.js";import{c as Ge}from"./chunk-Y4Y4T2FQ.js";import"./chunk-A4RVGZDH.js";import{e as Oe,o as Me,p as Ue}from"./chunk-ZKHDG5YV.js";import"./chunk-XAFI32DX.js";import{a as E}from"./chunk-Z4ZZR37Q.js";import"./chunk-BIPOZ6EY.js";import"./chunk-PDKS7CIV.js";import{a as We}from"./chunk-KVUI4WAB.js";import{a as H,b as $}from"./chunk-TCNTYI5F.js";import"./chunk-6ZM2H7CV.js";import{d as X}from"./chunk-TXM2VSDT.js";import"./chunk-37744Z2U.js";import"./chunk-HIQRTLXM.js";import"./chunk-UJGCWS6W.js";import{g as ke,r as Le}from"./chunk-G6DIKDAE.js";import"./chunk-VM4DEIJH.js";import"./chunk-UQW65RVG.js";import"./chunk-YJ5HFDYJ.js";import"./chunk-LAI4YBR4.js";import"./chunk-EVVOOTIQ.js";import"./chunk-5Q5VD6VX.js";import{a as z}from"./chunk-5EMEP2FE.js";import{a as we,c as Ee}from"./chunk-FUQW4URC.js";import"./chunk-BX2XGGIJ.js";import{a as Pe,b as Ae}from"./chunk-JDKKAUKQ.js";import"./chunk-4ZB57WCE.js";import"./chunk-AFMFXK4D.js";import"./chunk-MIG2UEUK.js";import"./chunk-4HBQP6NS.js";import"./chunk-I4HG3S2M.js";import"./chunk-QQIMN2JX.js";import"./chunk-F6ETDIXC.js";import"./chunk-A7RBIIUZ.js";import"./chunk-KWOQ4HMT.js";import"./chunk-YJ5DYO5F.js";import"./chunk-RSQPNHZE.js";import"./chunk-XPT67DC2.js";import"./chunk-RDBFOA3X.js";import"./chunk-DOPWH2QC.js";import"./chunk-WBS2ZB34.js";import"./chunk-DKOULGK6.js";import"./chunk-OKFUWLWE.js";import"./chunk-G2RPGXWK.js";import"./chunk-BSMR5HIN.js";import"./chunk-7D5TBQRE.js";import"./chunk-MUYF7UN3.js";import"./chunk-O2UZBAYN.js";import"./chunk-4HGNWMUF.js";import"./chunk-M45BUSZV.js";import{e as fe,f as he,g as Ce,i as xe,k as Se,n as be,o as ve,u as Te}from"./chunk-OQWTGWQI.js";import{D as L}from"./chunk-JRIYDRTX.js";import"./chunk-FCLK5JCQ.js";import"./chunk-AQGP2UH6.js";import{b as ue,c as G}from"./chunk-5VDETJGG.js";import{$a as R,Bb as K,Eb as m,Ec as _e,Fb as d,Gb as q,Hb as ne,Ja as A,Kb as ae,Lb as oe,Lc as k,Mb as le,Nb as re,Ob as se,Pa as M,Pb as pe,Tb as U,Ua as Z,Ub as me,Wb as ce,Xa as T,Ya as w,aa as v,ab as F,ac as g,bb as u,bc as _,cb as a,cc as J,db as l,eb as h,fa as x,fc as de,ga as S,jc as C,kc as N,lb as y,na as P,nb as b,oc as V,pb as c,qb as ee,rb as te,xb as B,yb as ie,yc as ge,za as o}from"./chunk-Q47N5KYY.js";import{a as O,b as Q}from"./chunk-DE4CES4T.js";var ot=["*"],lt=()=>({hasZoom:!1,hasTooltip:!0}),rt=()=>[],st=t=>({metric:t});function pt(t,s){if(t&1&&(m(0),g(1,"translate")),t&2){let e=s.$implicit;q(" ",_(1,1,e.label)," ")}}function mt(t,s){if(t&1&&(m(0),g(1,"translate")),t&2){let e=s.$implicit;q(" ",_(1,1,e.label)," ")}}function ct(t,s){if(t&1&&(a(0,"span"),m(1),g(2,"translate"),g(3,"numberSuffix"),l()),t&2){let e=c(),i=pe(0);o(),ne("",e.chartParams().metric==="expenses"?"$":_(2,2,"API_DASHBOARD.USAGE.TOKENS_PREFIX")," ",J(3,4,i.total,2))}}function dt(t,s){t&1&&h(0,"p-skeleton",17)}function gt(t,s){t&1&&m(0," \u2014 ")}var tt=(()=>{class t{apiUsageStore=v(E);translateService=v(ue);chartParams=this.apiUsageStore.chart.chartParams;filterForm=new Ce({metric:new xe("expenses",{nonNullable:!0})});metricOptions=[{label:"API_DASHBOARD.USAGE.METRIC_EXPENSES",value:"expenses"},{label:"API_DASHBOARD.USAGE.METRIC_USAGE",value:"usage"}];previousMetric="expenses";chartData=C(()=>{let e=this.apiUsageStore.chartData();if(!e||!e.chart_data||e.chart_data.length===0)return null;let i=this.chartParams().metric==="expenses",n=[{name:i?this.translateService.instant("API_DASHBOARD.USAGE.SERIES_EXPENSES"):this.translateService.instant("API_DASHBOARD.USAGE.SERIES_USAGE"),type:"line",data:e.chart_data.map(p=>[p.date,p.value]),color:i?"#3b82f6":"#22c55e",lineStyle:{width:2}}],r=e.chart_data.map(p=>p.date);return{series:n,xAxis:r}});chartCustomConfig=C(()=>{let e=this.chartParams().metric==="expenses";return{yAxis:{type:"value",name:e?this.translateService.instant("API_DASHBOARD.USAGE.SERIES_EXPENSES"):this.translateService.instant("API_DASHBOARD.USAGE.SERIES_USAGE"),position:"left",axisLine

1:{show:!0},axisLabel:{formatter:e?"${value}":i=>i>=1e3?`${(i/1e3).toFixed(1)}k`:i.toString()}},tooltip:{trigger:"axis",axisPointer:{type:"cross"},formatter:i=>{let n=i;if(!n||n.length===0)return"";let p=`<div style="padding: 8px;">
2            <div style="font-weight: 600; font-size: 13px; margin-bottom: 8px;">${new Date(n[0].data[0]).toLocaleDateString("en-US",{year:"numeric",month:"short",day:"numeric"})}</div>`;return n.forEach(f=>{let D=f.data[1],I="";e?I=`${D.toFixed(2)}`:D>=1e3?I=`${(D/1e3).toFixed(2)}k`:I=`${D.toFixed(0)}`,p+=`
3              <div style="display: flex; align-items: center; justify-content: space-between;">
4                <div style="display: flex; align-items: center;">
5                  <span style="display: inline-block; width: 10px; height: 10px; background-color: ${f.color}; border-radius: 50%; margin-right: 8px;"></span>
6                  <span style="font-size: 12px;">${f.seriesName}:</span>
7                </div>
8                <span style="font-weight: 600; font-size: 12px; margin-left: 12px;">${I}</span>
9              </div>`}),p+="</div>",p}}}});chartSummary=C(()=>this.apiUsageStore.chartData()?.summary);currentMetricLabel=C(()=>this.filterForm.value.metric==="expenses"?"API_DASHBOARD.USAGE.METRIC_EXPENSES":"API_DASHBOARD.USAGE.METRIC_USAGE");constructor(){this.initForm()}onMetricHide(){let e=this.filterForm.get("metric")?.value;e&&this.previousMetric!==e&&(this.previousMetric=e,this.updateMetric())}initForm(){let e=this.chartParams();this.filterForm.patchValue({metric:e.metric}),this.previousMetric=e.metric}updateMetric(){let e=this.filterForm.value.metric;if(e){let i=this.chartParams();this.apiUsageStore.setChartParams(i.startDate,i.endDate,e)}}static \u0275fac=function(i){return new(i||t)};static \u0275cmp=A({type:t,selectors:[["app-usage-chart"]],ngContentSelectors:ot,decls:33,vars:32,consts:[[1,"card-with-sub-cards"],[1,"usage-chart-header"],[1,"header-content"],[1,"card-title"],[1,"card-subtitle","small"],[1,"chart-filters"],[1,"filter-group",3,"formGroup"],["id","metric","formControlName","metric","optionLabel","label","optionValue","value",1,"metric-select",3,"onHide","options","placeholder"],["pTemplate","item"],["pTemplate","selectedItem"],[1,"chart-container"],[3,"height","isLoading","options","series","xAxis","customConfig"],[1,"chart-footer"],[1,"footer-description"],[1,"total-section"],[1,"total-label"],[1,"total-value"],["width","3rem","height","1.5rem"]],template:function(i,n){if(i&1){let r=y();ee(),re(0),a(1,"p-card")(2,"div",0)(3,"div",1)(4,"div",2)(5,"h3",3),m(6),g(7,"translate"),l(),a(8,"p",4),m(9),g(10,"translate"),l()(),a(11,"div",5),te(12),a(13,"form",6)(14,"p-select",7),g(15,"translate"),b("onHide",function(){return x(r),S(n.onMetricHide())}),M(16,pt,2,3,"ng-template",8)(17,mt,2,3,"ng-template",9),l()()()(),a(18,"div",10),h(19,"app-mountain-chart",11),l(),a(20,"div",12)(21,"p",13),m(22),g(23,"translate"),g(24,"translate"),l(),a(25,"div",14)(26,"p",15),m(27),g(28,"translate"),l(),a(29,"div",16),T(30,ct,4,7,"span")(31,dt,1,0,"p-skeleton",17)(32,gt,1,0),l()()()()()}if(i&2){let r,p,f=se(n.chartSummary());o(6),d(_(7,15,"API_DASHBOARD.USAGE.USAGE_STATS")),o(3),d(_(10,17,"API_DASHBOARD.USAGE.USAGE_SUBTITLE")),o(4),u("formGroup",n.filterForm),o(),u("options",n.metricOptions)("placeholder",_(15,19,"API_DASHBOARD.USAGE.SELECT_METRIC")),o(5),u("height","21.25rem")("isLoading",n.apiUsageStore.isChartLoading())("options",U(28,lt))("series",(r=n.chartData())==null?null:r.series)("xAxis",((p=n.chartData())==null?null:p.xAxis)??U(29,rt))("customConfig",n.chartCustomConfig()),o(3),d(J(24,23,"API_DASHBOARD.USAGE.FOOTER_DESCRIPTION",me(30,st,_(23,21,n.currentMetricLabel())))),o(5),d(_(28,26,"API_DASHBOARD.USAGE.TOTAL")),o(3),w(f?30:n.apiUsageStore.isChartLoading()?31:32)}},dependencies:[Te,Se,fe,he,be,ve,Ue,Me,L,$,H,Xe,j,je,ye,G],styles:[".usage-chart-header[_ngcontent-%COMP%]{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;flex-wrap:wrap}@media(max-width:1300px){.usage-chart-header[_ngcontent-%COMP%]{flex-direction:column;align-items:flex-start}}.header-content[_ngcontent-%COMP%]{flex:1;min-width:0}.chart-filters[_ngcontent-%COMP%]{display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap}@media(max-width:768px){.chart-filters[_ngcontent-%COMP%]{width:100%}}.filter-group[_ngcontent-%COMP%]{display:flex;align-items:center;gap:.5rem}.filter-group.date-range-group[_ngcontent-%COMP%]{gap:.5rem}.filter-label[_ngcontent-%COMP%]{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--main-text-color);white-space:nowrap}.date-inputs[_ngcontent-%COMP%]{display:flex;gap:.5rem}@media(max-width:640px){.date-inputs[_ngcontent-%COMP%]{flex-direction:column}}.date-input[_ngcontent-%COMP%]{width:10.625rem}@media(max-width:768px){.date-input[_ngcontent-%COMP%]{width:100%}}.metric-select[_ngcontent-%COMP%]{width:10.625rem}@media(max-width:768px){.metric-select[_ngcontent-%COMP%]{width:100%}}.chart-container[_ngcontent-%COMP%]{width:100%;min-height:21.0625rem;display:flex;flex-direction:column}.chart-footer[_ngcontent-%COMP%]{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}@media(max-width:640px){.chart-footer[_ngcontent-%COMP%]{flex-direction:column;align-items:flex-start}}.footer-description[_ngcontent-%COMP%]{font-size:var(--text-base);font-weight:var(--font-weight-normal);color:var(--muted-text-color);line-height:normal}.total-section[_ngcontent-%COMP%]{display:flex;flex-direction:column;gap:.25rem;align-items:flex-end;height:3.125rem}@media(max-width:640px){.total-section[_ngcontent-%COMP%]{align-items:flex-start}}.total-label[_ngcontent-%COMP%]{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary);line-height:normal;text-align:center}.total-value[_ngcontent-%COMP%]{display:flex;align-items:center;gap:.25rem;font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--main-text-color);line-height:normal}.total-spinner[_ngcontent-%COMP%]{width:1rem;height:1rem}"]})}return t})();var _t=["table"],ut=["columnChooserIconTpl"],ft=()=>({"min-width":"100%"}),ht=(t,s,e)=>({"mr-auto":t,"mx-auto":s,"ml-auto":e}),Y=(t,s)=>s.field;function Ct(t,s){t&1&&h(0,"app-column-icon")}function xt(t,s){if(t&1){let e=y();a(0,"th",16)(1,"app-table-header-cell-content",17),b("columnSort",function(n){x(e);let r=c(2);return S(r.onColumnSort(n.field,n.event))}),l()()}if(t&2){let e=s.$implicit,i=c(2);u("ngStyle",e.headStyle),o(),u("col",e)("sortStates",i.sortStates)("isId",e.field==="id")}}function St(t,s){if(t&1&&(a(0,"tr"),h(1,"th",15),R(2,xt,2,4,"th",16,Y),l()),t&2){let e=c();o(2),F(e.finalVisibleColumns())}}function bt(t,s){if(t&1&&(a(0,"td",20),h(1,"p-skeleton",21),l()),t&2){let e=s.$implicit,i=s.$index;u("ngStyle",e.cellStyle),o(),u("ngClass",ce(3,ht,e.align==="left"||!e.align,e.align==="center",e.align==="right"))("width",i%2===0?"40%":"60%")}}function vt(t,s){if(t&1&&(a(0,"tr")(1,"td",15)(2,"button",18),h(3,"app-chevron-right-icon",19),l()(),R(4,bt,2,7,"td",20,Y),l()),t&2){let e=c(2);o(4),F(e.finalVisibleColumns())}}function Tt(t,s){t&1&&h(0,"app-chevron-down-icon",24)}function wt(t,s){t&1&&h(0,"app-chevron-right-icon",24)}function yt(t,s){if(t&1&&(a(0,"span",26),m(1),l()),t&2){let e=c(3).$implicit;u("pTooltip",e.id),o(),d(e.id)}}function Pt(t,s){if(t&1&&(a(0,"span"),m(1),l()),t&2){let e=c(3).$implicit;o(),d(e.api)}}function At(t,s){if(t&1&&(a(0,"span",27),m(1),g(2,"localDate"),l()),t&2){let e=c(3).$implicit;o(),d(_(2,1,e.task_set))}}function Et(t,s){if(t&1&&(a(0,"span",27),m(1),g(2,"localDate"),l()),t&2){let e=c(3).$implicit;o(),d(_(2,1,e.task_complete))}}function Ot(t,s){if(t&1&&(a(0,"span"),m(1),l()),t&2){let e=c(3).$implicit;o(),d(e.turnaround_time)}}function Mt(t,s){if(t&1&&(a(0,"p",28)(1,"span",30),m(2,"$"),l(),a(3,"span",31),m(4),l()()),t&2){let e=c(3).$implicit;o(4),d(e.cost)}}function Ut(t,s){if(t&1&&h(0,"p-tag",32),t&2){let e=c(3).$implicit;K("p-muted-green",e.result.toLowerCase()==="success")("red-muted",e.result.toLowerCase()==="error"||e.result.toLowerCase()==="failed"),u("value",e.result)}}function Dt(t,s){if(t&1&&(a(0,"td",20),T(1,yt,2,2,"span",26)(2,Pt,2,1,"span")(3,At,3,3,"span",27)(4,Et,3,3,"span",27)(5,Ot,2,1,"span")(6,Mt,5,1,"p",28)(7,Ut,1,5,"p-tag",29),l()),t&2){let e,i=s.$implicit;u("ngStyle",i.cellStyle),o(),w((e=i.field)==="id"?1:e==="api"?2:e==="task_set"?3:e==="task_complete"?4:e==="turnaround_time"?5:e==="cost"?6:e==="result"?7:-1)}}function It(t,s){if(t&1&&(a(0,"tr",25)(1,"td",33)(2,"div",34)(3,"h4"),m(4),g(5,"translate"),l(),a(6,"div",35)(7,"div",36)(8,"span"),m(9),g(10,"translate"),l(),a(11,"span",27),m(12),g(13,"localDate"),l()(),a(14,"div",36)(15,"span"),m(16),g(17,"translate"),l(),a(18,"span"),m(19),l()(),a(20,"div",37)(21,"span"),m(22),g(23,"translate"),l(),a(24,"span"),m(25),l()(),a(26,"div",36)(27,"span"),m(28),g(29,"translate"),l(),a(30,"span"),m(31),l()(),a(32,"div",36)(33,"span"),m(34),g(35,"translate"),l(),a(36,"span")(37,"span",30),m(38,"$"),l(),a(39,"span",31),m(40),l()()()()()()()),t&2){let e=c(2).$implicit;o(4),d(_(5,11,"API_DASHBOARD.USAGE.ENDPOINT_DETAILS")),o(5),d(_(10,13,"API_DASHBOARD.USAGE.DONE_LABEL")),o(3),d(_(13,15,e.task_complete)),o(4),d(_(17,17,"API_DASHBOARD.USAGE.STATUS_LABEL")),o(3),d(e.details.status),o(3),d(_(23,19,"API_DASHBOARD.USAGE.ENDPOINT_LABEL")),o(3),d(e.details.endpoint),o(3),d(_(29,21,"API_DASHBOARD.USAGE.MESSAGE_LABEL")),o(3),d(e.details.message),o(3),d(_(35,23,"API_DASHBOARD.USAGE.COST_LABEL")),o(6),d(e.details.cost)}}function Rt(t,s){if(t&1){let e=y();a(0,"tr",22),b("click",function(){x(e);let n=c().$implicit,r=c();return S(r.toggleRow(n))}),a(1,"td",15)(2,"button",23),b("click",function(n){x(e);let r=c().$implicit,p=c();return n.stopPropagation(),S(p.toggleRow(r))}),T(3,Tt,1,0,"app-chevron-down-icon",24)(4,wt,1,0,"app-chevron-right-icon",24),l()(),R(5,Dt,8,2,"td",20,Y),l(),T(7,It,41,25,"tr",25)}if(t&2){let e=c().$implicit,i=c();o(3),w(i.expandedRows()[e.id]?3:4),o(2),F(i.finalVisibleColumns()),o(2),w(i.expandedRows()[e.id]?7:-1)}}function Ft(t,s){if(t&1&&T(0,vt,6,0,"tr")(1,Rt,8,2),t&2){let e=c();w(e.apiUsageStore.isTableLoading()?0:1)}}function Bt(t,s){if(t&1&&(a(0,"tr")(1,"td",38)(2,"div",39),h(3,"app-search-icon",40),a(4,"span",41),m(5),g(6,"translate"),l()()()()),t&2){let e=c();o(),Z("colspan",e.finalVisibleColumns().length+1),o(4),d(_(6,2,"API_DASHBOARD.NO_RESULTS"))}}function Nt(t,s){if(t&1){let e=y();a(0,"app-table-paginator",42),b("rowsChange",function(n){x(e);let r=c();return S(r.onRowsChange(n))}),l()}if(t&2){let e=s.$implicit;u("currentRows",e.rows)("state",e)("useLocalPagination",!1)}}var it=(()=>{class t{table=V("table");columnChooser=V(W);columnChooserIconTpl=V("columnChooserIconTpl");apiUsageStore=v(E);tableSortService=v(Ke);tableExportService=v(We);filterTransformService=v(Ze);savedPrimeNgFilters=()=>this.apiUsageStore.primeNgFilters();expandedRows=P({});currentRows=P(10);selectedColumns=P([]);sortStates=this.tableSortService.createSortStates();sortApplied=P(!1);filtersApplied=P(!1);mobileActionItems=C(()=>[{label:"ACTIONS.EXPORT_CSV",appIcon:z.Upload,command:()=>this.exportTable(X.csv)},{label:"ACTIONS.EXPORT_XLSX",appIcon:z.Upload,command:()=>this.exportTable(X.xlsx)},{label:"ACTIONS.EXPORT_JSON",appIcon:z.Upload,command:()=>this.exportTable(X.json)},{label:"ACTIONS.COLUMN_CHOOSER",iconTemplate:this.columnChooserIconTpl(),command:e=>e&&this.openColumnChooser(e)}]);columns=[{field:"id",header:"ID",sortable:!0,align:"left",headStyle:{"min-width":"80px"},cellStyle:{"text-align":"left"},defaultVisible:!0,type:"text",filterField:"id",filterType:"text",isSpecial:!0},{field:"api",header:"API",sortable:!0,align:"left",headStyle:{"min-width":"100px"},cellStyle:{"text-align":"left"},defaultVisible:!0,type:"text",filterField:"api",filterType:"text"},{field:"task_set",header:"Task Set",sortable:!0,align:"right",headStyle:{"min-width":"150px"},cellStyle:{"text-align":"right"},defaultVisible:!0,type:"text",filterField:"task_set",filterType:"date"},{field:"task_complete",header:"Task Complete",sortable:!0,align:"right",headStyle:{"min-width":"150px"},cellStyle:{"text-align":"right"},defaultVisible:!0,type:"text",filterField:"task_complete",filterType:"date"}

9,{field:"turnaround_time",header:"Turnaround Time",sortable:!0,align:"right",headStyle:{"min-width":"130px"},cellStyle:{"text-align":"right"},defaultVisible:!0,type:"text",filterField:"turnaround_time",filterType:"numeric"},{field:"cost",header:"Cost",sortable:!0,align:"right",headStyle:{"min-width":"100px"},cellStyle:{"text-align":"right"},defaultVisible:!0,type:"number",filterField:"cost",filterType:"numeric",isSpecial:!0},{field:"result",header:"Result",sortable:!0,align:"center",headStyle:{"min-width":"100px"},cellStyle:{"text-align":"center"},defaultVisible:!0,type:"custom",filterField:"result",filterType:"text"}];selectableColumns=C(()=>this.columns.filter(e=>!e.isSpecial).sort((e,i)=>e.header.localeCompare(i.header)));displayVisibleColumns=C(()=>{let e=this.selectedColumns(),i=this.columns.find(p=>p.field==="id"),n=this.columns.find(p=>p.field==="cost"),r=e;return i&&!r.some(p=>p.field==="id")&&(r=[i,...r]),n&&!r.some(p=>p.field==="cost")&&(r=[...r,n]),r.sort((p,f)=>this.getColumnIndex(p)-this.getColumnIndex(f))});finalVisibleColumns=C(()=>{let e=this.displayVisibleColumns();return e.length===0?this.columns:e});resultsWithOrder=C(()=>{let e=this.apiUsageStore.tableData();if(!e?.data)return[];let i=this.apiUsageStore.table.tableParams.offset();return e.data.map((n,r)=>Q(O({},n),{order:i+r+1}))});constructor(){N(()=>{let e=this.apiUsageStore.visibleColumns();if(this.selectedColumns().length===0)if(e.length>0){let n=this.columns.filter(r=>e.includes(r.field));this.selectedColumns.set(n)}else this.selectedColumns.set(this.columns.filter(n=>n.defaultVisible===!0&&!n.isSpecial))}),N(()=>{let e=this.selectedColumns();if(e.length>0){let i=e.map(n=>n.field);this.apiUsageStore.setVisibleColumns(i)}})}pageChange(e){let i=e.first||0,n=e.rows||this.apiUsageStore.table.tableParams.limit();this.apiUsageStore.setTableParams({limit:n,offset:i})}onRowsChange(e){let i=e,n=this.apiUsageStore.table.tableParams.offset(),r=this.apiUsageStore.table.tableParams.limit(),p=n+Math.floor(r/2),f=Math.max(0,Math.floor(p/i)*i);this.apiUsageStore.setTableParams({limit:i,offset:f})}onColumnSort(e,i){this.tableSortService.onColumnSort(e,i,this.table(),this.sortStates);let n=this.tableSortService.convertSortStatesToSortBy(this.sortStates,this.columns);this.apiUsageStore.setTableSortBy(n)}onFilter(e){if(!e.filters)return;let i=O({},e.filters),n=this.filterTransformService.transformTableFilters(i);this.apiUsageStore.setTableFilters(n,i)}toggleRow(e){let i=this.expandedRows();this.expandedRows.set(Q(O({},i),{[e.id]:!i[e.id]}))}openColumnChooser(e){this.columnChooser()?.togglePopover(e)}async exportTable(e){let i=this.apiUsageStore.tableData();if(!i?.data||i.data.length===0){console.warn("No data to export");return}let r=this.finalVisibleColumns().map(p=>p.field);await this.tableExportService.export(i.data,"api-usage-table",e,r)}applySavedSort=this.tableSortService.createApplySortEffect(C(()=>this.apiUsageStore.table.tableParams().sort_by),this.table,this.columns,this.sortStates,this.sortApplied);applySavedFilters=N(()=>{let e=this.savedPrimeNgFilters();if(e&&Object.keys(e).length>0&&!this.filtersApplied()){let i=this.table();i&&(i.filters=O({},e)),this.filtersApplied.set(!0)}});getColumnIndex(e){return this.columns.findIndex(i=>i.field===e.field)}static \u0275fac=function(i){return new(i||t)};static \u0275cmp=A({type:t,selectors:[["app-usage-table"]],viewQuery:function(i,n){i&1&&(B(n.table,_t,5),B(n.columnChooser,W,5),B(n.columnChooserIconTpl,ut,5)),i&2&&ie(3)},decls:18,vars:30,consts:[["columnChooserIconTpl",""],["columnChooser",""],["table",""],[1,"h-full","body-h-full"],[1,"card-with-sub-cards","flex-1"],[1,"mb-2",3,"isActionEnabled","title"],[3,"items","breakpoint"],[1,"flex","items-center","gap-2"],[1,"flex-shrink-0",3,"exportClick","label"],[1,"flex-shrink-0",3,"selectedColumnsChange","selectedColumns","allColumns","options","skipTariffCheck"],["appTableEmptyHeight","","appTableHorizontalScroll","","columnResizeMode","expand","sortMode","multiple","filterDelay","0",1,"usage-table","h-full","h-content-full","clickable-rows",3,"onPage","onFilter","alwaysShowPaginator","first","lazy","loading","paginator","resizableColumns","rows","rowsPerPageOptions","scrollable","showCurrentPageReport","showGridlines","tableStyle","totalRecords","value"],["pTemplate","header"],["pTemplate","body"],["pTemplate","emptymessage"],["pTemplate","paginatorright"],[2,"width","50px","text-align","center"],["pResizableColumn","",3,"ngStyle"],[3,"columnSort","col","sortStates","isId"],["type","button","disabled","",1,"table-action-btn"],[2,"visibility","hidden"],[3,"ngStyle"],[3,"ngClass","width"],[1,"table-row",3,"click"],["type","button",1,"table-action-btn",3,"click"],[1,"text-xs"],[1,"expanded-row"],["tooltipPosition","top",3,"pTooltip"],["appTzIndicator",""],[1,"inline-flex","gap-1"],[1,"square",3,"p-muted-green","red-muted","value"],[1,"currency-symbol"],[1,"currency-value"],[1,"square",3,"value"],["colspan","8"],[1,"endpoint-details","p-4"],[1,"details-row"],[1,"detail-item"],[1,"detail-item","detail-item-endpoint"],[1,"text-center","py-8"],["appTableStickyEmpty","",1,"table-empty-message"],[1,"text-4xl","text-gray-400"],[1,"text-gray-500"],[3,"rowsChange","currentRows","state","useLocalPagination"]],template:function(i,n){if(i&1){let r=y();M(0,Ct,1,0,"ng-template",null,0,de),a(2,"p-card",3)(3,"div",4)(4,"app-card-header",5),g(5,"translate"),a(6,"app-actions-menu",6)(7,"div",7)(8,"app-export-button",8),g(9,"translate"),b("exportClick",function(f){return x(r),S(n.exportTable(f))}),l(),a(10,"app-column-chooser",9,1),le("selectedColumnsChange",function(f){return x(r),oe(n.selectedColumns,f)||(n.selectedColumns=f),S(f)}),l()()()(),a(12,"p-table",10,2),b("onPage",function(f){return x(r),S(n.pageChange(f))})("onFilter",function(f){return x(r),S(n.onFilter(f))}),M(14,St,4,0,"ng-template",11)(15,Ft,2,1,"ng-template",12)(16,Bt,7,4,"ng-template",13)(17,Nt,1,3,"ng-template",14),l()()()}

9i&2&&(o(4),u("isActionEnabled",!0)("title",_(5,25,"API_DASHBOARD.USAGE.TASK_LOOKUP")),o(2),u("items",n.mobileActionItems())("breakpoint",576),o(2),u("label",_(9,27,"ACTIONS.EXPORT")),o(2),ae("selectedColumns",n.selectedColumns),u("allColumns",n.columns)("options",n.selectableColumns())("skipTariffCheck",!0),o(2),K("empty",!n.resultsWithOrder().length&&!n.apiUsageStore.isTableLoading()),u("alwaysShowPaginator",!0)("first",1)("lazy",!0)("loading",n.apiUsageStore.isTableLoading())("paginator",!0)("resizableColumns",!0)("rows",n.apiUsageStore.table.tableParams.limit())("rowsPerPageOptions",void 0)("scrollable",!0)("showCurrentPageReport",!1)("showGridlines",!1)("tableStyle",U(29,ft))("totalRecords",n.apiUsageStore.totalCount())("value",n.resultsWithOrder()))},dependencies:[k,ge,_e,Re,De,L,Ie,Ve,Ne,$,H,j,Ae,Pe,Oe,ze,qe,Qe,He,W,Ye,Fe,Be,Je,Le,ke,Ee,we,Ge,G],styles:["[_nghost-%COMP%]{display:flex;flex-direction:column;flex:1}[_nghost-%COMP%]   p-card[_ngcontent-%COMP%]{display:flex;flex-direction:column;height:100%}th[_ngcontent-%COMP%]{overflow:hidden}.text-ellipsis[_ngcontent-%COMP%]{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;max-width:100%}.table-row[_ngcontent-%COMP%]{cursor:default}.expanded-row[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]{padding:0!important}.endpoint-details[_ngcontent-%COMP%]{border-radius:var(--border-radius);background-color:var(--bg-alt)}.endpoint-details[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%]{color:var(--main-text-color);font-size:var(--text-sm);margin-bottom:var(--spacing-3)}.endpoint-details[_ngcontent-%COMP%]   .details-row[_ngcontent-%COMP%]{display:flex;align-items:center;gap:var(--spacing-6);justify-content:space-between}.endpoint-details[_ngcontent-%COMP%]   .details-row[_ngcontent-%COMP%]   .detail-item[_ngcontent-%COMP%]{display:flex;gap:var(--spacing-1);align-items:flex-start;flex-direction:column}.endpoint-details[_ngcontent-%COMP%]   .details-row[_ngcontent-%COMP%]   .detail-item[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]{font-size:var(--text-xs);line-height:1.5}.endpoint-details[_ngcontent-%COMP%]   .details-row[_ngcontent-%COMP%]   .detail-item[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]:first-child{color:var(--muted-text-color)}.endpoint-details[_ngcontent-%COMP%]   .details-row[_ngcontent-%COMP%]   .detail-item[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]:last-child{color:var(--text-secondary)}.endpoint-details[_ngcontent-%COMP%]   .details-row[_ngcontent-%COMP%]   .detail-item.detail-item-endpoint[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:768px){.endpoint-details[_ngcontent-%COMP%]   .details-row[_ngcontent-%COMP%]{flex-direction:column;align-items:flex-start;gap:var(--spacing-3)}.endpoint-details[_ngcontent-%COMP%]   .detail-item[_ngcontent-%COMP%]{width:100%}.endpoint-details[_ngcontent-%COMP%]   .detail-item.detail-item-endpoint[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]:last-child{word-break:break-all;white-space:normal}}"]})}return t})();var Li=(()=>{class t{apiUsageStore=v(E);onDateRangeChange(e){this.apiUsageStore.setDateRange(e.startDate,e.endDate)}static \u0275fac=function(i){return new(i||t)};static \u0275cmp=A({type:t,selectors:[["app-api-usage"]],decls:3,vars:3,consts:[[3,"dateRangeChange","startDate","endDate","advancedPresets"],[1,"mt-4"]],template:function(i,n){i&1&&(a(0,"app-usage-chart")(1,"app-date-range-filter",0),b("dateRangeChange",function(p){return n.onDateRangeChange(p)}),l()(),h(2,"app-usage-table",1)),i&2&&(o(),u("startDate",n.apiUsageStore.chart.chartParams().startDate)("endDate",n.apiUsageStore.chart.chartParams().endDate)("advancedPresets",!0))},dependencies:[k,tt,it,$e],styles:["[_nghost-%COMP%]{display:flex;flex-direction:column;flex:1}"]})}return t})();export{Li as ApiUsageComponent};