@everymatrix/player-account-controller 1.55.0 → 1.56.0

package/stencil/password-input_2-B2qvf6ku.cjs

@@ -0,0 +1,105 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index-92b64862-BRYoLHww.cjs"),o=require("./locale-B5abSHU_.cjs"),a=require("./vaadin-button-mixin-ef61174c-DuDVejN4.cjs"),c=require("./tooltipIcon-ee9760a8-Bd9l1O5C.cjs"),m=require("./player-change-password-gm2-38dff08c-DnYXSeKg.cjs");/**
+ * @license
+ * Copyright (c) 2017 - 2024 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */a.registerStyles("vaadin-text-field",a.inputFieldShared$1,{moduleId:"lumo-text-field-styles"});/**
+ * @license
+ * Copyright (c) 2021 - 2024 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */const v=t=>class extends a.InputControlMixin(t){static get properties(){return{autocomplete:{type:String},autocorrect:{type:String},autocapitalize:{type:String,reflectToAttribute:!0}}}static get delegateAttrs(){return[...super.delegateAttrs,"autocapitalize","autocomplete","autocorrect"]}get __data(){return this.__dataValue||{}}set __data(e){this.__dataValue=e}_inputElementChanged(e){super._inputElementChanged(e),e&&(e.value&&e.value!==this.value&&(console.warn(`Please define value on the <${this.localName}> component!`),e.value=""),this.value&&(e.value=this.value))}_setFocused(e){super._setFocused(e),!e&&document.hasFocus()&&this._requestValidation()}_onInput(e){super._onInput(e),this.invalid&&this._requestValidation()}_valueChanged(e,r){super._valueChanged(e,r),r!==void 0&&this.invalid&&this._requestValidation()}};/**
+ * @license
+ * Copyright (c) 2021 - 2024 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */const g=t=>class extends v(t){static get properties(){return{maxlength:{type:Number},minlength:{type:Number},pattern:{type:String}}}static get delegateAttrs(){return[...super.delegateAttrs,"maxlength","minlength","pattern"]}static get constraints(){return[...super.constraints,"maxlength","minlength","pattern"]}constructor(){super(),this._setType("text")}get clearElement(){return this.$.clearButton}ready(){super.ready(),this.addController(new a.InputController(this,e=>{this._setInputElement(e),this._setFocusElement(e),this.stateTarget=e,this.ariaTarget=e})),this.addController(new a.LabelledInputController(this.inputElement,this._labelController))}};/**
+ * @license
+ * Copyright (c) 2017 - 2024 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */a.registerStyles("vaadin-text-field",a.inputFieldShared,{moduleId:"vaadin-text-field-styles"});class p extends g(a.ThemableMixin(a.ElementMixin(a.PolymerElement))){static get is(){return"vaadin-text-field"}static get template(){return a.html`
+      <div class="vaadin-field-container">
+        <div part="label">
+          <slot name="label"></slot>
+          <span part="required-indicator" aria-hidden="true" on-click="focus"></span>
+        </div>
+
+        <vaadin-input-container
+          part="input-field"
+          readonly="[[readonly]]"
+          disabled="[[disabled]]"
+          invalid="[[invalid]]"
+          theme$="[[_theme]]"
+        >
+          <slot name="prefix" slot="prefix"></slot>
+          <slot name="input"></slot>
+          <slot name="suffix" slot="suffix"></slot>
+          <div id="clearButton" part="clear-button" slot="suffix" aria-hidden="true"></div>
+        </vaadin-input-container>
+
+        <div part="helper-text">
+          <slot name="helper"></slot>
+        </div>
+
+        <div part="error-message">
+          <slot name="error-message"></slot>
+        </div>
+      </div>
+      <slot name="tooltip"></slot>
+    `}ready(){super.ready(),this._tooltipController=new a.TooltipController(this),this._tooltipController.setPosition("top"),this._tooltipController.setAriaTarget(this.inputElement),this.addController(this._tooltipController)}}a.defineCustomElement(p);/**
+ * @license
+ * Copyright (c) 2021 - 2024 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */const _=a.i$3`
+  :host {
+    position: absolute;
+    right: 0;
+    top: 0;
+    margin: 0;
+    padding: 0;
+    width: 100%;
+    height: 100%;
+    min-width: auto;
+    background: transparent;
+    outline: none;
+  }
+`;a.registerStyles("vaadin-password-field-button",[a.button,_],{moduleId:"lumo-password-field-button"});/**
+ * @license
+ * Copyright (c) 2021 - 2024 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */const w=a.i$3`
+  [part='reveal-button']::before {
+    content: var(--lumo-icons-eye);
+  }
+
+  :host([password-visible]) [part='reveal-button']::before {
+    content: var(--lumo-icons-eye-disabled);
+  }
+
+  /* Make it easy to hide the button across the whole app */
+  [part='reveal-button'] {
+    position: relative;
+    display: var(--lumo-password-field-reveal-button-display, block);
+  }
+
+  [part='reveal-button'][hidden] {
+    display: none !important;
+  }
+`;a.registerStyles("vaadin-password-field",[a.inputFieldShared$1,w],{moduleId:"lumo-password-field"});/**
+ * @license
+ * Copyright (c) 2021 - 2024 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */a.registerStyles("vaadin-password-field-button",a.buttonStyles,{moduleId:"vaadin-password-field-button-styles"});class f extends a.ButtonMixin(a.DirMixin(a.ThemableMixin(a.PolymerElement))){static get is(){return"vaadin-password-field-button"}static get template(){return a.html``}}a.defineCustomElement(f);/**
+ * @license
+ * Copyright (c) 2021 - 2024 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */const y=t=>class extends a.SlotStylesMixin(a.DisabledMixin(a.FocusMixin(a.InputMixin(t)))){static get properties(){return{revealButtonHidden:{type:Boolean,observer:"_revealButtonHiddenChanged",value:!1},passwordVisible:{type:Boolean,value:!1,reflectToAttribute:!0,observer:"_passwordVisibleChanged",readOnly:!0},i18n:{type:Object,value:()=>({reveal:"Show password"})}}}static get observers(){return["__i18nChanged(i18n)"]}constructor(){super(),this._setType("password"),this.__boundRevealButtonClick=this._onRevealButtonClick.bind(this),this.__boundRevealButtonMouseDown=this._onRevealButtonMouseDown.bind(this),this.__lastChange=""}get slotStyles(){const e=this.localName;return[...super.slotStyles,`
+          ${e} [slot="input"]::-ms-reveal {
+            display: none;
+          }
+        `]}get _revealNode(){return this._revealButtonController&&this._revealButtonController.node}ready(){super.ready(),this._revealPart=this.shadowRoot.querySelector('[part="reveal-button"]'),this._revealButtonController=new a.SlotController(this,"reveal","vaadin-password-field-button",{initializer:e=>{e.disabled=this.disabled,e.addEventListener("click",this.__boundRevealButtonClick),e.addEventListener("mousedown",this.__boundRevealButtonMouseDown)}}),this.addController(this._revealButtonController),this.__updateAriaLabel(this.i18n),this._updateToggleState(!1),this._toggleRevealHidden(this.revealButtonHidden),this.inputElement&&(this.inputElement.autocapitalize="off")}_onChange(e){super._onChange(e),this.__lastChange=this.inputElement.value}_shouldSetFocus(e){return e.target===this.inputElement||e.target===this._revealNode}_shouldRemoveFocus(e){return!(e.relatedTarget===this._revealNode||e.relatedTarget===this.inputElement&&e.target===this._revealNode)}_setFocused(e){if(super._setFocused(e),!e)this._setPasswordVisible(!1),this.__lastChange!==this.inputElement.value&&(this.__lastChange=this.inputElement.value,this.dispatchEvent(new CustomEvent("change",{bubbles:!0})));else{const r=this.getRootNode().activeElement===this._revealNode;this.toggleAttribute("focus-ring",this._keyboardActive&&!r)}}__updateAriaLabel(e){e&&e.reveal&&this._revealNode&&this._revealNode.setAttribute("aria-label",e.reveal)}__i18nChanged(e){this.__updateAriaLabel(e)}_revealButtonHiddenChanged(e){this._toggleRevealHidden(e)}_togglePasswordVisibility(){this._setPasswordVisible(!this.passwordVisible)}_onRevealButtonClick(){this._togglePasswordVisibility()}_onRevealButtonMouseDown(e){e.preventDefault(),this.inputElement.focus()}_toggleRevealHidden(e){this._revealNode&&(e?(this._revealPart.setAttribute("hidden",""),this._revealNode.setAttribute("tabindex","-1"),this._revealNode.setAttribute("aria-hidden","true")):(this._revealPart.removeAttribute("hidden"),this._revealNode.setAttribute("tabindex","0"),this._revealNode.removeAttribute("aria-hidden")))}_updateToggleState(e){this._revealNode&&this._revealNode.setAttribute("aria-pressed",e?"true":"false")}_passwordVisibleChanged(e){this._setType(e?"text":"password"),this._updateToggleState(e)}_disabledChanged(e,r){super._disabledChanged(e,r),this._revealNode&&(this._revealNode.disabled=e)}};/**
+ * @license
+ * Copyright (c) 2021 - 2024 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */const b=a.html`
+  <div part="reveal-button" slot="suffix">
+    <slot name="reveal"></slot>
+  </div>
+`;let u;class x extends y(p){static get is(){return"vaadin-password-field"}static get template(){if(!u){u=super.template.cloneNode(!0);const i=b.content.querySelector('[part="reveal-button"]');u.content.querySelector('[part="input-field"]').appendChild(i)}return u}}a.defineCustomElement(x);const C='*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.password{font-family:"Roboto";font-style:normal}.password__wrapper{position:relative;width:100%;display:flex;flex-direction:column;gap:5px}.password__wrapper--autofilled{pointer-events:none}.password__wrapper--autofilled .password__label{color:var(--emw--registration-typography, var(--emw--color-black, #000000))}.password__wrapper--autofilled .password__input::part(input-field){color:var(--emw--color-black, #000000)}.password__wrapper--flex{display:flex;gap:5px}.password__wrapper--relative{position:relative}.password__label{font-family:inherit;font-style:normal;font-weight:500;font-size:16px;line-height:20px;color:var(--emw--registration-typography, var(--emw--color-black, #000000))}.password__label--required::after{content:"*";font-family:inherit;color:var(--emw--login-color-primary, var(--emw--color-primary, #D0046C));margin-left:2px}.password__input{width:inherit;border:none}.password__input[focused]::part(input-field){border-color:var(--emw--login-color-primary, var(--emw--color-primary, #D0046C))}.password__input[invalid]::part(input-field){border:1px solid var(--emw--color-error, var(--emw--color-red, #ed0909))}.password__input::part(input-field){border-radius:4px;background-color:var(--emw--color-white, #FFFFFF);border:1px solid var(--emw--color-gray-100, #E6E6E6);color:var(--emw--color-black, #000000);background-color:var(--emw--color-white, #FFFFFF);font-family:inherit;font-style:normal;font-weight:300;font-size:16px;line-height:1.5;position:relative;margin-bottom:unset;height:44px;padding:0;width:100%}.password__input::part(reveal-button){position:relative;right:10px}.password__input::part(reveal-button)::before{color:var(--emw--registration-typography, var(--emw--color-black, #000000))}.password__input>input{padding:5px 15px}.password__input>input:placeholder-shown{color:var(--emw--color-gray-150, #828282)}.password__error-message{position:absolute;top:calc(100% + 5px);left:0;color:var(--emw--color-error, var(--emw--color-red, #ed0909))}.password__complexity{position:relative;padding:10px;display:flex;flex-direction:column;gap:20px;justify-content:center;margin-top:20px;font-weight:300;background:var(--emw--color-white, #FFFFFF);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;height:150px;border:1px solid #B0B0B0;}.password__complexity meter{border-color:transparent;}.password__complexity meter[value="1"]::-moz-meter-bar{background-color:var(--emw--color-valid, #48952a)}.password__complexity meter[value="1"]::-webkit-meter-optimum-value{background-color:var(--emw--color-valid, #48952a)}.password__complexity meter:not([value="1"])::-moz-meter-bar{background-color:var(--emw--color-error, #FD2839)}.password__complexity meter:not([value="1"])::-webkit-meter-optimum-value{background-color:var(--emw--color-error, #FD2839)}.password__complexity--strength{display:flex;justify-content:space-evenly;align-items:center}.password__complexity--strength meter::-moz-meter-bar{background:#B0B0B0}.password__complexity--hidden{display:none}.password__complexity--text-bold{font-weight:500}.password__complexity--checkbox{margin-right:5px}.password__complexity:after{content:"";position:absolute;width:25px;height:25px;border-top:1px solid var(--emw--color-gray-150, #828282);border-right:0 solid var(--emw--color-gray-150, #828282);border-left:1px solid var(--emw--color-gray-150, #828282);border-bottom:0 solid var(--emw--color-gray-150, #828282);bottom:92%;left:50%;margin-left:-25px;transform:rotate(45deg);margin-top:-25px;background-color:var(--emw--color-white, #FFFFFF)}.password__tooltip-icon{width:16px;height:auto}.password__tooltip{position:absolute;top:0;left:20px;background-color:var(--emw--color-white, #FFFFFF);border:1px solid var(--emw--color-gray-150, #828282);color:#2B2D3F;padding:10px;border-radius:5px;opacity:0;transition:opacity 0.3s ease-in-out;z-index:10}.password__tooltip.visible{opacity:1}',F=C,h=class{constructor(t){s.registerInstance(this,t),this.sendOriginalValidityState=s.createEvent(this,"sendOriginalValidityState"),this.sendValidityState=s.createEvent(this,"sendValidityState"),this.sendInputValue=s.createEvent(this,"sendInputValue"),this.defaultValue="",this.clientStyling="",this.limitStylingAppends=!1,this.showTooltip=!1,this.value="",this.touched=!1,this.originalValid=!1,this.validationPattern="",this.duplicateInputValue=null,this.handleInput=i=>{this.value=i.target.value,this.calculateComplexity(this.value),this.showPopup=!0,this.touched=!0,this.debounceTime&&clearTimeout(this.debounceTime),this.debounceTime=setTimeout(()=>{this.isValid=this.setValidity(),this.errorMessage=this.setErrorMessage(),this.emitValueHandler(!0)},500)},this.handleRevealField=i=>{i.stopPropagation(),window.postMessage({type:`registrationShow${this.name}`},window.location.href)},this.handleBlur=i=>{this.value=i.target.value,this.showPopup=!1,this.touched=!0,this.isValid=this.setValidity(),this.errorMessage=this.setErrorMessage()},this.handleFocus=()=>{this.showPopup=!0,this.calculateComplexity(this.value)},this.setClientStyling=()=>{let i=document.createElement("style");i.innerHTML=this.clientStyling,this.stylingContainer.prepend(i)}}validityChanged(){this.validityStateHandler({valid:this.isValid,name:this.name}),this.emitValue==!0&&this.valueHandler({name:this.name,value:this.value})}valueChanged(){this.isDuplicateInput||(this.calculateComplexity(this.value),this.sendOriginalValidityState.emit({name:this.name,valid:this.setValidity()}))}emitValueHandler(t){t==!0&&this.isValid&&this.valueHandler({name:this.name,value:this.value,type:"duplicate"})}validityStateHandler(t){this.sendValidityState.emit(t)}valueHandler(t){this.sendInputValue.emit(t)}originalValidityChangedHandler(t){this.isDuplicateInput&&(t.detail.valid?(this.originalValid=!0,this.isValid=this.setValidity()):(this.originalValid=!1,this.isValid=!1,this.value!==""&&(this.errorMessage=this.setErrorMessage())))}valueChangedHandler(t){this.isDuplicateInput&&this.name===t.detail.name+"Duplicate"&&(this.duplicateInputValue=t.detail.value,this.touched&&(this.isValid=this.setValidity(),this.errorMessage=this.setErrorMessage())),this.name===t.detail.name+"Duplicate"&&this.name.replace("Duplicate","")===t.detail.name&&this.touched===!0&&(this.isValid=this.setValidity(),this.errorMessage=this.setErrorMessage())}handleClickOutside(t){t.composedPath()[0]!==this.tooltipIconReference&&t.composedPath()[0]!==this.tooltipReference&&(this.showTooltip=!1)}componentDidRender(){!this.limitStylingAppends&&this.stylingContainer&&(this.clientStyling&&this.setClientStyling(),this.limitStylingAppends=!0)}componentDidLoad(){this.inputReference=this.element.shadowRoot.querySelector("input"),this.passwordButton=this.element.shadowRoot.querySelector("vaadin-password-field-button"),this.passwordButton.tabIndex=-1,this.passwordButton.addEventListener("click",t=>{this.handleRevealField(t)}),this.defaultValue&&(this.value=this.defaultValue,this.calculateComplexity(this.value),this.valueHandler({name:this.name,value:this.value}),this.isDuplicateInput&&(this.duplicateInputValue=this.defaultValue,this.touched=!0)),this.isValid=this.setValidity()}disconnectedCallback(){this.passwordButton.removeEventListener("click",this.handleRevealField)}calculateComplexity(t){this.passwordComplexity=this.validation.custom.filter(i=>i.rule==="regex").map(i=>{const r=new RegExp(i.pattern).test(t);return{rule:i.displayName,ruleKey:i.errorKey,passed:r}})}setValidity(){var t,i;return this.isDuplicateInput&&this.duplicateInputValue!==this.value?!1:!((t=this.passwordComplexity)===null||t===void 0)&&t.every(e=>e.passed)?(i=this.inputReference)===null||i===void 0?void 0:i.validity.valid:!1}setPattern(){var t,i;if(((t=this.validation.custom)===null||t===void 0?void 0:t.length)>0)return(i=this.validation.custom.find(e=>e.rule==="regex"))===null||i===void 0?void 0:i.pattern}setErrorMessage(){var t,i,e,r;if(this.isDuplicateInput&&!this.originalValid)return o.translate("invalidOriginalPasswordError",this.language);if(this.inputReference.validity.patternMismatch){const l=(t=this.validation.custom.find(n=>n.rule==="regex"))===null||t===void 0?void 0:t.errorKey,d=(i=this.validation.custom.find(n=>n.rule==="regex"))===null||i===void 0?void 0:i.errorMessage;return o.translate(`${l}`,this.language)?o.translate(`${l}`,this.language):d}if(this.inputReference.validity.tooShort||this.inputReference.validity.tooLong)return o.translate("lengthError",this.language,{values:{minLength:this.validation.minLength,maxLength:this.validation.maxLength}});if(this.inputReference.validity.valueMissing)return o.translate("requiredError",this.language);if(this.isDuplicateInput&&this.duplicateInputValue!==this.value){const l=(e=this.validation.custom.find(n=>n.rule==="duplicate-input"))===null||e===void 0?void 0:e.errorKey,d=(r=this.validation.custom.find(n=>n.rule==="duplicate-input"))===null||r===void 0?void 0:r.errorMessage;return o.translate(`${l}`,this.language)?o.translate(`${l}`,this.language):d}}renderTooltip(){return this.showTooltip?s.h("div",{class:`password__tooltip ${this.showTooltip?"visible":""}`,ref:t=>this.tooltipReference=t,innerHTML:this.tooltip}):null}renderComplexityPopup(){const t=this.passwordComplexity.length,e=this.passwordComplexity.filter(l=>l.passed).length/t,r=this.passwordComplexity.every(l=>l.passed);return s.h("div",{class:`password__complexity ${this.showPopup?"":"password__complexity--hidden"}`},s.h("div",{class:"password__complexity--strength"},s.h("p",{class:"password__complexity--text"},o.translate("passwordStrength",this.language)," ",s.h("span",{class:"password__complexity--text-bold"},o.translate(`${r?"passwordStrengthStrong":"passwordStrengthWeak"}`,this.language))),s.h("meter",{value:e,min:"0",max:"1"})),s.h("div",null,this.passwordComplexity.map((l,d)=>s.h("div",{key:d},s.h("input",{class:"password__complexity--checkbox",type:"checkbox",checked:l.passed,disabled:!0}),s.h("span",null,o.translate(`${l.ruleKey}`,this.language)?o.translate(`${l.ruleKey}`,this.language):l.rule)))))}render(){let t="";return this.touched&&(t=this.isValid==!0||this.isValid==null?"":"text__input--invalid"),s.h("div",{key:"c704b51efdf53817beb1541b4794e0b11b490a24",class:`password__wrapper ${this.autofilled?"password__wrapper--autofilled":""} ${this.name}__input`,ref:i=>this.stylingContainer=i},s.h("div",{key:"e590afa403084ff95a8735ade400ab81ad16937f",class:"password__wrapper--flex"},s.h("label",{key:"9d8db00b59c4b9594538aeacee3ef5a0e678c0e9",class:`password__label  ${this.validation.mandatory?"password__label--required":""}`,htmlFor:`${this.name}__input`},this.displayName),s.h("div",{key:"bb39f6018cf688fafcd0b5bef91ba079edf09daf",class:"password__wrapper--relative"},this.tooltip&&s.h("img",{key:"d8dbd086da34a8c7db9b5826654530bdb888c927",class:"password__tooltip-icon",src:c.tooltipIconSvg,alt:"",ref:i=>this.tooltipIconReference=i,onClick:()=>this.showTooltip=!this.showTooltip}),this.renderTooltip())),s.h("vaadin-password-field",{key:"ae1c212d663fe379561b1c514087629409196ac3",type:"password",id:`${this.name}__input`,class:`password__input ${t}`,name:this.name,readOnly:this.autofilled,value:this.defaultValue,required:this.validation.mandatory,maxlength:this.validation.maxLength,minlength:this.validation.minLength,pattern:this.validationPattern,placeholder:`${this.placeholder}`,onInput:this.handleInput,onBlur:this.handleBlur,onFocus:this.handleFocus}),s.h("small",{key:"2fa1e25239a7314399c16b2f897873b7a31e9f77",class:"password__error-message"},this.errorMessage),this.passwordComplexity&&this.showPopup&&!this.isDuplicateInput&&this.renderComplexityPopup())}get element(){return s.getElement(this)}static get watchers(){return{isValid:["validityChanged"],value:["valueChanged"],emitValue:["emitValueHandler"]}}};h.style=F;exports.player_change_password_gm2=m.PlayerChangePasswordGm2;exports.password_input=h;