@descope/web-components-ui 1.32.0 → 1.34.0

package/dist/umd/descope-new-password-index-js.js

@@ -1 +1,2 @@
-"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[2996,4364,6969,8603],{25827:(t,e,i)=>{i.d(e,{y:()=>a});var n=i(7138),r=i(94619),o=i(70263);const a=(...t)=>(0,n.Zz)(r.XX,r._$,r.yF,r.jd)((0,o.q)(...t))},41029:(t,e,i)=>{i.d(e,{M:()=>f,T:()=>d});var n=i(14944),r=i(7138),o=i(94619),a=i(83367),s=i(14372),l=i(33177),p=i(9775);const d=(0,n.xE)("new-password"),c=p.w.cssVarList,{host:u,label:h,internalInputsWrapper:b,errorMessage:y,helperText:g,passwordInput:m,policyPreview:v}={host:{selector:()=>":host"},label:{selector:"::part(label)"},internalInputsWrapper:{selector:"descope-new-password-internal .wrapper"},helperText:{selector:"::part(helper-text)"},errorMessage:{selector:"::part(error-message)"},passwordInput:{selector:"descope-password"},policyPreview:{selector:"descope-policy-validation"}},f=(0,r.Zz)((0,o.RF)({mappings:{fontSize:[u,{},{selector:s.M.componentName,property:s.M.cssVarList.fontSize}],fontFamily:[h,y,g],labelFontSize:{...h,property:"font-size"},labelFontWeight:{...h,property:"font-weight"},labelTextColor:{...h,property:"color"},errorMessageTextColor:{...y,property:"color"},errorMessageIcon:{...y,property:"background-image"},errorMessageIconSize:{...y,property:"background-size"},errorMessageIconPadding:{...y,property:"padding-inline-start"},errorMessageIconRepeat:{...y,property:"background-repeat"},errorMessageIconPosition:{...y,property:"background-position"},hostWidth:{...u,property:"width"},hostMinWidth:{...u,property:"min-width"},hostDirection:[{...u,property:"direction"},{...m,property:s.M.cssVarList.hostDirection}],inputsRequiredIndicator:{...u,property:"content"},spaceBetweenInputs:{...b,property:"gap"},policyPreviewBackgroundColor:{...v,property:c.backgroundColor},policyPreviewPadding:{...v,property:c.padding},valueInputHeight:{...m,property:s.M.cssVarList.valueInputHeight},valueInputMarginBottom:{...m,property:s.M.cssVarList.valueInputMarginBottom}}}),o.VO,(0,o.OZ)({proxyProps:["value","selectionStart"]}),(t=>class extends t{init(){super.init?.();const t=document.createElement("template"),e=this.getAttribute("external-input");t.innerHTML=`\n\t\t\t<${a.T}\n\t\t\t\tname="new-password"\n\t\t\t\ttabindex="-1"\n\t\t\t\tslot="input"\n        external-input="${e}"\n\t\t\t>\n      </${a.T}>\n\t\t\t`,this.baseElement.appendChild(t.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(a.T),"true"===this.getAttribute("external-input")&&this.initExternalInput(),(0,n.EA)(this,this.inputElement,{includeAttrs:["password-label","password-placeholder","confirm-label","confirm-placeholder","full-width","size","bordered","label","has-confirm","invalid","readonly","draggable","has-validation","policy-label","active-policies","available-policies","data-password-policy-value-minlength","label-type","manual-visibility-toggle"]})}createSlottedExternalInput(t,e){const i=t.querySelector("input"),n=document.createElement("slot"),r=i.getAttribute("slot");n.setAttribute("name",e),n.setAttribute("slot",r),t.appendChild(n),i.setAttribute("slot",e),i.setAttribute("name",this.getAttribute("name")),i.setAttribute("data-hidden-input","true"),this.appendChild(i)}initExternalInput(){this.passwordInput=this.inputElement.querySelector('[data-id="password"]'),this.confirmInput=this.inputElement.querySelector('[data-id="confirm"]'),this.createSlottedExternalInput(this.passwordInput,"external-password-input"),this.createSlottedExternalInput(this.confirmInput,"external-confirm-input")}}))((0,o.tz)({slots:[],wrappedEleName:"vaadin-text-field",style:()=>`\n\t\t:host {\n\t\t\tdisplay: inline-block;\n\t\t\tmax-width: 100%;\n\t\t\tbox-sizing: border-box;\n\t\t}\n    :host ::part(error-message) {\n      direction: ltr;\n    }\n\t\t${(0,l.cy)(s.M.cssVarList)}\n\t\tvaadin-text-field {\n\t\t\tpadding: 0;\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t}\n\t\tvaadin-text-field::part(input-field) {\n\t\t\tmin-height: 0;\n\t\t\tbackground: transparent;\n\t\t\tbox-shadow: none;\n\t\t\tpadding: 0;\n\t\t}\n\t\tvaadin-text-field::part(input-field)::after {\n\t\t\tbackground: transparent;\n\t\t\topacity: 0;\n\t\t}\n\t\tdescope-new-password-internal {\n\t\t\t-webkit-mask-image: none;\n\t\t\tmin-height: 0;\n\t\t\twidth: 100%;\n\t\t\tpadding: 0;\n\t\t}\n\t\tdescope-new-password-internal > .wrapper {\n      -webkit-mask-image: none;\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t}\n\t\tdescope-password {\n\t\t\tdisplay: block;\n\t\t\twidth: 100%;\n\t\t}\n\t\tdescope-new-password-internal vaadin-password-field::before {\n\t\t\theight: initial;\n\t\t}\n    descope-policy-validation {\n      margin-top: 8px;\n      display: flex;\n    }\n    descope-policy-validation.hidden {\n      display: none;\n    }\n\t\t`,excludeAttrsSync:["tabindex"],componentName:d}))},83367:(t,e,i)=>{i.d(e,{T:()=>n});const n=(0,i(14944).xE)("new-password-internal")},32039:(t,e,i)=>{var n=i(25827),r=i(14944),o=i(41029),a=i(83367);const s=/^password-/,l=/^confirm-/,p=(t,e)=>t.replace(e,""),d=["password-label","password-placeholder"],c=["confirm-label","confirm-placeholder"],u=["has-confirm","disabled","bordered","size","full-width","maxlength","invalid","readonly","draggable","autocomplete","label-type","manual-visibility-toggle"],h=[].concat(u,d,c,["has-validation"]),b=(0,n.y)({componentName:a.T,baseSelector:"div"});customElements.define(a.T,class extends b{static get observedAttributes(){return[].concat(b.observedAttributes||[],h)}constructor(){super(),this.innerHTML='\n\t\t\t<div class="wrapper"></div>\n\t\t',this.wrapperEle=this.querySelector(".wrapper")}get value(){return this.passwordInput?.value||""}set value(t){t!==this.value&&(this.passwordInput.value=t)}get hasConfirm(){return"true"===this.getAttribute("has-confirm")}onHasConfirmChange(t){this.confirmInput.style.display=t?"":"none"}onHasValidationChange(t){this.policyPanel.style.display=t?"":"none"}get hasValidation(){return"true"===this.getAttribute("has-validation")}getValidity(){if(this.isRequired&&!this.value)return{valueMissing:!0};if(this.value&&!this.policyPanel.isValid)return{typeMismatch:!0};if(this.hasConfirm&&this.confirmInput&&this.value!==this.confirmInput.value)return{patternMismatch:!0};const t=this.getAttribute("minlength"),e=parseInt(t,10)||0;return this.value.length>=e?{}:{tooShort:!0}}init(){this.addEventListener("focus",(t=>{t.isTrusted&&this.passwordInput.focus()})),super.init?.(),this.renderInputs(this.hasConfirm,this.hasValidation)}renderInputs(){const t="true"===this.getAttribute("external-input"),e=`\n      <div>\n        <descope-password\n          autocomplete="new-password"\n          manual-visibility-toggle="true"\n          data-id="password"\n          external-input="${t}"\n        ></descope-password>\n        <descope-policy-validation></descope-policy-validation>\n      </div>\n      <descope-password\n        autocomplete="new-password"\n        manual-visibility-toggle="true"\n        external-input="${t}"\n        data-id="confirm"\n      ></descope-password>\n    `;this.wrapperEle.innerHTML=e,this.passwordInput=this.querySelector('[data-id="password"]'),this.confirmInput=this.querySelector('[data-id="confirm"]'),this.policyPanel=this.querySelector("descope-policy-validation"),this.inputs=[this.passwordInput,this.confirmInput],this.initInputs(),this.passwordInput.addEventListener("input",(t=>{this.policyPanel.setAttribute("value",t.target.value)})),(0,r.EA)(this,this.policyPanel,{includeAttrs:["policy-label","available-policies","active-policies","data-password-policy-value-minlength","manual-visibility-toggle"],mapAttrs:{"policy-label":"label","available-policies":"data"}})}handleIndicatorStyle(){this.inputs.forEach((t=>{const e=document.createElement("style");e.innerHTML=`\n\t\t\t\t:host ::part(required-indicator)::after {\n\t\t\t\t\tcontent: var(${o.M.cssVarList.inputsRequiredIndicator});\n          width: 1em;\n          text-align: center;\n\t\t\t\t}\n        :host ::part(required-indicator) {\n          display: inline-flex;\n        }\n\t\t\t\t`,t?.shadowRoot.appendChild(e)}))}get isInvalid(){return this.hasAttribute("invalid")&&"false"!==this.getAttribute("invalid")}handleInputsInvalidAttribute(){this.inputs.forEach((t=>{t&&(0,r.mx)(t,(e=>{if(e.includes("invalid")){const e=t.getAttribute("invalid"),i=this.getAttribute("invalid");this.isInvalid&&i!==e&&t.setAttribute("invalid","true")}}),{})}))}initInputs(){this.handleIndicatorStyle(),this.handleInputsInvalidAttribute(),this.handleFocusEventsDispatching(this.inputs)}toggleBooleanAttribute(t,e,i){null===i?t?.removeAttribute(e):t?.setAttribute(e,i)}attributeChangedCallback(t,e,i){super.attributeChangedCallback?.(t,e,i),e!==i&&("has-validation"===t?this.onHasValidationChange("true"===i):"has-confirm"===t?this.onHasConfirmChange("true"===i):u.includes(t)?this.inputs.forEach((e=>this.toggleBooleanAttribute(e,t,i))):d.includes(t)?this.toggleBooleanAttribute(this.passwordInput,p(t,s),i):c.includes(t)&&this.toggleBooleanAttribute(this.confirmInput,p(t,l),i))}})},26586:(t,e,i)=>{i.r(e),i.d(e,{NewPasswordClass:()=>n.M,componentName:()=>n.T});var n=i(41029);i(89348),i(1279),i(28184),i(32039),customElements.define(n.T,n.M)},14372:(t,e,i)=>{i.d(e,{M:()=>f,T:()=>l});var n=i(94619),r=i(7138),o=i(14944),a=i(43686),s=i(33177);const l=(0,o.xE)("password"),{host:p,inputField:d,inputElement:c,inputElementPlaceholder:u,revealButtonContainer:h,revealButtonIcon:b,label:y,requiredIndicator:g,errorMessage:m,helperText:v}={host:{selector:()=>":host"},inputField:{selector:"::part(input-field)"},inputElement:{selector:"> input"},inputElementPlaceholder:{selector:()=>":host input:placeholder-shown"},revealButtonContainer:{selector:"::part(reveal-button)"},revealButtonIcon:{selector:"::part(reveal-button)::before"},label:{selector:"::part(label)"},requiredIndicator:{selector:"[required]::part(required-indicator)::after"},helperText:{selector:"::part(helper-text)"},errorMessage:{selector:"::part(error-message)"}},f=(0,r.Zz)((0,n.RF)({mappings:{hostWidth:{...p,property:"width"},hostMinWidth:{...p,property:"min-width"},hostDirection:{...p,property:"direction"},fontSize:[{},p],fontFamily:[y,d,m,v],inputHeight:{...d,property:"height"},inputHorizontalPadding:[{...c,property:"padding-left"},{...c,property:"padding-right"}],inputBackgroundColor:{...d,property:"background-color"},inputBorderStyle:{...d,property:"border-style"},inputBorderWidth:{...d,property:"border-width"},inputBorderColor:{...d,property:"border-color"},inputBorderRadius:{...d,property:"border-radius"},inputOutlineColor:{...d,property:"outline-color"},inputOutlineStyle:{...d,property:"outline-style"},inputOutlineOffset:{...d,property:"outline-offset"},inputOutlineWidth:{...d,property:"outline-width"},labelFontSize:{...y,property:"font-size"},labelFontWeight:{...y,property:"font-weight"},labelTextColor:[{...y,property:"color"},{...g,property:"color"}],labelRequiredIndicator:{...g,property:"content"},errorMessageTextColor:{...m,property:"color"},errorMessageIcon:{...m,property:"background-image"},errorMessageIconSize:{...m,property:"background-size"},errorMessageIconPadding:{...m,property:"padding-inline-start"},errorMessageIconRepeat:{...m,property:"background-repeat"},errorMessageIconPosition:{...m,property:"background-position"},inputPlaceholderTextColor:[{...u,property:"color"},{selector:()=>":host ::slotted(input:placeholder-shown)",property:"color"}],inputValueTextColor:[{...c,property:"color"},{selector:()=>":host ::slotted(input)",property:"color"}],revealButtonOffset:[{...h,property:"margin-right"},{...h,property:"margin-left"}],revealButtonSize:{...h,property:"font-size"},revealButtonColor:{...b,property:"color"},labelPosition:{...y,property:"position"},labelTopPosition:{...y,property:"top"},labelHorizontalPosition:[{...y,property:"left"},{...y,property:"right"}],inputTransformY:{...y,property:"transform"},inputTransition:{...y,property:"transition"},marginInlineStart:{...y,property:"margin-inline-start"},placeholderOpacity:[{selector:"> input:placeholder-shown",property:"opacity"},{...c,property:"opacity"}],inputVerticalAlignment:{...d,property:"align-items"},valueInputHeight:{...c,property:"height"}}}),n.VO,(0,n.RV)({inputType:"password",inputName:"password",includeAttrs:["disabled","readonly","pattern","type","autocomplete"],noBlurDispatch:!0}),(0,n.OZ)({proxyProps:["value","selectionStart"],useProxyTargets:!0}),n.tQ,a.A,(t=>class extends t{static get observedAttributes(){return["manual-visibility-toggle"]}get manualToggleVisibility(){return"true"===this.getAttribute("manual-visibility-toggle")}init(){super.init?.(),this.handleCaretOnVisibilityChange(),this.origSetPasswordVisible=this.baseElement._setPasswordVisible,this.origSetFocused=this.baseElement._setFocused,this.baseElement._setFocused=this.setFocus.bind(this),this.initExternalInput()}initExternalInput(){const t=this.createExternalInput();t&&this.handlePasswordVisibility(t)}get caretPosition(){return this.value?.length||0}handleCaretOnVisibilityChange(){const t=this.baseElement._togglePasswordVisibility.bind(this.baseElement);this.baseElement._togglePasswordVisibility=()=>{setTimeout((()=>(t(),this.inputElement.setSelectionRange(this.caretPosition,this.caretPosition),!1)))}}setFocus(t){this.manualToggleVisibility&&(this.baseElement._setPasswordVisible=()=>{}),this.origSetFocused.call(this.baseElement,t),this.baseElement._setPasswordVisible=this.origSetPasswordVisible.bind(this.baseElement)}resetPasswordVisibilityToggle(){this.baseElement._setPasswordVisible=this.origSetPasswordVisible,this.baseElement._setFocused=this.origSetFocus}attributeChangedCallback(t,e,i){super.attributeChangedCallback?.(t,e,i)}handlePasswordVisibility(t){const e=this.baseElement.__boundRevealButtonMouseDown;this.baseElement.querySelector("vaadin-password-field-button").removeEventListener("mousedown",e),this.baseElement._passwordVisibleChanged=()=>{},this.baseElement._togglePasswordVisibility=()=>{"password"===t.getAttribute("type")?this.showPasswordVisibility(t):this.hidePasswordVisibility(t)}}showPasswordVisibility(t){t.setAttribute("type","text"),this.setAttribute("password-visible","true")}hidePasswordVisibility(t){t.setAttribute("type","password"),this.setAttribute("password-visible","false")}}))((0,n.tz)({slots:["","suffix"],wrappedEleName:"vaadin-password-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\tmin-width: 10em;\n        box-sizing: border-box;\n        position: relative;\n\t\t\t}\n\t\t\t${(0,s.cy)(f.cssVarList)}\n\t\t\t${(0,s.I4)("vaadin-password-field")}\n      ${(0,s.$J)("vaadin-password-field")}\n\n\t\t\tvaadin-password-field {\n\t\t\t\twidth: 100%;\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\tpadding: 0;\n\t\t\t}\n\t\t\tvaadin-password-field > input {\n        -webkit-mask-image: none;\n\t\t\t\tbox-sizing: border-box;\n        opacity: 1;\n\t\t\t}\n\t\t\tvaadin-password-field::part(input-field) {\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\tpadding: 0;\n\t\t\t}\n\t\t\tvaadin-password-field[focus-ring]::part(input-field) {\n\t\t\t\tbox-shadow: none;\n\t\t\t}\n      :host ::slotted(input) {\n\t\t\t\tmin-height: 0;\n      }\n      :host([readonly]) ::slotted(input:placeholder-shown) {\n\t\t\t\topacity: 0;\n\t\t\t}\n\t\t\tvaadin-password-field::before {\n\t\t\t\theight: initial;\n\t\t\t}\n\t\t\tvaadin-password-field::part(input-field)::after {\n\t\t\t\topacity: 0;\n\t\t\t}\n\t\t\tvaadin-password-field-button {\n\t\t\t\tcursor: pointer;\n\t\t\t}\n\t\t\t:host([readonly]) vaadin-password-field-button {\n\t\t\t\tpointer-events: none;\n\t\t\t}\n\t\t\tvaadin-password-field-button[focus-ring] {\n\t\t\t\tbox-shadow: 0 0 0 2px var(${f.cssVarList.inputOutlineColor});\n\t\t\t}\n\n      ${(0,s.Kl)()}\n    \n      ::part(reveal-button) {\n        align-self: center;\n      }\n\n      vaadin-password-field[external-input="true"] > input:not(:placeholder-shown) {\n        opacity: 0;\n      }\n\t\t`,excludeAttrsSync:["tabindex"],componentName:l}))},1279:(t,e,i)=>{i.r(e),i.d(e,{PasswordClass:()=>n.M,componentName:()=>n.T}),i(97979);var n=i(14372);customElements.define(n.T,n.M)},43686:(t,e,i)=>{i.d(e,{A:()=>n});const n=t=>class extends t{get isReadOnly(){return this.hasAttribute("readonly")&&"false"!==this.getAttribute("readonly")}init(){super.init?.();const t=this.querySelector("input");t?.addEventListener("mousedown",(e=>{if(this.isDraggable&&this.isReadOnly){t.setAttribute("inert","true");const i=e.target,n=i.getAttribute("type");i.setAttribute("type","text"),setTimeout((()=>{i.focus()}));const r=e=>{i.setAttribute("type",n),t.removeAttribute("inert"),this.removeEventListener("mouseup",r),this.removeEventListener("dragend",r)};this.addEventListener("dragend",r,{once:!0}),this.addEventListener("mouseup",r,{once:!0})}}))}}},9775:(t,e,i)=>{i.d(e,{T:()=>l,w:()=>m});var n=i(94619),r=i(70263),o=i(7138),a=i(14944),s=i(38917);const l=(0,a.xE)("policy-validation"),p=["data","active-policies","overrides","data-password-policy-value-minlength"],d=["label","value",...p];class c extends((0,r.q)({componentName:l,baseSelector:":host > div"})){#t;#e=[];#i;static get observedAttributes(){return d}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n    <div>\n      <div class="label"></div>\n      <ul></ul>\n    </div>\n    <style>\n      :host > div {\n        width: 100%;\n        display: flex;\n        flex-direction: column;\n        box-sizing: border-box;\n      }\n      .label {\n        max-width: 100%;\n        text-wrap: wrap;\n        overflow-wrap: break-word;\n      }\n      .hide-label .label {\n        display: none;\n      }\n      ul {\n        display: flex;\n        flex-direction: column;\n        padding: 0;\n        margin: 0;\n      }\n      ul, li {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n      }\n      li::before {\n        display: inline-block;\n        width: 1em;\n        text-align: center;\n      }\n    </style>\n\t\t',this.panel=this.shadowRoot.querySelector(":host > div"),this.label=this.shadowRoot.querySelector(".label"),this.list=this.shadowRoot.querySelector("ul")}attributeChangedCallback(t,e,i){if(super.attributeChangedCallback?.(t,e,i),e!==i){if("label"===t&&this.updateLabel(i),p.includes(t)){if("data"===t)try{this.availablePolicies=JSON.parse(i)}catch{console.error("Failed to set available policies")}if("active-policies"===t&&(this.#e=(i||"").split(",")),"data-password-policy-value-minlength"===t){const t=Number(i);!Number.isNaN(t)&&t>0&&(this.#i={...this.#i,minlength:{value:`${t}`}})}}this.renderItems(this.#t,this.#e,this.#i)}}get availablePolicies(){return this.#t||[]}set availablePolicies(t){this.#t=t}get value(){return this.getAttribute("value")||""}validate(){let t=this.#t;return this.#i&&(t=this.#t.map((t=>this.#i[t.id]?{...t,data:this.#i[t.id]}:t))),this.#e.reduce(((e,i)=>{const n=t.find((t=>t.id===i));if(!n)return e;const{pattern:r,message:o,data:a}=n;if(!r||!o)return e;const l={valid:new RegExp((0,s.z)(r,a)).test(this.value),message:(0,s.z)(o,a),id:i};return e.push(l),e}),[])}get isValid(){return!this.validate().some((({valid:t})=>!1===t))}getValidationItemTemplate({valid:t,message:e}){return`\n      <li class="item" data-valid="${this.value?t:"none"}">\n        <span class="message">${e}</span>\n      </li>\n    `}renderItems(t,e){t&&e.length&&(this.list.innerHTML=this.validate().map(this.getValidationItemTemplate.bind(this)).join(""))}updateLabel(t){t?(this.label.textContent=t,this.classList.remove("hide-label")):(this.classList.add("hide-label"),this.label.textContent="")}}const{host:u,item:h,symbolDefault:b,symbolSuccess:y,symbolError:g}={host:{selector:()=>":host > div"},item:{selector:()=>".item"},symbolDefault:{selector:()=>'.item[data-valid="none"]::before'},symbolSuccess:{selector:()=>'.item[data-valid="true"]::before'},symbolError:{selector:()=>'.item[data-valid="false"]::before'}},m=(0,o.Zz)((0,n.RF)({componentNameOverride:(0,a.xE)("input-wrapper")}),(0,n.RF)({mappings:{hostDirection:{selector:()=>":host",property:"direction"},fontSize:{},fontFamily:{},padding:{},borderWidth:{...u,property:"border-width"},borderStyle:{...u,property:"border-style"},borderColor:{...u,property:"border-color"},borderRadius:{...u,property:"border-radius"},backgroundColor:{...u,property:"background-color"},textColor:{property:"color"},labelMargin:{...u,property:"gap"},itemsSpacing:{...h,property:"line-height"},itemSymbolSuccessColor:{...y,property:"color"},itemSymbolErrorColor:{...g,property:"color"},itemSymbolDefault:{...b,property:"content"},itemSymbolSuccess:{...y,property:"content"},itemSymbolError:{...g,property:"content"}}}),n.VO,n.tQ)(c)},38917:(t,e,i)=>{i.d(e,{z:()=>n});const n=(t,e)=>t.replace(/{{(\w+)+}}/g,((t,i)=>e?.[i]||t))},28184:(t,e,i)=>{i.r(e),i.d(e,{PolicyValidationClass:()=>n.w,componentName:()=>n.T});var n=i(9775);customElements.define(n.T,n.w)},69473:(t,e,i)=>{i.d(e,{T:()=>l,w:()=>d});var n=i(94619),r=i(93826),o=i(7138),a=i(14944),s=i(33177);const l=(0,a.xE)("text-field"),p=["type","label-type","copy-to-clipboard"],d=(0,o.Zz)((0,n.RF)({mappings:r.A}),n.VO,(0,n.OZ)({proxyProps:["value","selectionStart"],useProxyTargets:!0}),n.tQ,(t=>class extends t{static get observedAttributes(){return p.concat(t.observedAttributes||[])}icon;init(){super.init?.()}renderCopyToClipboard(t){if(!t)return void this.icon?.remove();const e={icon:"vaadin:copy-o",title:"Copy",style:"cursor: pointer"},i={icon:"vaadin:check-circle-o",title:"Copied",style:"cursor: initial"};this.icon=Object.assign(document.createElement("vaadin-icon"),{slot:"suffix",...e}),this.baseElement.appendChild(this.icon),this.icon.addEventListener("click",(()=>{navigator.clipboard.writeText(this.value),Object.assign(this.icon,i),setTimeout((()=>{Object.assign(this.icon,e)}),5e3)}))}onLabelClick(){this.focus()}attributeChangedCallback(t,e,i){super.attributeChangeCallback?.(t,e,i),"type"===t&&this.baseElement._setType(i),e!==i&&("label-type"===t?"floating"===i?this.addEventListener("click",this.onLabelClick):this.removeEventListener("click",this.onLabelClick):"copy-to-clipboard"===t&&this.renderCopyToClipboard("true"===i))}}))((0,n.tz)({slots:["prefix","suffix"],wrappedEleName:"vaadin-text-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(${d.cssVarList.inputOutlineWidth}) + var(${d.cssVarList.inputOutlineOffset}));\n        box-sizing: border-box;\n\t\t\t}\n      :host(:is([readonly], [disabled])) ::slotted(:is(input, textarea):placeholder-shown) {\n        opacity: 1;\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      ${(0,s.$J)("vaadin-text-field")}\n\t\t\t${(0,s.cy)(d.cssVarList)}\n\t\t\t${(0,s.LJ)("vaadin-text-field",d.cssVarList)}\n      ${(0,s.Kl)()}\n\n      vaadin-text-field vaadin-icon {\n        align-self: center;\n      }\n\t\t`,excludeAttrsSync:["tabindex"],componentName:l}))},89348:(t,e,i)=>{i.r(e),i.d(e,{TextFieldClass:()=>n.w,componentName:()=>n.T}),i(63970),i(23638),i(80201);var n=i(69473);customElements.define(n.T,n.w)},93826:(t,e,i)=>{i.d(e,{A:()=>f});const{host:n,label:r,placeholder:o,requiredIndicator:a,inputField:s,input:l,inputMask:p,helperText:d,errorMessage:c,disabledPlaceholder:u,inputDisabled:h,inputIcon:b,externalInput:y,externalInputDisabled:g,externalPlaceholder:m,externalDisabledPlaceholder:v}={host:{selector:()=>":host"},label:{selector:"::part(label)"},requiredIndicator:{selector:"[required]::part(required-indicator)::after"},placeholder:[{selector:"> input:placeholder-shown"},{selector:()=>":host::slotted(input:placeholder-shown)"}],disabledPlaceholder:{selector:"> input:disabled::placeholder"},inputField:{selector:"::part(input-field)"},input:{selector:"input"},inputMask:{selector:"::part(input-field)::before"},inputDisabled:{selector:"input:disabled"},helperText:{selector:"::part(helper-text)"},errorMessage:{selector:"::part(error-message)"},inputIcon:{selector:"vaadin-icon"},externalInput:{selector:()=>"::slotted(input)"},externalInputDisabled:{selector:()=>"::slotted(input:disabled)"},externalPlaceholder:{selector:()=>"::slotted(input:placeholder-shown)"},externalDisabledPlaceholder:{selector:()=>"::slotted(input:disabled::placeholder)"}},f={fontSize:[{},n],fontFamily:[r,s,d,c],labelFontSize:{...r,property:"font-size"},labelFontWeight:{...r,property:"font-weight"},labelTextColor:[{...r,property:"color"},{...a,property:"color"},{...r,property:"-webkit-text-fill-color"},{...a,property:"-webkit-text-fill-color"}],hostWidth:{...n,property:"width"},hostMinWidth:{...n,property:"min-width"},hostDirection:{...n,property:"direction"},inputDirection:{...l,property:"direction"},inputBackgroundColor:[{...s,property:"background-color"},{...p,property:"background-color"}],errorMessageTextColor:{...c,property:"color"},errorMessageIcon:{...c,property:"background-image"},errorMessageIconSize:{...c,property:"background-size"},errorMessageIconPadding:{...c,property:"padding-inline-start"},errorMessageIconRepeat:{...c,property:"background-repeat"},errorMessageIconPosition:{...c,property:"background-position"},helperTextColor:{...d,property:"-webkit-text-fill-color"},inputValueTextColor:[{...s,property:"color"},{...h,property:"-webkit-text-fill-color"},{...g,property:"-webkit-text-fill-color"}],inputCaretTextColor:[{...l,property:"caret-color"},{...y,property:"caret-color"}],labelRequiredIndicator:{...a,property:"content"},inputBorderColor:{...s,property:"border-color"},inputBorderWidth:{...s,property:"border-width"},inputBorderStyle:{...s,property:"border-style"},inputBorderRadius:{...s,property:"border-radius"},inputHeight:{...s,property:"height"},inputHorizontalPadding:[{...l,property:"padding-left"},{...l,property:"padding-right"},{...y,property:"padding-left"},{...y,property:"padding-right"}],inputOutlineColor:{...s,property:"outline-color"},inputOutlineStyle:{...s,property:"outline-style"},inputOutlineWidth:{...s,property:"outline-width"},inputOutlineOffset:{...s,property:"outline-offset"},textAlign:{},inputTextAlign:[{...l,property:"text-align"},{...y,property:"text-align"}],inputPlaceholderColor:[{selector:()=>":host input:placeholder-shown",property:"color"},{...m,property:"color"},{...o,property:"color"},{...u,property:"-webkit-text-fill-color"},{...v,property:"-webkit-text-fill-color"}],labelPosition:{...r,property:"position"},labelTopPosition:{...r,property:"top"},labelHorizontalPosition:[{...r,property:"left"},{...r,property:"right"}],inputTransformY:{...r,property:"transform"},inputTransition:{...r,property:"transition"},marginInlineStart:{...r,property:"margin-inline-start"},placeholderOpacity:[{selector:"> input:placeholder-shown",property:"opacity"},{...m,property:"opacity"}],inputVerticalAlignment:[{...s,property:"align-items"},{...y,property:"align-items"}],valueInputHeight:[{...l,property:"height"},{...y,property:"height"}],valueInputMarginBottom:[{...l,property:"margin-bottom"},{...y,property:"margin-bottom"}],inputIconOffset:[{...b,property:"margin-right"},{...b,property:"margin-left"}],inputIconSize:{...b,property:"font-size"},inputIconColor:{...b,property:"color"}}},33177:(t,e,i)=>{i.d(e,{$J:()=>u,I4:()=>a,Kl:()=>h,LJ:()=>c,Qv:()=>o,X6:()=>l,cy:()=>n,fu:()=>p,kG:()=>d,lS:()=>s,zm:()=>r});const n=t=>`\n    :host {\n        padding: calc(var(${t.inputOutlineWidth}) + var(${t.inputOutlineOffset}))\n    }\n`,r=t=>`\n    ${t} {\n        margin: 0;\n        padding: 0;\n        width: 100%;\n        height: 100%;\n        box-sizing: border-box;\n    }\n`,o=t=>`\n    ${t}::part(input-field) {\n        overflow: hidden;\n        padding: 0;\n        box-shadow: none;\n    }\n`,a=t=>`\n    ${t} > label,\n    ${t}::part(label),\n    ${t}::part(required-indicator) {\n        cursor: pointer;\n    }\n`,s=(t,e="input")=>`\n    ${t}[disabled] > ${e}:placeholder-shown,\n\t${t}[readonly] > ${e}:placeholder-shown {\n\t\topacity: 1;\n\t}\n`,l=()=>"\n    :host {\n        --vaadin-field-default-width: auto;\n        box-sizing: border-box;\n    }\n",p=t=>`\n    ${t}::part(input-field)::after {\n        opacity: 0;\n    }\n`,d=t=>`\n    ${t}::part(input-field)::after {\n        background: none;\n    }\n`,c=(t,e)=>`\n    ${r(t)}\n    ${a(t)}\n    ${s(t)}\n    ${o(t)}\n    ${((t,e)=>`\n    ${t} input:-webkit-autofill,\n    ${t} input:-webkit-autofill::first-line,\n    ${t} input:-webkit-autofill:hover,\n    ${t} input:-webkit-autofill:active,\n    ${t} input:-webkit-autofill:focus {\n        -webkit-text-fill-color: var(${e.inputValueTextColor});\n        box-shadow: 0 0 0 var(${e.inputHeight}) var(${e.inputBackgroundColor}) inset;\n    }\n`)(t,e)}\n    ${d(t)}\n    ${(t=>`\n    ${t}::before {\n\t\theight: unset;\n\t}\n`)(t)}\n    ${(t=>`\n    ${t} > input {\n        -webkit-mask-image: none;\n        min-height: 0;\n        box-sizing: border-box;\n    }\n`)(t)}\n    ${(t=>`\n    ${t}::part(input-field)::after {\n        border: none;\n    }\n`)(t)}\n`,u=t=>`\n    :host ::part(error-message) {\n      direction: ltr;\n    }\n    :host([required]) ::part(required-indicator) {\n      width: 1em;\n      display: inline-flex;\n    }\n    :host([required]) ::part(required-indicator)::after {\n      position: static;\n    }\n    :host([has-label]) ::part(label) {\n      padding-right: 0;\n      padding-bottom: 0;\n      display: flex;\n      width: 100%;\n    }\n    ${t} [slot="label"] {\n      max-width: calc(100% - 1em);\n      overflow: hidden;\n      text-overflow: ellipsis;\n      padding-bottom: 0.5em;\n    }\n`,h=()=>'\n  :host([label-type="floating"]) {\n    position: relative;\n  }\n  :host([label-type="floating"][has-label]) [slot="label"] {\n    padding: 0;\n  }\n  :host([label-type="floating"][has-label]) > ::part(label) {\n    z-index: 1;\n    padding: 0;\n    width: auto;\n  }\n  '},63970:(t,e,i)=>{i(44085),i(10056)}}]);
+"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[2996,4364,6969,8603],{3393:(t,e,i)=>{i.d(e,{y:()=>s});var r=i(9696),n=i(79365),o=i(81365);const s=(...t)=>(0,r.Zz)(n.XX,n._$,n.yF,n.jd)((0,o.q)(...t))},87455:(t,e,i)=>{i.d(e,{M:()=>f,T:()=>d});var r=i(97810),n=i(9696),o=i(79365),s=i(8877),a=i(5810),l=i(73551),p=i(10777);const d=(0,r.xE)("new-password"),c=p.w.cssVarList,{host:u,label:h,internalInputsWrapper:b,errorMessage:y,helperText:g,passwordInput:m,policyPreview:v}={host:{selector:()=>":host"},label:{selector:"::part(label)"},internalInputsWrapper:{selector:"descope-new-password-internal .wrapper"},helperText:{selector:"::part(helper-text)"},errorMessage:{selector:"::part(error-message)"},passwordInput:{selector:"descope-password"},policyPreview:{selector:"descope-policy-validation"}},f=(0,n.Zz)((0,o.RF)({mappings:{fontSize:[u,{},{selector:a.M.componentName,property:a.M.cssVarList.fontSize}],fontFamily:[h,y,g],labelFontSize:{...h,property:"font-size"},labelFontWeight:{...h,property:"font-weight"},labelTextColor:{...h,property:"color"},errorMessageTextColor:{...y,property:"color"},errorMessageIcon:{...y,property:"background-image"},errorMessageIconSize:{...y,property:"background-size"},errorMessageIconPadding:{...y,property:"padding-inline-start"},errorMessageIconRepeat:{...y,property:"background-repeat"},errorMessageIconPosition:{...y,property:"background-position"},hostWidth:{...u,property:"width"},hostMinWidth:{...u,property:"min-width"},hostDirection:[{...u,property:"direction"},{...m,property:a.M.cssVarList.hostDirection}],inputsRequiredIndicator:{...u,property:"content"},spaceBetweenInputs:{...b,property:"gap"},policyPreviewBackgroundColor:{...v,property:c.backgroundColor},policyPreviewPadding:{...v,property:c.padding},valueInputHeight:{...m,property:a.M.cssVarList.valueInputHeight},valueInputMarginBottom:{...m,property:a.M.cssVarList.valueInputMarginBottom}}}),o.VO,(0,o.OZ)({proxyProps:["value","selectionStart"]}),(t=>class extends t{init(){super.init?.();const t=document.createElement("template"),e=this.getAttribute("external-input");t.innerHTML=`\n\t\t\t<${s.T}\n\t\t\t\tname="new-password"\n\t\t\t\ttabindex="-1"\n\t\t\t\tslot="input"\n        external-input="${e}"\n\t\t\t>\n      </${s.T}>\n\t\t\t`,this.baseElement.appendChild(t.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(s.T),"true"===this.getAttribute("external-input")&&this.initExternalInput(),(0,r.EA)(this,this.inputElement,{includeAttrs:["password-label","password-placeholder","confirm-label","confirm-placeholder","full-width","size","bordered","label","has-confirm","invalid","readonly","draggable","has-validation","policy-label","active-policies","available-policies","data-password-policy-value-minlength","label-type","manual-visibility-toggle"]})}createSlottedExternalInput(t,e){const i=t.querySelector("input"),r=document.createElement("slot"),n=i.getAttribute("slot");r.setAttribute("name",e),r.setAttribute("slot",n),t.appendChild(r),i.setAttribute("slot",e),i.setAttribute("name",this.getAttribute("name")),i.setAttribute("data-hidden-input","true"),this.appendChild(i)}initExternalInput(){this.passwordInput=this.inputElement.querySelector('[data-id="password"]'),this.confirmInput=this.inputElement.querySelector('[data-id="confirm"]'),this.createSlottedExternalInput(this.passwordInput,"external-password-input"),this.createSlottedExternalInput(this.confirmInput,"external-confirm-input")}}))((0,o.tz)({slots:[],wrappedEleName:"vaadin-text-field",style:()=>`\n\t\t:host {\n\t\t\tdisplay: inline-block;\n\t\t\tmax-width: 100%;\n\t\t\tbox-sizing: border-box;\n\t\t}\n    :host ::part(error-message) {\n      direction: ltr;\n    }\n\t\t${(0,l.cy)(a.M.cssVarList)}\n\t\tvaadin-text-field {\n\t\t\tpadding: 0;\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t}\n\t\tvaadin-text-field::part(input-field) {\n\t\t\tmin-height: 0;\n\t\t\tbackground: transparent;\n\t\t\tbox-shadow: none;\n\t\t\tpadding: 0;\n\t\t}\n\t\tvaadin-text-field::part(input-field)::after {\n\t\t\tbackground: transparent;\n\t\t\topacity: 0;\n\t\t}\n\t\tdescope-new-password-internal {\n\t\t\t-webkit-mask-image: none;\n\t\t\tmin-height: 0;\n\t\t\twidth: 100%;\n\t\t\tpadding: 0;\n\t\t}\n\t\tdescope-new-password-internal > .wrapper {\n      -webkit-mask-image: none;\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t}\n\t\tdescope-password {\n\t\t\tdisplay: block;\n\t\t\twidth: 100%;\n\t\t}\n\t\tdescope-new-password-internal vaadin-password-field::before {\n\t\t\theight: initial;\n\t\t}\n    descope-policy-validation {\n      margin-top: 8px;\n      display: flex;\n    }\n    .hidden {\n      display: none;\n    }\n\t\t`,excludeAttrsSync:["tabindex"],componentName:d}))},8877:(t,e,i)=>{i.d(e,{T:()=>r});const r=(0,i(97810).xE)("new-password-internal")},78844:(t,e,i)=>{var r=i(25964),n=i(3393),o=i(97810),s=i(87455),a=i(8877);const l=/^password-/,p=/^confirm-/,d=(t,e)=>t.replace(e,""),c=["password-label","password-placeholder"],u=["confirm-label","confirm-placeholder"],h=["has-confirm","disabled","bordered","size","full-width","maxlength","invalid","readonly","draggable","autocomplete","label-type","manual-visibility-toggle"],b=[].concat(h,c,u,["has-validation"]),y=(0,n.y)({componentName:a.T,baseSelector:"div"});customElements.define(a.T,class extends y{static get observedAttributes(){return[].concat(y.observedAttributes||[],b)}constructor(){super(),this.innerHTML='\n\t\t\t<div class="wrapper"></div>\n\t\t',this.wrapperEle=this.querySelector(".wrapper")}get value(){return this.passwordInput?.value||""}set value(t){t!==this.value&&(this.passwordInput.value=t)}get hasConfirm(){return"true"===this.getAttribute("has-confirm")}onHasConfirmChange(t){this.confirmInput.classList.toggle("hidden",!t)}onHasValidationChange(t){this.policyPanel.classList.toggle("hidden",!t)}get hasValidation(){return"true"===this.getAttribute("has-validation")}getValidity(){if(this.isRequired&&!this.value)return{valueMissing:!0};if(this.value&&!this.policyPanel.isValid)return{typeMismatch:!0};if(this.hasConfirm&&this.confirmInput&&this.value!==this.confirmInput.value)return{patternMismatch:!0};const t=this.getAttribute("minlength"),e=parseInt(t,10)||0;return this.value.length>=e?{}:{tooShort:!0}}init(){this.addEventListener("focus",(t=>{t.isTrusted&&this.passwordInput.focus()})),super.init?.(),this.renderInputs(this.hasConfirm,this.hasValidation)}renderInputs(){const t="true"===this.getAttribute("external-input"),e=`\n      <div>\n        <descope-password\n          autocomplete="new-password"\n          manual-visibility-toggle="true"\n          data-id="password"\n          external-input="${t}"\n        ></descope-password>\n        <descope-policy-validation></descope-policy-validation>\n      </div>\n      <descope-password\n        autocomplete="new-password"\n        manual-visibility-toggle="true"\n        external-input="${t}"\n        data-id="confirm"\n      ></descope-password>\n    `;this.wrapperEle.innerHTML=e,this.passwordInput=this.querySelector('[data-id="password"]'),this.confirmInput=this.querySelector('[data-id="confirm"]'),this.policyPanel=this.querySelector("descope-policy-validation"),this.inputs=[this.passwordInput,this.confirmInput],this.initInputs(),this.passwordInput.addEventListener("input",(t=>{this.policyPanel.setAttribute("value",t.target.value)})),(0,o.EA)(this,this.policyPanel,{includeAttrs:["policy-label","available-policies","active-policies","data-password-policy-value-minlength","manual-visibility-toggle"],mapAttrs:{"policy-label":"label","available-policies":"data"}})}handleIndicatorStyle(){this.inputs.forEach((t=>{(0,r.fz)(`\n\t\t\t\t:host ::part(required-indicator)::after {\n\t\t\t\t\tcontent: var(${s.M.cssVarList.inputsRequiredIndicator});\n          width: 1em;\n          text-align: center;\n\t\t\t\t}\n        :host ::part(required-indicator) {\n          display: inline-flex;\n        }\n\t\t\t\t`,t)}))}get isInvalid(){return this.hasAttribute("invalid")&&"false"!==this.getAttribute("invalid")}handleInputsInvalidAttribute(){this.inputs.forEach((t=>{t&&(0,o.mx)(t,(e=>{if(e.includes("invalid")){const e=t.getAttribute("invalid"),i=this.getAttribute("invalid");this.isInvalid&&i!==e&&t.setAttribute("invalid","true")}}),{})}))}initInputs(){this.handleIndicatorStyle(),this.handleInputsInvalidAttribute(),this.handleFocusEventsDispatching(this.inputs)}toggleBooleanAttribute(t,e,i){null===i?t?.removeAttribute(e):t?.setAttribute(e,i)}attributeChangedCallback(t,e,i){super.attributeChangedCallback?.(t,e,i),e!==i&&("has-validation"===t?this.onHasValidationChange("true"===i):"has-confirm"===t?this.onHasConfirmChange("true"===i):h.includes(t)?this.inputs.forEach((e=>this.toggleBooleanAttribute(e,t,i))):c.includes(t)?this.toggleBooleanAttribute(this.passwordInput,d(t,l),i):u.includes(t)&&this.toggleBooleanAttribute(this.confirmInput,d(t,p),i))}})},72788:(t,e,i)=>{i.r(e),i.d(e,{NewPasswordClass:()=>r.M,componentName:()=>r.T});var r=i(87455);i(21374),i(19169),i(26782),i(78844),customElements.define(r.T,r.M)},5810:(t,e,i)=>{i.d(e,{M:()=>f,T:()=>l});var r=i(79365),n=i(9696),o=i(97810),s=i(16616),a=i(73551);const l=(0,o.xE)("password"),{host:p,inputField:d,inputElement:c,inputElementPlaceholder:u,revealButtonContainer:h,revealButtonIcon:b,label:y,requiredIndicator:g,errorMessage:m,helperText:v}={host:{selector:()=>":host"},inputField:{selector:"::part(input-field)"},inputElement:{selector:"> input"},inputElementPlaceholder:{selector:()=>":host input:placeholder-shown"},revealButtonContainer:{selector:"::part(reveal-button)"},revealButtonIcon:{selector:"::part(reveal-button)::before"},label:{selector:"::part(label)"},requiredIndicator:{selector:"[required]::part(required-indicator)::after"},helperText:{selector:"::part(helper-text)"},errorMessage:{selector:"::part(error-message)"}},f=(0,n.Zz)((0,r.RF)({mappings:{hostWidth:{...p,property:"width"},hostMinWidth:{...p,property:"min-width"},hostDirection:{...p,property:"direction"},fontSize:[{},p],fontFamily:[y,d,m,v],inputHeight:{...d,property:"height"},inputHorizontalPadding:[{...c,property:"padding-left"},{...c,property:"padding-right"}],inputBackgroundColor:{...d,property:"background-color"},inputBorderStyle:{...d,property:"border-style"},inputBorderWidth:{...d,property:"border-width"},inputBorderColor:{...d,property:"border-color"},inputBorderRadius:{...d,property:"border-radius"},inputOutlineColor:{...d,property:"outline-color"},inputOutlineStyle:{...d,property:"outline-style"},inputOutlineOffset:{...d,property:"outline-offset"},inputOutlineWidth:{...d,property:"outline-width"},labelFontSize:{...y,property:"font-size"},labelFontWeight:{...y,property:"font-weight"},labelTextColor:[{...y,property:"color"},{...g,property:"color"}],labelRequiredIndicator:{...g,property:"content"},errorMessageTextColor:{...m,property:"color"},errorMessageIcon:{...m,property:"background-image"},errorMessageIconSize:{...m,property:"background-size"},errorMessageIconPadding:{...m,property:"padding-inline-start"},errorMessageIconRepeat:{...m,property:"background-repeat"},errorMessageIconPosition:{...m,property:"background-position"},inputPlaceholderTextColor:[{...u,property:"color"},{selector:()=>":host ::slotted(input:placeholder-shown)",property:"color"}],inputValueTextColor:[{...c,property:"color"},{selector:()=>":host ::slotted(input)",property:"color"}],revealButtonOffset:[{...h,property:"margin-right"},{...h,property:"margin-left"}],revealButtonSize:{...h,property:"font-size"},revealButtonColor:{...b,property:"color"},labelPosition:{...y,property:"position"},labelTopPosition:{...y,property:"top"},labelHorizontalPosition:[{...y,property:"left"},{...y,property:"right"}],inputTransformY:{...y,property:"transform"},inputTransition:{...y,property:"transition"},marginInlineStart:{...y,property:"margin-inline-start"},placeholderOpacity:[{selector:"> input:placeholder-shown",property:"opacity"},{...c,property:"opacity"}],inputVerticalAlignment:{...d,property:"align-items"},valueInputHeight:{...c,property:"height"}}}),r.VO,(0,r.RV)({inputType:"password",inputName:"password",includeAttrs:["disabled","readonly","pattern","type","autocomplete"],noBlurDispatch:!0}),(0,r.OZ)({proxyProps:["value","selectionStart"],useProxyTargets:!0}),r.tQ,s.A,(t=>class extends t{static get observedAttributes(){return["manual-visibility-toggle"]}get manualToggleVisibility(){return"true"===this.getAttribute("manual-visibility-toggle")}init(){super.init?.(),this.handleCaretOnVisibilityChange(),this.origSetPasswordVisible=this.baseElement._setPasswordVisible,this.origSetFocused=this.baseElement._setFocused,this.baseElement._setFocused=this.setFocus.bind(this),this.initExternalInput()}initExternalInput(){const t=this.createExternalInput();t&&this.handlePasswordVisibility(t)}get caretPosition(){return this.value?.length||0}handleCaretOnVisibilityChange(){const t=this.baseElement._togglePasswordVisibility.bind(this.baseElement);this.baseElement._togglePasswordVisibility=()=>{setTimeout((()=>(t(),this.inputElement.setSelectionRange(this.caretPosition,this.caretPosition),!1)))}}setFocus(t){this.manualToggleVisibility&&(this.baseElement._setPasswordVisible=()=>{}),this.origSetFocused.call(this.baseElement,t),this.baseElement._setPasswordVisible=this.origSetPasswordVisible.bind(this.baseElement)}resetPasswordVisibilityToggle(){this.baseElement._setPasswordVisible=this.origSetPasswordVisible,this.baseElement._setFocused=this.origSetFocus}attributeChangedCallback(t,e,i){super.attributeChangedCallback?.(t,e,i)}handlePasswordVisibility(t){const e=this.baseElement.__boundRevealButtonMouseDown;this.baseElement.querySelector("vaadin-password-field-button").removeEventListener("mousedown",e),this.baseElement._passwordVisibleChanged=()=>{},this.baseElement._togglePasswordVisibility=()=>{"password"===t.getAttribute("type")?this.showPasswordVisibility(t):this.hidePasswordVisibility(t)}}showPasswordVisibility(t){t.setAttribute("type","text"),this.setAttribute("password-visible","true")}hidePasswordVisibility(t){t.setAttribute("type","password"),this.setAttribute("password-visible","false")}}))((0,r.tz)({slots:["","suffix"],wrappedEleName:"vaadin-password-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\tmin-width: 10em;\n        box-sizing: border-box;\n        position: relative;\n\t\t\t}\n\t\t\t${(0,a.cy)(f.cssVarList)}\n\t\t\t${(0,a.I4)("vaadin-password-field")}\n      ${(0,a.$J)("vaadin-password-field")}\n\n\t\t\tvaadin-password-field {\n\t\t\t\twidth: 100%;\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\tpadding: 0;\n\t\t\t}\n\t\t\tvaadin-password-field > input {\n        -webkit-mask-image: none;\n\t\t\t\tbox-sizing: border-box;\n        opacity: 1;\n\t\t\t}\n\t\t\tvaadin-password-field::part(input-field) {\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\tpadding: 0;\n\t\t\t}\n\t\t\tvaadin-password-field[focus-ring]::part(input-field) {\n\t\t\t\tbox-shadow: none;\n\t\t\t}\n      :host ::slotted(input) {\n\t\t\t\tmin-height: 0;\n      }\n      :host([readonly]) ::slotted(input:placeholder-shown) {\n\t\t\t\topacity: 0;\n\t\t\t}\n\t\t\tvaadin-password-field::before {\n\t\t\t\theight: initial;\n\t\t\t}\n\t\t\tvaadin-password-field::part(input-field)::after {\n\t\t\t\topacity: 0;\n\t\t\t}\n\t\t\tvaadin-password-field-button {\n\t\t\t\tcursor: pointer;\n\t\t\t}\n\t\t\t:host([readonly]) vaadin-password-field-button {\n\t\t\t\tpointer-events: none;\n\t\t\t}\n\t\t\tvaadin-password-field-button[focus-ring] {\n\t\t\t\tbox-shadow: 0 0 0 2px var(${f.cssVarList.inputOutlineColor});\n\t\t\t}\n\n      ${(0,a.Kl)()}\n    \n      ::part(reveal-button) {\n        align-self: center;\n      }\n\n      vaadin-password-field[external-input="true"] > input:not(:placeholder-shown) {\n        opacity: 0;\n      }\n\t\t`,excludeAttrsSync:["tabindex"],componentName:l}))},19169:(t,e,i)=>{i.r(e),i.d(e,{PasswordClass:()=>r.M,componentName:()=>r.T}),i(51899);var r=i(5810);customElements.define(r.T,r.M)},16616:(t,e,i)=>{i.d(e,{A:()=>r});const r=t=>class extends t{get isReadOnly(){return this.hasAttribute("readonly")&&"false"!==this.getAttribute("readonly")}init(){super.init?.();const t=this.querySelector("input");t?.addEventListener("mousedown",(e=>{if(this.isDraggable&&this.isReadOnly){t.setAttribute("inert","true");const i=e.target,r=i.getAttribute("type");i.setAttribute("type","text"),setTimeout((()=>{i.focus()}));const n=e=>{i.setAttribute("type",r),t.removeAttribute("inert"),this.removeEventListener("mouseup",n),this.removeEventListener("dragend",n)};this.addEventListener("dragend",n,{once:!0}),this.addEventListener("mouseup",n,{once:!0})}}))}}},10777:(t,e,i)=>{i.d(e,{T:()=>p,w:()=>v});var r=i(79365),n=i(81365),o=i(9696),s=i(97810),a=i(88191),l=i(25964);const p=(0,s.xE)("policy-validation"),d=["data","active-policies","overrides","data-password-policy-value-minlength"],c=["label","value",...d];class u extends((0,n.q)({componentName:p,baseSelector:":host > div"})){#t;#e=[];#i;static get observedAttributes(){return c}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n    <div>\n      <div class="label"></div>\n      <ul></ul>\n    </div>\n\t\t',(0,l.fz)("\n      :host > div {\n        width: 100%;\n        display: flex;\n        flex-direction: column;\n        box-sizing: border-box;\n      }\n      .label {\n        max-width: 100%;\n        text-wrap: wrap;\n        overflow-wrap: break-word;\n      }\n      .hide-label .label {\n        display: none;\n      }\n      ul {\n        display: flex;\n        flex-direction: column;\n        padding: 0;\n        margin: 0;\n      }\n      ul, li {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n      }\n      li::before {\n        display: inline-block;\n        width: 1em;\n        text-align: center;\n      }\n        ",this),this.panel=this.shadowRoot.querySelector(":host > div"),this.label=this.shadowRoot.querySelector(".label"),this.list=this.shadowRoot.querySelector("ul")}attributeChangedCallback(t,e,i){if(super.attributeChangedCallback?.(t,e,i),e!==i){if("label"===t&&this.updateLabel(i),d.includes(t)){if("data"===t)try{this.availablePolicies=JSON.parse(i)}catch{console.error("Failed to set available policies")}if("active-policies"===t&&(this.#e=(i||"").split(",")),"data-password-policy-value-minlength"===t){const t=Number(i);!Number.isNaN(t)&&t>0&&(this.#i={...this.#i,minlength:{value:`${t}`}})}}this.renderItems(this.#t,this.#e,this.#i)}}get availablePolicies(){return this.#t||[]}set availablePolicies(t){this.#t=t}get value(){return this.getAttribute("value")||""}validate(){let t=this.#t;return this.#i&&(t=this.#t.map((t=>this.#i[t.id]?{...t,data:this.#i[t.id]}:t))),this.#e.reduce(((e,i)=>{const r=t.find((t=>t.id===i));if(!r)return e;const{pattern:n,message:o,data:s}=r;if(!n||!o)return e;const l={valid:new RegExp((0,a.z)(n,s)).test(this.value),message:(0,a.z)(o,s),id:i};return e.push(l),e}),[])}get isValid(){return!this.validate().some((({valid:t})=>!1===t))}getValidationItemTemplate({valid:t,message:e}){return`\n      <li class="item" data-valid="${this.value?t:"none"}">\n        <span class="message">${e}</span>\n      </li>\n    `}renderItems(t,e){t&&e.length&&(this.list.innerHTML=this.validate().map(this.getValidationItemTemplate.bind(this)).join(""))}updateLabel(t){t?(this.label.textContent=t,this.classList.remove("hide-label")):(this.classList.add("hide-label"),this.label.textContent="")}}const{host:h,item:b,symbolDefault:y,symbolSuccess:g,symbolError:m}={host:{selector:()=>":host > div"},item:{selector:()=>".item"},symbolDefault:{selector:()=>'.item[data-valid="none"]::before'},symbolSuccess:{selector:()=>'.item[data-valid="true"]::before'},symbolError:{selector:()=>'.item[data-valid="false"]::before'}},v=(0,o.Zz)((0,r.RF)({componentNameOverride:(0,s.xE)("input-wrapper")}),(0,r.RF)({mappings:{hostDirection:{selector:()=>":host",property:"direction"},fontSize:{},fontFamily:{},padding:{},borderWidth:{...h,property:"border-width"},borderStyle:{...h,property:"border-style"},borderColor:{...h,property:"border-color"},borderRadius:{...h,property:"border-radius"},backgroundColor:{...h,property:"background-color"},textColor:{property:"color"},labelMargin:{...h,property:"gap"},itemsSpacing:{...b,property:"line-height"},itemSymbolSuccessColor:{...g,property:"color"},itemSymbolErrorColor:{...m,property:"color"},itemSymbolDefault:{...y,property:"content"},itemSymbolSuccess:{...g,property:"content"},itemSymbolError:{...m,property:"content"}}}),r.VO,r.tQ)(u)},88191:(t,e,i)=>{i.d(e,{z:()=>r});const r=(t,e)=>t.replace(/{{(\w+)+}}/g,((t,i)=>e?.[i]||t))},26782:(t,e,i)=>{i.r(e),i.d(e,{PolicyValidationClass:()=>r.w,componentName:()=>r.T});var r=i(10777);customElements.define(r.T,r.w)},79275:(t,e,i)=>{i.d(e,{T:()=>l,w:()=>d});var r=i(79365),n=i(6424),o=i(9696),s=i(97810),a=i(73551);const l=(0,s.xE)("text-field"),p=["type","label-type","copy-to-clipboard"],d=(0,o.Zz)((0,r.RF)({mappings:n.A}),r.VO,(0,r.OZ)({proxyProps:["value","selectionStart"],useProxyTargets:!0}),r.tQ,(t=>class extends t{static get observedAttributes(){return p.concat(t.observedAttributes||[])}icon;init(){super.init?.()}renderCopyToClipboard(t){if(!t)return void this.icon?.remove();const e={icon:"vaadin:copy-o",title:"Copy",style:"cursor: pointer"},i={icon:"vaadin:check-circle-o",title:"Copied",style:"cursor: initial"};this.icon=Object.assign(document.createElement("vaadin-icon"),{slot:"suffix",...e}),this.baseElement.appendChild(this.icon),this.icon.addEventListener("click",(()=>{navigator.clipboard.writeText(this.value),Object.assign(this.icon,i),setTimeout((()=>{Object.assign(this.icon,e)}),5e3)}))}onLabelClick(){this.focus()}attributeChangedCallback(t,e,i){super.attributeChangeCallback?.(t,e,i),"type"===t&&this.baseElement._setType(i),e!==i&&("label-type"===t?"floating"===i?this.addEventListener("click",this.onLabelClick):this.removeEventListener("click",this.onLabelClick):"copy-to-clipboard"===t&&this.renderCopyToClipboard("true"===i))}}))((0,r.tz)({slots:["prefix","suffix"],wrappedEleName:"vaadin-text-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(${d.cssVarList.inputOutlineWidth}) + var(${d.cssVarList.inputOutlineOffset}));\n        box-sizing: border-box;\n\t\t\t}\n      :host(:is([readonly], [disabled])) ::slotted(:is(input, textarea):placeholder-shown) {\n        opacity: 1;\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      ${(0,a.$J)("vaadin-text-field")}\n\t\t\t${(0,a.cy)(d.cssVarList)}\n\t\t\t${(0,a.LJ)("vaadin-text-field",d.cssVarList)}\n      ${(0,a.Kl)()}\n\n      vaadin-text-field vaadin-icon {\n        align-self: center;\n      }\n\t\t`,excludeAttrsSync:["tabindex","style"],componentName:l}))},21374:(t,e,i)=>{i.r(e),i.d(e,{TextFieldClass:()=>r.w,componentName:()=>r.T}),i(11284),i(37182),i(95260);var r=i(79275);customElements.define(r.T,r.w)},6424:(t,e,i)=>{i.d(e,{A:()=>f});const{host:r,label:n,placeholder:o,requiredIndicator:s,inputField:a,input:l,inputMask:p,helperText:d,errorMessage:c,disabledPlaceholder:u,inputDisabled:h,inputIcon:b,externalInput:y,externalInputDisabled:g,externalPlaceholder:m,externalDisabledPlaceholder:v}={host:{selector:()=>":host"},label:{selector:"::part(label)"},requiredIndicator:{selector:"[required]::part(required-indicator)::after"},placeholder:[{selector:"> input:placeholder-shown"},{selector:()=>":host::slotted(input:placeholder-shown)"}],disabledPlaceholder:{selector:"> input:disabled::placeholder"},inputField:{selector:"::part(input-field)"},input:{selector:"input"},inputMask:{selector:"::part(input-field)::before"},inputDisabled:{selector:"input:disabled"},helperText:{selector:"::part(helper-text)"},errorMessage:{selector:"::part(error-message)"},inputIcon:{selector:"vaadin-icon"},externalInput:{selector:()=>"::slotted(input)"},externalInputDisabled:{selector:()=>"::slotted(input:disabled)"},externalPlaceholder:{selector:()=>"::slotted(input:placeholder-shown)"},externalDisabledPlaceholder:{selector:()=>"::slotted(input:disabled::placeholder)"}},f={fontSize:[{},r],fontFamily:[n,a,d,c],labelFontSize:{...n,property:"font-size"},labelFontWeight:{...n,property:"font-weight"},labelTextColor:[{...n,property:"color"},{...s,property:"color"},{...n,property:"-webkit-text-fill-color"},{...s,property:"-webkit-text-fill-color"}],hostWidth:{...r,property:"width"},hostMinWidth:{...r,property:"min-width"},hostDirection:{...r,property:"direction"},inputDirection:{...l,property:"direction"},inputBackgroundColor:[{...a,property:"background-color"},{...p,property:"background-color"}],errorMessageTextColor:{...c,property:"color"},errorMessageIcon:{...c,property:"background-image"},errorMessageIconSize:{...c,property:"background-size"},errorMessageIconPadding:{...c,property:"padding-inline-start"},errorMessageIconRepeat:{...c,property:"background-repeat"},errorMessageIconPosition:{...c,property:"background-position"},helperTextColor:{...d,property:"-webkit-text-fill-color"},inputValueTextColor:[{...a,property:"color"},{...h,property:"-webkit-text-fill-color"},{...g,property:"-webkit-text-fill-color"}],inputCaretTextColor:[{...l,property:"caret-color"},{...y,property:"caret-color"}],labelRequiredIndicator:{...s,property:"content"},inputBorderColor:{...a,property:"border-color"},inputBorderWidth:{...a,property:"border-width"},inputBorderStyle:{...a,property:"border-style"},inputBorderRadius:{...a,property:"border-radius"},inputHeight:{...a,property:"height"},inputHorizontalPadding:[{...l,property:"padding-left"},{...l,property:"padding-right"},{...y,property:"padding-left"},{...y,property:"padding-right"}],inputOutlineColor:{...a,property:"outline-color"},inputOutlineStyle:{...a,property:"outline-style"},inputOutlineWidth:{...a,property:"outline-width"},inputOutlineOffset:{...a,property:"outline-offset"},textAlign:{},inputTextAlign:[{...l,property:"text-align"},{...y,property:"text-align"}],inputPlaceholderColor:[{selector:()=>":host input:placeholder-shown",property:"color"},{...m,property:"color"},{...o,property:"color"},{...u,property:"-webkit-text-fill-color"},{...v,property:"-webkit-text-fill-color"}],labelPosition:{...n,property:"position"},labelTopPosition:{...n,property:"top"},labelHorizontalPosition:[{...n,property:"left"},{...n,property:"right"}],inputTransformY:{...n,property:"transform"},inputTransition:{...n,property:"transition"},marginInlineStart:{...n,property:"margin-inline-start"},placeholderOpacity:[{selector:"> input:placeholder-shown",property:"opacity"},{...m,property:"opacity"}],inputVerticalAlignment:[{...a,property:"align-items"},{...y,property:"align-items"}],valueInputHeight:[{...l,property:"height"},{...y,property:"height"}],valueInputMarginBottom:[{...l,property:"margin-bottom"},{...y,property:"margin-bottom"}],inputIconOffset:[{...b,property:"margin-right"},{...b,property:"margin-left"}],inputIconSize:{...b,property:"font-size"},inputIconColor:{...b,property:"color"}}},73551:(t,e,i)=>{i.d(e,{$J:()=>u,I4:()=>s,Kl:()=>h,LJ:()=>c,Qv:()=>o,X6:()=>l,cy:()=>r,fu:()=>p,kG:()=>d,lS:()=>a,zm:()=>n});const r=t=>`\n    :host {\n        padding: calc(var(${t.inputOutlineWidth}) + var(${t.inputOutlineOffset}))\n    }\n`,n=t=>`\n    ${t} {\n        margin: 0;\n        padding: 0;\n        width: 100%;\n        height: 100%;\n        box-sizing: border-box;\n    }\n`,o=t=>`\n    ${t}::part(input-field) {\n        overflow: hidden;\n        padding: 0;\n        box-shadow: none;\n    }\n`,s=t=>`\n    ${t} > label,\n    ${t}::part(label),\n    ${t}::part(required-indicator) {\n        cursor: pointer;\n    }\n`,a=(t,e="input")=>`\n    ${t}[disabled] > ${e}:placeholder-shown,\n\t${t}[readonly] > ${e}:placeholder-shown {\n\t\topacity: 1;\n\t}\n`,l=()=>"\n    :host {\n        --vaadin-field-default-width: auto;\n        box-sizing: border-box;\n    }\n",p=t=>`\n    ${t}::part(input-field)::after {\n        opacity: 0;\n    }\n`,d=t=>`\n    ${t}::part(input-field)::after {\n        background: none;\n    }\n`,c=(t,e)=>`\n    ${n(t)}\n    ${s(t)}\n    ${a(t)}\n    ${o(t)}\n    ${((t,e)=>`\n    ${t} input:-webkit-autofill,\n    ${t} input:-webkit-autofill::first-line,\n    ${t} input:-webkit-autofill:hover,\n    ${t} input:-webkit-autofill:active,\n    ${t} input:-webkit-autofill:focus {\n        -webkit-text-fill-color: var(${e.inputValueTextColor});\n        box-shadow: 0 0 0 var(${e.inputHeight}) var(${e.inputBackgroundColor}) inset;\n    }\n`)(t,e)}\n    ${d(t)}\n    ${(t=>`\n    ${t}::before {\n\t\theight: unset;\n\t}\n`)(t)}\n    ${(t=>`\n    ${t} > input {\n        -webkit-mask-image: none;\n        min-height: 0;\n        box-sizing: border-box;\n    }\n`)(t)}\n    ${(t=>`\n    ${t}::part(input-field)::after {\n        border: none;\n    }\n`)(t)}\n`,u=t=>`\n    :host ::part(error-message) {\n      direction: ltr;\n    }\n    :host([required]) ::part(required-indicator) {\n      width: 1em;\n      display: inline-flex;\n    }\n    :host([required]) ::part(required-indicator)::after {\n      position: static;\n    }\n    :host([has-label]) ::part(label) {\n      padding-right: 0;\n      padding-bottom: 0;\n      display: flex;\n      width: 100%;\n    }\n    ${t} [slot="label"] {\n      max-width: calc(100% - 1em);\n      overflow: hidden;\n      text-overflow: ellipsis;\n      padding-bottom: 0.5em;\n    }\n`,h=()=>'\n  :host([label-type="floating"]) {\n    position: relative;\n  }\n  :host([label-type="floating"][has-label]) [slot="label"] {\n    padding: 0;\n  }\n  :host([label-type="floating"][has-label]) > ::part(label) {\n    z-index: 1;\n    padding: 0;\n    width: auto;\n  }\n  '},11284:(t,e,i)=>{i(52733),i(27136)}}]);
+//# sourceMappingURL=descope-new-password-index-js.js.map

