@devgateway/dvz-ui-react 1.7.2 → 1.7.3

package/dist/cjs/embeddable/chart/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("react/jsx-runtime"),h=require("react"),ue=require("semantic-ui-react"),Qa=require("../data/DataProvider.js"),Za=require("../data/DataConsumer.js"),Oa=require("../../utils/deviceType.js"),er=require("./Pie.js");require("immutable");const tr=require("./Radar.js"),ar=require("./Bar.js"),rr=require("./Line.js"),or=require("@devgateway/wp-react-lib"),Q=require("./data/index.js"),nr=require("./CSVDataFrame.js"),sr=require("./colors/ColorProvider.js"),ot=require("./Messages.js"),ir=require("react-redux"),lr=require("react-intl"),dr=y=>{console.log("manual colors...",y["data-manual-colors"]);let{parent:me,editing:i=!1,unique:Z,childContent:L,categories:X,injectedMeasures:l,"data-app":o="csv","data-dvz-proxy-dataset-id":pe,"data-group":he="default","data-height":S=500,"data-type":B="bar","data-dimension1":E,"data-dimension2":fe,"data-dimension3":pr,"data-color-by":q="index","data-scheme":O="system","data-group-mode":nt="grouped","data-left-legend":st="Left Legend","data-legend-label":it="","data-bottom-legend":lt="Bottom Legend","data-dualmode":dt,"data-legend-position":ge="right","data-show-legends":be="true","data-data-source-label":hr="Source","data-chart-data-source":fr="Data Source","data-toggle-info-label":gr="Info Graphic","data-toggle-chart-label":br="Chart","data-tick-rotation":m=0,"data-tick-color":ct="rgb(92,93,99)","data-measures":ut="{}","data-format":xr="{}","data-csv":mt="","data-margin-left":pt=50,"data-margin-top":ht=25,"data-margin-right":ft=25,"data-margin-bottom":gt=25,"data-start-angle":bt=0,"data-end-angle":xt=360,"data-view-mode":xe="info","data-filters":wt="[]","data-tooltip-html":vt="","data-layout":ee="vertical","data-reverse":we="false","data-offset-y":yt="-40","data-line-layer-enabled":ve="false","data-overlays":Lt="[]","data-max-value":kt="auto","data-value-scale":Tt="linear","data-swap":V="false","data-no-data-message":Ct="No data matches your selection","data-bar-color":Mt="rgb(0,0,0)","data-override-tick-color":ye="false","data-fixed-min-value":It=0,"data-fixed-max-value":At=0,"data-bar-padding":Rt=.15,"data-bar-label-position":Dt="middle","data-line-label-position":Ft="none","data-show-grid":Le="true","data-include-overall":ke="false","data-bar-inner-padding":Pt=.7,"data-x-label-color":Bt="#000","data-bar-label-color":Et="#000","data-legend-label-color":qt="#000","data-tooltip-enabled":Te="true","data-use-check-box-background":Ce="false","data-use-label-background":Me="true","data-highlight-xaxis-line":Ie="false","data-show-tick-line":Ae="true","data-show-right-axis":Re="true","data-manual-colors":Nt="{}","data-right-legend":zt="","data-offset-right":Xt="40","data-offset-bottom":St="40","data-hidden-bars":Vt=[],"data-confidence-intervals":Gt="[]","data-enable-area":De="false","data-area-shading-criteria":Ut="DEFAULT","data-area-lower-bound":$t="","data-area-upper-bound":Wt="","data-show-points":Fe="true","data-center-label":Ht="","data-show-arc-labels":Pe="true","data-show-arc-link-labels":Be="true","data-slice-padding":Yt=1,"data-center-label-font-weight":_t="normal","data-center-label-font-size":Jt="12","data-center-label-xoffset":jt=0,"data-center-label-yoffset":Kt=0,"data-group-total-measure":Qt="","data-show-group-total":Ee="true","data-group-total-label":Zt="","data-group-total-format":Ot="{}","data-group-total-label-offset":ea,"data-group-total-fixed-position":qe="false","data-tooltip-enable-markdown":G="false","data-y-axis-tick-values":Ne="10","data-x-axis-tick-values":ze="10","data-enable-grid-y":k="true","data-enable-grid-x":T="false","data-offset-text":ta=0,"data-overall-label":te="Overall","data-min-max-clamp":aa="false","data-reverse-legend":Xe="false","data-sort":Se="default","data-sort-reverse":U="false","data-sort-second-dimension":Ve="default","data-sort-reverse-second-dimension":$="false","data-radar-curve":ra="linearClosed","data-radar-fill-opacity":oa=.25,"data-radar-border-width":na=2,"data-radar-grid-levels":sa=3,"data-radar-grid-shape":ia="circular","data-radar-grid-label-offset":la=36,"data-radar-enable-dots":Ge="true","data-radar-dot-size":da=8,"data-radar-enable-dot-label":Ue="true","data-radar-dot-label-offset":ca=-12,"data-mobile-customization":$e="{}","data-show-percentage":We="false","data-preview-mode":f="Desktop","data-wait-for-filters":ua="false","data-line-curve":ma="linear","data-show-legends-in-columns":He="false","data-number-of-legend-columns":pa=4,"data-line-x-axis-tick-mode":ha="none","data-line-x-axis-tick-count":fa=10,"data-line-x-axis-tick-every":ga=1,pageModuleProps:g}=y;const ba=i,t=JSON.parse(decodeURIComponent($e)),[ae,xa]=h.useState(window.innerWidth<=1250),x=ae&&((t==null?void 0:t.showCustomization)??!1);g!=null&&g.previewMode&&(g!=null&&g.editing)&&(f=g.previewMode,i=g.editing);const wa=["Tablet"].includes(f)&&i,va=["Mobile"].includes(f)&&i,ya=["Desktop"].includes(f)&&i,c=x&&f!=="Desktop",u=x&&!i,re=()=>{const e=window.matchMedia("(min-width: 768px) and (max-width: 1250px)").matches,r=window.matchMedia("(max-width: 767px)").matches;switch(!0){case ya:return m;case wa:return x?(t==null?void 0:t.tabletXAxisTextRotation)??m:m;case va:return x?(t==null?void 0:t.mobileXAxisTextRotation)??m:m;case e:return x?(t==null?void 0:t.tabletXAxisTextRotation)??m:m;case r:return x?(t==null?void 0:t.mobileXAxisTextRotation)??m:m;default:return m}},La=re(),[ka,Ye]=h.useState(La),_e=y.intl.locale,W=h.useRef(null),Je=e=>{try{return ba?e:decodeURIComponent(e)}catch{return console.error(`error decoding value:${e}`),e}},C=e=>{try{return JSON.parse(Je(e))}catch{console.error(`error parsing value:${e}`)}return null},Ta=()=>{const e=C(Nt);if(!e)return null;const r=e[o];if(o==="csv"&&r&&O==="manual"){if(r[q]!==void 0)return r;if(typeof r=="object"&&r!==null&&!Array.isArray(r)&&Object.values(r).some(p=>typeof p=="string"&&(p.startsWith("#")||p.startsWith("rgb"))))return{[q]:r}}return r},Ca=()=>C(ut),je=()=>{var e;if(a!=null&&a[o]){let r=(e=a==null?void 0:a[o])==null?void 0:e.format;if(!r){const n=Object.keys(a==null?void 0:a[o]);for(let p=0;p<n.length;p++)if(a!=null&&a[o][n[p]].selected&&(a!=null&&a[o][n[p]].format)){r=a==null?void 0:a[o][n[p]].format;break}}return r}return a!=null&&a.csv?a.csv.format:null},Ma=()=>{let e=null;return a!=null&&a[o]?a[o].useCustomAxisFormat&&a[o].customFormat&&(e=a[o].customFormat):a!=null&&a.csv&&a.csv.useCustomAxisFormat&&a.csv.customFormat&&(e=a.csv.customFormat),e},Ia=()=>a!=null&&a[o]?Object.keys(a[o]).map(e=>({value:e,...a[o][e]})).filter(e=>e.selected).map(e=>e.value):[],Ke=()=>{const e={};return a!=null&&a[o]&&Object.keys(a[o]).map(n=>({value:n,...a[o][n]})).filter(n=>n.selected&&n.hasCustomLabel).forEach(n=>{e[n.value]=n.customLabel}),e},Aa=()=>a!=null&&a[o]?Object.keys(a[o]).filter(e=>a[o][e].allowSelection):[];let a=Ca(),w=Ia(),b=je();const Ra=Aa();let oe=st,ne=zt,se=Je(vt);if(l!=null&&l[o]){const e=Object.keys(l[o].measures).map(r=>({value:r,...l[o].measures[r]})).filter(r=>r.selected).map(r=>r.value);a=l,w=e,b=je(),oe=l.leftTitle,ne=l.rightTitle,l.customTooltip&&(se=l.customTooltip)}const Da=b?{style:b.style==="compacted"?"decimal":b.style,notation:b.style==="compacted"?"compact":"standard",currency:b.currency,minimumFractionDigits:parseInt(b.minimumFractionDigits),maximumFractionDigits:parseInt(b.maximumFractionDigits)}:{notation:"standard",currency:"USD",minimumFractionDigits:2,maximumFractionDigits:2},Fa=Ma(),s=C(Ot),Pa={style:(s==null?void 0:s.style)==="compacted"?"decimal":s==null?void 0:s.style,notation:(s==null?void 0:s.style)==="compacted"?"compact":"standard",currency:s==null?void 0:s.currency,minimumFractionDigits:parseInt(s==null?void 0:s.minimumFractionDigits),maximumFractionDigits:parseInt(s==null?void 0:s.maximumFractionDigits)},[Ba,wr]=h.useState(xe),Ea=i?xe:Ba,qa={scheme:O,colorBy:q},H=i?S-80:S,Na=()=>(c||u)&&!(t!=null&&t.showXAxisTitle)?"":lt,za=()=>c||u?t!=null&&t.showYAxisTitle?oe:"":oe,Xa=()=>c||u?t!=null&&t.showRightAxisTitle?ne:"":ne,Sa={left:za(),bottom:Na(),right:Xa()},Y=e=>{if(e==="true"||e===!0)return!0;if(e==="false"||e===!1)return!1},Qe=()=>{Y(T)&&!Y(k)?(T=!1,k=!0):!Y(T)&&Y(k)&&(T=!0,k=!1)},Va=()=>ee==="horizontal"?(Qe(),"vertical"):(Qe(),"horizontal"),Ga=()=>t!=null&&t.chartLayoutOverride?Va():ee,_=(e,r,n)=>e?Number.parseInt(r)??n:n,Ze=(e,r,n)=>e?r??n:n;h.useEffect(()=>{const e=()=>{xa(window.innerWidth<=1250);const r=re();Ye(r)};return window.addEventListener("resize",e),Ye(re()),()=>{window.removeEventListener("resize",e)}},[i,f,x,m,t==null?void 0:t.tabletXAxisTextRotation,t==null?void 0:t.mobileXAxisTextRotation]);const Ua=()=>{const e=["tablet","mobile","midTablet"].includes(Oa.default());return i&&f==="Desktop"?ge:e?"bottom":ge},Oe={app:o,editing:i,tickColor:decodeURIComponent(ct),tickRotation:ka,layout:c||u?Ga():ee,reverse:we==!0||we=="true",showLegends:be==!0||be=="true",legendLabel:it,swap:V==!0||V=="true",showGrid:Le==!0||Le=="true",showPercentage:We==!0||We=="true",marginLeft:_(c||u,Number.parseInt(t==null?void 0:t.marginLeft),parseInt(pt)),marginTop:_(c||u,Number.parseInt(t==null?void 0:t.marginTop),parseInt(ht)),marginRight:_(c||u,Number.parseInt(t==null?void 0:t.marginRight),Number.parseInt(ft)),marginBottom:_(c||u,Number.parseInt(t==null?void 0:t.marginBottom),Number.parseInt(gt)),height:`${H}px`,legendPosition:Ua(),legends:Sa,tooltip:G==!0||G=="true"?se:se.replace(/\r\n/g,"<hr/>").replace(/[\r\n]/g,"<hr/>"),colors:qa,groupMode:nt,format:Da,startAngle:bt,endAngle:xt,offsetY:yt,maxValue:kt,valueScale:Tt,categories:X,lineLayerEnabled:ve==!0||ve=="true",overlays:C(Lt)||[],barColor:decodeURIComponent(Mt),overrideTickColor:ye==!0||ye=="true",fixedMinValue:It,fixedMaxValue:At,barPadding:Ze(c||u,t==null?void 0:t.barPadding,Rt),barLabelPosition:Dt,lineLabelPosition:Ft,barInnerPadding:Ze(c||u,t==null?void 0:t.barInnerPadding,Pt),xLabelColor:decodeURIComponent(Bt),barLabelColor:decodeURIComponent(Et),legendLabelColor:decodeURIComponent(qt),tooltipEnabled:Te==!0||Te=="true",legendLabelBack:Me==!0||Me=="true",legendCheckBack:Ce==!0||Ce=="true",highlightXAxisLine:Ie==!0||Ie=="true",showTickLine:Ae==!0||Ae=="true",showRightAxis:Re==!0||Re=="true",offsetRight:Xt,offsetBottom:St,confidenceIntervals:C(Gt)||[],showPoints:Fe==!0||Fe=="true",enableArea:De==!0||De=="true",areaShadingCriteria:Ut,areaLowerBound:$t,areaUpperBound:Wt,showGroupTotal:Ee==!0||Ee=="true",groupTotalMeasure:Qt,groupTotalLabel:Zt,groupTotalFormat:Pa,groupTotalOffset:ea,groupTotalFixedPosition:qe==!0||qe=="true",centerLabel:Ht,showArcLabels:Pe==!0||Pe=="true",showArcLinkLabels:Be==!0||Be=="true",slicePadding:Yt,centerLabelFontWeight:_t,centerLabelFontSize:Jt,centerLabelXOffset:jt,centerLabelYOffset:Kt,userMeasures:Ra,tooltipEnableMarkdown:G==!0||G=="true",yAxisTickValues:c||u?t.yAxisTickValues??Ne:Ne,xAxisTickValues:c||u?t.xAxisTickValues??ze:ze,lineXAxisTickMode:ha,lineXAxisTickCount:parseInt(fa)||10,lineXAxisTickEvery:parseInt(ga)||1,enableGridY:k==!0||k=="true",enableGridX:T==!0||T=="true",offsetText:ta,selectedMeasures:w,overallLabel:te,minMaxClamp:aa,reverseLegend:Xe==!0||Xe=="true",customAxisFormat:Fa,sort:Se,sortReverse:U==!0||U=="true",sortReverseSecondDimension:$==!0||$=="true",radarCurve:ra,radarFillOpacity:oa,radarBorderWidth:na,radarGridLevels:sa,radarGridShape:ia,radarGridLabelOffset:la,radarEnableDots:Ge==!0||Ge=="true",radarDotSize:da,radarEnableDotLabel:Ue==!0||Ue=="true",radarDotLabelOffset:ca,sortSecondDimension:Ve,mobileCustomization:$e,dimension1:E,previewMode:f,lineCurve:ma,showLegendsInColumns:He==!0||He=="true",numberOfLegendColumns:parseInt(pa)||4},ie={},le=C(wt)||{};le&&le.forEach&&le.forEach(e=>{e.value!=null&&e.value.filter(r=>r!=null&&r.toString().trim()!="").length>0&&(ie[e.param]=e.value)}),pe&&(ie.dvzProxyDatasetId=pe);let M=null,I=null;if(o==="csv")M=nr.default;else switch(B){case"line":M=Q.default.LineDataFrame;break;case"pie":M=Q.default.PieDataFrame;break;case"radar":M=Q.default.BarDataFrame;break;default:M=Q.default.BarDataFrame;break}let A=!1;switch(B){case"bar":I=ar.default,A=o!="csv"&&E=="none"&&w.length==0;break;case"line":I=rr.default,A=o!=="csv"&&(w.length===0||E==="none");break;case"pie":A=o!="csv"&&w.length==0,I=er.default;break;case"radar":A=o!="csv"&&w.length==0,I=tr.default;break;default:I=d.jsx("div",{children:"No Chart"});break}const $a=dt==="true",N=[];E!="none"&&N.push(E),fe!="none"&&N.push(fe);const[et,Wa]=h.useState(0),[vr,Ha]=h.useState(tt());function tt(){var e;return((e=window.screen.orientation)==null?void 0:e.type)||(window.innerWidth>window.innerHeight?"landscape-primary":"portrait-primary")}return h.useEffect(()=>{const e=setTimeout(()=>{ae&&(()=>{const n=W.current.querySelector(".legends.container.has-standard-12-font-size.bottom")||W.current.querySelector(".legends.container.items-section:not(.legends.container.top .items-section)");if(!n||n.closest(".legends.container.top"))return;const{clientHeight:p}=n,z=window.getComputedStyle(n),Ya=parseInt(z.marginTop),at=parseInt(z.marginBottom),_a=parseInt(z.paddingTop),Ja=parseInt(z.paddingBottom),ja=p+Ya+at+_a+Ja,rt=n.closest(".ui.fluid.container.content");if(rt){const v=rt.querySelector(".data-source");if(v){const R=v.getBoundingClientRect(),D=n.getBoundingClientRect();if(D.bottom!==0&&R.top!==0){if(n.textContent.trim()==="")return;const J=at,j=D.bottom+J,ce=window.getComputedStyle(v),K=parseFloat(ce.marginTop)||0,F=R.top-K;if(j>F){let P=j-F;P<5&&(P+=1),v.style.marginTop=`${P+1}px`}}else setTimeout(()=>{R.top<D.bottom&&(v.style.marginTop=`${D.bottom-R.top+1}px`)},1e3)}}const de=n.closest(".chart.container");if(de){const v=de.getBoundingClientRect(),R=window.getComputedStyle(de),D=Number.parseFloat(R.marginBottom)||0,J=v.bottom+D,j=n.getBoundingClientRect(),ce=Number.parseFloat(z.marginTop)||0,K=j.top-ce;if(K<J){const F=J-K,P=200,Ka=Math.min(F+1,P);F>0&&F<P&&(n.style.marginTop=`${Ka}px`)}}Wa(ja)})()},100);return()=>{clearTimeout(e)}},[ae,W]),h.useEffect(()=>{const e=()=>{setTimeout(()=>{Ha(tt())},100)};return window.screen.orientation?window.screen.orientation.addEventListener("change",e):window.addEventListener("resize",e),()=>{window.screen.orientation?window.screen.orientation.removeEventListener("change",e):window.removeEventListener("resize",e)}},[]),d.jsx("div",{ref:W,children:d.jsxs(ue.Container,{className:"chart container",style:{minHeight:B==="pie"&&window.innerWidth<=480?`${parseInt(S)+parseInt(et)*.5}px`:`${parseInt(S)+parseInt(et)}px`},fluid:!0,children:[d.jsx(Qa.default,{editing:i,style:{height:`${H}px`},params:ie,waitForFilters:ua==="true",app:o,group:he,csv:mt,store:[o,Z,...N],source:N.join("/"),children:d.jsxs(ue.Container,{style:{height:`${H}px`},className:"body",fluid:!0,children:[A&&d.jsx(ot.default,{editing:i}),!A&&d.jsxs(Za.default,{children:[d.jsx(ot.default,{app:o,group:he,noDataMsg:Ct,children:" "}),d.jsx(M,{locale:_e,colorBy:q,hiddenBars:Vt,swap:V==="true"||V===!0,type:B,includeTotal:!0,includeOverall:ke===!0||ke==="true",overallLabel:te,measures:w,dimensions:[...N],sort:Se,sortReverse:U===!0||U==="true",sortSecondDimension:Ve,sortReverseSecondDimension:$===!0||$==="true",customLabels:Ke(),children:d.jsx(sr.default,{type:B,app:o,locale:_e,overallLabel:te,customLabels:Ke(),manualColors:Ta(),colorBy:q,scheme:O,barColor:Oe.barColor,children:d.jsx(I,{...Oe})})})]})]})}),d.jsx("br",{}),$a&&L&&Ea==="info"&&d.jsx(ue.Container,{fluid:!0,style:{height:H+"px"},className:"body",children:d.jsx(or.PostContent,{post:{content:{rendered:L}}})})]})})},cr=(y,me)=>{const{"data-app":i,"data-group":Z}=me,L=y.getIn(["data","measures",i,Z]),X=y.getIn(["data","pageModuleProps"]),l={};return L&&Object.keys(L).length>0&&(l.injectedMeasures=L??{}),X&&(l.pageModuleProps=X),l},ur={},mr=ir.connect(cr,ur)(lr.injectIntl(dr));exports.default=mr;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),h=require("react"),pe=require("semantic-ui-react"),Qa=require("../data/DataProvider.js"),Za=require("../data/DataConsumer.js"),Oa=require("../../utils/deviceType.js"),er=require("./Pie.js");require("immutable");const tr=require("./Radar.js"),ar=require("./Bar.js"),rr=require("./Line.js"),or=require("@devgateway/wp-react-lib"),O=require("./data/index.js"),nr=require("./CSVDataFrame.js"),sr=require("./colors/ColorProvider.js"),nt=require("./Messages.js"),ir=require("react-redux"),dr=require("react-intl"),lr=P=>{let{parent:he,editing:i=!1,unique:ee,childContent:k,categories:G,injectedMeasures:d,"data-app":r="csv","data-dvz-proxy-dataset-id":fe,"data-group":ge="default","data-height":V=500,"data-type":q="bar","data-dimension1":N,"data-dimension2":be,"data-dimension3":pr,"data-color-by":z="index","data-scheme":te="system","data-group-mode":st="grouped","data-left-legend":it="Left Legend","data-legend-label":dt="","data-bottom-legend":lt="Bottom Legend","data-dualmode":ct,"data-legend-position":xe="right","data-show-legends":we="true","data-data-source-label":hr="Source","data-chart-data-source":fr="Data Source","data-toggle-info-label":gr="Info Graphic","data-toggle-chart-label":br="Chart","data-tick-rotation":m=0,"data-tick-color":ut="rgb(92,93,99)","data-measures":mt="{}","data-format":xr="{}","data-csv":pt="","data-margin-left":ht=50,"data-margin-top":ft=25,"data-margin-right":gt=25,"data-margin-bottom":bt=25,"data-start-angle":xt=0,"data-end-angle":wt=360,"data-view-mode":ve="info","data-filters":vt="[]","data-tooltip-html":yt="","data-layout":ae="vertical","data-reverse":ye="false","data-offset-y":Lt="-40","data-line-layer-enabled":Le="false","data-overlays":kt="[]","data-max-value":Tt="auto","data-value-scale":Ct="linear","data-swap":U="false","data-no-data-message":Mt="No data matches your selection","data-bar-color":It="rgb(0,0,0)","data-override-tick-color":ke="false","data-fixed-min-value":Rt=0,"data-fixed-max-value":At=0,"data-bar-padding":Dt=.15,"data-bar-label-position":Ft="middle","data-line-label-position":Bt="none","data-show-grid":Te="true","data-include-overall":Ce="false","data-bar-inner-padding":Et=.7,"data-x-label-color":Pt="#000","data-bar-label-color":qt="#000","data-legend-label-color":Nt="#000","data-tooltip-enabled":Me="true","data-use-check-box-background":Ie="false","data-use-label-background":Re="true","data-highlight-xaxis-line":Ae="false","data-show-tick-line":De="true","data-show-right-axis":Fe="true","data-manual-colors":zt="{}","data-right-legend":Xt="","data-offset-right":St="40","data-offset-bottom":Gt="40","data-hidden-bars":Vt=[],"data-confidence-intervals":Ut="[]","data-enable-area":Be="false","data-area-shading-criteria":$t="DEFAULT","data-area-lower-bound":Ht="","data-area-upper-bound":Wt="","data-show-points":Ee="true","data-center-label":Yt="","data-show-arc-labels":Pe="true","data-show-arc-link-labels":qe="true","data-slice-padding":_t=1,"data-center-label-font-weight":Jt="normal","data-center-label-font-size":jt="12","data-center-label-xoffset":Kt=0,"data-center-label-yoffset":Qt=0,"data-group-total-measure":Zt="","data-show-group-total":Ne="true","data-group-total-label":Ot="","data-group-total-format":ea="{}","data-group-total-label-offset":ta,"data-group-total-fixed-position":ze="false","data-tooltip-enable-markdown":$="false","data-y-axis-tick-values":Xe="10","data-x-axis-tick-values":Se="10","data-enable-grid-y":T="true","data-enable-grid-x":C="false","data-offset-text":aa=0,"data-overall-label":re="Overall","data-min-max-clamp":ra="false","data-reverse-legend":Ge="false","data-sort":Ve="default","data-sort-reverse":H="false","data-sort-second-dimension":Ue="default","data-sort-reverse-second-dimension":W="false","data-radar-curve":oa="linearClosed","data-radar-fill-opacity":na=.25,"data-radar-border-width":sa=2,"data-radar-grid-levels":ia=3,"data-radar-grid-shape":da="circular","data-radar-grid-label-offset":la=36,"data-radar-enable-dots":$e="true","data-radar-dot-size":ca=8,"data-radar-enable-dot-label":He="true","data-radar-dot-label-offset":ua=-12,"data-mobile-customization":We="{}","data-show-percentage":Ye="false","data-preview-mode":f="Desktop","data-wait-for-filters":ma="false","data-line-curve":pa="linear","data-show-legends-in-columns":_e="false","data-number-of-legend-columns":ha=4,"data-line-x-axis-tick-mode":fa="none","data-line-x-axis-tick-count":ga=10,"data-line-x-axis-tick-every":ba=1,pageModuleProps:g}=P;const xa=i,t=JSON.parse(decodeURIComponent(We)),[oe,wa]=h.useState(window.innerWidth<=1250),w=oe&&((t==null?void 0:t.showCustomization)??!1);g!=null&&g.previewMode&&(g!=null&&g.editing)&&(f=g.previewMode,i=g.editing);const va=["Tablet"].includes(f)&&i,ya=["Mobile"].includes(f)&&i,La=["Desktop"].includes(f)&&i,c=w&&f!=="Desktop",u=w&&!i,ne=()=>{const e=window.matchMedia("(min-width: 768px) and (max-width: 1250px)").matches,n=window.matchMedia("(max-width: 767px)").matches;switch(!0){case La:return m;case va:return w?(t==null?void 0:t.tabletXAxisTextRotation)??m:m;case ya:return w?(t==null?void 0:t.mobileXAxisTextRotation)??m:m;case e:return w?(t==null?void 0:t.tabletXAxisTextRotation)??m:m;case n:return w?(t==null?void 0:t.mobileXAxisTextRotation)??m:m;default:return m}},ka=ne(),[Ta,Je]=h.useState(ka),je=P.intl.locale,Y=h.useRef(null),Ke=e=>{try{return xa?e:decodeURIComponent(e)}catch{return console.error(`error decoding value:${e}`),e}},M=e=>{try{return JSON.parse(Ke(e))}catch{console.error(`error parsing value:${e}`)}return null},Ca=()=>{const e=M(zt);if(!e)return null;const n=e[r];if(r==="csv"&&n&&te==="manual"){const o={},p={};Object.keys(n).forEach(S=>{const x=n[S];typeof x=="string"?o[S]=x:typeof x=="object"&&x!==null&&(p[S]=x)});const y=p[z]||{};return{[z]:{...o,...y}}}return n},Ma=()=>M(mt),Qe=()=>{var e;if(a!=null&&a[r]){let n=(e=a==null?void 0:a[r])==null?void 0:e.format;if(!n){const o=Object.keys(a==null?void 0:a[r]);for(let p=0;p<o.length;p++)if(a!=null&&a[r][o[p]].selected&&(a!=null&&a[r][o[p]].format)){n=a==null?void 0:a[r][o[p]].format;break}}return n}return a!=null&&a.csv?a.csv.format:null},Ia=()=>{let e=null;return a!=null&&a[r]?a[r].useCustomAxisFormat&&a[r].customFormat&&(e=a[r].customFormat):a!=null&&a.csv&&a.csv.useCustomAxisFormat&&a.csv.customFormat&&(e=a.csv.customFormat),e},Ra=()=>a!=null&&a[r]?Object.keys(a[r]).map(e=>({value:e,...a[r][e]})).filter(e=>e.selected).map(e=>e.value):[],Ze=()=>{const e={};return a!=null&&a[r]&&Object.keys(a[r]).map(o=>({value:o,...a[r][o]})).filter(o=>o.selected&&o.hasCustomLabel).forEach(o=>{e[o.value]=o.customLabel}),e},Aa=()=>a!=null&&a[r]?Object.keys(a[r]).filter(e=>a[r][e].allowSelection):[];let a=Ma(),v=Ra(),b=Qe();const Da=Aa();let se=it,ie=Xt,de=Ke(yt);if(d!=null&&d[r]){const e=Object.keys(d[r].measures).map(n=>({value:n,...d[r].measures[n]})).filter(n=>n.selected).map(n=>n.value);a=d,v=e,b=Qe(),se=d.leftTitle,ie=d.rightTitle,d.customTooltip&&(de=d.customTooltip)}const Fa=b?{style:b.style==="compacted"?"decimal":b.style,notation:b.style==="compacted"?"compact":"standard",currency:b.currency,minimumFractionDigits:parseInt(b.minimumFractionDigits),maximumFractionDigits:parseInt(b.maximumFractionDigits)}:{notation:"standard",currency:"USD",minimumFractionDigits:2,maximumFractionDigits:2},Ba=Ia(),s=M(ea),Ea={style:(s==null?void 0:s.style)==="compacted"?"decimal":s==null?void 0:s.style,notation:(s==null?void 0:s.style)==="compacted"?"compact":"standard",currency:s==null?void 0:s.currency,minimumFractionDigits:parseInt(s==null?void 0:s.minimumFractionDigits),maximumFractionDigits:parseInt(s==null?void 0:s.maximumFractionDigits)},[Pa,wr]=h.useState(ve),qa=i?ve:Pa,Na={scheme:te,colorBy:z},_=i?V-80:V,za=()=>(c||u)&&!(t!=null&&t.showXAxisTitle)?"":lt,Xa=()=>c||u?t!=null&&t.showYAxisTitle?se:"":se,Sa=()=>c||u?t!=null&&t.showRightAxisTitle?ie:"":ie,Ga={left:Xa(),bottom:za(),right:Sa()},J=e=>{if(e==="true"||e===!0)return!0;if(e==="false"||e===!1)return!1},Oe=()=>{J(C)&&!J(T)?(C=!1,T=!0):!J(C)&&J(T)&&(C=!0,T=!1)},Va=()=>ae==="horizontal"?(Oe(),"vertical"):(Oe(),"horizontal"),Ua=()=>t!=null&&t.chartLayoutOverride?Va():ae,j=(e,n,o)=>e?Number.parseInt(n)??o:o,et=(e,n,o)=>e?n??o:o;h.useEffect(()=>{const e=()=>{wa(window.innerWidth<=1250);const n=ne();Je(n)};return window.addEventListener("resize",e),Je(ne()),()=>{window.removeEventListener("resize",e)}},[i,f,w,m,t==null?void 0:t.tabletXAxisTextRotation,t==null?void 0:t.mobileXAxisTextRotation]);const $a=()=>{const e=["tablet","mobile","midTablet"].includes(Oa.default());return i&&f==="Desktop"?xe:e?"bottom":xe},tt={app:r,editing:i,tickColor:decodeURIComponent(ut),tickRotation:Ta,layout:c||u?Ua():ae,reverse:ye==!0||ye=="true",showLegends:we==!0||we=="true",legendLabel:dt,swap:U==!0||U=="true",showGrid:Te==!0||Te=="true",showPercentage:Ye==!0||Ye=="true",marginLeft:j(c||u,Number.parseInt(t==null?void 0:t.marginLeft),parseInt(ht)),marginTop:j(c||u,Number.parseInt(t==null?void 0:t.marginTop),parseInt(ft)),marginRight:j(c||u,Number.parseInt(t==null?void 0:t.marginRight),Number.parseInt(gt)),marginBottom:j(c||u,Number.parseInt(t==null?void 0:t.marginBottom),Number.parseInt(bt)),height:`${_}px`,legendPosition:$a(),legends:Ga,tooltip:$==!0||$=="true"?de:de.replace(/\r\n/g,"<hr/>").replace(/[\r\n]/g,"<hr/>"),colors:Na,groupMode:st,format:Fa,startAngle:xt,endAngle:wt,offsetY:Lt,maxValue:Tt,valueScale:Ct,categories:G,lineLayerEnabled:Le==!0||Le=="true",overlays:M(kt)||[],barColor:decodeURIComponent(It),overrideTickColor:ke==!0||ke=="true",fixedMinValue:Rt,fixedMaxValue:At,barPadding:et(c||u,t==null?void 0:t.barPadding,Dt),barLabelPosition:Ft,lineLabelPosition:Bt,barInnerPadding:et(c||u,t==null?void 0:t.barInnerPadding,Et),xLabelColor:decodeURIComponent(Pt),barLabelColor:decodeURIComponent(qt),legendLabelColor:decodeURIComponent(Nt),tooltipEnabled:Me==!0||Me=="true",legendLabelBack:Re==!0||Re=="true",legendCheckBack:Ie==!0||Ie=="true",highlightXAxisLine:Ae==!0||Ae=="true",showTickLine:De==!0||De=="true",showRightAxis:Fe==!0||Fe=="true",offsetRight:St,offsetBottom:Gt,confidenceIntervals:M(Ut)||[],showPoints:Ee==!0||Ee=="true",enableArea:Be==!0||Be=="true",areaShadingCriteria:$t,areaLowerBound:Ht,areaUpperBound:Wt,showGroupTotal:Ne==!0||Ne=="true",groupTotalMeasure:Zt,groupTotalLabel:Ot,groupTotalFormat:Ea,groupTotalOffset:ta,groupTotalFixedPosition:ze==!0||ze=="true",centerLabel:Yt,showArcLabels:Pe==!0||Pe=="true",showArcLinkLabels:qe==!0||qe=="true",slicePadding:_t,centerLabelFontWeight:Jt,centerLabelFontSize:jt,centerLabelXOffset:Kt,centerLabelYOffset:Qt,userMeasures:Da,tooltipEnableMarkdown:$==!0||$=="true",yAxisTickValues:c||u?t.yAxisTickValues??Xe:Xe,xAxisTickValues:c||u?t.xAxisTickValues??Se:Se,lineXAxisTickMode:fa,lineXAxisTickCount:parseInt(ga)||10,lineXAxisTickEvery:parseInt(ba)||1,enableGridY:T==!0||T=="true",enableGridX:C==!0||C=="true",offsetText:aa,selectedMeasures:v,overallLabel:re,minMaxClamp:ra,reverseLegend:Ge==!0||Ge=="true",customAxisFormat:Ba,sort:Ve,sortReverse:H==!0||H=="true",sortReverseSecondDimension:W==!0||W=="true",radarCurve:oa,radarFillOpacity:na,radarBorderWidth:sa,radarGridLevels:ia,radarGridShape:da,radarGridLabelOffset:la,radarEnableDots:$e==!0||$e=="true",radarDotSize:ca,radarEnableDotLabel:He==!0||He=="true",radarDotLabelOffset:ua,sortSecondDimension:Ue,mobileCustomization:We,dimension1:N,previewMode:f,lineCurve:pa,showLegendsInColumns:_e==!0||_e=="true",numberOfLegendColumns:parseInt(ha)||4},le={},ce=M(vt)||{};ce&&ce.forEach&&ce.forEach(e=>{e.value!=null&&e.value.filter(n=>n!=null&&n.toString().trim()!="").length>0&&(le[e.param]=e.value)}),fe&&(le.dvzProxyDatasetId=fe);let I=null,R=null;if(r==="csv")I=nr.default;else switch(q){case"line":I=O.default.LineDataFrame;break;case"pie":I=O.default.PieDataFrame;break;case"radar":I=O.default.BarDataFrame;break;default:I=O.default.BarDataFrame;break}let A=!1;switch(q){case"bar":R=ar.default,A=r!="csv"&&N=="none"&&v.length==0;break;case"line":R=rr.default,A=r!=="csv"&&(v.length===0||N==="none");break;case"pie":A=r!="csv"&&v.length==0,R=er.default;break;case"radar":A=r!="csv"&&v.length==0,R=tr.default;break;default:R=l.jsx("div",{children:"No Chart"});break}const Ha=ct==="true",X=[];N!="none"&&X.push(N),be!="none"&&X.push(be);const[at,Wa]=h.useState(0),[vr,Ya]=h.useState(rt());function rt(){var e;return((e=window.screen.orientation)==null?void 0:e.type)||(window.innerWidth>window.innerHeight?"landscape-primary":"portrait-primary")}return h.useEffect(()=>{const e=setTimeout(()=>{oe&&(()=>{const o=Y.current.querySelector(".legends.container.has-standard-12-font-size.bottom")||Y.current.querySelector(".legends.container.items-section:not(.legends.container.top .items-section)");if(!o||o.closest(".legends.container.top"))return;const{clientHeight:p}=o,y=window.getComputedStyle(o),S=parseInt(y.marginTop),x=parseInt(y.marginBottom),_a=parseInt(y.paddingTop),Ja=parseInt(y.paddingBottom),ja=p+S+x+_a+Ja,ot=o.closest(".ui.fluid.container.content");if(ot){const L=ot.querySelector(".data-source");if(L){const D=L.getBoundingClientRect(),F=o.getBoundingClientRect();if(F.bottom!==0&&D.top!==0){if(o.textContent.trim()==="")return;const K=x,Q=F.bottom+K,me=window.getComputedStyle(L),Z=parseFloat(me.marginTop)||0,B=D.top-Z;if(Q>B){let E=Q-B;E<5&&(E+=1),L.style.marginTop=`${E+1}px`}}else setTimeout(()=>{D.top<F.bottom&&(L.style.marginTop=`${F.bottom-D.top+1}px`)},1e3)}}const ue=o.closest(".chart.container");if(ue){const L=ue.getBoundingClientRect(),D=window.getComputedStyle(ue),F=Number.parseFloat(D.marginBottom)||0,K=L.bottom+F,Q=o.getBoundingClientRect(),me=Number.parseFloat(y.marginTop)||0,Z=Q.top-me;if(Z<K){const B=K-Z,E=200,Ka=Math.min(B+1,E);B>0&&B<E&&(o.style.marginTop=`${Ka}px`)}}Wa(ja)})()},100);return()=>{clearTimeout(e)}},[oe,Y]),h.useEffect(()=>{const e=()=>{setTimeout(()=>{Ya(rt())},100)};return window.screen.orientation?window.screen.orientation.addEventListener("change",e):window.addEventListener("resize",e),()=>{window.screen.orientation?window.screen.orientation.removeEventListener("change",e):window.removeEventListener("resize",e)}},[]),l.jsx("div",{ref:Y,children:l.jsxs(pe.Container,{className:"chart container",style:{minHeight:q==="pie"&&window.innerWidth<=480?`${parseInt(V)+parseInt(at)*.5}px`:`${parseInt(V)+parseInt(at)}px`},fluid:!0,children:[l.jsx(Qa.default,{editing:i,style:{height:`${_}px`},params:le,waitForFilters:ma==="true",app:r,group:ge,csv:pt,store:[r,ee,...X],source:X.join("/"),children:l.jsxs(pe.Container,{style:{height:`${_}px`},className:"body",fluid:!0,children:[A&&l.jsx(nt.default,{editing:i}),!A&&l.jsxs(Za.default,{children:[l.jsx(nt.default,{app:r,group:ge,noDataMsg:Mt,children:" "}),l.jsx(I,{locale:je,colorBy:z,hiddenBars:Vt,swap:U==="true"||U===!0,type:q,includeTotal:!0,includeOverall:Ce===!0||Ce==="true",overallLabel:re,measures:v,dimensions:[...X],sort:Ve,sortReverse:H===!0||H==="true",sortSecondDimension:Ue,sortReverseSecondDimension:W===!0||W==="true",customLabels:Ze(),children:l.jsx(sr.default,{type:q,app:r,locale:je,overallLabel:re,customLabels:Ze(),manualColors:Ca(),colorBy:z,scheme:te,barColor:tt.barColor,children:l.jsx(R,{...tt})})})]})]})}),l.jsx("br",{}),Ha&&k&&qa==="info"&&l.jsx(pe.Container,{fluid:!0,style:{height:_+"px"},className:"body",children:l.jsx(or.PostContent,{post:{content:{rendered:k}}})})]})})},cr=(P,he)=>{const{"data-app":i,"data-group":ee}=he,k=P.getIn(["data","measures",i,ee]),G=P.getIn(["data","pageModuleProps"]),d={};return k&&Object.keys(k).length>0&&(d.injectedMeasures=k??{}),G&&(d.pageModuleProps=G),d},ur={},mr=ir.connect(cr,ur)(dr.injectIntl(lr));exports.default=mr;

