https://malaysiaaviationgroup.com.my/etc.clientlibs/mh/clientlibs/…/assets/CrossSellTiles-BaFHyck6.js

1import{_ as T,c as S,r as F,Z as N,a as U,b as i,d as l,f as n,k as V,j as o,n as p,I as y,i as d,F as A,e as C,w as _,aH as O,Q as m,t as r,h,V as j,u as Y,y as B,l as G,am as q,x as Q,ap as W}from"./main-BRllkcH1.js";const Z={name:"CrossSellTiles",inheritAttrs:!1},J=Object.assign(Z,{props:{tileType:{type:String,default:"Manual"},tileBehaviour:{type:String,default:"Carousel"},isHideInDesktop:{type:Boolean,default:!1},isHideInMobile:{type:Boolean,default:!1},manualMultilist:{type:Array,default:()=>[]},contentMultilist:{type:Array,default:()=>[]},articleMultilist:{type:Array,default:()=>[]},simpleImageMultilist:{type:Array,default:()=>[]},pageProperties:{type:Array,default:()=>[]},componentIdAA:{type:String,default:""},carouselDesktopSlidesPerView:{type:Number,default:0},isClickable:{type:Boolean,default:!0},descriptionTruncatedLine:{type:Number,default:0},isHideShowMore:{type:Boolean,default:!1},maxSlidesToCenterSwiper:{type:Number,default:0}},setup(g,{expose:c}){c();const s=g,t=S(()=>s.tileType==="content"?s.pageProperties.map((k,L)=>({...k,...s.contentMultilist[L]})):s.tileType==="article"?s.pageProperties.map((k,L)=>({...k,...s.articleMultilist[L]})):s.tileType==="simpleImage"?s.simpleImageMultilist:s.manualMultilist),P=F(null),{isEditorMode:D}=N(),u=6,b=F(s.isHideShowMore?t.value.length:u),v=window.siteName,e=a=>B(a).format("DD MMM YYYY"),x=S(()=>b.value<t.value.length),w=S(()=>{let a=4;return!D.value&&s.maxSlidesToCenterSwiper&&(a=s.maxSlidesToCenterSwiper),a}),f=a=>{!a.$wrapperEl||a.$wrapperEl.length===0||(a.$wrapperEl.at(0).style.height="auto")},M=S(()=>s.tileType==="simpleImage"?"grid gap-x-4 gap-y-4 >lg:gap-y-6 grid-cols-3 md:grid-cols-2 sm:grid-cols-2 px-2.5":"grid >lg:gap-x-6 gap-y-7 grid-cols-3 md:grid-cols-1 px-2.5"),E=a=>{a&&(window.location.href=`${a}.html`)},R=a=>{switch(a.split(".").at(-1)){case"mp4":return"video/mp4";case"webm":return"video/webm";case"m4v":return"video/x-m4v";case"qt":case"mov":return"video/quicktime";default:return""}},z=window.AEM_MHH_THEME_SWITCH,H={props:s,multiListTile:t,crossSellTileRef:P,isEditorMode:D,TILES_PER_LOAD:u,currentTilesShown:b,siteName:v,crossSellTileTime:e,isShowMoreButton:x,swiperSlidesLimit:w,handleObserverUpdate:f,getStackedViewClass:M,onClickCrossSellTile:E,getVideoMimeType:R,mhhNewTheme:z,VueSwiper:j,CTAButton:Y,get dayjs(){return B},FontAwesomeLazy:G,AppHyperlink:q,get isMobileViewport(){return Q},get useGlobalAEMState(){return N}};return Object.defineProperty(H,"__isScriptSetup",{enumerable:!1,value:!0}),H}}),K=["data-use-theme"],X={key:0},I={key:1},$=["data-use-theme"],ee=["title"],te=["title"],ie={key:3,class:"cross-sell-video-wrapper"},le=["poster"],oe=["src","type"],ne=["src","alt"],re={key:0,class:"cross-sell-body-tile-title font-bold"},se={key:1,class:"cross-sell-body-tile-title font-semibold text-xs text-primary-blue-base"},ae={class:"mr-2"},de={key:0},pe={key:2,class:"cross-sell-body-tile-icon-text text-sm mt-4"},ce={key:1},ye={key:2},he={key:0},be={key:4,class:"cross-sell-body-tile-text-links text-sm mt-6"},_e={class:"font-semibold"},ge={key:5,class:"cross-sell-body w-full cross-sell-simple-image text-white"},we=["onClick"],fe={class:"content-wrapper cursor-pointer sm:mb-5"},me={key:0,class:"cross-sell-body-tile-title font-bold"},ue={key:1,class:"px-5 simple-image-description hidden"},ve={key:0,class:"font-semibold text-white"},xe=["title"],Me=["title"],Ae={key:3,class:"cross-sell-video-wrapper"},ke=["poster"],Se=["src","type"],Ve=["src","alt"],Ce={key:0,class:"cross-sell-body-tile-title font-bold"},De={key:1,class:"cross-sell-body-tile-title font-semibold text-xs text-primary-blue-base"},Le={class:"mr-2"},Pe={key:0},He={key:2,class:"cross-sell-body-tile-icon-text text-sm mt-4"},Fe={key:1},Ne={key:2},Ue={key:0},Oe={key:4,class:"cross-sell-body-tile-text-links text-sm mt-6"},Be={class:"font-semibold"},Ee={key:5,class:"cross-sell-body w-full cross-sell-simple-image text-white"},Re=["onClick"],ze={class:"content-wrapper"},Te={key:0,class:"cross-sell-body-tile-title font-bold"},je={key:1,class:"simple-image-description hidden px-5"},Ye={key:0,class:"font-semibold text-white"},Ge={key:2,class:"show-more-cta mt-10 md:mt-8"};function qe(g,c,s,t,P,D){const u=W,b=U("html-sanitize"),v=U("aa");return t.isEditorMode&&t.props.isHideInDesktop?(i(),l("div",{key:0,class:"generic-container py-10 text-center","data-use-theme":t.siteName},[n("p",null,[c[1]||(c[1]=V("Hidden in: ")),t.props.isHideInDesktop?(i(),l("span",X,"Desktop")):o("",!0),c[2]||(c[2]=V()),t.props.isHideInMobile?(i(),l("span",I,", Mobile")):o("",!0)])],8,K)):(i(),l(A,{key:1},[t.isMobileViewport&&!t.props.isHideInMobile||!t.isMobileViewport&&!t.props.isHideInDesktop?(i(),l("div",{key:0,class:p(["CrossSellTiles",{"mhh-new-theme":t.mhhNewTheme}]),"data-use-theme":t.siteName},[t.props.tileBehaviour==="carousel"?(i(),y(t.VueSwiper,{key:0,ref:"crossSellTileRef",slidesPerView:t.multiListTile.length===1?t.multiListTile.length:1.3,dormantMode:t.isEditorMode,dormantModeEnableGridLayout:!0,spaceBetween:24,navigation:!t.isMobileViewport&&t.multiListTile.length>3,autoHeight:!t.isMobileViewport,class:p({alignCentered:!t.isMobileViewport&&t.multiListTile.length<t.swiperSlidesLimit}),breakpoints:{1024:{slidesPerView:t.props.carouselDesktopSlidesPerView?t.props.carouselDesktopSlidesPerView:3.3,spaceBetween:t.multiListTile.length===1?0:24}},observer:!0,observeParents:!0,observeSlideChildren:!0,onObserverUpdate:t.handleObserverUpdate},{default:d(()=>[(i(!0),l(A,null,C(t.multiListTile,(e,x)=>_((i(),y(O(e.tileUrl||e.contentPagePath?t.AppHyperlink:"div"),{key:x,href:e.tileUrl||e.contentPagePath,target:e.openInNewTab?"_blank":"_self",class:p(["cross-sell-wrapper h-full overflow-hidden flex-nowrap",{content:t.props.tileType!=="article","not-clickable":!t.props.isClickable}])},{default:d(()=>{var w;return[t.props.tileType==="simpleImage"?(i(),y(t.AppHyperlink,{key:0,class:p(["cross-sell-thumbnail relative w-full",{"rounded-3xl":t.props.tileType==="article"}]),style:m({"background-image":`url(${e.imageUrlPath})`}),title:e.imageCaption,href:e.targetURL},{default:d(()=>c[3]||(c[3]=[n("div",{class:"inner-tile-overlay absolute"},null,-1)])),_:2}

1,1032,["style","class","title","href"])):!e.contentType&&e.tileImage!==""?(i(),l("div",{key:1,class:p(["cross-sell-thumbnail relative w-full",{"rounded-3xl":t.props.tileType==="article"}]),style:m({"background-image":`url(${e.tileImage})`}),title:e.tileImageAltText},null,14,ee)):e.contentType==="image-content"?(i(),l("div",{key:2,class:p(["cross-sell-thumbnail relative w-full",{"rounded-3xl":t.props.tileType==="article"}]),style:m({"background-image":`url(${e.tileImage})`}),title:e.tileImageAltText},null,14,te)):e.contentType==="video-content"?(i(),l("div",ie,[n("video",{ref_for:!0,ref:"videoControls",class:"cross-sell-video w-full bg-video",poster:e.tileFallbackImage,loop:"",muted:"",autoplay:"",playsinline:""},[n("source",{src:e.tileVideo,type:t.getVideoMimeType(e.tileVideo)},null,8,oe),n("img",{src:e.tileFallbackImage,alt:e.tileImageAltText},null,8,ne)],8,le)])):o("",!0),s.tileType!="simpleImage"?(i(),l("div",{key:4,class:p(["cross-sell-body w-full",[t.props.tileType!=="article"?"px-6 pt-6 pb-8 bg-neutral-white-base":"py-6"]])},[t.props.tileType!=="article"?(i(),l("h5",re,r(e.tileTitle||e.title),1)):(i(),l("p",se,[n("span",ae,r(t.crossSellTileTime(e.articleDate)),1),(w=e.categoryTags)!=null&&w.length?(i(),l("span",de,"|")):o("",!0),(i(!0),l(A,null,C(e.categoryTags,(f,M)=>(i(),l("span",{key:M,class:"ml-2"},r(f),1))),128))])),t.props.tileType!=="article"&&(e.iconFontAwsomeId||e.tileIconText||e.articleDate)?(i(),l("div",pe,[e.tileIconType==="iconFontAwsomeId"?(i(),y(t.FontAwesomeLazy,{key:0,iconId:e.iconFontAwsomeId?e.iconFontAwsomeId:null,class:"tileFontAwesomeIcon mr-3 rtl:ml-3 rtl:mr-0"},null,8,["iconId"])):o("",!0),e.tileIconText?(i(),l("span",ce,r(e.tileIconText),1)):o("",!0),e.articleDate?(i(),l("span",ye,r(g.$t("Sale until"))+" "+r(t.crossSellTileTime(e.articleDate)),1)):o("",!0)])):o("",!0),e.tileDescription?(i(),l("div",{key:3,class:p(["cross-sell-body-tile-description",[t.props.tileType==="article"?"mt-3 text-xl text-primary-black-base":"mt-4 text-sm",t.props.descriptionTruncatedLine?`line-clamp-${t.props.descriptionTruncatedLine}`:""]])},[t.props.tileType!=="article"?_((i(),l("p",he,null,512)),[[b,e.tileDescription||e.title]]):(i(),y(t.AppHyperlink,{key:1,href:e.articlePagePath,class:"text-primary-black-base"},{default:d(()=>[_(n("span",null,null,512),[[b,e.tileDescription||e.title]])]),_:2},1032,["href"]))],2)):o("",!0),t.props.tileType!=="article"&&(e.tileUrl||e.contentPagePath)?(i(),l("div",be,[h(t.AppHyperlink,{href:e.tileUrl||e.contentPagePath,target:e.openInNewTab?"_blank":"_self",class:"cross-sell-body-tile-cta"},{default:d(()=>[n("span",_e,r(e.ctaText),1),h(u,{class:"tile-arrow-right ml-2.5 rtl:mr-2.5 inline-block"})]),_:2},1032,["href","target"])])):o("",!0)],2)):(i(),l("div",ge,[n("div",{class:"simple-image-content-wrapper cursor-pointer",onClick:f=>t.onClickCrossSellTile(e.targetURL)},[n("div",fe,[!t.isMobileViewport&&!e.hideTitleOnDesktop||t.isMobileViewport&&!e.hideTitleOnMobile?(i(),l("h5",me,[h(t.AppHyperlink,{href:e.targetURL,target:e.openInNewTab?"_blank":"_self",class:"text-white no-underline hover:no-underline hover:text-white"},{default:d(()=>[V(r(e.titleText),1)]),_:2},1032,["href","target"])])):o("",!0),!t.isMobileViewport&&!e.hideDescriptionOnDesktop||t.isMobileViewport&&!e.hideDescriptionOnMobile?(i(),l("p",ue,[h(t.AppHyperlink,{href:e.targetURL,target:e.openInNewTab?"_blank":"_self",class:"text-white no-underline hover:no-underline hover:text-white"},{default:d(()=>[_(n("span",null,null,512),[[b,e.description]])]),_:2},1032,["href","target"])])):o("",!0)]),h(t.AppHyperlink,{href:e.targetURL,target:e.openInNewTab?"_blank":"_self",class:"cross-sell-body-tile-cta py-2 sm:hidden"},{default:d(()=>[!t.isMobileViewport&&!e.hideSubTitleOnDesktop||t.isMobileViewport&&!e.hideSubTitleOnMobile?(i(),l("span",ve,r(e.subTitleText),1)):o("",!0),!t.isMobileViewport&&!e.hideSubTitleFontAwesomeIconOnDesktop||t.isMobileViewport&&!e.hideSubTitleFontAwesomeIconOnMobile?(i(),y(t.FontAwesomeLazy,{key:1,iconId:e.subTitleFontAwesomeIcon?e.subTitleFontAwesomeIcon:null,class:"tileFontAwesomeIcon font-awesome-icon ml-3 rtl:ml-3 rtl:mr-0"},null,8,["iconId"])):o("",!0)]),_:2},1032,["href","target"])],8,we)]))]}),_:2},1032,["href","target","class"])),[[v,e.tileUrl||e.contentPagePath?[{clickName:e.tileTitle||e.title,clickComponentType:"URL",componentName:"CrossSellTiles",componentID:t.props.componentIdAA},{name:e.tileTitle||e.title,type:"exit"}]:null]])),128))]),_:1},8,["slidesPerView","dormantMode","navigation","autoHeight","class","breakpoints"])):(i(),l("div",{key:1,class:p(["stacked-grid py-2",t.getStackedViewClass])},[(i(!0),l(A,null,C(t.multiListTile.slice(0,t.currentTilesShown),(e,x)=>_((i(),y(O(e.tileUrl||e.contentPagePath?t.AppHyperlink:"div"),{key:x,href:e.tileUrl||e.contentPagePath,target:e.openInNewTab?"_blank":"_self",class:p(["cross-sell-wrapper overflow-hidden flex-nowrap relative",{content:t.props.tileType!=="article","not-clickable":!t.props.isClickable}])},{default:d(()=>{var w;return[t.props.tileType==="simpleImage"?(i(),y(t.AppHyperlink,{key:0,href:e.targetURL,class:"cross-sell-thumbnail relative w-full",style:m({"background-image":`url(${e.imageUrlPath})`}),title:e.imageCaption},{default:d(()=>c[4]||(c[4]=[n("div",{class:"inner-tile-overlay absolute"},null,-1)])),_:2},1032,["href","style","title"])):!e.contentType&&e.tileImage!==""?(i(),l("div",{key:1,class:p(["cross-sell-thumbnail relative w-full",{"rounded-3xl":t.props.tileType==="article"}]),style:m({"background-image":`url(${e.tileImage})`}),title:e.tileImageAltText},null,14,xe)):e.contentType==="image-content"?(i(),l("div",{key:2,class:

1p(["cross-sell-thumbnail relative w-full",{"rounded-3xl":t.props.tileType==="article"}]),style:m({"background-image":`url(${e.tileImage})`}),title:e.tileImageAltText},null,14,Me)):e.contentType==="video-content"?(i(),l("div",Ae,[n("video",{ref_for:!0,ref:"videoControls",class:"cross-sell-video w-full bg-video",poster:e.tileFallbackImage,loop:"",muted:"",autoplay:"",playsinline:""},[n("source",{src:e.tileVideo,type:t.getVideoMimeType(e.tileVideo)},null,8,Se),n("img",{src:e.tileFallbackImage,alt:e.tileImageAltText},null,8,Ve)],8,ke)])):o("",!0),s.tileType!="simpleImage"?(i(),l("div",{key:4,class:p(["cross-sell-body w-full",[t.props.tileType!=="article"?"px-6 pt-6 pb-8 bg-neutral-white-base":"py-6"]])},[t.props.tileType!=="article"?(i(),l("h5",Ce,r(e.tileTitle||e.title),1)):(i(),l("p",De,[n("span",Le,r(t.crossSellTileTime(e.articleDate)),1),(w=e.categoryTags)!=null&&w.length?(i(),l("span",Pe,"|")):o("",!0),(i(!0),l(A,null,C(e.categoryTags,(f,M)=>(i(),l("span",{key:M,class:"ml-2"},r(f),1))),128))])),t.props.tileType!=="article"&&(e.iconFontAwsomeId||e.tileIconText||e.articleDate)?(i(),l("div",He,[e.tileIconType==="iconFontAwsomeId"?(i(),y(t.FontAwesomeLazy,{key:0,iconId:e.iconFontAwsomeId?e.iconFontAwsomeId:null,class:"tileFontAwesomeIcon mr-3 rtl:ml-3 rtl:mr-0"},null,8,["iconId"])):o("",!0),e.tileIconText?(i(),l("span",Fe,r(e.tileIconText),1)):o("",!0),e.articleDate?(i(),l("span",Ne,r(g.$t("Sale until"))+" "+r(t.crossSellTileTime(e.articleDate)),1)):o("",!0)])):o("",!0),e.tileDescription?(i(),l("div",{key:3,class:p(["cross-sell-body-tile-description",[t.props.tileType==="article"?"mt-3 text-xl text-primary-black-base":"mt-4 text-sm",t.props.descriptionTruncatedLine?`line-clamp-${t.props.descriptionTruncatedLine}`:""]])},[t.props.tileType!=="article"?_((i(),l("p",Ue,null,512)),[[b,e.tileDescription||e.title]]):(i(),y(t.AppHyperlink,{key:1,href:e.articlePagePath,class:"text-primary-black-base"},{default:d(()=>[_(n("span",null,null,512),[[b,e.tileDescription||e.title]])]),_:2},1032,["href"]))],2)):o("",!0),t.props.tileType!=="article"&&(e.tileUrl||e.contentPagePath)?(i(),l("div",Oe,[h(t.AppHyperlink,{href:e.tileUrl||e.contentPagePath,target:e.openInNewTab?"_blank":"_self",class:"cross-sell-body-tile-cta"},{default:d(()=>[n("span",Be,r(e.ctaText),1),h(u,{class:"tile-arrow-right ml-2.5 rtl:mr-2.5 inline-block"})]),_:2},1032,["href","target"])])):o("",!0)],2)):(i(),l("div",Ee,[n("div",{class:"simple-image-content-wrapper cursor-pointer",onClick:f=>t.onClickCrossSellTile(e.targetURL)},[n("div",ze,[!t.isMobileViewport&&!e.hideTitleOnDesktop||t.isMobileViewport&&!e.hideTitleOnMobile?(i(),l("h5",Te,[h(t.AppHyperlink,{href:e.targetURL,target:e.openInNewTab?"_blank":"_self",class:"text-white no-underline hover:no-underline hover:text-white"},{default:d(()=>[V(r(e.titleText),1)]),_:2},1032,["href","target"])])):o("",!0),!t.isMobileViewport&&!e.hideDescriptionOnDesktop||t.isMobileViewport&&!e.hideDescriptionOnMobile?(i(),l("p",je,[h(t.AppHyperlink,{href:e.targetURL,target:e.openInNewTab?"_blank":"_self",class:"text-white no-underline hover:no-underline hover:text-white"},{default:d(()=>[_(n("span",null,null,512),[[b,e.description]])]),_:2},1032,["href","target"])])):o("",!0)]),!t.isMobileViewport&&!e.hideSubTitleOnDesktop||t.isMobileViewport&&!e.hideSubTitleOnMobile?(i(),y(t.AppHyperlink,{key:0,href:e.targetURL,target:e.openInNewTab?"_blank":"_self",class:"cross-sell-body-tile-cta py-2 sm:hidden"},{default:d(()=>[!t.isMobileViewport&&!e.hideSubTitleOnDesktop||t.isMobileViewport&&!e.hideSubTitleOnMobile?(i(),l("span",Ye,r(e.subTitleText),1)):o("",!0),!t.isMobileViewport&&!e.hideSubTitleFontAwesomeIconOnDesktop||t.isMobileViewport&&!e.hideSubTitleFontAwesomeIconOnMobile?(i(),y(t.FontAwesomeLazy,{key:1,iconId:e.subTitleFontAwesomeIcon?e.subTitleFontAwesomeIcon:null,class:"tileFontAwesomeIcon font-awesome-icon ml-3 rtl:ml-3 rtl:mr-0"},null,8,["iconId"])):o("",!0)]),_:2},1032,["href","target"])):o("",!0)],8,Re)]))]}),_:2},1032,["href","target","class"])),[[v,e.tileUrl||e.contentPagePath?[{clickName:e.tileTitle||e.title,clickComponentType:"URL",componentName:"CrossSellTiles",componentID:t.props.componentIdAA},{name:e.tileTitle||e.title,type:"exit"}]:null]])),128))],2)),t.props.tileBehaviour==="stacked"&&t.isShowMoreButton?(i(),l("div",Ge,[_(h(t.CTAButton,{ctaText:t.props.tileType==="simpleImage"?g.$t("View All"):g.$t("Show more"),sizeType:t.isMobileViewport?"small":"medium",containerClass:"font-semibold",onClick:c[0]||(c[0]=e=>t.currentTilesShown=t.currentTilesShown+t.TILES_PER_LOAD)},null,8,["ctaText","sizeType"]),[[v,[{clickName:g.$t("Show more"),clickComponentType:"Button",componentName:"CTAButton",componentID:t.props.componentIdAA},{name:g.$t("Show more"),type:"other"}]]])])):o("",!0)],10,$)):o("",!0)],64))}const We=T(J,[["render",qe],["__scopeId","data-v-d3c23d24"],["__file","CrossSellTiles.vue"]]);export{We as default};
2//# sourceMappingURL=CrossSellTiles-BaFHyck6.js.map