package/dist/umd/descope-new-password-index-js.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"descope-new-password-index-js.js","mappings":"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","sources":["webpack://@descope/web-components-ui/./src/baseClasses/createBaseInputClass.js","webpack://@descope/web-components-ui/./src/components/descope-new-password/NewPasswordClass.js","webpack://@descope/web-components-ui/./src/components/descope-new-password/descope-new-password-internal/componentName.js","webpack://@descope/web-components-ui/./src/components/descope-new-password/descope-new-password-internal/NewPasswordInternal.js","webpack://@descope/web-components-ui/./src/components/descope-new-password/descope-new-password-internal/index.js","webpack://@descope/web-components-ui/./src/components/descope-new-password/index.js","webpack://@descope/web-components-ui/./src/components/descope-password/PasswordClass.js","webpack://@descope/web-components-ui/./src/components/descope-password/index.js","webpack://@descope/web-components-ui/./src/components/descope-password/passwordDraggableMixin.js","webpack://@descope/web-components-ui/./src/components/descope-policy-validation/PolicyValidationClass.js","webpack://@descope/web-components-ui/./src/components/descope-policy-validation/helpers.js","webpack://@descope/web-components-ui/./src/components/descope-policy-validation/index.js","webpack://@descope/web-components-ui/./src/components/descope-text-field/TextFieldClass.js","webpack://@descope/web-components-ui/./src/components/descope-text-field/index.js","webpack://@descope/web-components-ui/./src/components/descope-text-field/textFieldMappings.js","webpack://@descope/web-components-ui/./src/helpers/themeHelpers/resetHelpers.js"],"sourcesContent":["import { compose } from '../helpers';\nimport {\n  changeMixin,\n  inputEventsDispatchingMixin,\n  inputValidationMixin,\n  normalizeBooleanAttributesMixin,\n} from '../mixins';\nimport { createBaseClass } from './createBaseClass';\n\nexport const createBaseInputClass = (...args) =>\n  compose(\n    inputValidationMixin,\n    changeMixin,\n    normalizeBooleanAttributesMixin,\n    inputEventsDispatchingMixin\n  )(createBaseClass(...args));\n","import { forwardAttrs, getComponentName } from '../../helpers/componentHelpers';\nimport { compose } from '../../helpers';\nimport { createStyleMixin, proxyInputMixin, draggableMixin, createProxy } from '../../mixins';\nimport { componentName as descopeInternalComponentName } from './descope-new-password-internal/componentName';\nimport { PasswordClass } from '../descope-password/PasswordClass';\nimport { useHostExternalPadding } from '../../helpers/themeHelpers/resetHelpers';\nimport { PolicyValidationClass } from '../descope-policy-validation/PolicyValidationClass';\n\nexport const componentName = getComponentName('new-password');\n\nconst policyPreviewVars = PolicyValidationClass.cssVarList;\n\nconst customMixin = (superclass) =>\n  class NewPasswordMixinClass extends superclass {\n    init() {\n      super.init?.();\n\n      const template = document.createElement('template');\n\n      const externalInputAttr = this.getAttribute('external-input');\n\n      template.innerHTML = `\n\t\t\t<${descopeInternalComponentName}\n\t\t\t\tname=\"new-password\"\n\t\t\t\ttabindex=\"-1\"\n\t\t\t\tslot=\"input\"\n        external-input=\"${externalInputAttr}\"\n\t\t\t>\n      </${descopeInternalComponentName}>\n\t\t\t`;\n\n      this.baseElement.appendChild(template.content.cloneNode(true));\n\n      this.inputElement = this.shadowRoot.querySelector(descopeInternalComponentName);\n\n      if (this.getAttribute('external-input') === 'true') {\n        this.initExternalInput();\n      }\n\n      forwardAttrs(this, this.inputElement, {\n        includeAttrs: [\n          'password-label',\n          'password-placeholder',\n          'confirm-label',\n          'confirm-placeholder',\n          'full-width',\n          'size',\n          'bordered',\n          'label',\n          'has-confirm',\n          'invalid',\n          'readonly',\n          'draggable',\n          'has-validation',\n          'policy-label',\n          'active-policies',\n          'available-policies',\n          'data-password-policy-value-minlength',\n          'label-type',\n          'manual-visibility-toggle',\n        ],\n      });\n    }\n\n    createSlottedExternalInput(node, slotName) {\n      const externalInput = node.querySelector('input');\n      const slotEle = document.createElement('slot');\n\n      const targetSlot = externalInput.getAttribute('slot');\n\n      slotEle.setAttribute('name', slotName);\n      slotEle.setAttribute('slot', targetSlot);\n\n      node.appendChild(slotEle);\n\n      // move external input\n      externalInput.setAttribute('slot', slotName);\n      externalInput.setAttribute('name', this.getAttribute('name'));\n      externalInput.setAttribute('data-hidden-input', 'true');\n\n      this.appendChild(externalInput);\n    }\n\n    initExternalInput() {\n      // get descope input components\n      this.passwordInput = this.inputElement.querySelector('[data-id=\"password\"]');\n      this.confirmInput = this.inputElement.querySelector('[data-id=\"confirm\"]');\n\n      // create slots for external password input\n      this.createSlottedExternalInput(this.passwordInput, 'external-password-input');\n      this.createSlottedExternalInput(this.confirmInput, 'external-confirm-input');\n    }\n  };\n\nconst {\n  host,\n  label,\n  internalInputsWrapper,\n  errorMessage,\n  helperText,\n  passwordInput,\n  policyPreview,\n} = {\n  host: { selector: () => ':host' },\n  label: { selector: '::part(label)' },\n  internalInputsWrapper: { selector: 'descope-new-password-internal .wrapper' },\n  helperText: { selector: '::part(helper-text)' },\n  errorMessage: { selector: '::part(error-message)' },\n  passwordInput: { selector: 'descope-password' },\n  policyPreview: { selector: 'descope-policy-validation' },\n};\n\nexport const NewPasswordClass = compose(\n  createStyleMixin({\n    mappings: {\n      fontSize: [\n        host,\n        {},\n        {\n          selector: PasswordClass.componentName,\n          property: PasswordClass.cssVarList.fontSize,\n        },\n      ],\n      fontFamily: [label, errorMessage, helperText],\n      labelFontSize: { ...label, property: 'font-size' },\n      labelFontWeight: { ...label, property: 'font-weight' },\n      labelTextColor: { ...label, property: 'color' },\n      errorMessageTextColor: { ...errorMessage, property: 'color' },\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      hostWidth: { ...host, property: 'width' },\n      hostMinWidth: { ...host, property: 'min-width' },\n      hostDirection: [\n        { ...host, property: 'direction' },\n        { ...passwordInput, property: PasswordClass.cssVarList.hostDirection },\n      ],\n      inputsRequiredIndicator: { ...host, property: 'content' },\n      spaceBetweenInputs: { ...internalInputsWrapper, property: 'gap' },\n      policyPreviewBackgroundColor: {\n        ...policyPreview,\n        property: policyPreviewVars.backgroundColor,\n      },\n      policyPreviewPadding: { ...policyPreview, property: policyPreviewVars.padding },\n\n      valueInputHeight: { ...passwordInput, property: PasswordClass.cssVarList.valueInputHeight },\n      valueInputMarginBottom: {\n        ...passwordInput,\n        property: PasswordClass.cssVarList.valueInputMarginBottom,\n      },\n    },\n  }),\n  draggableMixin,\n  proxyInputMixin({ proxyProps: ['value', 'selectionStart'] }),\n  customMixin\n)(\n  createProxy({\n    slots: [],\n    wrappedEleName: 'vaadin-text-field',\n    style: () => `\n\t\t:host {\n\t\t\tdisplay: inline-block;\n\t\t\tmax-width: 100%;\n\t\t\tbox-sizing: border-box;\n\t\t}\n    :host ::part(error-message) {\n      direction: ltr;\n    }\n\t\t${useHostExternalPadding(PasswordClass.cssVarList)}\n\t\tvaadin-text-field {\n\t\t\tpadding: 0;\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t}\n\t\tvaadin-text-field::part(input-field) {\n\t\t\tmin-height: 0;\n\t\t\tbackground: transparent;\n\t\t\tbox-shadow: none;\n\t\t\tpadding: 0;\n\t\t}\n\t\tvaadin-text-field::part(input-field)::after {\n\t\t\tbackground: transparent;\n\t\t\topacity: 0;\n\t\t}\n\t\tdescope-new-password-internal {\n\t\t\t-webkit-mask-image: none;\n\t\t\tmin-height: 0;\n\t\t\twidth: 100%;\n\t\t\tpadding: 0;\n\t\t}\n\t\tdescope-new-password-internal > .wrapper {\n      -webkit-mask-image: none;\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t}\n\t\tdescope-password {\n\t\t\tdisplay: block;\n\t\t\twidth: 100%;\n\t\t}\n\t\tdescope-new-password-internal vaadin-password-field::before {\n\t\t\theight: initial;\n\t\t}\n    descope-policy-validation {\n      margin-top: 8px;\n      display: flex;\n    }\n    .hidden {\n      display: none;\n    }\n\t\t`,\n    excludeAttrsSync: ['tabindex'],\n    componentName,\n  })\n);\n","import { getComponentName } from '../../../helpers/componentHelpers';\n\nexport const componentName = getComponentName('new-password-internal');\n","import { injectStyle } from '@descope-ui/common/components-helpers';\nimport { createBaseInputClass } from '../../../baseClasses/createBaseInputClass';\nimport { forwardAttrs, observeAttributes } from '../../../helpers/componentHelpers';\nimport { NewPasswordClass } from '../NewPasswordClass';\nimport { componentName } from './componentName';\n\nconst passwordAttrPrefixRegex = /^password-/;\nconst confirmAttrPrefixRegex = /^confirm-/;\n\nconst removeAttrPrefix = (attr, prefix) => attr.replace(prefix, '');\n\nconst passwordInputAttrs = ['password-label', 'password-placeholder'];\nconst confirmInputAttrs = ['confirm-label', 'confirm-placeholder'];\nconst policyPanelAttrs = ['has-validation'];\nconst commonAttrs = [\n  'has-confirm',\n  'disabled',\n  'bordered',\n  'size',\n  'full-width',\n  'maxlength',\n  'invalid',\n  'readonly',\n  'draggable',\n  'autocomplete',\n  'label-type',\n  'manual-visibility-toggle',\n];\n\nconst inputRelatedAttrs = [].concat(\n  commonAttrs,\n  passwordInputAttrs,\n  confirmInputAttrs,\n  policyPanelAttrs\n);\n\nconst BaseInputClass = createBaseInputClass({ componentName, baseSelector: 'div' });\n\nclass NewPasswordInternal extends BaseInputClass {\n  static get observedAttributes() {\n    return [].concat(BaseInputClass.observedAttributes || [], inputRelatedAttrs);\n  }\n\n  constructor() {\n    super();\n\n    this.innerHTML = `\n\t\t\t<div class=\"wrapper\"></div>\n\t\t`;\n\n    this.wrapperEle = this.querySelector('.wrapper');\n  }\n\n  get value() {\n    return this.passwordInput?.value || '';\n  }\n\n  set value(val) {\n    if (val === this.value) return;\n    this.passwordInput.value = val;\n  }\n\n  get hasConfirm() {\n    return this.getAttribute('has-confirm') === 'true';\n  }\n\n  onHasConfirmChange(hasConfirm) {\n    this.confirmInput.classList.toggle('hidden', !hasConfirm);\n  }\n\n  onHasValidationChange(hasValidation) {\n    this.policyPanel.classList.toggle('hidden', !hasValidation);\n  }\n\n  get hasValidation() {\n    return this.getAttribute('has-validation') === 'true';\n  }\n\n  getValidity() {\n    if (this.isRequired && !this.value) {\n      return { valueMissing: true };\n    }\n\n    if (this.value && !this.policyPanel.isValid) {\n      return { typeMismatch: true };\n    }\n\n    if (this.hasConfirm && this.confirmInput && this.value !== this.confirmInput.value) {\n      return { patternMismatch: true };\n    }\n\n    const min = this.getAttribute('minlength');\n    const minVal = parseInt(min, 10) || 0;\n    const minValid = this.value.length >= minVal;\n    if (!minValid) {\n      return { tooShort: true };\n    }\n\n    return {};\n  }\n\n  init() {\n    this.addEventListener('focus', (e) => {\n      // we want to ignore focus events we are dispatching\n      if (e.isTrusted) {\n        this.passwordInput.focus();\n      }\n    });\n    super.init?.();\n    this.renderInputs(this.hasConfirm, this.hasValidation);\n  }\n\n  renderInputs() {\n    const hasExternalInput = this.getAttribute('external-input') === 'true';\n    const template = `\n      <div>\n        <descope-password\n          autocomplete=\"new-password\"\n          manual-visibility-toggle=\"true\"\n          data-id=\"password\"\n          external-input=\"${hasExternalInput}\"\n        ></descope-password>\n        <descope-policy-validation></descope-policy-validation>\n      </div>\n      <descope-password\n        autocomplete=\"new-password\"\n        manual-visibility-toggle=\"true\"\n        external-input=\"${hasExternalInput}\"\n        data-id=\"confirm\"\n      ></descope-password>\n    `;\n\n    this.wrapperEle.innerHTML = template;\n\n    this.passwordInput = this.querySelector('[data-id=\"password\"]');\n    this.confirmInput = this.querySelector('[data-id=\"confirm\"]');\n    this.policyPanel = this.querySelector('descope-policy-validation');\n\n    this.inputs = [this.passwordInput, this.confirmInput];\n\n    this.initInputs();\n\n    // sync input value to policy validation panel\n    this.passwordInput.addEventListener('input', (e) => {\n      this.policyPanel.setAttribute('value', e.target.value);\n    });\n\n    forwardAttrs(this, this.policyPanel, {\n      includeAttrs: [\n        'policy-label',\n        'available-policies',\n        'active-policies',\n        'data-password-policy-value-minlength',\n        'manual-visibility-toggle',\n      ],\n      mapAttrs: {\n        'policy-label': 'label',\n        'available-policies': 'data',\n      },\n    });\n  }\n\n  // the inputs are not required but we still want it to have a required\n  // indicator in case the root component is required\n  handleIndicatorStyle() {\n    this.inputs.forEach((input) => {\n      injectStyle(\n        `\n\t\t\t\t:host ::part(required-indicator)::after {\n\t\t\t\t\tcontent: var(${NewPasswordClass.cssVarList.inputsRequiredIndicator});\n          width: 1em;\n          text-align: center;\n\t\t\t\t}\n        :host ::part(required-indicator) {\n          display: inline-flex;\n        }\n\t\t\t\t`,\n        input\n      );\n    });\n  }\n\n  get isInvalid() {\n    return this.hasAttribute('invalid') && this.getAttribute('invalid') !== 'false';\n  }\n\n  // for some reason, Vaadin is removing the invalid attribute on several events,\n  // e.g. focus, input, etc..., so we need to make sure the inputs will stay invalid\n  // if the root component is invalid\n  handleInputsInvalidAttribute() {\n    this.inputs.forEach((input) => {\n      input &&\n        observeAttributes(\n          input,\n          (changedAttributes) => {\n            if (changedAttributes.includes('invalid')) {\n              const inputInvalidValue = input.getAttribute('invalid');\n              const rootInvalidValue = this.getAttribute('invalid');\n\n              if (this.isInvalid && rootInvalidValue !== inputInvalidValue) {\n                input.setAttribute('invalid', 'true');\n              }\n            }\n          },\n          {}\n        );\n    });\n  }\n\n  initInputs() {\n    this.handleIndicatorStyle();\n    this.handleInputsInvalidAttribute();\n    this.handleFocusEventsDispatching(this.inputs);\n  }\n\n  // eslint-disable-next-line class-methods-use-this\n  toggleBooleanAttribute(ele, name, value) {\n    value === null ? ele?.removeAttribute(name) : ele?.setAttribute(name, value);\n  }\n\n  attributeChangedCallback(attrName, oldValue, newValue) {\n    super.attributeChangedCallback?.(attrName, oldValue, newValue);\n\n    if (oldValue !== newValue) {\n      if (attrName === 'has-validation') {\n        this.onHasValidationChange(newValue === 'true');\n      } else if (attrName === 'has-confirm') {\n        this.onHasConfirmChange(newValue === 'true');\n      } else if (commonAttrs.includes(attrName)) {\n        this.inputs.forEach((input) => this.toggleBooleanAttribute(input, attrName, newValue));\n      } else if (passwordInputAttrs.includes(attrName)) {\n        this.toggleBooleanAttribute(\n          this.passwordInput,\n          removeAttrPrefix(attrName, passwordAttrPrefixRegex),\n          newValue\n        );\n      } else if (confirmInputAttrs.includes(attrName)) {\n        this.toggleBooleanAttribute(\n          this.confirmInput,\n          removeAttrPrefix(attrName, confirmAttrPrefixRegex),\n          newValue\n        );\n      }\n    }\n  }\n}\n\nexport default NewPasswordInternal;\n","import NewPasswordInternal from './NewPasswordInternal';\nimport { componentName } from './componentName';\n\ncustomElements.define(componentName, NewPasswordInternal);\n","import { componentName, NewPasswordClass } from './NewPasswordClass';\nimport '../descope-text-field';\nimport '../descope-password';\nimport '../descope-policy-validation';\nimport './descope-new-password-internal';\n\ncustomElements.define(componentName, NewPasswordClass);\n\nexport { NewPasswordClass, componentName };\n","import {\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 passwordDraggableMixin from './passwordDraggableMixin';\nimport {\n  resetInputLabelPosition,\n  resetInputCursor,\n  useHostExternalPadding,\n  inputFloatingLabelStyle,\n} from '../../helpers/themeHelpers/resetHelpers';\n\nexport const componentName = getComponentName('password');\n\nconst customMixin = (superclass) =>\n  class PasswordFieldMixinClass extends superclass {\n    static get observedAttributes() {\n      return ['manual-visibility-toggle'];\n    }\n\n    get manualToggleVisibility() {\n      return this.getAttribute('manual-visibility-toggle') === 'true';\n    }\n\n    init() {\n      super.init?.();\n      this.handleCaretOnVisibilityChange();\n      this.origSetPasswordVisible = this.baseElement._setPasswordVisible;\n      this.origSetFocused = this.baseElement._setFocused;\n      this.baseElement._setFocused = this.setFocus.bind(this);\n\n      this.initExternalInput();\n    }\n\n    initExternalInput() {\n      const externalInput = this.createExternalInput();\n      if (externalInput) {\n        this.handlePasswordVisibility(externalInput);\n      }\n    }\n\n    get caretPosition() {\n      return this.value?.length || 0;\n    }\n\n    handleCaretOnVisibilityChange() {\n      const origTogglePasswordVisibility = this.baseElement._togglePasswordVisibility.bind(\n        this.baseElement\n      );\n      this.baseElement._togglePasswordVisibility = () => {\n        setTimeout(() => {\n          origTogglePasswordVisibility();\n          this.inputElement.setSelectionRange(this.caretPosition, this.caretPosition);\n          return false;\n        });\n      };\n    }\n\n    // We use `manual-visibility-toggle` to to toggle the password's visibility\n    // even if the input field is focused-out. However, on focusout - Vaadin resets\n    // password visibility. Since we don't want to override Vaadin's native setFocus\n    // function (which is part of their FocusMixin).\n    // So, here we override the part of logic that runs within Vaadin's setFocus that reports\n    // the password visibility state. This logic is part of our `manual-visibility-toggle` only.\n    setFocus(focused) {\n      if (this.manualToggleVisibility) {\n        this.baseElement._setPasswordVisible = () => {};\n      }\n      this.origSetFocused.call(this.baseElement, focused);\n      this.baseElement._setPasswordVisible = this.origSetPasswordVisible.bind(this.baseElement);\n    }\n\n    resetPasswordVisibilityToggle() {\n      this.baseElement._setPasswordVisible = this.origSetPasswordVisible;\n      this.baseElement._setFocused = this.origSetFocus;\n    }\n\n    attributeChangedCallback(attrName, oldValue, newValue) {\n      super.attributeChangedCallback?.(attrName, oldValue, newValue);\n    }\n\n    // override vaadin's password visibility toggle.\n    // we need this override in order to to resolve the external input `focus` race condition,\n    // which is caused due to the focus sync between the two inputs.\n    handlePasswordVisibility(externalInput) {\n      // disable vaadin's `__boundRevealButtonMouseDown` mouse-down event lisetener\n      const origBoundRevealButtonMouseDown = this.baseElement.__boundRevealButtonMouseDown;\n      this.baseElement\n        .querySelector('vaadin-password-field-button')\n        .removeEventListener('mousedown', origBoundRevealButtonMouseDown);\n\n      // disable vaadin's `_passwordVisibleChanged` observer\n      this.baseElement._passwordVisibleChanged = () => {};\n\n      // override vaadin's `_togglePasswordVisibility`\n      this.baseElement._togglePasswordVisibility = () => {\n        const currVisibility = externalInput.getAttribute('type');\n        if (currVisibility === 'password') {\n          this.showPasswordVisibility(externalInput);\n        } else {\n          this.hidePasswordVisibility(externalInput);\n        }\n      };\n    }\n\n    showPasswordVisibility(input) {\n      // handle input element's type\n      input.setAttribute('type', 'text');\n      // handle vaadin's `password-visible` attribute\n      this.setAttribute('password-visible', 'true');\n    }\n\n    hidePasswordVisibility(input) {\n      // handle input element's type\n      input.setAttribute('type', 'password');\n      // handle vaadin's `password-visible` attribute\n      this.setAttribute('password-visible', 'false');\n    }\n  };\n\nconst {\n  host,\n  inputField,\n  inputElement,\n  inputElementPlaceholder,\n  revealButtonContainer,\n  revealButtonIcon,\n  label,\n  requiredIndicator,\n  errorMessage,\n  helperText,\n} = {\n  host: { selector: () => ':host' },\n  inputField: { selector: '::part(input-field)' },\n  inputElement: { selector: '> input' },\n  inputElementPlaceholder: { selector: () => ':host input:placeholder-shown' },\n  revealButtonContainer: { selector: '::part(reveal-button)' },\n  revealButtonIcon: { selector: '::part(reveal-button)::before' },\n  label: { selector: '::part(label)' },\n  requiredIndicator: { selector: '[required]::part(required-indicator)::after' },\n  helperText: { selector: '::part(helper-text)' },\n  errorMessage: { selector: '::part(error-message)' },\n};\n\nexport const PasswordClass = compose(\n  createStyleMixin({\n    mappings: {\n      hostWidth: { ...host, property: 'width' },\n      hostMinWidth: { ...host, property: 'min-width' },\n      hostDirection: { ...host, property: 'direction' },\n      fontSize: [{}, host],\n      fontFamily: [label, inputField, errorMessage, helperText],\n      inputHeight: { ...inputField, property: 'height' },\n      inputHorizontalPadding: [\n        { ...inputElement, property: 'padding-left' },\n        { ...inputElement, property: 'padding-right' },\n      ],\n      inputBackgroundColor: { ...inputField, property: 'background-color' },\n\n      inputBorderStyle: { ...inputField, property: 'border-style' },\n      inputBorderWidth: { ...inputField, property: 'border-width' },\n      inputBorderColor: { ...inputField, property: 'border-color' },\n      inputBorderRadius: { ...inputField, property: 'border-radius' },\n\n      inputOutlineColor: { ...inputField, property: 'outline-color' },\n      inputOutlineStyle: { ...inputField, property: 'outline-style' },\n      inputOutlineOffset: { ...inputField, property: 'outline-offset' },\n      inputOutlineWidth: { ...inputField, property: 'outline-width' },\n\n      labelFontSize: { ...label, property: 'font-size' },\n      labelFontWeight: { ...label, property: 'font-weight' },\n      labelTextColor: [\n        { ...label, property: 'color' },\n        { ...requiredIndicator, property: 'color' },\n      ],\n      labelRequiredIndicator: { ...requiredIndicator, property: 'content' },\n      errorMessageTextColor: { ...errorMessage, property: 'color' },\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\n      inputPlaceholderTextColor: [\n        { ...inputElementPlaceholder, property: 'color' },\n        { selector: () => ':host ::slotted(input:placeholder-shown)', property: 'color' },\n      ],\n      inputValueTextColor: [\n        { ...inputElement, property: 'color' },\n        { selector: () => ':host ::slotted(input)', property: 'color' },\n      ],\n\n      revealButtonOffset: [\n        { ...revealButtonContainer, property: 'margin-right' },\n        { ...revealButtonContainer, property: 'margin-left' },\n      ],\n      revealButtonSize: { ...revealButtonContainer, property: 'font-size' },\n      revealButtonColor: { ...revealButtonIcon, property: 'color' },\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      placeholderOpacity: [\n        { selector: '> input:placeholder-shown', property: 'opacity' },\n        { ...inputElement, property: 'opacity' },\n      ],\n      inputVerticalAlignment: { ...inputField, property: 'align-items' },\n      valueInputHeight: { ...inputElement, property: 'height' },\n    },\n  }),\n  draggableMixin,\n  externalInputMixin({\n    inputType: 'password',\n    inputName: 'password',\n    includeAttrs: ['disabled', 'readonly', 'pattern', 'type', 'autocomplete'],\n    noBlurDispatch: true,\n  }),\n  proxyInputMixin({ proxyProps: ['value', 'selectionStart'], useProxyTargets: true }),\n  componentNameValidationMixin,\n  passwordDraggableMixin,\n  customMixin\n)(\n  createProxy({\n    slots: ['', 'suffix'],\n    wrappedEleName: 'vaadin-password-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\tmin-width: 10em;\n        box-sizing: border-box;\n        position: relative;\n\t\t\t}\n\t\t\t${useHostExternalPadding(PasswordClass.cssVarList)}\n\t\t\t${resetInputCursor('vaadin-password-field')}\n      ${resetInputLabelPosition('vaadin-password-field')}\n\n\t\t\tvaadin-password-field {\n\t\t\t\twidth: 100%;\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\tpadding: 0;\n\t\t\t}\n\t\t\tvaadin-password-field > input {\n        -webkit-mask-image: none;\n\t\t\t\tbox-sizing: border-box;\n        opacity: 1;\n\t\t\t}\n\t\t\tvaadin-password-field::part(input-field) {\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\tpadding: 0;\n\t\t\t}\n\t\t\tvaadin-password-field[focus-ring]::part(input-field) {\n\t\t\t\tbox-shadow: none;\n\t\t\t}\n      :host ::slotted(input) {\n\t\t\t\tmin-height: 0;\n      }\n      :host([readonly]) ::slotted(input:placeholder-shown) {\n\t\t\t\topacity: 0;\n\t\t\t}\n\t\t\tvaadin-password-field::before {\n\t\t\t\theight: initial;\n\t\t\t}\n\t\t\tvaadin-password-field::part(input-field)::after {\n\t\t\t\topacity: 0;\n\t\t\t}\n\t\t\tvaadin-password-field-button {\n\t\t\t\tcursor: pointer;\n\t\t\t}\n\t\t\t:host([readonly]) vaadin-password-field-button {\n\t\t\t\tpointer-events: none;\n\t\t\t}\n\t\t\tvaadin-password-field-button[focus-ring] {\n\t\t\t\tbox-shadow: 0 0 0 2px var(${PasswordClass.cssVarList.inputOutlineColor});\n\t\t\t}\n\n      ${inputFloatingLabelStyle()}\n    \n      ::part(reveal-button) {\n        align-self: center;\n      }\n\n      vaadin-password-field[external-input=\"true\"] > input:not(:placeholder-shown) {\n        opacity: 0;\n      }\n\t\t`,\n    excludeAttrsSync: ['tabindex'],\n    componentName,\n  })\n);\n","import '@vaadin/password-field';\nimport { componentName, PasswordClass } from './PasswordClass';\n\ncustomElements.define(componentName, PasswordClass);\n\nexport { PasswordClass, componentName };\n","const passwordDraggableMixin = (superclass) =>\n  class PasswordDraggableMixinClass extends superclass {\n    get isReadOnly() {\n      return this.hasAttribute('readonly') && this.getAttribute('readonly') !== 'false';\n    }\n\n    init() {\n      // there is an issue in Chrome that input field with type password cannot be D&D\n      // so in case the input is draggable & readonly, we are changing the input type to \"text\" before dragging\n      // and return the original type when done\n      super.init?.();\n\n      const ele = this.querySelector('input');\n\n      ele?.addEventListener('mousedown', (e) => {\n        if (this.isDraggable && this.isReadOnly) {\n          ele.setAttribute('inert', 'true');\n\n          const inputEle = e.target;\n          const prevType = inputEle.getAttribute('type');\n          inputEle.setAttribute('type', 'text');\n          setTimeout(() => {\n            inputEle.focus();\n          });\n\n          const onComplete = (_) => {\n            inputEle.setAttribute('type', prevType);\n            ele.removeAttribute('inert');\n            this.removeEventListener('mouseup', onComplete);\n            this.removeEventListener('dragend', onComplete);\n          };\n\n          this.addEventListener('dragend', onComplete, { once: true });\n          this.addEventListener('mouseup', onComplete, { once: true });\n        }\n      });\n    }\n  };\n\nexport default passwordDraggableMixin;\n","// eslint-disable-next-line max-classes-per-file\nimport { createStyleMixin, draggableMixin, componentNameValidationMixin } from '../../mixins';\nimport { createBaseClass } from '../../baseClasses/createBaseClass';\nimport { compose } from '../../helpers';\nimport { getComponentName } from '../../helpers/componentHelpers';\nimport { interpolateString } from './helpers';\nimport { injectStyle } from '@descope-ui/common/components-helpers';\n\nexport const componentName = getComponentName('policy-validation');\n\nconst overrideAttrs = ['data-password-policy-value-minlength'];\nconst dataAttrs = ['data', 'active-policies', 'overrides', ...overrideAttrs];\nconst policyAttrs = ['label', 'value', ...dataAttrs];\n\nclass RawPolicyValidation extends createBaseClass({ componentName, baseSelector: ':host > div' }) {\n  #availablePolicies;\n\n  #activePolicies = [];\n\n  #overrides;\n\n  static get observedAttributes() {\n    return policyAttrs;\n  }\n\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n    <div>\n      <div class=\"label\"></div>\n      <ul></ul>\n    </div>\n\t\t`;\n\n    injectStyle(\n      `\n      :host > div {\n        width: 100%;\n        display: flex;\n        flex-direction: column;\n        box-sizing: border-box;\n      }\n      .label {\n        max-width: 100%;\n        text-wrap: wrap;\n        overflow-wrap: break-word;\n      }\n      .hide-label .label {\n        display: none;\n      }\n      ul {\n        display: flex;\n        flex-direction: column;\n        padding: 0;\n        margin: 0;\n      }\n      ul, li {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n      }\n      li::before {\n        display: inline-block;\n        width: 1em;\n        text-align: center;\n      }\n        `,\n      this\n    );\n\n    this.panel = this.shadowRoot.querySelector(':host > div');\n    this.label = this.shadowRoot.querySelector('.label');\n    this.list = this.shadowRoot.querySelector('ul');\n  }\n\n  attributeChangedCallback(attrName, oldValue, newValue) {\n    super.attributeChangedCallback?.(attrName, oldValue, newValue);\n    if (oldValue !== newValue) {\n      if (attrName === 'label') {\n        this.updateLabel(newValue);\n      }\n\n      // we're don't know the order in which the attributes are forwarded, so we're trying to render every time\n      // once `data` and `active-policies` are populated, the render will be executed.\n      // once the `overrides` object is updated, we want to re-render the panel.\n      if (dataAttrs.includes(attrName)) {\n        if (attrName === 'data') {\n          try {\n            this.availablePolicies = JSON.parse(newValue);\n          } catch {\n            // eslint-disable-next-line no-console\n            console.error('Failed to set available policies');\n          }\n        }\n        if (attrName === 'active-policies') {\n          this.#activePolicies = (newValue || '').split(',');\n        }\n\n        if (attrName === 'data-password-policy-value-minlength') {\n          const ln = Number(newValue);\n          if (!Number.isNaN(ln) && ln > 0) {\n            this.#overrides = { ...this.#overrides, minlength: { value: `${ln}` } };\n          }\n        }\n      }\n\n      this.renderItems(this.#availablePolicies, this.#activePolicies, this.#overrides);\n    }\n  }\n\n  get availablePolicies() {\n    return this.#availablePolicies || [];\n  }\n\n  set availablePolicies(val) {\n    this.#availablePolicies = val;\n  }\n\n  get value() {\n    return this.getAttribute('value') || '';\n  }\n\n  validate() {\n    let policies = this.#availablePolicies;\n\n    if (this.#overrides) {\n      policies = this.#availablePolicies.map((policy) =>\n        this.#overrides[policy.id] ? { ...policy, data: this.#overrides[policy.id] } : policy\n      );\n    }\n\n    return this.#activePolicies.reduce((results, id) => {\n      const policy = policies.find((p) => p.id === id);\n\n      if (!policy) {\n        return results;\n      }\n\n      const { pattern, message, data } = policy;\n\n      if (!pattern || !message) {\n        return results;\n      }\n\n      const exp = new RegExp(interpolateString(pattern, data));\n\n      const validationResult = {\n        valid: exp.test(this.value),\n        message: interpolateString(message, data),\n        id,\n      };\n\n      results.push(validationResult);\n\n      return results;\n    }, []);\n  }\n\n  get isValid() {\n    return !this.validate().some(({ valid }) => valid === false);\n  }\n\n  getValidationItemTemplate({ valid, message }) {\n    const status = !this.value ? 'none' : valid;\n    return `\n      <li class=\"item\" data-valid=\"${status}\">\n        <span class=\"message\">${message}</span>\n      </li>\n    `;\n  }\n\n  renderItems(availablePolicies, activePolicies) {\n    if (!availablePolicies || !activePolicies.length) {\n      return;\n    }\n\n    this.list.innerHTML = this.validate().map(this.getValidationItemTemplate.bind(this)).join('');\n  }\n\n  updateLabel(val) {\n    if (!val) {\n      this.classList.add('hide-label');\n      this.label.textContent = '';\n    } else {\n      this.label.textContent = val;\n      this.classList.remove('hide-label');\n    }\n  }\n}\n\nconst { host, item, symbolDefault, symbolSuccess, symbolError } = {\n  host: { selector: () => ':host > div' },\n  item: { selector: () => '.item' },\n  symbolDefault: { selector: () => '.item[data-valid=\"none\"]::before' },\n  symbolSuccess: { selector: () => '.item[data-valid=\"true\"]::before' },\n  symbolError: { selector: () => '.item[data-valid=\"false\"]::before' },\n};\n\nexport const PolicyValidationClass = compose(\n  createStyleMixin({ componentNameOverride: getComponentName('input-wrapper') }),\n  createStyleMixin({\n    mappings: {\n      hostDirection: { selector: () => ':host', property: 'direction' },\n      fontSize: {},\n      fontFamily: {},\n      padding: {},\n      borderWidth: { ...host, property: 'border-width' },\n      borderStyle: { ...host, property: 'border-style' },\n      borderColor: { ...host, property: 'border-color' },\n      borderRadius: { ...host, property: 'border-radius' },\n      backgroundColor: { ...host, property: 'background-color' },\n      textColor: { property: 'color' },\n      labelMargin: { ...host, property: 'gap' },\n      itemsSpacing: { ...item, property: 'line-height' },\n      itemSymbolSuccessColor: { ...symbolSuccess, property: 'color' },\n      itemSymbolErrorColor: { ...symbolError, property: 'color' },\n      itemSymbolDefault: { ...symbolDefault, property: 'content' },\n      itemSymbolSuccess: { ...symbolSuccess, property: 'content' },\n      itemSymbolError: { ...symbolError, property: 'content' },\n    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin\n)(RawPolicyValidation);\n","export const interpolateString = (template, values) =>\n  template.replace(/{{(\\w+)+}}/g, (match, key) => values?.[key] || match);\n","import { componentName, PolicyValidationClass } from './PolicyValidationClass';\n\ncustomElements.define(componentName, PolicyValidationClass);\n\nexport { PolicyValidationClass, componentName };\n","import {\n  createStyleMixin,\n  draggableMixin,\n  createProxy,\n  proxyInputMixin,\n  componentNameValidationMixin,\n} from '../../mixins';\nimport textFieldMappings from './textFieldMappings';\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('text-field');\n\nconst observedAttrs = ['type', 'label-type', 'copy-to-clipboard'];\n\nconst customMixin = (superclass) =>\n  class TextFieldClass extends superclass {\n    static get observedAttributes() {\n      return observedAttrs.concat(superclass.observedAttributes || []);\n    }\n\n    icon;\n\n    init() {\n      super.init?.();\n    }\n\n    renderCopyToClipboard(shouldRender) {\n      if (!shouldRender) {\n        this.icon?.remove();\n        return;\n      }\n\n      const iconInitConfig = {\n        icon: 'vaadin:copy-o',\n        title: 'Copy',\n        style: 'cursor: pointer',\n      };\n\n      const iconCopiedConfig = {\n        icon: 'vaadin:check-circle-o',\n        title: 'Copied',\n        style: 'cursor: initial',\n      };\n\n      this.icon = Object.assign(document.createElement('vaadin-icon'), {\n        slot: 'suffix',\n        ...iconInitConfig,\n      });\n\n      this.baseElement.appendChild(this.icon);\n      this.icon.addEventListener('click', () => {\n        navigator.clipboard.writeText(this.value);\n        Object.assign(this.icon, iconCopiedConfig);\n\n        // we want the icon to go back to the initial state after 5 seconds\n        setTimeout(() => {\n          Object.assign(this.icon, iconInitConfig);\n        }, 5000);\n      });\n    }\n\n    onLabelClick() {\n      this.focus();\n    }\n\n    attributeChangedCallback(attrName, oldVal, newVal) {\n      super.attributeChangeCallback?.(attrName, oldVal, newVal);\n\n      // Vaadin doesn't allow to change the input type attribute.\n      // We need the ability to do that, so we're overriding their\n      // behavior with their private API.\n      // When receiving a `type` attribute, we use their private API\n      // to set it on the input.\n      if (attrName === 'type') {\n        this.baseElement._setType(newVal);\n      }\n\n      if (oldVal !== newVal) {\n        if (attrName === 'label-type') {\n          if (newVal === 'floating') {\n            this.addEventListener('click', this.onLabelClick);\n          } else {\n            this.removeEventListener('click', this.onLabelClick);\n          }\n        } else if (attrName === 'copy-to-clipboard') {\n          this.renderCopyToClipboard(newVal === 'true');\n        }\n      }\n    }\n  };\n\nexport const TextFieldClass = compose(\n  createStyleMixin({\n    mappings: textFieldMappings,\n  }),\n  draggableMixin,\n  proxyInputMixin({ proxyProps: ['value', 'selectionStart'], useProxyTargets: true }),\n  componentNameValidationMixin,\n  customMixin\n)(\n  createProxy({\n    slots: ['prefix', 'suffix'],\n    wrappedEleName: 'vaadin-text-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(${TextFieldClass.cssVarList.inputOutlineWidth}) + var(${\n          TextFieldClass.cssVarList.inputOutlineOffset\n        }));\n        box-sizing: border-box;\n\t\t\t}\n      :host(:is([readonly], [disabled])) ::slotted(:is(input, textarea):placeholder-shown) {\n        opacity: 1;\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      ${resetInputLabelPosition('vaadin-text-field')}\n\t\t\t${useHostExternalPadding(TextFieldClass.cssVarList)}\n\t\t\t${resetInputOverrides('vaadin-text-field', TextFieldClass.cssVarList)}\n      ${inputFloatingLabelStyle()}\n\n      vaadin-text-field vaadin-icon {\n        align-self: center;\n      }\n\t\t`,\n    excludeAttrsSync: ['tabindex', 'style'],\n    componentName,\n  })\n);\n","import '@vaadin/text-field';\nimport '@vaadin/icons';\nimport '@vaadin/icon';\n\nimport { componentName, TextFieldClass } from './TextFieldClass';\n\ncustomElements.define(componentName, TextFieldClass);\n\nexport { TextFieldClass, componentName };\n","const {\n  host,\n  label,\n  placeholder,\n  requiredIndicator,\n  inputField,\n  input,\n  inputMask,\n  helperText,\n  errorMessage,\n  disabledPlaceholder,\n  inputDisabled,\n  inputIcon,\n  externalInput,\n  externalInputDisabled,\n  externalPlaceholder,\n  externalDisabledPlaceholder,\n} = {\n  host: { selector: () => ':host' },\n  label: { selector: '::part(label)' },\n  requiredIndicator: { selector: '[required]::part(required-indicator)::after' },\n  placeholder: [\n    { selector: '> input:placeholder-shown' },\n    { selector: () => ':host::slotted(input:placeholder-shown)' },\n  ],\n  disabledPlaceholder: { selector: '> input:disabled::placeholder' },\n  inputField: { selector: '::part(input-field)' },\n  input: { selector: 'input' },\n  inputMask: { selector: '::part(input-field)::before' },\n  inputDisabled: { selector: 'input:disabled' },\n  helperText: { selector: '::part(helper-text)' },\n  errorMessage: { selector: '::part(error-message)' },\n  inputIcon: { selector: 'vaadin-icon' },\n  externalInput: { selector: () => '::slotted(input)' },\n  externalInputDisabled: { selector: () => '::slotted(input:disabled)' },\n  externalPlaceholder: { selector: () => '::slotted(input:placeholder-shown)' },\n  externalDisabledPlaceholder: { selector: () => '::slotted(input:disabled::placeholder)' },\n};\n\nexport default {\n  // we apply font-size also on the host so we can set its width with em\n  fontSize: [{}, host],\n  fontFamily: [label, inputField, helperText, errorMessage],\n\n  labelFontSize: { ...label, property: 'font-size' },\n  labelFontWeight: { ...label, property: 'font-weight' },\n\n  labelTextColor: [\n    { ...label, property: 'color' },\n    { ...requiredIndicator, property: 'color' },\n    { ...label, property: '-webkit-text-fill-color' },\n    { ...requiredIndicator, property: '-webkit-text-fill-color' },\n  ],\n\n  hostWidth: { ...host, property: 'width' },\n  hostMinWidth: { ...host, property: 'min-width' },\n  hostDirection: { ...host, property: 'direction' },\n  inputDirection: { ...input, property: 'direction' },\n\n  inputBackgroundColor: [\n    { ...inputField, property: 'background-color' },\n    { ...inputMask, property: 'background-color' },\n  ],\n\n  errorMessageTextColor: { ...errorMessage, property: 'color' },\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\n  helperTextColor: { ...helperText, property: '-webkit-text-fill-color' },\n\n  inputValueTextColor: [\n    { ...inputField, property: 'color' },\n    { ...inputDisabled, property: '-webkit-text-fill-color' },\n    { ...externalInputDisabled, property: '-webkit-text-fill-color' },\n  ],\n  inputCaretTextColor: [\n    { ...input, property: 'caret-color' },\n    { ...externalInput, property: 'caret-color' },\n  ],\n\n  labelRequiredIndicator: { ...requiredIndicator, property: 'content' },\n\n  inputBorderColor: { ...inputField, property: 'border-color' },\n  inputBorderWidth: { ...inputField, property: 'border-width' },\n  inputBorderStyle: { ...inputField, property: 'border-style' },\n  inputBorderRadius: { ...inputField, property: 'border-radius' },\n\n  inputHeight: { ...inputField, property: 'height' },\n  inputHorizontalPadding: [\n    { ...input, property: 'padding-left' },\n    { ...input, property: 'padding-right' },\n    { ...externalInput, property: 'padding-left' },\n    { ...externalInput, property: 'padding-right' },\n  ],\n\n  inputOutlineColor: { ...inputField, property: 'outline-color' },\n  inputOutlineStyle: { ...inputField, property: 'outline-style' },\n  inputOutlineWidth: { ...inputField, property: 'outline-width' },\n  inputOutlineOffset: { ...inputField, property: 'outline-offset' },\n\n  textAlign: {},\n\n  inputTextAlign: [\n    { ...input, property: 'text-align' },\n    { ...externalInput, property: 'text-align' },\n  ],\n\n  inputPlaceholderColor: [\n    { selector: () => ':host input:placeholder-shown', property: 'color' },\n    { ...externalPlaceholder, property: 'color' },\n    { ...placeholder, property: 'color' },\n    { ...disabledPlaceholder, property: '-webkit-text-fill-color' },\n    { ...externalDisabledPlaceholder, property: '-webkit-text-fill-color' },\n  ],\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  placeholderOpacity: [\n    { selector: '> input:placeholder-shown', property: 'opacity' },\n    { ...externalPlaceholder, property: 'opacity' },\n  ],\n  inputVerticalAlignment: [\n    { ...inputField, property: 'align-items' },\n    { ...externalInput, property: 'align-items' },\n  ],\n  valueInputHeight: [\n    { ...input, property: 'height' },\n    { ...externalInput, property: 'height' },\n  ],\n  valueInputMarginBottom: [\n    { ...input, property: 'margin-bottom' },\n    { ...externalInput, property: 'margin-bottom' },\n  ],\n\n  inputIconOffset: [\n    { ...inputIcon, property: 'margin-right' },\n    { ...inputIcon, property: 'margin-left' },\n  ],\n  inputIconSize: { ...inputIcon, property: 'font-size' },\n  inputIconColor: { ...inputIcon, property: 'color' },\n};\n","export const useHostExternalPadding = (cssVarList) => `\n    :host {\n        padding: calc(var(${cssVarList.inputOutlineWidth}) + var(${cssVarList.inputOutlineOffset}))\n    }\n`;\n\nexport const resetInputFieldUnderlayingBorder = (name) => `\n    ${name}::part(input-field)::after {\n        border: none;\n    }\n`;\n\nexport const resetInitialHeight = (name) => `\n    ${name}::before {\n\t\theight: unset;\n\t}\n`;\n\nexport const resetInputElement = (name) => `\n    ${name} > input {\n        -webkit-mask-image: none;\n        min-height: 0;\n        box-sizing: border-box;\n    }\n`;\n\nexport const resetInputContainer = (name) => `\n    ${name} {\n        margin: 0;\n        padding: 0;\n        width: 100%;\n        height: 100%;\n        box-sizing: border-box;\n    }\n`;\n\nexport const resetInputField = (name) => `\n    ${name}::part(input-field) {\n        overflow: hidden;\n        padding: 0;\n        box-shadow: none;\n    }\n`;\n\nexport const resetInputCursor = (name) => `\n    ${name} > label,\n    ${name}::part(label),\n    ${name}::part(required-indicator) {\n        cursor: pointer;\n    }\n`;\n\nexport const resetInputPlaceholder = (name, ele = 'input') => `\n    ${name}[disabled] > ${ele}:placeholder-shown,\n\t${name}[readonly] > ${ele}:placeholder-shown {\n\t\topacity: 1;\n\t}\n`;\n\nexport const resetInputAutoFill = (name, cssVarList) => `\n    ${name} input:-webkit-autofill,\n    ${name} input:-webkit-autofill::first-line,\n    ${name} input:-webkit-autofill:hover,\n    ${name} input:-webkit-autofill:active,\n    ${name} input:-webkit-autofill:focus {\n        -webkit-text-fill-color: var(${cssVarList.inputValueTextColor});\n        box-shadow: 0 0 0 var(${cssVarList.inputHeight}) var(${cssVarList.inputBackgroundColor}) inset;\n    }\n`;\n\nexport const resetInputFieldDefaultWidth = () => `\n    :host {\n        --vaadin-field-default-width: auto;\n        box-sizing: border-box;\n    }\n`;\n\nexport const resetInputReadonlyStyle = (name) => `\n    ${name}::part(input-field)::after {\n        opacity: 0;\n    }\n`;\n\nexport const resetInputFieldInvalidBackgroundColor = (name) => `\n    ${name}::part(input-field)::after {\n        background: none;\n    }\n`;\n\nexport const resetInputOverrides = (name, cssVarList) => `\n    ${resetInputContainer(name)}\n    ${resetInputCursor(name)}\n    ${resetInputPlaceholder(name)}\n    ${resetInputField(name)}\n    ${resetInputAutoFill(name, cssVarList)}\n    ${resetInputFieldInvalidBackgroundColor(name)}\n    ${resetInitialHeight(name)}\n    ${resetInputElement(name)}\n    ${resetInputFieldUnderlayingBorder(name)}\n`;\n\n// This function is used to support RTL correctly for input components.\n// It also fixes the error message to be displayed LTR since we currently\n// don't support RTL for error messages.\nexport const resetInputLabelPosition = (name) => `\n    :host ::part(error-message) {\n      direction: ltr;\n    }\n    :host([required]) ::part(required-indicator) {\n      width: 1em;\n      display: inline-flex;\n    }\n    :host([required]) ::part(required-indicator)::after {\n      position: static;\n    }\n    :host([has-label]) ::part(label) {\n      padding-right: 0;\n      padding-bottom: 0;\n      display: flex;\n      width: 100%;\n    }\n    ${name} [slot=\"label\"] {\n      max-width: calc(100% - 1em);\n      overflow: hidden;\n      text-overflow: ellipsis;\n      padding-bottom: 0.5em;\n    }\n`;\n\nexport const inputFloatingLabelStyle = () => {\n  return `\n  :host([label-type=\"floating\"]) {\n    position: relative;\n  }\n  :host([label-type=\"floating\"][has-label]) [slot=\"label\"] {\n    padding: 0;\n  }\n  :host([label-type=\"floating\"][has-label]) > ::part(label) {\n    z-index: 1;\n    padding: 0;\n    width: auto;\n  }\n  `;\n};\n"],"names":["createBaseInputClass","args","componentName","policyPreviewVars","cssVarList","host","label","internalInputsWrapper","errorMessage","helperText","passwordInput","policyPreview","selector","NewPasswordClass","mappings","fontSize","property","fontFamily","labelFontSize","labelFontWeight","labelTextColor","errorMessageTextColor","errorMessageIcon","errorMessageIconSize","errorMessageIconPadding","errorMessageIconRepeat","errorMessageIconPosition","hostWidth","hostMinWidth","hostDirection","inputsRequiredIndicator","spaceBetweenInputs","policyPreviewBackgroundColor","backgroundColor","policyPreviewPadding","padding","valueInputHeight","valueInputMarginBottom","proxyProps","superclass","init","super","template","document","createElement","externalInputAttr","this","getAttribute","innerHTML","baseElement","appendChild","content","cloneNode","inputElement","shadowRoot","querySelector","initExternalInput","includeAttrs","createSlottedExternalInput","node","slotName","externalInput","slotEle","targetSlot","setAttribute","confirmInput","slots","wrappedEleName","style","excludeAttrsSync","passwordAttrPrefixRegex","confirmAttrPrefixRegex","removeAttrPrefix","attr","prefix","replace","passwordInputAttrs","confirmInputAttrs","commonAttrs","inputRelatedAttrs","concat","BaseInputClass","customElements","define","observedAttributes","constructor","wrapperEle","value","val","hasConfirm","onHasConfirmChange","classList","toggle","onHasValidationChange","hasValidation","policyPanel","getValidity","isRequired","valueMissing","isValid","typeMismatch","patternMismatch","min","minVal","parseInt","length","tooShort","addEventListener","e","isTrusted","focus","renderInputs","hasExternalInput","inputs","initInputs","target","mapAttrs","handleIndicatorStyle","forEach","input","isInvalid","hasAttribute","handleInputsInvalidAttribute","changedAttributes","includes","inputInvalidValue","rootInvalidValue","handleFocusEventsDispatching","toggleBooleanAttribute","ele","name","removeAttribute","attributeChangedCallback","attrName","oldValue","newValue","inputField","inputElementPlaceholder","revealButtonContainer","revealButtonIcon","requiredIndicator","PasswordClass","inputHeight","inputHorizontalPadding","inputBackgroundColor","inputBorderStyle","inputBorderWidth","inputBorderColor","inputBorderRadius","inputOutlineColor","inputOutlineStyle","inputOutlineOffset","inputOutlineWidth","labelRequiredIndicator","inputPlaceholderTextColor","inputValueTextColor","revealButtonOffset","revealButtonSize","revealButtonColor","labelPosition","labelTopPosition","labelHorizontalPosition","inputTransformY","inputTransition","marginInlineStart","placeholderOpacity","inputVerticalAlignment","inputType","inputName","noBlurDispatch","useProxyTargets","manualToggleVisibility","handleCaretOnVisibilityChange","origSetPasswordVisible","_setPasswordVisible","origSetFocused","_setFocused","setFocus","bind","createExternalInput","handlePasswordVisibility","caretPosition","origTogglePasswordVisibility","_togglePasswordVisibility","setTimeout","setSelectionRange","focused","call","resetPasswordVisibilityToggle","origSetFocus","origBoundRevealButtonMouseDown","__boundRevealButtonMouseDown","removeEventListener","_passwordVisibleChanged","showPasswordVisibility","hidePasswordVisibility","isReadOnly","isDraggable","inputEle","prevType","onComplete","_","once","dataAttrs","policyAttrs","RawPolicyValidation","baseSelector","attachShadow","mode","panel","list","updateLabel","availablePolicies","JSON","parse","console","error","split","ln","Number","isNaN","minlength","renderItems","validate","policies","map","policy","id","data","reduce","results","find","p","pattern","message","validationResult","valid","RegExp","test","push","some","getValidationItemTemplate","activePolicies","join","textContent","remove","add","item","symbolDefault","symbolSuccess","symbolError","PolicyValidationClass","componentNameOverride","borderWidth","borderStyle","borderColor","borderRadius","textColor","labelMargin","itemsSpacing","itemSymbolSuccessColor","itemSymbolErrorColor","itemSymbolDefault","itemSymbolSuccess","itemSymbolError","interpolateString","values","match","key","observedAttrs","TextFieldClass","icon","renderCopyToClipboard","shouldRender","iconInitConfig","title","iconCopiedConfig","Object","assign","slot","navigator","clipboard","writeText","onLabelClick","oldVal","newVal","attributeChangeCallback","_setType","placeholder","inputMask","disabledPlaceholder","inputDisabled","inputIcon","externalInputDisabled","externalPlaceholder","externalDisabledPlaceholder","inputDirection","helperTextColor","inputCaretTextColor","textAlign","inputTextAlign","inputPlaceholderColor","inputIconOffset","inputIconSize","inputIconColor","useHostExternalPadding","resetInputContainer","resetInputField","resetInputCursor","resetInputPlaceholder","resetInputFieldDefaultWidth","resetInputReadonlyStyle","resetInputFieldInvalidBackgroundColor","resetInputOverrides","resetInputAutoFill","resetInitialHeight","resetInputElement","resetInputFieldUnderlayingBorder","resetInputLabelPosition","inputFloatingLabelStyle"],"sourceRoot":""}

