https://vriendenvanamrath.amrathhotels.nl/integration/tc-theme/pub…ager-amenities-list-ad4390e131108d9a5938.js

1"use strict";(self.tcthemejsonpFunction=self.tcthemejsonpFunction||[]).push([[7758],{2286:(t,e,i)=>{i.d(e,{A:()=>r});var n=i(1425);const s={key:0,class:"m-plain-text"},o=["data-align"],l=["innerHTML"],a=["innerHTML"],c={name:"TitleAndDescription",props:{blockContent:{type:Object},blockStyles:{type:Object}},data:()=>({hasTitle:!1,hasDescription:!1,columnClass:"",textAlign:"left"}),methods:{analyzeSettings(){const t=this.blockContent;t&&(""!==t.title&&(this.hasTitle=!0),""!==t.description&&(this.hasDescription=!0),t.column&&(this.columnClass+=" display-columns"));const e=this.blockStyles;e&&e.textAlign&&(this.textAlign=e.textAlign)}},async created(){this.analyzeSettings()},computed:{cssProps(){if(!this.blockStyles)return;const t=this.blockStyles;let e="",i="",n="left";return t.textColor&&(e=t.textColor),t.linkColor&&(i=t.linkColor),t.textAlign&&(n=t.textAlign),{"--intro-content-color":e,"--intro-content-link-color":i,"--intro-content-text-alignment":n}}}},r=(0,i(6262).A)(c,[["render",function(t,e,i,c,r,d){return t.hasTitle||t.hasDescription?((0,n.uX)(),(0,n.CE)("div",s,[(0,n.Lk)("div",{class:(0,n.C4)(["m-plain-text--stripe cms-content common-component",t.columnClass]),style:(0,n.Tr)(d.cssProps),"data-align":t.textAlign},[t.hasTitle?((0,n.uX)(),(0,n.CE)("h2",{key:0,class:"h2 m-plain-text--title cms-item",tabindex:"0",innerHTML:i.blockContent.title},null,8,l)):(0,n.Q3)("v-if",!0),t.hasDescription?((0,n.uX)(),(0,n.CE)("div",{key:1,class:"m-plain-text--content cms-item cms-html-var cms-style-item",tabindex:"0",innerHTML:i.blockContent.description},null,8,a)):(0,n.Q3)("v-if",!0)],14,o)])):(0,n.Q3)("v-if",!0)}]])},8138:(t,e,i)=>{i.r(e),i.d(e,{default:()=>L});var n=i(1425);const s={class:"container"};var o=i(2637),l=i(8434),a=i(2286),c=i(447);const r={class:"amenities-list"},d={key:0,class:"load-more"};var m=i(8012);const h={class:"amenities-list_item"},p=["src"],g={key:1,class:"amenities-list_item-content"},u=["innerHTML"],b=["innerHTML"];var f=i(303);const k={name:"AmenitiesItem",props:{amenitie:{type:Object},blockSettings:{type:Object,required:!0}},methods:{truncateTitle:t=>(0,f.A)(t,30,{html:!0,maxLines:2}),checkNoDescription(){return""==this.amenitie.description}}};var y=i(6262);const A={components:{AmenitiesItem:(0,y.A)(k,[["render",function(t,e,i,s,o,l){return(0,n.uX)(),(0,n.CE)("div",h,[1===i.amenitie.has_logo?((0,n.uX)(),(0,n.CE)("img",{key:0,src:i.amenitie.url,class:"amenities-list_item-img","aria-hidden":"true"},null,8,p)):(0,n.Q3)("v-if",!0),""!=i.amenitie.name||""!=i.amenitie.description?((0,n.uX)(),(0,n.CE)("div",g,[""==i.amenitie.name||i.blockSettings.truncTitle?""!=i.amenitie.name&&i.blockSettings.truncTitle?((0,n.uX)(),(0,n.CE)("div",{key:1,innerHTML:l.truncateTitle(i.amenitie.name)}

1,null,8,u)):(0,n.Q3)("v-if",!0):((0,n.uX)(),(0,n.CE)("div",{key:0,class:(0,n.C4)(["amenities-list_item-content-title",l.checkNoDescription()?"align-center":""])},(0,n.v_)(i.amenitie.name),3)),""!=i.amenitie.description?((0,n.uX)(),(0,n.CE)("div",{key:2,class:"amenities-list_item-content-desc",innerHTML:i.amenitie.description},null,8,b)):(0,n.Q3)("v-if",!0)])):(0,n.Q3)("v-if",!0)])}]]),ButtonLink:i(1246).A},name:"AmenitiesList",props:{configs:{type:Object,required:!0},amenities:{type:Array,required:!0},cssProps:{type:Object},locales:Object},mixins:[m.A],data:()=>({sortedAmenities:null,amenitiesLength:null,showMoreLabel:null,showLoadMoreButton:null,currentPage:1}),async created(){this.sortAmenities()},methods:{sortAmenities(){let t=this.amenities,e=this.configs.blockSettings.amenitiesType;"Facilities"===e?(this.sortedAmenities=t.filter(t=>"Facilities"===t.type),this.amenitiesLength=this.sortedAmenities.length):"Accommodations"===e?(this.sortedAmenities=t.filter(t=>"Accommodation"===t.type),this.amenitiesLength=this.sortedAmenities.length):(this.sortedAmenities=t,this.amenitiesLength=this.sortedAmenities.length)},showMoreText(){return""!=this.configs.blockStyles.btn.title?this.showMoreLabel=this.configs.blockStyles.btn.title:this.showMoreLabel=this.locales.showMore},showLoadMore(){const{maxItemsBeforeShowMore:t}=this.configs.blockSettings;let e=0;t.length&&(e=parseInt(t)),this.showLoadMoreButton=0!==e&&this.currentPage*e<this.amenitiesLength&&!!this.showMoreLabel},showMore(){this.currentPage+=1}},computed:{innerCssProps(){let t=this.configs.blockSettings,e="none",i="no-repeat",n="initial",s="initial",o="grid",l=3,a=window.innerWidth;!0===t.centerItems?(o="flex","4"===t.columns?l="md"===this.deviceScreenWidth(a)||"lg"===this.deviceScreenWidth(a)?"22%":"20%":"2"===t.columns?l="45%":"3"===t.columns&&(l="22%")):l="md"!==this.deviceScreenWidth(a)&&"lg"!==this.deviceScreenWidth(a)||"4"!==t.columns?t.columns:3;let c=this.configs.blockStyles.contentBackgroundSettings;return"color"===c.type?e=`${c.color}`:"picture"===c.type&&(e=`url('${c.image}')`,c.repeat?i="repeat":(i="no-repeat",n="center",s="cover")),{"--content-background":e,"--content-background-repeat":i,"--content-background-position":n,"--content-background-size":s,"--item-columns":l,"--item-display-style":o}},amenitiesList(){let t=this.configs.blockSettings;return!0===t?.btn?.enabled&&""!=t.maxItemsBeforeShowMore?(this.showMoreText(),this.showLoadMore(),this.sortedAmenities.slice(0,this.currentPage*t.maxItemsBeforeShowMore)):this.sortedAmenities}}},S=(0,y.A)(A,[["render",function(t,e,i,s,o,l){const a=(0,n.g2)("amenities-item"),c=(0,n.g2)("button-link");return(0,n.uX)(),(0,n.CE)("div",{class:"amenities-list-wrapper",style:(0,n.Tr)(l.innerCssProps)},[(0,n.Lk)("div",r,[((0,n.uX)(!0),(0,n.CE)(n.FK,null,(0,n.pI)(l.amenitiesList,(t,e)=>((0,n.uX)(),(0,n.Wv)(a,{key:t.id,index:e,amenitie:t,blockSettings:i.configs.blockSettings},null,8,["index","amenitie","blockSettings"]))),128))]),t.showLoadMoreButton?((0,n.uX)(),(0,n.CE)("div",d,[(0,n.bF)(c,{type:"text-only",linkData:{title:t.showMoreLabel,style:i.configs.blockStyles.btn.style},clickEvent:l.showMore},null,8,["linkData","clickEvent"])])):(0,n.Q3)("v-if",!0)],4)}]]),I={components:{BlockWrapper:l.A,TitleAndDescription:a.A,IntroductionApp:c.default,AmenitiesList:S},name:"OnePagerAmenitiesListApp",props:{configs:{type:Object,required:!0},locales:Object},mixins:[o.A],data:()=>({isLoadingBrand:!0,brandInfo:null,isLoadingHotel:!0,isLoadingAmenitiesMB:!0,isLoadingRooms:!0,isLoadingSuites:!0,isLoadingAmenities:!0,isLoadingHotels:!0,hotelInfo:null,amenitiesMBInfo:null,roomsInfo:null,suitesInfo:null,amenitiesInfo:null,selectedAmenities:null,hotelsInfo:null,amenitiesMB:[]}),async created(){this.fetchDynamicHotelData(),this.fetchDynamicAmenitiesMBData(),this.fetchDynamicRoomsData(),this.fetchDynamicSuitesData(),this.analyzeSettings(),this.fetchDynamicHotelsData()},methods:{filterAmenities(t){let e=[],i=this.configs.blockSettings.amenities;"Rooms"===i||"Suites"===i?("Rooms"===i?t.map(t=>t.room_amenities.map(t=>e.push(t))):"Suites"===i&&t.map(t=>t.suite_amenities.map(t=>e.push(t))),e=e.filter((t,e,i)=>e===i.findIndex(e=>e.id===t.id))):e=t,this.amenitiesInfo=e,this.isLoadingAmenities=!1},analyzeSettings(){this.configs},async filterAmenitiesMB(){const t=this.configs.selectedHotelId;let e=!1;for(let i=0;i<this.hotelsInfo?.length;i++)t==this.hotelsInfo[i]?.id&&(e=!0,this.filterAmenities(this.hotelsInfo[i]?.hotel_amenities));e||this.filterAmenities(this.amenitiesMB)}},computed:{cmsIntroBlock(){return window.introduction?.[this.configs.blockId].intro||{}},getIntroData(){return window.introduction?.[this.configs.blockId]||{}}},watch:{isLoadingRooms(){const t=this.configs.websiteType,e=this.configs.blockSettings.amenities;"hotel"!==t&&"brand"!==t||"Rooms"!==e||this.isLoadingRooms||!this.roomsInfo||this.filterAmenities(this.roomsInfo)},isLoadingSuites(){const t=this.configs.websiteType,e=this.configs.blockSettings.amenities;"hotel"!==t&&"brand"!==t||"Suites"!==e||this.isLoadingSuites||!this.suitesInfo||this.filterAmenities(this.suitesInfo)},isLoadingHotel(){const t=this.configs.websiteType,e=this.configs.blockSettings.amenities;"hotel"!==t&&"brand"!==t||"Hotel"!==e&&""!==e||this.isLoadingHotel||!this.hotelInfo?.hotel_amenities||this.filterAmenities(this.hotelInfo.hotel_amenities)},isLoadingHotels(){const t=this.configs.websiteType,e=this.configs.blockSettings.amenities;"brand"!==t||"Hotel"!==e&&""!==e||this.isLoadingHotels||this.filterAmenitiesMB()},isLoadingAmenitiesMB(){const t=this.configs.websiteType,e=this.configs.blockSettings.amenities;"brand"!==t||"Hotel"!==e&&""!==e||this.isLoadingAmenitiesMB||!this.amenitiesMBInfo||(this.amenitiesMB=this.amenitiesMBInfo)}}}

1,L=(0,y.A)(I,[["render",function(t,e,i,o,l,a){const c=(0,n.g2)("IntroductionApp"),r=(0,n.g2)("title-and-description"),d=(0,n.g2)("amenities-list"),m=(0,n.g2)("block-wrapper");return(0,n.uX)(),(0,n.Wv)(m,{classList:"stripe-default-padding",blockStyles:{textColor:i.configs.blockStyles.textColor,backgroundSettings:i.configs.blockStyles.backgroundSettings,paddingSettings:i.configs.blockStyles.paddingSettings},anchorId:i.configs.anchorId,"data-header-id":i.configs.anchorID},{default:(0,n.k6)(()=>[(0,n.Lk)("div",s,[a.getIntroData.intro.enabled?((0,n.uX)(),(0,n.Wv)(c,{key:0,blockId:i.configs.blockId,locales:{opensInNewTab:i.locales.adaLabel}},null,8,["blockId","locales"])):a.cmsIntroBlock.enabled||t.isLoadingHotel?(0,n.Q3)("v-if",!0):((0,n.uX)(),(0,n.Wv)(r,{key:1,blockContent:{title:t.hotelInfo.amenities_short_description,description:t.hotelInfo.amenities_long_description,column:i.configs.dataIntroBlock.columnEnabled},blockStyles:{textColor:i.configs.blockStyles.textColor,textAlign:i.configs.dataIntroBlock.textAlign}},null,8,["blockContent","blockStyles"])),!t.isLoadingAmenities&&t.amenitiesInfo.length?((0,n.uX)(),(0,n.Wv)(d,{key:2,amenities:t.amenitiesInfo,configs:i.configs,locales:i.locales},null,8,["amenities","configs","locales"])):(0,n.Q3)("v-if",!0)])],void 0,!0),_:1},8,["blockStyles","anchorId","data-header-id"])}]])},8434:(t,e,i)=>{i.d(e,{A:()=>c});var n=i(1425);const s=["id"];var o=i(5445);const{fireEvent:l}=o.Wp,a={name:"BlockWrapper",props:{classList:{type:String},blockStyles:{type:Object},anchorId:String},computed:{cssProps(){if(!this.blockStyles)return;const t=this.blockStyles;let e="",i="left",n="none",s="no-repeat",o="initial",l="initial",a=15,c=15,r=15,d=15,m=15,h=15;t.textColor&&(e=t.textColor),t.textAlign&&(i=t.textAlign);let p=t.backgroundSettings;p&&("color"===p.type?n=`${p.color}`:"picture"===p.type&&(n=`url('${p.image}')`,p.repeat?s="repeat":(s="no-repeat",o="center",l="cover")));let g=t.paddingSettings;return g&&(g.desktop?.enabled&&(g.desktop?.top&&(a=g.desktop.top),g.desktop?.bottom&&(c=g.desktop.bottom)),g.tablet?.enabled&&(g.tablet?.top&&(r=g.tablet.top),g.tablet?.bottom&&(d=g.tablet.bottom)),g.mobile?.enabled&&(g.mobile?.top&&(m=g.mobile.top),g.mobile?.bottom&&(h=g.mobile.bottom))),{"--base-content-color":e,"--base-content-alignment":i,"--wrapper-background":n,"--wrapper-background-repeat":s,"--wrapper-background-position":o,"--wrapper-background-size":l,"--wrapper-desktop-padding-top":a+"px","--wrapper-desktop-padding-bottom":c+"px","--wrapper-tablet-padding-top":r+"px","--wrapper-tablet-padding-bottom":d+"px","--wrapper-mobile-padding-top":m+"px","--wrapper-mobile-padding-bottom":h+"px"}},processedAnchorId(){if(this.anchorId)return this.removeSpecialCharactersAndSpaces(this.anchorId)}},methods:{removeSpecialCharactersAndSpaces:t=>t.replace(/[^a-zA-Z0-9]/g,"")},mounted(){document.body.classList.contains("header3")&&this.anchorId&&l("hc::block::mounted",{name:this.anchorId,anchorId:this.processedAnchorId})}},c=(0,i(6262).A)(a,[["render",function(t,e,i,o,l,a){return(0,n.uX)(),(0,n.CE)("div",{id:a.processedAnchorId,class:(0,n.C4)(["block-wrapper common-component",i.classList]),style:(0,n.Tr)(a.cssProps)},[(0,n.RG)(t.$slots,"default")],14,s)}]])}}]);