https://www.bettom.com/chunk-NMECI2EV-0d718619fd.js

1import{b as G,e as x}from"./chunk-IPWM4BJ6-0d718619fd.js";import{a as k}from"./chunk-T3HM5PEI-0d718619fd.js";import{a as S}from"./chunk-J65SA42N-0d718619fd.js";import{B as f,F as v,I as y,S as P,j as w,y as b}from"./chunk-2AG6GQLQ-0d718619fd.js";import{Ka as l,N as p,Qa as a,Va as g,Wa as m,Zb as C,jb as c,pb as d,qb as h,rb as u}from"./chunk-ZUQRDWUJ-0d718619fd.js";import{a as s}from"./chunk-HU6DUUP4-0d718619fd.js";var B=`* {
2  font-family: var(--emw--font-family, sans-serif) !important; /* important is required to overwrite font family set in nested widget */
3  font-style: normal;
4}
5
6:host {
7  --emw-skeleton-rectangle-background: var(--emw--skeleton-color) !important;
8  --emw-skeleton-circle-background: var(--emw--skeleton-color) !important;
9  --emw-skeleton-text-background: var(--emw--skeleton-color) !important;
10  --emw-skeleton-title-background: var(--emw--skeleton-color) !important;
11  --emw-skeleton-image-background: var(--emw--skeleton-color) !important;
12  --emw-skeleton-logo-background: var(--emw--skeleton-color) !important;
13  --emw-skeleton-primary-color: var(--emw--skeleton-color) !important;
14  --emw-skeleton-secondary-color: var(--emw--skeleton-color) !important;
15  --emw-skeleton-rectangle-border-radius: var(--emw--border-radius-medium) !important;
16}
17
18.BlogPageContainer {
19  container-type: inline-size;
20}
21
22/* =================== Pagination =================== */
23div#PaginationContainer {
24
25  .LeftItems,
26  .RightItems {
27    button {
28      background: var(--emw--color-primary);
29      color: var(--emw--color-typography);
30      border: none;
31      text-transform: unset;
32
33      &:disabled {
34        opacity: 0.4;
35        color: var(--emw--color-typography);
36      }
37    }
38  }
39
40  @media screen and (max-width: 480px) {
41    button {
42      width: 100px;
43    }
44  }
45}
46
47/* =================== END: Pagination =================== */
48
49/* =================== Blog grid (Main content) =================== */
50
51div.BlogPageContainer,
52div.DetailsContainer {
53  max-width: 1300px;
54  margin: 0 auto;
55  background: transparent;
56}
57
58div.GridContainerWrapper {
59  display: grid;
60  grid-template-columns: repeat(1, 1fr);
61  column-gap: 0;
62  row-gap: 30px;
63  margin: 0;
64  width: 100%;
65  container-type: inline-size;
66}
67
68@container (width >=768px) {
69  div.GridContainerWrapper {
70    grid-template-columns: repeat(2, 1fr);
71    gap: 20px;
72  }
73}
74
75@container (width >=1060px) {
76  div.GridContainerWrapper {
77    grid-template-columns: repeat(3, 1fr);
78    gap: 30px;
79  }
80}
81
82.GridContainer {
83  .BlogDate {
84    background-color: var(--emw--color-primary) !important;
85    color: var(--emw--color-typography) !important;
86  }
87
88  .BlogLink {
89    position: relative !important;
90    margin-top: auto !important;
91    bottom: unset !important;
92
93    button {
94      color: var(--emw--color-secondary) !important;
95      font-weight: var(--emw--font-weight-semi-bold) !important;
96    }
97  }
98
99  .GridSector:last-of-type {
100    flex: auto;
101    padding: 20px !important;
102  }
103
104  &.FeaturedPost {
105    .GridWrapper {
106      height: auto !important;
107
108      .GridSector:first-of-type {
109        aspect-ratio: 3 / 1 !important;
110        height: auto !important;
111        min-height: 150px !important;
112      }
113    }
114  }
115
116  .VisualContent {
117    width: 100% !important;
118    height: auto !important;
119    min-height: 0 !important;
120    max-height: none !important;
121    aspect-ratio: 3 / 1 !important;
122    background-size: cover !important;
123    background-position: center center !important;
124    background-repeat: no-repeat !important;
125  }
126}
127
128.GridContainerWrapper.desktop .GridContainer .VisualContent {
129  aspect-ratio: 3 / 1 !important;
130}
131
132.GridContainerWrapper.desktop .FeaturedPost .GridSector:first-of-type {
133  aspect-ratio: 3 / 1 !important;
134}
135
136.GridContainerWrapper.tablet .GridContainer .VisualContent {
137  aspect-ratio: 768 / 400 !important;
138}
139
140.GridContainerWrapper.tablet .FeaturedPost .GridSector:first-of-type {
141  aspect-ratio: 768 / 400 !important;
142}
143
144.GridContainerWrapper.mobile .GridContainer .VisualContent {
145  aspect-ratio: 1 / 1 !important;
146}
147
148.GridContainerWrapper.mobile .FeaturedPost .GridSector:first-of-type {
149  aspect-ratio: 1 / 1 !important;
150}
151
152@container article (max-width: 767px) {
153  .GridContainer {
154
155    .GridWrapper {
156      height: 100%;
157      flex-direction: column !important;
158
159      .GridSector:first-of-type {
160        height: auto !important;
161        min-height: unset !important;
162        flex-basis: auto !important;
163        flex-shrink: 0 !important;
164        display: block !important;
165      }
166
167      .GridSector:last-of-type {
168        padding: 20px 25px !important;
169      }
170    }
171
172    &.FeaturedPost .GridWrapper .GridSector:first-of-type {
173      min-height: unset !important;
174    }
175  }
176}
177
178/* =================== END: Blog grid (Main content) =================== */
179
180
181/* =================== Featured Post =================== */
182
183@container (width >=768px) {
184  .GridContainer.FeaturedPost {
185    .GridWrapper {
186      display: flex !important;
187      flex-direction: row !important;
188      width: 100% !important;
189      min-height: 0 !important;
190      gap: 0 !important;
191      overflow: hidden !important;
192
193      .GridSector:first-of-type {
194        height: 100% !important;
195        min-height: 0 !important;
196        aspect-ratio: auto !important;
197        overflow: hidden !important;
198      }
199
200      .GridSector:last-of-type {
201        height: 100% !important;
202        min-height: 0 !important;
203        display: flex !important;
204        flex-direction: column !important;
205        box-sizing: border-box !important;
206        overflow: hidden !important;
207      }
208    }
209
210    .BlogTitle {
211      display: -webkit-box !important;
212      -webkit-box-orient: vertical !important;
213      overflow: hidden !important;
214      text-overflow: ellipsis !important;
215    }
216  }
217}
218
219@container (width >=768px) and (width <=1059px) {
220  .GridContainerWrapper {
221
222
223
224    &.desktop {
225
226      .GridContainer.FeaturedPost {
227
228        .BlogTitle,
229        .BlogContent {
230          padding-bottom: 0 !important;
231        }
232
233        .BlogContent {
234          -webkit-line-clamp: 6 !important;
235          line-clamp: 6 !important;
236        }
237      }
238
239    }
240
241    &.tablet {
242      .GridContainer.FeaturedPost {
243        .GridWrapper {
244          aspect-ratio: 72 / 25 !important;
245
246          .GridSector:first-of-type {
247            flex: 0 0 66.6667% !important;
248            max-width: 66.6667% !important;
249          }
250
251          .GridSector:last-of-type {
252            flex: 0 0 33.3333% !important;
253            max-width: 33.3333% !important;
254            gap: 6px !important;
255          }
256        }
257
258        .BlogTitle {
259          -webkit-line-clamp: 3 !important;
260          line-clamp: 3 !important;
261        }
262
263        .BlogContent {
264          -webkit-line-clamp: 5 !important;
265          line-clamp: 5 !important;
266        }
267      }
268    }
269  }
270}
271
272@container (width >=768px) {
273  .GridContainerWrapper.desktop .GridContainer.FeaturedPost {
274    .GridWrapper {
275      aspect-ratio: 4 / 1 !important;
276
277      .GridSector:first-of-type {
278        flex: 0 0 75% !important;
279        max-width: 75% !important;
280      }
281
282      .GridSector:last-of-type {
283        flex: 0 0 25% !important;
284        max-width: 25% !important;
285        gap: 10px !important;
286      }
287    }
288
289  }
290}
291
292@container (width >=768px) and (width <=899px) {
293  .GridContainerWrapper.desktop .GridContainer.FeaturedPost .GridWrapper {
294    .BlogTitle {
295      -webkit-line-clamp: 2 !important;
296      line-clamp: 2 !important;
297    }
298
299    .BlogContent {
300      -webkit-line-clamp: 3 !important;
301      line-clamp: 3 !important;
302    }
303  }
304}
305
306@container (width >=900px) and (width <=970px) {
307  .GridContainerWrapper {
308
309    &.desktop {
310      .GridContainer.FeaturedPost {
311
312        .BlogTitle {
313          -webkit-line-clamp: 3 !important;
314          line-clamp: 3 !important;
315        }
316
317        .BlogContent {
318          -webkit-line-clamp: 3 !important;
319          line-clamp: 3 !important;
320        }
321      }
322    }
323  }
324}
325
326@container (width >=971px) and (width <=1059px) {
327  .GridContainerWrapper {
328
329    &.desktop {
330      .GridContainer.FeaturedPost {
331
332        .BlogTitle {
333          -webkit-line-clamp: 3 !important;
334          line-clamp: 3 !important;
335        }
336
337        .BlogContent {
338          -webkit-line-clamp: 3 !important;
339          line-clamp: 3 !important;
340        }
341      }
342    }
343  }
344}
345
346/* =================== END: Featured Post =================== */
347`;var E=()=>{};var L=()=>{let i=import.meta.url,r={};return i!==""&&(r.resourcesUrl=new URL(".",i).href),G(r)};L().then(async i=>(await E(),x([["blog-articles-grid_2",[[1,"blog-articles-grid",{cmsEndpoint:[513,"cms-endpoint"],language:[513],userRoles:[513,"user-roles"],cmsEnv:[513,"cms-env"],mbSource:[1,"mb-source"],clientStyling:[513,"client-styling"],clientStylingUrl:[513,"client-styling-url"],showPublishingDate:[516,"show-publishing-date"],showImage:[516,"show-image"],showTitle:[516,"show-title"],showContent:[516,"show-content"],showButton:[516,"show-button"],usePostmessage:[516,"use-postmessage"],postMessageEvent:[513,"post-message-event"],blogsLimit:[513,"blogs-limit"],paginationActive:[516,"pagination-active"],arrowsActive:[516,"arrows-active"],secondaryArrowsActive:[516,"secondary-arrows-active"],numberedNavActive:[516,"numbered-nav-active"],intlDateTimeFormat:[513,"intl-date-time-format"],page:[513],eventId:[513,"event-id"],paginationBlogList:[32],currentPage:[32],hasErrors:[32],isLoading:[32],bannerMatrixReady:[32],nextPage:[32],previousPage:[32],device:[32],displayedBlogResponse:[32],paginationBlogResponse:[32],allBlogResponse:[32],totalBlogs:[32]},[[8,"BannerMatrixReady","handleBannerReady"],[0,"hpPageChange","hpPageChange"]],{page:["watchEndpoint"],hasErrors:["watchEndpoint"],cmsEndpoint:["watchEndpoint"],language:["watchEndpoint"],cmsEnv:["watchEndpoint"],userRoles:["watchEndpoint"],blogsLimit:["watchEndpoint"],eventId:["watchEndpoint"],clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingChangeURL"]}],[1,"helper-pagination",{nextPage:[1537,"next-page"],prevPage:[1537,"prev-page"],offset:[1538],limit:[1538],total:[1538],language:[1537],mbSource:[1,"mb-source"],clientStyling:[1537,"client-styling"],clientStylingUrl:[1537,"client-styling-url"],arrowsActive:[1540,"arrows-active"],secondaryArrowsActive:[1540,"secondary-arrows-active"],numberedNavActive:[1540,"numbered-nav-active"],offsetInt:[32],lastPage:[32],previousPage:[32],limitInt:[32],totalInt:[32],pagesArray:[32],endInt:[32]},null,{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingChangeURL"]}]]]],i)));var A=(()=>{class i{constructor(o,e,t,F,W){this.route=o,this.authService=e,this.router=t,this.localizationService=F,this.customStylingService=W,this.userRoles="",this.postId="",this.postSlug="",this.postCustomPath="",this.blogPageConfig={},this.pageNumber=1,this.translationUrl="",this.setConfig(C),this.customStylingService.publishData("blog-articles-grid",B),this.authSubject=this.authService.getListOfRoles().subscribe(n=>{this.userRoles=n}),this.locationSubject=this.localizationService.currentLang().subscribe(n=>{this.blogPageConfig.language=n})}setConfig(o){let{app:e,blogPage:t}=y(o,window.navigator.userAgent);this.blogPageConfig={cmsEndpoint:e?.cmsEndpoint,mbSource:"blog-articles-grid",cmsEnv:e?.cmsEnv,language:e?.language,showPublishingDate:t?.showPublishingDate,showImage:t?.showImage,showTitle:t?.showTitle,showContent:t?.showContent,showButton:t?.showButton,usePostmessage:e.featureFlag.usePostmessage,postMessageEvent:t?.postMessageEvent,blogsLimit:t?.blogsLimit,paginationActive:t?.paginationActive,arrowsActive:t?.arrowsActive,secondaryArrowsActive:t?.secondaryArrowsActive,numberedNavActive:t?.numberedNavActive,intlDateTimeFormat:t?.intlDateTimeFormat,page:t?.page}}messageHandler(o){o.data.type==="BlogArticlesGridActivePagination"&&(this.pageNumber=o.data.currentPage+1,this.router.navigate([],{queryParams:{page:this.pageNumber}}))}ngOnInit(){window.addEventListener("message",this.messageHandler.bind(this),!1);

347let o=this.route.snapshot,e=s({},o.queryParams);e.page&&(this.blogPageConfig.page=e.page,this.router.navigate([],{queryParams:{page:this.blogPageConfig.page}})),this.translationUrl=window.location.origin+"/assets/i18n/widgets/blog-page.json",this.route.paramMap.subscribe(t=>{this.localizationService.setLang(t.get("languageCode"),!1)})}ngOnDestroy(){window.removeEventListener("message",this.messageHandler),this.locationSubject.unsubscribe(),this.authSubject.unsubscribe()}static{this.\u0275fac=function(e){return new(e||i)(a(b),a(S),a(f),a(P),a(k))}}static{this.\u0275cmp=g({type:i,selectors:[["app-blog-page"]],standalone:!1,decls:2,vars:20,template:function(e,t){e&1&&(d(0,"div"),u(1,"blog-articles-grid"),h()),e&2&&(l(),c("cms-endpoint",t.blogPageConfig.cmsEndpoint)("cms-env",t.blogPageConfig.cmsEnv)("user-roles",t.userRoles)("language",t.blogPageConfig.language)("post-message-event",t.blogPageConfig.postMessageEvent)("pagination-active",t.blogPageConfig.paginationActive)("arrows-active",t.blogPageConfig.arrowsActive)("secondary-arrows-active",t.blogPageConfig.secondaryArrowsActive)("numbered-nav-active",t.blogPageConfig.numberedNavActive)("blogs-limit",t.blogPageConfig.blogsLimit)("intl-date-time-format",t.blogPageConfig.intlDateTimeFormat)("page",t.blogPageConfig.page)("show-button",t.blogPageConfig.showButton)("show-content",t.blogPageConfig.showContent)("show-title",t.blogPageConfig.showTitle)("show-image",t.blogPageConfig.showImage)("show-publishing-date",t.blogPageConfig.showPublishingDate)("mb-source",t.blogPageConfig.mbSource)("use-postmessage",t.blogPageConfig.usePostmessage)("translation-url",t.translationUrl))},encapsulation:2})}}return i})();var R=[{path:"",component:A}],it=(()=>{class i{static{this.\u0275fac=function(e){return new(e||i)}}static{this.\u0275mod=m({type:i})}static{this.\u0275inj=p({imports:[w,v.forChild(R)]})}}return i})();export{it as BlogPageModule};