package/dist/umd/descope-notification-descope-notification-card-index-js.js

@@ -1 +1,2 @@
-"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[7326],{39749:(e,t,n)=>{n.r(t),n.d(t,{NotificationCardClass:()=>c}),n(94574);var o=n(7138),r=n(14944),i=n(94619);const s=(0,r.xE)("notification-card"),a={content:()=>"vaadin-notification-card::part(content)",overlay:()=>"vaadin-notification-card::part(overlay)"},c=(0,o.Zz)((0,i.RF)({mappings:{hostMinWidth:{selector:a.content,property:"min-width"},fontFamily:{},fontSize:{},backgroundColor:{selector:a.content},textColor:{property:"color"},boxShadow:{},borderWidth:{selector:a.content,property:"border-width"},borderColor:{selector:a.content,property:"border-color"},borderStyle:{selector:a.content,property:"border-style"},borderRadius:[{selector:a.content,property:"border-radius"},{selector:a.overlay,property:"border-radius"}],verticalPadding:[{selector:a.content,property:"padding-top"},{selector:a.content,property:"padding-bottom"}],horizontalPadding:[{selector:a.content,property:"padding-right"},{selector:a.content,property:"padding-left"}]}}),(e=>class extends e{close(){this.baseElement.addEventListener("animationend",(()=>{this.remove(),this.dispatchEvent(new Event("card-closed"))})),this.setAttribute("opened","false")}constructor(){super(),this.baseElement.innerHTML='\n      <div part="root">\n        <div part="content">\n          <slot></slot>\n        </div>\n        <div part="close">\n          <slot name="close"></slot>\n        </div>\n      </div>\n      ',this.closeEle=this.shadowRoot.querySelector('[part="close"]')}init(){super.init?.(),this.closeEle.onclick=()=>{this.close()}}}))((0,i.tz)({slots:[],wrappedEleName:"vaadin-notification-card",style:()=>'\n    vaadin-notification-card {\n      box-shadow: none;\n    }\n    ::part(overlay) {\n      box-shadow: none;\n      background: none;\n    }\n\n    [part="close"] {\n      cursor: pointer;\n      display: flex;\n    }\n\n    [part="content"] {\n      display: flex;\n      align-items: center;\n      flex-grow: 1;\n    }\n\n    [part="root"] {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      width: 100%;\n    }\n    ',excludeAttrsSync:["tabindex"],componentName:s}));customElements.define(s,c)}}]);
+"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[7326],{69182:(e,t,n)=>{n.r(t),n.d(t,{NotificationCardClass:()=>c}),n(18983);var o=n(9696),r=n(97810),i=n(79365);const s=(0,r.xE)("notification-card"),a={content:()=>"vaadin-notification-card::part(content)",overlay:()=>"vaadin-notification-card::part(overlay)"},c=(0,o.Zz)((0,i.RF)({mappings:{hostMinWidth:{selector:a.content,property:"min-width"},fontFamily:{},fontSize:{},backgroundColor:{selector:a.content},textColor:{property:"color"},boxShadow:{},borderWidth:{selector:a.content,property:"border-width"},borderColor:{selector:a.content,property:"border-color"},borderStyle:{selector:a.content,property:"border-style"},borderRadius:[{selector:a.content,property:"border-radius"},{selector:a.overlay,property:"border-radius"}],verticalPadding:[{selector:a.content,property:"padding-top"},{selector:a.content,property:"padding-bottom"}],horizontalPadding:[{selector:a.content,property:"padding-right"},{selector:a.content,property:"padding-left"}]}}),(e=>class extends e{close(){this.baseElement.addEventListener("animationend",(()=>{this.remove(),this.dispatchEvent(new Event("card-closed"))})),this.setAttribute("opened","false")}constructor(){super(),this.baseElement.innerHTML='\n      <div part="root">\n        <div part="content">\n          <slot></slot>\n        </div>\n        <div part="close">\n          <slot name="close"></slot>\n        </div>\n      </div>\n      ',this.closeEle=this.shadowRoot.querySelector('[part="close"]')}init(){super.init?.(),this.closeEle.onclick=()=>{this.close()}}}))((0,i.tz)({slots:[],wrappedEleName:"vaadin-notification-card",style:()=>'\n    vaadin-notification-card {\n      box-shadow: none;\n    }\n    ::part(overlay) {\n      box-shadow: none;\n      background: none;\n    }\n\n    [part="close"] {\n      cursor: pointer;\n      display: flex;\n    }\n\n    [part="content"] {\n      display: flex;\n      align-items: center;\n      flex-grow: 1;\n    }\n\n    [part="root"] {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      width: 100%;\n    }\n    ',excludeAttrsSync:["tabindex"],componentName:s}));customElements.define(s,c)}}]);
+//# sourceMappingURL=descope-notification-descope-notification-card-index-js.js.map

