https://www.royalcaribbean.com/myaccount/4460.f89c2299c899ebec.js

1"use strict";(self.webpackChunkroyal=self.webpackChunkroyal||[]).push([[4460],{84460:(b,a,o)=>{o.r(a),o.d(a,{rcg_pill_button:()=>n});var l=o(42742),p=o(73452);const n=class{constructor(t){(0,l.r)(this,t),this.onClickPillButton=(0,l.c)(this,"onClickPillButton"),this.activeIndex=0,this.brand="royal",this.items=[],this.customstyle={},this.itemsMap=[]}itemsChanged(){this.itemsMap=this.parseItemsIfString(this.items)}componentWillLoad(){this.itemsMap=this.parseItemsIfString(this.items)}getButtonClass(t){var i,r;const e=!(null===(r=null===(i=this.itemsMap[t])||void 0===i?void 0:i.customStyle)||void 0===r||!r.backgroundColor);return{pill:!0,active:this.activeIndex===t,"first-pill":0===t,"last-pill":t===this.itemsMap.length-1,"royal-active":this.activeIndex===t&&!e&&"royal"===this.brand,"celebrity-active":this.activeIndex===t&&!e&&"celebrity"===this.brand,"silversea-active":this.activeIndex===t&&!e&&"silversea"===this.brand,silversea:"silversea"===this.brand}}handleButtonClick(t){this.activeIndex=t,this.onClickPillButton.emit(t)}parseItemsIfString(t){if("string"==typeof t)try{const i=JSON.parse(t);if(Array.isArray(i))return i.map(r=>Object.assign(Object.assign({},r),{id:r.id,name:r.name,imageUrl:r.imageUrl,customStyle:r.customStyle}))}catch(i){console.error("Failed to parse items string:",i)}return t}render(){return(0,l.h)("div",{key:"4e8d292d361d652f7279d91ca806de521beb9548",class:"pill-navigation"},this.itemsMap.map((t,i)=>{const{id:r,name:e,imageUrl:d,disabled:u,customStyle:s={}}=t,c=s.size||this.customstyle.size||p.P.FONT_SIZE,g=Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({backgroundColor:s.backgroundColor||this.customstyle.backgroundColor},0===i&&s.borderRadius?{"--first-pill-border-radius":`${s.borderRadius}px`}:{}),i===this.itemsMap.length-1&&s.borderRadius?{"--last-pill-border-radius":`${s.borderRadius}px`}:{}),s.color||this.customstyle.color?{color:s.color||this.customstyle.color}:{}),s.fontSize||this.customstyle.fontSize?{fontSize:s.fontSize||this.customstyle.fontSize}:{}),s.fontWeight||this.customstyle.fontWeight?{fontWeight:s.fontWeight||this.customstyle.fontWeight}:{});return(0,l.h)("button",{class:this.getButtonClass(i),style:g,key:r,onClick:()=>this.handleButtonClick(i),disabled:u},d&&(0,l.h)("img",{class:{"pill-logo":!0,["pill-logo__"+this.brand]:!!this.brand},src:d,alt:e,width:c,height:c}),(0,l.h)("span",{class:"button-text"},e))}))}static get watchers(){return{items:[{itemsChanged:0}]}}};n.style=":host{width:100%}.pill-navigation{display:flex}.pill{display:flex;align-items:center;justify-content:center;padding:10px 20px;font-size:14px;border:1px solid lightgray;text-decoration:none;color:#9DA4AC;background-color:white;font-weight:700;cursor:pointer;transition:background-color 0.3s, color 0.3s;width:190px}.pill .button-text{text-align:left}.pill:not(:last-child){border-right:none}.pill.first-pill{border-top-left-radius:var(--first-pill-border-radius, 30px);border-bottom-left-radius:var(--first-pill-border-radius, 30px)}.pill.last-pill{border-top-right-radius:var(--last-pill-border-radius, 30px);border-bottom-right-radius:var(--last-pill-border-radius, 30px)}.royal-active{background-color:#006AF4;color:white;border:none}.celebrity-active{background-color:#004275;color:white;border:none}.silversea-active{background-color:gray;color:white;border:none}.silversea{width:204px;height:48px;padding:16px;letter-spacing:0.6px;line-height:150%}.pill-logo{margin-right:8px}@media screen and (max-width: 480px){.pill{width:112px}.pill-logo{position:absolute;top:var(--pill-logo-top, 60px);margin-right:0}.pill-logo__silversea{top:4rem}.pill .button-text{text-align:center;margin-top:17px}.pill.first-pill{border-top-left-radius:var(--first-pill-border-radius, 16px);border-bottom-left-radius:var(--first-pill-border-radius, 16px)}.pill.last-pill{border-top-right-radius:var(--last-pill-border-radius, 16px);border-bottom-right-radius:var(--last-pill-border-radius, 16px)}.silversea{width:109.33px;height:84px;padding:16px;letter-spacing:0.6px;line-height:150%}}"}}]);