@devgateway/dvz-ui-react 1.2.0 → 1.3.0

package/dist/cjs/embeddable/big-number-trend/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),T=require("react"),E=require("semantic-ui-react"),V=require("../data/DataProvider.js"),_=require("../data/DataConsumer.js");require("@devgateway/wp-react-lib");const H=require("react-redux"),J=require("../utils/common.js"),$=require("string-template"),k=g=>{const{editing:c=!1,unique:h,intl:m,childContent:f,"data-csv":d="","data-dvz-proxy-dataset-id":x,"data-no-data-message":U="No data matches your selection","data-view-mode":b="info","data-height":v,"data-app":y,"data-measures":D="{}","data-format":C="{}","data-group":F,"data-filters":z="[]","data-text-color":e="#000000","data-big-number-font-size":s=20,"data-label-font-size":n=20,"data-percent-font-size":u=20,"data-label":p="","data-dimension1":o,"data-show-percentage-change":S="false","data-wait-for-filters":j="false","data-no-data-text":N="-"}=g,q=m.locale,w=T.useRef(null),i=r=>c?r:decodeURIComponent(r),l=r=>{try{return JSON.parse(i(r))}catch{console.error("error parsing value:"+r)}return null},t=l(C),O=t?{style:t.style==="compacted"?"decimal":t.style,notation:t.style==="compacted"?"compact":"standard",currency:t.currency,minimumFractionDigits:parseInt(t.minimumFractionDigits),maximumFractionDigits:parseInt(t.maximumFractionDigits)}:{notation:"standard",currency:"USD",minimumFractionDigits:2,maximumFractionDigits:2},[Q,W]=T.useState(b),A=c?v-80:v-40,I={},R=l(z)||{};R&&R.forEach&&R.forEach(r=>{r.value!=null&&r.value.filter(M=>M!=null&&M.toString().trim()!="").length>0&&(I[r.param]=r.value)}),x&&(I.dvzProxyDatasetId=x);const P=[];return o!="none"&&P.push(o),a.jsx("div",{ref:w,children:a.jsx(E.Container,{className:"chart container big-number-trend-container",style:{height:v+"px"},fluid:!0,children:a.jsx(V.default,{style:{height:`${A}px`},params:I,app:y,group:F,csv:d,editing:c,waitForFilters:j==="true",store:[y,h,...P],source:P.join("/"),children:a.jsx(_.default,{children:a.jsx(B,{editing:c,locale:q,intl:m,app:y,format:O,dimension1:o,measure:l(D)[0]||null,label:p,bigNumberFontSize:s,textColor:e,labelFontSize:n,percentFontSize:u,showPercentageChange:S=="true"||S==!0,noDataText:N})})})})})},B=g=>{const{editing:c,app:h,measure:m,dimension1:f,data:d,format:x,label:U,textColor:b,bigNumberFontSize:v,percentFontSize:y,labelFontSize:D,showPercentageChange:C,intl:F,noDataText:z}=g;let e=[],s,n;if(h=="csv"){const{data:i,meta:{fields:l}}=d;s=l[0],n=l[1],e=d.data.map(t=>({value:t[s],[n]:t[n],[s]:t[s]}))}else e=!d.children||d.children.length==0?[]:d.children,n=m,s=f,e=e.map(i=>({value:i.value,[n]:i[n],[s]:i.value}));let u=null,p=null,o,S,j;e.length>0&&(e=e.sort((i,l)=>J.alphaSort(!1,F.locale,i.value,l.value)),u=e[e.length-1][n],e.length>1&&(p=e[e.length-2][n]),j=F.formatNumber(x.style==="percent"?u/100:u,{...x}),p&&(o=(u-p)/p,S=F.formatNumber(o,{style:"percent",minimumFractionDigits:2,maximumFractionDigits:2}))),u==null&&(j=z);const N={color:decodeURIComponent(b),fontSize:v+"px"},q={color:decodeURIComponent(b),fontSize:y+"px"},w={color:decodeURIComponent(b),fontSize:D+"px"};return a.jsxs("div",{className:"trend",children:[a.jsx("div",{className:"label",style:w,children:$(U,e[e.length-1])}),a.jsxs("div",{className:"number-and-icon",children:[a.jsx("span",{className:"number",style:N,children:j}),o&&a.jsx("img",{src:o>0?"/trend-up.svg":"/trend-down.svg",alt:"Arrow",className:"icon"})]}),C&&o&&a.jsx("div",{className:"percentage",style:q,children:S})]})},G=(g,c)=>{const{"data-app":h,"data-group":m}=c,f=g.getIn(["data","measures",h,m]);return f?{injectedMeasures:f}:{}},K={},L=H.connect(G,K)(k);exports.default=L;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),T=require("react"),V=require("semantic-ui-react"),_=require("../data/DataProvider.js"),A=require("../data/DataConsumer.js");require("@devgateway/wp-react-lib");const H=require("react-redux"),J=require("../utils/common.js"),$=require("string-template"),k=g=>{const{editing:c=!1,unique:h,intl:m,childContent:f,"data-csv":d="","data-dvz-proxy-dataset-id":x,"data-no-data-message":U="No data matches your selection","data-view-mode":b="info","data-height":v,"data-app":y,"data-measures":D="{}","data-format":C="{}","data-group":F,"data-filters":z="[]","data-text-color":e="#000000","data-big-number-font-size":i=20,"data-label-font-size":n=20,"data-percent-font-size":u=20,"data-label":p="","data-dimension1":o,"data-show-percentage-change":S="false","data-wait-for-filters":j="false","data-no-data-text":N="-"}=g,q=m.locale,I=T.useRef(null),s=r=>c?r:decodeURIComponent(r),l=r=>{try{return JSON.parse(s(r))}catch{console.error("error parsing value:"+r)}return null},t=l(C),O=t?{style:t.style==="compacted"?"decimal":t.style,notation:t.style==="compacted"?"compact":"standard",currency:t.currency,minimumFractionDigits:parseInt(t.minimumFractionDigits),maximumFractionDigits:parseInt(t.maximumFractionDigits)}:{notation:"standard",currency:"USD",minimumFractionDigits:2,maximumFractionDigits:2},[Q,W]=T.useState(b),E=c?v-80:v-40,w={},R=l(z)||{};R&&R.forEach&&R.forEach(r=>{r.value!=null&&r.value.filter(M=>M!=null&&M.toString().trim()!="").length>0&&(w[r.param]=r.value)}),x&&(w.dvzProxyDatasetId=x);const P=[];return o!="none"&&P.push(o),a.jsx("div",{ref:I,children:a.jsx(V.Container,{className:"chart container big-number-trend-container",style:{height:v+"px"},fluid:!0,children:a.jsx(_.default,{style:{height:`${E}px`},params:w,app:y,group:F,csv:d,editing:c,waitForFilters:j==="true",store:[y,h,...P],source:P.join("/"),children:a.jsx(A.default,{children:a.jsx(B,{editing:c,locale:q,intl:m,app:y,format:O,dimension1:o,measure:l(D)[0]||null,label:p,bigNumberFontSize:i,textColor:e,labelFontSize:n,percentFontSize:u,showPercentageChange:S=="true"||S==!0,noDataText:N})})})})})},B=g=>{const{editing:c,app:h,measure:m,dimension1:f,data:d,format:x,label:U,textColor:b,bigNumberFontSize:v,percentFontSize:y,labelFontSize:D,showPercentageChange:C,intl:F,noDataText:z}=g;let e=[],i,n;if(h=="csv"){const{data:s,meta:{fields:l}}=d;i=l[0],n=l[1],e=d.data.map(t=>({value:t[i],[n]:t[n],[i]:t[i]}))}else e=!d.children||d.children.length==0?[]:d.children,n=m,i=f,e=e.map(s=>({value:s.value,[n]:s[n],[i]:s.value}));let u=null,p=null,o,S,j;e.length>0&&(e=e.sort((s,l)=>J.alphaSort(!1,F.locale,s.value,l.value)),u=e[e.length-1][n],e.length>1&&(p=e[e.length-2][n]),j=F.formatNumber(x.style==="percent"?u/100:u,{...x}),p&&(o=(u-p)/p,S=F.formatNumber(o,{style:"percent",minimumFractionDigits:2,maximumFractionDigits:2}))),u==null&&(j=z);const N={color:decodeURIComponent(b),fontSize:v+"px"},q={color:decodeURIComponent(b),fontSize:y+"px"},I={color:decodeURIComponent(b),fontSize:D+"px"};return a.jsxs("div",{className:"trend",children:[a.jsx("div",{className:"label",style:I,children:$(U,e[e.length-1])}),a.jsxs("div",{className:"number-and-icon",children:[a.jsx("span",{className:"number",style:N,children:j}),o&&a.jsx("div",{className:o>0?"icon trend up":"icon trend down"})]}),C&&o&&a.jsx("div",{className:"percentage",style:q,children:S})]})},G=(g,c)=>{const{"data-app":h,"data-group":m}=c,f=g.getIn(["data","measures",h,m]);return f?{injectedMeasures:f}:{}},K={},L=H.connect(G,K)(k);exports.default=L;

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),n=require("react");require("../../node_modules/.pnpm/jspdf@3.0.1/node_modules/jspdf/dist/polyfills.es.js");const i=require("semantic-ui-react");n.forwardRef((d,a)=>t.jsx("div",{id:"divIdToPrint",ref:a,children:d.children}));const m=d=>{n.useRef();const[a,l]=n.useState(!1),{childContent:b,"data-height":w,"data-button-label":r="Download PDF","data-file-label":c,"data-url":s,editing:u}=d,h=()=>{l(!0),fetch("/pdf/"+s).then(o=>o.blob()).then(o=>{const f=window.URL.createObjectURL(o),e=document.createElement("a");e.href=f,e.download=c,document.body.appendChild(e),e.click(),l(!1),e.remove()})};return t.jsx(i.Container,{className:`viz download ${u?"editing":""}`,fluid:!0,children:t.jsx(n.Fragment,{children:t.jsx("div",{className:"downloadPdf",children:t.jsx(i.Button,{loading:a,className:"download",onClick:h,children:r})})})})};exports.default=m;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),n=require("react"),i=require("semantic-ui-react");n.forwardRef((d,a)=>t.jsx("div",{id:"divIdToPrint",ref:a,children:d.children}));const m=d=>{n.useRef();const[a,l]=n.useState(!1),{childContent:b,"data-height":w,"data-button-label":c="Download PDF","data-file-label":r,"data-url":s,editing:u}=d,h=()=>{l(!0),fetch("/pdf/"+s).then(o=>o.blob()).then(o=>{const f=window.URL.createObjectURL(o),e=document.createElement("a");e.href=f,e.download=r,document.body.appendChild(e),e.click(),l(!1),e.remove()})};return t.jsx(i.Container,{className:`viz download ${u?"editing":""}`,fluid:!0,children:t.jsx(n.Fragment,{children:t.jsx("div",{className:"downloadPdf",children:t.jsx(i.Button,{loading:a,className:"download",onClick:h,children:c})})})})};exports.default=m;