package/dist/umd/descope-notification-descope-notification-card-index-js.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"descope-notification-descope-notification-card-index-js.js","mappings":"kOAIO,MAAMA,GAAgB,QAAiB,qBA4CxCC,EAAY,CAChBC,QAAS,IAAM,0CACfC,QAAS,IAAM,2CAGJC,GAAwB,SACnC,QAAiB,CACfC,SAAU,CACRC,aAAc,CAAEC,SAAUN,EAAUC,QAASM,SAAU,aACvDC,WAAY,CAAC,EACbC,SAAU,CAAC,EACXC,gBAAiB,CAAEJ,SAAUN,EAAUC,SACvCU,UAAW,CAAEJ,SAAU,SACvBK,UAAW,CAAC,EACZC,YAAa,CAAEP,SAAUN,EAAUC,QAASM,SAAU,gBACtDO,YAAa,CAAER,SAAUN,EAAUC,QAASM,SAAU,gBACtDQ,YAAa,CAAET,SAAUN,EAAUC,QAASM,SAAU,gBACtDS,aAAc,CACZ,CAAEV,SAAUN,EAAUC,QAASM,SAAU,iBACzC,CAAED,SAAUN,EAAUE,QAASK,SAAU,kBAE3CU,gBAAiB,CACf,CAAEX,SAAUN,EAAUC,QAASM,SAAU,eACzC,CAAED,SAAUN,EAAUC,QAASM,SAAU,mBAE3CW,kBAAmB,CACjB,CAAEZ,SAAUN,EAAUC,QAASM,SAAU,iBACzC,CAAED,SAAUN,EAAUC,QAASM,SAAU,qBArElBY,GAC7B,cAAyCA,EACvC,KAAAC,GAMEC,KAAKC,YAAYC,iBAAiB,gBAAgB,KAChDF,KAAKG,SACLH,KAAKI,cAAc,IAAIC,MAAM,eAAe,IAG9CL,KAAKM,aAAa,SAAU,QAC9B,CAEA,WAAAC,GACEC,QAEAR,KAAKC,YAAYQ,UAAY,2MAW7BT,KAAKU,SAAWV,KAAKW,WAAWC,cAAc,iBAChD,CAEA,IAAAC,GACEL,MAAMK,SAENb,KAAKU,SAASI,QAAU,KACtBd,KAAKD,OAAO,CAEhB,IAQiC,EA4BnC,QAAY,CACVgB,MAAO,GACPC,eAAgB,2BAChBC,MAAO,IAAM,ydA2BbC,iBAAkB,CAAC,YACnBxC,mBC7GJyC,eAAeC,OAAO1C,EAAeI,E","sources":["webpack://@descope/web-components-ui/./src/components/descope-notification/descope-notification-card/NotificationCardClass.js","webpack://@descope/web-components-ui/./src/components/descope-notification/descope-notification-card/index.js"],"sourcesContent":["import { compose } from '../../../helpers';\nimport { getComponentName } from '../../../helpers/componentHelpers';\nimport { createStyleMixin, createProxy } from '../../../mixins';\n\nexport const componentName = getComponentName('notification-card');\n\nconst notificationCardMixin = (superclass) =>\n  class NotificationCardMixinClass extends superclass {\n    close() {\n      // if animation is not applied to the element, the node will not be removed\n      // from the DOM. We should avoid that. So, if in any case we allow\n      // customizing the animation - we should check if animation is applied\n      // and if it's not applied - remove the element from the DOM and dispatch\n      // `card-closed` event.\n      this.baseElement.addEventListener('animationend', () => {\n        this.remove();\n        this.dispatchEvent(new Event('card-closed'));\n      });\n\n      this.setAttribute('opened', 'false');\n    }\n\n    constructor() {\n      super();\n\n      this.baseElement.innerHTML = `\n      <div part=\"root\">\n        <div part=\"content\">\n          <slot></slot>\n        </div>\n        <div part=\"close\">\n          <slot name=\"close\"></slot>\n        </div>\n      </div>\n      `;\n\n      this.closeEle = this.shadowRoot.querySelector('[part=\"close\"]');\n    }\n\n    init() {\n      super.init?.();\n\n      this.closeEle.onclick = () => {\n        this.close();\n      };\n    }\n  };\n\nconst selectors = {\n  content: () => 'vaadin-notification-card::part(content)',\n  overlay: () => 'vaadin-notification-card::part(overlay)',\n};\n\nexport const NotificationCardClass = compose(\n  createStyleMixin({\n    mappings: {\n      hostMinWidth: { selector: selectors.content, property: 'min-width' },\n      fontFamily: {},\n      fontSize: {},\n      backgroundColor: { selector: selectors.content },\n      textColor: { property: 'color' },\n      boxShadow: {},\n      borderWidth: { selector: selectors.content, property: 'border-width' },\n      borderColor: { selector: selectors.content, property: 'border-color' },\n      borderStyle: { selector: selectors.content, property: 'border-style' },\n      borderRadius: [\n        { selector: selectors.content, property: 'border-radius' },\n        { selector: selectors.overlay, property: 'border-radius' },\n      ],\n      verticalPadding: [\n        { selector: selectors.content, property: 'padding-top' },\n        { selector: selectors.content, property: 'padding-bottom' },\n      ],\n      horizontalPadding: [\n        { selector: selectors.content, property: 'padding-right' },\n        { selector: selectors.content, property: 'padding-left' },\n      ],\n    },\n  }),\n  notificationCardMixin\n)(\n  createProxy({\n    slots: [],\n    wrappedEleName: 'vaadin-notification-card',\n    style: () => `\n    vaadin-notification-card {\n      box-shadow: none;\n    }\n    ::part(overlay) {\n      box-shadow: none;\n      background: none;\n    }\n\n    [part=\"close\"] {\n      cursor: pointer;\n      display: flex;\n    }\n\n    [part=\"content\"] {\n      display: flex;\n      align-items: center;\n      flex-grow: 1;\n    }\n\n    [part=\"root\"] {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      width: 100%;\n    }\n    `,\n    excludeAttrsSync: ['tabindex'],\n    componentName,\n  })\n);\n","import '@vaadin/notification';\nimport { componentName, NotificationCardClass } from './NotificationCardClass';\n\ncustomElements.define(componentName, NotificationCardClass);\n\nexport { NotificationCardClass };\n"],"names":["componentName","selectors","content","overlay","NotificationCardClass","mappings","hostMinWidth","selector","property","fontFamily","fontSize","backgroundColor","textColor","boxShadow","borderWidth","borderColor","borderStyle","borderRadius","verticalPadding","horizontalPadding","superclass","close","this","baseElement","addEventListener","remove","dispatchEvent","Event","setAttribute","constructor","super","innerHTML","closeEle","shadowRoot","querySelector","init","onclick","slots","wrappedEleName","style","excludeAttrsSync","customElements","define"],"sourceRoot":""}

