https://www.celebritycruises.com/myaccount/578.fa6c6fd3517fd915.js

1"use strict";(self.webpackChunkcelebrity=self.webpackChunkcelebrity||[]).push([[578],{60578:(g,u,n)=>{n.r(u),n.d(u,{rcg_input_text:()=>f});var e=n(87160);const f=(()=>{let p=class{watchSubmittedHandler(){this.textInput.value||(this.errorMessage=this.errorMessages.required,this.inputData=Object.assign(Object.assign({},this.inputData),{value:"",isValid:!1}),this.valueChanged.emit(this.inputData))}constructor(t){(0,e.r)(this,t),this.valueChanged=(0,e.c)(this,"valueChanged",7),this.setInputFocus=()=>{this.focused=!0},this.setInputFocusOut=i=>{this.focused=!1,this.showErrorsOnFocusOut&&this.setErrorMessage(i),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=Object.assign(Object.assign({},this.inputData),{value:"",isValid:!1}),this.errorMessage=this.errorMessages.required,this.valueChanged.emit(this.inputData)},this.autofocus=!1,this.label=void 0,this.name=void 0,this.disabled=!1,this.inputId=void 0,this.type="text",this.required=!1,this.minLength=void 0,this.maxLength=void 0,this.pattern=void 0,this.submitted=void 0,this.errorMessages=void 0,this.brand="royal",this.value=void 0,this.placeholder=" ",this.allowOnlyNumbers=!1,this.showErrorsOnFocusOut=!1,this.inputMode="text",this.focused=!1,this.errorMessage=void 0,this.inputData={label:this.name,isRequired:this.required},this.value&&(this.inputData=Object.assign(Object.assign({},this.inputData),{value:this.value,isValid:!0}),this.valueChanged.emit(this.inputData))}handleMinChange(t,i){t!==i&&(this.errorMessage=this.value.length<this.minLength||this.value.length>this.minLength?this.errorMessages.minLength:"")}componentWillLoad(){!this.disabled&&this.autofocus&&(this.setInput(),this.setInputFocus())}setErrorMessage(t){var i,s,o,r,a;const x=t.target.value;this.errorMessage="";const l={typeMismatch:null===(i=this.errorMessages)||void 0===i?void 0:i.invalidType,valueMissing:null===(s=this.errorMessages)||void 0===s?void 0:s.required,tooShort:null===(o=this.errorMessages)||void 0===o?void 0:o.minLength,tooLong:null===(r=this.errorMessages)||void 0===r?void 0:r.maxLength,patternMismatch:null===(a=this.errorMessages)||void 0===a?void 0:a.invalidPattern};Object.keys(l).forEach(d=>{t.target.validity[d]&&(this.errorMessage=l[d])}),x.length<this.minLength&&(this.errorMessage=l.tooShort)}handleChange(t){this.value=t.target.value,this.setErrorMessage(t),this.inputData=Object.assign(Object.assign({},this.inputData),{value:"",isValid:!1}),this.errorMessage||(this.inputData=Object.assign(Object.assign({},this.inputData),{value:this.value,isValid:!0})),this.valueChanged.emit(this.inputData)}showErrorMessage(){return!(!this.errorMessage||this.focused&&this.value)}onKeyPressClear(t){"Enter"===t.key&&(this.clearInput(),this.setInput())}disallowLettersInput(t){const i=t.key;!/\d/.test(i)&&!"()+-".includes(i)&&t.preventDefault()}render(){return(0,e.h)(e.H,null,(0,e.h)("div",{"arial-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.errorMessage&&!this.focused},onClick:this.setInput},(0,e.h)("input",{id:`input-text-${this.inputId}`,name:this.name,"aria-label":this.label,onChange:this.handleChange.bind(this),onFocus:this.setInputFocus.bind(this),onFocusout:this.setInputFocusOut.bind(this),placeholder:this.placeholder,type:this.type,ref:t=>this.textInput=t,class:"input-text__input "+(this.errorMessage?"input-text__input--error":""),required:this.required,minLength:this.minLength,maxLength:this.maxLength,pattern:this.pattern,value:this.value,inputMode:this.inputMode,onKeyPress:this.allowOnlyNumbers?this.disallowLettersInput.bind(this):null,disabled:this.disabled}),(0,e.h)("label",{class:`input-text__label\n          ${this.focused?"input-text__label--focus":""}\n          ${this.showErrorMessage()?"input-text__label--error":""}\n          `,htmlFor:this.name},this.label),!this.disabled&&this.focused&&this.value&&(0,e.h)("clear-button",{onFocus:this.setInputFocus,onKeyPress:this.onKeyPressClear.bind(this),onFocusOut:this.setInputFocusOut,onClick:this.clearInput}),this.showErrorMessage()&&(0,e.h)("exclamation-icon",null)),this.showErrorMessage()&&(0,e.h)("input-error",{errorMessage:this.errorMessage}))}static get watchers(){return{submitted:["watchSubmittedHandler"],minLength:["handleMinChange"]}}};return p.style={celebrity:".input-text{height:56px;padding:0 16px 5px 16px;border:1px solid #d2d5d9;border-radius:2px;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:15px;color:#131516;caret-color:#131516;font-size:16px;font-weight:600;border:none;outline:none}:host{width:100%;outline:none}.input-text{border:1px solid #d2d5d9}.input-text-celebrity.input-text--focus{border-color:#004275}.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--disabled{opacity:0.5;pointer-events:none}.input-text__label{position:relative;bottom:22px;color:#555f61;font-size:14px;font-weight:400;padding-top:1.6rem;transition:all 0.3s ease}.input-text__label--float{font-size:12px;opacity:1}.input-text__label--error{color:#e40f2f}.input-text__label--focus{font-weight:400t;opacity:1}.input-text__label--error{color:var(--error-color-sign-in, #e40f2f);transform:translatey(-4px);font-size:10px;padding-top:0}.input-text__input{padding-right:25px}@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:focus+.input-text__label,.input-text__input:not(:placeholder-shown)+.input-text__label{transform:translatey(-4px);font-size:10px;padding-top:0}.input-text{height:56px;padding:0 16px 5px 16px;border:1px solid #d2d5d9;border-radius:2px;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:15px;color:#131516;caret-color:#131516;font-size:16px;font-weight:600;border:none;outline:none}.input-text--focus{border-color:#004275}",royal:".input-text{height:56px;padding:0 16px 5px 16px;border:1px solid #d2d5d9;border-radius:2px;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:15px;color:#131516;caret-color:#131516;font-size:16px;font-weight:600;border:none;outline:none}:host{width:100%;outline:none}.input-text{border:1px solid #d2d5d9}.input-text-celebrity.input-text--focus{border-color:#004275}.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--disabled{opacity:0.5;pointer-events:none}.input-text__label{position:relative;bottom:22px;color:#555f61;font-size:14px;font-weight:400;padding-top:1.6rem;transition:all 0.3s ease}.input-text__label--float{font-size:12px;opacity:1}.input-text__label--error{color:#e40f2f}.input-text__label--focus{font-weight:400t;opacity:1}.input-text__label--error{color:var(--error-color-sign-in, #e40f2f);transform:translatey(-4px);font-size:10px;padding-top:0}.input-text__input{padding-right:25px}@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:focus+.input-text__label,.input-text__input:not(:placeholder-shown)+.input-text__label{transform:translatey(-4px);font-size:10px;padding-top:0}.input-text{height:56px;padding:0 16px 5px 16px;border:1px solid #d2d5d9;border-radius:2px;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:15px;color:#131516;caret-color:#131516;font-size:16px;font-weight:600;border:none;outline:none}.input-text--focus{border-color:#006AF4}"},p})()}}]);