package/dist/cjs/embeddable/new-time-line/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),c=require("@devgateway/wp-react-lib"),z=require("../connected-templates/PostIntro.js");;/* empty css                                                                                                                                                           */const I=require("react"),u=require("semantic-ui-react"),h=require("pure-react-carousel"),O=require("./timeline.js"),U=r=>{let a=0;const{posts:i,height:o,interval:s,autoSwitch:n,currentSlide:l}=r;return e.jsx(h.CarouselProvider,{currentSlide:l,interval:s,isPlaying:n,totalSlides:i.length,children:e.jsx(h.Slider,{style:{height:`${o}px`},tag:"ul",children:i.map(d=>e.jsx(h.Slide,{index:a++,tag:"li",children:e.jsx(z.default,{post:d,fluid:!0})}))})})},W=r=>{const{"data-type":a,"data-taxonomy":i,"data-categories":o,"data-count":s,"data-height":n,"data-line-color":l="#000","data-config":d="{}","data-position":x="middle","data-line-width":S="1","data-margin-left":f=50,"data-margin-top":j=25,"data-margin-right":C=50,"data-margin-bottom":P=25,"data-font-size":q=14,"data-title-width":y=100,"data-subtitle-width":R=50,editing:g,parent:w,unique:b}=r,[m,v]=I.useState([0]),p=t=>g?t:decodeURIComponent(t),N=t=>JSON.parse(p(t)),_={marginLeft:f,marginTop:j,marginRight:C,marginBottom:P,lineWidth:S,height:150,position:x,lineColor:p(l),config:JSON.parse(decodeURIComponent(d)),fontSize:q,titleWidth:y,subtitleWidth:R};return e.jsx(u.Container,{style:{height:`${n}px`},className:"viz new-time-line ",fluid:!0,children:e.jsxs(c.PostProvider,{type:a,taxonomy:i,categories:N(o),store:"carousel_"+w+"_"+b,page:1,perPage:s,children:[e.jsx(u.Container,{className:"carousel-section",children:e.jsx(c.PostConsumer,{children:e.jsx(U,{currentSlide:m,height:n-250,interval:5,autoSwitch:!1})})}),e.jsx(u.Container,{className:"time-line-section",children:e.jsx(c.PostConsumer,{children:e.jsx(O.default,{currentSlide:m,onSelectSlide:t=>{v(t)},..._})})})]})})};exports.default=W;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),c=require("@devgateway/wp-react-lib"),z=require("../connected-templates/PostIntro.js"),I=require("react"),u=require("semantic-ui-react"),h=require("pure-react-carousel"),O=require("./timeline.js"),U=r=>{let a=0;const{posts:i,height:o,interval:s,autoSwitch:n,currentSlide:l}=r;return e.jsx(h.CarouselProvider,{currentSlide:l,interval:s,isPlaying:n,totalSlides:i.length,children:e.jsx(h.Slider,{style:{height:`${o}px`},tag:"ul",children:i.map(d=>e.jsx(h.Slide,{index:a++,tag:"li",children:e.jsx(z.default,{post:d,fluid:!0})}))})})},W=r=>{const{"data-type":a,"data-taxonomy":i,"data-categories":o,"data-count":s,"data-height":n,"data-line-color":l="#000","data-config":d="{}","data-position":x="middle","data-line-width":S="1","data-margin-left":f=50,"data-margin-top":j=25,"data-margin-right":C=50,"data-margin-bottom":P=25,"data-font-size":q=14,"data-title-width":y=100,"data-subtitle-width":R=50,editing:g,parent:w,unique:b}=r,[m,v]=I.useState([0]),p=t=>g?t:decodeURIComponent(t),N=t=>JSON.parse(p(t)),_={marginLeft:f,marginTop:j,marginRight:C,marginBottom:P,lineWidth:S,height:150,position:x,lineColor:p(l),config:JSON.parse(decodeURIComponent(d)),fontSize:q,titleWidth:y,subtitleWidth:R};return e.jsx(u.Container,{style:{height:`${n}px`},className:"viz new-time-line ",fluid:!0,children:e.jsxs(c.PostProvider,{type:a,taxonomy:i,categories:N(o),store:"carousel_"+w+"_"+b,page:1,perPage:s,children:[e.jsx(u.Container,{className:"carousel-section",children:e.jsx(c.PostConsumer,{children:e.jsx(U,{currentSlide:m,height:n-250,interval:5,autoSwitch:!1})})}),e.jsx(u.Container,{className:"time-line-section",children:e.jsx(c.PostConsumer,{children:e.jsx(O.default,{currentSlide:m,onSelectSlide:t=>{v(t)},..._})})})]})})};exports.default=W;