package/dist/umd/descope-notification-index-js.js

@@ -1 +1,2 @@
-"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[7326,8019],{39749:(e,t,n)=>{n.r(t),n.d(t,{NotificationCardClass:()=>s}),n(94574);var o=n(7138),i=n(14944),r=n(94619);const a=(0,i.xE)("notification-card"),c={content:()=>"vaadin-notification-card::part(content)",overlay:()=>"vaadin-notification-card::part(overlay)"},s=(0,o.Zz)((0,r.RF)({mappings:{hostMinWidth:{selector:c.content,property:"min-width"},fontFamily:{},fontSize:{},backgroundColor:{selector:c.content},textColor:{property:"color"},boxShadow:{},borderWidth:{selector:c.content,property:"border-width"},borderColor:{selector:c.content,property:"border-color"},borderStyle:{selector:c.content,property:"border-style"},borderRadius:[{selector:c.content,property:"border-radius"},{selector:c.overlay,property:"border-radius"}],verticalPadding:[{selector:c.content,property:"padding-top"},{selector:c.content,property:"padding-bottom"}],horizontalPadding:[{selector:c.content,property:"padding-right"},{selector:c.content,property:"padding-left"}]}}),(e=>class extends e{close(){this.baseElement.addEventListener("animationend",(()=>{this.remove(),this.dispatchEvent(new Event("card-closed"))})),this.setAttribute("opened","false")}constructor(){super(),this.baseElement.innerHTML='\n      <div part="root">\n        <div part="content">\n          <slot></slot>\n        </div>\n        <div part="close">\n          <slot name="close"></slot>\n        </div>\n      </div>\n      ',this.closeEle=this.shadowRoot.querySelector('[part="close"]')}init(){super.init?.(),this.closeEle.onclick=()=>{this.close()}}}))((0,r.tz)({slots:[],wrappedEleName:"vaadin-notification-card",style:()=>'\n    vaadin-notification-card {\n      box-shadow: none;\n    }\n    ::part(overlay) {\n      box-shadow: none;\n      background: none;\n    }\n\n    [part="close"] {\n      cursor: pointer;\n      display: flex;\n    }\n\n    [part="content"] {\n      display: flex;\n      align-items: center;\n      flex-grow: 1;\n    }\n\n    [part="root"] {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      width: 100%;\n    }\n    ',excludeAttrsSync:["tabindex"],componentName:a}));customElements.define(a,s)},35592:(e,t,n)=>{n.r(t),n.d(t,{NotificationClass:()=>s,componentName:()=>c}),n(94574);var o=n(14944);const i=window.customElements.get("vaadin-notification-container");if(!i)throw new Error("could not get vaadin-notification-container class");customElements.define((0,o.xE)("notification-container"),class extends i{}),n(39749);var r=n(7138),a=n(94619);const c=(0,o.xE)("notification"),s=(0,r.Zz)(a.VO,a.tQ,a.mZ,(e=>class t extends e{#e;constructor(){super();const e=this;Object.defineProperty(this.baseElement,"_container",{get:()=>(t._container||(t._container=document.createElement("descope-notification-container"),t._container.style.position="absolute",document.body.appendChild(t._container)),t._container.isConnected||setTimeout((()=>e.parentNode.appendChild(t._container))),t._container)}),Object.defineProperty(this.baseElement,"_card",{get:()=>e.#e}),this.baseElement._removeNotificationCard=this.close.bind(this)}close(){this.#e.close()}init(){super.init?.(),this.createCard(),(0,o.EA)(this,this.#e),(0,o.Gh)(this.#e,this,{includeAttrs:["opened"]}),this.baseElement.renderer=e=>{Array.from(this.childNodes).forEach((t=>e.appendChild(t)))}}get isContainerEmpty(){return!t._container.children.length}removeContainer(){t._container.remove()}removeNotification(){this.remove(),this.isContainerEmpty&&this.removeContainer()}createCard(){this.#e=document.createElement("descope-notification-card"),this.#e.addEventListener("card-closed",this.removeNotification.bind(this))}}))((0,a.tz)({wrappedEleName:"vaadin-notification",excludeAttrsSync:["tabindex"],componentName:c}));customElements.define(c,s)}}]);
+"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[7326,8019],{69182:(e,t,n)=>{n.r(t),n.d(t,{NotificationCardClass:()=>s}),n(18983);var o=n(9696),i=n(97810),r=n(79365);const a=(0,i.xE)("notification-card"),c={content:()=>"vaadin-notification-card::part(content)",overlay:()=>"vaadin-notification-card::part(overlay)"},s=(0,o.Zz)((0,r.RF)({mappings:{hostMinWidth:{selector:c.content,property:"min-width"},fontFamily:{},fontSize:{},backgroundColor:{selector:c.content},textColor:{property:"color"},boxShadow:{},borderWidth:{selector:c.content,property:"border-width"},borderColor:{selector:c.content,property:"border-color"},borderStyle:{selector:c.content,property:"border-style"},borderRadius:[{selector:c.content,property:"border-radius"},{selector:c.overlay,property:"border-radius"}],verticalPadding:[{selector:c.content,property:"padding-top"},{selector:c.content,property:"padding-bottom"}],horizontalPadding:[{selector:c.content,property:"padding-right"},{selector:c.content,property:"padding-left"}]}}),(e=>class extends e{close(){this.baseElement.addEventListener("animationend",(()=>{this.remove(),this.dispatchEvent(new Event("card-closed"))})),this.setAttribute("opened","false")}constructor(){super(),this.baseElement.innerHTML='\n      <div part="root">\n        <div part="content">\n          <slot></slot>\n        </div>\n        <div part="close">\n          <slot name="close"></slot>\n        </div>\n      </div>\n      ',this.closeEle=this.shadowRoot.querySelector('[part="close"]')}init(){super.init?.(),this.closeEle.onclick=()=>{this.close()}}}))((0,r.tz)({slots:[],wrappedEleName:"vaadin-notification-card",style:()=>'\n    vaadin-notification-card {\n      box-shadow: none;\n    }\n    ::part(overlay) {\n      box-shadow: none;\n      background: none;\n    }\n\n    [part="close"] {\n      cursor: pointer;\n      display: flex;\n    }\n\n    [part="content"] {\n      display: flex;\n      align-items: center;\n      flex-grow: 1;\n    }\n\n    [part="root"] {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      width: 100%;\n    }\n    ',excludeAttrsSync:["tabindex"],componentName:a}));customElements.define(a,s)},8273:(e,t,n)=>{n.r(t),n.d(t,{NotificationClass:()=>s,componentName:()=>c}),n(18983);var o=n(97810);const i=window.customElements.get("vaadin-notification-container");if(!i)throw new Error("could not get vaadin-notification-container class");customElements.define((0,o.xE)("notification-container"),class extends i{}),n(69182);var r=n(9696),a=n(79365);const c=(0,o.xE)("notification"),s=(0,r.Zz)(a.VO,a.tQ,a.mZ,(e=>class t extends e{#e;constructor(){super();const e=this;Object.defineProperty(this.baseElement,"_container",{get:()=>(t._container||(t._container=document.createElement("descope-notification-container"),t._container.style.position="absolute",document.body.appendChild(t._container)),t._container.isConnected||setTimeout((()=>e.parentNode.appendChild(t._container))),t._container)}),Object.defineProperty(this.baseElement,"_card",{get:()=>e.#e}),this.baseElement._removeNotificationCard=this.close.bind(this)}close(){this.#e.close()}init(){super.init?.(),this.createCard(),(0,o.EA)(this,this.#e),(0,o.Gh)(this.#e,this,{includeAttrs:["opened"]}),this.baseElement.renderer=e=>{Array.from(this.childNodes).forEach((t=>e.appendChild(t)))}}get isContainerEmpty(){return!t._container.children.length}removeContainer(){t._container.remove()}removeNotification(){this.remove(),this.isContainerEmpty&&this.removeContainer()}createCard(){this.#e=document.createElement("descope-notification-card"),this.#e.addEventListener("card-closed",this.removeNotification.bind(this))}}))((0,a.tz)({wrappedEleName:"vaadin-notification",excludeAttrsSync:["tabindex"],componentName:c}));customElements.define(c,s)}}]);
+//# sourceMappingURL=descope-notification-index-js.js.map

