https://www.banabak.com/dist/gf-jss/static/js/ArticleSlideShow.aa39ff60.chunk.js

1"use strict";(globalThis.webpackChunkgrowingfamilies=globalThis.webpackChunkgrowingfamilies||[]).push([[45],{9103(e,t,r){r.d(t,{s:()=>c});var i=r(88094),l=r(32486),o=r.n(l),n=r(52269),a=r(94177),s=r(63464),d=r(97459),u=function(e,t){var r={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0&&(r[i]=e[i]);if(null!=e&&"function"===typeof Object.getOwnPropertySymbols){var l=0;for(i=Object.getOwnPropertySymbols(e);l<i.length;l++)t.indexOf(i[l])<0&&Object.prototype.propertyIsEnumerable.call(e,i[l])&&(r[i[l]]=e[i[l]])}return r};const c=(0,n.O)((0,a.N)((0,i.forwardRef)((e,t)=>{var{field:r,tag:l="div",editable:o=!0}=e,n=u(e,["field","tag","editable"]);if(!r||!r.editable&&(0,d.isFieldValueEmpty)(r))return null;const a=Object.assign({dangerouslySetInnerHTML:{__html:r.editable&&o?r.editable:r.value},ref:t},n);return i.createElement(l||"div",a)}),{defaultEmptyFieldEditingComponent:s.G,isForwardRef:!0}),!0),g={field:o().shape({value:o().string,editable:o().string,metadata:o().objectOf(o().any)}),tag:o().string,editable:o().bool,emptyFieldEditingComponent:o().oneOfType([o().object,o().func])};c.propTypes=g,c.displayName="RichText"},28061(e,t,r){r.d(t,{A:()=>s});var i=r(88094);const l=r(25173).Ay.div.withConfig({shouldForwardProp:e=>!["imageLoaded","ratioX","ratioY","ratioXTablet","ratioYTablet","ratioXDesktop","ratioYDesktop","ratioXHd","ratioYHd"].includes(e)})`
2  background-color: ${e=>{let{imageLoaded:t}=e;return!t&&"#f2f2f2"}};
3  display: block;
4  height: ${e=>{let{imageLoaded:t}=e;return!t&&0}};
5  padding-bottom: ${e=>!e.imageLoaded&&100/e.ratioX*e.ratioY+"%"};
6
7  @media ${e=>{let{theme:t}=e;return t.device.tablet}} {
8    padding-bottom: ${e=>{let{imageLoaded:t,ratioXTablet:r,ratioYTablet:i}=e;return!t&&r&&100/r*i+"%"}};
9  }
10
11  @media ${e=>{let{theme:t}=e;return t.device.desktop}} {
12    padding-bottom: ${e=>{let{imageLoaded:t,ratioXDesktop:r,ratioYDesktop:i}=e;return!t&&r&&100/r*i+"%"}};
13  }
14
15  @media ${e=>{let{theme:t}=e;return t.device.hd}} {
16    padding-bottom: ${e=>{let{imageLoaded:t,ratioXHd:r,ratioYHd:i}=e;return!t&&r&&100/r*i+"%"}};
17  }
18
19  img {
20    width: 100%;
21  }
22`;const o=function(e){const t={mobile:{x:null,y:null},tablet:{x:null,y:null},desktop:{x:null,y:null},hd:{x:null,y:null}},r=e=>{const t=e.split(":").map(Number);let[r,i]=t;return(!r||!i||t.length>2)&&(r=i=1),[r,i]};return"string"===typeof e?[t.mobile.x,t.mobile.y]=r(e):Object.keys(e).forEach(i=>{[t[i].x,t[i].y]=r(e[i])}),t};var n=r(48),a=r(15678);const s=e=>{var t,r,s,d,u,c;let{children:g,ratio:h="1:1"}=e;const{pageEditing:f}=(0,n.i)(),b=(0,i.useRef)(),[v,p]=(0,i.useState)(f),m=o(h);return(0,i.useEffect)(()=>{if(v)return;const e=b.current;let t;return"IntersectionObserver"in window&&"IntersectionObserverEntry"in window&&"intersectionRatio"in window.IntersectionObserverEntry.prototype?(t=new IntersectionObserver(r=>{r[0].isIntersecting&&(p(!0),t.unobserve(e))},{rootMargin:"0px 0px 200px 0px"}),t.observe(e)):p(!0),()=>{t&&t.unobserve(e)}},[b,v]),(0,a.jsxs)(l,{ref:b,ratioX:m.mobile.x,ratioY:m.mobile.y,ratioXTablet:m.tablet.x,ratioYTablet:m.tablet.y,ratioXDesktop:m.desktop.x,ratioYDesktop:m.desktop.y,ratioXHd:m.hd.x,ratioYHd:m.hd.y,imageLoaded:v,children:[v&&g,(0,a.jsx)("noscript",{children:(0,a.jsx)("img",{src:null===g||void 0===g||null===(t=g.props)||void 0===t||null===(r=t.field)||void 0===r||null===(s=r.value)||void 0===s?void 0:s.src,alt:null===g||void 0===g||null===(d=g.props)||void 0===d||null===(u=d.field)||void 0===u||null===(c=u.value)||void 0===c?void 0:c.alt})})]})}},45105(e,t,r){r.d(t,{A:()=>d});var i=r(88094);var l=[0],o=function(){let e=new Map;return{getObserver:function(t){let{root:r,rootMargin:i,threshold:l}=t,o=e.get(r);o||(o=new Map,e.set(r,o));let n=JSON.stringify({rootMargin:i,threshold:l}),a=o.get(n);if(!a){let e=new Map;a={observer:new IntersectionObserver(t=>{t.forEach(t=>{e.get(t.target)?.(t)})},{root:r,rootMargin:i,threshold:l}),entryCallbacks:e},o.set(n,a)}return{observe:(e,t)=>{a.entryCallbacks.set(e,t),a.observer.observe(e)},unobserve:e=>{a.entryCallbacks.delete(e),a.observer.unobserve(e)}}}}}();var n=function(e){let t=e?.rootMargin??"0px",r=e?.threshold??l,n=(0,i.useRef)(null),a=(0,i.useRef)(null),s=(0,i.useRef)(null),[d,u]=(0,i.useState)(),c=(0,i.useCallback)(()=>{let e=n.current;if(!e)return void u(void 0);let i=o.getObserver({root:a.current,rootMargin:t,threshold:r});i.observe(e,e=>{u(e)}),s.current=i},[t,r]),g=(0,i.useCallback)(()=>{let e=s.current,t=n.current;t&&e?.unobserve(t),s.current=null},[]);return[(0,i.useCallback)(e=>{g(),n.current=e,c()},[c,g]),{entry:d,rootRef:(0,i.useCallback)(e=>{g(),a.current=e,c()},[c,g])}]};var a=function(e){let[t,r]=n(e),l=!!r.entry?.isIntersecting,[o,a]=(0,i.useState)(l);return l&&!o&&a(!0),[t,{...r,isVisible:l,wasEverVisible:o}]},s=100;var d=function(e){let{loading:t,hasNextPage:r,onLoadMore:l,rootMargin:o,disabled:n,delayInMs:d=s}=e,u=(0,i.useRef)(l),[c,{rootRef:g,isVisible:h}]=a({rootMargin:o});(0,i.useEffect)(()=>{u.current=l},[l]);let f=!n&&!t&&h&&r;return(0,i.useEffect)(()=>

22{if(f){let e=setTimeout(()=>{u.current()},d);return()=>{clearTimeout(e)}}},[f,d]),[c,{rootRef:g}]}},82550(e,t,r){r.d(t,{A:()=>a});var i=r(88094),l=r(48),o=r(52959),n=r(15678);const a=e=>{let{children:t}=e;const r=(0,i.useRef)(null),{pageEditing:a}=(0,l.i)();return(0,i.useEffect)(()=>{if(a)return;const e=r.current;var t;(t=e)&&Array.from(t.getElementsByTagName("a")).forEach(e=>{const t=e.getAttribute("href");e.setAttribute("href",(0,o.g1)(t))})},[r,a]),a?t:(0,n.jsx)("div",{ref:r,children:t})}},90015(e,t,r){r.d(t,{a:()=>o});var i=r(88094),l=r(66240);const o=()=>{const[e,t]=(0,i.useState)({isMobile:!1}),{windowWidth:r}=(0,l.l)();return(0,i.useEffect)(()=>{t({isMobile:r<768})},[r]),e}},90103(e,t,r){r.r(t),r.d(t,{default:()=>T});var i=r(88094),l=r(45105),o=r(48),n=r(3143),a=r(9103),s=r(25173),d=r(21625);const u=s.Ay.div`
23  display: flex;
24  flex-wrap: wrap;
25  justify-content: left;
26`,c=s.Ay.div`
27  font-family: ${e=>{let{theme:t}=e;return t.fonts.primary.regular}};
28  font-style: normal;
29  font-weight: bold;
30  font-size: ${(0,d.A)(24)};
31  line-height: ${(0,d.A)(32)};
32  letter-spacing: -0.75px;
33  color: #656469;
34
35  @media ${e=>{let{theme:t}=e;return t.device.tablet}} {
36    max-width: ${(0,d.A)(640)};
37  }
38
39  @media ${e=>{let{theme:t}=e;return t.device.mobileOnly}} {
40    max-width: ${(0,d.A)(260)};
41  }
42`,g=s.Ay.div`
43  font-family: ${e=>{let{theme:t}=e;return t.fonts.secondary.regular}};
44  font-style: normal;
45  font-weight: normal;
46  font-size: ${(0,d.A)(16)};
47  line-height: ${(0,d.A)(28)};
48  color: #656469;
49  margin-top: ${(0,d.A)(15)};
50  margin-bottom: ${(0,d.A)(30)};
51  margin-left: ${(0,d.A)(60)};
52
53  @media ${e=>{let{theme:t}=e;return t.device.tablet}} {
54    max-width: ${(0,d.A)(600)};
55  }
56
57  @media ${e=>{let{theme:t}=e;return t.device.mobileOnly}} {
58    max-width: ${(0,d.A)(260)};
59  }
60`,h=s.Ay.div`
61  position: relative;
62  top: ${(0,d.A)(2)};
63  border: 2px solid #d62da7;
64  box-sizing: border-box;
65  border-radius: ${(0,d.A)(15)};
66  height: ${(0,d.A)(30)};
67  width: ${(0,d.A)(30)};
68  margin: ${(0,d.A)(0,20,0,4)};
69  background-color: ${e=>{let{theme:t}=e;return t.colors.general.white}};
70`,f=s.Ay.div`
71  position: relative;
72  bottom: ${(0,d.A)(2)};
73  font-family: ${e=>{let{theme:t}=e;return t.fonts.secondary.regular}};
74  font-style: normal;
75  font-weight: normal;
76  font-size: ${(0,d.A)(16)};
77  line-height: ${(0,d.A)(28)};
78  align-items: center;
79  text-align: center;
80  color: #656469;
81`,b=s.Ay.div`
82  margin-top: ${(0,d.A)(30)};
83`,v=s.Ay.div`
84  border-left: 2px solid #ebebeb;
85  position: absolute;
86  left: ${(0,d.A)(18)};
87  z-index: -1;
88  height: 100%;
89`,p=s.Ay.div`
90  overflow: hidden;
91  position: relative;
92`;var m=r(39653),y=r(90015),x=r(28061),A=r(15678);const w=e=>{let{imageDesktop:t,imageMobile:r}=e;const{isMobile:i}=(0,y.a)(),l=e=>!(null===e||void 0===e||!e.value.src);return l(r)||l(t)?(0,A.jsx)(b,{children:(0,A.jsx)(x.A,{children:(0,A.jsx)(m._,{field:i?r:t})})}):null};var $=r(82550);const j=e=>{let{slide:t,children:r}=e;return t?(0,A.jsxs)(p,{children:[(0,A.jsx)(v,{}),(0,A.jsxs)(u,{children:[r,(0,A.jsx)(c,{children:(0,A.jsx)($.A,{children:(0,A.jsx)(a.s,{field:t.title})})})]}),(0,A.jsx)(w,{imageDesktop:t.imageDesktop,imageMobile:t.imageMobile}),(0,A.jsx)(g,{children:(0,A.jsx)($.A,{children:(0,A.jsx)(a.s,{field:t.description})})})]}):null},S=e=>{let{index:t}=e;return(0,A.jsx)(h,{children:(0,A.jsx)(f,{children:t+1})})},M=e=>{let{slides:t,children:r}=e;return null!==t&&void 0!==t&&t.length?(0,A.jsx)(n.wn,{"data-testid":"article-slides",children:(0,A.jsxs)(n.mc,{children:[t.map((e,t)=>{var r,i;return(0,A.jsx)(j,{slide:e,children:(0,A.jsx)(S,{index:t})},(null===e||void 0===e||null===(r=e.title)||void 0===r?void 0:r.value)||(null===e||void 0===e||null===(i=e.description)||void 0===i?void 0:i.value))}),r]})}):null};var k=r(29292);const O=(e,t)=>{const{language:r}=(0,o.i)(),[l,n]=(0,i.useState)(1),[a,s]=(0,i.useState)(!1),[d,u]=(0,i.useState)(!0),[c,g]=(0,i.useState)([]),[h,f]=(0,i.useState)(),b=(0,k.Jd)();return{loading:a,slides:c,hasMoreSlides:d,error:h,loadMoreSlides:()=>{s(!0);try{((e,t,r)=>{e.fetch({requestKey:"ArticleSlideShowApi",url:`${(0,k.Mz)()}/api/articleslide/getslides`,method:"GET",params:t,headers:{accept:"application/json"},withCredentials:!0},e=>{r(e)},e=>{r({slides:[],hasMoreSlides:!1})})})(b,{CurrentPage:l,SlideShowId:e,SlidesToShow:t,Language:r},e=>{g([...c,...e.slides]),u(e.hasMoreSlides),n(l+1)})}catch(i){f(i)}finally{s(!1)}}}};var E=r(86163);const T=e=>{let{rendering:{dataSource:t},fields:{SlidesPerRequest:r}}=e;const{pageEditing:n}=(0,o.i)(),{loading:a,slides:s,hasMoreSlides:d,error:u,loadMoreSlides:c}=O(t,parseInt(null===r||void 0===r?void 0:r.value)),[g]=(0,l.A)({loading:a,hasNextPage:d,onLoadMore:c,disabled:!!u,rootMargin:"0px 0px 200px 0px",delayInMs:370}),{current:h}=(0,i.useRef)(c);return(0,i.useEffect)(()=>h(),[h]),t?null!==s&&void 0!==s&&s.length?(0,A.jsxs)(M,{slides:s,children:[(0,A.jsx)("div",{ref:g}),a&&(0,A.jsx)(E.default,{})]}):n?(0,A.jsx)("div",{children:"Add slides to the datasource for Article Slide Show"}):null:n?(0,A.jsx)("div",{children:"Add a datasource for Article Slide Show"}):null}}}]);