package/dist/cjs/embeddable/new-time-line/timeline.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const _=require("react/jsx-runtime");;/* empty css                                                                                                                                                           */const p=require("react"),Q=require("d3");function U(n){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const a in n)if(a!=="default"){const m=Object.getOwnPropertyDescriptor(n,a);Object.defineProperty(s,a,m.get?m:{enumerable:!0,get:()=>n[a]})}}return s.default=n,Object.freeze(s)}const o=U(Q),V=({posts:n,position:s,lineWidth:a,meta:m,locale:Z,lineColor:S,height:d,config:l,marginLeft:T,marginTop:$,marginRight:D,marginBottom:P,fontSize:y,titleWidth:k,subtitleWidth:O,onSelectSlide:q,currentSlide:z})=>{const h=p.useRef(),[tt,I]=p.useState(!1),[et,N]=p.useState(null),R=r=>l[r].position,j=r=>l[r].connectorLineHeight,X=r=>l[r].subtitleOffset,E=r=>l[r].titleOffset,b=r=>l[r].circleColor,H=r=>l[r].lineColor,A=r=>l[r].titleColor,G=r=>l[r].labelColor,W=r=>l[r].size,Y=r=>l[r].readMoreLabel;return p.useEffect(()=>{const r={top:$,right:D,bottom:P,left:T};let f=d/2;s=="middle"&&(f=d/2),s=="top"&&(f=r.top),s=="bottom"&&(f=d-r.bottom);const C=h.current.clientWidth,B=d,i=o.scaleLinear().domain([0,n.length-1]).range([r.left,C-r.right]),L=o.line(),F=[[i(0),0],[i(n.length-1),0]],J=L(F),g=o.select(h.current);g.attr("width",C).attr("height",B);const K=e=>{q(e)};g.node().parentNode;const v=(e,t)=>{const u=[o.event.pageX+30,o.event.pageY-30],M=600;o.event.pageX+M+30>window.innerWidth&&(u[0]=o.event.pageX-M-30),I(!0),N({data:e,index:t,position:u}),o.selectAll("#circle"+t).style("stroke",b(t)).style("fill","#fff"),o.selectAll("#label"+t).style("font-weight","bold")},x=(e,t)=>{o.selectAll("#circle"+t).style("stroke","none").style("fill",b(t)),o.selectAll("#label"+t).style("font-weight","normal")},c=g.append("g");c.attr("transform",`translate(0,${f})`),c.append("path").attr("d",J).attr("stroke-width",a).attr("stroke",S),c.selectAll(".tick").data(n).enter().append("path").attr("d",(e,t)=>L([[i(t),0],[i(t),R(t)==="top"?j(t)*-1:j(t)]])).attr("stroke-width",a).attr("stroke",(e,t)=>H(t)).on("mouseover",function(e,t){}),c.selectAll(".label").data(n).enter().append("foreignObject").attr("id",(e,t)=>"label"+t).attr("x",function(e,t){return i(t)-O/2}).attr("width",O).attr("height","50px").attr("overflow","visible").style("opacity",1).attr("y",(e,t)=>X(t)).append("xhtml:div").style("color",(e,t)=>G(t)).style("font-size",parseInt(y)-2+"px").style("line-height","100%").style("text-align","center").html((e,t)=>e.meta_fields.subtitle).on("mouseover",(e,t)=>{v(e,t)}).on("mouseout",(e,t)=>{x(e,t)}),c.selectAll(".title").data(n).enter().append("foreignObject").attr("x",function(e,t){return i(t)-k/2}).attr("width",k).attr("height","50px").attr("overflow","visible").style("opacity",1).attr("y",(e,t)=>E(t)).append("xhtml:div").style("font-size",parseInt(y)+1+"px").style("color",(e,t)=>A(t)).style("font-weight",e=>"bold").style("line-height","100%").style("text-align","center").html((e,t)=>{const w=Y(t);let u=e.title.rendered;return w&&(u+=`<br><a href="${e.link}" target="_blank" style="font-size:${parseInt(y)-3}px;color:${A(t)}">${w}</a>`),u}).on("mouseover",(e,t)=>{v(e,t)}).on("mouseout",(e,t)=>{x(e,t)}),c.selectAll(".circle").data(n).enter().append("circle").attr("class",(e,t)=>t==z?"active":"normal").attr("cx",(e,t)=>i(t)).attr("cy",0).attr("id",(e,t)=>"circle"+t).attr("r",(e,t)=>W(t)).style("stroke-width",3).style("fill",(e,t)=>b(t)).on("mouseover",function(e,t){v(e,t)}).on("mouseout",function(e,t){x(e,t)}).on("click",function(e,t){K(t)})},[]),_.jsx("div",{className:"line",children:_.jsx("svg",{height:d,width:"100%",ref:h})})};exports.default=V;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const _=require("react/jsx-runtime"),p=require("react"),Q=require("d3");function U(n){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const a in n)if(a!=="default"){const m=Object.getOwnPropertyDescriptor(n,a);Object.defineProperty(s,a,m.get?m:{enumerable:!0,get:()=>n[a]})}}return s.default=n,Object.freeze(s)}const o=U(Q),V=({posts:n,position:s,lineWidth:a,meta:m,locale:Z,lineColor:S,height:d,config:l,marginLeft:T,marginTop:$,marginRight:D,marginBottom:P,fontSize:y,titleWidth:k,subtitleWidth:O,onSelectSlide:z,currentSlide:q})=>{const h=p.useRef(),[tt,I]=p.useState(!1),[et,N]=p.useState(null),R=r=>l[r].position,j=r=>l[r].connectorLineHeight,X=r=>l[r].subtitleOffset,E=r=>l[r].titleOffset,b=r=>l[r].circleColor,H=r=>l[r].lineColor,A=r=>l[r].titleColor,G=r=>l[r].labelColor,W=r=>l[r].size,Y=r=>l[r].readMoreLabel;return p.useEffect(()=>{const r={top:$,right:D,bottom:P,left:T};let f=d/2;s=="middle"&&(f=d/2),s=="top"&&(f=r.top),s=="bottom"&&(f=d-r.bottom);const C=h.current.clientWidth,B=d,i=o.scaleLinear().domain([0,n.length-1]).range([r.left,C-r.right]),L=o.line(),F=[[i(0),0],[i(n.length-1),0]],J=L(F),g=o.select(h.current);g.attr("width",C).attr("height",B);const K=e=>{z(e)};g.node().parentNode;const v=(e,t)=>{const u=[o.event.pageX+30,o.event.pageY-30],M=600;o.event.pageX+M+30>window.innerWidth&&(u[0]=o.event.pageX-M-30),I(!0),N({data:e,index:t,position:u}),o.selectAll("#circle"+t).style("stroke",b(t)).style("fill","#fff"),o.selectAll("#label"+t).style("font-weight","bold")},x=(e,t)=>{o.selectAll("#circle"+t).style("stroke","none").style("fill",b(t)),o.selectAll("#label"+t).style("font-weight","normal")},c=g.append("g");c.attr("transform",`translate(0,${f})`),c.append("path").attr("d",J).attr("stroke-width",a).attr("stroke",S),c.selectAll(".tick").data(n).enter().append("path").attr("d",(e,t)=>L([[i(t),0],[i(t),R(t)==="top"?j(t)*-1:j(t)]])).attr("stroke-width",a).attr("stroke",(e,t)=>H(t)).on("mouseover",function(e,t){}),c.selectAll(".label").data(n).enter().append("foreignObject").attr("id",(e,t)=>"label"+t).attr("x",function(e,t){return i(t)-O/2}).attr("width",O).attr("height","50px").attr("overflow","visible").style("opacity",1).attr("y",(e,t)=>X(t)).append("xhtml:div").style("color",(e,t)=>G(t)).style("font-size",parseInt(y)-2+"px").style("line-height","100%").style("text-align","center").html((e,t)=>e.meta_fields.subtitle).on("mouseover",(e,t)=>{v(e,t)}).on("mouseout",(e,t)=>{x(e,t)}),c.selectAll(".title").data(n).enter().append("foreignObject").attr("x",function(e,t){return i(t)-k/2}).attr("width",k).attr("height","50px").attr("overflow","visible").style("opacity",1).attr("y",(e,t)=>E(t)).append("xhtml:div").style("font-size",parseInt(y)+1+"px").style("color",(e,t)=>A(t)).style("font-weight",e=>"bold").style("line-height","100%").style("text-align","center").html((e,t)=>{const w=Y(t);let u=e.title.rendered;return w&&(u+=`<br><a href="${e.link}" target="_blank" style="font-size:${parseInt(y)-3}px;color:${A(t)}">${w}</a>`),u}).on("mouseover",(e,t)=>{v(e,t)}).on("mouseout",(e,t)=>{x(e,t)}),c.selectAll(".circle").data(n).enter().append("circle").attr("class",(e,t)=>t==q?"active":"normal").attr("cx",(e,t)=>i(t)).attr("cy",0).attr("id",(e,t)=>"circle"+t).attr("r",(e,t)=>W(t)).style("stroke-width",3).style("fill",(e,t)=>b(t)).on("mouseover",function(e,t){v(e,t)}).on("mouseout",function(e,t){x(e,t)}).on("click",function(e,t){K(t)})},[]),_.jsx("div",{className:"line",children:_.jsx("svg",{height:d,width:"100%",ref:h})})};exports.default=V;

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),u=require("@devgateway/wp-react-lib");;/* empty css                                                                                                                                                           */const p=require("semantic-ui-react"),r=require("pure-react-carousel"),x=s=>{let o=0;const{posts:t,height:i,interval:l,autoSwitch:a}=s;return e.jsxs(r.CarouselProvider,{interval:l,isPlaying:a,totalSlides:t.length,naturalSlideHeight:i,children:[e.jsx(r.Slider,{style:{height:`${i}px`},trayTag:"ul",children:t.map(n=>e.jsx(r.Slide,{index:o++,tag:"li",children:e.jsx(u.PostIntro,{post:n,fluid:!0})}))}),e.jsx(r.DotGroup,{})]})},j=s=>{const{"data-type":o,"data-taxonomy":t,"data-categories":i,"data-items":l,"data-height":a,"data-auto-switch":n="false","data-interval":c=1e4,editing:d,parent:h,unique:g}=s;return e.jsx(p.Container,{style:{height:`${a}px`},className:`viz post carousel ${d?"editing":""}`,fluid:!0,children:e.jsx(u.PostProvider,{type:o,taxonomy:t,categories:i,store:"carousel_"+h+"_"+g,page:1,perPage:l,children:e.jsx(u.PostConsumer,{children:e.jsx(x,{height:a,interval:c,autoSwitch:n=="true"})})})})};exports.default=j;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),u=require("@devgateway/wp-react-lib"),p=require("semantic-ui-react"),r=require("pure-react-carousel"),x=s=>{let o=0;const{posts:t,height:i,interval:l,autoSwitch:a}=s;return e.jsxs(r.CarouselProvider,{interval:l,isPlaying:a,totalSlides:t.length,naturalSlideHeight:i,children:[e.jsx(r.Slider,{style:{height:`${i}px`},trayTag:"ul",children:t.map(n=>e.jsx(r.Slide,{index:o++,tag:"li",children:e.jsx(u.PostIntro,{post:n,fluid:!0})}))}),e.jsx(r.DotGroup,{})]})},j=s=>{const{"data-type":o,"data-taxonomy":t,"data-categories":i,"data-items":l,"data-height":a,"data-auto-switch":n="false","data-interval":c=1e4,editing:d,parent:h,unique:g}=s;return e.jsx(p.Container,{style:{height:`${a}px`},className:`viz post carousel ${d?"editing":""}`,fluid:!0,children:e.jsx(u.PostProvider,{type:o,taxonomy:t,categories:i,store:"carousel_"+h+"_"+g,page:1,perPage:l,children:e.jsx(u.PostConsumer,{children:e.jsx(x,{height:a,interval:c,autoSwitch:n=="true"})})})})};exports.default=j;

