https://www.celebritycruises.com/myaccount/3896.64792b4eb4c52b05.js

1"use strict";(self.webpackChunkcelebrity=self.webpackChunkcelebrity||[]).push([[3896],{73896:(u,r,i)=>{i.r(r),i.d(r,{rcg_input_password_v2:()=>d});var t=i(76658),o=i(52759),a=i(96041);const d=(()=>{let n=class{constructor(s){(0,t.r)(this,s),this.valueChanged=(0,t.c)(this,"valueChanged"),this.inputError=(0,t.c)(this,"inputError"),this.inputFocus=(0,t.c)(this,"inputFocus"),this.inputFocusOut=(0,t.c)(this,"inputFocusOut"),this.inputClear=(0,t.c)(this,"inputClear"),this.autofocus=!1,this.inputId="text-1",this.required=!1,this.brand="royal",this.placeholder=" ",this.strengthLevelEnabled=!1,this.resetValidations=!1,this.language="en",this.focused=!1,this.showPassword=!1,this.showStrengthLevel=!1,this.touched=!1,this.setInputFocus=e=>{this.focused=!0,this.touched=!0,this.inputFocus.emit(e)},this.setInputFocusOut=e=>{setTimeout(()=>{this.focused=!1},150),this.inputFocusOut.emit(e)},this.setShowPassword=e=>{e.stopPropagation(),this.showPassword=!this.showPassword},this.setAutoFocus=()=>{setTimeout(()=>this.textInput.focus(),0)},this.clearInput=()=>{this.textInput.value="",this.value="",this.inputClear.emit(),this.valueChanged.emit(""),this.checkStrength()}}watchSubmittedHandler(){this.textInput.value||(this.valueChanged.emit(this.value),this.handleErrors(this.textInput.validity))}watchAutoFocus(s){s&&this.setAutoFocus()}watchStrengthLevelEnabled(){this.checkStrength()}watchResetValidations(){this.checkStrength()}componentWillLoad(){this.autofocus&&this.setAutoFocus()}handleChange(s){let e=s.target.value;this.textInput.value=e,this.value=e,this.handleErrors(s.target.validity),this.valueChanged.emit(this.value),this.checkStrength()}checkStrength(){this.showStrengthLevel=this.strengthLevelEnabled&&!this.resetValidations}handleErrors(s){s&&this.inputError.emit(s)}showErrorMessage(){return!!this.errorMessage&&!this.focused}getPasswordToggleIcon(){return this.showPassword?this.brand===a.B.ROYAL?(0,o.l)():(0,o.m)():this.brand===a.B.ROYAL?(0,o.o)():(0,o.n)()}onKeyPressClear(s){"Enter"===s.key&&(this.clearInput(),this.setAutoFocus())}render(){return(0,t.h)(t.H,{key:"705c60bd0cac9299217d945e12619e81b71323e8"},(0,t.h)("div",{key:"68703fb34a71c08950a565f5ecf560914a1ad867",class:{"input-password__container":!0,"has-error":this.showErrorMessage()}},(0,t.h)("label",{key:"9351ec77bf7342d224bb417968e8b4031bca36c1",class:"input-password__label"},this.label),(0,t.h)("div",{key:"133182ac6e019ea9e2b0043ff4b6d638099f34bd",class:"input-password__fields"},(0,t.h)("div",{key:"bb368acfcd4de32b02f11934a17e7d98fddbcb94",class:"input-password__field"},(0,t.h)("input",{key:"bf3e1cd8ef6f47cebf4248ed6847417de5606d16",id:`input-password-${this.inputId}`,name:this.name,"aria-label":this.label,onInput:this.handleChange.bind(this),onFocus:this.setInputFocus.bind(this),onFocusout:this.setInputFocusOut.bind(this),placeholder:this.placeholder,type:this.showPassword?"text":"password",ref:s=>this.textInput=s,class:"input-password__input "+(this.errorMessage?"input-password__input--error":""),required:this.required,minLength:this.minLength,maxLength:this.maxLength,min:this.min,max:this.max,pattern:this.pattern,value:this.value}),this.showErrorMessage()&&(0,t.h)("input-error-v2",{key:"8b2808aee589b20a051d99475717986cd98cdd2a",errorMessage:this.errorMessage}))),this.focused&&this.value&&(0,t.h)("button",{key:"778c9dcb0e2e7858a6ea69c89d6d14e5d8f723a9",class:"input-password__btn input-password__btn--close",onFocus:this.setInputFocus,onKeyPress:this.onKeyPressClear.bind(this),onFocusout:this.setInputFocusOut,onClick:this.clearInput},(0,o.p)()),this.touched&&(0,t.h)("button",{key:"6404d360572196476ba8cbb16faf0593cd4f6c15",class:"input-password__btn input-password__btn--icon",onClick:this.setShowPassword},this.getPasswordToggleIcon())),this.showStrengthLevel&&(0,t.h)("rcg-password-strength",{key:"a2330d62f793816a44152201be7e0ac0af5d5ca3",value:this.value,language:this.language}))}static get watchers(){return{submitted:["watchSubmittedHandler"],autofocus:["watchAutoFocus"],strengthLevelEnabled:["watchStrengthLevelEnabled"],resetValidations:["watchResetValidations"]}}};return n.style={celebrity:':host{width:100%;outline:none}.input-password__label{color:#535455;font-family:"proxima-nova", "proxima_nova", "Proxima Nova", sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:16px;margin-bottom:8px}.input-password__container{position:relative;display:flex;flex-direction:column;width:100%;min-height:82px}.input-password__container.has-error{min-height:112px}.input-password__fields{display:flex;gap:24px;width:100%;height:56px}

1.input-password__field{display:flex;flex-direction:column;width:100%}.input-password__input{height:56px;text-align:left;text-indent:16px;border-radius:4px;border:1px solid #8E8F90;appearance:none;background-color:white;justify-content:space-between;align-self:stretch;color:#151617;font-family:"proxima-nova", "proxima_nova", "Proxima Nova", sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:24px;padding-left:0px}.input-password__input::placeholder{color:#666768}.input-password__input--error{border:1px solid #ED1D24}.input-password__input:focus-visible{outline:1px solid transparent}.input-password__btn{position:absolute;margin:0;padding:0;border:0;background-color:#ffffff;cursor:pointer;z-index:9}.input-password__btn--icon{right:14px;top:40px;height:24px;width:24px}.input-password__btn--close{background-color:rgba(85, 95, 97, 0.5);right:42px;top:42px;height:20px;width:20px;border-radius:100%}.input-password__btn--close:hover{background-color:#6a7582}.input-password__btn--close:focus{background-color:#6a7582}@media only screen and (max-width: 375px){.input-password__input{padding-right:0}}.input-password__container.has-error .input-password__input{border:1px solid var(--celebrity-error-color, #ED1D24)}.input-password__label{font-family:var(--celebrity-font-family, proxima-nova, proxima_nova, Proxima Nova, sans-serif)}.input-password__input{font-family:var(--celebrity-font-family, proxima-nova, proxima_nova, Proxima Nova, sans-serif);border-radius:1px}.input-password__input:focus,.input-password__input:not(.input-password__input--error):hover{border:1px solid var(--celebrity-primary-blue, #8E8F90)}.input-password__input--error{border:1px solid var(--celebrity-error-color, #ED1D24)}.input-password__input:disabled{background-color:var(--celebrity-input-disabled-background-color, white);border-color:var(--celebrity-input-disabled-border-color, #8E8F90)}.input-password__container.has-error .input-password__btn svg path,.input-password__input--error~.input-password__btn svg path{fill:var(--celebrity-error-color, #ED1D24)}.input-password__input--focus~.input-password__btn svg path{fill:var(--celebrity-primary-blue, #8E8F90)}',royal:':host{width:100%;outline:none}.input-password__label{color:#535455;font-family:"proxima-nova", "proxima_nova", "Proxima Nova", sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:16px;margin-bottom:8px}.input-password__container{position:relative;display:flex;flex-direction:column;width:100%;min-height:82px}.input-password__container.has-error{min-height:112px}.input-password__fields{display:flex;gap:24px;width:100%;height:56px}.input-password__field{display:flex;flex-direction:column;width:100%}.input-password__input{height:56px;text-align:left;text-indent:16px;border-radius:4px;border:1px solid #8E8F90;appearance:none;background-color:white;justify-content:space-between;align-self:stretch;color:#151617;font-family:"proxima-nova", "proxima_nova", "Proxima Nova", sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:24px;padding-left:0px}.input-password__input::placeholder{color:#666768}.input-password__input--error{border:1px solid #ED1D24}.input-password__input:focus-visible{outline:1px solid transparent}.input-password__btn{position:absolute;margin:0;padding:0;border:0;background-color:#ffffff;cursor:pointer;z-index:9}.input-password__btn--icon{right:14px;top:40px;height:24px;width:24px}.input-password__btn--close{background-color:rgba(85, 95, 97, 0.5);right:42px;top:42px;height:20px;width:20px;border-radius:100%}.input-password__btn--close:hover{background-color:#6a7582}.input-password__btn--close:focus{background-color:#6a7582}@media only screen and (max-width: 375px){.input-password__input{padding-right:0}}.input-password:focus-within{border-color:#006AF4}.input-password__label:focus-within{font-weight:#006AF4;opacity:1}'},n})()}}]);