package/dist/umd/descope-notification-index-js.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"descope-notification-index-js.js","mappings":"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","sources":["webpack://@descope/web-components-ui/./src/components/descope-notification/descope-notification-card/NotificationCardClass.js","webpack://@descope/web-components-ui/./src/components/descope-notification/descope-notification-card/index.js","webpack://@descope/web-components-ui/./src/components/descope-notification/descope-notification-container.js","webpack://@descope/web-components-ui/./src/components/descope-notification/NotificationClass.js","webpack://@descope/web-components-ui/./src/components/descope-notification/index.js"],"sourcesContent":["import { compose } from '../../../helpers';\nimport { getComponentName } from '../../../helpers/componentHelpers';\nimport { createStyleMixin, createProxy } from '../../../mixins';\n\nexport const componentName = getComponentName('notification-card');\n\nconst notificationCardMixin = (superclass) =>\n  class NotificationCardMixinClass extends superclass {\n    close() {\n      // if animation is not applied to the element, the node will not be removed\n      // from the DOM. We should avoid that. So, if in any case we allow\n      // customizing the animation - we should check if animation is applied\n      // and if it's not applied - remove the element from the DOM and dispatch\n      // `card-closed` event.\n      this.baseElement.addEventListener('animationend', () => {\n        this.remove();\n        this.dispatchEvent(new Event('card-closed'));\n      });\n\n      this.setAttribute('opened', 'false');\n    }\n\n    constructor() {\n      super();\n\n      this.baseElement.innerHTML = `\n      <div part=\"root\">\n        <div part=\"content\">\n          <slot></slot>\n        </div>\n        <div part=\"close\">\n          <slot name=\"close\"></slot>\n        </div>\n      </div>\n      `;\n\n      this.closeEle = this.shadowRoot.querySelector('[part=\"close\"]');\n    }\n\n    init() {\n      super.init?.();\n\n      this.closeEle.onclick = () => {\n        this.close();\n      };\n    }\n  };\n\nconst selectors = {\n  content: () => 'vaadin-notification-card::part(content)',\n  overlay: () => 'vaadin-notification-card::part(overlay)',\n};\n\nexport const NotificationCardClass = compose(\n  createStyleMixin({\n    mappings: {\n      hostMinWidth: { selector: selectors.content, property: 'min-width' },\n      fontFamily: {},\n      fontSize: {},\n      backgroundColor: { selector: selectors.content },\n      textColor: { property: 'color' },\n      boxShadow: {},\n      borderWidth: { selector: selectors.content, property: 'border-width' },\n      borderColor: { selector: selectors.content, property: 'border-color' },\n      borderStyle: { selector: selectors.content, property: 'border-style' },\n      borderRadius: [\n        { selector: selectors.content, property: 'border-radius' },\n        { selector: selectors.overlay, property: 'border-radius' },\n      ],\n      verticalPadding: [\n        { selector: selectors.content, property: 'padding-top' },\n        { selector: selectors.content, property: 'padding-bottom' },\n      ],\n      horizontalPadding: [\n        { selector: selectors.content, property: 'padding-right' },\n        { selector: selectors.content, property: 'padding-left' },\n      ],\n    },\n  }),\n  notificationCardMixin\n)(\n  createProxy({\n    slots: [],\n    wrappedEleName: 'vaadin-notification-card',\n    style: () => `\n    vaadin-notification-card {\n      box-shadow: none;\n    }\n    ::part(overlay) {\n      box-shadow: none;\n      background: none;\n    }\n\n    [part=\"close\"] {\n      cursor: pointer;\n      display: flex;\n    }\n\n    [part=\"content\"] {\n      display: flex;\n      align-items: center;\n      flex-grow: 1;\n    }\n\n    [part=\"root\"] {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      width: 100%;\n    }\n    `,\n    excludeAttrsSync: ['tabindex'],\n    componentName,\n  })\n);\n","import '@vaadin/notification';\nimport { componentName, NotificationCardClass } from './NotificationCardClass';\n\ncustomElements.define(componentName, NotificationCardClass);\n\nexport { NotificationCardClass };\n","import '@vaadin/notification';\nimport { getComponentName } from '../../helpers/componentHelpers';\n\nconst vaadinContainerClass = window.customElements.get('vaadin-notification-container');\n\nif (!vaadinContainerClass) {\n  throw new Error('could not get vaadin-notification-container class');\n}\n\nclass NotificationContainerClass extends vaadinContainerClass {}\ncustomElements.define(getComponentName('notification-container'), NotificationContainerClass);\n\nexport { NotificationContainerClass };\n","import { compose } from '../../helpers';\nimport { forwardAttrs, getComponentName, syncAttrs } from '../../helpers/componentHelpers';\nimport {\n  draggableMixin,\n  createProxy,\n  componentNameValidationMixin,\n  hoverableMixin,\n} from '../../mixins';\n\nexport const componentName = getComponentName('notification');\n\nconst NotificationMixin = (superclass) =>\n  class NotificationMixinClass extends superclass {\n    #card;\n\n    constructor() {\n      super();\n\n      const that = this;\n\n      Object.defineProperty(this.baseElement, '_container', {\n        get() {\n          if (!NotificationMixinClass._container) {\n            NotificationMixinClass._container = document.createElement(\n              'descope-notification-container'\n            );\n\n            // we are overriding the container position to be absolute because we want to keep in inside the flow/widget boundaries\n            NotificationMixinClass._container.style.position = 'absolute';\n\n            // we're adding the container to body to avoid Vaadin's container's `openChanged`\n            // from breaking when trying to remove it directly from the body.\n            document.body.appendChild(NotificationMixinClass._container);\n          }\n\n          if (!NotificationMixinClass._container.isConnected) {\n            // Then, we're adding the container to the parentNode, which is the desired location\n            // for us on the DOM\n            setTimeout(() => that.parentNode.appendChild(NotificationMixinClass._container));\n          }\n\n          return NotificationMixinClass._container;\n        },\n      });\n\n      Object.defineProperty(this.baseElement, '_card', {\n        get() {\n          return that.#card;\n        },\n      });\n\n      // we want to replace the card with vaadin's remove notification so it will not throw\n      this.baseElement._removeNotificationCard = this.close.bind(this);\n    }\n\n    close() {\n      this.#card.close();\n    }\n\n    init() {\n      super.init?.();\n\n      this.createCard();\n\n      forwardAttrs(this, this.#card);\n      syncAttrs(this.#card, this, { includeAttrs: ['opened'] });\n\n      this.baseElement.renderer = (cardRoot) => {\n        Array.from(this.childNodes).forEach((child) => cardRoot.appendChild(child));\n      };\n    }\n\n    // eslint-disable-next-line class-methods-use-this\n    get isContainerEmpty() {\n      return !NotificationMixinClass._container.children.length;\n    }\n\n    // eslint-disable-next-line class-methods-use-this\n    removeContainer() {\n      NotificationMixinClass._container.remove();\n    }\n\n    removeNotification() {\n      // remove descope-notification from the DOM\n      this.remove();\n      // if needed, remove descope-notification-container\n      if (this.isContainerEmpty) this.removeContainer();\n    }\n\n    createCard() {\n      this.#card = document.createElement('descope-notification-card');\n      this.#card.addEventListener('card-closed', this.removeNotification.bind(this));\n    }\n  };\n\nexport const NotificationClass = compose(\n  draggableMixin,\n  componentNameValidationMixin,\n  hoverableMixin,\n  NotificationMixin\n)(\n  createProxy({\n    wrappedEleName: 'vaadin-notification',\n    excludeAttrsSync: ['tabindex'],\n    componentName,\n  })\n);\n","import '@vaadin/notification';\nimport './descope-notification-container';\nimport './descope-notification-card';\nimport { componentName, NotificationClass } from './NotificationClass';\n\ncustomElements.define(componentName, NotificationClass);\n\nexport { NotificationClass, componentName };\n"],"names":["componentName","selectors","content","overlay","NotificationCardClass","mappings","hostMinWidth","selector","property","fontFamily","fontSize","backgroundColor","textColor","boxShadow","borderWidth","borderColor","borderStyle","borderRadius","verticalPadding","horizontalPadding","superclass","close","this","baseElement","addEventListener","remove","dispatchEvent","Event","setAttribute","constructor","super","innerHTML","closeEle","shadowRoot","querySelector","init","onclick","slots","wrappedEleName","style","excludeAttrsSync","customElements","define","vaadinContainerClass","window","get","Error","NotificationClass","NotificationMixinClass","that","Object","defineProperty","_container","document","createElement","position","body","appendChild","isConnected","setTimeout","parentNode","_removeNotificationCard","bind","createCard","includeAttrs","renderer","cardRoot","Array","from","childNodes","forEach","child","isContainerEmpty","children","length","removeContainer","removeNotification"],"sourceRoot":""}

