@devgateway/dvz-ui-react 1.3.2 → 1.3.3

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

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

package/dist/cjs/embeddable/vertical-featuredtabs/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),l=require("react"),S=require("semantic-ui-react"),b=require("@devgateway/wp-react-lib"),F=require("react-redux"),z=require("../connected-templates/PostIntro.js"),O=({posts:r,activeItem:s,setActive:p,colors:h})=>{const[f,c]=l.useState(r.findIndex(n=>n.slug===s)),[d,w]=l.useState(null),g=(n,i,o)=>{document.querySelectorAll(n).forEach(a=>{a.querySelector(i)&&a.classList.add(o)})};l.useEffect(()=>{if(d){const n=d.getBoundingClientRect().top+window.scrollY;window.scrollTo({top:n,behavior:"smooth"})}g(".ui.fluid.container.viz.featured.tabs",".accordion","has-accordion"),g(".ui.fluid.container.viz.featured.tabs","blockquote","has-blockquote"),g(".ui.fluid.container.viz.featured.tabs",".accordion .accordion-post-ft-title","has-accordion-title"),g(".ui.fluid.container.viz.featured.tabs",".accordion .accordion-post-vft-content","has-accordion-content"),g(".ui.fluid.container.viz.featured.tabs",".vt-accordion-post-intro figure","has-vt-accordion-figure"),g(".ui.fluid.container.viz.featured.tabs",".content.active.accordion-post-content .wp-block-columns","has-wp-block-columns")},[d]),l.useEffect(()=>{let n;const i=[],o=t=>{setTimeout(()=>{var C;const a=t.querySelectorAll(".accordion .legends.container.has-standard-12-font-size.bottom, .legends.container.items-section");if(a.length!==0)for(const m of a){const $=m.closest(".ui.fluid.container.content"),x=$?$.querySelector(".data-source"):null;if(!x||m.offsetParent===null||x.offsetParent===null||m.offsetHeight===0||x.offsetHeight===0)continue;const k=x.getBoundingClientRect(),I=m.getBoundingClientRect(),y=window.getComputedStyle(x),N=window.getComputedStyle(m),T=parseFloat(y.marginTop)||0,P=parseFloat(N.marginBottom)||0,j=I.bottom+P,A=k.top-T;if(j>A){const E=j-A;x.style.marginTop=`${E+20}px`}const u=(C=m.closest(".wp-block-column.is-layout-flow.wp-block-column-is-layout-flow"))==null?void 0:C.nextElementSibling;if(u){const E=u.getBoundingClientRect(),q=window.getComputedStyle(u),L=Number.parseFloat(q.marginTop)||0,R=E.top-L;if(j>R){const _=j-R;u.style.marginTop=`${_+20}px`}}const M=m.closest(".chart.container");if(M){const E=M.getBoundingClientRect(),q=window.getComputedStyle(M),L=Number.parseFloat(q.marginBottom)||0,R=E.bottom+L,_=Number.parseFloat(N.marginTop)||0,B=I.top-_;if(B<R){const D=R-B;m.style.marginTop=`${D+20}px`}}}},10)};return f!==-1&&(n=setTimeout(()=>{document.querySelectorAll(".accordion").forEach(a=>o(a))},0)),()=>{clearTimeout(n),i.forEach(t=>t.disconnect())}},[f]);const v=(n,i)=>{const{index:o}=i,t=f===o?-1:o;c(t),p(r[o].slug),t!==-1&&w(n.currentTarget)};return e.jsx(S.Accordion,{fluid:!0,styled:!0,children:r.map((n,i)=>{var t;const o=(t=n.meta_fields)!=null&&t.icon?n.meta_fields.icon[0]:null;return e.jsxs(l.Fragment,{children:[e.jsx(S.Accordion.Title,{active:f===i,index:i,onClick:a=>v(a,{index:i}),style:{backgroundColor:h[`color_${i}`]},children:e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",width:"100%"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center"},children:[o&&e.jsx(b.MediaProvider,{id:o,children:e.jsx(b.MediaConsumer,{children:e.jsx(b.PostIcon,{className:"icon"})})}),e.jsx(z.default,{post:n,className:"vt-accordion-post-intro"})]}),e.jsx(S.Icon,{name:"chevron down"})]})}),e.jsx(S.Accordion.Content,{className:"accordion-post-content accordion-post-vft-content",active:f===i,children:e.jsx(b.PostContent,{post:n})})]},n.id)})})},H=({post:r,count:s,backgroundColor:p,active:h,dimensions:f,height:c,coverWidth:d,index:w,editing:g})=>{const v=r._embedded?r._embedded["wp:featuredmedia"]:null,[n,i]=l.useState(!1),o=g?s-w:1;return e.jsxs("div",{className:"content-area",children:[e.jsxs("div",{className:"cover",style:{width:`${d}px`,backgroundColor:p,backgroundImage:`url(${v?v[0].source_url:""})`},onMouseEnter:()=>i(!0),onMouseLeave:()=>i(!1),children:[e.jsx("div",{className:"rotator",style:{width:`${c}px`,transform:`translate(${d/2}px, 0px) rotate(90deg)`},children:e.jsx(z.default,{post:r})}),e.jsxs("div",{className:"overlay-label-container",children:[e.jsx("div",{className:`overlay-label ${n&&!h?"visible":""}`,children:"CLICK TO EXPAND"}),e.jsx("div",{className:"arrow-svg"})]})]}),e.jsx("div",{className:`collapsable-content ${h?"expanded":"collapsed"}`,style:{backgroundColor:"#f9f9f9",width:`${f.width-d*s}px`,marginLeft:`${d*o}px`},children:e.jsx(b.PostContent,{post:r})})]})},W=({editing:r,posts:s,height:p,colors:h,coverWidth:f})=>{const[c,d]=l.useState(null),w=l.useRef(null),[g,v]=l.useState({width:0,height:0}),n=l.useRef(null),i=o=>{d(t=>t===o?null:o)};return l.useEffect(()=>{s.length>0&&!c&&r&&d(s[0].slug)},[s,c,r]),l.useLayoutEffect(()=>{var t,a,C,m;(t=w.current)!=null&&t.parentElement&&v({width:r?((C=(a=w.current.parentElement)==null?void 0:a.parentElement)==null?void 0:C.offsetWidth)??0:((m=w.current.parentElement)==null?void 0:m.offsetWidth)??0,height:w.current.offsetHeight});const o=n.current;o&&(o.style.overflow=r?"visible":"hidden")},[r]),e.jsx(S.Container,{fluid:!0,className:"vertical featured tabs",ref:n,children:s==null?void 0:s.map((o,t)=>{const a=c?o.slug===c:t===0;return e.jsxs("div",{ref:w,onClick:()=>i(o.slug),className:a?"item expanded":"item collapsed",style:{minHeight:`${p}px`,minWidth:`${f}px`},children:[e.jsx("a",{id:o.slug}),e.jsx(H,{editing:r,coverWidth:f,height:p,backgroundColor:h[`color_${t}`],count:s.length,dimensions:g,active:a,post:o,index:t})]},o.slug)})})},U=r=>{var A;let{"data-height":s,"data-type":p,"data-taxonomy":h,"data-categories":f,"data-count":c,"data-colors":d,"data-cover-width":w=50,"data-read-more-label":g="READ More","data-preview-mode":v="Desktop",editing:n,parent:i,unique:o,pageModuleProps:t}=r;t!=null&&t.previewMode&&(t!=null&&t.editing)&&(v=t.previewMode,n=t.editing);const a=r.intl.locale,C=f||"[]",[m,$]=l.useState(window.innerWidth<=1365),x=()=>{var u;return((u=window.screen.orientation)==null?void 0:u.type)||(window.innerWidth>window.innerHeight?"landscape-primary":"portrait-primary")},[k,I]=l.useState(x()),y=()=>{setTimeout(()=>{I(x()),$(window.innerWidth<=1365)},100)};l.useEffect(()=>(window.screen.orientation&&window.screen.orientation.addEventListener("change",y),window.addEventListener("resize",y),()=>{window.removeEventListener("resize",y),window.screen.orientation&&window.screen.orientation.removeEventListener("change",y)}),[]);const N=u=>n?u:decodeURIComponent(u),T=u=>{if(!u)return null;try{return JSON.parse(N(u))}catch(M){console.error(`error parsing value:${u}
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),l=require("react"),S=require("semantic-ui-react"),b=require("@devgateway/wp-react-lib"),F=require("react-redux"),z=require("../connected-templates/PostIntro.js"),O=({posts:r,activeItem:s,setActive:p,colors:h})=>{const[f,c]=l.useState(r.findIndex(n=>n.slug===s)),[d,w]=l.useState(null),g=(n,i,o)=>{document.querySelectorAll(n).forEach(a=>{a.querySelector(i)&&a.classList.add(o)})};l.useEffect(()=>{if(d){const n=d.getBoundingClientRect().top+window.scrollY;window.scrollTo({top:n,behavior:"smooth"})}g(".ui.fluid.container.viz.featured.tabs",".accordion","has-accordion"),g(".ui.fluid.container.viz.featured.tabs","blockquote","has-blockquote"),g(".ui.fluid.container.viz.featured.tabs",".accordion .accordion-post-ft-title","has-accordion-title"),g(".ui.fluid.container.viz.featured.tabs",".accordion .accordion-post-vft-content","has-accordion-content"),g(".ui.fluid.container.viz.featured.tabs",".vt-accordion-post-intro figure","has-vt-accordion-figure"),g(".ui.fluid.container.viz.featured.tabs",".content.active.accordion-post-content .wp-block-columns","has-wp-block-columns")},[d]),l.useEffect(()=>{let n;const i=[],o=t=>{setTimeout(()=>{var C;const a=t.querySelectorAll(".accordion .legends.container.has-standard-12-font-size.bottom, .legends.container.items-section");if(a.length!==0)for(const m of a){const $=m.closest(".ui.fluid.container.content"),x=$?$.querySelector(".data-source"):null;if(!x||m.offsetParent===null||x.offsetParent===null||m.offsetHeight===0||x.offsetHeight===0)continue;const k=x.getBoundingClientRect(),I=m.getBoundingClientRect(),y=window.getComputedStyle(x),N=window.getComputedStyle(m),T=parseFloat(y.marginTop)||0,P=parseFloat(N.marginBottom)||0,j=I.bottom+P,A=k.top-T;if(j>A){const E=j-A;x.style.marginTop=`${E+20}px`}const u=(C=m.closest(".wp-block-column.is-layout-flow.wp-block-column-is-layout-flow"))==null?void 0:C.nextElementSibling;if(u){const E=u.getBoundingClientRect(),q=window.getComputedStyle(u),L=Number.parseFloat(q.marginTop)||0,R=E.top-L;if(j>R){const _=j-R;u.style.marginTop=`${_+20}px`}}const M=m.closest(".chart.container");if(M){const E=M.getBoundingClientRect(),q=window.getComputedStyle(M),L=Number.parseFloat(q.marginBottom)||0,R=E.bottom+L,_=Number.parseFloat(N.marginTop)||0,B=I.top-_;if(B<R){const D=R-B;m.style.marginTop=`${D+20}px`}}}},10)};return f!==-1&&(n=setTimeout(()=>{document.querySelectorAll(".accordion").forEach(a=>o(a))},0)),()=>{clearTimeout(n),i.forEach(t=>t.disconnect())}},[f]);const v=(n,i)=>{const{index:o}=i,t=f===o?-1:o;c(t),p(r[o].slug),t!==-1&&w(n.currentTarget)};return e.jsx(S.Accordion,{fluid:!0,styled:!0,children:r.map((n,i)=>{var t;const o=(t=n.meta_fields)!=null&&t.icon?n.meta_fields.icon[0]:null;return e.jsxs(l.Fragment,{children:[e.jsx(S.Accordion.Title,{active:f===i,index:i,onClick:a=>v(a,{index:i}),style:{backgroundColor:h[`color_${i}`]},children:e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",width:"100%"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center"},children:[o&&e.jsx(b.MediaProvider,{id:o,children:e.jsx(b.MediaConsumer,{children:e.jsx(b.PostIcon,{className:"icon"})})}),e.jsx(z.default,{post:n,className:"vt-accordion-post-intro"})]}),e.jsx(S.Icon,{name:"chevron down"})]})}),e.jsx(S.Accordion.Content,{className:"accordion-post-content accordion-post-vft-content",active:f===i,children:e.jsx(b.PostContent,{post:n})})]},n.id)})})},H=({post:r,count:s,backgroundColor:p,active:h,dimensions:f,height:c,coverWidth:d,index:w,editing:g})=>{const v=r._embedded?r._embedded["wp:featuredmedia"]:null,[n,i]=l.useState(!1),o=g?s-w:1;return e.jsxs("div",{className:"content-area",children:[e.jsxs("div",{className:"cover",style:{width:`${d}px`,backgroundColor:p,backgroundImage:`url(${v?v[0].source_url:""})`},onMouseEnter:()=>i(!0),onMouseLeave:()=>i(!1),children:[e.jsx("div",{className:"rotator",style:{width:`${c}px`,transform:`translate(${d/2}px, 0px) rotate(90deg)`},children:e.jsx(z.default,{post:r})}),e.jsxs("div",{className:"overlay-label-container",children:[e.jsx("div",{className:`overlay-label ${n&&!h?"visible":""}`,children:"CLICK TO EXPAND"}),e.jsx("div",{className:"arrow-svg"})]})]}),e.jsx("div",{className:`collapsable-content ${h?"expanded":"collapsed"}`,style:{backgroundColor:"#f9f9f9",width:`${f.width-d*s}px`,marginLeft:`${d*o}px`},children:e.jsx(b.PostContent,{post:r})})]})},W=({editing:r,posts:s,height:p,colors:h,coverWidth:f})=>{const[c,d]=l.useState(null),w=l.useRef(null),[g,v]=l.useState({width:0,height:0}),n=l.useRef(null),i=o=>{d(t=>t===o?null:o)};return l.useEffect(()=>{s.length>0&&!c&&r&&d(s[0].slug)},[s,c,r]),l.useLayoutEffect(()=>{var t,a,C,m;(t=w.current)!=null&&t.parentElement&&v({width:r?((C=(a=w.current.parentElement)==null?void 0:a.parentElement)==null?void 0:C.offsetWidth)??0:((m=w.current.parentElement)==null?void 0:m.offsetWidth)??0,height:w.current.offsetHeight});const o=n.current;o&&(o.style.overflow=r?"visible":"hidden")},[r]),e.jsx(S.Container,{fluid:!0,className:"vertical featured tabs",ref:n,children:s==null?void 0:s.map((o,t)=>{const a=c?o.slug===c:t===0;return e.jsxs("div",{ref:w,onClick:()=>i(o.slug),className:a?"item expanded":"item collapsed",style:{minHeight:`${p}px`,minWidth:`${f}px`},children:[e.jsx("a",{id:o.slug}),e.jsx(H,{editing:r,coverWidth:f,height:p,backgroundColor:h[`color_${t}`],count:s.length,dimensions:g,active:a,post:o,index:t})]},o.slug)})})},U=r=>{var A;let{"data-height":s,"data-type":p,"data-taxonomy":h,"data-categories":f,"data-count":c,"data-colors":d,"data-cover-width":w=50,"data-read-more-label":g="READ More","data-preview-mode":v="Desktop",editing:n,parent:i,unique:o,pageModuleProps:t}=r;t!=null&&t.previewMode&&(t!=null&&t.editing)&&(v=t.previewMode,n=t.editing);const a=r.intl.locale,C=f||"[]",[m,$]=l.useState(window.innerWidth<=1365),x=()=>{var u;return((u=window.screen.orientation)==null?void 0:u.type)||(window.innerWidth>window.innerHeight?"landscape-primary":"portrait-primary")},[k,I]=l.useState(x()),y=()=>{setTimeout(()=>{I(x()),$(window.innerWidth<=1365)},100)};l.useEffect(()=>(window&&window.screen.orientation&&window.screen.orientation.addEventListener("change",y),window.addEventListener("resize",y),()=>{window.removeEventListener("resize",y),window.screen.orientation&&window.screen.orientation.removeEventListener("change",y)}),[]);const N=u=>n?u:decodeURIComponent(u),T=u=>{if(!u)return null;try{return JSON.parse(N(u))}catch(M){console.error(`error parsing value:${u}
  error:${M}`)}return null},P=v!=="Desktop"&&n,j=m&&!n;return e.jsx(S.Container,{style:{maxWidth:"100%"},className:`viz featured tabs ${n?"editing":""}`,fluid:!0,children:e.jsx(b.PostProvider,{type:p,locale:a,taxonomy:h,categories:T(C),store:`vertical_tabs${i}_${o}`,page:1,perPage:c,children:e.jsx(b.PostConsumer,{children:j||P?e.jsx(O,{posts:c,activeItem:(A=c==null?void 0:c[0])==null?void 0:A.slug,colors:T(d),setActive:()=>{}}):e.jsx(W,{editing:n,coverWidth:w,moreLabel:g,colors:T(d),height:s,posts:c})})})},k+Math.random())},J=(r,s)=>{const p=r.getIn(["data","pageModuleProps"]),h={};return p&&(h.pageModuleProps=p),h},K={},X=F.connect(J,K)(U);exports.default=X;

package/dist/cjs/layout/Layout.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),u=require("react"),r=require("react-router"),g=require("../embeddable/index.js"),l=require("react-intl"),s=require("@devgateway/wp-react-lib"),p=require("react-redux");require("semantic-ui-react");require("../utils/AppMedia.js");require("./Footer.js");require("./Header.js");const q=require("./Customizer.js");require("./Favicon.js");const f=require("../conf/index.js"),h=require("../translations/en.json.js"),x=require("../translations/fr.json.js"),j=require("../translations/af.json.js"),v=require("../lib/react-intl-redux/index.js");require("immutable");const i=require("../redux/store.js"),c={en:h,fr:x,am:j},w=l.injectIntl(o=>(document.title=o.settings.description,e.jsx(e.Fragment,{}))),C=()=>{const o=r.useParams(),d=r.useLocation(),n=f.Config.DEFAULT_LOCALE;console.log("defaultLocale",n);const t=o.lan,m=d.pathname;return console.log("pathParams",o),u.useEffect(()=>{process.env.NODE_ENV==="development"&&(console.log("----------.env-----------"),console.log(process.env),console.log("----------.env-----------")),window&&window.setTimeout(()=>{if(window&&window.location.hash){const a=document.getElementById(window.location.hash.substring(1));a&&a.scrollIntoView({behavior:"auto",block:"start"})}},2e3)},[]),u.useEffect(()=>{i.store.dispatch(v.updateIntl({locale:t,formats:{},messages:c[t??"en"]}))},[t]),t?Object.keys(c).includes(t)?e.jsx(p.Provider,{store:i.store,children:e.jsx(l.IntlProvider,{locale:t,messages:c[t],children:e.jsx(s.AppContextProvider,{getComponent:g.getComponentByNameIgnoreCase,store:i.store,locale:t,children:e.jsx(s.SettingProvider,{locale:t,changeUUID:null,children:e.jsxs(s.SettingsConsumer,{children:[e.jsx(q.CustomizerWrapper,{children:e.jsx(w,{})}),e.jsx(r.Outlet,{})]})})})},t)}):e.jsx(r.Navigate,{to:`/${n}${m}`,replace:!0}):e.jsx(r.Navigate,{to:n,replace:!0})};exports.default=C;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),u=require("react"),r=require("react-router"),g=require("../embeddable/index.js"),l=require("react-intl"),s=require("@devgateway/wp-react-lib"),p=require("react-redux");require("semantic-ui-react");require("../utils/AppMedia.js");require("./Footer.js");require("./Header.js");const q=require("./Customizer.js");require("./Favicon.js");const f=require("../conf/index.js"),h=require("../translations/en.json.js"),x=require("../translations/fr.json.js"),j=require("../translations/af.json.js"),v=require("../lib/react-intl-redux/index.js");require("immutable");const i=require("../redux/store.js"),c={en:h,fr:x,am:j};l.injectIntl(o=>(document.title=o.settings.description,e.jsx(e.Fragment,{})));const w=()=>{const o=r.useParams(),d=r.useLocation(),n=f.Config.DEFAULT_LOCALE;console.log("defaultLocale",n);const t=o.lan,m=d.pathname;return console.log("pathParams",JSON.stringify(o.lan)),u.useEffect(()=>{process.env.NODE_ENV==="development"&&(console.log("----------.env-----------"),console.log(process.env),console.log("----------.env-----------")),window&&window.setTimeout(()=>{if(window&&window.location.hash){const a=document.getElementById(window.location.hash.substring(1));a&&a.scrollIntoView({behavior:"auto",block:"start"})}},2e3)},[]),u.useEffect(()=>{i.store.dispatch(v.updateIntl({locale:t,formats:{},messages:c[t??"en"]}))},[t]),t?Object.keys(c).includes(t)?e.jsx(p.Provider,{store:i.store,children:e.jsx(l.IntlProvider,{locale:t,messages:c[t],children:e.jsx(s.AppContextProvider,{getComponent:g.getComponentByNameIgnoreCase,store:i.store,locale:t,children:e.jsx(s.SettingProvider,{locale:t,changeUUID:null,children:e.jsxs(s.SettingsConsumer,{children:[e.jsx(q.CustomizerWrapper,{}),e.jsx(r.Outlet,{})]})})})},t)}):e.jsx(r.Navigate,{to:`/${n}${m}`,replace:!0}):e.jsx(r.Navigate,{to:n,replace:!0})};exports.default=w;

package/dist/cjs/layout/SSRFavicon.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime");function n({siteLogo:r}){return e.jsx(e.Fragment,{children:r&&e.jsxs(e.Fragment,{children:[e.jsx("link",{rel:"icon",type:"image/x-icon",href:r}),e.jsx("link",{rel:"apple-touch-icon",href:r}),e.jsx("link",{rel:"shortcut",href:r})]})})}exports.default=n;

package/dist/cjs/layout/containers/PreviewTypeContainer.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),l=require("../ResponsiveContainer.js"),t=require("@devgateway/wp-react-lib"),o=require("react-router"),v=({header:n,footer:i})=>{const c=o.useLocation(),e=o.useParams(),s=new URLSearchParams(c.search),a=s.get("preview"),u=e.type=="post"?"posts":e.type,p=s.get("_wpnonce");return r.jsx(l.default,{header:n,footer:i,children:r.jsx(t.PostProvider,{type:u,store:"preview",perPage:1,view:a,locale:e.lan,previewNonce:p,previewId:e.id,children:r.jsx(t.PostConsumer,{children:r.jsx(t.Post,{preview:!0,showIntro:!0})})})})};exports.default=v;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),d=require("../ResponsiveContainer.js"),t=require("@devgateway/wp-react-lib"),s=require("react-router"),v=n=>{const{header:i,footer:c}=n,a=s.useLocation(),e=s.useParams(),o=new URLSearchParams(a.search),u=o.get("preview"),p=e.type=="post"?"posts":e.type,l=o.get("_wpnonce");return r.jsx(d.default,{header:i,footer:c,children:r.jsx(t.PostProvider,{type:p,store:"preview",perPage:1,view:u,locale:e.lan,previewNonce:l,previewId:e.id,children:r.jsx(t.PostConsumer,{children:r.jsx(t.Post,{preview:!0,showIntro:!0})})})})};exports.default=v;

package/dist/cjs/layout/containers/SlugContainer.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),r=require("@devgateway/wp-react-lib"),u=require("react-router"),i=require("../ResponsiveContainer.js"),a=({header:s,footer:n})=>{const{lan:o,slug:t}=u.useParams();return e.jsx(r.PageProvider,{locale:o,slug:t,store:t,children:e.jsx(i.default,{header:s,footer:n,children:e.jsx(r.PageConsumer,{children:e.jsx(r.Page,{})})})})};exports.default=a;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),t=require("@devgateway/wp-react-lib"),l=require("react-router"),i=require("../ResponsiveContainer.js"),c=({header:n,footer:s,pages:r}={})=>{const{lan:o,slug:u}=l.useParams();return r?e.jsx(i.default,{header:n,footer:s,children:e.jsx(t.Page,{pages:typeof r=="object"?[r]:r})}):e.jsx(t.PageProvider,{locale:o,slug:u,store:u,children:e.jsx(i.default,{header:n,footer:s,children:e.jsx(t.PageConsumer,{children:e.jsx(t.Page,{})})})})};exports.default=c;

package/dist/cjs/layout/containers/SlugPostContainer.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),u=require("react-router"),i=require("../ResponsiveContainer.js"),r=require("@devgateway/wp-react-lib"),l=({header:s,footer:o})=>{const{lan:n,slug:t}=u.useParams();return e.jsx(r.PostProvider,{slug:t,store:t,locale:n,children:e.jsx(i.default,{header:s,footer:o,children:e.jsx(r.PostConsumer,{children:e.jsx(r.Post,{})})})})};exports.default=l;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),t=require("react-router");require("semantic-ui-react");const u=require("@devgateway/wp-react-lib");require("../../utils/AppMedia.js");require("../Footer.js");require("../Header.js");require("react");const i=({header:o,footer:s,posts:e}={})=>{const{lan:a,slug:n}=t.useParams();if(e)return r.jsx(u.Post,{posts:e})};exports.default=i;

package/dist/cjs/layout/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./ResponsiveContainer.js"),r=require("./ScrollTop.js"),o=require("./containers/PreviewPageContainer.js"),t=require("./containers/PreviewTypeContainer.js"),n=require("./containers/SlugContainer.js"),i=require("./containers/SlugPostContainer.js"),u=require("./Customizer.js"),a=require("./Layout.js"),l=require("./PreviewComponent.js"),s=require("./Favicon.js"),c=require("./Loading.js");exports.default=e.default;exports.ScrollToTop=r.default;exports.PreviewPageContainer=o.default;exports.PreviewTypeContainer=t.default;exports.SlugContainer=n.default;exports.SlugPostContainer=i.default;exports.CustomizerWrapper=u.CustomizerWrapper;exports.RootLayout=a.default;exports.PreviewComponent=l.default;exports.Favicon=s.default;exports.Loading=c.default;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./ResponsiveContainer.js"),r=require("./ScrollTop.js"),o=require("./containers/PreviewPageContainer.js"),t=require("./containers/PreviewTypeContainer.js"),n=require("./containers/SlugContainer.js"),i=require("./containers/SlugPostContainer.js"),u=require("./Customizer.js"),a=require("./Layout.js"),l=require("./PreviewComponent.js"),s=require("./Favicon.js"),c=require("./SSRFavicon.js"),d=require("./Loading.js");exports.default=e.default;exports.ScrollToTop=r.default;exports.PreviewPageContainer=o.default;exports.PreviewTypeContainer=t.default;exports.SlugContainer=n.default;exports.SlugPostContainer=i.default;exports.CustomizerWrapper=u.CustomizerWrapper;exports.RootLayout=a.default;exports.PreviewComponent=l.default;exports.Favicon=s.default;exports.SSRFavicon=c.default;exports.Loading=d.default;

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

@@ -1,44 +1,52 @@
-import { jsx as a, jsxs as at } from "react/jsx-runtime";
-import { PostProvider as bt, PostConsumer as xt } from "@devgateway/wp-react-lib";
-import Ct from "../connected-templates/PostIntro.js";
-import { useRef as st, useState as q, useCallback as G, useLayoutEffect as wt } from "react";
-import { Container as Tt, Modal as U } from "semantic-ui-react";
+import { jsx as r, jsxs as at } from "react/jsx-runtime";
+import { PostProvider as bt, PostConsumer as Ct } from "@devgateway/wp-react-lib";
+import xt from "../connected-templates/PostIntro.js";
+import { useState as z, useEffect as wt, useRef as st, useCallback as G, useLayoutEffect as Tt } from "react";
+import { Container as vt, Modal as U } from "semantic-ui-react";
 import * as p from "d3";
-import { useWindowDimensionsAndDevice as vt } from "../../lib/hooks/window-dimensions.js";
-import { useScreenOrientation as Pt } from "../../lib/hooks/screen-orientation.js";
-const $t = {
+import { useWindowDimensionsAndDevice as Pt } from "../../lib/hooks/window-dimensions.js";
+import { useScreenOrientation as $t } from "../../lib/hooks/screen-orientation.js";
+import "../../utils/AppMedia.js";
+import "../../layout/Footer.js";
+import "../../layout/Header.js";
+import "react-router";
+import "../../layout/Layout.js";
+import "../index.js";
+import "../../layout/Favicon.js";
+import Dt from "../../layout/Loading.js";
+const Wt = {
   visibility: "visible",
   position: "relative",
   height: "auto",
   width: "auto"
-}, Dt = 0, Wt = (T) => {
+}, Ht = 0, It = (h) => {
   let {
-    posts: s,
-    lineWidth: v,
+    posts: a,
+    lineWidth: m,
     lineColor: P,
     config: c,
-    marginLeft: L,
-    marginTop: N,
+    marginLeft: N,
+    marginTop: R,
     marginRight: J,
-    marginBottom: R,
-    fontSize: y,
-    subtitleWidth: _,
-    subtitleHeight: b,
+    marginBottom: _,
+    fontSize: C,
+    subtitleWidth: B,
+    subtitleHeight: x,
     enableTitlePopup: $,
     enableCirclePopup: D,
     enableDefaultPopup: V,
     closePopupOnMouseOut: X,
     unique: u
-  } = T;
-  _ = 250;
-  const x = st(), W = st(), [H, f] = q(!1), [I, O] = q(0), [k, B] = q(null), { orientation: g } = Pt(), { width: Y, deviceType: h, height: S } = vt({
+  } = h;
+  B = 250;
+  const w = st(), W = st(), [H, g] = z(!1), [I, O] = z(0), [S, j] = z(null), { orientation: y } = $t(), { width: Y, deviceType: f, height: k } = Pt({
     getDeviceType: !0,
     getHeight: !0
-  }), j = G((t) => `circle${u}${t}`, [u]), ct = G((t) => `title${u}${t}`, [u]), dt = (t) => {
+  }), F = G((t) => `circle${u}${t}`, [u]), ct = G((t) => `title${u}${t}`, [u]), dt = (t) => {
     var i;
     return ((i = c[t]) == null ? void 0 : i.size) || 10;
   }, pt = ({ content: t, isOpen: i, style: l }) => {
-    const m = (n) => (n = n.replace(
+    const b = (n) => (n = n.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;">'
     ), n = n.replace(/<a(.*?)>/g, '<a$1 style="color:#fefefe;">'), n);
@@ -46,7 +54,7 @@ const $t = {
       U,
       {
         open: i,
-        onClose: () => f(!1),
+        onClose: () => g(!1),
         size: "fullscreen",
         closeIcon: !0,
         centered: !0,
@@ -57,14 +65,14 @@ const $t = {
           ...l
         },
         children: [
-          /* @__PURE__ */ a(U.Header, { style: { ...l, borderBottom: "none" } }),
-          /* @__PURE__ */ a(
+          /* @__PURE__ */ r(U.Header, { style: { ...l, borderBottom: "none" } }),
+          /* @__PURE__ */ r(
             U.Content,
             {
               className: "styled-list-content",
               style: { ...l },
               dangerouslySetInnerHTML: {
-                __html: m(
+                __html: b(
                   t.props.children.props.post.content.rendered
                 )
               }
@@ -79,35 +87,35 @@ const $t = {
     return (i = c[t]) == null ? void 0 : i.circleColor;
   }, Q = (t) => c[t].titleColor, Z = (t) => c[t].lineColor, tt = (t) => c[t].tooltipFontColor || "#fff", ut = (t) => c[t].readMoreLabel, et = G((t, i) => {
     t.preventDefault();
-    const l = 260, m = 50;
+    const l = 260, b = 50;
     let n = [0, 0];
     if (t) {
-      const C = t.target.getBoundingClientRect(), A = t.target.closest(".time").getBoundingClientRect(), r = C.left - A.left, w = C.top + A.top;
-      n = [r + l, w + m];
+      const T = t.target.getBoundingClientRect(), A = t.target.closest(".time").getBoundingClientRect(), s = T.left - A.left, v = T.top + A.top;
+      n = [s + l, v + b];
       const M = 400;
-      C.left + r + M + l > window.innerWidth && (n[0] = r - M * 0.6);
+      T.left + s + M + l > window.innerWidth && (n[0] = s - M * 0.6);
     }
-    f(!0), B({ data: i, id: i.id, position: n }), gt(i.id);
-  }, []), ht = () => {
-    f(!1);
-  }, ft = (t) => {
-    p.selectAll(`#${j(t)}`).style("stroke", "none").style("fill", K(t)), p.selectAll(`#label${t}`).style("font-weight", "normal");
-  }, gt = (t) => {
-    ft(Dt), p.selectAll(`#${j(t)}`).style("stroke", K(t)).style("fill", "#fff"), p.selectAll(`#label${t}`).style("font-weight", "bold");
+    g(!0), j({ data: i, id: i.id, position: n }), mt(i.id);
+  }, []), ft = () => {
+    g(!1);
+  }, ht = (t) => {
+    p.selectAll(`#${F(t)}`).style("stroke", "none").style("fill", K(t)), p.selectAll(`#label${t}`).style("font-weight", "normal");
+  }, mt = (t) => {
+    ht(Ht), p.selectAll(`#${F(t)}`).style("stroke", K(t)).style("fill", "#fff"), p.selectAll(`#label${t}`).style("font-weight", "bold");
   };
-  return wt(() => {
+  return Tt(() => {
     var nt;
     const t = {
-      top: N,
-      bottom: R
-    }, i = x.current.clientWidth, l = W.current.clientWidth;
+      top: R,
+      bottom: _
+    }, i = w.current.clientWidth, l = W.current.clientWidth;
     l > 0 && O(l);
-    const m = S, n = {
+    const b = k, n = {
       mobile: "75",
       tablet: "150",
       midTablet: "150",
       laptop: "150"
-    }, C = {
+    }, T = {
       mobile: "250",
       tablet: "350",
       midTablet: "350",
@@ -117,71 +125,71 @@ const $t = {
       tablet: 30,
       midTablet: 30,
       laptop: 40
-    }, r = p.scaleLinear().domain([0, s.length - 1]).range([t.top, m - t.bottom]), w = p.select(x.current);
-    w.selectAll("*").remove(), w.attr("width", i).attr("height", m);
-    const M = p.line(), mt = [
-      [0, r(0)],
-      [0, r(s.length - 1)]
-    ], yt = M(mt);
-    let ot = `translate(${n[h]},0)`;
-    ((nt = process.env.REACT_APP_THEME) == null ? void 0 : nt.startsWith("cd")) && (ot = `translate(${n[h]},20)`);
-    const z = w.append("g").attr("transform", ot);
-    P = "#E4E5EA", v = 6, z.append("path").attr("d", yt).attr("stroke-width", v).attr("stroke", P).attr("class", "timeline-path"), z.selectAll(".circle").data(s).enter().append("circle").attr("id", (o, e) => j(e)).attr("cx", 0).attr("class", "timeline-circle").attr("cy", (o, e) => r(e)).attr("r", (o, e) => dt(e)).style("fill", (o, e) => {
+    }, s = p.scaleLinear().domain([0, a.length - 1]).range([t.top, b - t.bottom]), v = p.select(w.current);
+    v.selectAll("*").remove(), v.attr("width", i).attr("height", b);
+    const M = p.line(), gt = [
+      [0, s(0)],
+      [0, s(a.length - 1)]
+    ], yt = M(gt);
+    let ot = `translate(${n[f]},0)`;
+    ((nt = process.env.REACT_APP_THEME) == null ? void 0 : nt.startsWith("cd")) && (ot = `translate(${n[f]},20)`);
+    const E = v.append("g").attr("transform", ot);
+    P = "#E4E5EA", m = 6, E.append("path").attr("d", yt).attr("stroke-width", m).attr("stroke", P).attr("class", "timeline-path"), E.selectAll(".circle").data(a).enter().append("circle").attr("id", (o, e) => F(e)).attr("cx", 0).attr("class", "timeline-circle").attr("cy", (o, e) => s(e)).attr("r", (o, e) => dt(e)).style("fill", (o, e) => {
       var d;
       return ((d = c[e]) == null ? void 0 : d.circleColor) || "#000";
     }).style("cursor", D ? "pointer" : "default").on("click", (o, e) => {
       o.preventDefault(), D && et(o, e);
-    }), z.selectAll(".title").data(s).enter().append("foreignObject").attr("x", A[h]).attr("y", (o, e) => r(e) - Number.parseInt(b) / 2).attr("width", Number.parseInt(C[h])).attr("height", Number.parseInt(b)).attr("class", "timeline-title").append("xhtml:div").attr("id", (o, e) => ct(e)).style("font-size", `${Number.parseInt(y) + 1}px`).style("color", (o, e) => Q(e)).style("font-weight", "bold").style("line-height", "1.2rem").style("text-align", "left").style("cursor", $ ? "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) => {
+    }), E.selectAll(".title").data(a).enter().append("foreignObject").attr("x", A[f]).attr("y", (o, e) => s(e) - Number.parseInt(x) / 2).attr("width", Number.parseInt(T[f])).attr("height", Number.parseInt(x)).attr("class", "timeline-title").append("xhtml:div").attr("id", (o, e) => ct(e)).style("font-size", `${Number.parseInt(C) + 1}px`).style("color", (o, e) => Q(e)).style("font-weight", "bold").style("line-height", "1.2rem").style("text-align", "left").style("cursor", $ ? "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 d = ut(e);
-      let E = o.title.rendered;
-      return d && (E += `<br><span style="font-size:${Number.parseInt(y) - 3}px;color:${Q(
+      let L = o.title.rendered;
+      return d && (L += `<br><span style="font-size:${Number.parseInt(C) - 3}px;color:${Q(
         e
-      )};text-decoration:underline;text-underline-offset:3px">${d}</span>`), E;
+      )};text-decoration:underline;text-underline-offset:3px">${d}</span>`), L;
     }).each(function(o, e) {
       const d = p.select(this.parentNode);
       setTimeout(() => {
-        const E = this.getBoundingClientRect(), rt = Math.min(
-          E.height,
-          Number.parseInt(b) * 2
+        const L = this.getBoundingClientRect(), rt = Math.min(
+          L.height,
+          Number.parseInt(x) * 2
         );
-        d.attr("height", rt), d.attr("y", r(e) - rt / 2);
+        d.attr("height", rt), d.attr("y", s(e) - rt / 2);
       }, 0);
     }).on("click", (o, e, d) => {
       o.preventDefault(), $ && et(o, e);
     });
-    const it = +y + 1, lt = 60, F = it * 0.9;
-    z.selectAll(".year-fo").data(s).enter().append("foreignObject").attr("class", "year-fo").attr("x", -70).attr("y", (o, e) => r(e) - F / 2).attr("width", lt).attr("height", F).append("xhtml:div").style("display", "flex").style("align-items", "center").style("justify-content", "flex-end").style("width", `${lt}px`).style("height", `${F}px`).style("font-size", `${it}px`).style("line-height", "1em").style("font-weight", "400").style("color", "#4C4D50").html((o) => o.meta_fields.subtitle);
-  }, [h, g]), /* @__PURE__ */ at(
+    const it = +C + 1, lt = 60, q = it * 0.9;
+    E.selectAll(".year-fo").data(a).enter().append("foreignObject").attr("class", "year-fo").attr("x", -70).attr("y", (o, e) => s(e) - q / 2).attr("width", lt).attr("height", q).append("xhtml:div").style("display", "flex").style("align-items", "center").style("justify-content", "flex-end").style("width", `${lt}px`).style("height", `${q}px`).style("font-size", `${it}px`).style("line-height", "1em").style("font-weight", "400").style("color", "#4C4D50").html((o) => o.meta_fields.subtitle);
+  }, [f, y]), /* @__PURE__ */ at(
     "div",
     {
       className: "time line",
       style: { position: "relative" },
       ref: W,
       children: [
-        s.filter((t) => k && k.id === t.id).map((t) => {
-          const i = t.slug || "unknown-slug", l = s.indexOf(t);
-          return /* @__PURE__ */ a(
+        a.filter((t) => S && S.id === t.id).map((t) => {
+          const i = t.slug || "unknown-slug", l = a.indexOf(t);
+          return /* @__PURE__ */ r(
             pt,
             {
               isOpen: H,
-              content: /* @__PURE__ */ a(
+              content: /* @__PURE__ */ r(
                 "div",
                 {
                   style: {
                     backgroundColor: Z(l),
                     color: tt(l)
                   },
-                  children: /* @__PURE__ */ a(
-                    Ct,
+                  children: /* @__PURE__ */ r(
+                    xt,
                     {
                       post: t,
-                      style: $t
+                      style: Wt
                     },
                     i
                   )
                 }
               ),
-              closeTooltip: ht,
+              closeTooltip: ft,
               style: {
                 backgroundColor: Z(l),
                 color: tt(l)
@@ -190,81 +198,86 @@ const $t = {
             `${i}_modal`
           );
         }),
-        /* @__PURE__ */ a("svg", { height: S, width: I, ref: x })
+        /* @__PURE__ */ r("svg", { height: k, width: I, ref: w })
       ]
     },
-    u + h + g
+    u + f + y
   );
-}, Et = (T) => {
+}, Ot = (h) => {
   const {
-    "data-type": s,
-    "data-taxonomy": v,
+    "data-type": a,
+    "data-taxonomy": m,
     "data-categories": P,
     "data-items": c,
-    "data-height": L,
-    "data-line-color": N = "#000",
+    "data-height": N,
+    "data-line-color": R = "#000",
     "data-config": J = "{}",
-    "data-position": R = "middle",
-    "data-line-width": y = "1",
-    "data-margin-left": _ = 50,
-    "data-margin-top": b = 25,
+    "data-position": _ = "middle",
+    "data-line-width": C = "1",
+    "data-margin-left": B = 50,
+    "data-margin-top": x = 25,
     "data-margin-right": $ = 50,
     "data-margin-bottom": D = 25,
     "data-font-size": V = 14,
     "data-title-width": X = 100,
     "data-title-height": u = 50,
-    "data-subtitle-width": x = 250,
+    "data-subtitle-width": w = 250,
     "data-subtitle-height": W = 60,
     "data-enable-title-popup": H = "false",
-    "data-enable-circle-popup": f = "true",
+    "data-enable-circle-popup": g = "true",
     "data-enable-default-popup": I = "false",
     "data-close-popup-on-mouse-out": O = "false",
-    editing: k,
-    parent: B,
-    unique: g
-  } = T, Y = T.intl.locale, S = {
-    unique: g || Math.random().toString(36).substring(2, 9),
-    marginLeft: _,
-    marginTop: b,
+    editing: S,
+    parent: j,
+    unique: y
+  } = h, Y = h.intl.locale, k = {
+    unique: y || Math.random().toString(36).substring(2, 9),
+    marginLeft: B,
+    marginTop: x,
     marginRight: $,
     marginBottom: D,
-    lineWidth: y,
-    height: L,
-    position: R,
-    lineColor: decodeURIComponent(N),
+    lineWidth: C,
+    height: N,
+    position: _,
+    lineColor: decodeURIComponent(R),
     config: JSON.parse(decodeURIComponent(J)),
     fontSize: V,
     titleWidth: X,
     titleHeight: u,
-    subtitleWidth: x,
+    subtitleWidth: w,
     subtitleHeight: W,
     enableTitlePopup: H == !0 || H == "true",
-    enableCirclePopup: f == !0 || f == "true",
+    enableCirclePopup: g == !0 || g == "true",
     enableDefaultPopup: I == !0 || I == "true",
     closePopupOnMouseOut: O == !0 || O == "true"
   };
-  return /* @__PURE__ */ a(
-    Tt,
+  return /* @__PURE__ */ r(
+    vt,
     {
-      style: { height: `${L}px` },
-      className: `viz time line ${k ? "editing" : ""}`,
+      style: { height: `${N}px` },
+      className: `viz time line ${S ? "editing" : ""}`,
       fluid: !0,
-      children: /* @__PURE__ */ a(
+      children: /* @__PURE__ */ r(
         bt,
         {
           locale: Y,
-          type: s,
-          taxonomy: v,
+          type: a,
+          taxonomy: m,
           categories: P,
-          store: `carousel_${B}_${g}`,
+          store: `carousel_${j}_${y}`,
           page: 1,
           perPage: c,
-          children: /* @__PURE__ */ a(xt, { children: /* @__PURE__ */ a(Wt, { ...S }) })
+          children: /* @__PURE__ */ r(Ct, { children: /* @__PURE__ */ r(It, { ...k }) })
         }
       )
     }
   );
+}, Jt = (h) => {
+  const [a, m] = z(!1);
+  return wt(() => {
+    m(!0);
+  }, []), a ? /* @__PURE__ */ r(Ot, { ...h }) : /* @__PURE__ */ r(Dt, {});
 };
 export {
-  Et as default
+  Jt as default
 };

package/dist/esm/embeddable/vertical-featuredtabs/index.js

@@ -221,7 +221,7 @@ const ee = ({ posts: r, activeItem: c, setActive: g, colors: p }) => {
       E(v()), N(window.innerWidth <= 1365);
     }, 100);
   };
-  R(() => (window.screen.orientation && window.screen.orientation.addEventListener(
+  R(() => (window && window.screen.orientation && window.screen.orientation.addEventListener(
     "change",
     T
   ), window.addEventListener("resize", T), () => {

package/dist/esm/layout/Layout.js

@@ -11,22 +11,24 @@ import "./Footer.js";
 import "./Header.js";
 import { CustomizerWrapper as E } from "./Customizer.js";
 import "./Favicon.js";
-import { Config as j } from "../conf/index.js";
-import * as b from "../translations/en.json.js";
-import * as x from "../translations/fr.json.js";
-import * as y from "../translations/af.json.js";
-import { updateIntl as N } from "../lib/react-intl-redux/index.js";
+import { Config as y } from "../conf/index.js";
+import * as N from "../translations/en.json.js";
+import * as O from "../translations/fr.json.js";
+import * as b from "../translations/af.json.js";
+import { updateIntl as j } from "../lib/react-intl-redux/index.js";
 import "immutable";
 import { store as n } from "../redux/store.js";
 const i = {
-  en: b,
-  fr: x,
-  am: y
-}, O = v((t) => (document.title = t.settings.description, /* @__PURE__ */ e(p, {}))), J = () => {
-  const t = d(), l = u(), r = j.DEFAULT_LOCALE;
+  en: N,
+  fr: O,
+  am: b
+};
+v((t) => (document.title = t.settings.description, /* @__PURE__ */ e(p, {})));
+const G = () => {
+  const t = d(), l = u(), r = y.DEFAULT_LOCALE;
   console.log("defaultLocale", r);
   const o = t.lan, c = l.pathname;
-  return console.log("pathParams", t), m(() => {
+  return console.log("pathParams", JSON.stringify(t.lan)), m(() => {
     process.env.NODE_ENV === "development" && (console.log("----------.env-----------"), console.log(process.env), console.log("----------.env-----------")), window && window.setTimeout(() => {
       if (window && window.location.hash) {
         const s = document.getElementById(window.location.hash.substring(1));
@@ -34,12 +36,12 @@ const i = {
       }
     }, 2e3);
   }, []), m(() => {
-    n.dispatch(N({ locale: o, formats: {}, messages: i[o ?? "en"] }));
+    n.dispatch(j({ locale: o, formats: {}, messages: i[o ?? "en"] }));
   }, [o]), o ? Object.keys(i).includes(o) ? /* @__PURE__ */ e(P, { store: n, children: /* @__PURE__ */ e(w, { locale: o, messages: i[o], children: /* @__PURE__ */ e(C, { getComponent: h, store: n, locale: o, children: /* @__PURE__ */ e(I, { locale: o, changeUUID: null, children: /* @__PURE__ */ f(L, { children: [
-    /* @__PURE__ */ e(E, { children: /* @__PURE__ */ e(O, {}) }),
+    /* @__PURE__ */ e(E, {}),
     /* @__PURE__ */ e(g, {})
   ] }) }) }) }, o) }) : /* @__PURE__ */ e(a, { to: `/${r}${c}`, replace: !0 }) : /* @__PURE__ */ e(a, { to: r, replace: !0 });
 };
 export {
-  J as default
+  G as default
 };

package/dist/esm/layout/SSRFavicon.js

@@ -0,0 +1,11 @@
+import { jsx as n, Fragment as e, jsxs as l } from "react/jsx-runtime";
+function i({ siteLogo: r }) {
+  return /* @__PURE__ */ n(e, { children: r && /* @__PURE__ */ l(e, { children: [
+    /* @__PURE__ */ n("link", { rel: "icon", type: "image/x-icon", href: r }),
+    /* @__PURE__ */ n("link", { rel: "apple-touch-icon", href: r }),
+    /* @__PURE__ */ n("link", { rel: "shortcut", href: r })
+  ] }) });
+}
+export {
+  i as default
+};