https://www.royalcaribbean.com/myaccount/156.1e48251001a2392c.js

1"use strict";(self.webpackChunkroyal=self.webpackChunkroyal||[]).push([[156],{156:(_,l,s)=>{s.r(l),s.d(l,{rcg_selector:()=>h});var r=s(10467),i=s(76658),n=s(52759),c=s(45876);const h=(()=>{let a=class{constructor(e){(0,i.r)(this,e),this.applyFilter=(0,i.c)(this,"applyFilter"),this.clearFilter=(0,i.c)(this,"clearFilter"),this.resetAllFilters=(0,i.c)(this,"resetAllFilters"),this.applyButtonLabel="Apply",this.clearButtonLabel="Clear",this.resetAllButtonLabel="Reset all filters",this.showCheckbox=!1,this.multipleSelection=!0,this.displayChevron=!0,this.showOptions=!1,this.selectedOptions=[],this.customStylesButton={buttonStyles:{"font-size":"14px"}}}handleOptions(e){const t=e.detail;this.selectedOptions=this.multipleSelection?this.selectedOptions.map(o=>o.code===t.code?t:o):this.optionsSelector.map(o=>o.code===t.code?t:Object.assign(Object.assign({},o),{selected:!1})),this.isOptionSelected=this.selectedOptions.some(o=>o.selected)&&!this.screenSize.isMobile}handleResize(){this.setScreenSize()}resetFilter(){var e=this;return(0,r.A)(function*(){e.selections="",e.optionsSelector=JSON.parse(e.options)})()}closeFilter(){var e=this;return(0,r.A)(function*(){e.showOptions=!1})()}componentWillLoad(){this.options&&(this.optionsSelector=JSON.parse(this.options).map(t=>Object.assign({},t)),this.selectedOptions=this.optionsSelector),this.icon&&(this.iconData=JSON.parse(this.icon));const e=this.selectedOptions.filter(t=>t.selected);this.selections=this.getLabelFromValues(e),this.setScreenSize(),this.isOptionSelected=this.selectedOptions.some(t=>t.selected)&&!this.screenSize.isMobile,this.isDisabled=0===this.optionsSelector.length,addEventListener("click",t=>this.hanldeClick(t))}getChevronUpIcon(){return this.isOptionSelected?(0,n.r)():(0,n.t)()}render(){var e;return(0,i.h)("div",{key:"84a98c8592216155b9db34e04a51b3b7f2eb32c7",class:"selector"},(0,i.h)("button",{key:"a2fced5e36eb90dfa33edcf846d5ec2f0582ec07",disabled:this.isDisabled,id:"selector-button",onClick:this.handleToggle.bind(this),class:`selector__dropdown ${this.showOptions&&this.isOptionSelected?"selector__dropdown__selected":""} ${this.isDisabled?"selector__dropdown__disabled":""}`},(0,i.h)("span",{key:"76ac891f82cf87c6daf3d04dc5c51b905b7a4c71",class:"selector__dropdown__label"},!!this.iconData&&(0,i.h)("span",{key:"c11660b945760e5e76d062455a86cb76eb498c53",class:"selector__dropdown__label__icon","aria-label":null===(e=this.iconData)||void 0===e?void 0:e.alt,style:{"background-image":`url(${this.iconData.src})`}}),this.selections?this.selections:this.label),this.displayChevron&&(0,i.h)("span",{key:"4c2e1e3a05e3dd34f35b8e25a0c75d7b11e24a32"},this.showOptions?this.getChevronUpIcon():(0,n.u)())),(this.alwaysShowOptions||this.showOptions)&&(0,i.h)("div",{key:"0ef3544fe218732c1a0ecd31ebcda0730bf706ac",class:"selector__container",style:{width:this.getContainerWidth()},onMouseLeave:this.handleCloseFilter.bind(this)},(0,i.h)("div",{key:"e614ac3e87406a375ae5cd5e761e4535cf69f94d",id:"selector-container",class:"selector__container__options",style:{"grid-template-columns":this.getColumnsNumber(),"grid-gap":this.hasTheMinimumNumberOfOptions()?"0":"0 20px"}},this.selectedOptions.map(t=>(0,i.h)("div",{class:"selector__container__options__item",key:t.code},(0,i.h)("rcg-selector-option",{id:"selector-container",option:Object.assign({},t),multipleSelection:this.multipleSelection,showCheckbox:this.showCheckbox})))),(0,i.h)("div",{key:"ad5ee0decca7ed68dd5c29ba463650d57670810b",class:"selector__container__actions",style:{"grid-template-columns":this.getColumnsNumber()}},(0,i.h)("div",{key:"b32cebe9329e0a5cb96326fc89eb4f77eaa40017",class:"selector__container__actions__btns"},this.multipleSelection&&!this.screenSize.isMobile&&(0,i.h)("div",{key:"0fa403e81145ede3698b9e366cc1d55c9a27c08a",class:"button-container"},(0,i.h)("rcg-large-button",{key:"2e44ace9dc9d9e47fd046573594de034d44c90c8",label:this.clearButtonLabel,theme:"secondary",customStyles:JSON.stringify(this.customStylesButton),onClick:this.handleClearClick.bind(this)})),(0,i.h)("div",{key:"eb84fa7b40b189e56714515f66c46eb526b9c7fb",class:"button-container "+(this.multipleSelection?"":"multiple-selection-btn")}

1,(0,i.h)("rcg-large-button",{key:"7840667ad93ea5653d2e93c3f2463b7df7607fe4",label:this.applyButtonLabel,theme:"primary",customStyles:JSON.stringify(this.customStylesButton),onClick:this.handleApplyClick.bind(this)}))),(0,i.h)("a",{key:"7ce95967748a909661c7b2c7565a3ce78275304c",class:"selector__container__actions__reset",onClick:this.handleResetAllFilters.bind(this)},this.resetAllButtonLabel))))}hanldeClick(e){const t=document.getElementById("selector-container");e.target.contains(t)&&e.target!==t&&this.handleCloseFilter()}handleCloseFilter(){this.screenSize.isMobile||(this.showOptions=!1)}handleApplyClick(){this.optionsSelector=this.selectedOptions;const e=this.selectedOptions.filter(t=>t.selected);this.selections=this.getLabelFromValues(e),this.applyFilter.emit({label:this.label,selectedOptions:e}),this.showOptions=!1}getLabelFromValues(e){return e.map(b=>b.name).join(", ")}handleClearClick(){this.optionsSelector=JSON.parse(this.options),this.clearFilter.emit({label:this.label,selectedOptions:[],clearFilter:!0}),this.showOptions=!1}handleResetAllFilters(){this.resetAllFilters.emit({label:this.label,selectedOptions:[],resetAllFilters:!0})}handleToggle(){this.selectedOptions=this.optionsSelector,this.showOptions=!this.showOptions}hasTheMinimumNumberOfOptions(){return this.optionsSelector.length<=6}getColumnsNumber(){const e=this.optionsSelector.length;return e<=6?"repeat(1, 260px)":e>=7&&e<=12||this.screenSize.isMobile?"repeat(2, 1fr)":"repeat(3, 1fr)"}getContainerWidth(){const e=this.optionsSelector.length;return e<=6?"auto":e>=7&&e<=12||this.screenSize.isMobile?"600px":"860px"}setScreenSize(){this.screenSize=(0,c.c)()}get element(){return(0,i.g)(this)}};return a.style={celebrity:'.selector{font-family:"proxima-nova", "proxima_nova", "Proxima Nova", sans-serif;position:relative;width:100%}.selector__dropdown{display:flex;justify-content:space-between;align-items:center;height:40px;padding:12px 15px;width:100%;border-radius:5px;border:none;background:#edeef3;color:#384378;font-size:16px;cursor:pointer}.selector__dropdown__disabled{background:#cccccc}.selector__dropdown__disabled span{color:#4a4a4a}.selector__dropdown__selected span{color:#fff}@media screen and (max-width: 480px){.selector__dropdown{width:90%;background-color:white;border:none;border-radius:0;border-top:1px solid #7882b2;padding:0;margin-left:20px}}.selector__dropdown__label{display:flex;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;margin-right:35px}.selector__dropdown__label__icon{display:inline-block;width:20px;height:20px;margin:0 5px;background-repeat:no-repeat;background-position:center;background-size:cover}.selector__container{padding:20px 20px 20px 20px;background-color:#fff;border-radius:4px;box-shadow:0 2px 30px rgba(0, 0, 0, 0.1490196078);overflow:hidden;position:absolute;top:48px;display:block;z-index:2;min-width:290px;box-sizing:border-box}@media screen and (max-width: 480px){.selector__container{width:100% !important;box-shadow:none;position:static;padding:20px}}@media screen and (min-width: 480px) and (max-width: 768px){.selector__container{width:auto !important}}.selector__container__options{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:0 20px}@media screen and (max-width: 480px){.selector__container__options{max-height:none}}.selector__container__options__item{margin-bottom:10px;width:100%;height:39px}.selector__container__actions{display:grid;grid-gap:20px}@media screen and (max-width: 480px){.selector__container__actions{display:flex;flex-direction:column;margin-right:0;grid-gap:0}}.selector__container__actions__btns{grid-column:-2;display:flex;align-items:flex-end}.selector__container__actions__reset{display:none}@media screen and (max-width: 480px){.selector__container__actions__reset{text-align:center;display:block;color:#005edc;font-size:16px;font-weight:700;margin-top:15px;text-decoration:underline}}.button-container{width:50%}.button-container:first-child{display:block;margin-right:10px;padding-top:20px}@media screen and (max-width: 480px){.button-container:first-child{width:100%}}.button-container .multiple-selection-btn{width:100%;margin-left:0;margin-right:0}.button-container .multiple-selection-btn:first-child{margin-right:0}.selector__dropdown__selected{background-color:#002859}.selector__dropdown__label{color:#002859;font-family:"Poppins", sans-serif;font-size:16px;font-style:normal;font-weight:600;line-height:normal}',royal:'.selector{font-family:"proxima-nova", "proxima_nova", "Proxima Nova", sans-serif;position:relative;width:100%}.selector__dropdown{display:flex;justify-content:space-between;align-items:center;height:40px;padding:12px 15px;width:100%;border-radius:5px;border:none;background:#edeef3;color:#384378;font-size:16px;cursor:pointer}.selector__dropdown__disabled{background:#cccccc}.selector__dropdown__disabled span{color:#4a4a4a}.selector__dropdown__selected span{color:#fff}@media screen and (max-width: 480px){.selector__dropdown{width:90%;background-color:white;border:none;border-radius:0;border-top:1px solid #7882b2;padding:0;margin-left:20px}}.selector__dropdown__label{display:flex;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;margin-right:35px}.selector__dropdown__label__icon{display:inline-block;width:20px;height:20px;margin:0 5px;background-repeat:no-repeat;background-position:center;background-size:cover}.selector__container{padding:20px 20px 20px 20px;background-color:#fff;border-radius:4px;box-shadow:0 2px 30px rgba(0, 0, 0, 0.1490196078);overflow:hidden;position:absolute;top:48px;display:block;z-index:2;min-width:290px;box-sizing:border-box}@media screen and (max-width: 480px){.selector__container{width:100% !important;box-shadow:none;position:static;padding:20px}}@media screen and (min-width: 480px) and (max-width: 768px){.selector__container{width:auto !important}}.selector__container__options{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:0 20px}@media screen and (max-width: 480px){.selector__container__options{max-height:none}}.selector__container__options__item{margin-bottom:10px;width:100%;height:39px}.selector__container__actions{display:grid;grid-gap:20px}@media screen and (max-width: 480px){.selector__container__actions{display:flex;flex-direction:column;margin-right:0;grid-gap:0}}.selector__container__actions__btns{grid-column:-2;display:flex;align-items:flex-end}.selector__container__actions__reset{display:none}@media screen and (max-width: 480px){.selector__container__actions__reset{text-align:center;display:block;color:#005edc;font-size:16px;font-weight:700;margin-top:15px;text-decoration:underline}}.button-container{width:50%}.button-container:first-child{display:block;margin-right:10px;padding-top:20px}@media screen and (max-width: 480px){.button-container:first-child{width:100%}}.button-container .multiple-selection-btn{width:100%;margin-left:0;margin-right:0}.button-container .multiple-selection-btn:first-child{margin-right:0}.selector__dropdown__selected{background-color:#384378}.selector__dropdown__label{color:#384378;font-family:"proxima-nova", "proxima_nova", "Proxima Nova", sans-serif;font-size:16px;font-style:normal;font-weight:600;line-height:normal}'},a})()},45876:(_,l,s)=>{s.d(l,{C:()=>r,T:()=>i,a:()=>p,b:()=>d,c:()=>n,f:()=>h,p:()=>a});const r={s:"small",m:"medium",l:"large"},i={availability:{label:"Few spots left!",color:"#DF0268"},awards:{label:"Best-seller",color:"#DF0268"},soldOut:{label:"Sold out",color:"#949494"}};function n(){const e={isMobile:!1,isTablet:!1,isDesktop:!1},t=window.innerWidth;return t<768?(e.isMobile=!0,e.isTablet=!1,e.isDesktop=!1):t<=1024?(e.isMobile=!1,e.isTablet=!0,e.isDesktop=!1):(e.isMobile=!1,e.isTablet=!1,e.isDesktop=!0),e}function d(e){return e?.length>0?`+${function c(e){return e?.length>0?e.replace(/[-+()]/g,""):""}(e)}`:""}const p=(e,t="")=>{try{return JSON.parse(e)}catch(o){console.error(`${t}`,o)}};function h(e){return e<10?`0${e}`:e.toString()}function a(e){let t=e;if("string"==typeof t)try{t=JSON.parse(t)}catch{return console.warn("Invalid JSON passed to customStyles:",t),{}}return"object"!=typeof t||Array.isArray(t)?{}:t}}}]);