https://www.royalcaribbean.com/myaccount/5248.9f3a40eb4999200a.js

1"use strict";(self.webpackChunkroyal=self.webpackChunkroyal||[]).push([[5248],{35248:(u,o,i)=>{i.r(o),i.d(o,{rcg_input_text_v3:()=>p});var e=i(60774),r=i(36583);const p=(()=>{let n=class{watchSubmittedHandler(){this.textInput.value||(this.inputData=Object.assign(Object.assign({},this.inputData),{value:"",isValid:!1,isRequired:!1}),this.valueChanged.emit(this.inputData))}watchErrorMessagedHandler(t){t&&(this._errorMessages=[],"string"==typeof t?this._errorMessages.push(t):this._errorMessages=[...t])}get computedStyles(){return(0,r.p)(this.customStyles)}constructor(t){(0,e.r)(this,t),this.valueChanged=(0,e.c)(this,"valueChanged"),this.autofocus=!1,this.required=!1,this.brand="royal",this.placeholder=" ",this.disabled=!1,this.type="text",this.maskForContentSquare=!1,this.inputMode="text",this.autocomplete="off",this.focused=!1,this._errorMessages=[],this.setInputFocus=()=>{this.focused=!0},this.setInputFocusOut=()=>{this.focused=!1,this.valueChanged.emit(Object.assign(Object.assign({},this.inputData),{isComplete:!0}))},this.setInput=()=>{this.disabled||setTimeout(()=>this.textInput.focus(),0)},this.clearInput=()=>{this.textInput.value=""},this.inputData={label:this.name,value:""},this.value&&(this.inputData=Object.assign(Object.assign({},this.inputData),{value:this.value,isValid:!0}),this.valueChanged.emit(this.inputData))}componentWillLoad(){this.errorMessages&&this.watchErrorMessagedHandler(this.errorMessages),!this.disabled&&this.autofocus&&(this.setInput(),this.setInputFocus())}handleChange(t){this.value=t.target.value,this.inputData=Object.assign(Object.assign({},this.inputData),{value:this.value,isValid:this.showErrorMessages()}),this.valueChanged.emit(this.inputData)}showErrorMessages(){return this._errorMessages.length>0}onKeyPressClear(t){"Enter"===t.key&&(this.clearInput(),this.setInput())}render(){return(0,e.h)(e.H,{key:"c8a19342137d4790c01d84dea27c9181fa73974d"},(0,e.h)("div",{key:"9cab29b22de65acd6e8f7de1fe6c725b480aecd2","aria-describedby":"clear-button",class:{"input-text":!0,[`input-text-${this.brand}`]:!0,"input-text--disabled":this.disabled,"input-text--focus":this.focused,"input-text--error":this.showErrorMessages(),"input-text--readonly":this.readOnly&&!this.disabled},"data-cs-mask":this.maskForContentSquare?"":null},(0,e.h)("input",{key:"db4240831579a813486b14a056c4de879996bbb8",name:this.name,"aria-label":this.label,id:`input-text-${this.group}-${this.inputId}`,placeholder:this.placeholder,type:this.type,class:"input-text__input "+(this.showErrorMessages()?"input-text__input--error":""),required:this.required,value:this.value,maxLength:this.maxLength,pattern:this.pattern,inputmode:this.inputMode,disabled:this.disabled,style:this.computedStyles,onInput:this.handleChange.bind(this),onFocus:this.setInputFocus.bind(this),onFocusout:this.setInputFocusOut.bind(this),ref:t=>this.textInput=t,readonly:this.readOnly,autocomplete:this.autocomplete}),(0,e.h)("label",{key:"6786639dffec4bf3aba3138e7ab1b07005297a5d",class:`input-text__label\n              ${this.focused||this.value?"input-text__label--focus":""}\n              ${this.showErrorMessages()?"input-text__label--error":""}\n            `,htmlFor:`input-text-${this.group}-${this.inputId}`},this.label),!this.disabled&&this.focused&&this.value&&this.showClearButton&&!this.readOnly&&(0,e.h)("clear-button",{key:"117e4e4265d8b57cf4ef3d60a30d0172aace2d90",onFocus:this.setInputFocus,onKeyPress:this.onKeyPressClear.bind(this),onFocusOut:this.setInputFocusOut,onClick:this.clearInput}),this.showErrorMessages()&&(0,e.h)("exclamation-icon",{key:"9623da7ff754b3fbb27c593cd485e3761071e41c"})),this.showErrorMessages()&&this._errorMessages.map(t=>(0,e.h)("input-error",{key:`error-${t.length}-key`,errorMessage:t})))}static get watchers(){return{submitted:["watchSubmittedHandler"],errorMessages:["watchErrorMessagedHandler"]}}};return n.style={celebrity:".input-text{height:56px;padding:0 16px;border:1px solid #B4BAC0;border-radius:4px;background-color:#ffffff;display:flex;flex-direction:column;justify-content:center;margin-bottom:12px;position:relative}.input-text ::placeholder{color:transparent}.input-text ::-ms-input-placeholder{color:transparent}.input-text__input{position:relative;top:23px;color:#131516;caret-color:#131516;font-size:16px;font-weight:700;width:100%;border:none;outline:none;line-height:20px;letter-spacing:0.15px}:host{width:100%;outline:none;--input-font-size:16px}.input-text{margin-bottom:12px}.input-text--error{margin-bottom:4px}.input-text{border:1px solid #B4BAC0}.input-text-celebrity.input-text--focus{border-color:#2588CD}.input-text.input-text--error{border-color:#e40f2f}.input-text--focus{border-color:#006AF4}.input-text--disable-border{border-width:0}.input-text--readonly{pointer-events:none}.input-text{padding-bottom:0}.input-text--readonly{background-color:#F3F3F3}.input-text--readonly .input-text__input{background-color:#F3F3F3;cursor:not-allowed}.input-text--disabled{pointer-events:none;background-color:#F3F3F3}.input-text__label{position:relative;bottom:24px;color:#555F61;font-size:14px;font-weight:400;padding-top:1.6rem;transition:all 0.3s ease;line-height:20px;letter-spacing:0.15px}.input-text__label--float{font-size:12px;opacity:1;line-height:16px;letter-spacing:0.15px}.input-text__label--error{color:#e40f2f}.input-text__label--focus{font-weight:400;opacity:1}.input-text__label--error{color:var(--error-color-sign-in, #e40f2f)}.input-text__label{font-size:14px}@keyframes cdk-text-field-autofill-color-royal{to{background:transparent;color:#131516}}.input-text__input.cdk-text-field-autofill-monitored:-webkit-autofill{animation-fill-mode:both;animation-name:cdk-text-field-autofill-start, cdk-text-field-autofill-color-royal !important}.input-text__input{padding-left:0;font-size:var(--input-font-size)}.input-text__input:focus+.input-text__label,.input-text__input:not(:placeholder-shown)+.input-text__label{transform:translateY(-4px);font-size:12px;padding-top:10px}input-error{display:block;margin-bottom:12px}.input-text--focus{border-color:#2588CD}",royal:".input-text{height:56px;padding:0 16px;border:1px solid #B4BAC0;border-radius:4px;background-color:#ffffff;display:flex;flex-direction:column;justify-content:center;margin-bottom:12px;position:relative}.input-text ::placeholder{color:transparent}.input-text ::-ms-input-placeholder{color:transparent}.input-text__input{position:relative;top:23px;color:#131516;caret-color:#131516;font-size:16px;font-weight:700;width:100%;border:none;outline:none;line-height:20px;letter-spacing:0.15px}:host{width:100%;outline:none;--input-font-size:16px}.input-text{margin-bottom:12px}.input-text--error{margin-bottom:4px}.input-text{border:1px solid #B4BAC0}.input-text-celebrity.input-text--focus{border-color:#2588CD}.input-text.input-text--error{border-color:#e40f2f}.input-text--focus{border-color:#006AF4}.input-text--disable-border{border-width:0}.input-text--readonly{pointer-events:none}.input-text{padding-bottom:0}.input-text--readonly{background-color:#F3F3F3}.input-text--readonly .input-text__input{background-color:#F3F3F3;cursor:not-allowed}.input-text--disabled{pointer-events:none;background-color:#F3F3F3}.input-text__label{position:relative;bottom:24px;color:#555F61;font-size:14px;font-weight:400;padding-top:1.6rem;transition:all 0.3s ease;line-height:20px;letter-spacing:0.15px}.input-text__label--float{font-size:12px;opacity:1;line-height:16px;letter-spacing:0.15px}.input-text__label--error{color:#e40f2f}.input-text__label--focus{font-weight:400;opacity:1}.input-text__label--error{color:var(--error-color-sign-in, #e40f2f)}.input-text__label{font-size:14px}@keyframes cdk-text-field-autofill-color-royal{to{background:transparent;color:#131516}}.input-text__input.cdk-text-field-autofill-monitored:-webkit-autofill{animation-fill-mode:both;animation-name:cdk-text-field-autofill-start, cdk-text-field-autofill-color-royal !important}.input-text__input{padding-left:0;font-size:var(--input-font-size)}.input-text__input:focus+.input-text__label,.input-text__input:not(:placeholder-shown)+.input-text__label{transform:translateY(-4px);font-size:12px;padding-top:10px}input-error{display:block;margin-bottom:12px}.input-text--focus{border-color:#006AF4}",silversea:".input-text{height:56px;padding:0 16px;border:1px solid #B4BAC0;border-radius:4px;background-color:#ffffff;display:flex;flex-direction:column;justify-content:center;margin-bottom:12px;position:relative}.input-text ::placeholder{color:transparent}.input-text ::-ms-input-placeholder{color:transparent}.input-text__input{position:relative;top:23px;color:#131516;caret-color:#131516;font-size:16px;font-weight:700;width:100%;border:none;outline:none;line-height:20px;letter-spacing:0.15px}:host{width:100%;outline:none;--input-font-size:16px}.input-text{margin-bottom:12px}.input-text--error{margin-bottom:4px}.input-text{border:1px solid #B4BAC0}.input-text-celebrity.input-text--focus{border-color:#2588CD}.input-text.input-text--error{border-color:#e40f2f}.input-text--focus{border-color:#006AF4}.input-text--disable-border{border-width:0}.input-text--readonly{pointer-events:none}.input-text{padding-bottom:0}.input-text--readonly{background-color:#F3F3F3}.input-text--readonly .input-text__input{background-color:#F3F3F3;cursor:not-allowed}.input-text--disabled{pointer-events:none;background-color:#F3F3F3}.input-text__label{position:relative;bottom:24px;color:#555F61;font-size:14px;font-weight:400;padding-top:1.6rem;transition:all 0.3s ease;line-height:20px;letter-spacing:0.15px}.input-text__label--float{font-size:12px;opacity:1;line-height:16px;letter-spacing:0.15px}.input-text__label--error{color:#e40f2f}.input-text__label--focus{font-weight:400;opacity:1}.input-text__label--error{color:var(--error-color-sign-in, #e40f2f)}.input-text__label{font-size:14px}@keyframes cdk-text-field-autofill-color-royal{to{background:transparent;color:#131516}}.input-text__input.cdk-text-field-autofill-monitored:-webkit-autofill{animation-fill-mode:both;animation-name:cdk-text-field-autofill-start, cdk-text-field-autofill-color-royal !important}.input-text__input{padding-left:0;font-size:var(--input-font-size)}.input-text__input:focus+.input-text__label,.input-text__input:not(:placeholder-shown)+.input-text__label{transform:translateY(-4px);font-size:12px;padding-top:10px}input-error{display:block;margin-bottom:12px}.input-text__label{font-family:var(--silversea-font-family, Inter, sans-serif)}.input-text--focus{border-color:#F0BC75}"},n})()}}]);