package/dist/esm/embeddable/chart/index.js

@@ -1,6 +1,6 @@
-import { jsx as p, jsxs as ue } from "react/jsx-runtime";
-import { useState as X, useRef as ja, useEffect as me } from "react";
-import { Container as pe } from "semantic-ui-react";
+import { jsx as m, jsxs as pe } from "react/jsx-runtime";
+import { useState as V, useRef as ja, useEffect as he } from "react";
+import { Container as fe } from "semantic-ui-react";
 import er from "../data/DataProvider.js";
 import tr from "../data/DataConsumer.js";
 import ar from "../../utils/deviceType.js";
@@ -10,246 +10,246 @@ import or from "./Radar.js";
 import nr from "./Bar.js";
 import ir from "./Line.js";
 import { PostContent as sr } from "@devgateway/wp-react-lib";
-import Z from "./data/index.js";
-import lr from "./CSVDataFrame.js";
-import dr from "./colors/ColorProvider.js";
-import it from "./Messages.js";
+import j from "./data/index.js";
+import dr from "./CSVDataFrame.js";
+import lr from "./colors/ColorProvider.js";
+import st from "./Messages.js";
 import { connect as cr } from "react-redux";
 import { injectIntl as ur } from "react-intl";
-const mr = (v) => {
-  console.log("manual colors...", v["data-manual-colors"]);
+const mr = (P) => {
   let {
-    parent: he,
+    parent: ge,
     editing: s = !1,
-    unique: O,
-    childContent: y,
-    categories: V,
-    injectedMeasures: l,
-    "data-app": o = "csv",
-    "data-dvz-proxy-dataset-id": ge,
-    "data-group": fe = "default",
-    "data-height": G = 500,
-    "data-type": B = "bar",
+    unique: ee,
+    childContent: L,
+    categories: U,
+    injectedMeasures: d,
+    "data-app": r = "csv",
+    "data-dvz-proxy-dataset-id": be,
+    "data-group": we = "default",
+    "data-height": S = 500,
+    "data-type": E = "bar",
     //'data-source': source = 'gender/smoke',f
-    "data-dimension1": P,
-    "data-dimension2": be,
-    "data-dimension3": gr,
-    "data-color-by": E = "index",
-    "data-scheme": j = "system",
-    "data-group-mode": st = "grouped",
+    "data-dimension1": N,
+    "data-dimension2": xe,
+    "data-dimension3": fr,
+    "data-color-by": z = "index",
+    "data-scheme": te = "system",
+    "data-group-mode": dt = "grouped",
     "data-left-legend": lt = "Left Legend",
-    "data-legend-label": dt = "",
-    "data-bottom-legend": ct = "Bottom Legend",
-    "data-dualmode": ut,
-    "data-legend-position": we = "right",
-    "data-show-legends": xe = "true",
-    "data-data-source-label": fr = "Source",
+    "data-legend-label": ct = "",
+    "data-bottom-legend": ut = "Bottom Legend",
+    "data-dualmode": mt,
+    "data-legend-position": ve = "right",
+    "data-show-legends": ye = "true",
+    "data-data-source-label": gr = "Source",
     "data-chart-data-source": br = "Data Source",
     "data-toggle-info-label": wr = "Info Graphic",
     "data-toggle-chart-label": xr = "Chart",
     //'data-number-format': format = '{"style":"percent", "minimumFractionDigits": 1, "maximumFractionDigits": 1}',
     "data-tick-rotation": u = 0,
-    "data-tick-color": mt = "rgb(92,93,99)",
-    "data-measures": pt = "{}",
+    "data-tick-color": pt = "rgb(92,93,99)",
+    "data-measures": ht = "{}",
     "data-format": vr = "{}",
-    "data-csv": ht = "",
+    "data-csv": ft = "",
     "data-margin-left": gt = 50,
-    "data-margin-top": ft = 25,
-    "data-margin-right": bt = 25,
-    "data-margin-bottom": wt = 25,
-    "data-start-angle": xt = 0,
-    "data-end-angle": vt = 360,
-    "data-view-mode": ve = "info",
-    "data-filters": yt = "[]",
+    "data-margin-top": bt = 25,
+    "data-margin-right": wt = 25,
+    "data-margin-bottom": xt = 25,
+    "data-start-angle": vt = 0,
+    "data-end-angle": yt = 360,
+    "data-view-mode": Le = "info",
+    "data-filters": Lt = "[]",
     //filters
-    "data-tooltip-html": Lt = "",
-    "data-layout": ee = "vertical",
-    "data-reverse": ye = "false",
-    "data-offset-y": kt = "-40",
-    "data-line-layer-enabled": Le = "false",
+    "data-tooltip-html": kt = "",
+    "data-layout": ae = "vertical",
+    "data-reverse": ke = "false",
+    "data-offset-y": Tt = "-40",
+    "data-line-layer-enabled": Te = "false",
     //"data-csv-line-layer-data": csvLineLayerData = "",
     //"data-csv-line-color": lineColor = "#000000",
     //"data-csv-line-tooltip": lineTooltip = "",
     //"data-csv-line-title": lineTitle = "",
-    "data-overlays": Tt = "[]",
-    "data-max-value": Ct = "auto",
-    "data-value-scale": At = "linear",
-    "data-swap": U = "false",
-    "data-no-data-message": It = "No data matches your selection",
-    "data-bar-color": Mt = "rgb(0,0,0)",
-    "data-override-tick-color": ke = "false",
-    "data-fixed-min-value": Dt = 0,
-    "data-fixed-max-value": Rt = 0,
-    "data-bar-padding": Ft = 0.15,
-    "data-bar-label-position": Bt = "middle",
-    "data-line-label-position": Pt = "none",
-    "data-show-grid": Te = "true",
-    "data-include-overall": Ce = "false",
-    "data-bar-inner-padding": Et = 0.7,
-    "data-x-label-color": Nt = "#000",
-    "data-bar-label-color": zt = "#000",
-    "data-legend-label-color": Xt = "#000",
+    "data-overlays": Ct = "[]",
+    "data-max-value": It = "auto",
+    "data-value-scale": Mt = "linear",
+    "data-swap": $ = "false",
+    "data-no-data-message": At = "No data matches your selection",
+    "data-bar-color": Dt = "rgb(0,0,0)",
+    "data-override-tick-color": Ce = "false",
+    "data-fixed-min-value": Rt = 0,
+    "data-fixed-max-value": Ft = 0,
+    "data-bar-padding": Bt = 0.15,
+    "data-bar-label-position": Pt = "middle",
+    "data-line-label-position": Et = "none",
+    "data-show-grid": Ie = "true",
+    "data-include-overall": Me = "false",
+    "data-bar-inner-padding": Nt = 0.7,
+    "data-x-label-color": zt = "#000",
+    "data-bar-label-color": Xt = "#000",
+    "data-legend-label-color": Gt = "#000",
     "data-tooltip-enabled": Ae = "true",
-    "data-use-check-box-background": Ie = "false",
-    "data-use-label-background": Me = "true",
-    "data-highlight-xaxis-line": De = "false",
-    "data-show-tick-line": Re = "true",
-    "data-show-right-axis": Fe = "true",
+    "data-use-check-box-background": De = "false",
+    "data-use-label-background": Re = "true",
+    "data-highlight-xaxis-line": Fe = "false",
+    "data-show-tick-line": Be = "true",
+    "data-show-right-axis": Pe = "true",
     "data-manual-colors": Vt = "{}",
-    "data-right-legend": Gt = "",
-    "data-offset-right": Ut = "40",
+    "data-right-legend": Ut = "",
+    "data-offset-right": St = "40",
     "data-offset-bottom": $t = "40",
-    "data-hidden-bars": St = [],
-    "data-confidence-intervals": Ht = "[]",
-    "data-enable-area": Be = "false",
-    "data-area-shading-criteria": Wt = "DEFAULT",
-    "data-area-lower-bound": Yt = "",
-    "data-area-upper-bound": qt = "",
-    "data-show-points": Pe = "true",
-    "data-center-label": Jt = "",
-    "data-show-arc-labels": Ee = "true",
-    "data-show-arc-link-labels": Ne = "true",
-    "data-slice-padding": _t = 1,
-    "data-center-label-font-weight": Kt = "normal",
-    "data-center-label-font-size": Qt = "12",
-    "data-center-label-xoffset": Zt = 0,
-    "data-center-label-yoffset": Ot = 0,
-    "data-group-total-measure": jt = "",
-    "data-show-group-total": ze = "true",
-    "data-group-total-label": ea = "",
-    "data-group-total-format": ta = "{}",
-    "data-group-total-label-offset": aa,
-    "data-group-total-fixed-position": Xe = "false",
-    "data-tooltip-enable-markdown": $ = "false",
-    "data-y-axis-tick-values": Ve = "10",
-    "data-x-axis-tick-values": Ge = "10",
-    "data-enable-grid-y": L = "true",
-    "data-enable-grid-x": k = "false",
-    "data-offset-text": ra = 0,
-    "data-overall-label": te = "Overall",
-    "data-min-max-clamp": oa = "false",
-    "data-reverse-legend": Ue = "false",
-    "data-sort": $e = "default",
-    "data-sort-reverse": S = "false",
-    "data-sort-second-dimension": Se = "default",
-    "data-sort-reverse-second-dimension": H = "false",
-    "data-radar-curve": na = "linearClosed",
-    "data-radar-fill-opacity": ia = 0.25,
-    "data-radar-border-width": sa = 2,
+    "data-hidden-bars": Ht = [],
+    "data-confidence-intervals": Wt = "[]",
+    "data-enable-area": Ee = "false",
+    "data-area-shading-criteria": Yt = "DEFAULT",
+    "data-area-lower-bound": qt = "",
+    "data-area-upper-bound": Jt = "",
+    "data-show-points": Ne = "true",
+    "data-center-label": _t = "",
+    "data-show-arc-labels": ze = "true",
+    "data-show-arc-link-labels": Xe = "true",
+    "data-slice-padding": Kt = 1,
+    "data-center-label-font-weight": Qt = "normal",
+    "data-center-label-font-size": Zt = "12",
+    "data-center-label-xoffset": Ot = 0,
+    "data-center-label-yoffset": jt = 0,
+    "data-group-total-measure": ea = "",
+    "data-show-group-total": Ge = "true",
+    "data-group-total-label": ta = "",
+    "data-group-total-format": aa = "{}",
+    "data-group-total-label-offset": ra,
+    "data-group-total-fixed-position": Ve = "false",
+    "data-tooltip-enable-markdown": H = "false",
+    "data-y-axis-tick-values": Ue = "10",
+    "data-x-axis-tick-values": Se = "10",
+    "data-enable-grid-y": k = "true",
+    "data-enable-grid-x": T = "false",
+    "data-offset-text": oa = 0,
+    "data-overall-label": re = "Overall",
+    "data-min-max-clamp": na = "false",
+    "data-reverse-legend": $e = "false",
+    "data-sort": He = "default",
+    "data-sort-reverse": W = "false",
+    "data-sort-second-dimension": We = "default",
+    "data-sort-reverse-second-dimension": Y = "false",
+    "data-radar-curve": ia = "linearClosed",
+    "data-radar-fill-opacity": sa = 0.25,
+    "data-radar-border-width": da = 2,
     "data-radar-grid-levels": la = 3,
-    "data-radar-grid-shape": da = "circular",
-    "data-radar-grid-label-offset": ca = 36,
-    "data-radar-enable-dots": He = "true",
-    "data-radar-dot-size": ua = 8,
-    "data-radar-enable-dot-label": We = "true",
-    "data-radar-dot-label-offset": ma = -12,
-    "data-mobile-customization": Ye = "{}",
-    "data-show-percentage": qe = "false",
+    "data-radar-grid-shape": ca = "circular",
+    "data-radar-grid-label-offset": ua = 36,
+    "data-radar-enable-dots": Ye = "true",
+    "data-radar-dot-size": ma = 8,
+    "data-radar-enable-dot-label": qe = "true",
+    "data-radar-dot-label-offset": pa = -12,
+    "data-mobile-customization": Je = "{}",
+    "data-show-percentage": _e = "false",
     "data-preview-mode": h = "Desktop",
-    "data-wait-for-filters": pa = "false",
-    "data-line-curve": ha = "linear",
-    "data-show-legends-in-columns": Je = "false",
+    "data-wait-for-filters": ha = "false",
+    "data-line-curve": fa = "linear",
+    "data-show-legends-in-columns": Ke = "false",
     "data-number-of-legend-columns": ga = 4,
-    "data-line-x-axis-tick-mode": fa = "none",
-    "data-line-x-axis-tick-count": ba = 10,
-    "data-line-x-axis-tick-every": wa = 1,
-    pageModuleProps: g
-  } = v;
-  const xa = s, t = JSON.parse(
-    decodeURIComponent(Ye)
-  ), [ae, va] = X(
+    "data-line-x-axis-tick-mode": ba = "none",
+    "data-line-x-axis-tick-count": wa = 10,
+    "data-line-x-axis-tick-every": xa = 1,
+    pageModuleProps: f
+  } = P;
+  const va = s, t = JSON.parse(
+    decodeURIComponent(Je)
+  ), [oe, ya] = V(
     window.innerWidth <= 1250
-  ), b = ae && ((t == null ? void 0 : t.showCustomization) ?? !1);
-  g != null && g.previewMode && (g != null && g.editing) && (h = g.previewMode, s = g.editing);
-  const ya = ["Tablet"].includes(h) && s, La = ["Mobile"].includes(h) && s, ka = ["Desktop"].includes(h) && s, d = b && h !== "Desktop", c = b && !s, re = () => {
+  ), w = oe && ((t == null ? void 0 : t.showCustomization) ?? !1);
+  f != null && f.previewMode && (f != null && f.editing) && (h = f.previewMode, s = f.editing);
+  const La = ["Tablet"].includes(h) && s, ka = ["Mobile"].includes(h) && s, Ta = ["Desktop"].includes(h) && s, l = w && h !== "Desktop", c = w && !s, ne = () => {
     const e = window.matchMedia(
       "(min-width: 768px) and (max-width: 1250px)"
-    ).matches, r = window.matchMedia("(max-width: 767px)").matches;
+    ).matches, n = window.matchMedia("(max-width: 767px)").matches;
     switch (!0) {
-      case ka:
+      case Ta:
         return u;
-      case ya:
-        return b ? (t == null ? void 0 : t.tabletXAxisTextRotation) ?? u : u;
       case La:
-        return b ? (t == null ? void 0 : t.mobileXAxisTextRotation) ?? u : u;
+        return w ? (t == null ? void 0 : t.tabletXAxisTextRotation) ?? u : u;
+      case ka:
+        return w ? (t == null ? void 0 : t.mobileXAxisTextRotation) ?? u : u;
       case e:
-        return b ? (t == null ? void 0 : t.tabletXAxisTextRotation) ?? u : u;
-      case r:
-        return b ? (t == null ? void 0 : t.mobileXAxisTextRotation) ?? u : u;
+        return w ? (t == null ? void 0 : t.tabletXAxisTextRotation) ?? u : u;
+      case n:
+        return w ? (t == null ? void 0 : t.mobileXAxisTextRotation) ?? u : u;
       default:
         return u;
     }
-  }, Ta = re(), [Ca, _e] = X(Ta), Ke = v.intl.locale, W = ja(null), Qe = (e) => {
+  }, Ca = ne(), [Ia, Qe] = V(Ca), Ze = P.intl.locale, q = ja(null), Oe = (e) => {
     try {
-      return xa ? e : decodeURIComponent(e);
+      return va ? e : decodeURIComponent(e);
     } catch {
       return console.error(`error decoding value:${e}`), e;
     }
-  }, T = (e) => {
+  }, C = (e) => {
     try {
-      return JSON.parse(Qe(e));
+      return JSON.parse(Oe(e));
     } catch {
       console.error(`error parsing value:${e}`);
     }
     return null;
-  }, Aa = () => {
-    const e = T(Vt);
+  }, Ma = () => {
+    const e = C(Vt);
     if (!e) return null;
-    const r = e[o];
-    if (o === "csv" && r && j === "manual") {
-      if (r[E] !== void 0)
-        return r;
-      if (typeof r == "object" && r !== null && !Array.isArray(r) && Object.values(r).some(
-        (m) => typeof m == "string" && (m.startsWith("#") || m.startsWith("rgb"))
-      ))
-        return { [E]: r };
+    const n = e[r];
+    if (r === "csv" && n && te === "manual") {
+      const o = {}, p = {};
+      Object.keys(n).forEach((G) => {
+        const b = n[G];
+        typeof b == "string" ? o[G] = b : typeof b == "object" && b !== null && (p[G] = b);
+      });
+      const v = p[z] || {};
+      return { [z]: { ...o, ...v } };
     }
-    return r;
-  }, Ia = () => T(pt), Ze = () => {
+    return n;
+  }, Aa = () => C(ht), je = () => {
     var e;
-    if (a != null && a[o]) {
-      let r = (e = a == null ? void 0 : a[o]) == null ? void 0 : e.format;
-      if (!r) {
-        const n = Object.keys(a == null ? void 0 : a[o]);
-        for (let m = 0; m < n.length; m++)
-          if (a != null && a[o][n[m]].selected && (a != null && a[o][n[m]].format)) {
-            r = a == null ? void 0 : a[o][n[m]].format;
+    if (a != null && a[r]) {
+      let n = (e = a == null ? void 0 : a[r]) == null ? void 0 : e.format;
+      if (!n) {
+        const o = Object.keys(a == null ? void 0 : a[r]);
+        for (let p = 0; p < o.length; p++)
+          if (a != null && a[r][o[p]].selected && (a != null && a[r][o[p]].format)) {
+            n = a == null ? void 0 : a[r][o[p]].format;
             break;
           }
       }
-      return r;
+      return n;
     }
     return a != null && a.csv ? a.csv.format : null;
-  }, Ma = () => {
+  }, Da = () => {
     let e = null;
-    return a != null && a[o] ? a[o].useCustomAxisFormat && a[o].customFormat && (e = a[o].customFormat) : a != null && a.csv && a.csv.useCustomAxisFormat && a.csv.customFormat && (e = a.csv.customFormat), e;
-  }, Da = () => a != null && a[o] ? Object.keys(a[o]).map((e) => ({ value: e, ...a[o][e] })).filter((e) => e.selected).map((e) => e.value) : [], Oe = () => {
+    return a != null && a[r] ? a[r].useCustomAxisFormat && a[r].customFormat && (e = a[r].customFormat) : a != null && a.csv && a.csv.useCustomAxisFormat && a.csv.customFormat && (e = a.csv.customFormat), e;
+  }, Ra = () => a != null && a[r] ? Object.keys(a[r]).map((e) => ({ value: e, ...a[r][e] })).filter((e) => e.selected).map((e) => e.value) : [], et = () => {
     const e = {};
-    return a != null && a[o] && Object.keys(a[o]).map((n) => ({ value: n, ...a[o][n] })).filter((n) => n.selected && n.hasCustomLabel).forEach((n) => {
-      e[n.value] = n.customLabel;
+    return a != null && a[r] && Object.keys(a[r]).map((o) => ({ value: o, ...a[r][o] })).filter((o) => o.selected && o.hasCustomLabel).forEach((o) => {
+      e[o.value] = o.customLabel;
     }), e;
-  }, Ra = () => a != null && a[o] ? Object.keys(a[o]).filter(
-    (e) => a[o][e].allowSelection
+  }, Fa = () => a != null && a[r] ? Object.keys(a[r]).filter(
+    (e) => a[r][e].allowSelection
   ) : [];
-  let a = Ia(), w = Da(), f = Ze();
-  const Fa = Ra();
-  let oe = lt, ne = Gt, ie = Qe(Lt);
-  if (l != null && l[o]) {
-    const e = Object.keys(l[o].measures).map((r) => ({ value: r, ...l[o].measures[r] })).filter((r) => r.selected).map((r) => r.value);
-    a = l, w = e, f = Ze(), oe = l.leftTitle, ne = l.rightTitle, l.customTooltip && (ie = l.customTooltip);
+  let a = Aa(), x = Ra(), g = je();
+  const Ba = Fa();
+  let ie = lt, se = Ut, de = Oe(kt);
+  if (d != null && d[r]) {
+    const e = Object.keys(d[r].measures).map((n) => ({ value: n, ...d[r].measures[n] })).filter((n) => n.selected).map((n) => n.value);
+    a = d, x = e, g = je(), ie = d.leftTitle, se = d.rightTitle, d.customTooltip && (de = d.customTooltip);
   }
-  const Ba = f ? {
-    style: f.style === "compacted" ? "decimal" : f.style,
-    notation: f.style === "compacted" ? "compact" : "standard",
-    currency: f.currency,
-    minimumFractionDigits: parseInt(f.minimumFractionDigits),
-    maximumFractionDigits: parseInt(f.maximumFractionDigits)
+  const Pa = g ? {
+    style: g.style === "compacted" ? "decimal" : g.style,
+    notation: g.style === "compacted" ? "compact" : "standard",
+    currency: g.currency,
+    minimumFractionDigits: parseInt(g.minimumFractionDigits),
+    maximumFractionDigits: parseInt(g.maximumFractionDigits)
   } : {
     notation: "standard",
     currency: "USD",
     minimumFractionDigits: 2,
     maximumFractionDigits: 2
-  }, Pa = Ma(), i = T(ta), Ea = {
+  }, Ea = Da(), i = C(aa), Na = {
     style: (i == null ? void 0 : i.style) === "compacted" ? "decimal" : i == null ? void 0 : i.style,
     notation: (i == null ? void 0 : i.style) === "compacted" ? "compact" : "standard",
     currency: i == null ? void 0 : i.currency,
@@ -259,337 +259,337 @@ const mr = (v) => {
     maximumFractionDigits: parseInt(
       i == null ? void 0 : i.maximumFractionDigits
     )
-  }, [Na, yr] = X(ve), za = s ? ve : Na, Xa = {
-    scheme: j,
-    colorBy: E
-  }, Y = s ? G - 80 : G, Va = () => (d || c) && !(t != null && t.showXAxisTitle) ? "" : ct, Ga = () => d || c ? t != null && t.showYAxisTitle ? oe : "" : oe, Ua = () => d || c ? t != null && t.showRightAxisTitle ? ne : "" : ne, $a = {
-    left: Ga(),
+  }, [za, yr] = V(Le), Xa = s ? Le : za, Ga = {
+    scheme: te,
+    colorBy: z
+  }, J = s ? S - 80 : S, Va = () => (l || c) && !(t != null && t.showXAxisTitle) ? "" : ut, Ua = () => l || c ? t != null && t.showYAxisTitle ? ie : "" : ie, Sa = () => l || c ? t != null && t.showRightAxisTitle ? se : "" : se, $a = {
+    left: Ua(),
     bottom: Va(),
-    right: Ua()
-  }, q = (e) => {
+    right: Sa()
+  }, _ = (e) => {
     if (e === "true" || e === !0)
       return !0;
     if (e === "false" || e === !1)
       return !1;
-  }, je = () => {
-    q(k) && !q(L) ? (k = !1, L = !0) : !q(k) && q(L) && (k = !0, L = !1);
-  }, Sa = () => ee === "horizontal" ? (je(), "vertical") : (je(), "horizontal"), Ha = () => t != null && t.chartLayoutOverride ? Sa() : ee, J = (e, r, n) => e ? Number.parseInt(r) ?? n : n, et = (e, r, n) => e ? r ?? n : n;
-  me(() => {
+  }, tt = () => {
+    _(T) && !_(k) ? (T = !1, k = !0) : !_(T) && _(k) && (T = !0, k = !1);
+  }, Ha = () => ae === "horizontal" ? (tt(), "vertical") : (tt(), "horizontal"), Wa = () => t != null && t.chartLayoutOverride ? Ha() : ae, K = (e, n, o) => e ? Number.parseInt(n) ?? o : o, at = (e, n, o) => e ? n ?? o : o;
+  he(() => {
     const e = () => {
-      va(window.innerWidth <= 1250);
-      const r = re();
-      _e(r);
+      ya(window.innerWidth <= 1250);
+      const n = ne();
+      Qe(n);
     };
-    return window.addEventListener("resize", e), _e(re()), () => {
+    return window.addEventListener("resize", e), Qe(ne()), () => {
       window.removeEventListener("resize", e);
     };
   }, [
     s,
     h,
-    b,
+    w,
     u,
     t == null ? void 0 : t.tabletXAxisTextRotation,
     t == null ? void 0 : t.mobileXAxisTextRotation
   ]);
-  const Wa = () => {
+  const Ya = () => {
     const e = ["tablet", "mobile", "midTablet"].includes(
       ar()
     );
-    return s && h === "Desktop" ? we : e ? "bottom" : we;
-  }, tt = {
-    app: o,
+    return s && h === "Desktop" ? ve : e ? "bottom" : ve;
+  }, rt = {
+    app: r,
     editing: s,
-    tickColor: decodeURIComponent(mt),
-    tickRotation: Ca,
-    layout: d || c ? Ha() : ee,
-    reverse: ye == !0 || ye == "true",
-    showLegends: xe == !0 || xe == "true",
-    legendLabel: dt,
-    swap: U == !0 || U == "true",
-    showGrid: Te == !0 || Te == "true",
-    showPercentage: qe == !0 || qe == "true",
-    marginLeft: J(
-      d || c,
+    tickColor: decodeURIComponent(pt),
+    tickRotation: Ia,
+    layout: l || c ? Wa() : ae,
+    reverse: ke == !0 || ke == "true",
+    showLegends: ye == !0 || ye == "true",
+    legendLabel: ct,
+    swap: $ == !0 || $ == "true",
+    showGrid: Ie == !0 || Ie == "true",
+    showPercentage: _e == !0 || _e == "true",
+    marginLeft: K(
+      l || c,
       Number.parseInt(t == null ? void 0 : t.marginLeft),
       parseInt(gt)
     ),
-    marginTop: J(
-      d || c,
+    marginTop: K(
+      l || c,
       Number.parseInt(t == null ? void 0 : t.marginTop),
-      parseInt(ft)
+      parseInt(bt)
     ),
-    marginRight: J(
-      d || c,
+    marginRight: K(
+      l || c,
       Number.parseInt(t == null ? void 0 : t.marginRight),
-      Number.parseInt(bt)
+      Number.parseInt(wt)
     ),
-    marginBottom: J(
-      d || c,
+    marginBottom: K(
+      l || c,
       Number.parseInt(t == null ? void 0 : t.marginBottom),
-      Number.parseInt(wt)
+      Number.parseInt(xt)
     ),
-    height: `${Y}px`,
-    legendPosition: Wa(),
+    height: `${J}px`,
+    legendPosition: Ya(),
     legends: $a,
-    tooltip: $ == !0 || $ == "true" ? ie : ie.replace(/\r\n/g, "<hr/>").replace(/[\r\n]/g, "<hr/>"),
-    colors: Xa,
-    groupMode: st,
-    format: Ba,
-    startAngle: xt,
-    endAngle: vt,
-    offsetY: kt,
+    tooltip: H == !0 || H == "true" ? de : de.replace(/\r\n/g, "<hr/>").replace(/[\r\n]/g, "<hr/>"),
+    colors: Ga,
+    groupMode: dt,
+    format: Pa,
+    startAngle: vt,
+    endAngle: yt,
+    offsetY: Tt,
     // csvLineLayerData,
     // lineColor: decodeURIComponent(lineColor),
     // lineTooltip,
     // lineTitle,
-    maxValue: Ct,
-    valueScale: At,
-    categories: V,
-    lineLayerEnabled: Le == !0 || Le == "true",
-    overlays: T(Tt) || [],
-    barColor: decodeURIComponent(Mt),
-    overrideTickColor: ke == !0 || ke == "true",
-    fixedMinValue: Dt,
-    fixedMaxValue: Rt,
-    barPadding: et(
-      d || c,
+    maxValue: It,
+    valueScale: Mt,
+    categories: U,
+    lineLayerEnabled: Te == !0 || Te == "true",
+    overlays: C(Ct) || [],
+    barColor: decodeURIComponent(Dt),
+    overrideTickColor: Ce == !0 || Ce == "true",
+    fixedMinValue: Rt,
+    fixedMaxValue: Ft,
+    barPadding: at(
+      l || c,
       t == null ? void 0 : t.barPadding,
-      Ft
+      Bt
     ),
-    barLabelPosition: Bt,
-    lineLabelPosition: Pt,
-    barInnerPadding: et(
-      d || c,
+    barLabelPosition: Pt,
+    lineLabelPosition: Et,
+    barInnerPadding: at(
+      l || c,
       t == null ? void 0 : t.barInnerPadding,
-      Et
+      Nt
     ),
-    xLabelColor: decodeURIComponent(Nt),
-    barLabelColor: decodeURIComponent(zt),
-    legendLabelColor: decodeURIComponent(Xt),
+    xLabelColor: decodeURIComponent(zt),
+    barLabelColor: decodeURIComponent(Xt),
+    legendLabelColor: decodeURIComponent(Gt),
     tooltipEnabled: Ae == !0 || Ae == "true",
-    legendLabelBack: Me == !0 || Me == "true",
-    legendCheckBack: Ie == !0 || Ie == "true",
-    highlightXAxisLine: De == !0 || De == "true",
-    showTickLine: Re == !0 || Re == "true",
-    showRightAxis: Fe == !0 || Fe == "true",
-    offsetRight: Ut,
+    legendLabelBack: Re == !0 || Re == "true",
+    legendCheckBack: De == !0 || De == "true",
+    highlightXAxisLine: Fe == !0 || Fe == "true",
+    showTickLine: Be == !0 || Be == "true",
+    showRightAxis: Pe == !0 || Pe == "true",
+    offsetRight: St,
     offsetBottom: $t,
-    confidenceIntervals: T(Ht) || [],
-    showPoints: Pe == !0 || Pe == "true",
-    enableArea: Be == !0 || Be == "true",
-    areaShadingCriteria: Wt,
-    areaLowerBound: Yt,
-    areaUpperBound: qt,
-    showGroupTotal: ze == !0 || ze == "true",
-    groupTotalMeasure: jt,
-    groupTotalLabel: ea,
-    groupTotalFormat: Ea,
-    groupTotalOffset: aa,
-    groupTotalFixedPosition: Xe == !0 || Xe == "true",
-    centerLabel: Jt,
-    showArcLabels: Ee == !0 || Ee == "true",
-    showArcLinkLabels: Ne == !0 || Ne == "true",
-    slicePadding: _t,
-    centerLabelFontWeight: Kt,
-    centerLabelFontSize: Qt,
-    centerLabelXOffset: Zt,
-    centerLabelYOffset: Ot,
-    userMeasures: Fa,
-    tooltipEnableMarkdown: $ == !0 || $ == "true",
-    yAxisTickValues: d || c ? t.yAxisTickValues ?? Ve : Ve,
-    xAxisTickValues: d || c ? t.xAxisTickValues ?? Ge : Ge,
-    lineXAxisTickMode: fa,
-    lineXAxisTickCount: parseInt(ba) || 10,
-    lineXAxisTickEvery: parseInt(wa) || 1,
-    enableGridY: L == !0 || L == "true",
-    enableGridX: k == !0 || k == "true",
-    offsetText: ra,
-    selectedMeasures: w,
-    overallLabel: te,
-    minMaxClamp: oa,
-    reverseLegend: Ue == !0 || Ue == "true",
-    customAxisFormat: Pa,
-    sort: $e,
-    sortReverse: S == !0 || S == "true",
-    sortReverseSecondDimension: H == !0 || H == "true",
-    radarCurve: na,
-    radarFillOpacity: ia,
-    radarBorderWidth: sa,
+    confidenceIntervals: C(Wt) || [],
+    showPoints: Ne == !0 || Ne == "true",
+    enableArea: Ee == !0 || Ee == "true",
+    areaShadingCriteria: Yt,
+    areaLowerBound: qt,
+    areaUpperBound: Jt,
+    showGroupTotal: Ge == !0 || Ge == "true",
+    groupTotalMeasure: ea,
+    groupTotalLabel: ta,
+    groupTotalFormat: Na,
+    groupTotalOffset: ra,
+    groupTotalFixedPosition: Ve == !0 || Ve == "true",
+    centerLabel: _t,
+    showArcLabels: ze == !0 || ze == "true",
+    showArcLinkLabels: Xe == !0 || Xe == "true",
+    slicePadding: Kt,
+    centerLabelFontWeight: Qt,
+    centerLabelFontSize: Zt,
+    centerLabelXOffset: Ot,
+    centerLabelYOffset: jt,
+    userMeasures: Ba,
+    tooltipEnableMarkdown: H == !0 || H == "true",
+    yAxisTickValues: l || c ? t.yAxisTickValues ?? Ue : Ue,
+    xAxisTickValues: l || c ? t.xAxisTickValues ?? Se : Se,
+    lineXAxisTickMode: ba,
+    lineXAxisTickCount: parseInt(wa) || 10,
+    lineXAxisTickEvery: parseInt(xa) || 1,
+    enableGridY: k == !0 || k == "true",
+    enableGridX: T == !0 || T == "true",
+    offsetText: oa,
+    selectedMeasures: x,
+    overallLabel: re,
+    minMaxClamp: na,
+    reverseLegend: $e == !0 || $e == "true",
+    customAxisFormat: Ea,
+    sort: He,
+    sortReverse: W == !0 || W == "true",
+    sortReverseSecondDimension: Y == !0 || Y == "true",
+    radarCurve: ia,
+    radarFillOpacity: sa,
+    radarBorderWidth: da,
     radarGridLevels: la,
-    radarGridShape: da,
-    radarGridLabelOffset: ca,
-    radarEnableDots: He == !0 || He == "true",
-    radarDotSize: ua,
-    radarEnableDotLabel: We == !0 || We == "true",
-    radarDotLabelOffset: ma,
-    sortSecondDimension: Se,
-    mobileCustomization: Ye,
-    dimension1: P,
+    radarGridShape: ca,
+    radarGridLabelOffset: ua,
+    radarEnableDots: Ye == !0 || Ye == "true",
+    radarDotSize: ma,
+    radarEnableDotLabel: qe == !0 || qe == "true",
+    radarDotLabelOffset: pa,
+    sortSecondDimension: We,
+    mobileCustomization: Je,
+    dimension1: N,
     previewMode: h,
-    lineCurve: ha,
-    showLegendsInColumns: Je == !0 || Je == "true",
+    lineCurve: fa,
+    showLegendsInColumns: Ke == !0 || Ke == "true",
     numberOfLegendColumns: parseInt(ga) || 4
-  }, se = {}, le = T(yt) || {};
-  le && le.forEach && le.forEach((e) => {
-    e.value != null && e.value.filter((r) => r != null && r.toString().trim() != "").length > 0 && (se[e.param] = e.value);
-  }), ge && (se.dvzProxyDatasetId = ge);
-  let C = null, A = null;
-  if (o === "csv")
-    C = lr;
+  }, le = {}, ce = C(Lt) || {};
+  ce && ce.forEach && ce.forEach((e) => {
+    e.value != null && e.value.filter((n) => n != null && n.toString().trim() != "").length > 0 && (le[e.param] = e.value);
+  }), be && (le.dvzProxyDatasetId = be);
+  let I = null, M = null;
+  if (r === "csv")
+    I = dr;
   else
-    switch (B) {
+    switch (E) {
       case "line":
-        C = Z.LineDataFrame;
+        I = j.LineDataFrame;
         break;
       case "pie":
-        C = Z.PieDataFrame;
+        I = j.PieDataFrame;
         break;
       case "radar":
-        C = Z.BarDataFrame;
+        I = j.BarDataFrame;
         break;
       default:
-        C = Z.BarDataFrame;
+        I = j.BarDataFrame;
         break;
     }
-  let I = !1;
-  switch (B) {
+  let A = !1;
+  switch (E) {
     case "bar":
-      A = nr, I = o != "csv" && P == "none" && w.length == 0;
+      M = nr, A = r != "csv" && N == "none" && x.length == 0;
       break;
     case "line":
-      A = ir, I = o !== "csv" && (w.length === 0 || P === "none");
+      M = ir, A = r !== "csv" && (x.length === 0 || N === "none");
       break;
     case "pie":
-      I = o != "csv" && w.length == 0, A = rr;
+      A = r != "csv" && x.length == 0, M = rr;
       break;
     case "radar":
-      I = o != "csv" && w.length == 0, A = or;
+      A = r != "csv" && x.length == 0, M = or;
       break;
     default:
-      A = /* @__PURE__ */ p("div", { children: "No Chart" });
+      M = /* @__PURE__ */ m("div", { children: "No Chart" });
       break;
   }
-  const Ya = ut === "true", N = [];
-  P != "none" && N.push(P), be != "none" && N.push(be);
-  const [at, qa] = X(0), [Lr, Ja] = X(rt());
-  function rt() {
+  const qa = mt === "true", X = [];
+  N != "none" && X.push(N), xe != "none" && X.push(xe);
+  const [ot, Ja] = V(0), [Lr, _a] = V(nt());
+  function nt() {
     var e;
     return ((e = window.screen.orientation) == null ? void 0 : e.type) || (window.innerWidth > window.innerHeight ? "landscape-primary" : "portrait-primary");
   }
-  return me(() => {
+  return he(() => {
     const e = setTimeout(() => {
-      ae && (() => {
-        const n = W.current.querySelector(
+      oe && (() => {
+        const o = q.current.querySelector(
           ".legends.container.has-standard-12-font-size.bottom"
-        ) || W.current.querySelector(
+        ) || q.current.querySelector(
           ".legends.container.items-section:not(.legends.container.top .items-section)"
         );
-        if (!n || n.closest(".legends.container.top")) return;
-        const { clientHeight: m } = n, z = window.getComputedStyle(n), _a = parseInt(z.marginTop), ot = parseInt(z.marginBottom), Ka = parseInt(z.paddingTop), Qa = parseInt(z.paddingBottom), Za = m + _a + ot + Ka + Qa, nt = n.closest(
+        if (!o || o.closest(".legends.container.top")) return;
+        const { clientHeight: p } = o, v = window.getComputedStyle(o), G = parseInt(v.marginTop), b = parseInt(v.marginBottom), Ka = parseInt(v.paddingTop), Qa = parseInt(v.paddingBottom), Za = p + G + b + Ka + Qa, it = o.closest(
           ".ui.fluid.container.content"
         );
-        if (nt) {
-          const x = nt.querySelector(".data-source");
-          if (x) {
-            const M = x.getBoundingClientRect(), D = n.getBoundingClientRect();
-            if (D.bottom !== 0 && M.top !== 0) {
-              if (n.textContent.trim() === "") return;
-              const _ = ot, K = D.bottom + _, ce = window.getComputedStyle(x), Q = parseFloat(ce.marginTop) || 0, R = M.top - Q;
-              if (K > R) {
-                let F = K - R;
-                F < 5 && (F += 1), x.style.marginTop = `${F + 1}px`;
+        if (it) {
+          const y = it.querySelector(".data-source");
+          if (y) {
+            const D = y.getBoundingClientRect(), R = o.getBoundingClientRect();
+            if (R.bottom !== 0 && D.top !== 0) {
+              if (o.textContent.trim() === "") return;
+              const Q = b, Z = R.bottom + Q, me = window.getComputedStyle(y), O = parseFloat(me.marginTop) || 0, F = D.top - O;
+              if (Z > F) {
+                let B = Z - F;
+                B < 5 && (B += 1), y.style.marginTop = `${B + 1}px`;
               }
             } else
               setTimeout(() => {
-                M.top < D.bottom && (x.style.marginTop = `${D.bottom - M.top + 1}px`);
+                D.top < R.bottom && (y.style.marginTop = `${R.bottom - D.top + 1}px`);
               }, 1e3);
           }
         }
-        const de = n.closest(".chart.container");
-        if (de) {
-          const x = de.getBoundingClientRect(), M = window.getComputedStyle(de), D = Number.parseFloat(M.marginBottom) || 0, _ = x.bottom + D, K = n.getBoundingClientRect(), ce = Number.parseFloat(z.marginTop) || 0, Q = K.top - ce;
-          if (Q < _) {
-            const R = _ - Q, F = 200, Oa = Math.min(R + 1, F);
-            R > 0 && R < F && (n.style.marginTop = `${Oa}px`);
+        const ue = o.closest(".chart.container");
+        if (ue) {
+          const y = ue.getBoundingClientRect(), D = window.getComputedStyle(ue), R = Number.parseFloat(D.marginBottom) || 0, Q = y.bottom + R, Z = o.getBoundingClientRect(), me = Number.parseFloat(v.marginTop) || 0, O = Z.top - me;
+          if (O < Q) {
+            const F = Q - O, B = 200, Oa = Math.min(F + 1, B);
+            F > 0 && F < B && (o.style.marginTop = `${Oa}px`);
           }
         }
-        qa(Za);
+        Ja(Za);
       })();
     }, 100);
     return () => {
       clearTimeout(e);
     };
-  }, [ae, W]), me(() => {
+  }, [oe, q]), he(() => {
     const e = () => {
       setTimeout(() => {
-        Ja(rt());
+        _a(nt());
       }, 100);
     };
     return window.screen.orientation ? window.screen.orientation.addEventListener("change", e) : window.addEventListener("resize", e), () => {
       window.screen.orientation ? window.screen.orientation.removeEventListener("change", e) : window.removeEventListener("resize", e);
     };
-  }, []), /* @__PURE__ */ p("div", { ref: W, children: /* @__PURE__ */ ue(
-    pe,
+  }, []), /* @__PURE__ */ m("div", { ref: q, children: /* @__PURE__ */ pe(
+    fe,
     {
       className: "chart container",
       style: {
-        minHeight: B === "pie" && window.innerWidth <= 480 ? `${parseInt(G) + parseInt(at) * 0.5}px` : `${parseInt(G) + parseInt(at)}px`
+        minHeight: E === "pie" && window.innerWidth <= 480 ? `${parseInt(S) + parseInt(ot) * 0.5}px` : `${parseInt(S) + parseInt(ot)}px`
       },
       fluid: !0,
       children: [
-        /* @__PURE__ */ p(
+        /* @__PURE__ */ m(
           er,
           {
             editing: s,
-            style: { height: `${Y}px` },
-            params: se,
-            waitForFilters: pa === "true",
-            app: o,
-            group: fe,
-            csv: ht,
-            store: [o, O, ...N],
-            source: N.join("/"),
-            children: /* @__PURE__ */ ue(
-              pe,
+            style: { height: `${J}px` },
+            params: le,
+            waitForFilters: ha === "true",
+            app: r,
+            group: we,
+            csv: ft,
+            store: [r, ee, ...X],
+            source: X.join("/"),
+            children: /* @__PURE__ */ pe(
+              fe,
               {
-                style: { height: `${Y}px` },
+                style: { height: `${J}px` },
                 className: "body",
                 fluid: !0,
                 children: [
-                  I && /* @__PURE__ */ p(it, { editing: s }),
-                  !I && /* @__PURE__ */ ue(tr, { children: [
-                    /* @__PURE__ */ p(it, { app: o, group: fe, noDataMsg: It, children: " " }),
-                    /* @__PURE__ */ p(
-                      C,
+                  A && /* @__PURE__ */ m(st, { editing: s }),
+                  !A && /* @__PURE__ */ pe(tr, { children: [
+                    /* @__PURE__ */ m(st, { app: r, group: we, noDataMsg: At, children: " " }),
+                    /* @__PURE__ */ m(
+                      I,
                       {
-                        locale: Ke,
-                        colorBy: E,
-                        hiddenBars: St,
-                        swap: U === "true" || U === !0,
-                        type: B,
+                        locale: Ze,
+                        colorBy: z,
+                        hiddenBars: Ht,
+                        swap: $ === "true" || $ === !0,
+                        type: E,
                         includeTotal: !0,
-                        includeOverall: Ce === !0 || Ce === "true",
-                        overallLabel: te,
-                        measures: w,
-                        dimensions: [...N],
-                        sort: $e,
-                        sortReverse: S === !0 || S === "true",
-                        sortSecondDimension: Se,
-                        sortReverseSecondDimension: H === !0 || H === "true",
-                        customLabels: Oe(),
-                        children: /* @__PURE__ */ p(
-                          dr,
+                        includeOverall: Me === !0 || Me === "true",
+                        overallLabel: re,
+                        measures: x,
+                        dimensions: [...X],
+                        sort: He,
+                        sortReverse: W === !0 || W === "true",
+                        sortSecondDimension: We,
+                        sortReverseSecondDimension: Y === !0 || Y === "true",
+                        customLabels: et(),
+                        children: /* @__PURE__ */ m(
+                          lr,
                           {
-                            type: B,
-                            app: o,
-                            locale: Ke,
-                            overallLabel: te,
-                            customLabels: Oe(),
-                            manualColors: Aa(),
-                            colorBy: E,
-                            scheme: j,
-                            barColor: tt.barColor,
-                            children: /* @__PURE__ */ p(A, { ...tt })
+                            type: E,
+                            app: r,
+                            locale: Ze,
+                            overallLabel: re,
+                            customLabels: et(),
+                            manualColors: Ma(),
+                            colorBy: z,
+                            scheme: te,
+                            barColor: rt.barColor,
+                            children: /* @__PURE__ */ m(M, { ...rt })
                           }
                         )
                       }
@@ -600,23 +600,23 @@ const mr = (v) => {
             )
           }
         ),
-        /* @__PURE__ */ p("br", {}),
-        Ya && y && za === "info" && /* @__PURE__ */ p(
-          pe,
+        /* @__PURE__ */ m("br", {}),
+        qa && L && Xa === "info" && /* @__PURE__ */ m(
+          fe,
           {
             fluid: !0,
-            style: { height: Y + "px" },
+            style: { height: J + "px" },
             className: "body",
-            children: /* @__PURE__ */ p(sr, { post: { content: { rendered: y } } })
+            children: /* @__PURE__ */ m(sr, { post: { content: { rendered: L } } })
           }
         )
       ]
     }
   ) });
-}, pr = (v, he) => {
-  const { "data-app": s, "data-group": O } = he, y = v.getIn(["data", "measures", s, O]), V = v.getIn(["data", "pageModuleProps"]), l = {};
-  return y && Object.keys(y).length > 0 && (l.injectedMeasures = y ?? {}), V && (l.pageModuleProps = V), l;
-}, hr = {}, $r = cr(pr, hr)(ur(mr));
+}, pr = (P, ge) => {
+  const { "data-app": s, "data-group": ee } = ge, L = P.getIn(["data", "measures", s, ee]), U = P.getIn(["data", "pageModuleProps"]), d = {};
+  return L && Object.keys(L).length > 0 && (d.injectedMeasures = L ?? {}), U && (d.pageModuleProps = U), d;
+}, hr = {}, Sr = cr(pr, hr)(ur(mr));
 export {
-  $r as default
+  Sr as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@devgateway/dvz-ui-react",
-  "version": "1.7.2",
+  "version": "1.7.3",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",