package/dist/umd/descope-notp-image-index-js.js

@@ -1 +1,2 @@
-"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[2251],{68185:(t,e,n)=>{n.d(e,{I:()=>c});var o=n(7138),a=n(94619),s=n(70263);const c=({componentName:t,varName:e,fallbackVarName:n})=>{let c;class i extends((0,s.q)({componentName:t,baseSelector:":host > div"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML=`\n\t\t\t<style>\n\t\t\t\t:host {\n\t\t\t\t\tdisplay: inline-flex;\n\t\t\t\t}\n\t\t\t\t:host([draggable="true"]) > div {\n\t\t\t\t\tpointer-events: none\n\t\t\t\t}\t\t\n\t\t\t\t:host > div {\n\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t\tmax-width: 100%;\n\t\t\t\t\tmax-height: 100%;\n\t\t\t\t\tobject-fit: contain;\n\t\t\t\t\tmargin: auto;\n\t\t\t\t\t${c}\n\t\t\t\t}\n\t\t\t</style>\n\t\t\t<div></div>\n\t\t\t`}}const r=(0,o.Zz)((0,a.RF)({mappings:{height:{selector:()=>":host > div"},width:{selector:()=>":host > div"},[e]:{property:"content"},[n]:{property:"content"}}}),a.VO,a.tQ)(i);return c=`content: var(${r.cssVarList[e]}, var(${r.cssVarList[n]}));`,r}},22529:(t,e,n)=>{n.r(e),n.d(e,{NotpImageClass:()=>c,componentName:()=>s});var o=n(14944),a=n(68185);const s=(0,o.xE)("notp-image"),c=(0,a.I)({componentName:s,varName:"url",fallbackVarName:"fallbackUrl"});customElements.define(s,c)}}]);
+"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[2251],{51491:(t,e,n)=>{n.d(e,{I:()=>i});var o=n(25964),a=n(9696),s=n(79365),c=n(81365);const i=({componentName:t,varName:e,fallbackVarName:n})=>{let i;class r extends((0,c.q)({componentName:t,baseSelector:":host > div"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t\t<div></div>\n\t\t\t",(0,o.fz)(`\n\t\t\t\t:host {\n\t\t\t\t\tdisplay: inline-flex;\n\t\t\t\t}\n\t\t\t\t:host([draggable="true"]) > div {\n\t\t\t\t\tpointer-events: none\n\t\t\t\t}\n\t\t\t\t:host > div {\n\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t\tmax-width: 100%;\n\t\t\t\t\tmax-height: 100%;\n\t\t\t\t\tobject-fit: contain;\n\t\t\t\t\tmargin: auto;\n\t\t\t\t\t${i}\n\t\t\t\t}\n        `,this)}}const l=(0,a.Zz)((0,s.RF)({mappings:{height:{selector:()=>":host > div"},width:{selector:()=>":host > div"},[e]:{property:"content"},[n]:{property:"content"}}}),s.VO,s.tQ)(r);return i=`content: var(${l.cssVarList[e]}, var(${l.cssVarList[n]}));`,l}},27201:(t,e,n)=>{n.r(e),n.d(e,{NotpImageClass:()=>c,componentName:()=>s});var o=n(97810),a=n(51491);const s=(0,o.xE)("notp-image"),c=(0,a.I)({componentName:s,varName:"url",fallbackVarName:"fallbackUrl"});customElements.define(s,c)}}]);
+//# sourceMappingURL=descope-notp-image-index-js.js.map

package/dist/umd/descope-notp-image-index-js.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"descope-notp-image-index-js.js","mappings":"yMAKO,MAAMA,EAAyB,EAAGC,gBAAeC,UAASC,sBAC/D,IAAIC,EAGJ,MAAMC,WAA4B,OAAgB,CAChDJ,gBACAK,aAAc,iBAEd,WAAAC,GACEC,QACAC,KAAKC,aAAa,CAAEC,KAAM,SAAUC,UAAY,+BAIhD,QACE,6UAbmBR,yBA6BnBK,KAEJ,EAGF,MAAMI,GAAmB,SACvB,QAAiB,CACfC,SAAU,CACRC,OAAQ,CAAEC,SAAU,IAAM,eAC1BC,MAAO,CAAED,SAAU,IAAM,eACzB,CAACd,GAAU,CAAEgB,SAAU,WACvB,CAACf,GAAkB,CAAEe,SAAU,cAGnC,KACA,KAVuB,CAWvBb,GAIF,OAFAD,EAAQ,gBAAgBS,EAAiBM,WAAWjB,WAAiBW,EAAiBM,WAAWhB,QAE1FU,CAAgB,C,qGCrDlB,MAAMZ,GAAgB,QAAiB,cAEjCmB,GAAiB,EAAApB,EAAA,GAAuB,CACnDC,gBACAC,QAAS,MACTC,gBAAiB,gBCNnBkB,eAAeC,OAAOrB,EAAemB,E","sources":["webpack://@descope/web-components-ui/./src/baseClasses/createCssVarImageClass.js","webpack://@descope/web-components-ui/./src/components/descope-notp-image/NotpImageClass.js","webpack://@descope/web-components-ui/./src/components/descope-notp-image/index.js"],"sourcesContent":["import { injectStyle } from '@descope-ui/common/components-helpers';\nimport { compose } from '../helpers';\nimport { componentNameValidationMixin, createStyleMixin, draggableMixin } from '../mixins';\nimport { createBaseClass } from './createBaseClass';\n\nexport const createCssVarImageClass = ({ componentName, varName, fallbackVarName }) => {\n  let style;\n  const getContent = () => style;\n\n  class RawCssVarImageClass extends createBaseClass({\n    componentName,\n    baseSelector: ':host > div',\n  }) {\n    constructor() {\n      super();\n      this.attachShadow({ mode: 'open' }).innerHTML = `\n\t\t\t<div></div>\n\t\t\t`;\n\n      injectStyle(\n        `\n\t\t\t\t:host {\n\t\t\t\t\tdisplay: inline-flex;\n\t\t\t\t}\n\t\t\t\t:host([draggable=\"true\"]) > div {\n\t\t\t\t\tpointer-events: none\n\t\t\t\t}\n\t\t\t\t:host > div {\n\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t\tmax-width: 100%;\n\t\t\t\t\tmax-height: 100%;\n\t\t\t\t\tobject-fit: contain;\n\t\t\t\t\tmargin: auto;\n\t\t\t\t\t${getContent()}\n\t\t\t\t}\n        `,\n        this\n      );\n    }\n  }\n\n  const CssVarImageClass = compose(\n    createStyleMixin({\n      mappings: {\n        height: { selector: () => ':host > div' },\n        width: { selector: () => ':host > div' },\n        [varName]: { property: 'content' },\n        [fallbackVarName]: { property: 'content' },\n      },\n    }),\n    draggableMixin,\n    componentNameValidationMixin\n  )(RawCssVarImageClass);\n\n  style = `content: var(${CssVarImageClass.cssVarList[varName]}, var(${CssVarImageClass.cssVarList[fallbackVarName]}));`;\n\n  return CssVarImageClass;\n};\n","import { getComponentName } from '../../helpers/componentHelpers';\nimport { createCssVarImageClass } from '../../baseClasses/createCssVarImageClass';\n\nexport const componentName = getComponentName('notp-image');\n\nexport const NotpImageClass = createCssVarImageClass({\n  componentName,\n  varName: 'url',\n  fallbackVarName: 'fallbackUrl',\n});\n","import { componentName, NotpImageClass } from './NotpImageClass';\n\ncustomElements.define(componentName, NotpImageClass);\n\nexport { NotpImageClass, componentName };\n"],"names":["createCssVarImageClass","componentName","varName","fallbackVarName","style","RawCssVarImageClass","baseSelector","constructor","super","this","attachShadow","mode","innerHTML","CssVarImageClass","mappings","height","selector","width","property","cssVarList","NotpImageClass","customElements","define"],"sourceRoot":""}

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

