https://ap.cflowapps.com/cflow/chunk-DIHrRZfz.js

1import {c}from'./chunk--ccWN2jw.js';import'./chunk-CJZk9g-5.js';import {b2 as lr,by as rB,bw as nB,J as Je,b8 as Ae$1,b5 as U,b,q as l,as as hi,a_ as cT,v as d,e as eC,ax as yi,x as xo,be as uo,aO as fi,az as gi,H as Fi,bf as sm,bg as zC,ay as Ii,bD as Qe,e5 as Xe,c6 as W_,c7 as Vs,c8 as bi,c9 as z_,ca as $_,cb as Oa,aA as et,aE as oi,aF as ai,aG as kn,aH as Rn,bR as Et,bS as Ft,bW as Qn,af as Q1,bn as ii,bh as ZC,c as eb,$ as $_$1,a2 as $b,t as tb,a0 as q_,a1 as ub,d as ds,Q as D_,p as pu,G as Gm,a8 as Df,a9 as wf,aJ as fT,bF as im,ag as ob,an as nb,w as wm,X as Dm,f as pw,Z as gy,a3 as Iu,aK as hT,a7 as my,ah as ib,m as Rf,n as kf,cM as M_,bM as L_,ao as Em,cg as yy,h as P_}from'./main-MURRLOR2.js';var Fe=()=>[Ii,Qe,Xe,import('./chunk-BpQRQ-kz.js').then(function(n){return n.a}).then(o=>o.CommonConditionsComponent),import('./main-MURRLOR2.js').then(function(n){return n.gX}).then(o=>o.InputValidateDirective),W_,Vs,bi,z_,$_,Oa,et,oi,ai,kn,Rn,Et,Ft,Qn,Q1,import('./main-MURRLOR2.js').then(function(n){return n.gT}).then(o=>o.TranslatePipe),ii],Ve=o=>({"background-color":o}),Se=()=>[];function Te(o,n){if(o&1&&(D_(0),$_$1(1,"translate")),o&2){let e=n.item;Iu(" ",q_(1,1,e.label)," ");}}function Pe(o,n){if(o&1&&(D_(0),$_$1(1,"translate")),o&2){let e=n.item;Iu(" ",q_(1,1,e.label)," ");}}function Ne(o,n){if(o&1&&D_(0),o&2){let e=n.item;Iu(" ",e.name," ");}}function Ee(o,n){o&1&&(Rf(),ds(0,"svg",28),wm(1,"path",30)(2,"path",31),pu());}function Be(o,n){o&1&&(Rf(),ds(0,"svg",28),wm(1,"path",30)(2,"path",31),pu());}function Me(o,n){o&1&&(Rf(),ds(0,"svg",28),wm(1,"path",30)(2,"path",31),pu());}function Ge(o,n){if(o&1&&(eb(0,Ee,3,0,":svg:svg",28)(1,Be,3,0,":svg:svg",28)(2,Me,3,0,":svg:svg",28),ds(3,"span",29),D_(4),pu()),o&2){let e=n.item;tb(e.id===1?0:e.id===2?1:e.id===3?2:-1),pw(4),gy(e.name);}}function ke(o,n){if(o&1&&(D_(0),$_$1(1,"translate")),o&2){let e=n.item;Iu(" ",q_(1,1,e.label)," ");}}function Le(o,n){if(o&1&&(D_(0),$_$1(1,"translate")),o&2){let e=n.item;Iu(" ",q_(1,1,e.label)," ");}}function Oe(o,n){if(o&1&&(D_(0),$_$1(1,"translate")),o&2){let e=n.item;Iu(" ",q_(1,1,e.label)," ");}}function Re(o,n){if(o&1&&(D_(0),$_$1(1,"translate")),o&2){let e=n.item;Iu(" ",q_(1,1,e.label)," ");}}function He(o,n){if(o&1){let e=ub();ds(0,"div",42)(1,"div",14)(2,"label",15),D_(3),$_$1(4,"translate"),$_$1(5,"translate"),$_$1(6,"translate"),pu(),wm(7,"input",43),$_$1(8,"translate"),fT(),pu()(),ds(9,"div",44)(10,"cf-common-conditions",45),Gm("onValuesChanged",function(t){Df(e);let f=$b().$index,y=$b(3);return wf(y.updateConditionValues(t,f))}),pu()(),ds(11,"div",46)(12,"label",47),D_(13),$_$1(14,"translate"),pu(),ds(15,"div",3)(16,"span",4),D_(17),$_$1(18,"translate"),pu(),ds(19,"span",48),D_(20),pu(),ds(21,"span",4),D_(22),$_$1(23,"translate"),pu(),ds(24,"div",49),wm(25,"ng-select",50),$_$1(26,"translate"),fT(),pu()()(),ds(27,"div",46)(28,"label",47),D_(29),$_$1(30,"translate"),pu(),ds(31,"div",3)(32,"span",4),D_(33),$_$1(34,"translate"),pu(),ds(35,"span",48),D_(36),pu(),ds(37,"span",4),D_(38),$_$1(39,"translate"),pu(),ds(40,"div",49),wm(41,"ng-select",51),$_$1(42,"translate"),fT(),pu()()();}if(o&2){let e=$b(),a=e.$implicit,t=e.$index,f=$b(3);pw(3),yy("",q_(4,31,"Data_Point")," ",q_(5,33,"Label")," ",q_(6,35,"Display_Name")),pw(4),Dm("placeholder",q_(8,37,"Enter_datapoint_Label")),Em("fgName","dataPoints")("fArrayIndex",t),hT(),pw(3),Dm("conditions",f.conditionsCache()[t])("conditionFields",f.conditionFields())("fieldKeywords",P_(55,Se))("showNestedCondition",false)("showGroupCondition",false)("showKeywords",false)("isPartial",false),pw(),Dm("formGroup",f.getFormGroup(a)),pw(2),gy(q_(14,39,"Chart_Data_Summary")),pw(4),gy(q_(18,41,"This_Is_The")),pw(3),gy(f.chartAggregation),pw(2),gy(q_(23,43,"Of_Field")),pw(3),Dm("placeholder",q_(26,45,"Select"))("items",f.dataPointsConditionFields()),Em("fgName","dataPoints")("fArrayIndex",t),hT(),pw(2),Dm("formGroup",f.getFormGroup(a)),pw(2),gy(q_(30,47,"Key_Metric_Summary")),pw(4),gy(q_(34,49,"This_Is_The")),pw(3),gy(f.keymetricAggregation),pw(2),gy(q_(39,51,"Of_Field")),pw(3),Dm("placeholder",q_(42,53,"Select"))("items",f.KeymetricConditionFields()),Em("fgName","dataPoints")("fArrayIndex",t),hT();}}function Ke(o,n){if(o&1){let e=ub();ds(0,"div",26)(1,"div",32)(2,"h2",33)(3,"button",34),D_(4),$_$1(5,"translate"),ds(6,"span"),wm(7,"label",35),ds(8,"input",36),Gm("change",function(t){let f=Df(e).$index,y=$b(3);return wf(y.updateColorCode(t,f))}),pu(),fT(),ds(9,"a",37),$_$1(10,"translate"),Gm("click",function(){let t=Df(e).$index,f=$b(3);return wf(f.removeDataPoint(t))}

1),Rf(),ds(11,"svg",38),wm(12,"path",39),pu()()()()(),kf(),ds(13,"div",40)(14,"div",41),im(15,He,43,56,"ng-template"),pu()()()();}if(o&2){let e=n.$implicit,a=n.$index,t=$b(3);Dm("formGroupName",a),pw(),Dm("collapsed",false),pw(),Dm("formGroup",t.getFormGroup(e)),pw(2),my("",q_(5,13,"Data_Point")," - ",a+1," "),pw(3),Dm("for",M_("colorPicker-",a))("ngStyle",L_(17,Ve,t.getBgColor(a))),pw(),Dm("id",M_("colorPicker-",a)),Em("fgName","dataPoints")("fArrayIndex",a),hT(),pw(),Dm("ngbTooltip",q_(10,15,"Delete"));}}function $e(o,n){if(o&1){let e=ub();ds(0,"div",0)(1,"div",1)(2,"label",2),D_(3),$_$1(4,"translate"),pu(),ds(5,"div",3)(6,"span",4),D_(7),$_$1(8,"translate"),pu(),ds(9,"div",5)(10,"input",6),$_$1(11,"translate"),Gm("focus",function(){Df(e);let t=$b(2);return wf(t.emitCurrentInput("showLast"))})("blur",function(){Df(e);let t=$b(2);return wf(t.emitCurrentInput(""))})("input",function(t){Df(e);let f=$b(2);return wf(f.onInputIntegerOnly(t))}),pu(),fT(),pu(),ds(12,"div",5)(13,"ng-select",7),$_$1(14,"translate"),Gm("blur",function(){Df(e);let t=$b(2);return wf(t.emitCurrentInput(""))})("focus",function(){Df(e);let t=$b(2);return wf(t.emitCurrentInput("durationType"))}),im(15,Te,2,3,"ng-template",8)(16,Pe,2,3,"ng-template",9),pu(),fT(),pu(),ds(17,"span",4),D_(18),$_$1(19,"translate"),pu(),ds(20,"div",10)(21,"ng-select",11),$_$1(22,"translate"),Gm("focus",function(){Df(e);let t=$b(2);return wf(t.emitCurrentInput("basedOnFieldName"))})("blur",function(){Df(e);let t=$b(2);return wf(t.emitCurrentInput(""))}),pu(),fT(),pu()()(),ds(23,"div",12)(24,"label",2),D_(25),$_$1(26,"translate"),pu(),ds(27,"div",13)(28,"div",14)(29,"label",15),D_(30),$_$1(31,"translate"),pu(),ds(32,"input",16),$_$1(33,"translate"),Gm("focus",function(){Df(e);let t=$b(2);return wf(t.emitCurrentInput("chartTitle"))})("blur",function(){Df(e);let t=$b(2);return wf(t.emitCurrentInput(""))}),pu(),fT(),pu(),ds(34,"div",14)(35,"label",15),D_(36),$_$1(37,"translate"),$_$1(38,"translate"),pu(),ds(39,"input",17),$_$1(40,"translate"),Gm("focus",function(){Df(e);let t=$b(2);return wf(t.emitCurrentInput("chartTitle"))})("blur",function(){Df(e);let t=$b(2);return wf(t.emitCurrentInput(""))}),pu(),fT(),pu(),ds(41,"div",14)(42,"label",15),D_(43),$_$1(44,"translate"),$_$1(45,"translate"),pu(),ds(46,"input",18),$_$1(47,"translate"),Gm("focus",function(){Df(e);let t=$b(2);return wf(t.emitCurrentInput("chartTitle"))})("blur",function(){Df(e);let t=$b(2);return wf(t.emitCurrentInput(""))}),pu(),fT(),pu(),ds(48,"div",14)(49,"label",15),D_(50,"Chart Type"),pu(),ds(51,"ng-select",19),$_$1(52,"translate"),Gm("focus",function(){Df(e);let t=$b(2);return wf(t.emitCurrentInput("chartTitle"))})("blur",function(){Df(e);let t=$b(2);return wf(t.emitCurrentInput(""))}),im(53,Ne,1,1,"ng-template",8)(54,Ge,5,2,"ng-template",9),pu(),fT(),pu()()(),ds(55,"div",20)(56,"div",14)(57,"label",15),D_(58),$_$1(59,"translate"),pu(),ds(60,"input",21),$_$1(61,"translate"),Gm("focus",function(){Df(e);let t=$b(2);return wf(t.emitCurrentInput("keymetricTitle"))})("blur",function(){Df(e);let t=$b(2);return wf(t.emitCurrentInput(""))}),pu(),fT(),pu(),ds(62,"div",14)(63,"label",15),D_(64),$_$1(65,"translate"),pu(),ds(66,"ng-select",22),$_$1(67,"translate"),Gm("change",function(){Df(e);let t=$b(2);return wf(t.onChangeDataPointAggregations())}),im(68,ke,2,3,"ng-template",8)(69,Le,2,3,"ng-template",9),pu(),fT(),ds(70,"label",23),D_(71),$_$1(72,"translate"),pu()(),ds(73,"div",14)(74,"label",15),D_(75),$_$1(76,"translate"),pu(),ds(77,"ng-select",24),$_$1(78,"translate"),Gm("change",function(){Df(e);let t=$b(2);return wf(t.onChangeKeymetricAggregations())}),im(79,Oe,2,3,"ng-template",8)(80,Re,2,3,"ng-template",9),pu(),fT(),ds(81,"label",23),D_(82),$_$1(83,"translate"),pu()()(),ds(84,"div",25),ob(85,Ke,16,19,"div",26,nb),ds(87,"button",27),Gm("click",function(){Df(e);let t=$b(2);return wf(t.addDataPoint())}),D_(88),$_$1(89,"translate"),pu()(),wm(90,"div"),pu();}if(o&2){let e=$b(2);Dm("formGroup",e.dashboardFormGroup()),pw(3),gy(q_(4,31,"Default_Data_Filtering_Rule")),pw(4),Iu(" ",q_(8,33,"Show_Last")),pw(3),Dm("placeholder",q_(11,35,"Enter_Show_Last")),hT(),pw(3),Dm("placeholder",q_(14,37,"Select"))("items",e.durationTypes),hT(),pw(5),gy(q_(19,39,"Based_on")),pw(3),Dm("items",e.dateFields)("placeholder",q_(22,41,"Select")),hT(),pw(4),gy(q_(26,43,"Chart_Details")),pw(5),gy(q_(31,45,"Chart_Title")),pw(2),Dm("placeholder",q_(33,47,"Enter_Chart_Title")),hT(),pw(4),my("",q_(37,49,"X__Axis")," - ",q_(38,51,"Display_Name")),pw(3),Dm("placeholder",q_(40,53,"Enter_xAxis")),hT(),pw(4),my("",q_(44,55,"Y__Axis"),"- ",q_(45,57,"Display_Name")),pw(3),Dm("placeholder",q_(47,59,"Enter_yAxis")),hT(),pw(5),Dm("items",e.chartTypes)("placeholder",q_(52,61,"Select_Chart_type")),hT(),pw(7),gy(q_(59,63,"Section_Title")),pw(2),Dm("placeholder",q_(61,65,"Enter_Section_Title")),hT(),pw(4),gy(q_(65,67,"Data_Point_Aggregation")),pw(2),Dm("placeholder",q_(67,69,"Select"))("items",e.aggregations),hT(),pw(5),gy(q_(72,71,"Rules_for_determining_the_value_of_Data_Point")),pw(4),gy(q_(76,73,"Keymetric_Aggregation")),pw(2),Dm("items",e.aggregations)("placeholder",q_(78,75,"Select")),hT(),pw(5),gy(q_(83,77,"Rules_for_determining_the_value_of_Data_Point")),pw(3),ib(e.dataPoints().controls),pw(3),gy(q_(89,79,"Add_Data_Point"));}}function je(o,n){if(o&1&&(eb(0,$e,91,81,"div",0),$_$1(1,"async")),o&2){let e=$b();tb(q_(1,1,e.loadContent$)?0:-1);}}var Ae=class o{loadContent$=new lr(false);dashboardFormGroup=rB();fields=rB();setupResponse=rB();emitDeleteDataPoint=nB();emitActiveClass=nB();dateFields=[];dataPoints=Je(new Ae$1([new U({})]));conditionFields=Je([]);condition=Je([]);conditionsCache=Je([this.condition()]);KeymetricConditionFields=Je([]);dataPointsConditionFields=Je([]);languageService=b(l);fb=b(hi);dashboardReportsService=b(c);renderer=b(cT);ngOnInit(){this.languageService.use("report").then(),this.dateFields=this.fields()?.filter(n=>n.dataType.toLowerCase()==="date")??[],this.dataPoints.set(this.dashboardFormGroup()?.get("dataPoints")),this.setConditionFields(),this.setConditions(),this.loadContent$.next(true),this.KeymetricConditionFields.set(this.conditionFields()),this.dataPointsConditionFields.set(this.conditionFields());}get aggregations(){return this.dashboardReportsService.getAggregations()}get durationTypes(){return this.dashboardReportsService.getDurationTypes()}get chartTypes(){return this.dashboardReportsService.getChartType()}getFormGroup(n){return n??new U({})}

1emitCurrentInput(n){this.emitActiveClass.emit(n);}selectedChart="";get chartAggregation(){return this.dashboardFormGroup()?.get("chartAggregation")?.value??""}get keymetricAggregation(){return this.dashboardFormGroup()?.get("keymetricAggregation")?.value??""}setConditionFields(){let n=this.fields()?.map(e=>({fieldId:0,fieldName:e.fieldName,fieldDispName:e.fieldDispName,dataType:e.dataType,validValues:e.validValues??[]}))??[];this.conditionFields.set([...n,{fieldId:0,fieldName:"Cflow_Current_Stage",fieldDispName:"Current Stage",dataType:"string",validValues:[]}]);}setConditions(){let n=this.setupResponse()?.dataPointDefinition,e=this.dashboardFormGroup()?.get("dataPoints");if((!n||n.length==0)&&(!e||e.length==0)){this.conditionsCache.set([]);return}!n||n.length==0?e.controls.forEach(a=>{let t=this.getFormGroup(a),f=t.get("conjunctions")?.value.map((y,P)=>({id:0,field:t.get("fields")?.value[P]??"",operator:t.get("operators")?.value[P]??"",value:t.get("values")?.value[P]??"",conjunction:y??"",open:null,close:null,fieldDispName:""}));d(this.conditionsCache().at(0)?.at(0)?.field)&&this.conditionsCache.set([]),this.conditionsCache.update(y=>[...y,f]);}):this.setupResponse()?.dataPointDefinition.forEach(a=>{let t=a.conConjunction.map((f,y)=>({id:0,field:a.conField[y]??"",operator:a.conOperator[y]??"",value:a.conValue[y]??"",conjunction:f??"",open:null,close:null,fieldDispName:""}));d(this.conditionsCache().at(0)?.at(0)?.field)&&this.conditionsCache.set([]),this.conditionsCache.update(f=>[...f,t]);});}addDataPoint(){let n=this.dataPoints();console.log("Adding new data point to form array",n),console.log(this.conditionsCache()),n.push(this.dashboardReportsService.createDataPoint()),this.dataPoints.set(n);}updateColorCode(n,e){n.preventDefault();let a=n.currentTarget,t=a.previousSibling;this.renderer.setStyle(t,"background-color",a.value);}removeDataPoint(n){let a=this.dataPoints().at(n)?.get("dataPointId")?.value??0;this.dataPoints().removeAt(n),a>0&&this.emitDeleteDataPoint.emit(a);}getBgColor(n){return this.dataPoints().at(n)?.get("dataPointColor")?.value??""}updateConditionValues(n,e){let a=this.dataPoints().at(e);a.setControl("conjunctions",this.fb.array(n?.map(t=>this.fb.control(t.conjunction))??[])),a.setControl("operators",this.fb.array(n?.map(t=>this.fb.control(t.operator))??[])),a.setControl("values",this.fb.array(n?.map(t=>this.fb.control(t.value))??[])),a.setControl("fields",this.fb.array(n?.map(t=>this.fb.control(t.field))??[])),a.setControl("noCondition",this.fb.array(n?.map(t=>this.fb.control(t))??[]));}onInputIntegerOnly(n){let e=n.target;e.value=e.value.replace(/[^0-9]/g,""),this.dashboardFormGroup()?.get("showLast")?.setValue(e.value,{emitEvent:false});}onChangeDataPointAggregations(){this.dashboardFormGroup()?.get("chartAggregation")?.value!=="Count"?this.dataPointsConditionFields.set(this.conditionFields().filter(n=>n.dataType.toLowerCase().includes("decimal")||n.dataType.toLowerCase().includes("currency")||n.dataType.toLowerCase()=="integer")):this.dataPointsConditionFields.set(this.conditionFields());}onChangeKeymetricAggregations(){let n=this.dashboardFormGroup()?.get("keymetricAggregation")?.value;console.log(this.conditionFields()),n!=="Count"?this.KeymetricConditionFields.set(this.conditionFields().filter(e=>e.dataType.toLowerCase().includes("decimal")||e.dataType.toLowerCase().includes("currency")||e.dataType.toLowerCase()=="integer")):this.KeymetricConditionFields.set(this.conditionFields());}static \u0275fac=function(e){return new(e||o)};static \u0275cmp=eC({type:o,selectors:[["cf-add-chart-info"]],inputs:{dashboardFormGroup:[1,"dashboardFormGroup"],fields:[1,"fields"],setupResponse:[1,"setupResponse"]},outputs:{emitDeleteDataPoint:"emitDeleteDataPoint",emitActiveClass:"emitActiveClass"},decls:3,vars:0,consts:[["id","chart-colm",3,"formGroup"],[1,"grid-item","grid-head-det"],["for","",1,"cf-h2","p-0"],[1,"d-flex","gap-12","align-items-center"],[1,"cf-form-label"],[1,"wid-15"],["type","text","id","txtXAxisDuration","formControlName","showLast","appInputValidate","",1,"form-control","fnt-12",3,"focus","blur","input","placeholder"],["bindValue","value","formControlName","durationType","appInputValidate","",3,"blur","focus","placeholder","items"],["ng-label-tmp",""],["ng-option-tmp",""],[1,"wid-30"],["bindLabel","fieldDispName","bindValue","fieldName","formControlName","basedOnFieldName","appInputValidate","",3,"focus","blur","items","placeholder"],[1,"mt-12"],[1,"three-col","mt-12"],[1,"grid-item"],["for","",1,"cf-form-label"],["type","text","formControlName","chartTitle","appInputValidate","",1,"form-control","fnt-12",3,"focus","blur","placeholder"],["type","text","formControlName","xAxis","appInputValidate","",1,"form-control","fnt-12",3,"focus","blur","placeholder"],["type","text","formControlName","yAxis","appInputValidate","",1,"form-control","fnt-12",3,"focus","blur","placeholder"],["bindValue","id","formControlName","chartType","appInputValidate","",3,"focus","blur","items","placeholder"],[1,"three-col","mt-24"],["type","text","formControlName","keymetricTitle","appInputValidate","",1,"form-control","fnt-12",3,"focus","blur","placeholder"],["bindValue","value","formControlName","chartAggregation","appInputValidate","",3,"change","placeholder","items"],["for","ddlWorkflow",1,"cf-help-text"],["bindValue","value","formControlName","keymetricAggregation","appInputValidate","",3,"change","items","placeholder"],["formArrayName","dataPoints",1,"datapoints-colm","mt-24"],["ngbAccordion","",3,"formGroupName"],[1,"button-primary",3,"click"],["width","14","height","14","viewBox","0 0 14 14","fill","none","xmlns","http://www.w3.org/2000/svg"],[2,"margin-left","5px"],["d","M11 5V11C11 11.5523 10.5523 12 10 12H4C3.44772 12 3 11.5523 3 11V3C3 2.44772 3.44772 2 4 2H8.5M11 5L8.5 2M11 5H9C8.44772 5 8 4.55228 8 4V2.25C8 2.11193 8.11193 2 8.25 2H8.5","stroke","#656565","stroke-linejoin","round"],["d","M5 10L7 8M7 10L5 8M8.5 6.5V10","stroke","#656565","stroke-width","0.8","stroke-linecap","round","stroke-linejoin","round"],["ngbAccordionItem","",3,"collapsed"],["ngbAccordionHeader","",3,"formGroup"],["ngbAccordionButton","",1,"cf-h2"],[1,"color-box",3,"for","ngStyle"],["type","color","formControlName","dataPointColor","appInputValidate","",1,"color-input",3,"change","id"],["href","javascript:void(0)","placement","top","ng-reflect-placement","top","triggers","mouseenter:mouseleave","ng-reflect-ngb-tooltip","Delete",1,"delete-icon","t-top","t-sm","ms-2",3,"click","ngbTooltip"],["width","18","height","18","viewBox","0 0 16 16","fill","none","xmlns","http://www.w3.org/2000/svg"],["d","M2.5 4H4H5M13.5 4H12H11M5 4L5.79271 2.41459C5.91975 2.1605 6.17945 2 6.46353 2H9.53647C9.82055 2 10.0803 2.1605 10.2073 2.41459L11 4M5 4H11M12 5.5L11.0779 13.3376C11.0335 13.7153 10.7134 14 10.3331 14H5.66694C5.28662 14 4.96651 13.7153 4.92207 13.3376L4 5.5","stroke","#656565","stroke-linecap","round","stroke-linejoin","round"],["ngbAccordionCollapse",""],["ngbAccordionBody",""],[1,"three-col"],["type","text","name","dataPointLabel","formControlName","dataPointLabel","appInputValidate","",1,"form-control","fnt-12",3,"placeholder"],[1,"mt-24"],[3,"onValuesChanged","conditions","conditionFields","fieldKeywords","showNestedCondition","showGroupCondition","showKeywords","isPartial"],[1,"grid-item","mt-24",3,"formGroup"],["for","",1,"cf-h2"],[1,"rep-badge"],[1,"wid-20"],["bindLabel","fieldDispName","bindValue","fieldName","name","dataPointChartField","formControlName","dataPointChartField","appInputValidate","",3,"placeholder","items"],["bindLabel","fieldDispName","bindValue","fieldName","name","dataPointKeymetricField","formControlName","dataPointKeymetricField","appInputValidate","",3,"placeholder","items"]],template:function(e,a){e&1&&(sm(0,je,2,3),zC(1,0,Fe),ZC());},dependencies:[yi,xo,uo,fi,gi,Fi],styles:[".grid-item[_ngcontent-%COMP%]{display:flex;flex-direction:column;gap:12px}.three-col[_ngcontent-%COMP%]{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.datapoints-colm[_ngcontent-%COMP%]{display:flex;flex-direction:column;gap:8px}.rep-badge[_ngcontent-%COMP%]{display:inline-block;padding:8px 12px;font-size:12px;font-weight:400;color:var(--color-primary);background-color:var(--color-secondary);border-radius:var(--radius-sm)}.color-box[_ngcontent-%COMP%]{width:18px;height:18px;background-color:#f97064;border-radius:4px;cursor:pointer}.color-input[_ngcontent-%COMP%]{visibility:hidden;position:absolute}.accordion-item[_ngcontent-%COMP%]{box-shadow:none}.accordion-button[_ngcontent-%COMP%]:not(.collapsed){background-color:var(--color-white);box-shadow:none;color:var(--font-heading-color)}.accordion-button[_ngcontent-%COMP%]{background-color:var(--color-bg-header)!important;padding:12px!important}.accordion-button[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]{position:absolute;right:46px;

1display:flex;gap:12px;align-items:center}.accordion-button[_ngcontent-%COMP%]:focus{box-shadow:none}.accordion-button[_ngcontent-%COMP%]:after{background-size:14px;position:relative;top:0}.accordion[_ngcontent-%COMP%]{--bs-accordion-border-color: var(--color-border) }.accordion-body[_ngcontent-%COMP%]{padding:0 12px 12px}.grid-head-det[_ngcontent-%COMP%]{padding-bottom:24px;border-bottom:1px solid var(--color-border)}"]})};
2export{Ae as AddChartInfoComponent};