package/dist/cjs/embeddable/time-line/desktop.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const p=require("react/jsx-runtime"),rt=require("@devgateway/wp-react-lib"),yt=require("../connected-templates/PostIntro.js");;/* empty css                                                                                                                                                           */const I=require("react"),st=require("semantic-ui-react"),vt=require("d3");function xt(s){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const a in s)if(a!=="default"){const f=Object.getOwnPropertyDescriptor(s,a);Object.defineProperty(i,a,f.get?f:{enumerable:!0,get:()=>s[a]})}}return i.default=s,Object.freeze(i)}const d=xt(vt),Ot={visibility:"visible",position:"relative",height:"auto",width:"auto"},Ct={position:"absolute",overflow:"hidden",display:"none"},S=0,Pt=s=>{const{posts:i,position:a,lineWidth:f,meta:J,locale:R,lineColor:q,height:g,config:l,marginLeft:z,marginTop:A,marginRight:H,marginBottom:W,fontSize:C,titleWidth:T,titleHeight:_,subtitleWidth:L,subtitleHeight:E,enableTitlePopup:y,enableCirclePopup:h,enableDefaultPopup:k,closePopupOnMouseOut:m,unique:P}=s,w=I.useRef(),[V,u]=I.useState(!1),[v,x]=I.useState(null),N=e=>l[e].position,K=e=>l[e].connectorLineHeight,at=e=>l[e].subtitleOffset,ct=e=>l[e].titleOffset,$=e=>{var n;return(n=l[e])==null?void 0:n.circleColor},Q=e=>l[e].lineColor,X=e=>l[e].titleColor,ut=e=>l[e].labelColor,dt=e=>l[e].tooltipFontColor||"#fff",pt=e=>l[e].size,ft=e=>l[e].readMoreLabel,j=e=>"circle"+P+e,Y=e=>"title"+P+e,M=e=>{d.selectAll("#"+j(e)).style("stroke","none").style("fill",$(e)),d.selectAll("#label"+e).style("font-weight","normal")},Z=e=>{M(S),d.selectAll("#"+j(e)).style("stroke",$(e)).style("fill","#fff"),d.selectAll("#label"+e).style("font-weight","bold")};return I.useEffect(()=>{const e={top:A,right:H,bottom:W,left:z};let n=g/2;a=="middle"&&(n=g/2),a=="top"&&(n=e.top),a=="bottom"&&(n=g-e.bottom);const c={};i.forEach((o,t)=>{c[o.id]=t});const tt=w.current.clientWidth,gt=g,b=d.scaleLinear().domain([0,i.length-1]).range([e.left,tt-e.right]),et=d.line(),ht=[[b(0),0],[b(i.length-1),0]],mt=et(ht),B=d.select(w.current);B.attr("width",tt).attr("height",gt),B.node().parentNode;const ot=(o,t,r)=>{let U=[0,0];if(o){const F=o.target.getBoundingClientRect(),nt=o.target.closest(".time").getBoundingClientRect(),G=F.left-nt.left,bt=F.top-nt.top;U=[G+30,bt+50];const lt=600;F.left+G+lt+30>window.innerWidth&&(U[0]=G-lt*.6)}u(!0),x({data:t,index:r,position:U}),Z(r)},it=(o,t,r)=>{M(r)},O=B.append("g");if(O.attr("transform",`translate(0,${n})`),O.append("path").attr("d",mt).attr("stroke-width",f).attr("stroke",q),O.selectAll(".tick").data(i).enter().append("path").attr("d",(o,t)=>et([[b(t),0],[b(t),N(t)==="top"?K(t)*-1:K(t)]])).attr("stroke-width",f).attr("stroke",(o,t)=>Q(t)).on("mouseover",function(o,t,r){}),O.selectAll(".circle").data(i).enter().append("circle").attr("id",(o,t)=>j(t)).attr("cx",(o,t)=>b(t)).attr("cy",0).attr("id",(o,t)=>j(t)).attr("r",(o,t)=>pt(t)).style("stroke-width",3).style("cursor",h?"pointer":"default").style("fill",(o,t)=>$(t)).on("mouseover",function(o,t){h&&ot(o,t,c[t.id])}).on("mouseout",function(o,t,r){h&&(it(o,t,c[t.id]),m&&(u(!1),x(null)))}),O.selectAll(".label").data(i).enter().append("foreignObject").attr("id",(o,t)=>"label"+t).attr("x",function(o,t){return b(t)-L/2}).attr("width",L).attr("height",E).attr("overflow","visible").style("opacity",1).attr("y",(o,t)=>at(t)).append("xhtml:div").style("color",(o,t)=>ut(t)).style("font-size",parseInt(C)-2+"px").style("line-height","100%").style("text-align","center").html((o,t)=>o.meta_fields.subtitle).on("mouseover",(o,t,r)=>{}).on("mouseout",(o,t,r)=>{}).classed("subtitle-class",!0),O.selectAll(".title").data(i).enter().append("foreignObject").attr("x",function(o,t){return b(t)-T/2}).attr("width",T).attr("height",_).attr("overflow","visible").style("opacity",1).attr("y",(o,t)=>ct(t)).append("xhtml:div").attr("id",(o,t)=>Y(t)).style("font-size",parseInt(C)+1+"px").style("color",(o,t)=>X(t)).style("font-weight",o=>"bold").style("line-height","100%").style("text-align","center").style("cursor",y?"pointer":"default").style("overflow-wrap","break-word").html((o,t)=>{const r=ft(t);let D=o.title.rendered;return r&&(D+=`<br><span style="font-size:${parseInt(C)-3}px;color:${X(t)}">${r}</span>`),D}).on("mouseover",(o,t,r)=>{y&&ot(o,t,c[t.id])}).on("mouseout",(o,t,r,D)=>{y&&(it(o,t,c[t.id]),m&&(u(!1),x(null)))}),k){let o=!1;h&&(o=!0,d.select("#"+j(S)).dispatch("mouseover")),!o&&y&&d.select("#"+Y(S)).dispatch("mouseover")}},[]),p.jsxs("div",{className:"time line",onMouseLeave:e=>{e.target.getAttribute("class")!=="ui fluid container excerpt"&&(u(!1),x(null),M(S))},onMouseEnter:e=>{m&&(u(!1),x(null),M(S))},style:{position:"relative"},children:[i.map((e,n)=>{const c=v&&v.index==n;return p.jsx("div",{className:"tooltip",onMouseOver:()=>Z(n),onMouseOut:()=>{M(n)},style:{left:c?v.position[0]:0,top:c?v.position[1]:0,position:"absolute",pointerEvents:m?"none":"all"},children:c&&p.jsx("div",{className:"tooltip",style:{backgroundColor:Q(n),color:dt(n)},children:p.jsx(yt.default,{post:e,as:st.Container,style:c?Ot:Ct},e.slug)})})}),p.jsx("svg",{height:g,width:"100%",ref:w})]})},wt=s=>{const{"data-type":i,"data-taxonomy":a,"data-categories":f,"data-items":J,"data-height":R,"data-line-color":q="#000","data-config":g="{}","data-position":l="middle","data-line-width":z="1","data-margin-left":A=50,"data-margin-top":H=25,"data-margin-right":W=50,"data-margin-bottom":C=25,"data-font-size":T=14,"data-title-width":_=100,"data-title-height":L=50,"data-subtitle-width":E=50,"data-subtitle-height":y=20,"data-enable-title-popup":h="false","data-enable-circle-popup":k="true","data-enable-default-popup":m="false","data-close-popup-on-mouse-out":P="false",editing:w,parent:V,unique:u}=s,v=s.intl.locale,N={unique:u||Math.random().toString(36).substring(2,9),marginLeft:A,marginTop:H,marginRight:W,marginBottom:C,lineWidth:z,height:R,position:l,lineColor:decodeURIComponent(q),config:JSON.parse(decodeURIComponent(g)),fontSize:T,titleWidth:_,titleHeight:L,subtitleWidth:E,subtitleHeight:y,enableTitlePopup:h==!0||h=="true",enableCirclePopup:k==!0||k=="true",enableDefaultPopup:m==!0||m=="true",closePopupOnMouseOut:P==!0||P=="true"};return p.jsx(st.Container,{style:{height:`${R}px`},className:`viz time line ${w?"editing":""}`,fluid:!0,children:p.jsx(rt.PostProvider,{locale:v,type:i,taxonomy:a,categories:f,store:"carousel_"+V+"_"+u,page:1,perPage:J,children:p.jsx(rt.PostConsumer,{children:p.jsx(Pt,{...N})})})})};exports.default=wt;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const p=require("react/jsx-runtime"),rt=require("@devgateway/wp-react-lib"),yt=require("../connected-templates/PostIntro.js"),I=require("react"),st=require("semantic-ui-react"),vt=require("d3");function xt(s){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const a in s)if(a!=="default"){const f=Object.getOwnPropertyDescriptor(s,a);Object.defineProperty(i,a,f.get?f:{enumerable:!0,get:()=>s[a]})}}return i.default=s,Object.freeze(i)}const d=xt(vt),Ot={visibility:"visible",position:"relative",height:"auto",width:"auto"},Ct={position:"absolute",overflow:"hidden",display:"none"},S=0,Pt=s=>{const{posts:i,position:a,lineWidth:f,meta:J,locale:R,lineColor:z,height:g,config:l,marginLeft:A,marginTop:H,marginRight:W,marginBottom:_,fontSize:C,titleWidth:T,titleHeight:q,subtitleWidth:L,subtitleHeight:E,enableTitlePopup:y,enableCirclePopup:h,enableDefaultPopup:k,closePopupOnMouseOut:m,unique:P}=s,w=I.useRef(),[V,u]=I.useState(!1),[v,x]=I.useState(null),N=e=>l[e].position,K=e=>l[e].connectorLineHeight,at=e=>l[e].subtitleOffset,ct=e=>l[e].titleOffset,$=e=>{var n;return(n=l[e])==null?void 0:n.circleColor},Q=e=>l[e].lineColor,X=e=>l[e].titleColor,ut=e=>l[e].labelColor,dt=e=>l[e].tooltipFontColor||"#fff",pt=e=>l[e].size,ft=e=>l[e].readMoreLabel,j=e=>"circle"+P+e,Y=e=>"title"+P+e,M=e=>{d.selectAll("#"+j(e)).style("stroke","none").style("fill",$(e)),d.selectAll("#label"+e).style("font-weight","normal")},Z=e=>{M(S),d.selectAll("#"+j(e)).style("stroke",$(e)).style("fill","#fff"),d.selectAll("#label"+e).style("font-weight","bold")};return I.useEffect(()=>{const e={top:H,right:W,bottom:_,left:A};let n=g/2;a=="middle"&&(n=g/2),a=="top"&&(n=e.top),a=="bottom"&&(n=g-e.bottom);const c={};i.forEach((o,t)=>{c[o.id]=t});const tt=w.current.clientWidth,gt=g,b=d.scaleLinear().domain([0,i.length-1]).range([e.left,tt-e.right]),et=d.line(),ht=[[b(0),0],[b(i.length-1),0]],mt=et(ht),B=d.select(w.current);B.attr("width",tt).attr("height",gt),B.node().parentNode;const ot=(o,t,r)=>{let U=[0,0];if(o){const F=o.target.getBoundingClientRect(),nt=o.target.closest(".time").getBoundingClientRect(),G=F.left-nt.left,bt=F.top-nt.top;U=[G+30,bt+50];const lt=600;F.left+G+lt+30>window.innerWidth&&(U[0]=G-lt*.6)}u(!0),x({data:t,index:r,position:U}),Z(r)},it=(o,t,r)=>{M(r)},O=B.append("g");if(O.attr("transform",`translate(0,${n})`),O.append("path").attr("d",mt).attr("stroke-width",f).attr("stroke",z),O.selectAll(".tick").data(i).enter().append("path").attr("d",(o,t)=>et([[b(t),0],[b(t),N(t)==="top"?K(t)*-1:K(t)]])).attr("stroke-width",f).attr("stroke",(o,t)=>Q(t)).on("mouseover",function(o,t,r){}),O.selectAll(".circle").data(i).enter().append("circle").attr("id",(o,t)=>j(t)).attr("cx",(o,t)=>b(t)).attr("cy",0).attr("id",(o,t)=>j(t)).attr("r",(o,t)=>pt(t)).style("stroke-width",3).style("cursor",h?"pointer":"default").style("fill",(o,t)=>$(t)).on("mouseover",function(o,t){h&&ot(o,t,c[t.id])}).on("mouseout",function(o,t,r){h&&(it(o,t,c[t.id]),m&&(u(!1),x(null)))}),O.selectAll(".label").data(i).enter().append("foreignObject").attr("id",(o,t)=>"label"+t).attr("x",function(o,t){return b(t)-L/2}).attr("width",L).attr("height",E).attr("overflow","visible").style("opacity",1).attr("y",(o,t)=>at(t)).append("xhtml:div").style("color",(o,t)=>ut(t)).style("font-size",parseInt(C)-2+"px").style("line-height","100%").style("text-align","center").html((o,t)=>o.meta_fields.subtitle).on("mouseover",(o,t,r)=>{}).on("mouseout",(o,t,r)=>{}).classed("subtitle-class",!0),O.selectAll(".title").data(i).enter().append("foreignObject").attr("x",function(o,t){return b(t)-T/2}).attr("width",T).attr("height",q).attr("overflow","visible").style("opacity",1).attr("y",(o,t)=>ct(t)).append("xhtml:div").attr("id",(o,t)=>Y(t)).style("font-size",parseInt(C)+1+"px").style("color",(o,t)=>X(t)).style("font-weight",o=>"bold").style("line-height","100%").style("text-align","center").style("cursor",y?"pointer":"default").style("overflow-wrap","break-word").html((o,t)=>{const r=ft(t);let D=o.title.rendered;return r&&(D+=`<br><span style="font-size:${parseInt(C)-3}px;color:${X(t)}">${r}</span>`),D}).on("mouseover",(o,t,r)=>{y&&ot(o,t,c[t.id])}).on("mouseout",(o,t,r,D)=>{y&&(it(o,t,c[t.id]),m&&(u(!1),x(null)))}),k){let o=!1;h&&(o=!0,d.select("#"+j(S)).dispatch("mouseover")),!o&&y&&d.select("#"+Y(S)).dispatch("mouseover")}},[]),p.jsxs("div",{className:"time line",onMouseLeave:e=>{e.target.getAttribute("class")!=="ui fluid container excerpt"&&(u(!1),x(null),M(S))},onMouseEnter:e=>{m&&(u(!1),x(null),M(S))},style:{position:"relative"},children:[i.map((e,n)=>{const c=v&&v.index==n;return p.jsx("div",{className:"tooltip",onMouseOver:()=>Z(n),onMouseOut:()=>{M(n)},style:{left:c?v.position[0]:0,top:c?v.position[1]:0,position:"absolute",pointerEvents:m?"none":"all"},children:c&&p.jsx("div",{className:"tooltip",style:{backgroundColor:Q(n),color:dt(n)},children:p.jsx(yt.default,{post:e,as:st.Container,style:c?Ot:Ct},e.slug)})})}),p.jsx("svg",{height:g,width:"100%",ref:w})]})},wt=s=>{const{"data-type":i,"data-taxonomy":a,"data-categories":f,"data-items":J,"data-height":R,"data-line-color":z="#000","data-config":g="{}","data-position":l="middle","data-line-width":A="1","data-margin-left":H=50,"data-margin-top":W=25,"data-margin-right":_=50,"data-margin-bottom":C=25,"data-font-size":T=14,"data-title-width":q=100,"data-title-height":L=50,"data-subtitle-width":E=50,"data-subtitle-height":y=20,"data-enable-title-popup":h="false","data-enable-circle-popup":k="true","data-enable-default-popup":m="false","data-close-popup-on-mouse-out":P="false",editing:w,parent:V,unique:u}=s,v=s.intl.locale,N={unique:u||Math.random().toString(36).substring(2,9),marginLeft:H,marginTop:W,marginRight:_,marginBottom:C,lineWidth:A,height:R,position:l,lineColor:decodeURIComponent(z),config:JSON.parse(decodeURIComponent(g)),fontSize:T,titleWidth:q,titleHeight:L,subtitleWidth:E,subtitleHeight:y,enableTitlePopup:h==!0||h=="true",enableCirclePopup:k==!0||k=="true",enableDefaultPopup:m==!0||m=="true",closePopupOnMouseOut:P==!0||P=="true"};return p.jsx(st.Container,{style:{height:`${R}px`},className:`viz time line ${w?"editing":""}`,fluid:!0,children:p.jsx(rt.PostProvider,{locale:v,type:i,taxonomy:a,categories:f,store:"carousel_"+V+"_"+u,page:1,perPage:J,children:p.jsx(rt.PostConsumer,{children:p.jsx(Pt,{...N})})})})};exports.default=wt;

