https://www.franklintempleton.com.sg/image-grid.d13c1676fa44f54ff492.js

1"use strict";(self.webpackChunkgw_core_sites_app=self.webpackChunkgw_core_sites_app||[]).push([["image-grid"],{88745:(J,g,s)=>{s.r(g),s.d(g,{ImageGridModule:()=>Q});var c=s(71556),d=s(54364);const m=[{src:"https://frkngcdev.z22.web.core.windows.net/storybook/assets/images/SIMLogos/logo-brandywine-global.png",altText:"Alt image text1",link:""},{src:"https://frkngcdev.z22.web.core.windows.net/storybook/assets/images/SIMLogos/logo-clarion-partners.png",altText:"Alt image text2",link:""},{src:"https://frkngcdev.z22.web.core.windows.net/storybook/assets/images/SIMLogos/logo-clearbridge-investments.png",altText:"Alt image text3",link:""},{src:"https://frkngcdev.z22.web.core.windows.net/storybook/assets/images/SIMLogos/logo-martin-currie.png",altText:"Alt image text4",link:""},{src:"https://frkngcdev.z22.web.core.windows.net/storybook/assets/images/SIMLogos/logo-qs-investors.png",altText:"Alt image text5",link:""},{src:"https://frkngcdev.z22.web.core.windows.net/storybook/assets/images/SIMLogos/logo-royce.png",altText:"Alt image text6",link:""},{src:"https://frkngcdev.z22.web.core.windows.net/storybook/assets/images/SIMLogos/logo-western-asset.png",altText:"Alt image text7",link:""}];var p=s(92612),h=s(68411),e=s(2316),C=s(89122),v=s(94461),f=s(49581),T=s(43021),r=s(3138),I=s(66237);function k(o,a){if(1&o&&e.GkF(0,3),2&o){const t=e.oxw();e.Q6J("brManageContentButton",t.document)("relative",!1)}}function G(o,a){if(1&o&&(e.TgZ(0,"div",10),e._UZ(1,"eds-image-grid",11),e.ALo(2,"translate"),e.ALo(3,"translate"),e.qZA()),2&o){const t=e.oxw(2);e.xp6(1),e.Q6J("images",t.images)("imageGridLayout",t.imageGridLayout)("hasLink",t.hasLink)("imageGridLayoutMobile",t.isImageGridLayoutMobile)("imageGridLayoutTablet",t.isImageGridLayoutTablet)("title",null==t.content.titleBlock?null:t.content.titleBlock.title)("subTitle",null==t.content.titleBlock?null:t.content.titleBlock.subTitle)("preTitle",null==t.content.titleBlock?null:t.content.titleBlock.preTitle)("showAsCarousel",t.showAsCarousel)("sectionTitleTheme",t.titleColor)("playButtonLabel",e.lcZ(2,13,"common.play"))("pauseButtonLabel",e.lcZ(3,15,"common.pause"))("showLogoColorInCarousel",t.showLogoColorInCarousel)}}function w(o,a){if(1&o&&(e.TgZ(0,"div",13),e.TgZ(1,"p",15),e._uU(2),e.qZA(),e.qZA()),2&o){const t=e.oxw(3);e.xp6(2),e.hij(" ",null==t.content.titleBlock?null:t.content.titleBlock.preTitle," ")}}function L(o,a){if(1&o&&(e.TgZ(0,"div",13),e._UZ(1,"eds-title",16),e.qZA()),2&o){const t=e.oxw(3);e.xp6(1),e.Q6J("edsSpacing",null!=t.content.paragraphBlock&&t.content.paragraphBlock.content?"md":"xl")("title",t.content.titleBlock.title)("theme",t.titleColor)}}function x(o,a){if(1&o&&e._UZ(0,"div",19),2&o){const t=e.oxw(4);e.Q6J("innerHTML",t.content.paragraphBlock.content,e.oJD)}}function y(o,a){if(1&o&&(e.TgZ(0,"div",13),e.TgZ(1,"div",17),e.YNc(2,x,1,1,"div",18),e.qZA(),e.qZA()),2&o){const t=e.oxw(3);e.xp6(2),e.Q6J("ngIf",t.content.paragraphBlock.content)}}function _(o,a){if(1&o&&(e.TgZ(0,"div"),e.YNc(1,w,3,1,"div",12),e.YNc(2,L,2,3,"div",12),e.YNc(3,y,3,1,"div",12),e.TgZ(4,"div",13),e._UZ(5,"eds-image-grid",14),e.ALo(6,"translate"),e.ALo(7,"translate"),e.qZA(),e.qZA()),2&o){const t=e.oxw(2);e.xp6(1),e.Q6J("ngIf",null==t.content.titleBlock?null:t.content.titleBlock.preTitle),e.xp6(1),e.Q6J("ngIf",null==t.content.titleBlock?null:t.content.titleBlock.title),e.xp6(1),e.Q6J("ngIf",null==t.content.paragraphBlock?null:t.content.paragraphBlock.content),e.xp6(2),e.Q6J("images",t.images)("imageGridLayout",t.imageGridLayout)("hasLink",t.hasLink)("imageGridLayoutMobile",t.isImageGridLayoutMobile)("imageGridLayoutTablet",t.isImageGridLayoutTablet)("title",null==t.content.edsTitleBlock?null:t.content.edsTitleBlock.title)("subTitle",null==t.content.edsTitleBlock?null:t.content.edsTitleBlock.subTitle)("preTitle",null==t.content.edsTitleBlock?null:t.content.edsTitleBlock.preTitle)("showAsCarousel",t.showAsCarousel)("playButtonLabel",e.lcZ(6,14,"common.play"))("pauseButtonLabel",e.lcZ(7,16,"common.pause"))}}function M(o,a){if(1&o&&(e.TgZ(0,"div",20),e.TgZ(1,"div",21),e.TgZ(2,"div",22),e._uU(3," Click to configure "),e.TgZ(4,"strong"),e._uU(5),e.qZA(),e.qZA(),e.qZA(),e.qZA()),2&o){const t=e.oxw(2);e.xp6(5),e.Oqu(t.componentLabel)}}const u=function(o){return{"has-edit-button":o}},A=function(o){return{"container--wide":o}};function B(o,a){if(1&o&&(e.TgZ(0,"div",4),e.TgZ(1,"div",5),e.TgZ(2,"div",6),e.YNc(3,G,4,17,"div",7),e.YNc(4,_,8,18,"div",8),e.qZA(),e.qZA(),e.YNc(5,M,6,1,"div",9),e.qZA()),2&o){const t=e.oxw();e.Tol(t.showAsCarousel?"logo-carousel-theme":t.theme),e.Q6J("ngClass",e.VKq(7,u,t.isEditMode)),e.xp6(2),e.Q6J("ngClass",e.VKq(9,A,t.showAsCarousel)),e.xp6(1),e.Q6J("ngIf",t.showAsCarousel),e.xp6(1),e.Q6J("ngIf",!t.showAsCarousel),e.xp6(1),e.Q6J("ngIf",!t.document&&t.isEditMode)}}const b=h.Y.getLogger("ImageGrid");let Z=(()=>{class o extends p.N{constructor(t,n,i,l){super(),this.appStateService=t,this.widenService=n,this.linkService=i,this.viewModeService=l,this.images=m,this.isImageGridLayoutMobile=!0,this.isImageGridLayoutTablet=!0,this.isTitleBold=!1,this.hasContent=!1,this.showAsCarousel=!1,this.scrollAmount=0,this.dragStartX=0,this.showLogoColorInCarousel=!1,this.isEditMode=this.viewModeService.isEditMode()}ngOnInit(){this.hasContent=this.imageGridCompound?.length>0,this.images=this.getImages(),this.isTitleBold=this.getIsTitleBold(),this.showAsCarousel=this.configureCarousel()}get content(){if(this.document?.getData())return this.document?.getData()}get imageGridCompound(){return this.document?.getData()?.imageGridCompound?this.document?.getData()?.imageGridCompound:[]}get imageGridLayout(){const{ImageGrid:t}=this.component.getModels();return t?.imageGridLayout&&t?.imageGridLayout5?"5-columns":t?.imageGridLayout?"4-columns":t?.imageGridLayout5?"5-columns":void 0}getIsTitleBold(){return this.component.getModels()?.ImageGrid?.titleBold}getImages(){const t=this.imageGridCompound;if(t){const n=[];return t.forEach(i=>

1{let l;i.linkCompound?.linkCollection?.length>0&&(l=this.linkService.getCTALink(this.page,i.linkCompound.linkCollection[0],this.appStateService?.getHomePageUrl()),""!==l&&(this.hasLink=!0)),n.push({src:this.widenService.getWidenAssetUrl(i.imageCompound?.widenAsset),altText:i.imageCompound?.alt?i.imageCompound?.alt:i.imageCompound?.title,link:l,target:i.linkCompound?.linkCollection[0]?.target,externalLink:i.linkCompound?.linkCollection[0]?.external,signInRequired:i.linkCompound?.linkCollection[0]?.signInLink})}),n}return b.debug("Images are not set in document"),m}configureCarousel(){const{ImageGrid:t}=this.component.getModels();return this.showLogoColorInCarousel=t?.logoColor,!!t?.imageCarousel}onMouseDown(t){this.dragStartX=t instanceof MouseEvent?t.clientX:t.touches[0].clientX,this.scrollAmount=0}onClick(t){Math.abs(this.scrollAmount)&&(t.preventDefault(),t.stopPropagation()),this.scrollAmount=0}onMouseMove(t){const i=(t instanceof MouseEvent?t.clientX:t.touches[0].clientX)-this.dragStartX;this.scrollAmount=i}}return o.\u0275fac=function(t){return new(t||o)(e.Y36(C.ZQ),e.Y36(v.j),e.Y36(f.M),e.Y36(T.j))},o.\u0275cmp=e.Xpm({type:o,selectors:[["ft-image-grid"]],hostBindings:function(t,n){1&t&&e.NdJ("mousedown",function(l){return n.onMouseDown(l)})("click",function(l){return n.onClick(l)})("mousemove",function(l){return n.onMouseMove(l)})},features:[e.qOj],decls:3,vars:6,consts:[[3,"ngClass","edsSpacing"],["documentTemplateQuery","new-ImageGrid-document","folderTemplateQuery","new-ImageGrid-folder","parameter","document","root","",3,"brManageContentButton","relative",4,"ngIf"],[3,"ngClass","class",4,"ngIf"],["documentTemplateQuery","new-ImageGrid-document","folderTemplateQuery","new-ImageGrid-folder","parameter","document","root","",3,"brManageContentButton","relative"],[3,"ngClass"],["edsGrid",""],[1,"container","image-grid-container",3,"ngClass"],["class","row",4,"ngIf"],[4,"ngIf"],["class","no-document","edsPadding","",4,"ngIf"],[1,"row"],["edsCol","",3,"images","imageGridLayout","hasLink","imageGridLayoutMobile","imageGridLayoutTablet","title","subTitle","preTitle","showAsCarousel","sectionTitleTheme","playButtonLabel","pauseButtonLabel","showLogoColorInCarousel"],["edsRow","",4,"ngIf"],["edsRow",""],["edsCol","",3,"images","imageGridLayout","hasLink","imageGridLayoutMobile","imageGridLayoutTablet","title","subTitle","preTitle","showAsCarousel","playButtonLabel","pauseButtonLabel"],["edsCol","","edsSpacing","xs",1,"pre-title"],["edsCol","","size","h2",3,"edsSpacing","t

1itle","theme"],["edsCol",""],["edsSpacing","xl",3,"innerHTML",4,"ngIf"],["edsSpacing","xl",3,"innerHTML"],["edsPadding","",1,"no-document"],["edsGrid","",1,"no-document__component"],[1,"no-document__overlay"]],template:function(t,n){1&t&&(e.TgZ(0,"div",0),e.YNc(1,k,1,2,"ng-container",1),e.YNc(2,B,6,11,"div",2),e.qZA()),2&t&&(e.Q6J("ngClass",e.VKq(4,u,n.isEditMode))("edsSpacing","auto"===n.marginBottom?"xl":n.marginBottom),e.xp6(1),e.Q6J("ngIf",n.isEditMode),e.xp6(1),e.Q6J("ngIf",n.document&&n.hasContent))},directives:[d.mk,r.OPD,d.O5,c.bF,r.ljP,r.Plz,r.iKq,r.vZ,r.r3N],pipes:[I.X],styles:[".secondary-a[_ngcontent-%COMP%]{background:var(--greyscale-5);padding:var(--space-xl) 0}.image-grid-container[_ngcontent-%COMP%]{overflow-x:hidden}[_nghost-%COMP%]     .image-grid__content{padding:0!important}[_nghost-%COMP%]     .image-grid__play-pause-button.row{margin-left:0!important;margin-right:0!important}"]}),o})();var S=s(3830);let Q=(()=>{class o{getComponentMapping(){return{"Image Grid":Z}}}return o.\u0275fac=function(t){return new(t||o)}

1,o.\u0275mod=e.oAB({type:o}),o.\u0275inj=e.cJS({imports:[[c.q8,d.ez,r.zE6,r.FFR,r.cv2,r.idt,S.a]]}),o})()}}]);
2//# sourceMappingURL=image-grid.d13c1676fa44f54ff492.js.map