@descope/web-components-ui 3.20.3 → 3.21.0

package/dist/umd/descope-hybrid-field-index-js.js

@@ -1,5 +1,5 @@
 /*! For license information please see descope-hybrid-field-index-js.js.LICENSE.txt */
-"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[7299],{54316(e,t,i){i.r(t),i.d(t,{EmailFieldClass:()=>y,componentName:()=>g}),i(52733);var n=i(47642),r=i(87550);const o=r.AH`
+"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[7299],{63768(e,t,i){i.r(t),i.d(t,{EmailFieldClass:()=>f,componentName:()=>g}),i(52733);var n=i(47642),r=i(87550);const o=r.AH`
   :host([dir='rtl']) [part='input-field'] ::slotted(input) {
     --_lumo-text-field-overflow-mask-image: linear-gradient(to left, transparent, #000 1.25em);
   }
@@ -16,5 +16,5 @@
     direction: rtl;
     text-align: left;
   }
-`;(0,r.SF)("vaadin-email-field",l,{moduleId:"vaadin-email-field-styles"});class p extends a.A{static get is(){return"vaadin-email-field"}constructor(){super(),this._setType("email"),this.pattern="^([a-zA-Z0-9_\\.\\-+])+@[a-zA-Z0-9\\-.]+\\.[a-zA-Z0-9\\-]{2,}$"}ready(){super.ready(),this.inputElement&&(this.inputElement.autocapitalize="off")}}(0,s.X)(p);var u=i(47656),d=i(79365),h=i(9696),c=i(97810),m=i(73551);const g=(0,c.xE)("email-field"),y=(0,h.Zz)((0,d.RF)({mappings:u.A}),d.VO,(0,d.RV)({inputType:"email",inputName:"email",autocompleteType:"username",includeAttrs:["disabled","readonly","pattern"]}),(0,d.OZ)({proxyProps:["value","selectionStart"],useProxyTargets:!0}),d.tQ,e=>class extends e{init(){super.init?.(),this.baseElement.setAttribute("pattern","^[\\w\\.\\%\\+\\-']+@[\\w\\.\\-]+\\.[A-Za-z]{2,}$"),this.getAttribute("autocomplete")||this.setAttribute("autocomplete","username"),this.createExternalInput()}})((0,d.tz)({slots:["","suffix"],wrappedEleName:"vaadin-email-field",style:()=>`\n\t\t\t:host {\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tmax-width: 100%;\n\t\t\t\tpadding: calc(var(${y.cssVarList.inputOutlineWidth}) + var(${y.cssVarList.inputOutlineOffset}));\n        box-sizing: border-box;\n\t\t\t}\n      ${(0,m.$J)("vaadin-email-field")}\n\t\t\t${(0,m.cy)(y.cssVarList)}\n\t\t\t${(0,m.LJ)("vaadin-email-field",y.cssVarList)}\n      ${(0,m.Kl)()}\n\n      vaadin-email-field[label-type="floating"]:not([focused])[readonly] > input:placeholder-shown {\n        opacity: 0;\n      }\n      vaadin-email-field[label-type="floating"]:not([focused])[disabled] > input:placeholder-shown {\n        opacity: 0;\n      }\n\n      :host ::slotted(*) {\n        -webkit-mask-image: none;\n      }\n\n      vaadin-email-field[external-input="true"] > input:not(:placeholder-shown) {\n        opacity: 0;\n      }\n\t\t`,excludeAttrsSync:["tabindex","style"],componentName:g}));customElements.define(g,y)},44966(e,t,i){i.r(t),i.d(t,{HybridFieldClass:()=>y,componentName:()=>d}),i(54316),i(98136),i(30057);var n=i(25964),r=i(79365),o=i(81365),s=i(9696),a=i(97810);const l=/[^\d\s+\-()]/;var p=i(81808),u=i(16306);const d=(0,a.xE)("hybrid-field"),h={shared:["label","bordered","full-width","label-type","size","disabled","readonly","required","st-host-direction","st-error-message-icon","st-error-message-icon-size","st-error-message-icon-padding"],email:["placeholder","data-errormessage-value-missing-email","data-errormessage-pattern-mismatch-email","external-input"],phone:{countryCode:["phone-input-label","country-input-label","country-input-placeholder","restrict-countries","default-code","phone-minlength","phone-format-value","phone-strict-validation","phone-input-type","data-errormessage-value-missing-phone"],inputBox:["restrict-countries","default-code","phone-minlength","phone-format-value","phone-strict-validation","phone-input-type","data-errormessage-value-missing-phone"]}},c={email:{"data-errormessage-value-missing-email":"data-errormessage-value-missing","data-errormessage-pattern-mismatch-email":"data-errormessage-pattern-mismatch"},phone:{"phone-input-label":"label","phone-minlength":"minlength","phone-format-value":"format-value","phone-strict-validation":"strict-validation","data-errormessage-value-missing-phone":"data-errormessage-value-missing"}},m="descope-phone-field",g=(0,o.q)({componentName:d,baseSelector:"div"}),y=(0,s.Zz)((0,r.RF)({componentNameOverride:(0,a.xE)("input-wrapper")}),(0,r.RF)({mappings:{hostWidth:{selector:()=>":host",property:"width"},hostDirection:[{selector:()=>"descope-email-field",property:"direction"},{selector:()=>"descope-phone-field",property:"direction"},{selector:()=>"descope-phone-input-box-field",property:"direction"}],errorMessageIcon:[{selector:()=>p.NF.componentName,property:p.NF.cssVarList.errorMessageIcon},{selector:()=>u.Ul.componentName,property:u.Ul.cssVarList.errorMessageIcon}],errorMessageIconSize:[{selector:()=>p.NF.componentName,property:p.NF.cssVarList.errorMessageIconSize},{selector:()=>u.Ul.componentName,property:u.Ul.cssVarList.errorMessageIconSize}],errorMessageIconPadding:[{selector:()=>p.NF.componentName,property:p.NF.cssVarList.errorMessageIconPadding},{selector:()=>u.Ul.componentName,property:u.Ul.cssVarList.errorMessageIconPadding}],errorMessageIconRepeat:[{selector:()=>p.NF.componentName,property:p.NF.cssVarList.errorMessageIconRepeat},{selector:()=>u.Ul.componentName,property:u.Ul.cssVarList.errorMessageIconRepeat}],errorMessageIconPosition:[{selector:()=>p.NF.componentName,property:p.NF.cssVarList.errorMessageIconPosition},{selector:()=>u.Ul.componentName,property:u.Ul.cssVarList.errorMessageIconPosition}],errorMessageFontSize:[{selector:()=>p.NF.componentName,property:p.NF.cssVarList.errorMessageFontSize},{selector:()=>u.Ul.componentName,property:u.Ul.cssVarList.errorMessageFontSize}],labelFontWeight:[{selector:()=>p.NF.componentName,property:p.NF.cssVarList.labelFontWeight},{selector:()=>u.Ul.componentName,property:u.Ul.cssVarList.labelFontWeight}],inputValueFontWeight:[{selector:()=>p.NF.componentName,property:p.NF.cssVarList.inputValueFontWeight},{selector:()=>u.Ul.componentName,property:u.Ul.cssVarList.inputValueFontWeight}],inputPlaceholderFontWeight:[{selector:()=>p.NF.componentName,property:p.NF.cssVarList.inputPlaceholderFontWeight},{selector:()=>u.Ul.componentName,property:u.Ul.cssVarList.inputPlaceholderFontWeight}],helperTextFontWeight:[{selector:()=>p.NF.componentName,property:p.NF.cssVarList.helperTextFontWeight},{selector:()=>u.Ul.componentName,property:u.Ul.cssVarList.helperTextFontWeight}],errorMessageFontWeight:[{selector:()=>p.NF.componentName,property:p.NF.cssVarList.errorMessageFontWeight},{selector:()=>u.Ul.componentName,property:u.Ul.cssVarList.errorMessageFontWeight}]}}),r.VO,r.tQ)(class extends g{#e=!1;#t;constructor(){super(),this.attachShadow({mode:"open"}).innerHTML=`\n    <div class="wrapper">\n      <descope-email-field external-input="${this.isExternalInput}"></descope-email-field>\n      <descope-phone-field allow-alphanumeric-input="true" phone-input-type="text"></descope-phone-field>\n      <descope-phone-input-box-field allow-alphanumeric-input="true" phone-input-type="text"></descope-phone-input-box-field>\n    </div>\n\t\t`,(0,n.fz)("\n      :host {\n        display: inline-flex;\n        box-sizing: border-box;\n        padding: 0;\n        gap: 0;\n      }\n      .wrapper {\n        display: grid;\n        width: 100%;\n      }\n      descope-email-field,\n      descope-phone-field,\n      descope-phone-input-box-field {\n        grid-area: 1/1;\n        width: 100%;\n        height: 100%;\n      }\n      .hidden {\n        visibility: hidden;\n      }\n      ",this)}get isExternalInput(){return"true"===this.getAttribute("external-input")}get emailInputEle(){return this.isExternalInput?this.emailInput.externalInput:this.emailInput.inputElement}get phoneVariant(){return"inputBox"===this.getAttribute("phone-variant")?this.phoneInputBoxInput:this.phoneCountryCodeInput}get defaultCode(){const e=this.phoneCountryCodeInput.countryCodes?.[0]||"";return this.getAttribute("default-code")||e}get activeInputEle(){return this.activeInput===this.emailInput?this.emailInputEle:this.phoneVariant.phoneNumberInputEle}get value(){return this.activeInput?.value||""}set value(e){this.handleActiveInput(e),setTimeout(()=>{this.activeInput.value=e})}async init(){super.init?.(),this.initInputs(),this.updateAttrs(),this.toggleInputVisibility(),await this.waitForInputs(),this.initInputEles(),this.overrideEmailInputType(),this.overrideEmailSetAttribute()}waitForInputs(){return new Promise(e=>{const t=setInterval(()=>{this.emailInputEle&&(clearInterval(t),e())})})}initInputs(){this.emailInput=this.shadowRoot.querySelector("descope-email-field"),this.phoneCountryCodeInput=this.shadowRoot.querySelector(m),this.phoneInputBoxInput=this.shadowRoot.querySelector("descope-phone-input-box-field"),this.inputs=[this.emailInput,this.phoneCountryCodeInput,this.phoneInputBoxInput],this.activeInput=this.emailInput}initInputEles(){[this.emailInputEle,this.phoneCountryCodeInput.phoneNumberInputEle,this.phoneInputBoxInput.phoneNumberInputEle].forEach(e=>{e.addEventListener("input",this.onValueChange.bind(this))})}overrideEmailInputType(){this.emailInputEle.addEventListener("focus",()=>{this.emailInputEle.setAttribute("type","text")}),this.emailInputEle.addEventListener("blur",()=>{setTimeout(()=>{this.emailInputEle.setAttribute("type","email")})})}overrideEmailSetAttribute(){const e=this.emailInput.setAttribute.bind(this.emailInputEle);this.emailInputEle.setAttribute=(t,i)=>("type"!==t||"email"!==i||!this.emailInput.hasAttribute("focused"))&&e(t,i)}updateAttrs(){(0,a.EA)(this,this.emailInput,{includeAttrs:h.email,mapAttrs:c.email}),(0,a.EA)(this,this.phoneCountryCodeInput,{includeAttrs:h.phone.countryCode,mapAttrs:c.phone}),(0,a.EA)(this,this.phoneInputBoxInput,{includeAttrs:h.phone.inputBox,mapAttrs:c.phone}),this.inputs.forEach(e=>(0,a.EA)(this,e,{includeAttrs:h.shared})),setTimeout(()=>this.phoneCountryCodeInput.setAttribute("default-code",this.defaultCode))}onValueChange(){this.#t=this.activeInputEle.selectionStart,this.handleActiveInput(this.activeInputEle.value||this.activeInput.value)}handleActiveInput(e){const t=(e=>!!e&&!l.test(e))(e)?this.phoneVariant:this.emailInput;this.activeInput!==t&&this.setActiveInput(t)}setActiveInput(e){const t=this.activeInputEle.value||this.activeInput.value;this.activeInput=e,this.setActiveInputValue(t),this.#e&&this.activeInput.reportValidity(),this.setActiveInputSelectionStart(),this.toggleInputVisibility()}setActiveInputSelectionStart(){setTimeout(()=>{const e=this.activeInputEle;e.focus();try{e.setSelectionRange?.(this.#t,this.#t)}catch{}})}#i(){const e=this.getAttribute("default-code"),t=e&&p.NF.CountryCodes.find(t=>t.code===e);return t?.dialCode||p.NF.CountryCodes[0]?.dialCode||""}setActiveInputValue(e){const t=(e=>e.replace(/\+\d+-/,""))(e);if(this.activeInput.localName===m){const e=this.phoneCountryCodeInput.countryCodeItems||this.#i();this.activeInput.value=`${e}-${t}`}else this.activeInput.value=t}toggleInputVisibility(){this.inputs.forEach(e=>{e!==this.activeInput?e.classList.add("hidden"):e.classList.remove("hidden")})}reportValidity(){this.#e=!0;const e=this.activeInputEle,t=e.type;return e.setAttribute("type","text"),setTimeout(()=>{e.setSelectionRange?.(e.value.length,e.value.length),e.setAttribute("type",t)}),this.activeInput.reportValidity()}checkValidity(){return this.activeInput.checkValidity()}});customElements.define(d,y)},16306(e,t,i){i.d(t,{TQ:()=>h,Ul:()=>C});var n=i(25964),r=i(28027),o=i(9035),s=i(97810),a=i(9696),l=i(79365),p=i(51680),u=i(73551);const d=r.w.cssVarList,h=(0,s.xE)("phone-input-box-field"),{host:c,label:m,inputElement:g,requiredIndicator:y,inputField:f,internalComponent:v,internalComponentAfter:b,phoneInput:I,errorMessage:x,helperText:F}={host:{selector:()=>":host"},label:{selector:"::part(label)"},placeholder:{selector:"> input:placeholder-shown"},inputElement:{selector:"input"},requiredIndicator:{selector:"[required]::part(required-indicator)::after"},inputField:{selector:()=>"vaadin-text-field::part(input-field)"},internalComponent:{selector:"descope-phone-field-internal-input-box"},internalComponentAfter:{selector:"descope-phone-field-internal-input-box::after"},phoneInput:{selector:()=>"descope-text-field"},helperText:{selector:"::part(helper-text)"},errorMessage:{selector:"::part(error-message)"}},C=(0,a.Zz)((0,l.RF)({mappings:{fontSize:[c,f,{selector:r.w.componentName,property:r.w.cssVarList.fontSize}],fontFamily:[m,x,F],hostWidth:{...c,property:"width"},hostMinWidth:{...c,property:"min-width"},hostDirection:{...c,property:"direction"},inputHorizontalPadding:[{...I,property:"padding-left"},{...I,property:"padding-right"}],labelFontSize:{...m,property:"font-size"},labelFontWeight:{...m,property:"font-weight"},inputValueFontWeight:{...I,property:d.inputValueFontWeight},inputPlaceholderFontWeight:{...I,property:d.inputPlaceholderFontWeight},helperTextFontWeight:{...F,property:"font-weight"},errorMessageFontWeight:{...x,property:"font-weight"},labelTextColor:[{...m,property:"color"},{...m,property:"-webkit-text-fill-color"},{...y,property:"color"}],labelRequiredIndicator:{...y,property:"content"},errorMessageTextColor:{...x,property:"color"},errorMessageIcon:{...x,property:"background-image"},errorMessageIconSize:{...x,property:"background-size"},errorMessageIconPadding:{...x,property:"padding-inline-start"},errorMessageIconRepeat:{...x,property:"background-repeat"},errorMessageIconPosition:{...x,property:"background-position"},errorMessageFontSize:{...x,property:"font-size"},inputValueTextColor:{...I,property:d.inputValueTextColor},inputPlaceholderTextColor:{...I,property:d.inputPlaceholderColor},inputBorderStyle:{...b,property:"border-style"},inputBorderWidth:{...b,property:"border-width"},inputBorderColor:{...b,property:"border-color"},inputBorderRadius:[{...v,property:"border-radius"},{...b,property:"border-radius"}],inputOutlineStyle:{...v,property:"outline-style"},inputOutlineColor:{...v,property:"outline-color"},inputOutlineWidth:{...v,property:"outline-width"},inputOutlineOffset:{...v,property:"outline-offset"},labelPosition:{...m,property:"position"},labelTopPosition:{...m,property:"top"},labelHorizontalPosition:[{...m,property:"left"},{...m,property:"right"}],inputTransformY:{...m,property:"transform"},inputTransition:{...m,property:"transition"},marginInlineStart:{...m,property:"margin-inline-start"},valueInputHeight:{...g,property:"height"},valueInputMarginBottom:{selector:r.w.componentName,property:d.valueInputMarginBottom}}}),l.VO,l.Yg,(0,l.OZ)({proxyProps:["value","selectionStart"]}),e=>class extends e{static get CountryCodes(){return p.A}init(){super.init?.();const e=document.createElement("template");e.innerHTML=`\n\t\t\t\t<${o.T}\n\t\t\t\t\ttabindex="-1"\n\t\t\t\t\tslot="input"\n\t\t\t\t></${o.T}>\n      `,this.baseElement.appendChild(e.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(o.T),(0,n.Gh)(this,this.inputElement,{includeAttrs:["has-value"]}),(0,s.EA)(this.shadowRoot.host,this.inputElement,{includeAttrs:["size","minlength","maxlength","default-code","disabled","phone-input-placeholder","label","label-type","allow-alphanumeric-input","restrict-countries","format-value","strict-validation","data-errormessage-type-mismatch","phone-input-type"]})}get phoneNumberInputEle(){return this.inputElement?.phoneNumberInputEle}})((0,l.tz)({slots:[],wrappedEleName:"vaadin-text-field",style:()=>`\n    :host {\n      display: inline-flex;\n      max-width: 100%;\n      box-sizing: border-box;\n    }\n    ${(0,u.cy)(C.cssVarList)}\n    ${(0,u.I4)("vaadin-text-field")}\n    ${(0,u.kG)("vaadin-text-field")}\n    ${(0,u.X6)()}\n\n    vaadin-text-field {\n      width: 100%;\n      box-sizing: border-box;\n      padding: 0;\n    }\n    vaadin-text-field[focus-ring]::part(input-field) {\n      box-shadow: none;\n    }\n    vaadin-text-field::before {\n      height: 0;\n    }\n    vaadin-text-field::part(input-field) {\n      padding: 0;\n      background: transparent;\n      -webkit-mask-image: none;\n    }\n    descope-phone-field-internal-input-box {\n      -webkit-mask-image: none;\n      padding: 0;\n      width: 100%;\n    }\n    descope-phone-field-internal-input-box > div {\n      width: 100%;\n    }\n    descope-phone-field-internal-input-box descope-text-field {\n      ${d.inputOutlineWidth}: 0;\n      ${d.inputOutlineOffset}: 0;\n    }\n    descope-phone-field-internal-input-box::after {\n      content: '';\n      position: absolute;\n      width: 100%;\n      height: 100%;\n      top: 0;\n      left: 0;\n      box-sizing: border-box;\n      pointer-events: none;\n    }\n    descope-text-field {\n      flex-grow: 1;\n      width: 100%;\n      direction: ltr;\n    }\n    vaadin-text-field[readonly] > input:placeholder-shown {\n      opacity: 1;\n    }\n    vaadin-text-field::part(input-field)::after {\n      border: none;\n    }\n\n    vaadin-text-field[label-type="floating"]:not([focused])[readonly] input:placeholder-shown {\n      opacity: 0;\n    }\n    vaadin-text-field[label-type="floating"]:not([focused])[disabled] input:placeholder-shown {\n      opacity: 0;\n    }\n\n    ${(0,u.$J)("vaadin-text-field")}\n    ${(0,u.Kl)()}\n\t\t`,excludeAttrsSync:["tabindex","style"],componentName:h}))},9035(e,t,i){i.d(t,{A:()=>c,T:()=>p});var n=i(25964),r=i(10473),o=i(23530),s=i(3393),a=i(97810),l=i(92259);const p=(0,a.xE)("phone-field-internal-input-box"),u=["disabled","size","readonly","phone-input-placeholder","name","maxlength","autocomplete","label-type","phone-input-type"],d={"phone-input-placeholder":"placeholder","phone-input-type":"type"},h=(0,s.y)({componentName:p,baseSelector:"div"}),c=class extends h{static get observedAttributes(){return[].concat(h.observedAttributes||[],u)}#n;constructor(){super(),this.innerHTML='\n      <div>\n        <descope-text-field tabindex="1" type="tel" bordered="false"></descope-text-field>\n      </div>\n      ',this.textField=this.querySelector("descope-text-field")}get phoneNumberInputEle(){return this.textField.shadowRoot.querySelector("input")}get defaultDialCode(){return(0,l.Q)(this.getAttribute("default-code"))}get defaultCode(){return this.getAttribute("default-code")}get allowAlphanumericInput(){return"true"===this.getAttribute("allow-alphanumeric-input")}get minLength(){return parseInt(this.getAttribute("minlength"),10)||0}get maxLength(){return parseInt(this.getAttribute("maxlength"),10)||50}get restrictCountries(){return this.getAttribute("restrict-countries")?.split(",").filter(Boolean)||[]}get isFormatValue(){return"true"===this.getAttribute("format-value")}get isStrictValidation(){return"true"===this.getAttribute("strict-validation")}get value(){if(!this.textField.value)return"";if(!this.isStrictValidation)return this.#r();const e=this.#o();return e?.country&&e?.countryCallingCode&&e?.nationalNumber?`+${[e?.countryCallingCode,e?.nationalNumber].join("-")}`:this.textField.value}set value(e){this.textField.value=e}init(){this.addEventListener("focus",e=>{e.isTrusted&&this.textField.focus()}),super.init?.(),this.textField.addEventListener("input",this.#s.bind(this)),this.handleFocusEventsDispatching([this.textField]),(0,n.EA)(this.textField,this,{includeAttrs:["has-value"]}),(0,n.EA)(this,this.textField,{includeAttrs:["phone-input-type"],mapAttrs:{"phone-input-type":"type"}})}getValidity(){const e=/^\+?\d{1,4}-?(?:\d-?){1,15}$/,t=this.#a(this.textField.value||"");if(this.isRequired&&!this.textField.value)return{valueMissing:!0};if(this.textField.value){if(t.length<this.minLength)return{tooShort:!0};if(this.isStrictValidation&&this.textField.value&&!this.#l()||!this.isStrictValidation&&this.textField.value&&!e.test(this.value))return{patternMismatch:!0}}return{}}setSelectionRange(...e){this.textField.setSelectionRange(...e)}attributeChangedCallback(e,t,i){if(super.attributeChangedCallback(e,t,i),t!==i&&u.includes(e)){const t=d[e]||e;this.textField.setAttribute(t,i)}}#s(e){let t=this.#p(e.target.value);this.isFormatValue&&this.#u(t)&&(t=this.#d(t)),e.target.value=t}#r(){if(!this.defaultDialCode)return this.textField.value;const e=this.#h(this.textField.value),t=this.#a(e);return[this.defaultDialCode,t].join("-")}#o(){return this.defaultDialCode?(0,r.l)([this.defaultDialCode,this.#a(this.textField.value)].filter(Boolean).join("")):(0,r.l)(this.textField.value)}#a(e){return e.replace(/\D/g,"")}#h(e){if("+"===this.textField.value?.[0]){const t=new RegExp(`^\\${this.defaultDialCode}`);return e.replace(t,"")}return e}#l(){const e=(0,r.l)(this.value);return!(!e||!e.isValid?.()||!e.country||!this.#c(e.country)||this.defaultCode&&this.defaultCode!==e.country)}#c(e){return!this.restrictCountries.length||this.restrictCountries.includes(e)}#p(e){if(e=e.replace(/^-+/,"").replace(/(?!^)\+/g,"").replace("--","-").replace("+-","+"),!this.allowAlphanumericInput){const t=/^[+\d-\(\)]+$/;e=e.split("").filter(e=>t.test(e)).join("")}return e}#d(e=""){const t=this.defaultCode||this.#m(e);return t?(this.#n&&this.#n.country===t||(this.#n=new o.Q(t)),this.#n.reset(),this.#n.input(e)||e):e}#m(e){const t=(0,r.l)(e);return t?.country||""}#u(e){return!!(0,l.W)(e)}}},78343(e,t,i){i.r(t),i(64014);var n=i(9035);customElements.define(n.T,n.A)},30057(e,t,i){i.r(t),i.d(t,{PhoneFieldInputBoxClass:()=>n.Ul,componentName:()=>n.TQ}),i(78343),i(64014);var n=i(16306);customElements.define(n.TQ,n.Ul)},92259(e,t,i){i.d(t,{Q:()=>r,W:()=>o});var n=i(51680);const r=e=>n.A.find(t=>t.code===e)?.dialCode,o=e=>{const t=e.match(/\(/g),i=e.match(/\)/g);return t?.length===i?.length}}}]);
+`;(0,r.SF)("vaadin-email-field",l,{moduleId:"vaadin-email-field-styles"});class p extends a.A{static get is(){return"vaadin-email-field"}constructor(){super(),this._setType("email"),this.pattern="^([a-zA-Z0-9_\\.\\-+])+@[a-zA-Z0-9\\-.]+\\.[a-zA-Z0-9\\-]{2,}$"}ready(){super.ready(),this.inputElement&&(this.inputElement.autocapitalize="off")}}(0,s.X)(p);var u=i(47656),d=i(79365),h=i(9696),c=i(97810),m=i(73551);const g=(0,c.xE)("email-field"),y="email",f=(0,h.Zz)((0,d.RF)({mappings:u.A}),d.VO,(0,d.RV)({inputType:"email",inputName:"email",autocompleteType:"username",includeAttrs:["disabled","readonly","pattern"]}),(0,d.OZ)({proxyProps:["value","selectionStart"],useProxyTargets:!0}),d.tQ,e=>class extends e{get acceptsUnicode(){return"false"!==this.getAttribute("accept-unicode")}init(){super.init?.(),this.baseElement.setAttribute("pattern","^[\\w\\.\\%\\+\\-']+@[\\w\\.\\-]+\\.[A-Za-z]{2,}$"),this.getAttribute("autocomplete")||this.setAttribute("autocomplete","username"),this.createExternalInput(),[this.inputElement,this.externalInput].filter(Boolean).forEach(e=>{e.addEventListener("change",this.stripSurroundingWhitespace)}),this.acceptsUnicode&&this.enableUnicode()}enableUnicode(){this.baseElement.setAttribute("pattern","^[\\p{L}\\p{M}\\p{N}._%+'\\-]+@[\\p{L}\\p{M}\\p{N}.\\-]+\\.[\\p{L}\\p{M}][\\p{L}\\p{M}\\p{N}\\-]+$"),this.baseElement._setType("text"),this.externalInput&&(this.externalInput.type="text"),this.getAttribute("inputmode")||this.setAttribute("inputmode",y),this.externalInput?.setAttribute("inputmode",y)}stripSurroundingWhitespace=e=>{const t=e.target.value.trim();t!==e.target.value&&(this.value=t,this.inputElement.dispatchEvent(new Event("input",{bubbles:!0,composed:!0})))}})((0,d.tz)({slots:["","suffix"],wrappedEleName:"vaadin-email-field",style:()=>`\n\t\t\t:host {\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tmax-width: 100%;\n\t\t\t\tpadding: calc(var(${f.cssVarList.inputOutlineWidth}) + var(${f.cssVarList.inputOutlineOffset}));\n        box-sizing: border-box;\n\t\t\t}\n      ${(0,m.$J)("vaadin-email-field")}\n\t\t\t${(0,m.cy)(f.cssVarList)}\n\t\t\t${(0,m.LJ)("vaadin-email-field",f.cssVarList)}\n      ${(0,m.Kl)()}\n\n      vaadin-email-field[label-type="floating"]:not([focused])[readonly] > input:placeholder-shown {\n        opacity: 0;\n      }\n      vaadin-email-field[label-type="floating"]:not([focused])[disabled] > input:placeholder-shown {\n        opacity: 0;\n      }\n\n      :host ::slotted(*) {\n        -webkit-mask-image: none;\n      }\n\n      vaadin-email-field[external-input="true"] > input:not(:placeholder-shown) {\n        opacity: 0;\n      }\n\t\t`,excludeAttrsSync:["tabindex","style"],componentName:g}));customElements.define(g,f)},44966(e,t,i){i.r(t),i.d(t,{HybridFieldClass:()=>y,componentName:()=>d}),i(63768),i(98136),i(30057);var n=i(25964),r=i(79365),o=i(81365),s=i(9696),a=i(97810);const l=/[^\d\s+\-()]/;var p=i(81808),u=i(16306);const d=(0,a.xE)("hybrid-field"),h={shared:["label","bordered","full-width","label-type","size","disabled","readonly","required","st-host-direction","st-error-message-icon","st-error-message-icon-size","st-error-message-icon-padding"],email:["placeholder","data-errormessage-value-missing-email","data-errormessage-pattern-mismatch-email","external-input"],phone:{countryCode:["phone-input-label","country-input-label","country-input-placeholder","restrict-countries","default-code","phone-minlength","phone-format-value","phone-strict-validation","phone-input-type","data-errormessage-value-missing-phone"],inputBox:["restrict-countries","default-code","phone-minlength","phone-format-value","phone-strict-validation","phone-input-type","data-errormessage-value-missing-phone"]}},c={email:{"data-errormessage-value-missing-email":"data-errormessage-value-missing","data-errormessage-pattern-mismatch-email":"data-errormessage-pattern-mismatch"},phone:{"phone-input-label":"label","phone-minlength":"minlength","phone-format-value":"format-value","phone-strict-validation":"strict-validation","data-errormessage-value-missing-phone":"data-errormessage-value-missing"}},m="descope-phone-field",g=(0,o.q)({componentName:d,baseSelector:"div"}),y=(0,s.Zz)((0,r.RF)({componentNameOverride:(0,a.xE)("input-wrapper")}),(0,r.RF)({mappings:{hostWidth:{selector:()=>":host",property:"width"},hostDirection:[{selector:()=>"descope-email-field",property:"direction"},{selector:()=>"descope-phone-field",property:"direction"},{selector:()=>"descope-phone-input-box-field",property:"direction"}],errorMessageIcon:[{selector:()=>p.NF.componentName,property:p.NF.cssVarList.errorMessageIcon},{selector:()=>u.Ul.componentName,property:u.Ul.cssVarList.errorMessageIcon}],errorMessageIconSize:[{selector:()=>p.NF.componentName,property:p.NF.cssVarList.errorMessageIconSize},{selector:()=>u.Ul.componentName,property:u.Ul.cssVarList.errorMessageIconSize}],errorMessageIconPadding:[{selector:()=>p.NF.componentName,property:p.NF.cssVarList.errorMessageIconPadding},{selector:()=>u.Ul.componentName,property:u.Ul.cssVarList.errorMessageIconPadding}],errorMessageIconRepeat:[{selector:()=>p.NF.componentName,property:p.NF.cssVarList.errorMessageIconRepeat},{selector:()=>u.Ul.componentName,property:u.Ul.cssVarList.errorMessageIconRepeat}],errorMessageIconPosition:[{selector:()=>p.NF.componentName,property:p.NF.cssVarList.errorMessageIconPosition},{selector:()=>u.Ul.componentName,property:u.Ul.cssVarList.errorMessageIconPosition}],errorMessageFontSize:[{selector:()=>p.NF.componentName,property:p.NF.cssVarList.errorMessageFontSize},{selector:()=>u.Ul.componentName,property:u.Ul.cssVarList.errorMessageFontSize}],labelFontWeight:[{selector:()=>p.NF.componentName,property:p.NF.cssVarList.labelFontWeight},{selector:()=>u.Ul.componentName,property:u.Ul.cssVarList.labelFontWeight}],inputValueFontWeight:[{selector:()=>p.NF.componentName,property:p.NF.cssVarList.inputValueFontWeight},{selector:()=>u.Ul.componentName,property:u.Ul.cssVarList.inputValueFontWeight}],inputPlaceholderFontWeight:[{selector:()=>p.NF.componentName,property:p.NF.cssVarList.inputPlaceholderFontWeight},{selector:()=>u.Ul.componentName,property:u.Ul.cssVarList.inputPlaceholderFontWeight}],helperTextFontWeight:[{selector:()=>p.NF.componentName,property:p.NF.cssVarList.helperTextFontWeight},{selector:()=>u.Ul.componentName,property:u.Ul.cssVarList.helperTextFontWeight}],errorMessageFontWeight:[{selector:()=>p.NF.componentName,property:p.NF.cssVarList.errorMessageFontWeight},{selector:()=>u.Ul.componentName,property:u.Ul.cssVarList.errorMessageFontWeight}]}}),r.VO,r.tQ)(class extends g{#e=!1;#t;constructor(){super(),this.attachShadow({mode:"open"}).innerHTML=`\n    <div class="wrapper">\n      <descope-email-field external-input="${this.isExternalInput}"></descope-email-field>\n      <descope-phone-field allow-alphanumeric-input="true" phone-input-type="text"></descope-phone-field>\n      <descope-phone-input-box-field allow-alphanumeric-input="true" phone-input-type="text"></descope-phone-input-box-field>\n    </div>\n\t\t`,(0,n.fz)("\n      :host {\n        display: inline-flex;\n        box-sizing: border-box;\n        padding: 0;\n        gap: 0;\n      }\n      .wrapper {\n        display: grid;\n        width: 100%;\n      }\n      descope-email-field,\n      descope-phone-field,\n      descope-phone-input-box-field {\n        grid-area: 1/1;\n        width: 100%;\n        height: 100%;\n      }\n      .hidden {\n        visibility: hidden;\n      }\n      ",this)}get isExternalInput(){return"true"===this.getAttribute("external-input")}get emailInputEle(){return this.isExternalInput?this.emailInput.externalInput:this.emailInput.inputElement}get phoneVariant(){return"inputBox"===this.getAttribute("phone-variant")?this.phoneInputBoxInput:this.phoneCountryCodeInput}get defaultCode(){const e=this.phoneCountryCodeInput.countryCodes?.[0]||"";return this.getAttribute("default-code")||e}get activeInputEle(){return this.activeInput===this.emailInput?this.emailInputEle:this.phoneVariant.phoneNumberInputEle}get value(){return this.activeInput?.value||""}set value(e){this.handleActiveInput(e),setTimeout(()=>{this.activeInput.value=e})}async init(){super.init?.(),this.initInputs(),this.updateAttrs(),this.toggleInputVisibility(),await this.waitForInputs(),this.initInputEles(),this.overrideEmailInputType(),this.overrideEmailSetAttribute()}waitForInputs(){return new Promise(e=>{const t=setInterval(()=>{this.emailInputEle&&(clearInterval(t),e())})})}initInputs(){this.emailInput=this.shadowRoot.querySelector("descope-email-field"),this.phoneCountryCodeInput=this.shadowRoot.querySelector(m),this.phoneInputBoxInput=this.shadowRoot.querySelector("descope-phone-input-box-field"),this.inputs=[this.emailInput,this.phoneCountryCodeInput,this.phoneInputBoxInput],this.activeInput=this.emailInput}initInputEles(){[this.emailInputEle,this.phoneCountryCodeInput.phoneNumberInputEle,this.phoneInputBoxInput.phoneNumberInputEle].forEach(e=>{e.addEventListener("input",this.onValueChange.bind(this))})}overrideEmailInputType(){this.emailInputEle.addEventListener("focus",()=>{this.emailInputEle.setAttribute("type","text")}),this.emailInputEle.addEventListener("blur",()=>{setTimeout(()=>{this.emailInputEle.setAttribute("type","email")})})}overrideEmailSetAttribute(){const e=this.emailInput.setAttribute.bind(this.emailInputEle);this.emailInputEle.setAttribute=(t,i)=>("type"!==t||"email"!==i||!this.emailInput.hasAttribute("focused"))&&e(t,i)}updateAttrs(){(0,a.EA)(this,this.emailInput,{includeAttrs:h.email,mapAttrs:c.email}),(0,a.EA)(this,this.phoneCountryCodeInput,{includeAttrs:h.phone.countryCode,mapAttrs:c.phone}),(0,a.EA)(this,this.phoneInputBoxInput,{includeAttrs:h.phone.inputBox,mapAttrs:c.phone}),this.inputs.forEach(e=>(0,a.EA)(this,e,{includeAttrs:h.shared})),setTimeout(()=>this.phoneCountryCodeInput.setAttribute("default-code",this.defaultCode))}onValueChange(){this.#t=this.activeInputEle.selectionStart,this.handleActiveInput(this.activeInputEle.value||this.activeInput.value)}handleActiveInput(e){const t=(e=>!!e&&!l.test(e))(e)?this.phoneVariant:this.emailInput;this.activeInput!==t&&this.setActiveInput(t)}setActiveInput(e){const t=this.activeInputEle.value||this.activeInput.value;this.activeInput=e,this.setActiveInputValue(t),this.#e&&this.activeInput.reportValidity(),this.setActiveInputSelectionStart(),this.toggleInputVisibility()}setActiveInputSelectionStart(){setTimeout(()=>{const e=this.activeInputEle;e.focus();try{e.setSelectionRange?.(this.#t,this.#t)}catch{}})}#i(){const e=this.getAttribute("default-code"),t=e&&p.NF.CountryCodes.find(t=>t.code===e);return t?.dialCode||p.NF.CountryCodes[0]?.dialCode||""}setActiveInputValue(e){const t=(e=>e.replace(/\+\d+-/,""))(e);if(this.activeInput.localName===m){const e=this.phoneCountryCodeInput.countryCodeItems||this.#i();this.activeInput.value=`${e}-${t}`}else this.activeInput.value=t}toggleInputVisibility(){this.inputs.forEach(e=>{e!==this.activeInput?e.classList.add("hidden"):e.classList.remove("hidden")})}reportValidity(){this.#e=!0;const e=this.activeInputEle,t=e.type;return e.setAttribute("type","text"),setTimeout(()=>{e.setSelectionRange?.(e.value.length,e.value.length),e.setAttribute("type",t)}),this.activeInput.reportValidity()}checkValidity(){return this.activeInput.checkValidity()}});customElements.define(d,y)},16306(e,t,i){i.d(t,{TQ:()=>h,Ul:()=>C});var n=i(25964),r=i(28027),o=i(9035),s=i(97810),a=i(9696),l=i(79365),p=i(51680),u=i(73551);const d=r.w.cssVarList,h=(0,s.xE)("phone-input-box-field"),{host:c,label:m,inputElement:g,requiredIndicator:y,inputField:f,internalComponent:b,internalComponentAfter:v,phoneInput:x,errorMessage:I,helperText:F}={host:{selector:()=>":host"},label:{selector:"::part(label)"},placeholder:{selector:"> input:placeholder-shown"},inputElement:{selector:"input"},requiredIndicator:{selector:"[required]::part(required-indicator)::after"},inputField:{selector:()=>"vaadin-text-field::part(input-field)"},internalComponent:{selector:"descope-phone-field-internal-input-box"},internalComponentAfter:{selector:"descope-phone-field-internal-input-box::after"},phoneInput:{selector:()=>"descope-text-field"},helperText:{selector:"::part(helper-text)"},errorMessage:{selector:"::part(error-message)"}},C=(0,a.Zz)((0,l.RF)({mappings:{fontSize:[c,f,{selector:r.w.componentName,property:r.w.cssVarList.fontSize}],fontFamily:[m,I,F],hostWidth:{...c,property:"width"},hostMinWidth:{...c,property:"min-width"},hostDirection:{...c,property:"direction"},inputHorizontalPadding:[{...x,property:"padding-left"},{...x,property:"padding-right"}],labelFontSize:{...m,property:"font-size"},labelFontWeight:{...m,property:"font-weight"},inputValueFontWeight:{...x,property:d.inputValueFontWeight},inputPlaceholderFontWeight:{...x,property:d.inputPlaceholderFontWeight},helperTextFontWeight:{...F,property:"font-weight"},errorMessageFontWeight:{...I,property:"font-weight"},labelTextColor:[{...m,property:"color"},{...m,property:"-webkit-text-fill-color"},{...y,property:"color"}],labelRequiredIndicator:{...y,property:"content"},errorMessageTextColor:{...I,property:"color"},errorMessageIcon:{...I,property:"background-image"},errorMessageIconSize:{...I,property:"background-size"},errorMessageIconPadding:{...I,property:"padding-inline-start"},errorMessageIconRepeat:{...I,property:"background-repeat"},errorMessageIconPosition:{...I,property:"background-position"},errorMessageFontSize:{...I,property:"font-size"},inputValueTextColor:{...x,property:d.inputValueTextColor},inputPlaceholderTextColor:{...x,property:d.inputPlaceholderColor},inputBorderStyle:{...v,property:"border-style"},inputBorderWidth:{...v,property:"border-width"},inputBorderColor:{...v,property:"border-color"},inputBorderRadius:[{...b,property:"border-radius"},{...v,property:"border-radius"}],inputOutlineStyle:{...b,property:"outline-style"},inputOutlineColor:{...b,property:"outline-color"},inputOutlineWidth:{...b,property:"outline-width"},inputOutlineOffset:{...b,property:"outline-offset"},labelPosition:{...m,property:"position"},labelTopPosition:{...m,property:"top"},labelHorizontalPosition:[{...m,property:"left"},{...m,property:"right"}],inputTransformY:{...m,property:"transform"},inputTransition:{...m,property:"transition"},marginInlineStart:{...m,property:"margin-inline-start"},valueInputHeight:{...g,property:"height"},valueInputMarginBottom:{selector:r.w.componentName,property:d.valueInputMarginBottom}}}),l.VO,l.Yg,(0,l.OZ)({proxyProps:["value","selectionStart"]}),e=>class extends e{static get CountryCodes(){return p.A}init(){super.init?.();const e=document.createElement("template");e.innerHTML=`\n\t\t\t\t<${o.T}\n\t\t\t\t\ttabindex="-1"\n\t\t\t\t\tslot="input"\n\t\t\t\t></${o.T}>\n      `,this.baseElement.appendChild(e.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(o.T),(0,n.Gh)(this,this.inputElement,{includeAttrs:["has-value"]}),(0,s.EA)(this.shadowRoot.host,this.inputElement,{includeAttrs:["size","minlength","maxlength","default-code","disabled","phone-input-placeholder","label","label-type","allow-alphanumeric-input","restrict-countries","format-value","strict-validation","data-errormessage-type-mismatch","phone-input-type"]})}get phoneNumberInputEle(){return this.inputElement?.phoneNumberInputEle}})((0,l.tz)({slots:[],wrappedEleName:"vaadin-text-field",style:()=>`\n    :host {\n      display: inline-flex;\n      max-width: 100%;\n      box-sizing: border-box;\n    }\n    ${(0,u.cy)(C.cssVarList)}\n    ${(0,u.I4)("vaadin-text-field")}\n    ${(0,u.kG)("vaadin-text-field")}\n    ${(0,u.X6)()}\n\n    vaadin-text-field {\n      width: 100%;\n      box-sizing: border-box;\n      padding: 0;\n    }\n    vaadin-text-field[focus-ring]::part(input-field) {\n      box-shadow: none;\n    }\n    vaadin-text-field::before {\n      height: 0;\n    }\n    vaadin-text-field::part(input-field) {\n      padding: 0;\n      background: transparent;\n      -webkit-mask-image: none;\n    }\n    descope-phone-field-internal-input-box {\n      -webkit-mask-image: none;\n      padding: 0;\n      width: 100%;\n    }\n    descope-phone-field-internal-input-box > div {\n      width: 100%;\n    }\n    descope-phone-field-internal-input-box descope-text-field {\n      ${d.inputOutlineWidth}: 0;\n      ${d.inputOutlineOffset}: 0;\n    }\n    descope-phone-field-internal-input-box::after {\n      content: '';\n      position: absolute;\n      width: 100%;\n      height: 100%;\n      top: 0;\n      left: 0;\n      box-sizing: border-box;\n      pointer-events: none;\n    }\n    descope-text-field {\n      flex-grow: 1;\n      width: 100%;\n      direction: ltr;\n    }\n    vaadin-text-field[readonly] > input:placeholder-shown {\n      opacity: 1;\n    }\n    vaadin-text-field::part(input-field)::after {\n      border: none;\n    }\n\n    vaadin-text-field[label-type="floating"]:not([focused])[readonly] input:placeholder-shown {\n      opacity: 0;\n    }\n    vaadin-text-field[label-type="floating"]:not([focused])[disabled] input:placeholder-shown {\n      opacity: 0;\n    }\n\n    ${(0,u.$J)("vaadin-text-field")}\n    ${(0,u.Kl)()}\n\t\t`,excludeAttrsSync:["tabindex","style"],componentName:h}))},9035(e,t,i){i.d(t,{A:()=>c,T:()=>p});var n=i(25964),r=i(10473),o=i(23530),s=i(3393),a=i(97810),l=i(92259);const p=(0,a.xE)("phone-field-internal-input-box"),u=["disabled","size","readonly","phone-input-placeholder","name","maxlength","autocomplete","label-type","phone-input-type"],d={"phone-input-placeholder":"placeholder","phone-input-type":"type"},h=(0,s.y)({componentName:p,baseSelector:"div"}),c=class extends h{static get observedAttributes(){return[].concat(h.observedAttributes||[],u)}#n;constructor(){super(),this.innerHTML='\n      <div>\n        <descope-text-field tabindex="1" type="tel" bordered="false"></descope-text-field>\n      </div>\n      ',this.textField=this.querySelector("descope-text-field")}get phoneNumberInputEle(){return this.textField.shadowRoot.querySelector("input")}get defaultDialCode(){return(0,l.Q)(this.getAttribute("default-code"))}get defaultCode(){return this.getAttribute("default-code")}get allowAlphanumericInput(){return"true"===this.getAttribute("allow-alphanumeric-input")}get minLength(){return parseInt(this.getAttribute("minlength"),10)||0}get maxLength(){return parseInt(this.getAttribute("maxlength"),10)||50}get restrictCountries(){return this.getAttribute("restrict-countries")?.split(",").filter(Boolean)||[]}get isFormatValue(){return"true"===this.getAttribute("format-value")}get isStrictValidation(){return"true"===this.getAttribute("strict-validation")}get value(){if(!this.textField.value)return"";if(!this.isStrictValidation)return this.#r();const e=this.#o();return e?.country&&e?.countryCallingCode&&e?.nationalNumber?`+${[e?.countryCallingCode,e?.nationalNumber].join("-")}`:this.textField.value}set value(e){this.textField.value=e}init(){this.addEventListener("focus",e=>{e.isTrusted&&this.textField.focus()}),super.init?.(),this.textField.addEventListener("input",this.#s.bind(this)),this.handleFocusEventsDispatching([this.textField]),(0,n.EA)(this.textField,this,{includeAttrs:["has-value"]}),(0,n.EA)(this,this.textField,{includeAttrs:["phone-input-type"],mapAttrs:{"phone-input-type":"type"}})}getValidity(){const e=/^\+?\d{1,4}-?(?:\d-?){1,15}$/,t=this.#a(this.textField.value||"");if(this.isRequired&&!this.textField.value)return{valueMissing:!0};if(this.textField.value){if(t.length<this.minLength)return{tooShort:!0};if(this.isStrictValidation&&this.textField.value&&!this.#l()||!this.isStrictValidation&&this.textField.value&&!e.test(this.value))return{patternMismatch:!0}}return{}}setSelectionRange(...e){this.textField.setSelectionRange(...e)}attributeChangedCallback(e,t,i){if(super.attributeChangedCallback(e,t,i),t!==i&&u.includes(e)){const t=d[e]||e;this.textField.setAttribute(t,i)}}#s(e){let t=this.#p(e.target.value);this.isFormatValue&&this.#u(t)&&(t=this.#d(t)),e.target.value=t}#r(){if(!this.defaultDialCode)return this.textField.value;const e=this.#h(this.textField.value),t=this.#a(e);return[this.defaultDialCode,t].join("-")}#o(){return this.defaultDialCode?(0,r.l)([this.defaultDialCode,this.#a(this.textField.value)].filter(Boolean).join("")):(0,r.l)(this.textField.value)}#a(e){return e.replace(/\D/g,"")}#h(e){if("+"===this.textField.value?.[0]){const t=new RegExp(`^\\${this.defaultDialCode}`);return e.replace(t,"")}return e}#l(){const e=(0,r.l)(this.value);return!(!e||!e.isValid?.()||!e.country||!this.#c(e.country)||this.defaultCode&&this.defaultCode!==e.country)}#c(e){return!this.restrictCountries.length||this.restrictCountries.includes(e)}#p(e){if(e=e.replace(/^-+/,"").replace(/(?!^)\+/g,"").replace("--","-").replace("+-","+"),!this.allowAlphanumericInput){const t=/^[+\d-\(\)]+$/;e=e.split("").filter(e=>t.test(e)).join("")}return e}#d(e=""){const t=this.defaultCode||this.#m(e);return t?(this.#n&&this.#n.country===t||(this.#n=new o.Q(t)),this.#n.reset(),this.#n.input(e)||e):e}#m(e){const t=(0,r.l)(e);return t?.country||""}#u(e){return!!(0,l.W)(e)}}},78343(e,t,i){i.r(t),i(64014);var n=i(9035);customElements.define(n.T,n.A)},30057(e,t,i){i.r(t),i.d(t,{PhoneFieldInputBoxClass:()=>n.Ul,componentName:()=>n.TQ}),i(78343),i(64014);var n=i(16306);customElements.define(n.TQ,n.Ul)},92259(e,t,i){i.d(t,{Q:()=>r,W:()=>o});var n=i(51680);const r=e=>n.A.find(t=>t.code===e)?.dialCode,o=e=>{const t=e.match(/\(/g),i=e.match(/\)/g);return t?.length===i?.length}}}]);
 //# sourceMappingURL=descope-hybrid-field-index-js.js.map

package/dist/umd/descope-hybrid-field-index-js.js.map

@@ -1 +1 @@
-{"version":3,"file":"descope-hybrid-field-index-js.js","mappings":"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","sources":["webpack://@descope/web-components-ui/javascript/libs/webpack-extract-font-loader/node_modules/@vaadin/email-field/theme/lumo/vaadin-email-field-styles.js","webpack://@descope/web-components-ui/javascript/libs/webpack-extract-font-loader/node_modules/@vaadin/email-field/src/vaadin-email-field-styles.js","webpack://@descope/web-components-ui/javascript/libs/webpack-extract-font-loader/node_modules/@vaadin/email-field/src/vaadin-email-field.js","webpack://@descope/web-components-ui/./src/components/descope-email-field/EmailFieldClass.js","webpack://@descope/web-components-ui/./src/components/descope-email-field/index.js","webpack://@descope/web-components-ui/./src/components/descope-hybrid-field/helpers.js","webpack://@descope/web-components-ui/./src/components/descope-hybrid-field/HybridFieldClass.js","webpack://@descope/web-components-ui/./src/components/descope-hybrid-field/index.js","webpack://@descope/web-components-ui/./src/components/phone-fields/descope-phone-input-box-field/PhoneFieldInputBoxClass.js","webpack://@descope/web-components-ui/./src/components/phone-fields/descope-phone-input-box-field/descope-phone-input-box-internal/PhoneFieldInternalInputBox.js","webpack://@descope/web-components-ui/./src/components/phone-fields/descope-phone-input-box-field/descope-phone-input-box-internal/index.js","webpack://@descope/web-components-ui/./src/components/phone-fields/descope-phone-input-box-field/index.js","webpack://@descope/web-components-ui/./src/components/phone-fields/helpers.js"],"sourcesContent":["/**\n * @license\n * Copyright (c) 2021 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\nimport { inputFieldShared } from '@vaadin/vaadin-lumo-styles/mixins/input-field-shared.js';\nimport { css, registerStyles } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';\n\nconst emailField = css`\n  :host([dir='rtl']) [part='input-field'] ::slotted(input) {\n    --_lumo-text-field-overflow-mask-image: linear-gradient(to left, transparent, #000 1.25em);\n  }\n\n  :host([dir='rtl']) [part='input-field'] ::slotted(input:placeholder-shown) {\n    --_lumo-text-field-overflow-mask-image: none;\n  }\n`;\n\nregisterStyles('vaadin-email-field', [inputFieldShared, emailField], {\n  moduleId: 'lumo-email-field',\n});\n","/**\n * @license\n * Copyright (c) 2021 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\nimport { css } from 'lit';\n\n// See https://github.com/vaadin/vaadin-text-field/issues/466\nexport const emailFieldStyles = css`\n  :host([dir='rtl']) [part='input-field'] {\n    direction: ltr;\n  }\n\n  :host([dir='rtl']) [part='input-field'] ::slotted(input)::placeholder {\n    direction: rtl;\n    text-align: left;\n  }\n`;\n","/**\n * @license\n * Copyright (c) 2021 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\nimport { defineCustomElement } from '@vaadin/component-base/src/define.js';\nimport { TextField } from '@vaadin/text-field/src/vaadin-text-field.js';\nimport { registerStyles } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';\nimport { emailFieldStyles } from './vaadin-email-field-styles.js';\n\nregisterStyles('vaadin-email-field', emailFieldStyles, { moduleId: 'vaadin-email-field-styles' });\n\n/**\n * `<vaadin-email-field>` is a Web Component for email field control in forms.\n *\n * ```html\n * <vaadin-email-field label=\"Email\"></vaadin-email-field>\n * ```\n *\n * ### Styling\n *\n * `<vaadin-email-field>` provides the same set of shadow DOM parts and state attributes as `<vaadin-text-field>`.\n * See [`<vaadin-text-field>`](#/elements/vaadin-text-field) for the styling documentation.\n *\n * See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.\n *\n * @fires {Event} input - Fired when the value is changed by the user: on every typing keystroke, and the value is cleared using the clear button.\n * @fires {Event} change - Fired when the user commits a value change.\n * @fires {CustomEvent} invalid-changed - Fired when the `invalid` property changes.\n * @fires {CustomEvent} value-changed - Fired when the `value` property changes.\n * @fires {CustomEvent} validated - Fired whenever the field is validated.\n *\n * @customElement\n * @extends TextField\n */\nexport class EmailField extends TextField {\n  static get is() {\n    return 'vaadin-email-field';\n  }\n\n  constructor() {\n    super();\n    this._setType('email');\n    this.pattern = '^([a-zA-Z0-9_\\\\.\\\\-+])+@[a-zA-Z0-9\\\\-.]+\\\\.[a-zA-Z0-9\\\\-]{2,}$';\n  }\n\n  /** @protected */\n  ready() {\n    super.ready();\n\n    if (this.inputElement) {\n      this.inputElement.autocapitalize = 'off';\n    }\n  }\n}\n\ndefineCustomElement(EmailField);\n","import textFieldMappings from '@descope-ui/descope-text-field/mappings';\nimport {\n  createStyleMixin,\n  draggableMixin,\n  createProxy,\n  proxyInputMixin,\n  componentNameValidationMixin,\n  externalInputMixin,\n} from '../../mixins';\nimport { compose } from '../../helpers';\nimport { getComponentName } from '../../helpers/componentHelpers';\nimport {\n  inputFloatingLabelStyle,\n  resetInputLabelPosition,\n  resetInputOverrides,\n  useHostExternalPadding,\n} from '../../helpers/themeHelpers/resetHelpers';\n\nexport const componentName = getComponentName('email-field');\n\nconst defaultPattern = \"^[\\\\w\\\\.\\\\%\\\\+\\\\-']+@[\\\\w\\\\.\\\\-]+\\\\.[A-Za-z]{2,}$\";\nconst defaultAutocomplete = 'username';\n\nconst customMixin = (superclass) =>\n  class EmailFieldMixinClass extends superclass {\n    init() {\n      super.init?.();\n\n      // we need to set the pattern on the base element because vaadin-email-field is overriding it\n      this.baseElement.setAttribute('pattern', defaultPattern);\n\n      if (!this.getAttribute('autocomplete')) {\n        this.setAttribute('autocomplete', defaultAutocomplete);\n      }\n\n      this.createExternalInput();\n    }\n  };\n\nexport const EmailFieldClass = compose(\n  createStyleMixin({\n    mappings: textFieldMappings,\n  }),\n  draggableMixin,\n  externalInputMixin({\n    inputType: 'email',\n    inputName: 'email',\n    autocompleteType: 'username',\n    includeAttrs: ['disabled', 'readonly', 'pattern'],\n  }),\n  proxyInputMixin({ proxyProps: ['value', 'selectionStart'], useProxyTargets: true }),\n  componentNameValidationMixin,\n  customMixin\n)(\n  createProxy({\n    slots: ['', 'suffix'],\n    wrappedEleName: 'vaadin-email-field',\n    style: () => `\n\t\t\t:host {\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tmax-width: 100%;\n\t\t\t\tpadding: calc(var(${EmailFieldClass.cssVarList.inputOutlineWidth}) + var(${\n          EmailFieldClass.cssVarList.inputOutlineOffset\n        }));\n        box-sizing: border-box;\n\t\t\t}\n      ${resetInputLabelPosition('vaadin-email-field')}\n\t\t\t${useHostExternalPadding(EmailFieldClass.cssVarList)}\n\t\t\t${resetInputOverrides('vaadin-email-field', EmailFieldClass.cssVarList)}\n      ${inputFloatingLabelStyle()}\n\n      vaadin-email-field[label-type=\"floating\"]:not([focused])[readonly] > input:placeholder-shown {\n        opacity: 0;\n      }\n      vaadin-email-field[label-type=\"floating\"]:not([focused])[disabled] > input:placeholder-shown {\n        opacity: 0;\n      }\n\n      :host ::slotted(*) {\n        -webkit-mask-image: none;\n      }\n\n      vaadin-email-field[external-input=\"true\"] > input:not(:placeholder-shown) {\n        opacity: 0;\n      }\n\t\t`,\n    excludeAttrsSync: ['tabindex', 'style'],\n    componentName,\n  })\n);\n","import '@vaadin/email-field';\nimport { componentName, EmailFieldClass } from './EmailFieldClass';\n\ncustomElements.define(componentName, EmailFieldClass);\n\nexport { EmailFieldClass, componentName };\n","// Matches any character that is not a digit, whitespace, or phone formatting character (+, -, (, ))\nconst INVALID_PHONE_CHARS_RE = /[^\\d\\s+\\-()]/;\n\nexport const isNumericValue = (val) => !!val && !INVALID_PHONE_CHARS_RE.test(val);\n\nexport const sanitizeCountryCodePrefix = (val) => val.replace(/\\+\\d+-/, '');\n","import { injectStyle } from '@descope-ui/common/components-helpers';\nimport { createStyleMixin, draggableMixin, componentNameValidationMixin } from '../../mixins';\nimport { createBaseClass } from '../../baseClasses/createBaseClass';\nimport { compose } from '../../helpers';\nimport { forwardAttrs, getComponentName } from '../../helpers/componentHelpers';\nimport { isNumericValue, sanitizeCountryCodePrefix as sanitizeValue } from './helpers';\nimport { PhoneFieldClass } from '../phone-fields/descope-phone-field/PhoneFieldClass';\nimport { PhoneFieldInputBoxClass } from '../phone-fields/descope-phone-input-box-field/PhoneFieldInputBoxClass';\n\nexport const componentName = getComponentName('hybrid-field');\n\nconst attrs = {\n  shared: [\n    'label',\n    'bordered',\n    'full-width',\n    'label-type',\n    'size',\n    'disabled',\n    'readonly',\n    'required',\n    'st-host-direction',\n    'st-error-message-icon',\n    'st-error-message-icon-size',\n    'st-error-message-icon-padding',\n  ],\n  email: [\n    'placeholder',\n    'data-errormessage-value-missing-email',\n    'data-errormessage-pattern-mismatch-email',\n    'external-input',\n  ],\n  phone: {\n    countryCode: [\n      'phone-input-label',\n      'country-input-label',\n      'country-input-placeholder',\n      'restrict-countries',\n      'default-code',\n      'phone-minlength',\n      'phone-format-value',\n      'phone-strict-validation',\n      'phone-input-type',\n      'data-errormessage-value-missing-phone',\n    ],\n    inputBox: [\n      'restrict-countries',\n      'default-code',\n      'phone-minlength',\n      'phone-format-value',\n      'phone-strict-validation',\n      'phone-input-type',\n      'data-errormessage-value-missing-phone',\n    ],\n  },\n};\n\nconst attrMap = {\n  email: {\n    'data-errormessage-value-missing-email': 'data-errormessage-value-missing',\n    'data-errormessage-pattern-mismatch-email': 'data-errormessage-pattern-mismatch',\n  },\n  phone: {\n    'phone-input-label': 'label',\n    'phone-minlength': 'minlength',\n    'phone-format-value': 'format-value',\n    'phone-strict-validation': 'strict-validation',\n    'data-errormessage-value-missing-phone': 'data-errormessage-value-missing',\n  },\n};\n\nconst EMAIL_FIELD = 'descope-email-field';\nconst PHONE_FIELD = 'descope-phone-field';\nconst PHONE_INPUT_BOX_FIELD = 'descope-phone-input-box-field';\n\nconst BaseClass = createBaseClass({\n  componentName,\n  baseSelector: 'div',\n});\n\nclass RawHybridField extends BaseClass {\n  #isReportedValidity = false;\n\n  #selectionStart;\n\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n    <div class=\"wrapper\">\n      <descope-email-field external-input=\"${this.isExternalInput}\"></descope-email-field>\n      <descope-phone-field allow-alphanumeric-input=\"true\" phone-input-type=\"text\"></descope-phone-field>\n      <descope-phone-input-box-field allow-alphanumeric-input=\"true\" phone-input-type=\"text\"></descope-phone-input-box-field>\n    </div>\n\t\t`;\n\n    injectStyle(\n      `\n      :host {\n        display: inline-flex;\n        box-sizing: border-box;\n        padding: 0;\n        gap: 0;\n      }\n      .wrapper {\n        display: grid;\n        width: 100%;\n      }\n      descope-email-field,\n      descope-phone-field,\n      descope-phone-input-box-field {\n        grid-area: 1/1;\n        width: 100%;\n        height: 100%;\n      }\n      .hidden {\n        visibility: hidden;\n      }\n      `,\n      this\n    );\n  }\n\n  get isExternalInput() {\n    return this.getAttribute('external-input') === 'true';\n  }\n\n  get emailInputEle() {\n    return this.isExternalInput ? this.emailInput.externalInput : this.emailInput.inputElement;\n  }\n\n  get phoneVariant() {\n    const isInputBox = this.getAttribute('phone-variant') === 'inputBox';\n    return isInputBox ? this.phoneInputBoxInput : this.phoneCountryCodeInput;\n  }\n\n  get defaultCode() {\n    const firstItem = this.phoneCountryCodeInput.countryCodes?.[0] || '';\n    return this.getAttribute('default-code') || firstItem;\n  }\n\n  get activeInputEle() {\n    if (this.activeInput === this.emailInput) {\n      return this.emailInputEle;\n    }\n    return this.phoneVariant.phoneNumberInputEle;\n  }\n\n  get value() {\n    return this.activeInput?.value || '';\n  }\n\n  set value(val) {\n    this.handleActiveInput(val);\n    setTimeout(() => {\n      this.activeInput.value = val;\n    });\n  }\n\n  async init() {\n    super.init?.();\n\n    this.initInputs();\n    this.updateAttrs();\n    this.toggleInputVisibility();\n\n    await this.waitForInputs();\n\n    this.initInputEles();\n    this.overrideEmailInputType();\n    this.overrideEmailSetAttribute();\n  }\n\n  waitForInputs() {\n    return new Promise((resolve) => {\n      const check = setInterval(() => {\n        if (this.emailInputEle) {\n          clearInterval(check);\n          resolve();\n        }\n      });\n    });\n  }\n\n  initInputs() {\n    this.emailInput = this.shadowRoot.querySelector(EMAIL_FIELD);\n    this.phoneCountryCodeInput = this.shadowRoot.querySelector(PHONE_FIELD);\n    this.phoneInputBoxInput = this.shadowRoot.querySelector(PHONE_INPUT_BOX_FIELD);\n\n    this.inputs = [this.emailInput, this.phoneCountryCodeInput, this.phoneInputBoxInput];\n\n    this.activeInput = this.emailInput;\n  }\n\n  // we need to listen on the inner `input` element itself, otherwise we don't always get an `input` event\n  initInputEles() {\n    const inputEles = [\n      this.emailInputEle,\n      this.phoneCountryCodeInput.phoneNumberInputEle,\n      this.phoneInputBoxInput.phoneNumberInputEle,\n    ];\n\n    inputEles.forEach((ele) => {\n      ele.addEventListener('input', this.onValueChange.bind(this));\n    });\n  }\n\n  overrideEmailInputType() {\n    this.emailInputEle.addEventListener('focus', () => {\n      this.emailInputEle.setAttribute('type', 'text');\n    });\n    this.emailInputEle.addEventListener('blur', () => {\n      setTimeout(() => {\n        this.emailInputEle.setAttribute('type', 'email');\n      });\n    });\n  }\n\n  // We want to prevent Vaadin from changing the input type to `email`\n  // otherwise, we cannot get the selectionStart from the input.\n  overrideEmailSetAttribute() {\n    const origEmailSetAttr = this.emailInput.setAttribute.bind(this.emailInputEle);\n    this.emailInputEle.setAttribute = (name, value) => {\n      if (name !== 'type' || value !== 'email' || !this.emailInput.hasAttribute('focused')) {\n        return origEmailSetAttr(name, value);\n      }\n      return false;\n    };\n  }\n\n  updateAttrs() {\n    forwardAttrs(this, this.emailInput, { includeAttrs: attrs.email, mapAttrs: attrMap.email });\n\n    forwardAttrs(this, this.phoneCountryCodeInput, {\n      includeAttrs: attrs.phone.countryCode,\n      mapAttrs: attrMap.phone,\n    });\n\n    forwardAttrs(this, this.phoneInputBoxInput, {\n      includeAttrs: attrs.phone.inputBox,\n      mapAttrs: attrMap.phone,\n    });\n\n    this.inputs.forEach((input) => forwardAttrs(this, input, { includeAttrs: attrs.shared }));\n\n    setTimeout(() => this.phoneCountryCodeInput.setAttribute('default-code', this.defaultCode));\n  }\n\n  onValueChange() {\n    this.#selectionStart = this.activeInputEle.selectionStart;\n    // phone components expose an API to their inputElement; in case of phone variants like\n    // phone-input-box-field, we want to make sure that the value being passed\n    // is raw value from input, and not the value with a dial-code prefix, or other decorations\n    // applied behind the scenes by the phone components\n    this.handleActiveInput(this.activeInputEle.value || this.activeInput.value);\n  }\n\n  handleActiveInput(val) {\n    const expectedActiveInput = isNumericValue(val) ? this.phoneVariant : this.emailInput;\n\n    if (this.activeInput !== expectedActiveInput) {\n      this.setActiveInput(expectedActiveInput);\n    }\n  }\n\n  setActiveInput(expectedActiveInput) {\n    // phone components expose an API to their inputElement; in case of phone variants like\n    // phone-input-box-field, we want to make sure that the value being passed\n    // is raw value from input, and not the value with a dial-code prefix, or other decorations\n    // applied behind the scenes by the phone components\n    const val = this.activeInputEle.value || this.activeInput.value;\n\n    this.activeInput = expectedActiveInput;\n    this.setActiveInputValue(val);\n    if (this.#isReportedValidity) this.activeInput.reportValidity();\n    this.setActiveInputSelectionStart();\n    this.toggleInputVisibility();\n  }\n\n  setActiveInputSelectionStart() {\n    setTimeout(() => {\n      const ele = this.activeInputEle;\n      ele.focus();\n      // setSelectionRange throws InvalidStateError on input types that do not\n      // support selection (e.g. `email`). The focus handler usually switches\n      // type to `text` first, but that can race with the blur timer or fail\n      // to fire (e.g. background tab). Restoring the caret is best-effort.\n      try {\n        ele.setSelectionRange?.(this.#selectionStart, this.#selectionStart);\n      } catch {\n        /* noop */\n      }\n    });\n  }\n\n  #getDefaultDialCode() {\n    const code = this.getAttribute('default-code');\n    const match = code && PhoneFieldClass.CountryCodes.find((c) => c.code === code);\n    return match?.dialCode || PhoneFieldClass.CountryCodes[0]?.dialCode || '';\n  }\n\n  setActiveInputValue(val) {\n    const sanitizedVal = sanitizeValue(val);\n    const isPhoneField = this.activeInput.localName === PHONE_FIELD;\n    if (isPhoneField) {\n      const dialCode = this.phoneCountryCodeInput.countryCodeItems || this.#getDefaultDialCode();\n      this.activeInput.value = `${dialCode}-${sanitizedVal}`;\n    } else {\n      this.activeInput.value = sanitizedVal;\n    }\n  }\n\n  toggleInputVisibility() {\n    this.inputs.forEach((input) => {\n      input !== this.activeInput ? input.classList.add('hidden') : input.classList.remove('hidden');\n    });\n  }\n\n  reportValidity() {\n    this.#isReportedValidity = true;\n\n    const ele = this.activeInputEle;\n\n    // On reportValidity we want to set the caret at the end of the input value.\n    // Since checkValidity triggers `focus` on the input, it sets the caret at the start of the input,\n    // regardless the existing value.\n    const origInputType = ele.type;\n    ele.setAttribute('type', 'text');\n    setTimeout(() => {\n      ele.setSelectionRange?.(ele.value.length, ele.value.length);\n      ele.setAttribute('type', origInputType);\n    });\n\n    return this.activeInput.reportValidity();\n  }\n\n  checkValidity() {\n    return this.activeInput.checkValidity();\n  }\n}\n\nexport const HybridFieldClass = compose(\n  createStyleMixin({ componentNameOverride: getComponentName('input-wrapper') }),\n  createStyleMixin({\n    mappings: {\n      hostWidth: { selector: () => ':host', property: 'width' },\n      hostDirection: [\n        { selector: () => 'descope-email-field', property: 'direction' },\n        { selector: () => 'descope-phone-field', property: 'direction' },\n        { selector: () => 'descope-phone-input-box-field', property: 'direction' },\n      ],\n      errorMessageIcon: [\n        {\n          selector: () => PhoneFieldClass.componentName,\n          property: PhoneFieldClass.cssVarList.errorMessageIcon,\n        },\n        {\n          selector: () => PhoneFieldInputBoxClass.componentName,\n          property: PhoneFieldInputBoxClass.cssVarList.errorMessageIcon,\n        },\n      ],\n      errorMessageIconSize: [\n        {\n          selector: () => PhoneFieldClass.componentName,\n          property: PhoneFieldClass.cssVarList.errorMessageIconSize,\n        },\n        {\n          selector: () => PhoneFieldInputBoxClass.componentName,\n          property: PhoneFieldInputBoxClass.cssVarList.errorMessageIconSize,\n        },\n      ],\n      errorMessageIconPadding: [\n        {\n          selector: () => PhoneFieldClass.componentName,\n          property: PhoneFieldClass.cssVarList.errorMessageIconPadding,\n        },\n        {\n          selector: () => PhoneFieldInputBoxClass.componentName,\n          property: PhoneFieldInputBoxClass.cssVarList.errorMessageIconPadding,\n        },\n      ],\n      errorMessageIconRepeat: [\n        {\n          selector: () => PhoneFieldClass.componentName,\n          property: PhoneFieldClass.cssVarList.errorMessageIconRepeat,\n        },\n        {\n          selector: () => PhoneFieldInputBoxClass.componentName,\n          property: PhoneFieldInputBoxClass.cssVarList.errorMessageIconRepeat,\n        },\n      ],\n      errorMessageIconPosition: [\n        {\n          selector: () => PhoneFieldClass.componentName,\n          property: PhoneFieldClass.cssVarList.errorMessageIconPosition,\n        },\n        {\n          selector: () => PhoneFieldInputBoxClass.componentName,\n          property: PhoneFieldInputBoxClass.cssVarList.errorMessageIconPosition,\n        },\n      ],\n      errorMessageFontSize: [\n        {\n          selector: () => PhoneFieldClass.componentName,\n          property: PhoneFieldClass.cssVarList.errorMessageFontSize,\n        },\n        {\n          selector: () => PhoneFieldInputBoxClass.componentName,\n          property: PhoneFieldInputBoxClass.cssVarList.errorMessageFontSize,\n        },\n      ],\n      labelFontWeight: [\n        {\n          selector: () => PhoneFieldClass.componentName,\n          property: PhoneFieldClass.cssVarList.labelFontWeight,\n        },\n        {\n          selector: () => PhoneFieldInputBoxClass.componentName,\n          property: PhoneFieldInputBoxClass.cssVarList.labelFontWeight,\n        },\n      ],\n      inputValueFontWeight: [\n        {\n          selector: () => PhoneFieldClass.componentName,\n          property: PhoneFieldClass.cssVarList.inputValueFontWeight,\n        },\n        {\n          selector: () => PhoneFieldInputBoxClass.componentName,\n          property: PhoneFieldInputBoxClass.cssVarList.inputValueFontWeight,\n        },\n      ],\n      inputPlaceholderFontWeight: [\n        {\n          selector: () => PhoneFieldClass.componentName,\n          property: PhoneFieldClass.cssVarList.inputPlaceholderFontWeight,\n        },\n        {\n          selector: () => PhoneFieldInputBoxClass.componentName,\n          property: PhoneFieldInputBoxClass.cssVarList.inputPlaceholderFontWeight,\n        },\n      ],\n      helperTextFontWeight: [\n        {\n          selector: () => PhoneFieldClass.componentName,\n          property: PhoneFieldClass.cssVarList.helperTextFontWeight,\n        },\n        {\n          selector: () => PhoneFieldInputBoxClass.componentName,\n          property: PhoneFieldInputBoxClass.cssVarList.helperTextFontWeight,\n        },\n      ],\n      errorMessageFontWeight: [\n        {\n          selector: () => PhoneFieldClass.componentName,\n          property: PhoneFieldClass.cssVarList.errorMessageFontWeight,\n        },\n        {\n          selector: () => PhoneFieldInputBoxClass.componentName,\n          property: PhoneFieldInputBoxClass.cssVarList.errorMessageFontWeight,\n        },\n      ],\n    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin\n)(RawHybridField);\n","import '../descope-email-field';\nimport '../phone-fields/descope-phone-field';\nimport '../phone-fields/descope-phone-input-box-field';\n\nimport { componentName, HybridFieldClass } from './HybridFieldClass';\n\ncustomElements.define(componentName, HybridFieldClass);\n\nexport { HybridFieldClass, componentName };\n","import { syncAttrs } from '@descope-ui/common/components-helpers';\nimport { TextFieldClass } from '@descope-ui/descope-text-field/class';\nimport { componentName as descopeInternalComponentName } from './descope-phone-input-box-internal/PhoneFieldInternalInputBox';\nimport { forwardAttrs, getComponentName } from '../../../helpers/componentHelpers';\nimport { compose } from '../../../helpers';\nimport {\n  createProxy,\n  createStyleMixin,\n  draggableMixin,\n  inputOverrideValidConstraintsMixin,\n  proxyInputMixin,\n} from '../../../mixins';\nimport CountryCodes from '../CountryCodes';\nimport {\n  resetInputLabelPosition,\n  resetInputCursor,\n  resetInputFieldDefaultWidth,\n  resetInputFieldInvalidBackgroundColor,\n  useHostExternalPadding,\n  inputFloatingLabelStyle,\n} from '../../../helpers/themeHelpers/resetHelpers';\n\nconst textVars = TextFieldClass.cssVarList;\n\nexport const componentName = getComponentName('phone-input-box-field');\n\nconst customMixin = (superclass) =>\n  class PhoneFieldInputBoxMixinClass extends superclass {\n    static get CountryCodes() {\n      return CountryCodes;\n    }\n\n    init() {\n      super.init?.();\n\n      const template = document.createElement('template');\n\n      template.innerHTML = `\n\t\t\t\t<${descopeInternalComponentName}\n\t\t\t\t\ttabindex=\"-1\"\n\t\t\t\t\tslot=\"input\"\n\t\t\t\t></${descopeInternalComponentName}>\n      `;\n\n      this.baseElement.appendChild(template.content.cloneNode(true));\n\n      this.inputElement = this.shadowRoot.querySelector(descopeInternalComponentName);\n\n      syncAttrs(this, this.inputElement, { includeAttrs: ['has-value'] });\n\n      forwardAttrs(this.shadowRoot.host, this.inputElement, {\n        includeAttrs: [\n          'size',\n          'minlength',\n          'maxlength',\n          'default-code',\n          'disabled',\n          'phone-input-placeholder',\n          'label',\n          'label-type',\n          'allow-alphanumeric-input',\n          'restrict-countries',\n          'format-value',\n          'strict-validation',\n          'data-errormessage-type-mismatch',\n          'phone-input-type',\n        ],\n      });\n    }\n\n    get phoneNumberInputEle() {\n      return this.inputElement?.phoneNumberInputEle;\n    }\n  };\n\nconst {\n  host,\n  label,\n  inputElement,\n  requiredIndicator,\n  inputField,\n  internalComponent,\n  internalComponentAfter,\n  phoneInput,\n  errorMessage,\n  helperText,\n} = {\n  host: { selector: () => ':host' },\n  label: { selector: '::part(label)' },\n  placeholder: { selector: '> input:placeholder-shown' },\n  inputElement: { selector: 'input' },\n  requiredIndicator: { selector: '[required]::part(required-indicator)::after' },\n  inputField: { selector: () => 'vaadin-text-field::part(input-field)' },\n  internalComponent: {\n    selector: 'descope-phone-field-internal-input-box',\n  },\n  internalComponentAfter: {\n    selector: 'descope-phone-field-internal-input-box::after',\n  },\n  phoneInput: { selector: () => 'descope-text-field' },\n  helperText: { selector: '::part(helper-text)' },\n  errorMessage: { selector: '::part(error-message)' },\n};\n\nexport const PhoneFieldInputBoxClass = compose(\n  createStyleMixin({\n    mappings: {\n      fontSize: [\n        host,\n        inputField,\n        {\n          selector: TextFieldClass.componentName,\n          property: TextFieldClass.cssVarList.fontSize,\n        },\n      ],\n      fontFamily: [label, errorMessage, helperText],\n      hostWidth: { ...host, property: 'width' },\n      hostMinWidth: { ...host, property: 'min-width' },\n      hostDirection: { ...host, property: 'direction' },\n\n      inputHorizontalPadding: [\n        { ...phoneInput, property: 'padding-left' },\n        { ...phoneInput, property: 'padding-right' },\n      ],\n\n      labelFontSize: { ...label, property: 'font-size' },\n      labelFontWeight: { ...label, property: 'font-weight' },\n      inputValueFontWeight: { ...phoneInput, property: textVars.inputValueFontWeight },\n      inputPlaceholderFontWeight: { ...phoneInput, property: textVars.inputPlaceholderFontWeight },\n      helperTextFontWeight: { ...helperText, property: 'font-weight' },\n      errorMessageFontWeight: { ...errorMessage, property: 'font-weight' },\n      labelTextColor: [\n        { ...label, property: 'color' },\n        { ...label, property: '-webkit-text-fill-color' },\n        { ...requiredIndicator, property: 'color' },\n      ],\n      labelRequiredIndicator: { ...requiredIndicator, property: 'content' },\n      errorMessageTextColor: { ...errorMessage, property: 'color' },\n\n      errorMessageIcon: { ...errorMessage, property: 'background-image' },\n      errorMessageIconSize: { ...errorMessage, property: 'background-size' },\n      errorMessageIconPadding: { ...errorMessage, property: 'padding-inline-start' },\n      errorMessageIconRepeat: { ...errorMessage, property: 'background-repeat' },\n      errorMessageIconPosition: { ...errorMessage, property: 'background-position' },\n      errorMessageFontSize: { ...errorMessage, property: 'font-size' },\n\n      inputValueTextColor: { ...phoneInput, property: textVars.inputValueTextColor },\n\n      inputPlaceholderTextColor: { ...phoneInput, property: textVars.inputPlaceholderColor },\n\n      inputBorderStyle: { ...internalComponentAfter, property: 'border-style' },\n      inputBorderWidth: { ...internalComponentAfter, property: 'border-width' },\n      inputBorderColor: { ...internalComponentAfter, property: 'border-color' },\n      inputBorderRadius: [\n        { ...internalComponent, property: 'border-radius' },\n        { ...internalComponentAfter, property: 'border-radius' },\n      ],\n\n      inputOutlineStyle: { ...internalComponent, property: 'outline-style' },\n      inputOutlineColor: { ...internalComponent, property: 'outline-color' },\n      inputOutlineWidth: { ...internalComponent, property: 'outline-width' },\n      inputOutlineOffset: { ...internalComponent, property: 'outline-offset' },\n\n      labelPosition: { ...label, property: 'position' },\n      labelTopPosition: { ...label, property: 'top' },\n      labelHorizontalPosition: [\n        { ...label, property: 'left' },\n        { ...label, property: 'right' },\n      ],\n      inputTransformY: { ...label, property: 'transform' },\n      inputTransition: { ...label, property: 'transition' },\n      marginInlineStart: { ...label, property: 'margin-inline-start' },\n      valueInputHeight: { ...inputElement, property: 'height' },\n      valueInputMarginBottom: {\n        selector: TextFieldClass.componentName,\n        property: textVars.valueInputMarginBottom,\n      },\n    },\n  }),\n  draggableMixin,\n  inputOverrideValidConstraintsMixin,\n  proxyInputMixin({ proxyProps: ['value', 'selectionStart'] }),\n  customMixin\n)(\n  createProxy({\n    slots: [],\n    wrappedEleName: 'vaadin-text-field',\n    style: () => `\n    :host {\n      display: inline-flex;\n      max-width: 100%;\n      box-sizing: border-box;\n    }\n    ${useHostExternalPadding(PhoneFieldInputBoxClass.cssVarList)}\n    ${resetInputCursor('vaadin-text-field')}\n    ${resetInputFieldInvalidBackgroundColor('vaadin-text-field')}\n    ${resetInputFieldDefaultWidth()}\n\n    vaadin-text-field {\n      width: 100%;\n      box-sizing: border-box;\n      padding: 0;\n    }\n    vaadin-text-field[focus-ring]::part(input-field) {\n      box-shadow: none;\n    }\n    vaadin-text-field::before {\n      height: 0;\n    }\n    vaadin-text-field::part(input-field) {\n      padding: 0;\n      background: transparent;\n      -webkit-mask-image: none;\n    }\n    descope-phone-field-internal-input-box {\n      -webkit-mask-image: none;\n      padding: 0;\n      width: 100%;\n    }\n    descope-phone-field-internal-input-box > div {\n      width: 100%;\n    }\n    descope-phone-field-internal-input-box descope-text-field {\n      ${textVars.inputOutlineWidth}: 0;\n      ${textVars.inputOutlineOffset}: 0;\n    }\n    descope-phone-field-internal-input-box::after {\n      content: '';\n      position: absolute;\n      width: 100%;\n      height: 100%;\n      top: 0;\n      left: 0;\n      box-sizing: border-box;\n      pointer-events: none;\n    }\n    descope-text-field {\n      flex-grow: 1;\n      width: 100%;\n      direction: ltr;\n    }\n    vaadin-text-field[readonly] > input:placeholder-shown {\n      opacity: 1;\n    }\n    vaadin-text-field::part(input-field)::after {\n      border: none;\n    }\n\n    vaadin-text-field[label-type=\"floating\"]:not([focused])[readonly] input:placeholder-shown {\n      opacity: 0;\n    }\n    vaadin-text-field[label-type=\"floating\"]:not([focused])[disabled] input:placeholder-shown {\n      opacity: 0;\n    }\n\n    ${resetInputLabelPosition('vaadin-text-field')}\n    ${inputFloatingLabelStyle()}\n\t\t`,\n    excludeAttrsSync: ['tabindex', 'style'],\n    componentName,\n  })\n);\n\nexport default PhoneFieldInputBoxClass;\n","import { forwardAttrs } from '@descope-ui/common/components-helpers';\nimport parsePhoneNumberFromString, { AsYouType } from 'libphonenumber-js/min';\nimport { createBaseInputClass } from '../../../../baseClasses/createBaseInputClass';\nimport { getComponentName } from '../../../../helpers/componentHelpers';\nimport { getCountryByCodeId, matchingParenthesis } from '../../helpers';\n\nexport const componentName = getComponentName('phone-field-internal-input-box');\n\nconst observedAttributes = [\n  'disabled',\n  'size',\n  'readonly',\n  'phone-input-placeholder',\n  'name',\n  'maxlength',\n  'autocomplete',\n  'label-type',\n  'phone-input-type',\n];\nconst mapAttrs = {\n  'phone-input-placeholder': 'placeholder',\n  'phone-input-type': 'type',\n};\n\nconst BaseInputClass = createBaseInputClass({ componentName, baseSelector: 'div' });\n\nclass PhoneFieldInternal extends BaseInputClass {\n  static get observedAttributes() {\n    return [].concat(BaseInputClass.observedAttributes || [], observedAttributes);\n  }\n\n  #ayt;\n\n  constructor() {\n    super();\n\n    this.innerHTML = `\n      <div>\n        <descope-text-field tabindex=\"1\" type=\"tel\" bordered=\"false\"></descope-text-field>\n      </div>\n      `;\n\n    this.textField = this.querySelector('descope-text-field');\n  }\n\n  // notice: this function is exposed in parent component\n  get phoneNumberInputEle() {\n    return this.textField.shadowRoot.querySelector('input');\n  }\n\n  get defaultDialCode() {\n    return getCountryByCodeId(this.getAttribute('default-code'));\n  }\n\n  get defaultCode() {\n    return this.getAttribute('default-code');\n  }\n\n  get allowAlphanumericInput() {\n    return this.getAttribute('allow-alphanumeric-input') === 'true';\n  }\n\n  get minLength() {\n    return parseInt(this.getAttribute('minlength'), 10) || 0;\n  }\n\n  get maxLength() {\n    return parseInt(this.getAttribute('maxlength'), 10) || 50;\n  }\n\n  get restrictCountries() {\n    return this.getAttribute('restrict-countries')?.split(',').filter(Boolean) || [];\n  }\n\n  get isFormatValue() {\n    return this.getAttribute('format-value') === 'true';\n  }\n\n  get isStrictValidation() {\n    return this.getAttribute('strict-validation') === 'true';\n  }\n\n  get value() {\n    if (!this.textField.value) return '';\n\n    if (!this.isStrictValidation) {\n      return this.#nonParsedValue();\n    }\n\n    const parsedVal = this.#parseWithCountryCode();\n\n    if (parsedVal?.country && parsedVal?.countryCallingCode && parsedVal?.nationalNumber) {\n      return `+${[parsedVal?.countryCallingCode, parsedVal?.nationalNumber].join('-')}`;\n    }\n\n    // if failed to parse or to find country code return text field value\n    return this.textField.value;\n  }\n\n  set value(val) {\n    this.textField.value = val;\n  }\n\n  init() {\n    this.addEventListener('focus', (e) => {\n      // We want to ignore focus events we are dispatching\n      if (e.isTrusted) this.textField.focus();\n    });\n\n    super.init?.();\n\n    this.textField.addEventListener('input', this.#onInput.bind(this));\n    this.handleFocusEventsDispatching([this.textField]);\n\n    forwardAttrs(this.textField, this, { includeAttrs: ['has-value'] });\n\n    forwardAttrs(this, this.textField, {\n      includeAttrs: ['phone-input-type'],\n      mapAttrs: { 'phone-input-type': 'type' },\n    });\n  }\n\n  getValidity() {\n    const validPhonePattern = /^\\+?\\d{1,4}-?(?:\\d-?){1,15}$/;\n    const stripValue = this.#sanitizeVal(this.textField.value || '');\n\n    if (this.isRequired && !this.textField.value) {\n      return { valueMissing: true };\n    }\n\n    if (this.textField.value) {\n      if (stripValue.length < this.minLength) {\n        return { tooShort: true };\n      }\n\n      if (\n        // has `strict-validation` and not properly parsed\n        (this.isStrictValidation && this.textField.value && !this.#isValidParsedValue()) ||\n        // if no `strict-validation` then conform with naive pattern\n        (!this.isStrictValidation && this.textField.value && !validPhonePattern.test(this.value))\n      ) {\n        return { patternMismatch: true };\n      }\n    }\n\n    return {};\n  }\n\n  setSelectionRange(...args) {\n    this.textField.setSelectionRange(...args);\n  }\n\n  attributeChangedCallback(attrName, oldValue, newValue) {\n    super.attributeChangedCallback(attrName, oldValue, newValue);\n\n    if (oldValue !== newValue && observedAttributes.includes(attrName)) {\n      const attr = mapAttrs[attrName] || attrName;\n      this.textField.setAttribute(attr, newValue);\n    }\n  }\n\n  #onInput(e) {\n    let sanitizedInput = this.#sanitizeInput(e.target.value);\n\n    if (this.isFormatValue && this.#canFormat(sanitizedInput)) {\n      sanitizedInput = this.#formatPhoneNumber(sanitizedInput);\n    }\n\n    e.target.value = sanitizedInput;\n  }\n\n  #nonParsedValue() {\n    if (!this.defaultDialCode) {\n      return this.textField.value;\n    }\n\n    const nationalNumber = this.#trimDuplicateCountryCode(this.textField.value);\n    const sanitizedVal = this.#sanitizeVal(nationalNumber);\n\n    return [this.defaultDialCode, sanitizedVal].join('-');\n  }\n\n  #parseWithCountryCode() {\n    if (this.defaultDialCode) {\n      return parsePhoneNumberFromString(\n        [this.defaultDialCode, this.#sanitizeVal(this.textField.value)].filter(Boolean).join('')\n      );\n    }\n\n    // if default-code or not parsed - try to extract country code from value\n    return parsePhoneNumberFromString(this.textField.value);\n  }\n\n  #sanitizeVal(val) {\n    return val.replace(/\\D/g, '');\n  }\n\n  #trimDuplicateCountryCode(val) {\n    if (this.textField.value?.[0] === '+') {\n      const dialCodePrefixPattern = new RegExp(`^\\\\${this.defaultDialCode}`);\n      const trimmed = val.replace(dialCodePrefixPattern, '');\n      return trimmed;\n    }\n    return val;\n  }\n\n  #isValidParsedValue() {\n    const parsed = parsePhoneNumberFromString(this.value);\n    return (\n      !!parsed && // parsed successfully (not undefined)\n      !!parsed.isValid?.() && // Parsed object is valid\n      !!parsed.country && // Parsed object with a country code\n      !!this.#isAllowedCountry(parsed.country) && // Parsed with allowed country code\n      (this.defaultCode ? this.defaultCode === parsed.country : true) // In case default country code is set validate parsed country matches it\n    );\n  }\n\n  #isAllowedCountry(countryCode) {\n    if (!this.restrictCountries.length) {\n      return true;\n    }\n\n    return this.restrictCountries.includes(countryCode);\n  }\n\n  #sanitizeInput(val) {\n    val = val\n      .replace(/^-+/, '') // dash as first char\n      .replace(/(?!^)\\+/g, '') // multiple plus symbols\n      .replace('--', '-') // consecutive dashes\n      .replace('+-', '+'); // dash following plus symbol\n\n    if (!this.allowAlphanumericInput) {\n      const telDigitsRegExp = /^[+\\d-\\(\\)]+$/;\n      val = val\n        .split('')\n        .filter((char) => telDigitsRegExp.test(char))\n        .join('');\n    }\n\n    return val;\n  }\n\n  #formatPhoneNumber(phoneNumber = '') {\n    // Get country code from `default-code or` from phone number\n    const countryCode = this.defaultCode || this.#getCountryCodeFromValue(phoneNumber);\n\n    // Skip formatting if no country code is available\n    if (!countryCode) {\n      return phoneNumber;\n    }\n\n    // Update AsYouType country code if needed\n    if (!this.#ayt || this.#ayt.country !== countryCode) {\n      this.#ayt = new AsYouType(countryCode);\n    }\n\n    // We need to reset AsYouType instance before setting new input\n    this.#ayt.reset();\n\n    // Set AsYouType input\n    const formattedVal = this.#ayt.input(phoneNumber) || phoneNumber;\n\n    return formattedVal;\n  }\n\n  #getCountryCodeFromValue(val) {\n    const parsed = parsePhoneNumberFromString(val);\n    return parsed?.country || '';\n  }\n\n  #canFormat(val) {\n    if (!matchingParenthesis(val)) return false;\n    return true;\n  }\n}\n\nexport default PhoneFieldInternal;\n","import '@descope-ui/descope-text-field';\n\nimport PhoneFieldInternalInputBox, { componentName } from './PhoneFieldInternalInputBox';\n\ncustomElements.define(componentName, PhoneFieldInternalInputBox);\n","import './descope-phone-input-box-internal';\nimport '@descope-ui/descope-text-field';\n\nimport { componentName, PhoneFieldInputBoxClass } from './PhoneFieldInputBoxClass';\n\ncustomElements.define(componentName, PhoneFieldInputBoxClass);\n\nexport { PhoneFieldInputBoxClass, componentName };\n","import parsePhoneNumberFromString from 'libphonenumber-js/min';\nimport CountryCodes from './CountryCodes';\n\nexport const getCountryByCodeId = (countryCode) =>\n  CountryCodes.find((c) => c.code === countryCode)?.dialCode;\n\nexport const matchingParenthesis = (val) => {\n  const openParenMatches = val.match(/\\(/g);\n  const closeParenMatches = val.match(/\\)/g);\n  return openParenMatches?.length === closeParenMatches?.length;\n};\n"],"names":["emailField","vaadin_themable_mixin","AH","SF","input_field_shared","k","moduleId","emailFieldStyles","EmailField","src_vaadin_text_field","A","is","constructor","super","this","_setType","pattern","ready","inputElement","autocapitalize","src_define","X","componentName","componentHelpers","xE","EmailFieldClass","helpers","Zz","mixins","RF","mappings","textFieldMappings","VO","RV","inputType","inputName","autocompleteType","includeAttrs","OZ","proxyProps","useProxyTargets","tQ","superclass","init","baseElement","setAttribute","getAttribute","createExternalInput","tz","slots","wrappedEleName","style","cssVarList","inputOutlineWidth","inputOutlineOffset","resetHelpers","$J","cy","LJ","Kl","excludeAttrsSync","customElements","define","INVALID_PHONE_CHARS_RE","attrs","shared","email","phone","countryCode","inputBox","attrMap","PHONE_FIELD","BaseClass","createBaseClass","q","baseSelector","HybridFieldClass","componentNameOverride","hostWidth","selector","property","hostDirection","errorMessageIcon","PhoneFieldClass","NF","PhoneFieldInputBoxClass","Ul","errorMessageIconSize","errorMessageIconPadding","errorMessageIconRepeat","errorMessageIconPosition","errorMessageFontSize","labelFontWeight","inputValueFontWeight","inputPlaceholderFontWeight","helperTextFontWeight","errorMessageFontWeight","isReportedValidity","selectionStart","attachShadow","mode","innerHTML","isExternalInput","componentsHelpers","fz","emailInputEle","emailInput","externalInput","phoneVariant","phoneInputBoxInput","phoneCountryCodeInput","defaultCode","firstItem","countryCodes","activeInputEle","activeInput","phoneNumberInputEle","value","val","handleActiveInput","setTimeout","initInputs","updateAttrs","toggleInputVisibility","waitForInputs","initInputEles","overrideEmailInputType","overrideEmailSetAttribute","Promise","resolve","check","setInterval","clearInterval","shadowRoot","querySelector","inputs","forEach","ele","addEventListener","onValueChange","bind","origEmailSetAttr","name","hasAttribute","EA","mapAttrs","input","expectedActiveInput","test","isNumericValue","setActiveInput","setActiveInputValue","reportValidity","setActiveInputSelectionStart","focus","setSelectionRange","getDefaultDialCode","code","match","CountryCodes","find","c","dialCode","sanitizedVal","replace","sanitizeCountryCodePrefix","localName","countryCodeItems","classList","add","remove","origInputType","type","length","checkValidity","textVars","_descope_ui_descope_text_field_class__WEBPACK_IMPORTED_MODULE_1__","w","_helpers_componentHelpers__WEBPACK_IMPORTED_MODULE_3__","host","label","requiredIndicator","inputField","internalComponent","internalComponentAfter","phoneInput","errorMessage","helperText","placeholder","_helpers__WEBPACK_IMPORTED_MODULE_4__","_mixins__WEBPACK_IMPORTED_MODULE_5__","fontSize","fontFamily","hostMinWidth","inputHorizontalPadding","labelFontSize","labelTextColor","labelRequiredIndicator","errorMessageTextColor","inputValueTextColor","inputPlaceholderTextColor","inputPlaceholderColor","inputBorderStyle","inputBorderWidth","inputBorderColor","inputBorderRadius","inputOutlineStyle","inputOutlineColor","labelPosition","labelTopPosition","labelHorizontalPosition","inputTransformY","inputTransition","marginInlineStart","valueInputHeight","valueInputMarginBottom","Yg","_CountryCodes__WEBPACK_IMPORTED_MODULE_6__","template","document","createElement","_descope_phone_input_box_internal_PhoneFieldInternalInputBox__WEBPACK_IMPORTED_MODULE_2__","T","appendChild","content","cloneNode","_descope_ui_common_components_helpers__WEBPACK_IMPORTED_MODULE_0__","Gh","_helpers_themeHelpers_resetHelpers__WEBPACK_IMPORTED_MODULE_7__","I4","kG","X6","_helpers_componentHelpers__WEBPACK_IMPORTED_MODULE_4__","observedAttributes","BaseInputClass","_baseClasses_createBaseInputClass__WEBPACK_IMPORTED_MODULE_3__","y","__WEBPACK_DEFAULT_EXPORT__","concat","ayt","textField","defaultDialCode","_helpers__WEBPACK_IMPORTED_MODULE_5__","Q","allowAlphanumericInput","minLength","parseInt","maxLength","restrictCountries","split","filter","Boolean","isFormatValue","isStrictValidation","nonParsedValue","parsedVal","parseWithCountryCode","country","countryCallingCode","nationalNumber","join","e","isTrusted","onInput","handleFocusEventsDispatching","getValidity","validPhonePattern","stripValue","sanitizeVal","isRequired","valueMissing","tooShort","isValidParsedValue","patternMismatch","args","attributeChangedCallback","attrName","oldValue","newValue","includes","attr","sanitizedInput","sanitizeInput","target","canFormat","formatPhoneNumber","trimDuplicateCountryCode","libphonenumber_js_min__WEBPACK_IMPORTED_MODULE_1__","l","dialCodePrefixPattern","RegExp","parsed","isValid","isAllowedCountry","telDigitsRegExp","char","phoneNumber","getCountryCodeFromValue","libphonenumber_js_min__WEBPACK_IMPORTED_MODULE_2__","reset","W","_PhoneFieldInternalInputBox__WEBPACK_IMPORTED_MODULE_1__","_PhoneFieldInputBoxClass__WEBPACK_IMPORTED_MODULE_2__","TQ","getCountryByCodeId","_CountryCodes__WEBPACK_IMPORTED_MODULE_0__","matchingParenthesis","openParenMatches","closeParenMatches"],"sourceRoot":""}
+{"version":3,"file":"descope-hybrid-field-index-js.js","mappings":"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","sources":["webpack://@descope/web-components-ui/javascript/libs/webpack-extract-font-loader/node_modules/@vaadin/email-field/theme/lumo/vaadin-email-field-styles.js","webpack://@descope/web-components-ui/javascript/libs/webpack-extract-font-loader/node_modules/@vaadin/email-field/src/vaadin-email-field-styles.js","webpack://@descope/web-components-ui/javascript/libs/webpack-extract-font-loader/node_modules/@vaadin/email-field/src/vaadin-email-field.js","webpack://@descope/web-components-ui/./src/components/descope-email-field/EmailFieldClass.js","webpack://@descope/web-components-ui/./src/components/descope-email-field/emailPattern.js","webpack://@descope/web-components-ui/./src/components/descope-email-field/index.js","webpack://@descope/web-components-ui/./src/components/descope-hybrid-field/helpers.js","webpack://@descope/web-components-ui/./src/components/descope-hybrid-field/HybridFieldClass.js","webpack://@descope/web-components-ui/./src/components/descope-hybrid-field/index.js","webpack://@descope/web-components-ui/./src/components/phone-fields/descope-phone-input-box-field/PhoneFieldInputBoxClass.js","webpack://@descope/web-components-ui/./src/components/phone-fields/descope-phone-input-box-field/descope-phone-input-box-internal/PhoneFieldInternalInputBox.js","webpack://@descope/web-components-ui/./src/components/phone-fields/descope-phone-input-box-field/descope-phone-input-box-internal/index.js","webpack://@descope/web-components-ui/./src/components/phone-fields/descope-phone-input-box-field/index.js","webpack://@descope/web-components-ui/./src/components/phone-fields/helpers.js"],"sourcesContent":["/**\n * @license\n * Copyright (c) 2021 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\nimport { inputFieldShared } from '@vaadin/vaadin-lumo-styles/mixins/input-field-shared.js';\nimport { css, registerStyles } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';\n\nconst emailField = css`\n  :host([dir='rtl']) [part='input-field'] ::slotted(input) {\n    --_lumo-text-field-overflow-mask-image: linear-gradient(to left, transparent, #000 1.25em);\n  }\n\n  :host([dir='rtl']) [part='input-field'] ::slotted(input:placeholder-shown) {\n    --_lumo-text-field-overflow-mask-image: none;\n  }\n`;\n\nregisterStyles('vaadin-email-field', [inputFieldShared, emailField], {\n  moduleId: 'lumo-email-field',\n});\n","/**\n * @license\n * Copyright (c) 2021 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\nimport { css } from 'lit';\n\n// See https://github.com/vaadin/vaadin-text-field/issues/466\nexport const emailFieldStyles = css`\n  :host([dir='rtl']) [part='input-field'] {\n    direction: ltr;\n  }\n\n  :host([dir='rtl']) [part='input-field'] ::slotted(input)::placeholder {\n    direction: rtl;\n    text-align: left;\n  }\n`;\n","/**\n * @license\n * Copyright (c) 2021 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\nimport { defineCustomElement } from '@vaadin/component-base/src/define.js';\nimport { TextField } from '@vaadin/text-field/src/vaadin-text-field.js';\nimport { registerStyles } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';\nimport { emailFieldStyles } from './vaadin-email-field-styles.js';\n\nregisterStyles('vaadin-email-field', emailFieldStyles, { moduleId: 'vaadin-email-field-styles' });\n\n/**\n * `<vaadin-email-field>` is a Web Component for email field control in forms.\n *\n * ```html\n * <vaadin-email-field label=\"Email\"></vaadin-email-field>\n * ```\n *\n * ### Styling\n *\n * `<vaadin-email-field>` provides the same set of shadow DOM parts and state attributes as `<vaadin-text-field>`.\n * See [`<vaadin-text-field>`](#/elements/vaadin-text-field) for the styling documentation.\n *\n * See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.\n *\n * @fires {Event} input - Fired when the value is changed by the user: on every typing keystroke, and the value is cleared using the clear button.\n * @fires {Event} change - Fired when the user commits a value change.\n * @fires {CustomEvent} invalid-changed - Fired when the `invalid` property changes.\n * @fires {CustomEvent} value-changed - Fired when the `value` property changes.\n * @fires {CustomEvent} validated - Fired whenever the field is validated.\n *\n * @customElement\n * @extends TextField\n */\nexport class EmailField extends TextField {\n  static get is() {\n    return 'vaadin-email-field';\n  }\n\n  constructor() {\n    super();\n    this._setType('email');\n    this.pattern = '^([a-zA-Z0-9_\\\\.\\\\-+])+@[a-zA-Z0-9\\\\-.]+\\\\.[a-zA-Z0-9\\\\-]{2,}$';\n  }\n\n  /** @protected */\n  ready() {\n    super.ready();\n\n    if (this.inputElement) {\n      this.inputElement.autocapitalize = 'off';\n    }\n  }\n}\n\ndefineCustomElement(EmailField);\n","import textFieldMappings from '@descope-ui/descope-text-field/mappings';\nimport {\n  createStyleMixin,\n  draggableMixin,\n  createProxy,\n  proxyInputMixin,\n  componentNameValidationMixin,\n  externalInputMixin,\n} from '../../mixins';\nimport { compose } from '../../helpers';\nimport { asciiPattern, unicodePattern } from './emailPattern';\nimport { getComponentName } from '../../helpers/componentHelpers';\nimport {\n  inputFloatingLabelStyle,\n  resetInputLabelPosition,\n  resetInputOverrides,\n  useHostExternalPadding,\n} from '../../helpers/themeHelpers/resetHelpers';\n\nexport const componentName = getComponentName('email-field');\n\nconst defaultAutocomplete = 'username';\nconst defaultInputMode = 'email';\n\nconst customMixin = (superclass) =>\n  class EmailFieldMixinClass extends superclass {\n    // On by default - `accept-unicode=\"false\"` restores the pre-unicode field:\n    // native `type=\"email\"` validation and the ASCII pattern.\n    //\n    // Read once, in `init`. Changing the attribute afterwards has no effect; it\n    // is static configuration, which is how every consumer sets it.\n    get acceptsUnicode() {\n      return this.getAttribute('accept-unicode') !== 'false';\n    }\n\n    init() {\n      super.init?.();\n\n      // we need to set the pattern on the base element because vaadin-email-field is overriding it\n      this.baseElement.setAttribute('pattern', asciiPattern);\n\n      if (!this.getAttribute('autocomplete')) {\n        this.setAttribute('autocomplete', defaultAutocomplete);\n      }\n\n      this.createExternalInput();\n\n      [this.inputElement, this.externalInput].filter(Boolean).forEach((input) => {\n        input.addEventListener('change', this.stripSurroundingWhitespace);\n      });\n\n      if (this.acceptsUnicode) {\n        this.enableUnicode();\n      }\n    }\n\n    enableUnicode() {\n      this.baseElement.setAttribute('pattern', unicodePattern);\n\n      // native `type=\"email\"` validation is ASCII only and sets typeMismatch\n      // before `pattern` is consulted, so `text` is what lets the pattern decide.\n      // Through vaadin's `_setType` because `type` is a readOnly property bound\n      // to the inner input - assigning `input.type` is re-applied over.\n      this.baseElement._setType('text');\n\n      if (this.externalInput) {\n        this.externalInput.type = 'text';\n      }\n\n      // `type=\"text\"` loses the email keyboard on mobile\n      if (!this.getAttribute('inputmode')) {\n        this.setAttribute('inputmode', defaultInputMode);\n      }\n\n      this.externalInput?.setAttribute('inputmode', defaultInputMode);\n    }\n\n    stripSurroundingWhitespace = (e) => {\n      const trimmed = e.target.value.trim();\n      if (trimmed === e.target.value) return;\n      this.value = trimmed;\n\n      // validity is cached and was computed against the untrimmed value\n      this.inputElement.dispatchEvent(new Event('input', { bubbles: true, composed: true }));\n    };\n  };\n\nexport const EmailFieldClass = compose(\n  createStyleMixin({\n    mappings: textFieldMappings,\n  }),\n  draggableMixin,\n  externalInputMixin({\n    inputType: 'email',\n    inputName: 'email',\n    autocompleteType: 'username',\n    includeAttrs: ['disabled', 'readonly', 'pattern'],\n  }),\n  proxyInputMixin({ proxyProps: ['value', 'selectionStart'], useProxyTargets: true }),\n  componentNameValidationMixin,\n  customMixin\n)(\n  createProxy({\n    slots: ['', 'suffix'],\n    wrappedEleName: 'vaadin-email-field',\n    style: () => `\n\t\t\t:host {\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tmax-width: 100%;\n\t\t\t\tpadding: calc(var(${EmailFieldClass.cssVarList.inputOutlineWidth}) + var(${\n          EmailFieldClass.cssVarList.inputOutlineOffset\n        }));\n        box-sizing: border-box;\n\t\t\t}\n      ${resetInputLabelPosition('vaadin-email-field')}\n\t\t\t${useHostExternalPadding(EmailFieldClass.cssVarList)}\n\t\t\t${resetInputOverrides('vaadin-email-field', EmailFieldClass.cssVarList)}\n      ${inputFloatingLabelStyle()}\n\n      vaadin-email-field[label-type=\"floating\"]:not([focused])[readonly] > input:placeholder-shown {\n        opacity: 0;\n      }\n      vaadin-email-field[label-type=\"floating\"]:not([focused])[disabled] > input:placeholder-shown {\n        opacity: 0;\n      }\n\n      :host ::slotted(*) {\n        -webkit-mask-image: none;\n      }\n\n      vaadin-email-field[external-input=\"true\"] > input:not(:placeholder-shown) {\n        opacity: 0;\n      }\n\t\t`,\n    excludeAttrsSync: ['tabindex', 'style'],\n    componentName,\n  })\n);\n","// Kept in its own module (with no imports) so it can be unit tested without\n// pulling in the whole component / vaadin dependency chain.\n\nexport const asciiPattern = \"^[\\\\w\\\\.\\\\%\\\\+\\\\-']+@[\\\\w\\\\.\\\\-]+\\\\.[A-Za-z]{2,}$\";\n\nexport const unicodePattern =\n  \"^[\\\\p{L}\\\\p{M}\\\\p{N}._%+'\\\\-]+@[\\\\p{L}\\\\p{M}\\\\p{N}.\\\\-]+\\\\.[\\\\p{L}\\\\p{M}][\\\\p{L}\\\\p{M}\\\\p{N}\\\\-]+$\";\n","import '@vaadin/email-field';\nimport { componentName, EmailFieldClass } from './EmailFieldClass';\n\ncustomElements.define(componentName, EmailFieldClass);\n\nexport { EmailFieldClass, componentName };\n","// Matches any character that is not a digit, whitespace, or phone formatting character (+, -, (, ))\nconst INVALID_PHONE_CHARS_RE = /[^\\d\\s+\\-()]/;\n\nexport const isNumericValue = (val) => !!val && !INVALID_PHONE_CHARS_RE.test(val);\n\nexport const sanitizeCountryCodePrefix = (val) => val.replace(/\\+\\d+-/, '');\n","import { injectStyle } from '@descope-ui/common/components-helpers';\nimport { createStyleMixin, draggableMixin, componentNameValidationMixin } from '../../mixins';\nimport { createBaseClass } from '../../baseClasses/createBaseClass';\nimport { compose } from '../../helpers';\nimport { forwardAttrs, getComponentName } from '../../helpers/componentHelpers';\nimport { isNumericValue, sanitizeCountryCodePrefix as sanitizeValue } from './helpers';\nimport { PhoneFieldClass } from '../phone-fields/descope-phone-field/PhoneFieldClass';\nimport { PhoneFieldInputBoxClass } from '../phone-fields/descope-phone-input-box-field/PhoneFieldInputBoxClass';\n\nexport const componentName = getComponentName('hybrid-field');\n\nconst attrs = {\n  shared: [\n    'label',\n    'bordered',\n    'full-width',\n    'label-type',\n    'size',\n    'disabled',\n    'readonly',\n    'required',\n    'st-host-direction',\n    'st-error-message-icon',\n    'st-error-message-icon-size',\n    'st-error-message-icon-padding',\n  ],\n  email: [\n    'placeholder',\n    'data-errormessage-value-missing-email',\n    'data-errormessage-pattern-mismatch-email',\n    'external-input',\n  ],\n  phone: {\n    countryCode: [\n      'phone-input-label',\n      'country-input-label',\n      'country-input-placeholder',\n      'restrict-countries',\n      'default-code',\n      'phone-minlength',\n      'phone-format-value',\n      'phone-strict-validation',\n      'phone-input-type',\n      'data-errormessage-value-missing-phone',\n    ],\n    inputBox: [\n      'restrict-countries',\n      'default-code',\n      'phone-minlength',\n      'phone-format-value',\n      'phone-strict-validation',\n      'phone-input-type',\n      'data-errormessage-value-missing-phone',\n    ],\n  },\n};\n\nconst attrMap = {\n  email: {\n    'data-errormessage-value-missing-email': 'data-errormessage-value-missing',\n    'data-errormessage-pattern-mismatch-email': 'data-errormessage-pattern-mismatch',\n  },\n  phone: {\n    'phone-input-label': 'label',\n    'phone-minlength': 'minlength',\n    'phone-format-value': 'format-value',\n    'phone-strict-validation': 'strict-validation',\n    'data-errormessage-value-missing-phone': 'data-errormessage-value-missing',\n  },\n};\n\nconst EMAIL_FIELD = 'descope-email-field';\nconst PHONE_FIELD = 'descope-phone-field';\nconst PHONE_INPUT_BOX_FIELD = 'descope-phone-input-box-field';\n\nconst BaseClass = createBaseClass({\n  componentName,\n  baseSelector: 'div',\n});\n\nclass RawHybridField extends BaseClass {\n  #isReportedValidity = false;\n\n  #selectionStart;\n\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n    <div class=\"wrapper\">\n      <descope-email-field external-input=\"${this.isExternalInput}\"></descope-email-field>\n      <descope-phone-field allow-alphanumeric-input=\"true\" phone-input-type=\"text\"></descope-phone-field>\n      <descope-phone-input-box-field allow-alphanumeric-input=\"true\" phone-input-type=\"text\"></descope-phone-input-box-field>\n    </div>\n\t\t`;\n\n    injectStyle(\n      `\n      :host {\n        display: inline-flex;\n        box-sizing: border-box;\n        padding: 0;\n        gap: 0;\n      }\n      .wrapper {\n        display: grid;\n        width: 100%;\n      }\n      descope-email-field,\n      descope-phone-field,\n      descope-phone-input-box-field {\n        grid-area: 1/1;\n        width: 100%;\n        height: 100%;\n      }\n      .hidden {\n        visibility: hidden;\n      }\n      `,\n      this\n    );\n  }\n\n  get isExternalInput() {\n    return this.getAttribute('external-input') === 'true';\n  }\n\n  get emailInputEle() {\n    return this.isExternalInput ? this.emailInput.externalInput : this.emailInput.inputElement;\n  }\n\n  get phoneVariant() {\n    const isInputBox = this.getAttribute('phone-variant') === 'inputBox';\n    return isInputBox ? this.phoneInputBoxInput : this.phoneCountryCodeInput;\n  }\n\n  get defaultCode() {\n    const firstItem = this.phoneCountryCodeInput.countryCodes?.[0] || '';\n    return this.getAttribute('default-code') || firstItem;\n  }\n\n  get activeInputEle() {\n    if (this.activeInput === this.emailInput) {\n      return this.emailInputEle;\n    }\n    return this.phoneVariant.phoneNumberInputEle;\n  }\n\n  get value() {\n    return this.activeInput?.value || '';\n  }\n\n  set value(val) {\n    this.handleActiveInput(val);\n    setTimeout(() => {\n      this.activeInput.value = val;\n    });\n  }\n\n  async init() {\n    super.init?.();\n\n    this.initInputs();\n    this.updateAttrs();\n    this.toggleInputVisibility();\n\n    await this.waitForInputs();\n\n    this.initInputEles();\n    this.overrideEmailInputType();\n    this.overrideEmailSetAttribute();\n  }\n\n  waitForInputs() {\n    return new Promise((resolve) => {\n      const check = setInterval(() => {\n        if (this.emailInputEle) {\n          clearInterval(check);\n          resolve();\n        }\n      });\n    });\n  }\n\n  initInputs() {\n    this.emailInput = this.shadowRoot.querySelector(EMAIL_FIELD);\n    this.phoneCountryCodeInput = this.shadowRoot.querySelector(PHONE_FIELD);\n    this.phoneInputBoxInput = this.shadowRoot.querySelector(PHONE_INPUT_BOX_FIELD);\n\n    this.inputs = [this.emailInput, this.phoneCountryCodeInput, this.phoneInputBoxInput];\n\n    this.activeInput = this.emailInput;\n  }\n\n  // we need to listen on the inner `input` element itself, otherwise we don't always get an `input` event\n  initInputEles() {\n    const inputEles = [\n      this.emailInputEle,\n      this.phoneCountryCodeInput.phoneNumberInputEle,\n      this.phoneInputBoxInput.phoneNumberInputEle,\n    ];\n\n    inputEles.forEach((ele) => {\n      ele.addEventListener('input', this.onValueChange.bind(this));\n    });\n  }\n\n  overrideEmailInputType() {\n    this.emailInputEle.addEventListener('focus', () => {\n      this.emailInputEle.setAttribute('type', 'text');\n    });\n    this.emailInputEle.addEventListener('blur', () => {\n      setTimeout(() => {\n        this.emailInputEle.setAttribute('type', 'email');\n      });\n    });\n  }\n\n  // We want to prevent Vaadin from changing the input type to `email`\n  // otherwise, we cannot get the selectionStart from the input.\n  overrideEmailSetAttribute() {\n    const origEmailSetAttr = this.emailInput.setAttribute.bind(this.emailInputEle);\n    this.emailInputEle.setAttribute = (name, value) => {\n      if (name !== 'type' || value !== 'email' || !this.emailInput.hasAttribute('focused')) {\n        return origEmailSetAttr(name, value);\n      }\n      return false;\n    };\n  }\n\n  updateAttrs() {\n    forwardAttrs(this, this.emailInput, { includeAttrs: attrs.email, mapAttrs: attrMap.email });\n\n    forwardAttrs(this, this.phoneCountryCodeInput, {\n      includeAttrs: attrs.phone.countryCode,\n      mapAttrs: attrMap.phone,\n    });\n\n    forwardAttrs(this, this.phoneInputBoxInput, {\n      includeAttrs: attrs.phone.inputBox,\n      mapAttrs: attrMap.phone,\n    });\n\n    this.inputs.forEach((input) => forwardAttrs(this, input, { includeAttrs: attrs.shared }));\n\n    setTimeout(() => this.phoneCountryCodeInput.setAttribute('default-code', this.defaultCode));\n  }\n\n  onValueChange() {\n    this.#selectionStart = this.activeInputEle.selectionStart;\n    // phone components expose an API to their inputElement; in case of phone variants like\n    // phone-input-box-field, we want to make sure that the value being passed\n    // is raw value from input, and not the value with a dial-code prefix, or other decorations\n    // applied behind the scenes by the phone components\n    this.handleActiveInput(this.activeInputEle.value || this.activeInput.value);\n  }\n\n  handleActiveInput(val) {\n    const expectedActiveInput = isNumericValue(val) ? this.phoneVariant : this.emailInput;\n\n    if (this.activeInput !== expectedActiveInput) {\n      this.setActiveInput(expectedActiveInput);\n    }\n  }\n\n  setActiveInput(expectedActiveInput) {\n    // phone components expose an API to their inputElement; in case of phone variants like\n    // phone-input-box-field, we want to make sure that the value being passed\n    // is raw value from input, and not the value with a dial-code prefix, or other decorations\n    // applied behind the scenes by the phone components\n    const val = this.activeInputEle.value || this.activeInput.value;\n\n    this.activeInput = expectedActiveInput;\n    this.setActiveInputValue(val);\n    if (this.#isReportedValidity) this.activeInput.reportValidity();\n    this.setActiveInputSelectionStart();\n    this.toggleInputVisibility();\n  }\n\n  setActiveInputSelectionStart() {\n    setTimeout(() => {\n      const ele = this.activeInputEle;\n      ele.focus();\n      // setSelectionRange throws InvalidStateError on input types that do not\n      // support selection (e.g. `email`). The focus handler usually switches\n      // type to `text` first, but that can race with the blur timer or fail\n      // to fire (e.g. background tab). Restoring the caret is best-effort.\n      try {\n        ele.setSelectionRange?.(this.#selectionStart, this.#selectionStart);\n      } catch {\n        /* noop */\n      }\n    });\n  }\n\n  #getDefaultDialCode() {\n    const code = this.getAttribute('default-code');\n    const match = code && PhoneFieldClass.CountryCodes.find((c) => c.code === code);\n    return match?.dialCode || PhoneFieldClass.CountryCodes[0]?.dialCode || '';\n  }\n\n  setActiveInputValue(val) {\n    const sanitizedVal = sanitizeValue(val);\n    const isPhoneField = this.activeInput.localName === PHONE_FIELD;\n    if (isPhoneField) {\n      const dialCode = this.phoneCountryCodeInput.countryCodeItems || this.#getDefaultDialCode();\n      this.activeInput.value = `${dialCode}-${sanitizedVal}`;\n    } else {\n      this.activeInput.value = sanitizedVal;\n    }\n  }\n\n  toggleInputVisibility() {\n    this.inputs.forEach((input) => {\n      input !== this.activeInput ? input.classList.add('hidden') : input.classList.remove('hidden');\n    });\n  }\n\n  reportValidity() {\n    this.#isReportedValidity = true;\n\n    const ele = this.activeInputEle;\n\n    // On reportValidity we want to set the caret at the end of the input value.\n    // Since checkValidity triggers `focus` on the input, it sets the caret at the start of the input,\n    // regardless the existing value.\n    const origInputType = ele.type;\n    ele.setAttribute('type', 'text');\n    setTimeout(() => {\n      ele.setSelectionRange?.(ele.value.length, ele.value.length);\n      ele.setAttribute('type', origInputType);\n    });\n\n    return this.activeInput.reportValidity();\n  }\n\n  checkValidity() {\n    return this.activeInput.checkValidity();\n  }\n}\n\nexport const HybridFieldClass = compose(\n  createStyleMixin({ componentNameOverride: getComponentName('input-wrapper') }),\n  createStyleMixin({\n    mappings: {\n      hostWidth: { selector: () => ':host', property: 'width' },\n      hostDirection: [\n        { selector: () => 'descope-email-field', property: 'direction' },\n        { selector: () => 'descope-phone-field', property: 'direction' },\n        { selector: () => 'descope-phone-input-box-field', property: 'direction' },\n      ],\n      errorMessageIcon: [\n        {\n          selector: () => PhoneFieldClass.componentName,\n          property: PhoneFieldClass.cssVarList.errorMessageIcon,\n        },\n        {\n          selector: () => PhoneFieldInputBoxClass.componentName,\n          property: PhoneFieldInputBoxClass.cssVarList.errorMessageIcon,\n        },\n      ],\n      errorMessageIconSize: [\n        {\n          selector: () => PhoneFieldClass.componentName,\n          property: PhoneFieldClass.cssVarList.errorMessageIconSize,\n        },\n        {\n          selector: () => PhoneFieldInputBoxClass.componentName,\n          property: PhoneFieldInputBoxClass.cssVarList.errorMessageIconSize,\n        },\n      ],\n      errorMessageIconPadding: [\n        {\n          selector: () => PhoneFieldClass.componentName,\n          property: PhoneFieldClass.cssVarList.errorMessageIconPadding,\n        },\n        {\n          selector: () => PhoneFieldInputBoxClass.componentName,\n          property: PhoneFieldInputBoxClass.cssVarList.errorMessageIconPadding,\n        },\n      ],\n      errorMessageIconRepeat: [\n        {\n          selector: () => PhoneFieldClass.componentName,\n          property: PhoneFieldClass.cssVarList.errorMessageIconRepeat,\n        },\n        {\n          selector: () => PhoneFieldInputBoxClass.componentName,\n          property: PhoneFieldInputBoxClass.cssVarList.errorMessageIconRepeat,\n        },\n      ],\n      errorMessageIconPosition: [\n        {\n          selector: () => PhoneFieldClass.componentName,\n          property: PhoneFieldClass.cssVarList.errorMessageIconPosition,\n        },\n        {\n          selector: () => PhoneFieldInputBoxClass.componentName,\n          property: PhoneFieldInputBoxClass.cssVarList.errorMessageIconPosition,\n        },\n      ],\n      errorMessageFontSize: [\n        {\n          selector: () => PhoneFieldClass.componentName,\n          property: PhoneFieldClass.cssVarList.errorMessageFontSize,\n        },\n        {\n          selector: () => PhoneFieldInputBoxClass.componentName,\n          property: PhoneFieldInputBoxClass.cssVarList.errorMessageFontSize,\n        },\n      ],\n      labelFontWeight: [\n        {\n          selector: () => PhoneFieldClass.componentName,\n          property: PhoneFieldClass.cssVarList.labelFontWeight,\n        },\n        {\n          selector: () => PhoneFieldInputBoxClass.componentName,\n          property: PhoneFieldInputBoxClass.cssVarList.labelFontWeight,\n        },\n      ],\n      inputValueFontWeight: [\n        {\n          selector: () => PhoneFieldClass.componentName,\n          property: PhoneFieldClass.cssVarList.inputValueFontWeight,\n        },\n        {\n          selector: () => PhoneFieldInputBoxClass.componentName,\n          property: PhoneFieldInputBoxClass.cssVarList.inputValueFontWeight,\n        },\n      ],\n      inputPlaceholderFontWeight: [\n        {\n          selector: () => PhoneFieldClass.componentName,\n          property: PhoneFieldClass.cssVarList.inputPlaceholderFontWeight,\n        },\n        {\n          selector: () => PhoneFieldInputBoxClass.componentName,\n          property: PhoneFieldInputBoxClass.cssVarList.inputPlaceholderFontWeight,\n        },\n      ],\n      helperTextFontWeight: [\n        {\n          selector: () => PhoneFieldClass.componentName,\n          property: PhoneFieldClass.cssVarList.helperTextFontWeight,\n        },\n        {\n          selector: () => PhoneFieldInputBoxClass.componentName,\n          property: PhoneFieldInputBoxClass.cssVarList.helperTextFontWeight,\n        },\n      ],\n      errorMessageFontWeight: [\n        {\n          selector: () => PhoneFieldClass.componentName,\n          property: PhoneFieldClass.cssVarList.errorMessageFontWeight,\n        },\n        {\n          selector: () => PhoneFieldInputBoxClass.componentName,\n          property: PhoneFieldInputBoxClass.cssVarList.errorMessageFontWeight,\n        },\n      ],\n    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin\n)(RawHybridField);\n","import '../descope-email-field';\nimport '../phone-fields/descope-phone-field';\nimport '../phone-fields/descope-phone-input-box-field';\n\nimport { componentName, HybridFieldClass } from './HybridFieldClass';\n\ncustomElements.define(componentName, HybridFieldClass);\n\nexport { HybridFieldClass, componentName };\n","import { syncAttrs } from '@descope-ui/common/components-helpers';\nimport { TextFieldClass } from '@descope-ui/descope-text-field/class';\nimport { componentName as descopeInternalComponentName } from './descope-phone-input-box-internal/PhoneFieldInternalInputBox';\nimport { forwardAttrs, getComponentName } from '../../../helpers/componentHelpers';\nimport { compose } from '../../../helpers';\nimport {\n  createProxy,\n  createStyleMixin,\n  draggableMixin,\n  inputOverrideValidConstraintsMixin,\n  proxyInputMixin,\n} from '../../../mixins';\nimport CountryCodes from '../CountryCodes';\nimport {\n  resetInputLabelPosition,\n  resetInputCursor,\n  resetInputFieldDefaultWidth,\n  resetInputFieldInvalidBackgroundColor,\n  useHostExternalPadding,\n  inputFloatingLabelStyle,\n} from '../../../helpers/themeHelpers/resetHelpers';\n\nconst textVars = TextFieldClass.cssVarList;\n\nexport const componentName = getComponentName('phone-input-box-field');\n\nconst customMixin = (superclass) =>\n  class PhoneFieldInputBoxMixinClass extends superclass {\n    static get CountryCodes() {\n      return CountryCodes;\n    }\n\n    init() {\n      super.init?.();\n\n      const template = document.createElement('template');\n\n      template.innerHTML = `\n\t\t\t\t<${descopeInternalComponentName}\n\t\t\t\t\ttabindex=\"-1\"\n\t\t\t\t\tslot=\"input\"\n\t\t\t\t></${descopeInternalComponentName}>\n      `;\n\n      this.baseElement.appendChild(template.content.cloneNode(true));\n\n      this.inputElement = this.shadowRoot.querySelector(descopeInternalComponentName);\n\n      syncAttrs(this, this.inputElement, { includeAttrs: ['has-value'] });\n\n      forwardAttrs(this.shadowRoot.host, this.inputElement, {\n        includeAttrs: [\n          'size',\n          'minlength',\n          'maxlength',\n          'default-code',\n          'disabled',\n          'phone-input-placeholder',\n          'label',\n          'label-type',\n          'allow-alphanumeric-input',\n          'restrict-countries',\n          'format-value',\n          'strict-validation',\n          'data-errormessage-type-mismatch',\n          'phone-input-type',\n        ],\n      });\n    }\n\n    get phoneNumberInputEle() {\n      return this.inputElement?.phoneNumberInputEle;\n    }\n  };\n\nconst {\n  host,\n  label,\n  inputElement,\n  requiredIndicator,\n  inputField,\n  internalComponent,\n  internalComponentAfter,\n  phoneInput,\n  errorMessage,\n  helperText,\n} = {\n  host: { selector: () => ':host' },\n  label: { selector: '::part(label)' },\n  placeholder: { selector: '> input:placeholder-shown' },\n  inputElement: { selector: 'input' },\n  requiredIndicator: { selector: '[required]::part(required-indicator)::after' },\n  inputField: { selector: () => 'vaadin-text-field::part(input-field)' },\n  internalComponent: {\n    selector: 'descope-phone-field-internal-input-box',\n  },\n  internalComponentAfter: {\n    selector: 'descope-phone-field-internal-input-box::after',\n  },\n  phoneInput: { selector: () => 'descope-text-field' },\n  helperText: { selector: '::part(helper-text)' },\n  errorMessage: { selector: '::part(error-message)' },\n};\n\nexport const PhoneFieldInputBoxClass = compose(\n  createStyleMixin({\n    mappings: {\n      fontSize: [\n        host,\n        inputField,\n        {\n          selector: TextFieldClass.componentName,\n          property: TextFieldClass.cssVarList.fontSize,\n        },\n      ],\n      fontFamily: [label, errorMessage, helperText],\n      hostWidth: { ...host, property: 'width' },\n      hostMinWidth: { ...host, property: 'min-width' },\n      hostDirection: { ...host, property: 'direction' },\n\n      inputHorizontalPadding: [\n        { ...phoneInput, property: 'padding-left' },\n        { ...phoneInput, property: 'padding-right' },\n      ],\n\n      labelFontSize: { ...label, property: 'font-size' },\n      labelFontWeight: { ...label, property: 'font-weight' },\n      inputValueFontWeight: { ...phoneInput, property: textVars.inputValueFontWeight },\n      inputPlaceholderFontWeight: { ...phoneInput, property: textVars.inputPlaceholderFontWeight },\n      helperTextFontWeight: { ...helperText, property: 'font-weight' },\n      errorMessageFontWeight: { ...errorMessage, property: 'font-weight' },\n      labelTextColor: [\n        { ...label, property: 'color' },\n        { ...label, property: '-webkit-text-fill-color' },\n        { ...requiredIndicator, property: 'color' },\n      ],\n      labelRequiredIndicator: { ...requiredIndicator, property: 'content' },\n      errorMessageTextColor: { ...errorMessage, property: 'color' },\n\n      errorMessageIcon: { ...errorMessage, property: 'background-image' },\n      errorMessageIconSize: { ...errorMessage, property: 'background-size' },\n      errorMessageIconPadding: { ...errorMessage, property: 'padding-inline-start' },\n      errorMessageIconRepeat: { ...errorMessage, property: 'background-repeat' },\n      errorMessageIconPosition: { ...errorMessage, property: 'background-position' },\n      errorMessageFontSize: { ...errorMessage, property: 'font-size' },\n\n      inputValueTextColor: { ...phoneInput, property: textVars.inputValueTextColor },\n\n      inputPlaceholderTextColor: { ...phoneInput, property: textVars.inputPlaceholderColor },\n\n      inputBorderStyle: { ...internalComponentAfter, property: 'border-style' },\n      inputBorderWidth: { ...internalComponentAfter, property: 'border-width' },\n      inputBorderColor: { ...internalComponentAfter, property: 'border-color' },\n      inputBorderRadius: [\n        { ...internalComponent, property: 'border-radius' },\n        { ...internalComponentAfter, property: 'border-radius' },\n      ],\n\n      inputOutlineStyle: { ...internalComponent, property: 'outline-style' },\n      inputOutlineColor: { ...internalComponent, property: 'outline-color' },\n      inputOutlineWidth: { ...internalComponent, property: 'outline-width' },\n      inputOutlineOffset: { ...internalComponent, property: 'outline-offset' },\n\n      labelPosition: { ...label, property: 'position' },\n      labelTopPosition: { ...label, property: 'top' },\n      labelHorizontalPosition: [\n        { ...label, property: 'left' },\n        { ...label, property: 'right' },\n      ],\n      inputTransformY: { ...label, property: 'transform' },\n      inputTransition: { ...label, property: 'transition' },\n      marginInlineStart: { ...label, property: 'margin-inline-start' },\n      valueInputHeight: { ...inputElement, property: 'height' },\n      valueInputMarginBottom: {\n        selector: TextFieldClass.componentName,\n        property: textVars.valueInputMarginBottom,\n      },\n    },\n  }),\n  draggableMixin,\n  inputOverrideValidConstraintsMixin,\n  proxyInputMixin({ proxyProps: ['value', 'selectionStart'] }),\n  customMixin\n)(\n  createProxy({\n    slots: [],\n    wrappedEleName: 'vaadin-text-field',\n    style: () => `\n    :host {\n      display: inline-flex;\n      max-width: 100%;\n      box-sizing: border-box;\n    }\n    ${useHostExternalPadding(PhoneFieldInputBoxClass.cssVarList)}\n    ${resetInputCursor('vaadin-text-field')}\n    ${resetInputFieldInvalidBackgroundColor('vaadin-text-field')}\n    ${resetInputFieldDefaultWidth()}\n\n    vaadin-text-field {\n      width: 100%;\n      box-sizing: border-box;\n      padding: 0;\n    }\n    vaadin-text-field[focus-ring]::part(input-field) {\n      box-shadow: none;\n    }\n    vaadin-text-field::before {\n      height: 0;\n    }\n    vaadin-text-field::part(input-field) {\n      padding: 0;\n      background: transparent;\n      -webkit-mask-image: none;\n    }\n    descope-phone-field-internal-input-box {\n      -webkit-mask-image: none;\n      padding: 0;\n      width: 100%;\n    }\n    descope-phone-field-internal-input-box > div {\n      width: 100%;\n    }\n    descope-phone-field-internal-input-box descope-text-field {\n      ${textVars.inputOutlineWidth}: 0;\n      ${textVars.inputOutlineOffset}: 0;\n    }\n    descope-phone-field-internal-input-box::after {\n      content: '';\n      position: absolute;\n      width: 100%;\n      height: 100%;\n      top: 0;\n      left: 0;\n      box-sizing: border-box;\n      pointer-events: none;\n    }\n    descope-text-field {\n      flex-grow: 1;\n      width: 100%;\n      direction: ltr;\n    }\n    vaadin-text-field[readonly] > input:placeholder-shown {\n      opacity: 1;\n    }\n    vaadin-text-field::part(input-field)::after {\n      border: none;\n    }\n\n    vaadin-text-field[label-type=\"floating\"]:not([focused])[readonly] input:placeholder-shown {\n      opacity: 0;\n    }\n    vaadin-text-field[label-type=\"floating\"]:not([focused])[disabled] input:placeholder-shown {\n      opacity: 0;\n    }\n\n    ${resetInputLabelPosition('vaadin-text-field')}\n    ${inputFloatingLabelStyle()}\n\t\t`,\n    excludeAttrsSync: ['tabindex', 'style'],\n    componentName,\n  })\n);\n\nexport default PhoneFieldInputBoxClass;\n","import { forwardAttrs } from '@descope-ui/common/components-helpers';\nimport parsePhoneNumberFromString, { AsYouType } from 'libphonenumber-js/min';\nimport { createBaseInputClass } from '../../../../baseClasses/createBaseInputClass';\nimport { getComponentName } from '../../../../helpers/componentHelpers';\nimport { getCountryByCodeId, matchingParenthesis } from '../../helpers';\n\nexport const componentName = getComponentName('phone-field-internal-input-box');\n\nconst observedAttributes = [\n  'disabled',\n  'size',\n  'readonly',\n  'phone-input-placeholder',\n  'name',\n  'maxlength',\n  'autocomplete',\n  'label-type',\n  'phone-input-type',\n];\nconst mapAttrs = {\n  'phone-input-placeholder': 'placeholder',\n  'phone-input-type': 'type',\n};\n\nconst BaseInputClass = createBaseInputClass({ componentName, baseSelector: 'div' });\n\nclass PhoneFieldInternal extends BaseInputClass {\n  static get observedAttributes() {\n    return [].concat(BaseInputClass.observedAttributes || [], observedAttributes);\n  }\n\n  #ayt;\n\n  constructor() {\n    super();\n\n    this.innerHTML = `\n      <div>\n        <descope-text-field tabindex=\"1\" type=\"tel\" bordered=\"false\"></descope-text-field>\n      </div>\n      `;\n\n    this.textField = this.querySelector('descope-text-field');\n  }\n\n  // notice: this function is exposed in parent component\n  get phoneNumberInputEle() {\n    return this.textField.shadowRoot.querySelector('input');\n  }\n\n  get defaultDialCode() {\n    return getCountryByCodeId(this.getAttribute('default-code'));\n  }\n\n  get defaultCode() {\n    return this.getAttribute('default-code');\n  }\n\n  get allowAlphanumericInput() {\n    return this.getAttribute('allow-alphanumeric-input') === 'true';\n  }\n\n  get minLength() {\n    return parseInt(this.getAttribute('minlength'), 10) || 0;\n  }\n\n  get maxLength() {\n    return parseInt(this.getAttribute('maxlength'), 10) || 50;\n  }\n\n  get restrictCountries() {\n    return this.getAttribute('restrict-countries')?.split(',').filter(Boolean) || [];\n  }\n\n  get isFormatValue() {\n    return this.getAttribute('format-value') === 'true';\n  }\n\n  get isStrictValidation() {\n    return this.getAttribute('strict-validation') === 'true';\n  }\n\n  get value() {\n    if (!this.textField.value) return '';\n\n    if (!this.isStrictValidation) {\n      return this.#nonParsedValue();\n    }\n\n    const parsedVal = this.#parseWithCountryCode();\n\n    if (parsedVal?.country && parsedVal?.countryCallingCode && parsedVal?.nationalNumber) {\n      return `+${[parsedVal?.countryCallingCode, parsedVal?.nationalNumber].join('-')}`;\n    }\n\n    // if failed to parse or to find country code return text field value\n    return this.textField.value;\n  }\n\n  set value(val) {\n    this.textField.value = val;\n  }\n\n  init() {\n    this.addEventListener('focus', (e) => {\n      // We want to ignore focus events we are dispatching\n      if (e.isTrusted) this.textField.focus();\n    });\n\n    super.init?.();\n\n    this.textField.addEventListener('input', this.#onInput.bind(this));\n    this.handleFocusEventsDispatching([this.textField]);\n\n    forwardAttrs(this.textField, this, { includeAttrs: ['has-value'] });\n\n    forwardAttrs(this, this.textField, {\n      includeAttrs: ['phone-input-type'],\n      mapAttrs: { 'phone-input-type': 'type' },\n    });\n  }\n\n  getValidity() {\n    const validPhonePattern = /^\\+?\\d{1,4}-?(?:\\d-?){1,15}$/;\n    const stripValue = this.#sanitizeVal(this.textField.value || '');\n\n    if (this.isRequired && !this.textField.value) {\n      return { valueMissing: true };\n    }\n\n    if (this.textField.value) {\n      if (stripValue.length < this.minLength) {\n        return { tooShort: true };\n      }\n\n      if (\n        // has `strict-validation` and not properly parsed\n        (this.isStrictValidation && this.textField.value && !this.#isValidParsedValue()) ||\n        // if no `strict-validation` then conform with naive pattern\n        (!this.isStrictValidation && this.textField.value && !validPhonePattern.test(this.value))\n      ) {\n        return { patternMismatch: true };\n      }\n    }\n\n    return {};\n  }\n\n  setSelectionRange(...args) {\n    this.textField.setSelectionRange(...args);\n  }\n\n  attributeChangedCallback(attrName, oldValue, newValue) {\n    super.attributeChangedCallback(attrName, oldValue, newValue);\n\n    if (oldValue !== newValue && observedAttributes.includes(attrName)) {\n      const attr = mapAttrs[attrName] || attrName;\n      this.textField.setAttribute(attr, newValue);\n    }\n  }\n\n  #onInput(e) {\n    let sanitizedInput = this.#sanitizeInput(e.target.value);\n\n    if (this.isFormatValue && this.#canFormat(sanitizedInput)) {\n      sanitizedInput = this.#formatPhoneNumber(sanitizedInput);\n    }\n\n    e.target.value = sanitizedInput;\n  }\n\n  #nonParsedValue() {\n    if (!this.defaultDialCode) {\n      return this.textField.value;\n    }\n\n    const nationalNumber = this.#trimDuplicateCountryCode(this.textField.value);\n    const sanitizedVal = this.#sanitizeVal(nationalNumber);\n\n    return [this.defaultDialCode, sanitizedVal].join('-');\n  }\n\n  #parseWithCountryCode() {\n    if (this.defaultDialCode) {\n      return parsePhoneNumberFromString(\n        [this.defaultDialCode, this.#sanitizeVal(this.textField.value)].filter(Boolean).join('')\n      );\n    }\n\n    // if default-code or not parsed - try to extract country code from value\n    return parsePhoneNumberFromString(this.textField.value);\n  }\n\n  #sanitizeVal(val) {\n    return val.replace(/\\D/g, '');\n  }\n\n  #trimDuplicateCountryCode(val) {\n    if (this.textField.value?.[0] === '+') {\n      const dialCodePrefixPattern = new RegExp(`^\\\\${this.defaultDialCode}`);\n      const trimmed = val.replace(dialCodePrefixPattern, '');\n      return trimmed;\n    }\n    return val;\n  }\n\n  #isValidParsedValue() {\n    const parsed = parsePhoneNumberFromString(this.value);\n    return (\n      !!parsed && // parsed successfully (not undefined)\n      !!parsed.isValid?.() && // Parsed object is valid\n      !!parsed.country && // Parsed object with a country code\n      !!this.#isAllowedCountry(parsed.country) && // Parsed with allowed country code\n      (this.defaultCode ? this.defaultCode === parsed.country : true) // In case default country code is set validate parsed country matches it\n    );\n  }\n\n  #isAllowedCountry(countryCode) {\n    if (!this.restrictCountries.length) {\n      return true;\n    }\n\n    return this.restrictCountries.includes(countryCode);\n  }\n\n  #sanitizeInput(val) {\n    val = val\n      .replace(/^-+/, '') // dash as first char\n      .replace(/(?!^)\\+/g, '') // multiple plus symbols\n      .replace('--', '-') // consecutive dashes\n      .replace('+-', '+'); // dash following plus symbol\n\n    if (!this.allowAlphanumericInput) {\n      const telDigitsRegExp = /^[+\\d-\\(\\)]+$/;\n      val = val\n        .split('')\n        .filter((char) => telDigitsRegExp.test(char))\n        .join('');\n    }\n\n    return val;\n  }\n\n  #formatPhoneNumber(phoneNumber = '') {\n    // Get country code from `default-code or` from phone number\n    const countryCode = this.defaultCode || this.#getCountryCodeFromValue(phoneNumber);\n\n    // Skip formatting if no country code is available\n    if (!countryCode) {\n      return phoneNumber;\n    }\n\n    // Update AsYouType country code if needed\n    if (!this.#ayt || this.#ayt.country !== countryCode) {\n      this.#ayt = new AsYouType(countryCode);\n    }\n\n    // We need to reset AsYouType instance before setting new input\n    this.#ayt.reset();\n\n    // Set AsYouType input\n    const formattedVal = this.#ayt.input(phoneNumber) || phoneNumber;\n\n    return formattedVal;\n  }\n\n  #getCountryCodeFromValue(val) {\n    const parsed = parsePhoneNumberFromString(val);\n    return parsed?.country || '';\n  }\n\n  #canFormat(val) {\n    if (!matchingParenthesis(val)) return false;\n    return true;\n  }\n}\n\nexport default PhoneFieldInternal;\n","import '@descope-ui/descope-text-field';\n\nimport PhoneFieldInternalInputBox, { componentName } from './PhoneFieldInternalInputBox';\n\ncustomElements.define(componentName, PhoneFieldInternalInputBox);\n","import './descope-phone-input-box-internal';\nimport '@descope-ui/descope-text-field';\n\nimport { componentName, PhoneFieldInputBoxClass } from './PhoneFieldInputBoxClass';\n\ncustomElements.define(componentName, PhoneFieldInputBoxClass);\n\nexport { PhoneFieldInputBoxClass, componentName };\n","import parsePhoneNumberFromString from 'libphonenumber-js/min';\nimport CountryCodes from './CountryCodes';\n\nexport const getCountryByCodeId = (countryCode) =>\n  CountryCodes.find((c) => c.code === countryCode)?.dialCode;\n\nexport const matchingParenthesis = (val) => {\n  const openParenMatches = val.match(/\\(/g);\n  const closeParenMatches = val.match(/\\)/g);\n  return openParenMatches?.length === closeParenMatches?.length;\n};\n"],"names":["emailField","vaadin_themable_mixin","AH","SF","input_field_shared","k","moduleId","emailFieldStyles","EmailField","src_vaadin_text_field","A","is","constructor","super","this","_setType","pattern","ready","inputElement","autocapitalize","src_define","X","componentName","componentHelpers","xE","defaultInputMode","EmailFieldClass","helpers","Zz","mixins","RF","mappings","textFieldMappings","VO","RV","inputType","inputName","autocompleteType","includeAttrs","OZ","proxyProps","useProxyTargets","tQ","superclass","acceptsUnicode","getAttribute","init","baseElement","setAttribute","createExternalInput","externalInput","filter","Boolean","forEach","input","addEventListener","stripSurroundingWhitespace","enableUnicode","type","e","trimmed","target","value","trim","dispatchEvent","Event","bubbles","composed","tz","slots","wrappedEleName","style","cssVarList","inputOutlineWidth","inputOutlineOffset","resetHelpers","$J","cy","LJ","Kl","excludeAttrsSync","customElements","define","INVALID_PHONE_CHARS_RE","attrs","shared","email","phone","countryCode","inputBox","attrMap","PHONE_FIELD","BaseClass","createBaseClass","q","baseSelector","HybridFieldClass","componentNameOverride","hostWidth","selector","property","hostDirection","errorMessageIcon","PhoneFieldClass","NF","PhoneFieldInputBoxClass","Ul","errorMessageIconSize","errorMessageIconPadding","errorMessageIconRepeat","errorMessageIconPosition","errorMessageFontSize","labelFontWeight","inputValueFontWeight","inputPlaceholderFontWeight","helperTextFontWeight","errorMessageFontWeight","isReportedValidity","selectionStart","attachShadow","mode","innerHTML","isExternalInput","componentsHelpers","fz","emailInputEle","emailInput","phoneVariant","phoneInputBoxInput","phoneCountryCodeInput","defaultCode","firstItem","countryCodes","activeInputEle","activeInput","phoneNumberInputEle","val","handleActiveInput","setTimeout","initInputs","updateAttrs","toggleInputVisibility","waitForInputs","initInputEles","overrideEmailInputType","overrideEmailSetAttribute","Promise","resolve","check","setInterval","clearInterval","shadowRoot","querySelector","inputs","ele","onValueChange","bind","origEmailSetAttr","name","hasAttribute","EA","mapAttrs","expectedActiveInput","test","isNumericValue","setActiveInput","setActiveInputValue","reportValidity","setActiveInputSelectionStart","focus","setSelectionRange","getDefaultDialCode","code","match","CountryCodes","find","c","dialCode","sanitizedVal","replace","sanitizeCountryCodePrefix","localName","countryCodeItems","classList","add","remove","origInputType","length","checkValidity","textVars","_descope_ui_descope_text_field_class__WEBPACK_IMPORTED_MODULE_1__","w","_helpers_componentHelpers__WEBPACK_IMPORTED_MODULE_3__","host","label","requiredIndicator","inputField","internalComponent","internalComponentAfter","phoneInput","errorMessage","helperText","placeholder","_helpers__WEBPACK_IMPORTED_MODULE_4__","_mixins__WEBPACK_IMPORTED_MODULE_5__","fontSize","fontFamily","hostMinWidth","inputHorizontalPadding","labelFontSize","labelTextColor","labelRequiredIndicator","errorMessageTextColor","inputValueTextColor","inputPlaceholderTextColor","inputPlaceholderColor","inputBorderStyle","inputBorderWidth","inputBorderColor","inputBorderRadius","inputOutlineStyle","inputOutlineColor","labelPosition","labelTopPosition","labelHorizontalPosition","inputTransformY","inputTransition","marginInlineStart","valueInputHeight","valueInputMarginBottom","Yg","_CountryCodes__WEBPACK_IMPORTED_MODULE_6__","template","document","createElement","_descope_phone_input_box_internal_PhoneFieldInternalInputBox__WEBPACK_IMPORTED_MODULE_2__","T","appendChild","content","cloneNode","_descope_ui_common_components_helpers__WEBPACK_IMPORTED_MODULE_0__","Gh","_helpers_themeHelpers_resetHelpers__WEBPACK_IMPORTED_MODULE_7__","I4","kG","X6","_helpers_componentHelpers__WEBPACK_IMPORTED_MODULE_4__","observedAttributes","BaseInputClass","_baseClasses_createBaseInputClass__WEBPACK_IMPORTED_MODULE_3__","y","__WEBPACK_DEFAULT_EXPORT__","concat","ayt","textField","defaultDialCode","_helpers__WEBPACK_IMPORTED_MODULE_5__","Q","allowAlphanumericInput","minLength","parseInt","maxLength","restrictCountries","split","isFormatValue","isStrictValidation","nonParsedValue","parsedVal","parseWithCountryCode","country","countryCallingCode","nationalNumber","join","isTrusted","onInput","handleFocusEventsDispatching","getValidity","validPhonePattern","stripValue","sanitizeVal","isRequired","valueMissing","tooShort","isValidParsedValue","patternMismatch","args","attributeChangedCallback","attrName","oldValue","newValue","includes","attr","sanitizedInput","sanitizeInput","canFormat","formatPhoneNumber","trimDuplicateCountryCode","libphonenumber_js_min__WEBPACK_IMPORTED_MODULE_1__","l","dialCodePrefixPattern","RegExp","parsed","isValid","isAllowedCountry","telDigitsRegExp","char","phoneNumber","getCountryCodeFromValue","libphonenumber_js_min__WEBPACK_IMPORTED_MODULE_2__","reset","W","_PhoneFieldInternalInputBox__WEBPACK_IMPORTED_MODULE_1__","_PhoneFieldInputBoxClass__WEBPACK_IMPORTED_MODULE_2__","TQ","getCountryByCodeId","_CountryCodes__WEBPACK_IMPORTED_MODULE_0__","matchingParenthesis","openParenMatches","closeParenMatches"],"sourceRoot":""}

package/dist/umd/descope-multi-line-mappings.js

@@ -1,5 +1,5 @@
 /*! For license information please see descope-multi-line-mappings.js.LICENSE.txt */
-"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[5087,5375,9054],{19624(t,e,r){r.d(e,{J:()=>p,T:()=>l});var o=r(63200),i=r(25964),n=r(88961),s=r(98538),a=r(10767);const l=(0,i.xE)("button"),{host:d,label:c,slottedIcon:u}={host:{selector:()=>":host"},label:{selector:"::part(label)"},slottedIcon:{selector:()=>"::slotted(descope-icon)"}};let h;const p=(0,o.Zz)((0,n.DM)({triggers:[{attr:"full-width",value:"true"}]}),(0,n.RF)({mappings:{hostWidth:{property:"width"},hostMaxWidth:{...d,property:"max-width"},hostHeight:{property:"height"},hostDirection:{...d,property:"direction"},fontSize:{},fontFamily:{},fontWeight:{},cursor:{},backgroundColor:{},outlineOffset:{},outlineColor:{},outlineStyle:{},outlineWidth:{},borderRadius:{},borderColor:{},borderStyle:{},borderWidth:{},verticalPadding:[{property:"padding-top"},{property:"padding-bottom"}],horizontalPadding:[{property:"padding-right",fallback:"0.875em"},{property:"padding-left",fallback:"0.875em"}],labelTextColor:{property:"color"},iconColor:{selector:()=>"::slotted(*)",property:s.S.cssVarList.fill},labelTextDecoration:{...c,property:"text-decoration"},labelSpacing:{...c,property:"gap"},textAlign:{...c,property:"justify-content",fallback:"center"},iconSize:[{...u,property:"width"},{...u,property:"height"}]}}),a.G,n.VO,n.tQ)((0,n.tz)({slots:["","prefix","label","suffix"],wrappedEleName:"vaadin-button",style:()=>`\n\t\t\t\n\t:host {\n\t\tdisplay: inline-block;\n\t\tbox-sizing: border-box;\n\t}\n\tvaadin-button::before,\n\tvaadin-button::after {\n\t\topacity: 0;\n\t}\n\tvaadin-button {\n\t\tmargin: 0;\n\t\tmin-width: 0;\n\t\twidth: 100%;\n\t\theight: auto;\n\t\tbox-shadow: none;\n\t}\n\tvaadin-button::part(label) {\n\t\tpadding: 0;\n    width: 100%;\n\t}\n\tvaadin-button::part(prefix) {\n\t\tmargin-left: 0;\n\t\tmargin-right: 0;\n\t}\n\n\t\t\t\n\tvaadin-button::part(prefix),\n\tvaadin-button::part(label) {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t}\n\n\t\t\t${h}\n\t\t\tvaadin-button::part(label) { pointer-events: none; }\n\t\t\t:host {\n\t\t\t\tpadding: calc(var(${p.cssVarList.outlineWidth}) + var(${p.cssVarList.outlineOffset}));\n\t\t\t}\n      :host([full-width="true"]) {\n        width: var(${p.cssVarList.hostWidth});\n      }\n\t\t\tvaadin-button {\n\t\t\t\theight: calc(var(${p.cssVarList.hostHeight}) - var(${p.cssVarList.outlineWidth}) - var(${p.cssVarList.outlineOffset}));\n\t\t\t}\n\t\t\t[square="true"]:not([full-width="true"]) {\n\t\t\t\twidth: calc(var(${p.cssVarList.hostWidth}) - var(${p.cssVarList.outlineWidth}) - var(${p.cssVarList.outlineOffset}));\n        padding: 0;\n\t\t\t}\n\t\t`,excludeAttrsSync:["tabindex","class","style"],componentName:l})),{color:m,fontSize:b}=p.cssVarList;h=`\n\t@keyframes spin {\n\t\t0% { -webkit-transform: rotate(0deg); }\n\t\t100% { -webkit-transform: rotate(360deg); }\n\t}\n\t:host([loading="true"]) ::before {\n\t\tanimation: spin 2s linear infinite;\n\t\tposition: absolute;\n\t\tcontent: '';\n\t\tz-index: 1;\n\t\tbox-sizing: border-box;\n\t\tborder-radius: 50%;\n\t\tborder-bottom-color: transparent;\n\t\tborder-left-color: transparent;\n\t\tborder-style: solid;\n\t\tcolor: var(${m});\n\t\ttop: calc(50% - (var(${b}) / 2));\n\t\tleft: calc(50% - (var(${b}) / 2));\n\t\tborder-width: calc(var(${b}) / 10);\n\t\twidth: var(${b});\n\t\theight: var(${b});\n\t}\n\t:host([disabled="true"]),\n\t:host([loading="true"]) {\n\t\tpointer-events: none;\n\t}\n\t:host([loading="true"]) ::part(prefix),\n\t:host([loading="true"]) ::part(label) {\n\t\tvisibility: hidden;\n\t}\n`},10767(t,e,r){r.d(e,{G:()=>o});const o=t=>class extends t{get isLoading(){return"true"===this.getAttribute("loading")}click(){this.isLoading||super.click()}}},30576(t,e,r){r.r(e),r.d(e,{ButtonClass:()=>o.J,componentName:()=>o.T});var o=r(19624);r(83799),customElements.define(o.T,o.J)},98538(t,e,r){r.d(e,{S:()=>l,T:()=>a});var o=r(88961),i=r(25964),n=r(8512),s=r(63200);const a=(0,i.xE)("icon"),l=(0,s.Zz)((0,o.RF)({mappings:{fill:[{},{property:n.q.cssVarList.fill}],height:{selector:()=>":host"},width:{selector:()=>":host"}}}),o.VO,o.tQ)((0,o.tz)({slots:[],wrappedEleName:"descope-image",style:()=>"\n      :host {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        max-height: 100%;\n      }\n      ",excludeAttrsSync:["tabindex","class","style","st-height","st-width"],componentName:a}))},8512(t,e,r){r.d(e,{T:()=>l,q:()=>u});var o=r(88961),i=r(72270),n=r(63200),s=r(25964),a=r(18782);const l=(0,s.xE)("image"),d=["src","src-dark"];class c extends((0,i.qu)({componentName:l,baseSelector:"slot"})){static get observedAttributes(){return d}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t<slot></slot>\n\t",(0,s.fz)("\n\t\t\t:host {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t}\n      :host > slot {\n        width: 100%;\n        height: 100%;\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\tdisplay: flex;\n\t\t\t\toverflow: hidden;\n\t\t\t}\n\n      ::slotted(*) {\n        width: 100%;\n\t\t\t}\n\n      .hidden {\n        display: none;\n      }\n      ",this)}init(){super.init?.(),this.toggleVisibility(this.getSrc)}onThemeChange(){this.renderImage()}toggleVisibility(t){t?this.classList.remove("hidden"):this.classList.add("hidden")}get altText(){return this.getAttribute("alt")||""}get legacySrc(){return this.getAttribute("src")}get themeSrc(){return this.getAttribute(`src-${this.currentThemeName}`)}get getSrc(){return this.themeSrc||this.legacySrc}updateFillColor(t){[t,...t.querySelectorAll("*[fill]")].forEach(t=>{t.setAttribute("fill",`var(${u.cssVarList.fill}, ${t.getAttribute("fill")||"''"})`)})}renderImage(){this.toggleVisibility(this.getSrc),(0,a.m)(this.getSrc,this.altText).then(t=>{this.innerHTML="",t&&(this.updateFillColor(t),this.appendChild(t))})}shouldRender(t){const e=this.getAttribute(t);return this.getSrc===e}attributeChangedCallback(t,e,r){super.attributeChangedCallback?.(t,e,r),e!==r&&this.shouldRender(t)&&this.renderImage()}}const u=(0,n.Zz)((0,o.RF)({mappings:{fill:{},height:{selector:()=>":host"},width:{selector:()=>":host"}}}),o.VO,o.tQ)(c)},18782(t,e,r){r.d(e,{m:()=>n});var o=r(25414);const i=t=>{const e=o.A.sanitize(t,{USE_PROFILES:{svg:!0,svgFilters:!0},ADD_TAGS:["image"],FORBID_TAGS:["defs"]});return(new DOMParser).parseFromString(e,"image/svg+xml").querySelector("svg")},n=async(t,e)=>{try{let r;if((t=>t.startsWith("data:image/svg+xml;base64,"))(t)){const e=atob(t.slice(26));r=i(e)}else if("svg"===(t=>{const e=t.match(/\.([0-9a-z]+)(?:[\\?#]|$)/i);return e?e[1]:null})(t)){const e=await fetch(t),o=await e.text();r=i(o)}else r=((t,e)=>{const r=document.createElement("img");return r.setAttribute("src",t),r.setAttribute("alt",e),r})(t,e);return r.style.setProperty("max-width","100%"),r.style.setProperty("max-height","100%"),r}catch{return null}}},22931(t,e,r){r.r(e),r.d(e,{MultiLineMappingsClass:()=>y,componentName:()=>d}),r(30576),r(70067);var o=r(63200),i=r(25964),n=r(88961),s=r(72270),a=r(94681),l=r(19624);const d=(0,i.xE)("multi-line-mappings"),c=(0,s.qu)({componentName:d}),u=t=>null==t?"":String("object"==typeof t?t.value??t.id??t.label??"":t),h=t=>[...new Set(t.map(u).filter(Boolean))],p=t=>{const e=u(t);return"object"==typeof t&&null!==t?{...t,value:e,label:String(t.label??t.displayName??e)}:{value:e,label:e}},m=t=>{if(!Array.isArray(t))return[];const e=new Set;return t.map(p).filter(t=>!(!t.value||e.has(t.value)||(e.add(t.value),0)))},b=(t=[],e=[])=>t.length===e.length&&t.every((t,r)=>t===e[r]),g={selector:()=>":host"},f={selector:".row"},v={selector:".add-action"},y=(0,o.Zz)((0,n.RF)({mappings:{hostWidth:{...g,property:"width"},hostDirection:[{...g,property:"direction"},{selector:a.t.componentName,property:a.t.cssVarList.hostDirection},{selector:l.J.componentName,property:l.J.cssVarList.hostDirection}],rowsGap:{selector:".rows",property:"gap"},rowGap:{...f,property:"gap"},rowAlignItems:{...f,property:"align-items"},rowWrap:{...f,property:"flex-wrap"},addActionJustifyContent:{...v,property:"justify-content"},addActionMarginTop:{...v,property:"margin-top"}}}),n.VO)(class extends c{static get observedAttributes(){return["data","max-rows","size","disabled","readonly","first-value-key","second-value-key","first-label","second-label","first-placeholder","second-placeholder","full-width","merge-rows"]}#t=[{firstValues:[],secondValues:[]}];#e=null;#r=[];#o={};constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n      <div class="wrapper">\n        <div class="rows"></div>\n        <div class="add-action">\n          <descope-button\n            class="add-button"\n            variant="link"\n            mode="primary"\n          >\n            <slot name="add-button-content">Add line</slot>\n          </descope-button>\n        </div>\n      </div>\n    ',(0,i.fz)("\n      :host {\n        display: inline-flex;\n        box-sizing: border-box;\n        max-width: 100%;\n      }\n\n      .wrapper {\n        display: flex;\n        flex-direction: column;\n        width: 100%;\n      }\n\n      .rows {\n        display: flex;\n        flex-direction: column;\n        width: 100%;\n      }\n\n      .rows > .row {\n        display: flex;\n        width: 100%;\n        min-width: 0;\n        box-sizing: border-box;\n        align-items: flex-end;\n      }\n\n      .row descope-multi-select-combo-box {\n        flex: 1 1 0;\n        box-sizing: border-box;\n      }\n\n      .row .remove-button {\n        flex: 0 0 auto;\n        align-self: flex-end;\n      }\n\n      .row:only-child .remove-button {\n        display: none;\n        pointer-events: none;\n      }\n\n      .add-action {\n        display: flex;\n      }\n      ",this),this.rowsElement=this.shadowRoot.querySelector(".rows"),this.addButtonElement=this.shadowRoot.querySelector(".add-button")}get size(){return this.getAttribute("size")||"md"}get firstValueKey(){return this.getAttribute("first-value-key")||"firstValues"}get secondValueKey(){return this.getAttribute("second-value-key")||"secondValues"}get firstLabel(){return this.getAttribute("first-label")||""}get secondLabel(){return this.getAttribute("second-label")||""}get firstPlaceholder(){return this.getAttribute("first-placeholder")||""}get secondPlaceholder(){return this.getAttribute("second-placeholder")||""}get disabled(){return"true"===this.getAttribute("disabled")}get readonly(){return"true"===this.getAttribute("readonly")}get mergeRows(){return"true"===this.getAttribute("merge-rows")}get maxRows(){const t=Number(this.getAttribute("max-rows"));return Number.isFinite(t)&&t>0?t:void 0}get data(){return this.#o}get value(){return this.#t.filter(t=>t.firstValues.length>0||t.secondValues.length>0).flatMap(t=>(t.firstValues.length?t.firstValues:[""]).map(e=>({[this.firstValueKey]:e,[this.secondValueKey]:[...t.secondValues]})))}set value(t){this.#e=t,this.#t=this.#i(t),this.#n(),this.#s()}#a(t){const e=((t,e,r="unknown")=>{if("string"!=typeof t||!t?.trim())return e;try{return JSON.parse(t)}catch(t){return console.error(`[descope-multi-line-mappings] Failed to parse JSON from "${r}"`,t),e}})(t,{},"data attribute"),r=e&&"object"==typeof e&&!Array.isArray(e)?e:{};this.#r=Object.entries(r).map(([t,e])=>{const r=String(t),o=null!=e&&"object"==typeof e&&!Array.isArray(e),i=o?e.options??[]:e;return{value:r,label:o&&null!=e.label?String(e.label):r,options:m(i)}}),this.#o=Object.fromEntries(this.#r.map(({value:t,options:e})=>[t,e]))}init(){super.init?.(),this.#l(),this.addButtonElement.addEventListener("click",()=>this.#d()),this.#s()}attributeChangedCallback(t,e,r){if(super.attributeChangedCallback?.(t,e,r),e!==r){if("data"===t)return this.#a(r),this.#n(),void this.#s();if("size"===t)return[...this.#c(),...this.#u()].forEach(t=>t.setAttribute("size",this.size)),this.#l(),void this.#h();if(["disabled","readonly"].includes(t))return this.#c().forEach(t=>{t[this.disabled?"setAttribute":"removeAttribute"]("disabled","true"),t[this.readonly?"setAttribute":"removeAttribute"]("readonly","true")}),this.#u().forEach(t=>t[this.disabled||this.readonly?"setAttribute":"removeAttribute"]("disabled","true")),void this.#h();if(["first-label","second-label"].includes(t)){const e="first-label"===t?"first":"second";return void Array.from(this.rowsElement.children).forEach(t=>{const o=t.querySelector(`.${e}-combo`);r?o?.setAttribute("label",r):o?.removeAttribute("label")})}if(["first-placeholder","second-placeholder"].includes(t)){const e="first-placeholder"===t?"first":"second";return void Array.from(this.rowsElement.children).forEach(t=>{const o=t.querySelector(`.${e}-combo`);r?o?.setAttribute("placeholder",r):o?.removeAttribute("placeholder")})}"max-rows"===t&&this.#h(),"merge-rows"===t&&null!==this.#e&&(this.#t=this.#i(this.#e),this.#n(),this.#s())}}#c(){return Array.from(this.rowsElement.querySelectorAll("descope-multi-select-combo-box"))}#u(){return Array.from(this.rowsElement.querySelectorAll(".remove-button"))}#d(){if(this.disabled||this.readonly||this.#p())return;const t={firstValues:[],secondValues:[]};this.#t=[...this.#t,t],this.rowsElement.append(this.#m(t)),this.#h()}#i(t){if(!Array.isArray(t)||!t.length)return[{firstValues:[],secondValues:[]}];let e=t.map(t=>{const e=t?.[this.firstValueKey];return{firstValues:null!=e&&""!==String(e)?[String(e)]:[],secondValues:h(t?.[this.secondValueKey]??[])}});if(this.mergeRows){const t=new Map;for(const r of e){const e=[...r.secondValues].sort().join("\0");t.has(e)?t.get(e).firstValues.push(...r.firstValues):t.set(e,{firstValues:[...r.firstValues],secondValues:r.secondValues})}e=[...t.values()]}return e}#n(){const t=new Set(this.#r.map(t=>t.value));this.#t=this.#t.map(e=>{const r=e.firstValues.filter(e=>t.has(e)),o=this.#b(r),i=new Set(o.map(t=>t.value));return{firstValues:r,secondValues:e.secondValues.filter(t=>i.has(t))}})}#b(t){const e=t.length?t.map(t=>this.#o[t]||[]).filter(t=>t.length):Object.values(this.#o).filter(t=>t.length);if(!e.length||t.length&&e.length!==t.length)return[];if(1===e.length)return e[0];const[r,...o]=e,i=new Set(r.map(t=>t.value));for(const t of o){const e=new Set(t.map(t=>t.value));for(const t of i)e.has(t)||i.delete(t)}return r.filter(t=>i.has(t.value))}#g({getRowIndex:t,type:e,label:r,placeholder:o,options:i,selectedValues:n}){const s=document.createElement("descope-multi-select-combo-box");return s.className=`combo ${e}-combo`,s.setAttribute("size",this.size),s.setAttribute("bordered","true"),s.setAttribute("item-label-path","data-name"),s.setAttribute("item-value-path","data-id"),r&&s.setAttribute("label",r),o&&s.setAttribute("placeholder",o),this.disabled&&s.setAttribute("disabled","true"),this.readonly&&s.setAttribute("readonly","true"),s.data=i,this.#f(s,n),s.addEventListener("input",()=>{if(s.__descopeSyncingSelection)return;const r=t();-1!==r&&this.#v({rowIndex:r,type:e,selectedValues:h(s.value||[])})}),s}#f(t,e){t.__descopeSyncingSelection=!0,Promise.resolve().then(()=>{const r=new Set(e||[]);t.selectedItems=(t.items||[]).filter(t=>r.has(t["data-id"]||t.getAttribute?.("data-id"))),t.__descopeSyncingSelection=!1})}#y(t){const e=document.createElement("descope-button");return e.className="remove-button",e.setAttribute("variant","link"),e.setAttribute("mode","primary"),e.setAttribute("size",this.size),e.setAttribute("aria-label","Remove row"),e.innerHTML='<vaadin-icon icon="vaadin:minus"></vaadin-icon>',(this.disabled||this.readonly)&&e.setAttribute("disabled","true"),e.addEventListener("click",()=>{const e=t();-1!==e&&this.#w(e)}),e}#s(){this.rowsElement.innerHTML="",this.#t.forEach(t=>{this.rowsElement.append(this.#m(t))}),this.#h()}#m(t){const e=document.createElement("div");e.className="row";const r=()=>Array.from(this.rowsElement.children).indexOf(e),o=this.#g({getRowIndex:r,type:"first",label:this.firstLabel,placeholder:this.firstPlaceholder,options:this.#r.map(({value:t,label:e})=>({value:t,label:e})),selectedValues:t.firstValues}),i=this.#b(t.firstValues),n=this.#g({getRowIndex:r,type:"second",label:this.secondLabel,placeholder:this.secondPlaceholder,options:i,selectedValues:t.secondValues});return e.append(o,n,this.#y(r)),e}#x(t){const e=this.#t[t];if(!e)return;const r=this.rowsElement.children[t],o=r?.querySelector(".second-combo");if(!o)return void this.#s();const i=this.#b(e.firstValues);o.data=i,this.#f(o,e.secondValues)}#l(){this.addButtonElement.setAttribute("size",this.size)}#h(){this.disabled||this.readonly||this.#p()?this.addButtonElement.setAttribute("disabled","true"):this.addButtonElement.removeAttribute("disabled")}#p(){return Number.isFinite(this.maxRows)&&this.#t.length>=this.maxRows}#A(t){this.rowsElement.children[t]?.remove()}#v({rowIndex:t,type:e,selectedValues:r}){if(this.disabled||this.readonly)return;const o=this.#t[t];if(o){if("first"===e){const e=this.#b(r),i=new Set(e.map(t=>t.value)),n=o.secondValues.filter(t=>i.has(t));if(b(o.firstValues,r)&&b(o.secondValues,n))return;return this.#t[t]={firstValues:r,secondValues:n},this.#x(t),void this.#S()}b(o.secondValues,r)||(this.#t[t]={...o,secondValues:r},this.#S())}}#w(t){if(this.disabled||this.readonly||this.#t.length<=1)return;const e=this.#t[t];this.#t=this.#t.filter((e,r)=>r!==t),this.#A(t),this.#h(),(e.firstValues.length>0||e.secondValues.length>0)&&this.#S()}#S(){this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0}))}});customElements.define(d,y)},89389(t,e,r){r.d(e,{$:()=>m});var o=r(13256),i=r(55774),n=r(82901),s=r(72562),a=r(81488),l=r(87550);const d=r(51450).AH`
+"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[5375,9054],{19624(t,e,r){r.d(e,{J:()=>p,T:()=>l});var o=r(63200),i=r(25964),n=r(88961),s=r(98538),a=r(10767);const l=(0,i.xE)("button"),{host:d,label:c,slottedIcon:u}={host:{selector:()=>":host"},label:{selector:"::part(label)"},slottedIcon:{selector:()=>"::slotted(descope-icon)"}};let h;const p=(0,o.Zz)((0,n.DM)({triggers:[{attr:"full-width",value:"true"}]}),(0,n.RF)({mappings:{hostWidth:{property:"width"},hostMaxWidth:{...d,property:"max-width"},hostHeight:{property:"height"},hostDirection:{...d,property:"direction"},fontSize:{},fontFamily:{},fontWeight:{},cursor:{},backgroundColor:{},outlineOffset:{},outlineColor:{},outlineStyle:{},outlineWidth:{},borderRadius:{},borderColor:{},borderStyle:{},borderWidth:{},verticalPadding:[{property:"padding-top"},{property:"padding-bottom"}],horizontalPadding:[{property:"padding-right",fallback:"0.875em"},{property:"padding-left",fallback:"0.875em"}],labelTextColor:{property:"color"},iconColor:{selector:()=>"::slotted(*)",property:s.S.cssVarList.fill},labelTextDecoration:{...c,property:"text-decoration"},labelSpacing:{...c,property:"gap"},textAlign:{...c,property:"justify-content",fallback:"center"},iconSize:[{...u,property:"width"},{...u,property:"height"}]}}),a.G,n.VO,n.tQ)((0,n.tz)({slots:["","prefix","label","suffix"],wrappedEleName:"vaadin-button",style:()=>`\n\t\t\t\n\t:host {\n\t\tdisplay: inline-block;\n\t\tbox-sizing: border-box;\n\t}\n\tvaadin-button::before,\n\tvaadin-button::after {\n\t\topacity: 0;\n\t}\n\tvaadin-button {\n\t\tmargin: 0;\n\t\tmin-width: 0;\n\t\twidth: 100%;\n\t\theight: auto;\n\t\tbox-shadow: none;\n\t}\n\tvaadin-button::part(label) {\n\t\tpadding: 0;\n    width: 100%;\n\t}\n\tvaadin-button::part(prefix) {\n\t\tmargin-left: 0;\n\t\tmargin-right: 0;\n\t}\n\n\t\t\t\n\tvaadin-button::part(prefix),\n\tvaadin-button::part(label) {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t}\n\n\t\t\t${h}\n\t\t\tvaadin-button::part(label) { pointer-events: none; }\n\t\t\t:host {\n\t\t\t\tpadding: calc(var(${p.cssVarList.outlineWidth}) + var(${p.cssVarList.outlineOffset}));\n\t\t\t}\n      :host([full-width="true"]) {\n        width: var(${p.cssVarList.hostWidth});\n      }\n\t\t\tvaadin-button {\n\t\t\t\theight: calc(var(${p.cssVarList.hostHeight}) - var(${p.cssVarList.outlineWidth}) - var(${p.cssVarList.outlineOffset}));\n\t\t\t}\n\t\t\t[square="true"]:not([full-width="true"]) {\n\t\t\t\twidth: calc(var(${p.cssVarList.hostWidth}) - var(${p.cssVarList.outlineWidth}) - var(${p.cssVarList.outlineOffset}));\n        padding: 0;\n\t\t\t}\n\t\t`,excludeAttrsSync:["tabindex","class","style"],componentName:l})),{color:m,fontSize:b}=p.cssVarList;h=`\n\t@keyframes spin {\n\t\t0% { -webkit-transform: rotate(0deg); }\n\t\t100% { -webkit-transform: rotate(360deg); }\n\t}\n\t:host([loading="true"]) ::before {\n\t\tanimation: spin 2s linear infinite;\n\t\tposition: absolute;\n\t\tcontent: '';\n\t\tz-index: 1;\n\t\tbox-sizing: border-box;\n\t\tborder-radius: 50%;\n\t\tborder-bottom-color: transparent;\n\t\tborder-left-color: transparent;\n\t\tborder-style: solid;\n\t\tcolor: var(${m});\n\t\ttop: calc(50% - (var(${b}) / 2));\n\t\tleft: calc(50% - (var(${b}) / 2));\n\t\tborder-width: calc(var(${b}) / 10);\n\t\twidth: var(${b});\n\t\theight: var(${b});\n\t}\n\t:host([disabled="true"]),\n\t:host([loading="true"]) {\n\t\tpointer-events: none;\n\t}\n\t:host([loading="true"]) ::part(prefix),\n\t:host([loading="true"]) ::part(label) {\n\t\tvisibility: hidden;\n\t}\n`},10767(t,e,r){r.d(e,{G:()=>o});const o=t=>class extends t{get isLoading(){return"true"===this.getAttribute("loading")}click(){this.isLoading||super.click()}}},30576(t,e,r){r.r(e),r.d(e,{ButtonClass:()=>o.J,componentName:()=>o.T});var o=r(19624);r(83799),customElements.define(o.T,o.J)},98538(t,e,r){r.d(e,{S:()=>l,T:()=>a});var o=r(88961),i=r(25964),n=r(8512),s=r(63200);const a=(0,i.xE)("icon"),l=(0,s.Zz)((0,o.RF)({mappings:{fill:[{},{property:n.q.cssVarList.fill}],height:{selector:()=>":host"},width:{selector:()=>":host"}}}),o.VO,o.tQ)((0,o.tz)({slots:[],wrappedEleName:"descope-image",style:()=>"\n      :host {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        max-height: 100%;\n      }\n      ",excludeAttrsSync:["tabindex","class","style","st-height","st-width"],componentName:a}))},8512(t,e,r){r.d(e,{T:()=>l,q:()=>u});var o=r(88961),i=r(72270),n=r(63200),s=r(25964),a=r(18782);const l=(0,s.xE)("image"),d=["src","src-dark"];class c extends((0,i.qu)({componentName:l,baseSelector:"slot"})){static get observedAttributes(){return d}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t<slot></slot>\n\t",(0,s.fz)("\n\t\t\t:host {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t}\n      :host > slot {\n        width: 100%;\n        height: 100%;\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\tdisplay: flex;\n\t\t\t\toverflow: hidden;\n\t\t\t}\n\n      ::slotted(*) {\n        width: 100%;\n\t\t\t}\n\n      .hidden {\n        display: none;\n      }\n      ",this)}init(){super.init?.(),this.toggleVisibility(this.getSrc)}onThemeChange(){this.renderImage()}toggleVisibility(t){t?this.classList.remove("hidden"):this.classList.add("hidden")}get altText(){return this.getAttribute("alt")||""}get legacySrc(){return this.getAttribute("src")}get themeSrc(){return this.getAttribute(`src-${this.currentThemeName}`)}get getSrc(){return this.themeSrc||this.legacySrc}updateFillColor(t){[t,...t.querySelectorAll("*[fill]")].forEach(t=>{t.setAttribute("fill",`var(${u.cssVarList.fill}, ${t.getAttribute("fill")||"''"})`)})}renderImage(){this.toggleVisibility(this.getSrc),(0,a.m)(this.getSrc,this.altText).then(t=>{this.innerHTML="",t&&(this.updateFillColor(t),this.appendChild(t))})}shouldRender(t){const e=this.getAttribute(t);return this.getSrc===e}attributeChangedCallback(t,e,r){super.attributeChangedCallback?.(t,e,r),e!==r&&this.shouldRender(t)&&this.renderImage()}}const u=(0,n.Zz)((0,o.RF)({mappings:{fill:{},height:{selector:()=>":host"},width:{selector:()=>":host"}}}),o.VO,o.tQ)(c)},18782(t,e,r){r.d(e,{m:()=>n});var o=r(25414);const i=t=>{const e=o.A.sanitize(t,{USE_PROFILES:{svg:!0,svgFilters:!0},ADD_TAGS:["image"],FORBID_TAGS:["defs"]});return(new DOMParser).parseFromString(e,"image/svg+xml").querySelector("svg")},n=async(t,e)=>{try{let r;if((t=>t.startsWith("data:image/svg+xml;base64,"))(t)){const e=atob(t.slice(26));r=i(e)}else if("svg"===(t=>{const e=t.match(/\.([0-9a-z]+)(?:[\\?#]|$)/i);return e?e[1]:null})(t)){const e=await fetch(t),o=await e.text();r=i(o)}else r=((t,e)=>{const r=document.createElement("img");return r.setAttribute("src",t),r.setAttribute("alt",e),r})(t,e);return r.style.setProperty("max-width","100%"),r.style.setProperty("max-height","100%"),r}catch{return null}}},22931(t,e,r){r.r(e),r.d(e,{MultiLineMappingsClass:()=>y,componentName:()=>d}),r(30576),r(70067);var o=r(63200),i=r(25964),n=r(88961),s=r(72270),a=r(94681),l=r(19624);const d=(0,i.xE)("multi-line-mappings"),c=(0,s.qu)({componentName:d}),u=t=>null==t?"":String("object"==typeof t?t.value??t.id??t.label??"":t),h=t=>[...new Set(t.map(u).filter(Boolean))],p=t=>{const e=u(t);return"object"==typeof t&&null!==t?{...t,value:e,label:String(t.label??t.displayName??e)}:{value:e,label:e}},m=t=>{if(!Array.isArray(t))return[];const e=new Set;return t.map(p).filter(t=>!(!t.value||e.has(t.value)||(e.add(t.value),0)))},b=(t=[],e=[])=>t.length===e.length&&t.every((t,r)=>t===e[r]),g={selector:()=>":host"},f={selector:".row"},v={selector:".add-action"},y=(0,o.Zz)((0,n.RF)({mappings:{hostWidth:{...g,property:"width"},hostDirection:[{...g,property:"direction"},{selector:a.t.componentName,property:a.t.cssVarList.hostDirection},{selector:l.J.componentName,property:l.J.cssVarList.hostDirection}],rowsGap:{selector:".rows",property:"gap"},rowGap:{...f,property:"gap"},rowAlignItems:{...f,property:"align-items"},rowWrap:{...f,property:"flex-wrap"},addActionJustifyContent:{...v,property:"justify-content"},addActionMarginTop:{...v,property:"margin-top"}}}),n.VO)(class extends c{static get observedAttributes(){return["data","max-rows","size","disabled","readonly","first-value-key","second-value-key","first-label","second-label","first-placeholder","second-placeholder","full-width","merge-rows"]}#t=[{firstValues:[],secondValues:[]}];#e=null;#r=[];#o={};constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n      <div class="wrapper">\n        <div class="rows"></div>\n        <div class="add-action">\n          <descope-button\n            class="add-button"\n            variant="link"\n            mode="primary"\n          >\n            <slot name="add-button-content">Add line</slot>\n          </descope-button>\n        </div>\n      </div>\n    ',(0,i.fz)("\n      :host {\n        display: inline-flex;\n        box-sizing: border-box;\n        max-width: 100%;\n      }\n\n      .wrapper {\n        display: flex;\n        flex-direction: column;\n        width: 100%;\n      }\n\n      .rows {\n        display: flex;\n        flex-direction: column;\n        width: 100%;\n      }\n\n      .rows > .row {\n        display: flex;\n        width: 100%;\n        min-width: 0;\n        box-sizing: border-box;\n        align-items: flex-end;\n      }\n\n      .row descope-multi-select-combo-box {\n        flex: 1 1 0;\n        box-sizing: border-box;\n      }\n\n      .row .remove-button {\n        flex: 0 0 auto;\n        align-self: flex-end;\n      }\n\n      .row:only-child .remove-button {\n        display: none;\n        pointer-events: none;\n      }\n\n      .add-action {\n        display: flex;\n      }\n      ",this),this.rowsElement=this.shadowRoot.querySelector(".rows"),this.addButtonElement=this.shadowRoot.querySelector(".add-button")}get size(){return this.getAttribute("size")||"md"}get firstValueKey(){return this.getAttribute("first-value-key")||"firstValues"}get secondValueKey(){return this.getAttribute("second-value-key")||"secondValues"}get firstLabel(){return this.getAttribute("first-label")||""}get secondLabel(){return this.getAttribute("second-label")||""}get firstPlaceholder(){return this.getAttribute("first-placeholder")||""}get secondPlaceholder(){return this.getAttribute("second-placeholder")||""}get disabled(){return"true"===this.getAttribute("disabled")}get readonly(){return"true"===this.getAttribute("readonly")}get mergeRows(){return"true"===this.getAttribute("merge-rows")}get maxRows(){const t=Number(this.getAttribute("max-rows"));return Number.isFinite(t)&&t>0?t:void 0}get data(){return this.#o}get value(){return this.#t.filter(t=>t.firstValues.length>0||t.secondValues.length>0).flatMap(t=>(t.firstValues.length?t.firstValues:[""]).map(e=>({[this.firstValueKey]:e,[this.secondValueKey]:[...t.secondValues]})))}set value(t){this.#e=t,this.#t=this.#i(t),this.#n(),this.#s()}#a(t){const e=((t,e,r="unknown")=>{if("string"!=typeof t||!t?.trim())return e;try{return JSON.parse(t)}catch(t){return console.error(`[descope-multi-line-mappings] Failed to parse JSON from "${r}"`,t),e}})(t,{},"data attribute"),r=e&&"object"==typeof e&&!Array.isArray(e)?e:{};this.#r=Object.entries(r).map(([t,e])=>{const r=String(t),o=null!=e&&"object"==typeof e&&!Array.isArray(e),i=o?e.options??[]:e;return{value:r,label:o&&null!=e.label?String(e.label):r,options:m(i)}}),this.#o=Object.fromEntries(this.#r.map(({value:t,options:e})=>[t,e]))}init(){super.init?.(),this.#l(),this.addButtonElement.addEventListener("click",()=>this.#d()),this.#s()}attributeChangedCallback(t,e,r){if(super.attributeChangedCallback?.(t,e,r),e!==r){if("data"===t)return this.#a(r),this.#n(),void this.#s();if("size"===t)return[...this.#c(),...this.#u()].forEach(t=>t.setAttribute("size",this.size)),this.#l(),void this.#h();if(["disabled","readonly"].includes(t))return this.#c().forEach(t=>{t[this.disabled?"setAttribute":"removeAttribute"]("disabled","true"),t[this.readonly?"setAttribute":"removeAttribute"]("readonly","true")}),this.#u().forEach(t=>t[this.disabled||this.readonly?"setAttribute":"removeAttribute"]("disabled","true")),void this.#h();if(["first-label","second-label"].includes(t)){const e="first-label"===t?"first":"second";return void Array.from(this.rowsElement.children).forEach(t=>{const o=t.querySelector(`.${e}-combo`);r?o?.setAttribute("label",r):o?.removeAttribute("label")})}if(["first-placeholder","second-placeholder"].includes(t)){const e="first-placeholder"===t?"first":"second";return void Array.from(this.rowsElement.children).forEach(t=>{const o=t.querySelector(`.${e}-combo`);r?o?.setAttribute("placeholder",r):o?.removeAttribute("placeholder")})}"max-rows"===t&&this.#h(),"merge-rows"===t&&null!==this.#e&&(this.#t=this.#i(this.#e),this.#n(),this.#s())}}#c(){return Array.from(this.rowsElement.querySelectorAll("descope-multi-select-combo-box"))}#u(){return Array.from(this.rowsElement.querySelectorAll(".remove-button"))}#d(){if(this.disabled||this.readonly||this.#p())return;const t={firstValues:[],secondValues:[]};this.#t=[...this.#t,t],this.rowsElement.append(this.#m(t)),this.#h()}#i(t){if(!Array.isArray(t)||!t.length)return[{firstValues:[],secondValues:[]}];let e=t.map(t=>{const e=t?.[this.firstValueKey];return{firstValues:null!=e&&""!==String(e)?[String(e)]:[],secondValues:h(t?.[this.secondValueKey]??[])}});if(this.mergeRows){const t=new Map;for(const r of e){const e=[...r.secondValues].sort().join("\0");t.has(e)?t.get(e).firstValues.push(...r.firstValues):t.set(e,{firstValues:[...r.firstValues],secondValues:r.secondValues})}e=[...t.values()]}return e}#n(){const t=new Set(this.#r.map(t=>t.value));this.#t=this.#t.map(e=>{const r=e.firstValues.filter(e=>t.has(e)),o=this.#b(r),i=new Set(o.map(t=>t.value));return{firstValues:r,secondValues:e.secondValues.filter(t=>i.has(t))}})}#b(t){const e=t.length?t.map(t=>this.#o[t]||[]).filter(t=>t.length):Object.values(this.#o).filter(t=>t.length);if(!e.length||t.length&&e.length!==t.length)return[];if(1===e.length)return e[0];const[r,...o]=e,i=new Set(r.map(t=>t.value));for(const t of o){const e=new Set(t.map(t=>t.value));for(const t of i)e.has(t)||i.delete(t)}return r.filter(t=>i.has(t.value))}#g({getRowIndex:t,type:e,label:r,placeholder:o,options:i,selectedValues:n}){const s=document.createElement("descope-multi-select-combo-box");return s.className=`combo ${e}-combo`,s.setAttribute("size",this.size),s.setAttribute("bordered","true"),s.setAttribute("item-label-path","data-name"),s.setAttribute("item-value-path","data-id"),r&&s.setAttribute("label",r),o&&s.setAttribute("placeholder",o),this.disabled&&s.setAttribute("disabled","true"),this.readonly&&s.setAttribute("readonly","true"),s.data=i,this.#f(s,n),s.addEventListener("input",()=>{if(s.__descopeSyncingSelection)return;const r=t();-1!==r&&this.#v({rowIndex:r,type:e,selectedValues:h(s.value||[])})}),s}#f(t,e){t.__descopeSyncingSelection=!0,Promise.resolve().then(()=>{const r=new Set(e||[]);t.selectedItems=(t.items||[]).filter(t=>r.has(t["data-id"]||t.getAttribute?.("data-id"))),t.__descopeSyncingSelection=!1})}#y(t){const e=document.createElement("descope-button");return e.className="remove-button",e.setAttribute("variant","link"),e.setAttribute("mode","primary"),e.setAttribute("size",this.size),e.setAttribute("aria-label","Remove row"),e.innerHTML='<vaadin-icon icon="vaadin:minus"></vaadin-icon>',(this.disabled||this.readonly)&&e.setAttribute("disabled","true"),e.addEventListener("click",()=>{const e=t();-1!==e&&this.#w(e)}),e}#s(){this.rowsElement.innerHTML="",this.#t.forEach(t=>{this.rowsElement.append(this.#m(t))}),this.#h()}#m(t){const e=document.createElement("div");e.className="row";const r=()=>Array.from(this.rowsElement.children).indexOf(e),o=this.#g({getRowIndex:r,type:"first",label:this.firstLabel,placeholder:this.firstPlaceholder,options:this.#r.map(({value:t,label:e})=>({value:t,label:e})),selectedValues:t.firstValues}),i=this.#b(t.firstValues),n=this.#g({getRowIndex:r,type:"second",label:this.secondLabel,placeholder:this.secondPlaceholder,options:i,selectedValues:t.secondValues});return e.append(o,n,this.#y(r)),e}#x(t){const e=this.#t[t];if(!e)return;const r=this.rowsElement.children[t],o=r?.querySelector(".second-combo");if(!o)return void this.#s();const i=this.#b(e.firstValues);o.data=i,this.#f(o,e.secondValues)}#l(){this.addButtonElement.setAttribute("size",this.size)}#h(){this.disabled||this.readonly||this.#p()?this.addButtonElement.setAttribute("disabled","true"):this.addButtonElement.removeAttribute("disabled")}#p(){return Number.isFinite(this.maxRows)&&this.#t.length>=this.maxRows}#A(t){this.rowsElement.children[t]?.remove()}#v({rowIndex:t,type:e,selectedValues:r}){if(this.disabled||this.readonly)return;const o=this.#t[t];if(o){if("first"===e){const e=this.#b(r),i=new Set(e.map(t=>t.value)),n=o.secondValues.filter(t=>i.has(t));if(b(o.firstValues,r)&&b(o.secondValues,n))return;return this.#t[t]={firstValues:r,secondValues:n},this.#x(t),void this.#S()}b(o.secondValues,r)||(this.#t[t]={...o,secondValues:r},this.#S())}}#w(t){if(this.disabled||this.readonly||this.#t.length<=1)return;const e=this.#t[t];this.#t=this.#t.filter((e,r)=>r!==t),this.#A(t),this.#h(),(e.firstValues.length>0||e.secondValues.length>0)&&this.#S()}#S(){this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0}))}});customElements.define(d,y)},89389(t,e,r){r.d(e,{$:()=>m});var o=r(13256),i=r(55774),n=r(82901),s=r(72562),a=r(81488),l=r(87550);const d=r(51450).AH`
   :host {
     display: inline-block;
     position: relative;