@@ -1 +1,2 @@
-"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[7944],{37041:(e,t,r)=>{r.r(t),r.d(t,{NumberFieldClass:()=>d,componentName:()=>a}),r(75096);var n=r(94619),o=r(93826),i=r(7138),l=r(14944),p=r(33177);const a=(0,l.xE)("number-field"),d=(0,i.Zz)((0,n.RF)({mappings:o.A}),n.VO,(0,n.OZ)({proxyProps:["value","selectionStart"]}),n.tQ)((0,n.tz)({slots:["","prefix","suffix"],wrappedEleName:"vaadin-number-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(${d.cssVarList.inputOutlineWidth}) + var(${d.cssVarList.inputOutlineOffset}));\n\t\t\t}\n      ${(0,p.$J)("vaadin-number-field")}\n\t\t\t${(0,p.cy)(d.cssVarList)}\n\t\t\t${(0,p.LJ)("vaadin-number-field",d.cssVarList)}\n      ${(0,p.Kl)()}\n\n      vaadin-number-field[label-type="floating"]:not([focused])[readonly] > input:placeholder-shown {\n        opacity: 0;\n      }\n      vaadin-number-field[label-type="floating"]:not([focused])[disabled] > input:placeholder-shown {\n        opacity: 0;\n      }\n\t\t`,excludeAttrsSync:["tabindex"],componentName:a}));customElements.define(a,d)},93826:(e,t,r)=>{r.d(t,{A:()=>m});const{host:n,label:o,placeholder:i,requiredIndicator:l,inputField:p,input:a,inputMask:d,helperText:s,errorMessage:c,disabledPlaceholder:u,inputDisabled:h,inputIcon:b,externalInput:y,externalInputDisabled:g,externalPlaceholder:f,externalDisabledPlaceholder:x}={host:{selector:()=>":host"},label:{selector:"::part(label)"},requiredIndicator:{selector:"[required]::part(required-indicator)::after"},placeholder:[{selector:"> input:placeholder-shown"},{selector:()=>":host::slotted(input:placeholder-shown)"}],disabledPlaceholder:{selector:"> input:disabled::placeholder"},inputField:{selector:"::part(input-field)"},input:{selector:"input"},inputMask:{selector:"::part(input-field)::before"},inputDisabled:{selector:"input:disabled"},helperText:{selector:"::part(helper-text)"},errorMessage:{selector:"::part(error-message)"},inputIcon:{selector:"vaadin-icon"},externalInput:{selector:()=>"::slotted(input)"},externalInputDisabled:{selector:()=>"::slotted(input:disabled)"},externalPlaceholder:{selector:()=>"::slotted(input:placeholder-shown)"},externalDisabledPlaceholder:{selector:()=>"::slotted(input:disabled::placeholder)"}},m={fontSize:[{},n],fontFamily:[o,p,s,c],labelFontSize:{...o,property:"font-size"},labelFontWeight:{...o,property:"font-weight"},labelTextColor:[{...o,property:"color"},{...l,property:"color"},{...o,property:"-webkit-text-fill-color"},{...l,property:"-webkit-text-fill-color"}],hostWidth:{...n,property:"width"},hostMinWidth:{...n,property:"min-width"},hostDirection:{...n,property:"direction"},inputDirection:{...a,property:"direction"},inputBackgroundColor:[{...p,property:"background-color"},{...d,property:"background-color"}],errorMessageTextColor:{...c,property:"color"},errorMessageIcon:{...c,property:"background-image"},errorMessageIconSize:{...c,property:"background-size"},errorMessageIconPadding:{...c,property:"padding-inline-start"},errorMessageIconRepeat:{...c,property:"background-repeat"},errorMessageIconPosition:{...c,property:"background-position"},helperTextColor:{...s,property:"-webkit-text-fill-color"},inputValueTextColor:[{...p,property:"color"},{...h,property:"-webkit-text-fill-color"},{...g,property:"-webkit-text-fill-color"}],inputCaretTextColor:[{...a,property:"caret-color"},{...y,property:"caret-color"}],labelRequiredIndicator:{...l,property:"content"},inputBorderColor:{...p,property:"border-color"},inputBorderWidth:{...p,property:"border-width"},inputBorderStyle:{...p,property:"border-style"},inputBorderRadius:{...p,property:"border-radius"},inputHeight:{...p,property:"height"},inputHorizontalPadding:[{...a,property:"padding-left"},{...a,property:"padding-right"},{...y,property:"padding-left"},{...y,property:"padding-right"}],inputOutlineColor:{...p,property:"outline-color"},inputOutlineStyle:{...p,property:"outline-style"},inputOutlineWidth:{...p,property:"outline-width"},inputOutlineOffset:{...p,property:"outline-offset"},textAlign:{},inputTextAlign:[{...a,property:"text-align"},{...y,property:"text-align"}],inputPlaceholderColor:[{selector:()=>":host input:placeholder-shown",property:"color"},{...f,property:"color"},{...i,property:"color"},{...u,property:"-webkit-text-fill-color"},{...x,property:"-webkit-text-fill-color"}],labelPosition:{...o,property:"position"},labelTopPosition:{...o,property:"top"},labelHorizontalPosition:[{...o,property:"left"},{...o,property:"right"}],inputTransformY:{...o,property:"transform"},inputTransition:{...o,property:"transition"},marginInlineStart:{...o,property:"margin-inline-start"},placeholderOpacity:[{selector:"> input:placeholder-shown",property:"opacity"},{...f,property:"opacity"}],inputVerticalAlignment:[{...p,property:"align-items"},{...y,property:"align-items"}],valueInputHeight:[{...a,property:"height"},{...y,property:"height"}],valueInputMarginBottom:[{...a,property:"margin-bottom"},{...y,property:"margin-bottom"}],inputIconOffset:[{...b,property:"margin-right"},{...b,property:"margin-left"}],inputIconSize:{...b,property:"font-size"},inputIconColor:{...b,property:"color"}}},33177:(e,t,r)=>{r.d(t,{$J:()=>u,I4:()=>l,Kl:()=>h,LJ:()=>c,Qv:()=>i,X6:()=>a,cy:()=>n,fu:()=>d,kG:()=>s,lS:()=>p,zm:()=>o});const n=e=>`\n    :host {\n        padding: calc(var(${e.inputOutlineWidth}) + var(${e.inputOutlineOffset}))\n    }\n`,o=e=>`\n    ${e} {\n        margin: 0;\n        padding: 0;\n        width: 100%;\n        height: 100%;\n        box-sizing: border-box;\n    }\n`,i=e=>`\n    ${e}::part(input-field) {\n        overflow: hidden;\n        padding: 0;\n        box-shadow: none;\n    }\n`,l=e=>`\n    ${e} > label,\n    ${e}::part(label),\n    ${e}::part(required-indicator) {\n        cursor: pointer;\n    }\n`,p=(e,t="input")=>`\n    ${e}[disabled] > ${t}:placeholder-shown,\n\t${e}[readonly] > ${t}:placeholder-shown {\n\t\topacity: 1;\n\t}\n`,a=()=>"\n    :host {\n        --vaadin-field-default-width: auto;\n        box-sizing: border-box;\n    }\n",d=e=>`\n    ${e}::part(input-field)::after {\n        opacity: 0;\n    }\n`,s=e=>`\n    ${e}::part(input-field)::after {\n        background: none;\n    }\n`,c=(e,t)=>`\n    ${o(e)}\n    ${l(e)}\n    ${p(e)}\n    ${i(e)}\n    ${((e,t)=>`\n    ${e} input:-webkit-autofill,\n    ${e} input:-webkit-autofill::first-line,\n    ${e} input:-webkit-autofill:hover,\n    ${e} input:-webkit-autofill:active,\n    ${e} input:-webkit-autofill:focus {\n        -webkit-text-fill-color: var(${t.inputValueTextColor});\n        box-shadow: 0 0 0 var(${t.inputHeight}) var(${t.inputBackgroundColor}) inset;\n    }\n`)(e,t)}\n    ${s(e)}\n    ${(e=>`\n    ${e}::before {\n\t\theight: unset;\n\t}\n`)(e)}\n    ${(e=>`\n    ${e} > input {\n        -webkit-mask-image: none;\n        min-height: 0;\n        box-sizing: border-box;\n    }\n`)(e)}\n    ${(e=>`\n    ${e}::part(input-field)::after {\n        border: none;\n    }\n`)(e)}\n`,u=e=>`\n    :host ::part(error-message) {\n      direction: ltr;\n    }\n    :host([required]) ::part(required-indicator) {\n      width: 1em;\n      display: inline-flex;\n    }\n    :host([required]) ::part(required-indicator)::after {\n      position: static;\n    }\n    :host([has-label]) ::part(label) {\n      padding-right: 0;\n      padding-bottom: 0;\n      display: flex;\n      width: 100%;\n    }\n    ${e} [slot="label"] {\n      max-width: calc(100% - 1em);\n      overflow: hidden;\n      text-overflow: ellipsis;\n      padding-bottom: 0.5em;\n    }\n`,h=()=>'\n  :host([label-type="floating"]) {\n    position: relative;\n  }\n  :host([label-type="floating"][has-label]) [slot="label"] {\n    padding: 0;\n  }\n  :host([label-type="floating"][has-label]) > ::part(label) {\n    z-index: 1;\n    padding: 0;\n    width: auto;\n  }\n  '}}]);
+"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[7944],{72598:(e,t,r)=>{r.r(t),r.d(t,{NumberFieldClass:()=>d,componentName:()=>a}),r(15648);var n=r(79365),o=r(6424),i=r(9696),l=r(97810),p=r(73551);const a=(0,l.xE)("number-field"),d=(0,i.Zz)((0,n.RF)({mappings:o.A}),n.VO,(0,n.OZ)({proxyProps:["value","selectionStart"]}),n.tQ)((0,n.tz)({slots:["","prefix","suffix"],wrappedEleName:"vaadin-number-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(${d.cssVarList.inputOutlineWidth}) + var(${d.cssVarList.inputOutlineOffset}));\n\t\t\t}\n      ${(0,p.$J)("vaadin-number-field")}\n\t\t\t${(0,p.cy)(d.cssVarList)}\n\t\t\t${(0,p.LJ)("vaadin-number-field",d.cssVarList)}\n      ${(0,p.Kl)()}\n\n      vaadin-number-field[label-type="floating"]:not([focused])[readonly] > input:placeholder-shown {\n        opacity: 0;\n      }\n      vaadin-number-field[label-type="floating"]:not([focused])[disabled] > input:placeholder-shown {\n        opacity: 0;\n      }\n\t\t`,excludeAttrsSync:["tabindex"],componentName:a}));customElements.define(a,d)},6424:(e,t,r)=>{r.d(t,{A:()=>m});const{host:n,label:o,placeholder:i,requiredIndicator:l,inputField:p,input:a,inputMask:d,helperText:s,errorMessage:c,disabledPlaceholder:u,inputDisabled:h,inputIcon:b,externalInput:y,externalInputDisabled:g,externalPlaceholder:f,externalDisabledPlaceholder:x}={host:{selector:()=>":host"},label:{selector:"::part(label)"},requiredIndicator:{selector:"[required]::part(required-indicator)::after"},placeholder:[{selector:"> input:placeholder-shown"},{selector:()=>":host::slotted(input:placeholder-shown)"}],disabledPlaceholder:{selector:"> input:disabled::placeholder"},inputField:{selector:"::part(input-field)"},input:{selector:"input"},inputMask:{selector:"::part(input-field)::before"},inputDisabled:{selector:"input:disabled"},helperText:{selector:"::part(helper-text)"},errorMessage:{selector:"::part(error-message)"},inputIcon:{selector:"vaadin-icon"},externalInput:{selector:()=>"::slotted(input)"},externalInputDisabled:{selector:()=>"::slotted(input:disabled)"},externalPlaceholder:{selector:()=>"::slotted(input:placeholder-shown)"},externalDisabledPlaceholder:{selector:()=>"::slotted(input:disabled::placeholder)"}},m={fontSize:[{},n],fontFamily:[o,p,s,c],labelFontSize:{...o,property:"font-size"},labelFontWeight:{...o,property:"font-weight"},labelTextColor:[{...o,property:"color"},{...l,property:"color"},{...o,property:"-webkit-text-fill-color"},{...l,property:"-webkit-text-fill-color"}],hostWidth:{...n,property:"width"},hostMinWidth:{...n,property:"min-width"},hostDirection:{...n,property:"direction"},inputDirection:{...a,property:"direction"},inputBackgroundColor:[{...p,property:"background-color"},{...d,property:"background-color"}],errorMessageTextColor:{...c,property:"color"},errorMessageIcon:{...c,property:"background-image"},errorMessageIconSize:{...c,property:"background-size"},errorMessageIconPadding:{...c,property:"padding-inline-start"},errorMessageIconRepeat:{...c,property:"background-repeat"},errorMessageIconPosition:{...c,property:"background-position"},helperTextColor:{...s,property:"-webkit-text-fill-color"},inputValueTextColor:[{...p,property:"color"},{...h,property:"-webkit-text-fill-color"},{...g,property:"-webkit-text-fill-color"}],inputCaretTextColor:[{...a,property:"caret-color"},{...y,property:"caret-color"}],labelRequiredIndicator:{...l,property:"content"},inputBorderColor:{...p,property:"border-color"},inputBorderWidth:{...p,property:"border-width"},inputBorderStyle:{...p,property:"border-style"},inputBorderRadius:{...p,property:"border-radius"},inputHeight:{...p,property:"height"},inputHorizontalPadding:[{...a,property:"padding-left"},{...a,property:"padding-right"},{...y,property:"padding-left"},{...y,property:"padding-right"}],inputOutlineColor:{...p,property:"outline-color"},inputOutlineStyle:{...p,property:"outline-style"},inputOutlineWidth:{...p,property:"outline-width"},inputOutlineOffset:{...p,property:"outline-offset"},textAlign:{},inputTextAlign:[{...a,property:"text-align"},{...y,property:"text-align"}],inputPlaceholderColor:[{selector:()=>":host input:placeholder-shown",property:"color"},{...f,property:"color"},{...i,property:"color"},{...u,property:"-webkit-text-fill-color"},{...x,property:"-webkit-text-fill-color"}],labelPosition:{...o,property:"position"},labelTopPosition:{...o,property:"top"},labelHorizontalPosition:[{...o,property:"left"},{...o,property:"right"}],inputTransformY:{...o,property:"transform"},inputTransition:{...o,property:"transition"},marginInlineStart:{...o,property:"margin-inline-start"},placeholderOpacity:[{selector:"> input:placeholder-shown",property:"opacity"},{...f,property:"opacity"}],inputVerticalAlignment:[{...p,property:"align-items"},{...y,property:"align-items"}],valueInputHeight:[{...a,property:"height"},{...y,property:"height"}],valueInputMarginBottom:[{...a,property:"margin-bottom"},{...y,property:"margin-bottom"}],inputIconOffset:[{...b,property:"margin-right"},{...b,property:"margin-left"}],inputIconSize:{...b,property:"font-size"},inputIconColor:{...b,property:"color"}}},73551:(e,t,r)=>{r.d(t,{$J:()=>u,I4:()=>l,Kl:()=>h,LJ:()=>c,Qv:()=>i,X6:()=>a,cy:()=>n,fu:()=>d,kG:()=>s,lS:()=>p,zm:()=>o});const n=e=>`\n    :host {\n        padding: calc(var(${e.inputOutlineWidth}) + var(${e.inputOutlineOffset}))\n    }\n`,o=e=>`\n    ${e} {\n        margin: 0;\n        padding: 0;\n        width: 100%;\n        height: 100%;\n        box-sizing: border-box;\n    }\n`,i=e=>`\n    ${e}::part(input-field) {\n        overflow: hidden;\n        padding: 0;\n        box-shadow: none;\n    }\n`,l=e=>`\n    ${e} > label,\n    ${e}::part(label),\n    ${e}::part(required-indicator) {\n        cursor: pointer;\n    }\n`,p=(e,t="input")=>`\n    ${e}[disabled] > ${t}:placeholder-shown,\n\t${e}[readonly] > ${t}:placeholder-shown {\n\t\topacity: 1;\n\t}\n`,a=()=>"\n    :host {\n        --vaadin-field-default-width: auto;\n        box-sizing: border-box;\n    }\n",d=e=>`\n    ${e}::part(input-field)::after {\n        opacity: 0;\n    }\n`,s=e=>`\n    ${e}::part(input-field)::after {\n        background: none;\n    }\n`,c=(e,t)=>`\n    ${o(e)}\n    ${l(e)}\n    ${p(e)}\n    ${i(e)}\n    ${((e,t)=>`\n    ${e} input:-webkit-autofill,\n    ${e} input:-webkit-autofill::first-line,\n    ${e} input:-webkit-autofill:hover,\n    ${e} input:-webkit-autofill:active,\n    ${e} input:-webkit-autofill:focus {\n        -webkit-text-fill-color: var(${t.inputValueTextColor});\n        box-shadow: 0 0 0 var(${t.inputHeight}) var(${t.inputBackgroundColor}) inset;\n    }\n`)(e,t)}\n    ${s(e)}\n    ${(e=>`\n    ${e}::before {\n\t\theight: unset;\n\t}\n`)(e)}\n    ${(e=>`\n    ${e} > input {\n        -webkit-mask-image: none;\n        min-height: 0;\n        box-sizing: border-box;\n    }\n`)(e)}\n    ${(e=>`\n    ${e}::part(input-field)::after {\n        border: none;\n    }\n`)(e)}\n`,u=e=>`\n    :host ::part(error-message) {\n      direction: ltr;\n    }\n    :host([required]) ::part(required-indicator) {\n      width: 1em;\n      display: inline-flex;\n    }\n    :host([required]) ::part(required-indicator)::after {\n      position: static;\n    }\n    :host([has-label]) ::part(label) {\n      padding-right: 0;\n      padding-bottom: 0;\n      display: flex;\n      width: 100%;\n    }\n    ${e} [slot="label"] {\n      max-width: calc(100% - 1em);\n      overflow: hidden;\n      text-overflow: ellipsis;\n      padding-bottom: 0.5em;\n    }\n`,h=()=>'\n  :host([label-type="floating"]) {\n    position: relative;\n  }\n  :host([label-type="floating"][has-label]) [slot="label"] {\n    padding: 0;\n  }\n  :host([label-type="floating"][has-label]) > ::part(label) {\n    z-index: 1;\n    padding: 0;\n    width: auto;\n  }\n  '}}]);
+//# sourceMappingURL=descope-number-field-index-js.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"descope-number-field-index-js.js","mappings":"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","sources":["webpack://@descope/web-components-ui/./src/components/descope-number-field/NumberFieldClass.js","webpack://@descope/web-components-ui/./src/components/descope-number-field/index.js","webpack://@descope/web-components-ui/./src/components/descope-text-field/textFieldMappings.js","webpack://@descope/web-components-ui/./src/helpers/themeHelpers/resetHelpers.js"],"sourcesContent":["import {\n  createStyleMixin,\n  draggableMixin,\n  createProxy,\n  proxyInputMixin,\n  componentNameValidationMixin,\n} from '../../mixins';\nimport textFieldMappings from '../descope-text-field/textFieldMappings';\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('number-field');\n\nexport const NumberFieldClass = compose(\n  createStyleMixin({\n    mappings: textFieldMappings,\n  }),\n  draggableMixin,\n  proxyInputMixin({ proxyProps: ['value', 'selectionStart'] }),\n  componentNameValidationMixin\n)(\n  createProxy({\n    slots: ['', 'prefix', 'suffix'],\n    wrappedEleName: 'vaadin-number-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(${NumberFieldClass.cssVarList.inputOutlineWidth}) + var(${\n          NumberFieldClass.cssVarList.inputOutlineOffset\n        }));\n\t\t\t}\n      ${resetInputLabelPosition('vaadin-number-field')}\n\t\t\t${useHostExternalPadding(NumberFieldClass.cssVarList)}\n\t\t\t${resetInputOverrides('vaadin-number-field', NumberFieldClass.cssVarList)}\n      ${inputFloatingLabelStyle()}\n\n      vaadin-number-field[label-type=\"floating\"]:not([focused])[readonly] > input:placeholder-shown {\n        opacity: 0;\n      }\n      vaadin-number-field[label-type=\"floating\"]:not([focused])[disabled] > input:placeholder-shown {\n        opacity: 0;\n      }\n\t\t`,\n    excludeAttrsSync: ['tabindex'],\n    componentName,\n  })\n);\n","import '@vaadin/number-field';\nimport { componentName, NumberFieldClass } from './NumberFieldClass';\n\ncustomElements.define(componentName, NumberFieldClass);\n\nexport { NumberFieldClass, componentName };\n","const {\n  host,\n  label,\n  placeholder,\n  requiredIndicator,\n  inputField,\n  input,\n  inputMask,\n  helperText,\n  errorMessage,\n  disabledPlaceholder,\n  inputDisabled,\n  inputIcon,\n  externalInput,\n  externalInputDisabled,\n  externalPlaceholder,\n  externalDisabledPlaceholder,\n} = {\n  host: { selector: () => ':host' },\n  label: { selector: '::part(label)' },\n  requiredIndicator: { selector: '[required]::part(required-indicator)::after' },\n  placeholder: [\n    { selector: '> input:placeholder-shown' },\n    { selector: () => ':host::slotted(input:placeholder-shown)' },\n  ],\n  disabledPlaceholder: { selector: '> input:disabled::placeholder' },\n  inputField: { selector: '::part(input-field)' },\n  input: { selector: 'input' },\n  inputMask: { selector: '::part(input-field)::before' },\n  inputDisabled: { selector: 'input:disabled' },\n  helperText: { selector: '::part(helper-text)' },\n  errorMessage: { selector: '::part(error-message)' },\n  inputIcon: { selector: 'vaadin-icon' },\n  externalInput: { selector: () => '::slotted(input)' },\n  externalInputDisabled: { selector: () => '::slotted(input:disabled)' },\n  externalPlaceholder: { selector: () => '::slotted(input:placeholder-shown)' },\n  externalDisabledPlaceholder: { selector: () => '::slotted(input:disabled::placeholder)' },\n};\n\nexport default {\n  // we apply font-size also on the host so we can set its width with em\n  fontSize: [{}, host],\n  fontFamily: [label, inputField, helperText, errorMessage],\n\n  labelFontSize: { ...label, property: 'font-size' },\n  labelFontWeight: { ...label, property: 'font-weight' },\n\n  labelTextColor: [\n    { ...label, property: 'color' },\n    { ...requiredIndicator, property: 'color' },\n    { ...label, property: '-webkit-text-fill-color' },\n    { ...requiredIndicator, property: '-webkit-text-fill-color' },\n  ],\n\n  hostWidth: { ...host, property: 'width' },\n  hostMinWidth: { ...host, property: 'min-width' },\n  hostDirection: { ...host, property: 'direction' },\n  inputDirection: { ...input, property: 'direction' },\n\n  inputBackgroundColor: [\n    { ...inputField, property: 'background-color' },\n    { ...inputMask, property: 'background-color' },\n  ],\n\n  errorMessageTextColor: { ...errorMessage, property: 'color' },\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\n  helperTextColor: { ...helperText, property: '-webkit-text-fill-color' },\n\n  inputValueTextColor: [\n    { ...inputField, property: 'color' },\n    { ...inputDisabled, property: '-webkit-text-fill-color' },\n    { ...externalInputDisabled, property: '-webkit-text-fill-color' },\n  ],\n  inputCaretTextColor: [\n    { ...input, property: 'caret-color' },\n    { ...externalInput, property: 'caret-color' },\n  ],\n\n  labelRequiredIndicator: { ...requiredIndicator, property: 'content' },\n\n  inputBorderColor: { ...inputField, property: 'border-color' },\n  inputBorderWidth: { ...inputField, property: 'border-width' },\n  inputBorderStyle: { ...inputField, property: 'border-style' },\n  inputBorderRadius: { ...inputField, property: 'border-radius' },\n\n  inputHeight: { ...inputField, property: 'height' },\n  inputHorizontalPadding: [\n    { ...input, property: 'padding-left' },\n    { ...input, property: 'padding-right' },\n    { ...externalInput, property: 'padding-left' },\n    { ...externalInput, property: 'padding-right' },\n  ],\n\n  inputOutlineColor: { ...inputField, property: 'outline-color' },\n  inputOutlineStyle: { ...inputField, property: 'outline-style' },\n  inputOutlineWidth: { ...inputField, property: 'outline-width' },\n  inputOutlineOffset: { ...inputField, property: 'outline-offset' },\n\n  textAlign: {},\n\n  inputTextAlign: [\n    { ...input, property: 'text-align' },\n    { ...externalInput, property: 'text-align' },\n  ],\n\n  inputPlaceholderColor: [\n    { selector: () => ':host input:placeholder-shown', property: 'color' },\n    { ...externalPlaceholder, property: 'color' },\n    { ...placeholder, property: 'color' },\n    { ...disabledPlaceholder, property: '-webkit-text-fill-color' },\n    { ...externalDisabledPlaceholder, property: '-webkit-text-fill-color' },\n  ],\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  placeholderOpacity: [\n    { selector: '> input:placeholder-shown', property: 'opacity' },\n    { ...externalPlaceholder, property: 'opacity' },\n  ],\n  inputVerticalAlignment: [\n    { ...inputField, property: 'align-items' },\n    { ...externalInput, property: 'align-items' },\n  ],\n  valueInputHeight: [\n    { ...input, property: 'height' },\n    { ...externalInput, property: 'height' },\n  ],\n  valueInputMarginBottom: [\n    { ...input, property: 'margin-bottom' },\n    { ...externalInput, property: 'margin-bottom' },\n  ],\n\n  inputIconOffset: [\n    { ...inputIcon, property: 'margin-right' },\n    { ...inputIcon, property: 'margin-left' },\n  ],\n  inputIconSize: { ...inputIcon, property: 'font-size' },\n  inputIconColor: { ...inputIcon, property: 'color' },\n};\n","export const useHostExternalPadding = (cssVarList) => `\n    :host {\n        padding: calc(var(${cssVarList.inputOutlineWidth}) + var(${cssVarList.inputOutlineOffset}))\n    }\n`;\n\nexport const resetInputFieldUnderlayingBorder = (name) => `\n    ${name}::part(input-field)::after {\n        border: none;\n    }\n`;\n\nexport const resetInitialHeight = (name) => `\n    ${name}::before {\n\t\theight: unset;\n\t}\n`;\n\nexport const resetInputElement = (name) => `\n    ${name} > input {\n        -webkit-mask-image: none;\n        min-height: 0;\n        box-sizing: border-box;\n    }\n`;\n\nexport const resetInputContainer = (name) => `\n    ${name} {\n        margin: 0;\n        padding: 0;\n        width: 100%;\n        height: 100%;\n        box-sizing: border-box;\n    }\n`;\n\nexport const resetInputField = (name) => `\n    ${name}::part(input-field) {\n        overflow: hidden;\n        padding: 0;\n        box-shadow: none;\n    }\n`;\n\nexport const resetInputCursor = (name) => `\n    ${name} > label,\n    ${name}::part(label),\n    ${name}::part(required-indicator) {\n        cursor: pointer;\n    }\n`;\n\nexport const resetInputPlaceholder = (name, ele = 'input') => `\n    ${name}[disabled] > ${ele}:placeholder-shown,\n\t${name}[readonly] > ${ele}:placeholder-shown {\n\t\topacity: 1;\n\t}\n`;\n\nexport const resetInputAutoFill = (name, cssVarList) => `\n    ${name} input:-webkit-autofill,\n    ${name} input:-webkit-autofill::first-line,\n    ${name} input:-webkit-autofill:hover,\n    ${name} input:-webkit-autofill:active,\n    ${name} input:-webkit-autofill:focus {\n        -webkit-text-fill-color: var(${cssVarList.inputValueTextColor});\n        box-shadow: 0 0 0 var(${cssVarList.inputHeight}) var(${cssVarList.inputBackgroundColor}) inset;\n    }\n`;\n\nexport const resetInputFieldDefaultWidth = () => `\n    :host {\n        --vaadin-field-default-width: auto;\n        box-sizing: border-box;\n    }\n`;\n\nexport const resetInputReadonlyStyle = (name) => `\n    ${name}::part(input-field)::after {\n        opacity: 0;\n    }\n`;\n\nexport const resetInputFieldInvalidBackgroundColor = (name) => `\n    ${name}::part(input-field)::after {\n        background: none;\n    }\n`;\n\nexport const resetInputOverrides = (name, cssVarList) => `\n    ${resetInputContainer(name)}\n    ${resetInputCursor(name)}\n    ${resetInputPlaceholder(name)}\n    ${resetInputField(name)}\n    ${resetInputAutoFill(name, cssVarList)}\n    ${resetInputFieldInvalidBackgroundColor(name)}\n    ${resetInitialHeight(name)}\n    ${resetInputElement(name)}\n    ${resetInputFieldUnderlayingBorder(name)}\n`;\n\n// This function is used to support RTL correctly for input components.\n// It also fixes the error message to be displayed LTR since we currently\n// don't support RTL for error messages.\nexport const resetInputLabelPosition = (name) => `\n    :host ::part(error-message) {\n      direction: ltr;\n    }\n    :host([required]) ::part(required-indicator) {\n      width: 1em;\n      display: inline-flex;\n    }\n    :host([required]) ::part(required-indicator)::after {\n      position: static;\n    }\n    :host([has-label]) ::part(label) {\n      padding-right: 0;\n      padding-bottom: 0;\n      display: flex;\n      width: 100%;\n    }\n    ${name} [slot=\"label\"] {\n      max-width: calc(100% - 1em);\n      overflow: hidden;\n      text-overflow: ellipsis;\n      padding-bottom: 0.5em;\n    }\n`;\n\nexport const inputFloatingLabelStyle = () => {\n  return `\n  :host([label-type=\"floating\"]) {\n    position: relative;\n  }\n  :host([label-type=\"floating\"][has-label]) [slot=\"label\"] {\n    padding: 0;\n  }\n  :host([label-type=\"floating\"][has-label]) > ::part(label) {\n    z-index: 1;\n    padding: 0;\n    width: auto;\n  }\n  `;\n};\n"],"names":["componentName","NumberFieldClass","mappings","textFieldMappings","proxyProps","slots","wrappedEleName","style","cssVarList","inputOutlineWidth","inputOutlineOffset","excludeAttrsSync","customElements","define","host","label","placeholder","requiredIndicator","inputField","input","inputMask","helperText","errorMessage","disabledPlaceholder","inputDisabled","inputIcon","externalInput","externalInputDisabled","externalPlaceholder","externalDisabledPlaceholder","selector","fontSize","fontFamily","labelFontSize","property","labelFontWeight","labelTextColor","hostWidth","hostMinWidth","hostDirection","inputDirection","inputBackgroundColor","errorMessageTextColor","errorMessageIcon","errorMessageIconSize","errorMessageIconPadding","errorMessageIconRepeat","errorMessageIconPosition","helperTextColor","inputValueTextColor","inputCaretTextColor","labelRequiredIndicator","inputBorderColor","inputBorderWidth","inputBorderStyle","inputBorderRadius","inputHeight","inputHorizontalPadding","inputOutlineColor","inputOutlineStyle","textAlign","inputTextAlign","inputPlaceholderColor","labelPosition","labelTopPosition","labelHorizontalPosition","inputTransformY","inputTransition","marginInlineStart","placeholderOpacity","inputVerticalAlignment","valueInputHeight","valueInputMarginBottom","inputIconOffset","inputIconSize","inputIconColor","useHostExternalPadding","resetInputContainer","name","resetInputField","resetInputCursor","resetInputPlaceholder","ele","resetInputFieldDefaultWidth","resetInputReadonlyStyle","resetInputFieldInvalidBackgroundColor","resetInputOverrides","resetInputAutoFill","resetInitialHeight","resetInputElement","resetInputFieldUnderlayingBorder","resetInputLabelPosition","inputFloatingLabelStyle"],"sourceRoot":""}