package/dist/cjs/embeddable/time-line/mobile.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),st=require("@devgateway/wp-react-lib"),mt=require("../connected-templates/PostIntro.js");;/* empty css                                                                                                                                                           */const f=require("react"),z=require("semantic-ui-react"),bt=require("d3"),yt=require("../../lib/hooks/window-dimensions.js"),xt=require("../../lib/hooks/screen-orientation.js");function Ct(a){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const d in a)if(d!=="default"){const g=Object.getOwnPropertyDescriptor(a,d);Object.defineProperty(n,d,g.get?g:{enumerable:!0,get:()=>a[d]})}}return n.default=a,Object.freeze(n)}const h=Ct(bt),wt={visibility:"visible",position:"relative",height:"auto",width:"auto"},vt=0,Tt=a=>{let{posts:n,lineWidth:d,lineColor:g,config:u,marginLeft:L,marginTop:q,marginRight:G,marginBottom:E,fontSize:w,subtitleWidth:N,subtitleHeight:v,enableTitlePopup:O,enableCirclePopup:j,enableDefaultPopup:J,closePopupOnMouseOut:V,unique:m}=a;N=250;const T=f.useRef(),S=f.useRef(),[D,y]=f.useState(!1),[M,k]=f.useState(0),[W,B]=f.useState(null),{orientation:x}=xt.useScreenOrientation(),{width:X,deviceType:b,height:H}=yt.useWindowDimensionsAndDevice({getDeviceType:!0,getHeight:!0}),F=f.useCallback(t=>`circle${m}${t}`,[m]),rt=f.useCallback(t=>`title${m}${t}`,[m]),at=t=>{var i;return((i=u[t])==null?void 0:i.size)||10},ct=({content:t,isOpen:i,style:l})=>{const C=s=>(s=s.replace(/<ul(.*?)>/g,'<ul class="has-white-color has-text-color has-standard-14-font-size" style="list-style-type:disc !important; list-style: initial !important; padding-left:20px; color:#fefefe;">'),s=s.replace(/<a(.*?)>/g,'<a$1 style="color:#fefefe;">'),s);return r.jsxs(z.Modal,{open:i,onClose:()=>y(!1),size:"fullscreen",closeIcon:!0,centered:!0,style:{maxHeight:"80vh",overflowY:"auto",padding:"0.5rem",...l},children:[r.jsx(z.Modal.Header,{style:{...l,borderBottom:"none"}}),r.jsx(z.Modal.Content,{className:"styled-list-content",style:{...l},dangerouslySetInnerHTML:{__html:C(t.props.children.props.post.content.rendered)}})]},`${t.props.children.key}modal`)},Y=t=>{var i;return(i=u[t])==null?void 0:i.circleColor},K=t=>u[t].titleColor,Q=t=>u[t].lineColor,Z=t=>u[t].tooltipFontColor||"#fff",dt=t=>u[t].readMoreLabel,tt=f.useCallback((t,i)=>{t.preventDefault();const l=260,C=50;let s=[0,0];if(t){const P=t.target.getBoundingClientRect(),I=t.target.closest(".time").getBoundingClientRect(),c=P.left-I.left,$=P.top+I.top;s=[c+l,$+C];const R=400;P.left+c+R+l>window.innerWidth&&(s[0]=c-R*.6)}y(!0),B({data:i,id:i.id,position:s}),ft(i.id)},[]),ut=()=>{y(!1)},pt=t=>{h.selectAll(`#${F(t)}`).style("stroke","none").style("fill",Y(t)),h.selectAll(`#label${t}`).style("font-weight","normal")},ft=t=>{pt(vt),h.selectAll(`#${F(t)}`).style("stroke",Y(t)).style("fill","#fff"),h.selectAll(`#label${t}`).style("font-weight","bold")};return f.useLayoutEffect(()=>{var lt;const t={top:q,bottom:E},i=T.current.clientWidth,l=S.current.clientWidth;l>0&&k(l);const C=H,s={mobile:"75",tablet:"150",midTablet:"150",laptop:"150"},P={mobile:"250",tablet:"350",midTablet:"350",laptop:"400"},I={mobile:20,tablet:30,midTablet:30,laptop:40},c=h.scaleLinear().domain([0,n.length-1]).range([t.top,C-t.bottom]),$=h.select(T.current);$.selectAll("*").remove(),$.attr("width",i).attr("height",C);const R=h.line(),ht=[[0,c(0)],[0,c(n.length-1)]],gt=R(ht);let et=`translate(${s[b]},0)`;((lt=process.env.REACT_APP_THEME)==null?void 0:lt.startsWith("cd"))&&(et=`translate(${s[b]},20)`);const _=$.append("g").attr("transform",et);g="#E4E5EA",d=6,_.append("path").attr("d",gt).attr("stroke-width",d).attr("stroke",g).attr("class","timeline-path"),_.selectAll(".circle").data(n).enter().append("circle").attr("id",(o,e)=>F(e)).attr("cx",0).attr("class","timeline-circle").attr("cy",(o,e)=>c(e)).attr("r",(o,e)=>at(e)).style("fill",(o,e)=>{var p;return((p=u[e])==null?void 0:p.circleColor)||"#000"}).style("cursor",j?"pointer":"default").on("click",(o,e)=>{o.preventDefault(),j&&tt(o,e)}),_.selectAll(".title").data(n).enter().append("foreignObject").attr("x",I[b]).attr("y",(o,e)=>c(e)-Number.parseInt(v)/2).attr("width",Number.parseInt(P[b])).attr("height",Number.parseInt(v)).attr("class","timeline-title").append("xhtml:div").attr("id",(o,e)=>rt(e)).style("font-size",`${Number.parseInt(w)+1}px`).style("color",(o,e)=>K(e)).style("font-weight","bold").style("line-height","1.2rem").style("text-align","left").style("cursor",O?"pointer":"default").style("overflow","hidden").style("display","-webkit-box").style("-webkit-line-clamp","2").style("-webkit-box-orient","vertical").style("text-overflow","ellipsis").style("overflow-wrap","break-word").html((o,e)=>{const p=dt(e);let A=o.title.rendered;return p&&(A+=`<br><span style="font-size:${Number.parseInt(w)-3}px;color:${K(e)};text-decoration:underline;text-underline-offset:3px">${p}</span>`),A}).each(function(o,e){const p=h.select(this.parentNode);setTimeout(()=>{const A=this.getBoundingClientRect(),nt=Math.min(A.height,Number.parseInt(v)*2);p.attr("height",nt),p.attr("y",c(e)-nt/2)},0)}).on("click",(o,e,p)=>{o.preventDefault(),O&&tt(o,e)});const ot=+w+1,it=60,U=ot*.9;_.selectAll(".year-fo").data(n).enter().append("foreignObject").attr("class","year-fo").attr("x",-70).attr("y",(o,e)=>c(e)-U/2).attr("width",it).attr("height",U).append("xhtml:div").style("display","flex").style("align-items","center").style("justify-content","flex-end").style("width",`${it}px`).style("height",`${U}px`).style("font-size",`${ot}px`).style("line-height","1em").style("font-weight","400").style("color","#4C4D50").html(o=>o.meta_fields.subtitle)},[b,x]),r.jsxs("div",{className:"time line",style:{position:"relative"},ref:S,children:[n.filter(t=>W&&W.id===t.id).map(t=>{const i=t.slug||"unknown-slug",l=n.indexOf(t);return r.jsx(ct,{isOpen:D,content:r.jsx("div",{style:{backgroundColor:Q(l),color:Z(l)},children:r.jsx(mt.default,{post:t,style:wt},i)}),closeTooltip:ut,style:{backgroundColor:Q(l),color:Z(l)}},`${i}_modal`)}),r.jsx("svg",{height:H,width:M,ref:T})]},m+b+x)},Pt=a=>{const{"data-type":n,"data-taxonomy":d,"data-categories":g,"data-items":u,"data-height":L,"data-line-color":q="#000","data-config":G="{}","data-position":E="middle","data-line-width":w="1","data-margin-left":N=50,"data-margin-top":v=25,"data-margin-right":O=50,"data-margin-bottom":j=25,"data-font-size":J=14,"data-title-width":V=100,"data-title-height":m=50,"data-subtitle-width":T=250,"data-subtitle-height":S=60,"data-enable-title-popup":D="false","data-enable-circle-popup":y="true","data-enable-default-popup":M="false","data-close-popup-on-mouse-out":k="false",editing:W,parent:B,unique:x}=a,X=a.intl.locale,H={unique:x||Math.random().toString(36).substring(2,9),marginLeft:N,marginTop:v,marginRight:O,marginBottom:j,lineWidth:w,height:L,position:E,lineColor:decodeURIComponent(q),config:JSON.parse(decodeURIComponent(G)),fontSize:J,titleWidth:V,titleHeight:m,subtitleWidth:T,subtitleHeight:S,enableTitlePopup:D==!0||D=="true",enableCirclePopup:y==!0||y=="true",enableDefaultPopup:M==!0||M=="true",closePopupOnMouseOut:k==!0||k=="true"};return r.jsx(z.Container,{style:{height:`${L}px`},className:`viz time line ${W?"editing":""}`,fluid:!0,children:r.jsx(st.PostProvider,{locale:X,type:n,taxonomy:d,categories:g,store:`carousel_${B}_${x}`,page:1,perPage:u,children:r.jsx(st.PostConsumer,{children:r.jsx(Tt,{...H})})})})};exports.default=Pt;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),st=require("@devgateway/wp-react-lib"),mt=require("../connected-templates/PostIntro.js"),f=require("react"),z=require("semantic-ui-react"),bt=require("d3"),yt=require("../../lib/hooks/window-dimensions.js"),xt=require("../../lib/hooks/screen-orientation.js");function Ct(r){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const d in r)if(d!=="default"){const g=Object.getOwnPropertyDescriptor(r,d);Object.defineProperty(n,d,g.get?g:{enumerable:!0,get:()=>r[d]})}}return n.default=r,Object.freeze(n)}const h=Ct(bt),wt={visibility:"visible",position:"relative",height:"auto",width:"auto"},vt=0,Tt=r=>{let{posts:n,lineWidth:d,lineColor:g,config:p,marginLeft:L,marginTop:E,marginRight:G,marginBottom:N,fontSize:w,subtitleWidth:q,subtitleHeight:v,enableTitlePopup:O,enableCirclePopup:j,enableDefaultPopup:J,closePopupOnMouseOut:V,unique:m}=r;q=250;const T=f.useRef(),S=f.useRef(),[D,y]=f.useState(!1),[M,k]=f.useState(0),[W,B]=f.useState(null),{orientation:x}=xt.useScreenOrientation(),{width:X,deviceType:b,height:H}=yt.useWindowDimensionsAndDevice({getDeviceType:!0,getHeight:!0}),F=f.useCallback(t=>`circle${m}${t}`,[m]),at=f.useCallback(t=>`title${m}${t}`,[m]),rt=t=>{var i;return((i=p[t])==null?void 0:i.size)||10},ct=({content:t,isOpen:i,style:l})=>{const C=s=>(s=s.replace(/<ul(.*?)>/g,'<ul class="has-white-color has-text-color has-standard-14-font-size" style="list-style-type:disc !important; list-style: initial !important; padding-left:20px; color:#fefefe;">'),s=s.replace(/<a(.*?)>/g,'<a$1 style="color:#fefefe;">'),s);return a.jsxs(z.Modal,{open:i,onClose:()=>y(!1),size:"fullscreen",closeIcon:!0,centered:!0,style:{maxHeight:"80vh",overflowY:"auto",padding:"0.5rem",...l},children:[a.jsx(z.Modal.Header,{style:{...l,borderBottom:"none"}}),a.jsx(z.Modal.Content,{className:"styled-list-content",style:{...l},dangerouslySetInnerHTML:{__html:C(t.props.children.props.post.content.rendered)}})]},`${t.props.children.key}modal`)},Y=t=>{var i;return(i=p[t])==null?void 0:i.circleColor},K=t=>p[t].titleColor,Q=t=>p[t].lineColor,Z=t=>p[t].tooltipFontColor||"#fff",dt=t=>p[t].readMoreLabel,tt=f.useCallback((t,i)=>{t.preventDefault();const l=260,C=50;let s=[0,0];if(t){const P=t.target.getBoundingClientRect(),I=t.target.closest(".time").getBoundingClientRect(),c=P.left-I.left,$=P.top+I.top;s=[c+l,$+C];const R=400;P.left+c+R+l>window.innerWidth&&(s[0]=c-R*.6)}y(!0),B({data:i,id:i.id,position:s}),ft(i.id)},[]),pt=()=>{y(!1)},ut=t=>{h.selectAll(`#${F(t)}`).style("stroke","none").style("fill",Y(t)),h.selectAll(`#label${t}`).style("font-weight","normal")},ft=t=>{ut(vt),h.selectAll(`#${F(t)}`).style("stroke",Y(t)).style("fill","#fff"),h.selectAll(`#label${t}`).style("font-weight","bold")};return f.useLayoutEffect(()=>{var lt;const t={top:E,bottom:N},i=T.current.clientWidth,l=S.current.clientWidth;l>0&&k(l);const C=H,s={mobile:"75",tablet:"150",midTablet:"150",laptop:"150"},P={mobile:"250",tablet:"350",midTablet:"350",laptop:"400"},I={mobile:20,tablet:30,midTablet:30,laptop:40},c=h.scaleLinear().domain([0,n.length-1]).range([t.top,C-t.bottom]),$=h.select(T.current);$.selectAll("*").remove(),$.attr("width",i).attr("height",C);const R=h.line(),ht=[[0,c(0)],[0,c(n.length-1)]],gt=R(ht);let et=`translate(${s[b]},0)`;((lt=process.env.REACT_APP_THEME)==null?void 0:lt.startsWith("cd"))&&(et=`translate(${s[b]},20)`);const _=$.append("g").attr("transform",et);g="#E4E5EA",d=6,_.append("path").attr("d",gt).attr("stroke-width",d).attr("stroke",g).attr("class","timeline-path"),_.selectAll(".circle").data(n).enter().append("circle").attr("id",(o,e)=>F(e)).attr("cx",0).attr("class","timeline-circle").attr("cy",(o,e)=>c(e)).attr("r",(o,e)=>rt(e)).style("fill",(o,e)=>{var u;return((u=p[e])==null?void 0:u.circleColor)||"#000"}).style("cursor",j?"pointer":"default").on("click",(o,e)=>{o.preventDefault(),j&&tt(o,e)}),_.selectAll(".title").data(n).enter().append("foreignObject").attr("x",I[b]).attr("y",(o,e)=>c(e)-Number.parseInt(v)/2).attr("width",Number.parseInt(P[b])).attr("height",Number.parseInt(v)).attr("class","timeline-title").append("xhtml:div").attr("id",(o,e)=>at(e)).style("font-size",`${Number.parseInt(w)+1}px`).style("color",(o,e)=>K(e)).style("font-weight","bold").style("line-height","1.2rem").style("text-align","left").style("cursor",O?"pointer":"default").style("overflow","hidden").style("display","-webkit-box").style("-webkit-line-clamp","2").style("-webkit-box-orient","vertical").style("text-overflow","ellipsis").style("overflow-wrap","break-word").html((o,e)=>{const u=dt(e);let A=o.title.rendered;return u&&(A+=`<br><span style="font-size:${Number.parseInt(w)-3}px;color:${K(e)};text-decoration:underline;text-underline-offset:3px">${u}</span>`),A}).each(function(o,e){const u=h.select(this.parentNode);setTimeout(()=>{const A=this.getBoundingClientRect(),nt=Math.min(A.height,Number.parseInt(v)*2);u.attr("height",nt),u.attr("y",c(e)-nt/2)},0)}).on("click",(o,e,u)=>{o.preventDefault(),O&&tt(o,e)});const ot=+w+1,it=60,U=ot*.9;_.selectAll(".year-fo").data(n).enter().append("foreignObject").attr("class","year-fo").attr("x",-70).attr("y",(o,e)=>c(e)-U/2).attr("width",it).attr("height",U).append("xhtml:div").style("display","flex").style("align-items","center").style("justify-content","flex-end").style("width",`${it}px`).style("height",`${U}px`).style("font-size",`${ot}px`).style("line-height","1em").style("font-weight","400").style("color","#4C4D50").html(o=>o.meta_fields.subtitle)},[b,x]),a.jsxs("div",{className:"time line",style:{position:"relative"},ref:S,children:[n.filter(t=>W&&W.id===t.id).map(t=>{const i=t.slug||"unknown-slug",l=n.indexOf(t);return a.jsx(ct,{isOpen:D,content:a.jsx("div",{style:{backgroundColor:Q(l),color:Z(l)},children:a.jsx(mt.default,{post:t,style:wt},i)}),closeTooltip:pt,style:{backgroundColor:Q(l),color:Z(l)}},`${i}_modal`)}),a.jsx("svg",{height:H,width:M,ref:T})]},m+b+x)},Pt=r=>{const{"data-type":n,"data-taxonomy":d,"data-categories":g,"data-items":p,"data-height":L,"data-line-color":E="#000","data-config":G="{}","data-position":N="middle","data-line-width":w="1","data-margin-left":q=50,"data-margin-top":v=25,"data-margin-right":O=50,"data-margin-bottom":j=25,"data-font-size":J=14,"data-title-width":V=100,"data-title-height":m=50,"data-subtitle-width":T=250,"data-subtitle-height":S=60,"data-enable-title-popup":D="false","data-enable-circle-popup":y="true","data-enable-default-popup":M="false","data-close-popup-on-mouse-out":k="false",editing:W,parent:B,unique:x}=r,X=r.intl.locale,H={unique:x||Math.random().toString(36).substring(2,9),marginLeft:q,marginTop:v,marginRight:O,marginBottom:j,lineWidth:w,height:L,position:N,lineColor:decodeURIComponent(E),config:JSON.parse(decodeURIComponent(G)),fontSize:J,titleWidth:V,titleHeight:m,subtitleWidth:T,subtitleHeight:S,enableTitlePopup:D==!0||D=="true",enableCirclePopup:y==!0||y=="true",enableDefaultPopup:M==!0||M=="true",closePopupOnMouseOut:k==!0||k=="true"};return a.jsx(z.Container,{style:{height:`${L}px`},className:`viz time line ${W?"editing":""}`,fluid:!0,children:a.jsx(st.PostProvider,{locale:X,type:n,taxonomy:d,categories:g,store:`carousel_${B}_${x}`,page:1,perPage:p,children:a.jsx(st.PostConsumer,{children:a.jsx(Tt,{...H})})})})};exports.default=Pt;